magneto365.ui 2.65.1 → 2.65.3

package/dist/cjs/index.js

@@ -2692,6 +2692,8 @@ var DrawerPortal = function (_a) {
     var portalNode = React.useRef(null);
     var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
     React.useEffect(function () {
+        if (!document)
+            return;
         portalNode.current = document.createElement('div');
         portalNode.current.classList.add('magneto-ui-drawer');
         document.body.appendChild(portalNode.current);
@@ -2734,8 +2736,8 @@ var Component$23 = function (_a) {
         };
     }, [isOpen]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
-        React__default["default"].createElement("div", { className: cx$S('magneto-ui-mobile-drawer', className) },
-            React__default["default"].createElement("aside", { className: style$V[showMenu] },
+        React__default["default"].createElement("div", { className: cx$S('magneto-ui-mobile-drawer') },
+            React__default["default"].createElement("aside", { className: cx$S(showMenu, className) },
                 React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$S('magneto-ui-close-button'), onClick: onClose },
                     React__default["default"].createElement(IconItem, { icon: Add, hover: false })),
                 React__default["default"].createElement("div", { className: cx$S('magneto-ui-container') }, children)),
@@ -4535,6 +4537,26 @@ var MobileSearchbar = Component$1x;
 
 var styles$1p = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
 
+var ModalPortal = function (_a) {
+    var children = _a.children;
+    var portalNode = React.useRef(null);
+    var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
+    React.useEffect(function () {
+        if (!document)
+            return;
+        portalNode.current = document.createElement('div');
+        portalNode.current.classList.add('modal-ui-drawer');
+        document.body.appendChild(portalNode.current);
+        setMounted(true);
+        return function () {
+            if (portalNode.current) {
+                document.body.removeChild(portalNode.current);
+            }
+        };
+    }, []);
+    return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
+};
+
 var Modal = function (_a) {
     var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
     React.useEffect(function () {
@@ -4545,7 +4567,7 @@ var Modal = function (_a) {
     }, [isOpen]);
     if (!isOpen)
         return null;
-    return (React__default["default"].createElement(React.Fragment, null,
+    return (React__default["default"].createElement(ModalPortal, null,
         React__default["default"].createElement("div", { className: "".concat(styles$1p["".concat(classMUI, "-modal")], " ").concat(className) },
             title ? React__default["default"].createElement("h2", { className: "".concat(styles$1p["".concat(classMUI, "-modal__title")]) }, title) : null,
             description ? React__default["default"].createElement("p", { className: "".concat(styles$1p["".concat(classMUI, "-modal__description")]) }, description) : null,
@@ -5321,21 +5343,6 @@ var MegaMenuEmpty = function (_a) {
         React__default["default"].createElement("img", { className: style$y['mega-menu-empty__image'], src: staticMessages[imageData], height: 170 })));
 };
 
-var ModalPortal = function (_a) {
-    var children = _a.children;
-    var portalNode = React.useRef(null);
-    var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
-    React.useEffect(function () {
-        if (!document)
-            return;
-        portalNode.current = document.createElement('div');
-        portalNode.current.classList.add('modal-ui-drawer');
-        document.body.appendChild(portalNode.current);
-        setMounted(true);
-    }, []);
-    return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
-};
-
 var styles$10 = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
 
 var Notification = function (_a) {