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

Comparing version 7.0.4 to 8.0.0

dist/esm/index.js

@@ -86,3 +86,3 @@ import React from 'react';
       animationSpeed: 200,
-      key: new Date().getTime()
+      dialogKey: new Date().getTime(),
     };
@@ -92,3 +92,3 @@ }
   set(stack) {
-    this.setState({ stack, key: new Date().getTime() });
+    this.setState({ dialogKey: new Date().getTime(), stack });
   }
@@ -198,3 +198,3 @@
           React.createElement('div', {
-            key: this.state.key.toString() + index.toString(),
+            key: this.state.dialogKey.toString() + index.toString(),
             className: ['ReactDialogStack'].concat(stackState).join(' '),
@@ -208,3 +208,11 @@ onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 131}}
                 , 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])
+                  , React.createElement('div', {
+                    key: this.state.dialogKey.toString() + index.toString(),
+                    className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName, lineNumber: 141}}
+                  
+                    , this.props.dialogs[route]({
+                      key: this.state.dialogKey,
+                      dialogKey: this.state.dialogKey,
+                    })
+                  )
                 )
@@ -246,3 +254,3 @@ )
       React.createElement(ReactDialog, {
-        key: this.state.key,
+        key: this.state.dialogKey,
         close: this.close.bind(this),
@@ -252,5 +260,5 @@ open: this.props.open,
         container: this.props.container,
-        background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 177}}
+        background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 185}}
       
-        , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 185}}, ReactDialogStackStyle())
+        , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 193}}, ReactDialogStackStyle())
         , this.renderStack()
@@ -257,0 +265,0 @@ )

dist/umd/index.js

@@ -93,3 +93,3 @@ (function (global, factory) {
         animationSpeed: 200,
-        key: new Date().getTime()
+        dialogKey: new Date().getTime(),
       };
@@ -99,3 +99,3 @@ }
     set(stack) {
-      this.setState({ stack, key: new Date().getTime() });
+      this.setState({ dialogKey: new Date().getTime(), stack });
     }
@@ -205,3 +205,3 @@
             React__default['default'].createElement('div', {
-              key: this.state.key.toString() + index.toString(),
+              key: this.state.dialogKey.toString() + index.toString(),
               className: ['ReactDialogStack'].concat(stackState).join(' '),
@@ -215,3 +215,11 @@ onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 131}}
                   , 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])
+                    , React__default['default'].createElement('div', {
+                      key: this.state.dialogKey.toString() + index.toString(),
+                      className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName, lineNumber: 141}}
+                    
+                      , this.props.dialogs[route]({
+                        key: this.state.dialogKey,
+                        dialogKey: this.state.dialogKey,
+                      })
+                    )
                   )
@@ -253,3 +261,3 @@ )
         React__default['default'].createElement(reactDialog.ReactDialog, {
-          key: this.state.key,
+          key: this.state.dialogKey,
           close: this.close.bind(this),
@@ -259,5 +267,5 @@ open: this.props.open,
           container: this.props.container,
-          background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 177}}
+          background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 185}}
         
-          , React__default['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 185}}, ReactDialogStackStyle())
+          , React__default['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 193}}, ReactDialogStackStyle())
           , this.renderStack()
@@ -264,0 +272,0 @@ )

package.json

 {
   "name": "@depay/react-dialog-stack",
   "moduleName": "ReactDialogStack",
-  "version": "7.0.4",
+  "version": "8.0.0",
   "description": "A flexible dialog stack for react widgets.",
@@ -37,3 +37,3 @@ "main": "./dist/umd/index.js",
   "dependencies": {
-    "@depay/react-dialog": "^14.0.3"
+    "@depay/react-dialog": "^14.0.5"
   },
@@ -40,0 +40,0 @@ "peerDependencies": {

README.md

@@ -27,5 +27,5 @@ ## Quickstart
       dialogs={{
-        StartDialog: <StartDialog/>,
-        SecondDialog: <SecondDialog/>,
-        ThirdDialog: <ThirdDialog/>
+        StartDialog: (props)=> <StartDialog {...props}/>,
+        SecondDialog: (props)=> <SecondDialog {...props}/>,
+        ThirdDialog: (props)=> <ThirdDialog {...props}/>
       }}
@@ -56,5 +56,5 @@ />
       dialogs={{
-        StartDialog: <StartDialog/>,
-        SecondDialog: <SecondDialog/>,
-        ThirdDialog: <ThirdDialog/>
+        StartDialog: (props)=> <StartDialog {...props}/>,
+        SecondDialog: (props)=> <SecondDialog {...props}/>,
+        ThirdDialog: (props)=> <ThirdDialog {...props}/>
       }}
@@ -61,0 +61,0 @@ />

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

22548

increased by3.5%

Lines of code

466

increased by3.1%

Dependency changes

• Updated@depay/react-dialog@^14.0.5