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

Comparing version 3.3.0 to 3.4.0

dist/DateTimeRangePicker.js

@@ -101,3 +101,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.closeWidgets();
@@ -104,0 +107,0 @@ }

package.json

 {
   "name": "@wojtekmaj/react-datetimerange-picker",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "A datetime range picker for your React app.",
@@ -54,3 +54,3 @@ "main": "dist/entry.js",
     "react-clock": "^3.0.0",
-    "react-datetime-picker": "^3.2.0",
+    "react-datetime-picker": "^3.4.0",
     "react-fit": "^1.0.3"
@@ -67,3 +67,3 @@ },
     "enzyme": "^3.10.0",
-    "eslint": "^7.12.0",
+    "eslint": "~7.19.0",
     "eslint-config-wojtekmaj": "^0.5.0",
@@ -81,3 +81,2 @@ "jest": "^26.6.0",
   "resolutions": {
-    "rimraf@2.6.3": "^2.6.3",
     "semver@7.0.0": "^7.0.0"
@@ -84,0 +83,0 @@ },

src/DateTimeRangePicker.jsx

@@ -76,3 +76,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.closeWidgets();
@@ -79,0 +81,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

95846

increased by0.29%

Lines of code

1900

increased by0.21%

Dependency changes

• Updatedreact-datetime-picker@^3.4.0