@alfalab/core-components-base-modal - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+## [2.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-base-modal@2.0.0...@alfalab/core-components-base-modal@2.0.1) (2021-05-25)
+
+
+### Bug Fixes
+
+* **modal:** fix styles ([#665](https://github.com/alfa-laboratory/core-components/issues/665)) ([06f3615](https://github.com/alfa-laboratory/core-components/commit/06f3615c532f8ec2932d8a4d1fcbb1f5ee6b6a30))
+* **modal:** restore styles after exited ([#663](https://github.com/alfa-laboratory/core-components/issues/663)) ([48a8d69](https://github.com/alfa-laboratory/core-components/commit/48a8d6986dcde6c191d8411d51f28e6f399e26e6))
+
+
+
+
+
 # [2.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-base-modal@1.1.2...@alfalab/core-components-base-modal@2.0.0) (2021-04-26)
@@ -8,0 +20,0 @@

dist/Component.js

@@ -50,3 +50,3 @@ 'use strict';
 
-var styles = {"component":"base-modal__component_fkf6u","wrapper":"base-modal__wrapper_fkf6u","content":"base-modal__content_fkf6u","hidden":"base-modal__hidden_fkf6u","appear":"base-modal__appear_fkf6u","enter":"base-modal__enter_fkf6u","appearActive":"base-modal__appearActive_fkf6u","enterActive":"base-modal__enterActive_fkf6u","exit":"base-modal__exit_fkf6u","exitActive":"base-modal__exitActive_fkf6u","exitDone":"base-modal__exitDone_fkf6u"};
+var styles = {"component":"base-modal__component_mp08k","wrapper":"base-modal__wrapper_mp08k","content":"base-modal__content_mp08k","hidden":"base-modal__hidden_mp08k","backdrop":"base-modal__backdrop_mp08k","appear":"base-modal__appear_mp08k","enter":"base-modal__enter_mp08k","appearActive":"base-modal__appearActive_mp08k","enterActive":"base-modal__enterActive_mp08k","exit":"base-modal__exit_mp08k","exitActive":"base-modal__exitActive_mp08k","exitDone":"base-modal__exitDone_mp08k"};
 require('./index.css')
@@ -168,2 +168,6 @@
             onUnmount();
+        if (restoreContainerStyles.current) {
+            restoreContainerStyles.current();
+            restoreContainerStyles.current = null;
+        }
     }, [handleScroll, onUnmount, removeResizeHandle, transitionProps]);
@@ -174,8 +178,2 @@ React.useEffect(function () {
         }
-        return function () {
-            if (restoreContainerStyles.current) {
-                restoreContainerStyles.current();
-                restoreContainerStyles.current = null;
-            }
-        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -216,3 +214,3 @@ }, [open]);
                         } },
-                        coreComponentsBackdrop.Backdrop && (React__default['default'].createElement(coreComponentsBackdrop.Backdrop, __assign({}, backdropProps, { open: open, onClick: handleBackdropClick }))),
+                        coreComponentsBackdrop.Backdrop && (React__default['default'].createElement(coreComponentsBackdrop.Backdrop, __assign({}, backdropProps, { className: cn__default['default'](backdropProps.className, styles.backdrop), open: open, onClick: handleBackdropClick }))),
                         React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
@@ -219,0 +217,0 @@ React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), ref: componentRef },

dist/cssm/Component.js

@@ -166,2 +166,6 @@ 'use strict';
             onUnmount();
+        if (restoreContainerStyles.current) {
+            restoreContainerStyles.current();
+            restoreContainerStyles.current = null;
+        }
     }, [handleScroll, onUnmount, removeResizeHandle, transitionProps]);
@@ -172,8 +176,2 @@ React.useEffect(function () {
         }
-        return function () {
-            if (restoreContainerStyles.current) {
-                restoreContainerStyles.current();
-                restoreContainerStyles.current = null;
-            }
-        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -214,3 +212,3 @@ }, [open]);
                         } },
-                        coreComponentsBackdrop.Backdrop && (React__default['default'].createElement(coreComponentsBackdrop.Backdrop, __assign({}, backdropProps, { open: open, onClick: handleBackdropClick }))),
+                        coreComponentsBackdrop.Backdrop && (React__default['default'].createElement(coreComponentsBackdrop.Backdrop, __assign({}, backdropProps, { className: cn__default['default'](backdropProps.className, styles__default['default'].backdrop), open: open, onClick: handleBackdropClick }))),
                         React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles__default['default'] }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
@@ -217,0 +215,0 @@ React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), ref: componentRef },

dist/esm/Component.js

@@ -39,3 +39,3 @@ import React, { forwardRef, useState, useRef, useMemo, useCallback, useEffect } from 'react';
 
