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

Comparing version 4.1.1 to 5.0.0

dist/esm/index.js

@@ -13,5 +13,8 @@ import React from 'react';
     .ReactDialogStack {
+      align-items: center;
       bottom: 0;
-      display: table;
+      display: flex;
+      flex: 1;
       height: 100%;
+      justify-content: center;
       position: absolute;
@@ -193,13 +196,13 @@ top: 0;
         return (
-          React.createElement('div', { key: index, className: ['ReactDialogStack'].concat(stackState).join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 131}}
-            , React.createElement('div', { className: "ReactDialogStackRow", __self: this, __source: {fileName: _jsxFileName, lineNumber: 132}}
-              , React.createElement('div', { className: "ReactDialogStackCell", onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 133}}
-                , React.createElement(NavigateStackContext.Provider, {
-                  value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 134}}
-                
-                  , React.createElement(CloseStackContext.Provider, { value: this.close.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 137}}
-                    , React.createElement(StackContext.Provider, { value: this.state.stack, __self: this, __source: {fileName: _jsxFileName, lineNumber: 138}}
-                      , React.createElement('div', { className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName, lineNumber: 139}}, this.props.dialogs[route])
-                    )
-                  )
+          React.createElement('div', {
+            key: index,
+            className: ['ReactDialogStack'].concat(stackState).join(' '),
+            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: 136}}
+            
+              , 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])
                 )
@@ -219,3 +222,3 @@ )
       event.target.className.match &&
-      event.target.className.match('ReactDialogStackCell') // clicked background
+      event.target.className.match('ReactDialogStack') // clicked background
     ) {
@@ -222,0 +225,0 @@ if (this.state.stack.length > 1) {

dist/umd/index.js

@@ -19,5 +19,8 @@ (function (global, factory) {
     .ReactDialogStack {
+      align-items: center;
       bottom: 0;
-      display: table;
+      display: flex;
+      flex: 1;
       height: 100%;
+      justify-content: center;
       position: absolute;
@@ -199,13 +202,13 @@ top: 0;
           return (
-            React__default['default'].createElement('div', { key: index, className: ['ReactDialogStack'].concat(stackState).join(' '), __self: this, __source: {fileName: _jsxFileName, lineNumber: 131}}
-              , React__default['default'].createElement('div', { className: "ReactDialogStackRow", __self: this, __source: {fileName: _jsxFileName, lineNumber: 132}}
-                , React__default['default'].createElement('div', { className: "ReactDialogStackCell", onClick: this.onClick.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 133}}
-                  , React__default['default'].createElement(NavigateStackContext.Provider, {
-                    value: { navigate: this.navigate.bind(this), set: this.set.bind(this) }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 134}}
-                  
-                    , React__default['default'].createElement(CloseStackContext.Provider, { value: this.close.bind(this), __self: this, __source: {fileName: _jsxFileName, lineNumber: 137}}
-                      , React__default['default'].createElement(StackContext.Provider, { value: this.state.stack, __self: this, __source: {fileName: _jsxFileName, lineNumber: 138}}
-                        , React__default['default'].createElement('div', { className: "ReactDialogAnimation", __self: this, __source: {fileName: _jsxFileName, lineNumber: 139}}, this.props.dialogs[route])
-                      )
-                    )
+            React__default['default'].createElement('div', {
+              key: index,
+              className: ['ReactDialogStack'].concat(stackState).join(' '),
+              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: 136}}
+              
+                , 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])
                   )
@@ -225,3 +228,3 @@ )
         event.target.className.match &&
-        event.target.className.match('ReactDialogStackCell') // clicked background
+        event.target.className.match('ReactDialogStack') // clicked background
       ) {
@@ -228,0 +231,0 @@ if (this.state.stack.length > 1) {

package.json

 {
   "name": "@depay/react-dialog-stack",
   "moduleName": "ReactDialogStack",
-  "version": "4.1.1",
+  "version": "5.0.0",
   "description": "A flexible dialog stack for react widgets.",
@@ -38,3 +38,3 @@ "main": "./dist/umd/index.js",
   "dependencies": {
-    "@depay/react-dialog": "^12.0.1"
+    "@depay/react-dialog": "^13.0.0"
   },
@@ -41,0 +41,0 @@ "peerDependencies": {

README.md

@@ -37,2 +37,6 @@ ## Quickstart
 
+## Demo
+
+https://depayfi.github.io/react-dialog-stack/demo.html
+
 ## Functionalities
@@ -39,0 +43,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

Lines of code

449

increased by0.9%

Number of lines in readme file

236

increased by1.72%

Worsened metrics

Total package byte prevSize

21671

decreased by-2.07%

Dependency changes

• + Added@depay/react-dialog@13.0.1(transitive)

• - Removed@depay/react-dialog@12.0.1(transitive)

• Updated@depay/react-dialog@^13.0.0