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

Comparing version 8.0.1 to 8.0.3

dist/esm/index.js

@@ -86,3 +86,2 @@ import React from 'react';
       animationSpeed: 200,
-      dialogKey: props.dialogKey || new Date().getTime(),
     };
@@ -92,3 +91,3 @@ }
   set(stack) {
-    this.setState({ dialogKey: new Date().getTime(), stack });
+    this.setState({ stack });
   }
@@ -198,20 +197,12 @@
           React.createElement('div', {
-            key: this.state.dialogKey.toString() + index.toString(),
+            key: index,
             className: ['ReactDialogStack'].concat(stackState).join(' '),
-            onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 131}}
+            onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 130}}
           
             , React.createElement(NavigateStackContext.Provider, {
-              value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 136}}
+              value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 135}}
             
-              , 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', {
-                    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,
-                    })
-                  )
+              , 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])
                 )
@@ -253,3 +244,2 @@ )
       React.createElement(ReactDialog, {
-        key: this.state.dialogKey,
         close: this.close.bind(this),
@@ -259,5 +249,5 @@ open: this.props.open,
         container: this.props.container,
-        background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 185}}
+        background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 176}}
       
-        , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 193}}, ReactDialogStackStyle())
+        , React.createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 183}}, ReactDialogStackStyle())
         , this.renderStack()
@@ -264,0 +254,0 @@ )

dist/umd/index.js

@@ -93,3 +93,2 @@ (function (global, factory) {
         animationSpeed: 200,
-        dialogKey: props.dialogKey || new Date().getTime(),
       };
@@ -99,3 +98,3 @@ }
     set(stack) {
-      this.setState({ dialogKey: new Date().getTime(), stack });
+      this.setState({ stack });
     }
@@ -205,20 +204,12 @@
             React__default['default'].createElement('div', {
-              key: this.state.dialogKey.toString() + index.toString(),
+              key: index,
               className: ['ReactDialogStack'].concat(stackState).join(' '),
-              onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 131}}
+              onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 130}}
             
               , React__default['default'].createElement(NavigateStackContext.Provider, {
-                value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 136}}
+                value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 135}}
               
-                , 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', {
-                      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,
-                      })
-                    )
+                , 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])
                   )
@@ -260,3 +251,2 @@ )
         React__default['default'].createElement(reactDialog.ReactDialog, {
-          key: this.state.dialogKey,
           close: this.close.bind(this),
@@ -266,5 +256,5 @@ open: this.props.open,
           container: this.props.container,
-          background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 185}}
+          background: this.props.background, __self: this, __source: {fileName: _jsxFileName, lineNumber: 176}}
         
-          , React__default['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 193}}, ReactDialogStackStyle())
+          , React__default['default'].createElement('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 183}}, ReactDialogStackStyle())
           , this.renderStack()
@@ -271,0 +261,0 @@ )

package.json

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

README.md

@@ -27,5 +27,5 @@ ## Quickstart
       dialogs={{
-        StartDialog: (props)=> <StartDialog {...props}/>,
-        SecondDialog: (props)=> <SecondDialog {...props}/>,
-        ThirdDialog: (props)=> <ThirdDialog {...props}/>
+        StartDialog: <StartDialog/>,
+        SecondDialog: <SecondDialog/>,
+        ThirdDialog: <ThirdDialog/>
       }}
@@ -56,5 +56,5 @@ />
       dialogs={{
-        StartDialog: (props)=> <StartDialog {...props}/>,
-        SecondDialog: (props)=> <SecondDialog {...props}/>,
-        ThirdDialog: (props)=> <ThirdDialog {...props}/>
+        StartDialog: <StartDialog/>,
+        SecondDialog: <SecondDialog/>,
+        ThirdDialog: <ThirdDialog/>
       }}
@@ -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

Worsened metrics

Total package byte prevSize

21528

decreased by-4.68%

Lines of code

448

decreased by-3.86%

Dependency changes

• Updated@depay/react-dialog@^14.0.6