react-touch-drag-slider - npm Package Compare versions

Comparing version 2.1.2 to 2.1.3

dist/index.js

@@ -1093,13 +1093,5 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n  transition: transform 0.2s ease-out;\n  div {\n    padding: 1rem;\n    height: 100%;\n    width: ", ";\n    height: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n"]);
+var _templateObject;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var SlideStyles = _styled.div(_templateObject(), function (props) {
+var SlideStyles = _styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  transition: transform 0.2s ease-out;\n  div {\n    padding: 1rem;\n    height: 100%;\n    width: ", ";\n    height: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n"])), function (props) {
   return props.sliderWidth;
@@ -1166,26 +1158,8 @@ }, function (props) {
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n"]);
+var _templateObject$1, _templateObject2;
 
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
+var SliderStyles = _styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  all: initial;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n  display: inline-flex;\n  will-change: transform, scale;\n  cursor: grab;\n  .slide-outer {\n    display: flex;\n    align-items: center;\n  }\n"])));
 
-  return data;
-}
+var SliderWrapper = _styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n"])));
 
-function _templateObject$1() {
-  var data = _taggedTemplateLiteralLoose(["\n  all: initial;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n  display: inline-flex;\n  will-change: transform, scale;\n  cursor: grab;\n  .slide-outer {\n    display: flex;\n    align-items: center;\n  }\n"]);
-
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var SliderStyles = _styled.div(_templateObject$1());
-
-var SliderWrapper = _styled.div(_templateObject2());
-
 function Slider(_ref) {
@@ -1192,0 +1166,0 @@ var children = _ref.children,

dist/index.modern.js

@@ -1090,13 +1090,5 @@ import _styled from 'styled-components';
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n  transition: transform 0.2s ease-out;\n  div {\n    padding: 1rem;\n    height: 100%;\n    width: ", ";\n    height: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n"]);
+var _templateObject;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var SlideStyles = _styled.div(_templateObject(), function (props) {
+var SlideStyles = _styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  transition: transform 0.2s ease-out;\n  div {\n    padding: 1rem;\n    height: 100%;\n    width: ", ";\n    height: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n"])), function (props) {
   return props.sliderWidth;
@@ -1163,26 +1155,8 @@ }, function (props) {
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n"]);
+var _templateObject$1, _templateObject2;
 
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
+var SliderStyles = _styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  all: initial;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n  display: inline-flex;\n  will-change: transform, scale;\n  cursor: grab;\n  .slide-outer {\n    display: flex;\n    align-items: center;\n  }\n"])));
 
-  return data;
-}
+var SliderWrapper = _styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n"])));
 
-function _templateObject$1() {
-  var data = _taggedTemplateLiteralLoose(["\n  all: initial;\n  width: 100%;\n  height: 100%;\n  max-height: 100vh;\n  display: inline-flex;\n  will-change: transform, scale;\n  cursor: grab;\n  .slide-outer {\n    display: flex;\n    align-items: center;\n  }\n"]);
-
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var SliderStyles = _styled.div(_templateObject$1());
-
-var SliderWrapper = _styled.div(_templateObject2());
-
 function Slider(_ref) {
@@ -1189,0 +1163,0 @@ var children = _ref.children,

package.json

 {
   "name": "react-touch-drag-slider",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Touch and drag slider carousel component for React",
@@ -36,3 +36,3 @@ "author": "bushblade",
   "peerDependencies": {
-    "react": "^16.0.0"
+    "react": "^17.0.1"
   },
@@ -42,21 +42,21 @@ "devDependencies": {
     "babel-plugin-styled-components": "^1.12.0",
-    "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^7.21.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-config-standard": "^16.0.2",
+    "eslint-config-standard-react": "^11.0.1",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-promise": "^4.3.1",
+    "eslint-plugin-react": "^7.22.0",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-standard": "^4.0.1",
-    "gh-pages": "^2.2.0",
-    "microbundle-crl": "^0.13.10",
+    "eslint-plugin-standard": "^4.1.0",
+    "gh-pages": "^3.1.0",
+    "microbundle-crl": "^0.13.11",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.0.4",
+    "prettier": "^2.2.1",
     "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1"
+    "react-dom": "^17.0.1",
+    "react-scripts": "^4.0.3"
   },
@@ -63,0 +63,0 @@ "files": [

No alert changes

Worsened metrics

Total package byte prevSize

286645

decreased by-0.21%

Lines of code

2487

decreased by-1.43%

No dependency changes