@sandstreamdev/react-swipeable-list - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/react-swipeable-list.cjs.js

@@ -115,3 +115,3 @@ 'use strict';
   try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -585,2 +585,12 @@ } catch (e) {
   _createClass(SwipeableListItem, [{
+    key: "dragHorizontalDirectionThreshold",
+    get: function get() {
+      return this.props.swipeStartThreshold || 10;
+    }
+  }, {
+    key: "dragVerticalDirectionThreshold",
+    get: function get() {
+      return this.props.scrollStartThreshold || 10;
+    }
+  }, {
     key: "componentDidMount",
@@ -613,2 +623,12 @@ value: function componentDidMount() {
   }, {
+    key: "onlyLeftContent",
+    get: function get() {
+      return this.contentLeft !== null && this.contentRight === null;
+    }
+  }, {
+    key: "onlyRightContent",
+    get: function get() {
+      return this.contentLeft === null && this.contentRight !== null;
+    }
+  }, {
     key: "render",
@@ -637,22 +657,2 @@ value: function render() {
     }
-  }, {
-    key: "dragHorizontalDirectionThreshold",
-    get: function get() {
-      return this.props.swipeStartThreshold || 10;
-    }
-  }, {
-    key: "dragVerticalDirectionThreshold",
-    get: function get() {
-      return this.props.scrollStartThreshold || 10;
-    }
-  }, {
-    key: "onlyLeftContent",
-    get: function get() {
-      return this.contentLeft !== null && this.contentRight === null;
-    }
-  }, {
-    key: "onlyRightContent",
-    get: function get() {
-      return this.contentLeft === null && this.contentRight !== null;
-    }
   }]);
@@ -659,0 +659,0 @@

dist/react-swipeable-list.esm.js

@@ -106,3 +106,3 @@ import React, { PureComponent } from 'react';
   try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -576,2 +576,12 @@ } catch (e) {
   _createClass(SwipeableListItem, [{
+    key: "dragHorizontalDirectionThreshold",
+    get: function get() {
+      return this.props.swipeStartThreshold || 10;
+    }
+  }, {
+    key: "dragVerticalDirectionThreshold",
+    get: function get() {
+      return this.props.scrollStartThreshold || 10;
+    }
+  }, {
     key: "componentDidMount",
@@ -604,2 +614,12 @@ value: function componentDidMount() {
   }, {
+    key: "onlyLeftContent",
+    get: function get() {
+      return this.contentLeft !== null && this.contentRight === null;
+    }
+  }, {
+    key: "onlyRightContent",
+    get: function get() {
+      return this.contentLeft === null && this.contentRight !== null;
+    }
+  }, {
     key: "render",
@@ -628,22 +648,2 @@ value: function render() {
     }
-  }, {
-    key: "dragHorizontalDirectionThreshold",
-    get: function get() {
-      return this.props.swipeStartThreshold || 10;
-    }
-  }, {
-    key: "dragVerticalDirectionThreshold",
-    get: function get() {
-      return this.props.scrollStartThreshold || 10;
-    }
-  }, {
-    key: "onlyLeftContent",
-    get: function get() {
-      return this.contentLeft !== null && this.contentRight === null;
-    }
-  }, {
-    key: "onlyRightContent",
-    get: function get() {
-      return this.contentLeft === null && this.contentRight !== null;
-    }
   }]);
@@ -650,0 +650,0 @@

dist/react-swipeable-list.umd.js

@@ -114,3 +114,3 @@ (function (global, factory) {
     try {
-      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
       return true;
@@ -584,2 +584,12 @@ } catch (e) {
     _createClass(SwipeableListItem, [{
+      key: "dragHorizontalDirectionThreshold",
+      get: function get() {
+        return this.props.swipeStartThreshold || 10;
+      }
+    }, {
+      key: "dragVerticalDirectionThreshold",
+      get: function get() {
+        return this.props.scrollStartThreshold || 10;
+      }
+    }, {
       key: "componentDidMount",
@@ -612,2 +622,12 @@ value: function componentDidMount() {
     }, {
+      key: "onlyLeftContent",
+      get: function get() {
+        return this.contentLeft !== null && this.contentRight === null;
+      }
+    }, {
+      key: "onlyRightContent",
+      get: function get() {
+        return this.contentLeft === null && this.contentRight !== null;
+      }
+    }, {
       key: "render",
@@ -636,22 +656,2 @@ value: function render() {
       }
-    }, {
-      key: "dragHorizontalDirectionThreshold",
-      get: function get() {
-        return this.props.swipeStartThreshold || 10;
-      }
-    }, {
-      key: "dragVerticalDirectionThreshold",
-      get: function get() {
-        return this.props.scrollStartThreshold || 10;
-      }
-    }, {
-      key: "onlyLeftContent",
-      get: function get() {
-        return this.contentLeft !== null && this.contentRight === null;
-      }
-    }, {
-      key: "onlyRightContent",
-      get: function get() {
-        return this.contentLeft === null && this.contentRight !== null;
-      }
     }]);
@@ -658,0 +658,0 @@

package.json

 {
   "name": "@sandstreamdev/react-swipeable-list",
   "description": "Swipeable list component for React",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "author": {
@@ -31,38 +31,39 @@ "name": "Sandstream Development",
     "prop-types": "^15.7.2",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0"
+    "react": "^16.12.0 || ^17",
+    "react-dom": "^16.12.0 || ^17"
   },
   "devDependencies": {
-    "@babel/core": "7.11.6",
-    "@babel/plugin-proposal-class-properties": "7.10.4",
-    "@babel/plugin-transform-modules-commonjs": "7.10.4",
-    "@babel/preset-env": "7.11.5",
-    "@babel/preset-react": "7.10.4",
-    "@rollup/plugin-commonjs": "15.0.0",
-    "@rollup/plugin-node-resolve": "9.0.0",
-    "@testing-library/jest-dom": "5.11.4",
-    "@testing-library/react": "11.0.2",
-    "autoprefixer": "9.8.6",
+    "@babel/core": "7.13.15",
+    "@babel/plugin-proposal-class-properties": "7.13.0",
+    "@babel/plugin-transform-modules-commonjs": "7.13.8",
+    "@babel/preset-env": "7.13.15",
+    "@babel/preset-react": "7.13.13",
+    "@rollup/plugin-commonjs": "18.0.0",
+    "@rollup/plugin-node-resolve": "11.2.1",
+    "@testing-library/jest-dom": "5.11.10",
+    "@testing-library/react": "11.2.6",
+    "autoprefixer": "10.2.5",
     "babel-eslint": "10.1.0",
-    "eslint": "7.8.1",
-    "eslint-config-prettier": "6.11.0",
-    "eslint-plugin-prettier": "3.1.4",
-    "eslint-plugin-react": "7.20.6",
-    "eslint-plugin-react-hooks": "4.1.0",
+    "eslint": "7.24.0",
+    "eslint-config-prettier": "8.1.0",
+    "eslint-plugin-prettier": "3.3.1",
+    "eslint-plugin-react": "7.23.2",
+    "eslint-plugin-react-hooks": "4.2.0",
     "husky": "4.2.5",
     "identity-obj-proxy": "3.0.0",
-    "jest": "26.4.2",
-    "lint-staged": "10.3.0",
-    "prettier": "2.1.1",
+    "jest": "26.6.3",
+    "lint-staged": "10.5.4",
+    "postcss": "8.2.10",
+    "prettier": "2.2.1",
     "prop-types": "15.7.2",
     "react": "16.13.1",
     "react-dom": "16.13.1",
-    "rollup": "2.26.10",
+    "rollup": "2.45.1",
     "rollup-plugin-babel": "4.4.0",
-    "rollup-plugin-copy": "3.3.0",
+    "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-local-resolve": "1.0.7",
-    "rollup-plugin-peer-deps-external": "2.2.3",
-    "rollup-plugin-postcss": "3.1.8",
-    "stylelint": "13.7.0",
-    "stylelint-config-standard": "20.0.0"
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "rollup-plugin-postcss": "4.0.0",
+    "stylelint": "13.12.0",
+    "stylelint-config-standard": "21.0.0"
   },
@@ -69,0 +70,0 @@ "scripts": {

README.md

@@ -210,28 +210,30 @@ <h1 align="center">react-swipeable-list</h1>
   <tr>
-    <td align="center"><a href="https://github.com/sandstreamdevelopment"><img src="https://avatars2.githubusercontent.com/u/44231396?v=4" width="100px;" alt=""/><br /><sub><b>sandstreamdevelopment</b></sub></a><br /><a href="#business-sandstreamdevelopment" title="Business development">💼</a> <a href="#financial-sandstreamdevelopment" title="Financial">💵</a> <a href="#ideas-sandstreamdevelopment" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="https://github.com/marekrozmus"><img src="https://avatars3.githubusercontent.com/u/26272040?v=4" width="100px;" alt=""/><br /><sub><b>Marek Rozmus</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=marekrozmus" title="Code">💻</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=marekrozmus" title="Documentation">📖</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=marekrozmus" title="Tests">⚠️</a> <a href="#example-marekrozmus" title="Examples">💡</a> <a href="#ideas-marekrozmus" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="https://github.com/jakubbogacz"><img src="https://avatars3.githubusercontent.com/u/26272028?v=4" width="100px;" alt=""/><br /><sub><b>jakubbogacz</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/pulls?q=is%3Apr+reviewed-by%3Ajakubbogacz" title="Reviewed Pull Requests">👀</a> <a href="#ideas-jakubbogacz" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=jakubbogacz" title="Documentation">📖</a></td>
-    <td align="center"><a href="https://github.com/LukasMarx"><img src="https://avatars0.githubusercontent.com/u/8080408?v=4" width="100px;" alt=""/><br /><sub><b>Lukas Marx</b></sub></a><br /><a href="#ideas-LukasMarx" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="https://www.linkedin.com/in/luis-filipe42/"><img src="https://avatars1.githubusercontent.com/u/29440533?v=4" width="100px;" alt=""/><br /><sub><b>Luis Filipe Pedroso</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3ALuisFilipePedroso" title="Bug reports">🐛</a></td>
-    <td align="center"><a href="https://github.com/przemyslawzalewski"><img src="https://avatars0.githubusercontent.com/u/30114244?v=4" width="100px;" alt=""/><br /><sub><b>Przemysław Zalewski</b></sub></a><br /><a href="#maintenance-przemyslawzalewski" title="Maintenance">🚧</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/pulls?q=is%3Apr+reviewed-by%3Aprzemyslawzalewski" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=przemyslawzalewski" title="Code">💻</a> <a href="#ideas-przemyslawzalewski" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="https://marktension.github.io/tension_design/"><img src="https://avatars0.githubusercontent.com/u/16321685?v=4" width="100px;" alt=""/><br /><sub><b>MarkTension</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3AMarkTension" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="https://github.com/sandstreamdevelopment"><img src="https://avatars2.githubusercontent.com/u/44231396?v=4?s=100" width="100px;" alt=""/><br /><sub><b>sandstreamdevelopment</b></sub></a><br /><a href="#business-sandstreamdevelopment" title="Business development">💼</a> <a href="#financial-sandstreamdevelopment" title="Financial">💵</a> <a href="#ideas-sandstreamdevelopment" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://github.com/marekrozmus"><img src="https://avatars3.githubusercontent.com/u/26272040?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Marek Rozmus</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=marekrozmus" title="Code">💻</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=marekrozmus" title="Documentation">📖</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=marekrozmus" title="Tests">⚠️</a> <a href="#example-marekrozmus" title="Examples">💡</a> <a href="#ideas-marekrozmus" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://github.com/jakubbogacz"><img src="https://avatars3.githubusercontent.com/u/26272028?v=4?s=100" width="100px;" alt=""/><br /><sub><b>jakubbogacz</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/pulls?q=is%3Apr+reviewed-by%3Ajakubbogacz" title="Reviewed Pull Requests">👀</a> <a href="#ideas-jakubbogacz" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=jakubbogacz" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/LukasMarx"><img src="https://avatars0.githubusercontent.com/u/8080408?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Lukas Marx</b></sub></a><br /><a href="#ideas-LukasMarx" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://www.linkedin.com/in/luis-filipe42/"><img src="https://avatars1.githubusercontent.com/u/29440533?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Luis Filipe Pedroso</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3ALuisFilipePedroso" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="https://github.com/przemyslawzalewski"><img src="https://avatars0.githubusercontent.com/u/30114244?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Przemysław Zalewski</b></sub></a><br /><a href="#maintenance-przemyslawzalewski" title="Maintenance">🚧</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/pulls?q=is%3Apr+reviewed-by%3Aprzemyslawzalewski" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/sandstreamdev/react-swipeable-list/commits?author=przemyslawzalewski" title="Code">💻</a> <a href="#ideas-przemyslawzalewski" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://marktension.github.io/tension_design/"><img src="https://avatars0.githubusercontent.com/u/16321685?v=4?s=100" width="100px;" alt=""/><br /><sub><b>MarkTension</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3AMarkTension" title="Bug reports">🐛</a></td>
   </tr>
   <tr>
-    <td align="center"><a href="https://github.com/wildeyes"><img src="https://avatars3.githubusercontent.com/u/1652108?v=4" width="100px;" alt=""/><br /><sub><b>wildeyes</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3Awildeyes" title="Bug reports">🐛</a></td>
-    <td align="center"><a href="http://www.deruli.de"><img src="https://avatars0.githubusercontent.com/u/1799239?v=4" width="100px;" alt=""/><br /><sub><b>Der Uli im Netz</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3AderUli" title="Bug reports">🐛</a> <a href="#ideas-derUli" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="https://github.com/Iliyaz1995"><img src="https://avatars0.githubusercontent.com/u/31325754?v=4" width="100px;" alt=""/><br /><sub><b>Iliyaz syed</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3AIliyaz1995" title="Bug reports">🐛</a></td>
-    <td align="center"><a href="https://twitter.com/jamescuenod"><img src="https://avatars2.githubusercontent.com/u/4253884?v=4" width="100px;" alt=""/><br /><sub><b>James Cuénod</b></sub></a><br /><a href="#ideas-jcuenod" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="https://github.com/akshar07"><img src="https://avatars2.githubusercontent.com/u/11475137?v=4" width="100px;" alt=""/><br /><sub><b>Akshar Takle</b></sub></a><br /><a href="#ideas-akshar07" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="http://mohammedfaragallah.herokuapp.com"><img src="https://avatars0.githubusercontent.com/u/14910456?v=4" width="100px;" alt=""/><br /><sub><b>Mohammed Faragallah</b></sub></a><br /><a href="#ideas-MohammedFaragallah" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="https://davidreact.github.io/portfolio/"><img src="https://avatars3.githubusercontent.com/u/17351751?v=4" width="100px;" alt=""/><br /><sub><b>David</b></sub></a><br /><a href="#ideas-davidreact" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://github.com/wildeyes"><img src="https://avatars3.githubusercontent.com/u/1652108?v=4?s=100" width="100px;" alt=""/><br /><sub><b>wildeyes</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3Awildeyes" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="http://www.deruli.de"><img src="https://avatars0.githubusercontent.com/u/1799239?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Der Uli im Netz</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3AderUli" title="Bug reports">🐛</a> <a href="#ideas-derUli" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://github.com/Iliyaz1995"><img src="https://avatars0.githubusercontent.com/u/31325754?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Iliyaz syed</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3AIliyaz1995" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="https://twitter.com/jamescuenod"><img src="https://avatars2.githubusercontent.com/u/4253884?v=4?s=100" width="100px;" alt=""/><br /><sub><b>James Cuénod</b></sub></a><br /><a href="#ideas-jcuenod" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://github.com/akshar07"><img src="https://avatars2.githubusercontent.com/u/11475137?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Akshar Takle</b></sub></a><br /><a href="#ideas-akshar07" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="http://mohammedfaragallah.herokuapp.com"><img src="https://avatars0.githubusercontent.com/u/14910456?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mohammed Faragallah</b></sub></a><br /><a href="#ideas-MohammedFaragallah" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://davidreact.github.io/portfolio/"><img src="https://avatars3.githubusercontent.com/u/17351751?v=4?s=100" width="100px;" alt=""/><br /><sub><b>David</b></sub></a><br /><a href="#ideas-davidreact" title="Ideas, Planning, & Feedback">🤔</a></td>
   </tr>
   <tr>
-    <td align="center"><a href="https://github.com/ziabskiK"><img src="https://avatars0.githubusercontent.com/u/33325556?v=4" width="100px;" alt=""/><br /><sub><b>Karol Ziąbski</b></sub></a><br /><a href="#ideas-ziabskiK" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://github.com/ziabskiK"><img src="https://avatars0.githubusercontent.com/u/33325556?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Karol Ziąbski</b></sub></a><br /><a href="https://github.com/sandstreamdev/react-swipeable-list/issues?q=author%3AziabskiK" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="http://bluestembrands.com"><img src="https://avatars.githubusercontent.com/u/142194?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Matt Ruby</b></sub></a><br /><a href="#maintenance-mattruby" title="Maintenance">🚧</a></td>
   </tr>
 </table>
 
-<!-- markdownlint-enable -->
+<!-- markdownlint-restore -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

87987

increased by0.53%

Number of lines in readme file

239

increased by0.84%

Worsened metrics

Dev dependency count

33

increased by3.13%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes