@wojtekmaj/react-daterange-picker - npm Package Compare versions

Comparing version 3.2.0 to 3.3.0

dist/DateRangePicker.js

@@ -99,3 +99,6 @@ "use strict";
     _defineProperty(_assertThisInitialized(_this), "onOutsideAction", function (event) {
-      if (_this.wrapper && !_this.wrapper.contains(event.target)) {
+      // Try event.composedPath first to handle clicks inside a Shadow DOM.
+      var target = 'composedPath' in event ? event.composedPath()[0] : event.target;
+
+      if (_this.wrapper && !_this.wrapper.contains(target)) {
         _this.closeCalendar();
@@ -102,0 +105,0 @@ }

package.json

 {
   "name": "@wojtekmaj/react-daterange-picker",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "A date range picker for your React app.",
@@ -48,3 +48,3 @@ "main": "dist/entry.js",
     "react-calendar": "^3.3.1",
-    "react-date-picker": "^8.1.0",
+    "react-date-picker": "^8.3.2",
     "react-fit": "^1.0.3"
@@ -61,3 +61,3 @@ },
     "enzyme": "^3.10.0",
-    "eslint": "^7.12.0",
+    "eslint": "~7.19.0",
     "eslint-config-wojtekmaj": "^0.5.0",
@@ -75,3 +75,2 @@ "jest": "^26.6.0",
   "resolutions": {
-    "rimraf@2.6.3": "^2.6.3",
     "semver@7.0.0": "^7.0.0"
@@ -78,0 +77,0 @@ },

src/DateRangePicker.jsx

@@ -54,3 +54,5 @@ import React, { PureComponent } from 'react';
   onOutsideAction = (event) => {
-    if (this.wrapper && !this.wrapper.contains(event.target)) {
+    // Try event.composedPath first to handle clicks inside a Shadow DOM.
+    const target = 'composedPath' in event ? event.composedPath()[0] : event.target;
+    if (this.wrapper && !this.wrapper.contains(target)) {
       this.closeCalendar();
@@ -57,0 +59,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

72340

increased by0.39%

Lines of code

1363

increased by0.29%

Dependency changes

• Updatedreact-date-picker@^8.3.2