react-custom-scroll - npm Package Compare versions

Comparing version 4.0.4 to 4.0.5

package.json

 {
   "name": "react-custom-scroll",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "An easily designable, cross browser (!!), custom scroll with ReactJS Animations and scroll rate **exactly** like native scroll",
@@ -58,3 +58,2 @@ "main": "index",
     "webpack": "^4.8.3",
-    "webpack-bundle-analyzer": "^2.12.0",
     "webpack-cli": "^2.1.3"
@@ -61,0 +60,0 @@ },

README.md

@@ -24,4 +24,4 @@ [![NPM version][npm-image]][npm-url]
 **From unpkg cdn:**      
-* [Js file](https://unpkg.com/react-custom-scroll@4.0.4/dist/reactCustomScroll)
-* [css file](https://unpkg.com/react-custom-scroll@4.0.4/dist/customScroll.css) 
+* [Js file](https://unpkg.com/react-custom-scroll@4.0.5/dist/reactCustomScroll)
+* [css file](https://unpkg.com/react-custom-scroll@4.0.5/dist/customScroll.css) 
 
@@ -28,0 +28,0 @@ Wrap your content with the custom scroll component

src/main/customScroll.js

@@ -250,4 +250,4 @@ import React, { Component } from 'react'
     })
-    document.addEventListener('mousemove', this.onHandleDrag)
-    document.addEventListener('mouseup', this.onHandleDragEnd)
+    document.addEventListener('mousemove', this.onHandleDrag, { passive: false })
+    document.addEventListener('mouseup', this.onHandleDragEnd, { passive: false })
   }
@@ -254,0 +254,0 @@

webpack.config.js

 const path = require('path')
-//const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
 const ExtractTextPlugin = require('extract-text-webpack-plugin')
 
-module.exports = [{
-  mode: 'production',
-  entry: ['./src/main/customScroll'],
-  output: {
-    path: path.join(__dirname, 'dist'),
-    filename: 'reactCustomScroll.js',
-    library: 'ReactCustomScroll',
-    libraryTarget: 'umd',
-    globalObject: 'typeof self !== \'undefined\' ? self : this'
-  },
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader'
+module.exports = [
+  {
+    mode: 'production',
+    entry: ['./src/main/customScroll'],
+    output: {
+      path: path.join(__dirname, 'dist'),
+      filename: 'reactCustomScroll.js',
+      library: 'ReactCustomScroll',
+      libraryTarget: 'umd',
+      globalObject: "typeof self !== 'undefined' ? self : this"
+    },
+    module: {
+      rules: [
+        {
+          test: /\.js$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader'
+          }
+        },
+        {
+          test: /\.scss$/,
+          use: ExtractTextPlugin.extract({
+            fallback: 'style-loader',
+            use: [
+              {
+                loader: 'css-loader',
+                options: {
+                  modules: true,
+                  camelCase: 'dashes',
+                  localIdentName: 'rcs-[local]'
+                }
+              },
+              { loader: 'sass-loader' }
+            ]
+          })
         }
-      },
-      {
-        test: /\.scss$/,
-        use: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: [
-            {
-              loader: 'css-loader',
-              options: {
-                modules: true,
-                camelCase: 'dashes',
-                localIdentName: 'rcs-[local]'
-              }
-            },
-            { loader: 'sass-loader' }
-          ]
-        })
-      }
-    ]
+      ]
+    },
+    resolve: {
+      modules: [path.resolve(__dirname, 'src/main'), 'node_modules']
+    },
+    plugins: [
+      // new BundleAnalyzerPlugin(),
+      new ExtractTextPlugin('customScroll.css')
+    ],
+    externals: {
+      react: 'react',
+      'react-dom': 'react-dom',
+      'prop-types': 'prop-types',
+      lodash: 'lodash'
+    }
   },
-  resolve: {
-    modules: [path.resolve(__dirname, "src/main"), "node_modules"]
-  },
-  plugins: [
-    // new BundleAnalyzerPlugin(),
-    new ExtractTextPlugin('customScroll.css')
-  ],
-  externals: {
-    react: 'react',
-    'react-dom': 'react-dom',
-    'prop-types': 'prop-types',
-    lodash: 'lodash'
-  }
-}, {
-  mode: 'production',
-  entry: './example/main.js',
-  output: {
-    filename: 'example.js',
-    path: path.resolve(__dirname, 'example/exampleDist')
-  },
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader'
+  {
+    mode: 'production',
+    entry: './example/main.js',
+    output: {
+      filename: 'example.js',
+      path: path.resolve(__dirname, 'example/exampleDist')
+    },
+    module: {
+      rules: [
+        {
+          test: /\.js$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader'
+          }
         }
-      }
-    ]
-  },
-  externals: {
-    react: 'React',
-    'react-dom': 'ReactDOM',
-    lodash: '_'
+      ]
+    },
+    externals: {
+      react: 'React',
+      'react-dom': 'ReactDOM',
+      lodash: '_'
+    }
   }
-}]
+]

No alert changes

Improved metrics

Dev dependency count

33

decreased by-2.94%

Lines of code

2634

increased by0.11%

Worsened metrics

Total package byte prevSize

512405

decreased by-1.51%

No dependency changes