react-image-gallery 1.2.11 → 1.3.0

package/webpack.config.js

@@ -1,25 +1,28 @@
-
-const path = require('path');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const path = require("path");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {
-  entry: ['./example/app.js', './example/app.css', './styles/scss/image-gallery.scss'],
+  entry: [
+    "./example/App.jsx",
+    "./example/App.css",
+    "./styles/scss/image-gallery.scss",
+  ],
   output: {
-    path: path.resolve(__dirname, 'example'),
-    filename: 'example.js',
-    publicPath: '/dist/'
+    path: path.resolve(__dirname, "example"),
+    filename: "example.js",
+    publicPath: "/dist/",
   },
   resolve: {
-    extensions: ['.js'],
+    extensions: [".js", ".jsx"],
     alias: {
-      src: path.resolve(__dirname, 'src/'),
+      src: path.resolve(__dirname, "src/"),
     },
   },
   module: {
     rules: [
       {
         test: /\.(js|jsx)$/,
-        loader: 'babel-loader',
+        loader: "babel-loader",
       },
       {
         test: /\.(css|scss)$/i,
@@ -31,19 +34,19 @@ module.exports = {
           // Compiles Sass to CSS
           "sass-loader",
         ],
-      }
-    ]
+      },
+    ],
   },
   plugins: [
     new MiniCssExtractPlugin({
-      filename: 'image-gallery.css',
+      filename: "image-gallery.css",
     }),
   ],
   devServer: {
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     port: 8001,
     historyApiFallback: {
-      rewrites: [{ from: /\//, to: '/example/index.html' }],
+      rewrites: [{ from: /\//, to: "/example/index.html" }],
     },
   },
 };

package/.babelrc

@@ -1 +0,0 @@
-{ "presets": ["@babel/preset-env", "@babel/preset-react"] }

package/.notes

@@ -1,2 +0,0 @@
-Great carousel lib
-https://splidejs.com/integration/react-splide/

package/src/Item.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import { bool, func, string } from 'prop-types';
-
-const Item = React.memo(({
-  description,
-  fullscreen, // fullscreen version of img
-  handleImageLoaded,
-  isFullscreen,
-  onImageError,
-  original,
-  originalAlt,
-  originalHeight,
-  originalWidth,
-  originalTitle,
-  sizes,
-  srcSet,
-  loading,
-}) => {
-  const itemSrc = isFullscreen ? (fullscreen || original) : original;
-
-  return (
-    <React.Fragment>
-      <img
-        className="image-gallery-image"
-        src={itemSrc}
-        alt={originalAlt}
-        srcSet={srcSet}
-        height={originalHeight}
-        width={originalWidth}
-        sizes={sizes}
-        title={originalTitle}
-        onLoad={event => handleImageLoaded(event, original)}
-        onError={onImageError}
-        loading={loading}
-      />
-      {
-        description && (
-          <span className="image-gallery-description">
-            {description}
-          </span>
-        )
-      }
-    </React.Fragment>
-  );
-});
-
-Item.displayName = 'Item';
-
-Item.propTypes = {
-  description: string,
-  fullscreen: string, // fullscreen version of img
-  handleImageLoaded: func.isRequired,
-  isFullscreen: bool,
-  onImageError: func.isRequired,
-  original: string.isRequired,
-  originalAlt: string,
-  originalHeight: string,
-  originalWidth: string,
-  originalTitle: string,
-  sizes: string,
-  srcSet: string,
-  loading: string,
-};
-
-Item.defaultProps = {
-  description: '',
-  fullscreen: '',
-  isFullscreen: false,
-  originalAlt: '',
-  originalHeight: '',
-  originalWidth: '',
-  originalTitle: '',
-  sizes: '',
-  srcSet: '',
-  loading: 'eager',
-};
-
-export default Item;

package/tests/ImageGallery.test.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-
-import ImageGallery from '../src/ImageGallery';
-
-describe('<ImageGallery />', () => {
-  const defaultProps = {
-    items: [],
-  };
-
-  it('matches snapshot', () => {
-    const component = shallow(<ImageGallery {...defaultProps} />);
-    expect(component).toMatchSnapshot();
-  });
-});

package/tests/__snapshots__/ImageGallery.test.js.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<ImageGallery /> matches snapshot 1`] = `ShallowWrapper {}`;

package/tests/setupTestFramework.js

@@ -1,4 +0,0 @@
-import Adapter from 'enzyme-adapter-react-16';
-import { configure } from 'enzyme';
-
-configure({ adapter: new Adapter() });