├── .babelrc ├── .github ├── contributing.md ├── dependabot.yml ├── issue_template.md └── workflows │ ├── main.yml │ └── pages.yml ├── .gitignore ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── LICENSE ├── README.md ├── UPGRADE_GUIDE.md ├── examples ├── captions │ ├── .env │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── index.html │ ├── src │ │ ├── App.tsx │ │ ├── images.tsx │ │ ├── index.tsx │ │ ├── react-app-env.d.ts │ │ └── styles.css │ └── tsconfig.json ├── custom-image-component │ ├── .env │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── index.html │ ├── src │ │ ├── App.tsx │ │ ├── images.tsx │ │ ├── index.tsx │ │ ├── react-app-env.d.ts │ │ └── styles.css │ └── tsconfig.json ├── custom-overlay │ ├── .env │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── index.html │ ├── src │ │ ├── App.tsx │ │ ├── images.ts │ │ ├── index.tsx │ │ ├── react-app-env.d.ts │ │ └── styles.css │ └── tsconfig.json ├── next-env.d.ts ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _meta.json │ ├── examples │ │ ├── _meta.json │ │ ├── captions.mdx │ │ ├── custom-image-component.mdx │ │ ├── custom-overlay.mdx │ │ ├── selection.mdx │ │ ├── with-react-image-lightbox.mdx │ │ └── with-yet-another-react-lightbox.mdx │ └── index.mdx ├── public │ ├── android-chrome-192x192.png │ ├── android-chrome-512x512.png │ ├── apple-touch-icon.png │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── favicon.ico │ ├── favicon.png │ └── site.webmanifest ├── selection │ ├── .env │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── index.html │ ├── src │ │ ├── App.tsx │ │ ├── images.ts │ │ ├── index.tsx │ │ ├── react-app-env.d.ts │ │ └── styles.css │ └── tsconfig.json ├── theme.config.tsx ├── tsconfig.json ├── with-react-image-lightbox │ ├── .env │ ├── package-lock.json │ ├── package.json │ ├── public │ │ └── index.html │ ├── src │ │ ├── App.tsx │ │ ├── images.ts │ │ ├── index.tsx │ │ ├── react-app-env.d.ts │ │ └── styles.css │ └── tsconfig.json └── with-yet-another-react-lightbox │ ├── .env │ ├── package-lock.json │ ├── package.json │ ├── public │ └── index.html │ ├── src │ ├── App.tsx │ ├── images.ts │ ├── index.tsx │ ├── react-app-env.d.ts │ └── styles.css │ └── tsconfig.json ├── jest.config.js ├── package.json ├── playground ├── README.md ├── index.html └── index.tsx ├── rollup.config.js ├── setup-jest.js ├── src ├── CheckButton.tsx ├── Gallery.tsx ├── Image.tsx ├── buildLayout.ts ├── index.ts ├── styles.ts ├── types.ts └── useContainerWidth.ts ├── test ├── Gallery.e2e.test.ts ├── Gallery.test.tsx ├── __image_snapshots__ │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-2-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-3-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-4-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-5-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-6-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-7-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-16-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-17-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-18-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-container-width-is-decimal-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-are-selected-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-are-transparent-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-have-tags-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-have-tags-and-tag-style-prop-passed-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-margin-is-10-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-max-rows-is-2-1-snap.png │ ├── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-nano-prop-passed-1-snap.png │ └── gallery-e-2-e-test-ts-gallery-is-visually-correct-when-row-height-is-100-1-snap.png ├── buildLayout.test.ts ├── images.ts └── styles.test.ts └── tsconfig.json /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/.babelrc -------------------------------------------------------------------------------- /.github/contributing.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/.github/contributing.md -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/.github/dependabot.yml -------------------------------------------------------------------------------- /.github/issue_template.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/.github/issue_template.md -------------------------------------------------------------------------------- /.github/workflows/main.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/.github/workflows/main.yml -------------------------------------------------------------------------------- /.github/workflows/pages.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/.github/workflows/pages.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/.gitignore -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/CHANGELOG.md -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | Be nice. 2 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/README.md -------------------------------------------------------------------------------- /UPGRADE_GUIDE.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/UPGRADE_GUIDE.md -------------------------------------------------------------------------------- /examples/captions/.env: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true -------------------------------------------------------------------------------- /examples/captions/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/captions/package-lock.json -------------------------------------------------------------------------------- /examples/captions/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/captions/package.json -------------------------------------------------------------------------------- /examples/captions/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/captions/public/index.html -------------------------------------------------------------------------------- /examples/captions/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/captions/src/App.tsx -------------------------------------------------------------------------------- /examples/captions/src/images.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/captions/src/images.tsx -------------------------------------------------------------------------------- /examples/captions/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/captions/src/index.tsx -------------------------------------------------------------------------------- /examples/captions/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/captions/src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/captions/src/styles.css -------------------------------------------------------------------------------- /examples/captions/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/captions/tsconfig.json -------------------------------------------------------------------------------- /examples/custom-image-component/.env: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true -------------------------------------------------------------------------------- /examples/custom-image-component/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-image-component/package-lock.json -------------------------------------------------------------------------------- /examples/custom-image-component/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-image-component/package.json -------------------------------------------------------------------------------- /examples/custom-image-component/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-image-component/public/index.html -------------------------------------------------------------------------------- /examples/custom-image-component/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-image-component/src/App.tsx -------------------------------------------------------------------------------- /examples/custom-image-component/src/images.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-image-component/src/images.tsx -------------------------------------------------------------------------------- /examples/custom-image-component/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-image-component/src/index.tsx -------------------------------------------------------------------------------- /examples/custom-image-component/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/custom-image-component/src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-image-component/src/styles.css -------------------------------------------------------------------------------- /examples/custom-image-component/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-image-component/tsconfig.json -------------------------------------------------------------------------------- /examples/custom-overlay/.env: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true -------------------------------------------------------------------------------- /examples/custom-overlay/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-overlay/package-lock.json -------------------------------------------------------------------------------- /examples/custom-overlay/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-overlay/package.json -------------------------------------------------------------------------------- /examples/custom-overlay/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-overlay/public/index.html -------------------------------------------------------------------------------- /examples/custom-overlay/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-overlay/src/App.tsx -------------------------------------------------------------------------------- /examples/custom-overlay/src/images.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-overlay/src/images.ts -------------------------------------------------------------------------------- /examples/custom-overlay/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-overlay/src/index.tsx -------------------------------------------------------------------------------- /examples/custom-overlay/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/custom-overlay/src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-overlay/src/styles.css -------------------------------------------------------------------------------- /examples/custom-overlay/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/custom-overlay/tsconfig.json -------------------------------------------------------------------------------- /examples/next-env.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/next-env.d.ts -------------------------------------------------------------------------------- /examples/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/next.config.js -------------------------------------------------------------------------------- /examples/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/package-lock.json -------------------------------------------------------------------------------- /examples/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/package.json -------------------------------------------------------------------------------- /examples/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/_app.tsx -------------------------------------------------------------------------------- /examples/pages/_meta.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/_meta.json -------------------------------------------------------------------------------- /examples/pages/examples/_meta.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/examples/_meta.json -------------------------------------------------------------------------------- /examples/pages/examples/captions.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/examples/captions.mdx -------------------------------------------------------------------------------- /examples/pages/examples/custom-image-component.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/examples/custom-image-component.mdx -------------------------------------------------------------------------------- /examples/pages/examples/custom-overlay.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/examples/custom-overlay.mdx -------------------------------------------------------------------------------- /examples/pages/examples/selection.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/examples/selection.mdx -------------------------------------------------------------------------------- /examples/pages/examples/with-react-image-lightbox.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/examples/with-react-image-lightbox.mdx -------------------------------------------------------------------------------- /examples/pages/examples/with-yet-another-react-lightbox.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/examples/with-yet-another-react-lightbox.mdx -------------------------------------------------------------------------------- /examples/pages/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/pages/index.mdx -------------------------------------------------------------------------------- /examples/public/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/public/android-chrome-192x192.png -------------------------------------------------------------------------------- /examples/public/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/public/android-chrome-512x512.png -------------------------------------------------------------------------------- /examples/public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/public/apple-touch-icon.png -------------------------------------------------------------------------------- /examples/public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/public/favicon-16x16.png -------------------------------------------------------------------------------- /examples/public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/public/favicon-32x32.png -------------------------------------------------------------------------------- /examples/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/public/favicon.ico -------------------------------------------------------------------------------- /examples/public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/public/favicon.png -------------------------------------------------------------------------------- /examples/public/site.webmanifest: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/public/site.webmanifest -------------------------------------------------------------------------------- /examples/selection/.env: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true -------------------------------------------------------------------------------- /examples/selection/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/selection/package-lock.json -------------------------------------------------------------------------------- /examples/selection/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/selection/package.json -------------------------------------------------------------------------------- /examples/selection/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/selection/public/index.html -------------------------------------------------------------------------------- /examples/selection/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/selection/src/App.tsx -------------------------------------------------------------------------------- /examples/selection/src/images.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/selection/src/images.ts -------------------------------------------------------------------------------- /examples/selection/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/selection/src/index.tsx -------------------------------------------------------------------------------- /examples/selection/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/selection/src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/selection/src/styles.css -------------------------------------------------------------------------------- /examples/selection/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/selection/tsconfig.json -------------------------------------------------------------------------------- /examples/theme.config.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/theme.config.tsx -------------------------------------------------------------------------------- /examples/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/tsconfig.json -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/.env: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-react-image-lightbox/package-lock.json -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-react-image-lightbox/package.json -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-react-image-lightbox/public/index.html -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-react-image-lightbox/src/App.tsx -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/src/images.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-react-image-lightbox/src/images.ts -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-react-image-lightbox/src/index.tsx -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-react-image-lightbox/src/styles.css -------------------------------------------------------------------------------- /examples/with-react-image-lightbox/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-react-image-lightbox/tsconfig.json -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/.env: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-yet-another-react-lightbox/package-lock.json -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-yet-another-react-lightbox/package.json -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-yet-another-react-lightbox/public/index.html -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-yet-another-react-lightbox/src/App.tsx -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/src/images.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-yet-another-react-lightbox/src/images.ts -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-yet-another-react-lightbox/src/index.tsx -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-yet-another-react-lightbox/src/styles.css -------------------------------------------------------------------------------- /examples/with-yet-another-react-lightbox/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/examples/with-yet-another-react-lightbox/tsconfig.json -------------------------------------------------------------------------------- /jest.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/jest.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/package.json -------------------------------------------------------------------------------- /playground/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/playground/README.md -------------------------------------------------------------------------------- /playground/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/playground/index.html -------------------------------------------------------------------------------- /playground/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/playground/index.tsx -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/rollup.config.js -------------------------------------------------------------------------------- /setup-jest.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/setup-jest.js -------------------------------------------------------------------------------- /src/CheckButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/src/CheckButton.tsx -------------------------------------------------------------------------------- /src/Gallery.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/src/Gallery.tsx -------------------------------------------------------------------------------- /src/Image.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/src/Image.tsx -------------------------------------------------------------------------------- /src/buildLayout.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/src/buildLayout.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/styles.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/src/styles.ts -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/src/types.ts -------------------------------------------------------------------------------- /src/useContainerWidth.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/src/useContainerWidth.ts -------------------------------------------------------------------------------- /test/Gallery.e2e.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/Gallery.e2e.test.ts -------------------------------------------------------------------------------- /test/Gallery.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/Gallery.test.tsx -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-2-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-2-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-3-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-3-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-4-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-4-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-5-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-5-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-6-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-6-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-7-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-after-viewport-resize-7-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-16-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-16-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-17-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-17-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-18-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-on-react-18-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-container-width-is-decimal-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-container-width-is-decimal-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-are-selected-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-are-selected-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-are-transparent-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-are-transparent-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-have-tags-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-have-tags-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-have-tags-and-tag-style-prop-passed-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-images-have-tags-and-tag-style-prop-passed-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-margin-is-10-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-margin-is-10-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-max-rows-is-2-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-max-rows-is-2-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-nano-prop-passed-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-nano-prop-passed-1-snap.png -------------------------------------------------------------------------------- /test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-row-height-is-100-1-snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/__image_snapshots__/gallery-e-2-e-test-ts-gallery-is-visually-correct-when-row-height-is-100-1-snap.png -------------------------------------------------------------------------------- /test/buildLayout.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/buildLayout.test.ts -------------------------------------------------------------------------------- /test/images.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/images.ts -------------------------------------------------------------------------------- /test/styles.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/test/styles.test.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benhowell/react-grid-gallery/HEAD/tsconfig.json --------------------------------------------------------------------------------