@snack-uikit/modal 0.9.15 → 0.9.16

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.9.16 (2024-03-12)
+
+
+### Bug Fixes
+
+* **FF-4401:** fix always mount modal portal ([c8f9444](https://github.com/cloud-ru-tech/snack-uikit/commit/c8f9444bd990f8f8de6b4a7d402592cf3b46da8f))
+
+
+
+
+
 ## 0.9.15 (2024-02-29)
 
 ### Only dependencies have been changed

package/dist/components/ModalCustom/ModalCustom.d.ts

@@ -25,7 +25,7 @@ export type ModalCustomProps = WithSupportProps<{
     /** Контент */
     children: ReactNode;
 }>;
-export declare function ModalCustom({ open, onClose, size, mode, children, className, ...rest }: ModalCustomProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalCustom({ open, onClose, size, mode, children, className, ...rest }: ModalCustomProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace ModalCustom {
     type HeaderProps = ModalHeaderProps;
     type BodyProps = ModalBodyProps;

package/dist/components/ModalCustom/ModalCustom.js

@@ -26,7 +26,10 @@ export function ModalCustom(_a) {
             onClose();
         }
     };
-    return (_jsxs(RCModal, { data: Object.assign(Object.assign({}, getDataTestAttributes(rest)), { size }), isOpen: open, onRequestClose: handleClose, appElement: document.body, overlayElement: (_, content) => (_jsx(OverlayElement, { blur: [MODE.Forced, MODE.Aggressive].includes(mode), content: content, onClose: handleClose })), className: cn(styles.modal, className), children: [mode !== MODE.Forced && (_jsx("div", { className: styles.headerElements, children: _jsx(ButtonClose, { onClick: handleCloseButtonClick }) })), children] }));
+    if (!open) {
+        return null;
+    }
+    return (_jsxs(RCModal, { data: Object.assign(Object.assign({}, getDataTestAttributes(rest)), { size }), isOpen: true, onRequestClose: handleClose, appElement: document.body, overlayElement: (_, content) => (_jsx(OverlayElement, { blur: [MODE.Forced, MODE.Aggressive].includes(mode), content: content, onClose: handleClose })), className: cn(styles.modal, className), children: [mode !== MODE.Forced && (_jsx("div", { className: styles.headerElements, children: _jsx(ButtonClose, { onClick: handleCloseButtonClick }) })), children] }));
 }
 (function (ModalCustom) {
     ModalCustom.Header = ModalHeader;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Modal",
-  "version": "0.9.15",
+  "version": "0.9.16",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -47,5 +47,5 @@
   "devDependencies": {
     "@types/react-modal": "3.16.0"
   },
-  "gitHead": "e3c61ef3e153ad1bba80ed288019a90e60f1464e"
+  "gitHead": "12402658894be14fd3bb885ed4c72cf42e858dc6"
 }

package/src/components/ModalCustom/ModalCustom.tsx

@@ -62,10 +62,14 @@ export function ModalCustom({
     }
   };
 
+  if (!open) {
+    return null;
+  }
+
   return (
     <RCModal
       data={{ ...getDataTestAttributes(rest), size }}
-      isOpen={open}
+      isOpen
       onRequestClose={handleClose}
       appElement={document.body}
       overlayElement={(_, content) => (