@depay/react-dialog-stack - npm Package Compare versions

Comparing version 7.0.3 to 7.0.4

dist/esm/index.js

@@ -86,2 +86,3 @@ import React from 'react';
       animationSpeed: 200,
+      key: new Date().getTime()
     };
@@ -91,3 +92,3 @@ }
   set(stack) {
-    this.setState({ stack });
+    this.setState({ stack, key: new Date().getTime() });
   }
@@ -197,12 +198,12 @@
           React.createElement('div', {
-            key: index,
+            key: this.state.key.toString() + index.toString(),
             className: ['ReactDialogStack'].concat(stackState).join(' '),
-            onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 130}}
+            onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 131}}
           
             , React.createElement(NavigateStackContext.Provider, {
-              value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 135}}
+              value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 136}}
             
-              , React.createElement(CloseStackContext.Provider, { value: this.close.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 138}}
-                , React.createElement(StackContext.Provider, { value: this.state.stack, __self: this, __source: {fileName: _jsxFileName, lineNumber: 139}}
-                  , React.createElement('div', { className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName, lineNumber: 140}}, this.props.dialogs[route])
+              , React.createElement(CloseStackContext.Provider, { value: this.close.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 139}}
+                , React.createElement(StackContext.Provider, { value: this.state.stack, __self: this, __source: {fileName: _jsxFileName, lineNumber: 140}}
+                  , React.createElement('div', { className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName, lineNumber: 141}}, this.props.dialogs[route])
                 )
@@ -244,2 +245,3 @@ )
       React.createElement(ReactDialog, {
+        key: this.state.key,
         close: this.close.bind(this),
@@ -249,5 +251,5 @@ open: this.props.open,
         container: this.props.container,
-        background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 176}}
+        background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 177}}
       
-        , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 183}}, ReactDialogStackStyle())
+        , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 185}}, ReactDialogStackStyle())
         , this.renderStack()
@@ -254,0 +256,0 @@ )

dist/umd/index.js

@@ -93,2 +93,3 @@ (function (global, factory) {
         animationSpeed: 200,
+        key: new Date().getTime()
       };
@@ -98,3 +99,3 @@ }
     set(stack) {
-      this.setState({ stack });
+      this.setState({ stack, key: new Date().getTime() });
     }
@@ -204,12 +205,12 @@
             React__default['default'].createElement('div', {
-              key: index,
+              key: this.state.key.toString() + index.toString(),
               className: ['ReactDialogStack'].concat(stackState).join(' '),
-              onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 130}}
+              onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 131}}
             
               , React__default['default'].createElement(NavigateStackContext.Provider, {
-                value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 135}}
+                value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 136}}
               
-                , React__default['default'].createElement(CloseStackContext.Provider, { value: this.close.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 138}}
-                  , React__default['default'].createElement(StackContext.Provider, { value: this.state.stack, __self: this, __source: {fileName: _jsxFileName, lineNumber: 139}}
-                    , React__default['default'].createElement('div', { className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName, lineNumber: 140}}, this.props.dialogs[route])
+                , React__default['default'].createElement(CloseStackContext.Provider, { value: this.close.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 139}}
+                  , React__default['default'].createElement(StackContext.Provider, { value: this.state.stack, __self: this, __source: {fileName: _jsxFileName, lineNumber: 140}}
+                    , React__default['default'].createElement('div', { className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName, lineNumber: 141}}, this.props.dialogs[route])
                   )
@@ -251,2 +252,3 @@ )
         React__default['default'].createElement(reactDialog.ReactDialog, {
+          key: this.state.key,
           close: this.close.bind(this),
@@ -256,5 +258,5 @@ open: this.props.open,
           container: this.props.container,
-          background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 176}}
+          background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 177}}
         
-          , React__default['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 183}}, ReactDialogStackStyle())
+          , React__default['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 185}}, ReactDialogStackStyle())
           , this.renderStack()
@@ -261,0 +263,0 @@ )

package.json

 {
   "name": "@depay/react-dialog-stack",
   "moduleName": "ReactDialogStack",
-  "version": "7.0.3",
+  "version": "7.0.4",
   "description": "A flexible dialog stack for react widgets.",
@@ -6,0 +6,0 @@ "main": "./dist/umd/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21786

increased by1.2%

Lines of code

452

increased by0.89%

No dependency changes