-var styles = {"component":"base-modal__component_fkf6u","wrapper":"base-modal__wrapper_fkf6u","content":"base-modal__content_fkf6u","hidden":"base-modal__hidden_fkf6u","appear":"base-modal__appear_fkf6u","enter":"base-modal__enter_fkf6u","appearActive":"base-modal__appearActive_fkf6u","enterActive":"base-modal__enterActive_fkf6u","exit":"base-modal__exit_fkf6u","exitActive":"base-modal__exitActive_fkf6u","exitDone":"base-modal__exitDone_fkf6u"};
+var styles = {"component":"base-modal__component_mp08k","wrapper":"base-modal__wrapper_mp08k","content":"base-modal__content_mp08k","hidden":"base-modal__hidden_mp08k","backdrop":"base-modal__backdrop_mp08k","appear":"base-modal__appear_mp08k","enter":"base-modal__enter_mp08k","appearActive":"base-modal__appearActive_mp08k","enterActive":"base-modal__enterActive_mp08k","exit":"base-modal__exit_mp08k","exitActive":"base-modal__exitActive_mp08k","exitDone":"base-modal__exitDone_mp08k"};
 require('./index.css')
@@ -157,2 +157,6 @@
             onUnmount();
+        if (restoreContainerStyles.current) {
+            restoreContainerStyles.current();
+            restoreContainerStyles.current = null;
+        }
     }, [handleScroll, onUnmount, removeResizeHandle, transitionProps]);
@@ -163,8 +167,2 @@ useEffect(function () {
         }
-        return function () {
-            if (restoreContainerStyles.current) {
-                restoreContainerStyles.current();
-                restoreContainerStyles.current = null;
-            }
-        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -205,3 +203,3 @@ }, [open]);
                         } },
-                        Backdrop && (React.createElement(Backdrop, __assign({}, backdropProps, { open: open, onClick: handleBackdropClick }))),
+                        Backdrop && (React.createElement(Backdrop, __assign({}, backdropProps, { className: cn(backdropProps.className, styles.backdrop), open: open, onClick: handleBackdropClick }))),
                         React.createElement(CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
@@ -208,0 +206,0 @@ React.createElement("div", { className: cn(styles.component, className), ref: componentRef },

dist/modern/Component.js

@@ -12,3 +12,3 @@ import React, { forwardRef, useState, useRef, useMemo, useCallback, useEffect } from 'react';
 
-var styles = {"component":"base-modal__component_fkf6u","wrapper":"base-modal__wrapper_fkf6u","content":"base-modal__content_fkf6u","hidden":"base-modal__hidden_fkf6u","appear":"base-modal__appear_fkf6u","enter":"base-modal__enter_fkf6u","appearActive":"base-modal__appearActive_fkf6u","enterActive":"base-modal__enterActive_fkf6u","exit":"base-modal__exit_fkf6u","exitActive":"base-modal__exitActive_fkf6u","exitDone":"base-modal__exitDone_fkf6u"};
+var styles = {"component":"base-modal__component_mp08k","wrapper":"base-modal__wrapper_mp08k","content":"base-modal__content_mp08k","hidden":"base-modal__hidden_mp08k","backdrop":"base-modal__backdrop_mp08k","appear":"base-modal__appear_mp08k","enter":"base-modal__enter_mp08k","appearActive":"base-modal__appearActive_mp08k","enterActive":"base-modal__enterActive_mp08k","exit":"base-modal__exit_mp08k","exitActive":"base-modal__exitActive_mp08k","exitDone":"base-modal__exitDone_mp08k"};
 require('./index.css')
@@ -130,2 +130,6 @@
             onUnmount();
+        if (restoreContainerStyles.current) {
+            restoreContainerStyles.current();
+            restoreContainerStyles.current = null;
+        }
     }, [handleScroll, onUnmount, removeResizeHandle, transitionProps]);
@@ -136,8 +140,2 @@ useEffect(() => {
         }
-        return () => {
-            if (restoreContainerStyles.current) {
-                restoreContainerStyles.current();
-                restoreContainerStyles.current = null;
-            }
-        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -176,3 +174,3 @@ }, [open]);
                     } },
-                    Backdrop && (React.createElement(Backdrop, Object.assign({}, backdropProps, { open: open, onClick: handleBackdropClick }))),
+                    Backdrop && (React.createElement(Backdrop, Object.assign({}, backdropProps, { className: cn(backdropProps.className, styles.backdrop), open: open, onClick: handleBackdropClick }))),
                     React.createElement(CSSTransition, Object.assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
@@ -179,0 +177,0 @@ React.createElement("div", { className: cn(styles.component, className), ref: componentRef },

package.json

 {
     "name": "@alfalab/core-components-base-modal",
-    "version": "2.0.0",
+    "version": "2.0.1",
     "description": "BaseModal component",
@@ -33,3 +33,3 @@ "keywords": [],
     },
-    "gitHead": "985869f570f265d9016bc9eaa7b27a95818885f6"
+    "gitHead": "7c480a2e0e8295956faa924a6ae3990c3c4f80de"
 }

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

85120

increased by1.28%

Lines of code

1961

increased by1.08%

No dependency changes