magneto365.ui 2.65.2 → 2.65.4

package/dist/esm/index.js

@@ -2683,6 +2683,8 @@ var DrawerPortal = function (_a) {
     var portalNode = useRef(null);
     var _b = useState(false), mounted = _b[0], setMounted = _b[1];
     useEffect(function () {
+        if (!document)
+            return;
         portalNode.current = document.createElement('div');
         portalNode.current.classList.add('magneto-ui-drawer');
         document.body.appendChild(portalNode.current);
@@ -4526,6 +4528,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 = useRef(null);
+    var _b = useState(false), mounted = _b[0], setMounted = _b[1];
+    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.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;
     useEffect(function () {
@@ -4536,7 +4558,7 @@ var Modal = function (_a) {
     }, [isOpen]);
     if (!isOpen)
         return null;
-    return (React.createElement(Fragment, null,
+    return (React.createElement(ModalPortal, null,
         React.createElement("div", { className: "".concat(styles$1p["".concat(classMUI, "-modal")], " ").concat(className) },
             title ? React.createElement("h2", { className: "".concat(styles$1p["".concat(classMUI, "-modal__title")]) }, title) : null,
             description ? React.createElement("p", { className: "".concat(styles$1p["".concat(classMUI, "-modal__description")]) }, description) : null,
@@ -5312,21 +5334,6 @@ var MegaMenuEmpty = function (_a) {
         React.createElement("img", { className: style$y['mega-menu-empty__image'], src: staticMessages[imageData], height: 170 })));
 };
 
-var ModalPortal = function (_a) {
-    var children = _a.children;
-    var portalNode = useRef(null);
-    var _b = useState(false), mounted = _b[0], setMounted = _b[1];
-    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.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) {
@@ -7754,8 +7761,25 @@ var useSelect2 = function (_a) {
         }
     }, [searchValue, setTerm]);
     useEffect(function () {
-        if (!currentFields || !currentFields.length) {
-            setValueSelected([]);
+        if (!currentFields) {
+            if (valueSelected.length !== 0) {
+                setValueSelected([]);
+            }
+            return;
+        }
+        if (!Array.isArray(currentFields)) {
+            if ('id' in currentFields && 'name' in currentFields) {
+                var newValue = [currentFields];
+                if (JSON.stringify(valueSelected) !== JSON.stringify(newValue)) {
+                    setValueSelected(newValue);
+                }
+            }
+            return;
+        }
+        if (currentFields.length === 0) {
+            if (valueSelected.length !== 0) {
+                setValueSelected([]);
+            }
             return;
         }
         setValueSelected(function (prev) {
@@ -7764,7 +7788,7 @@ var useSelect2 = function (_a) {
             }
             return currentFields;
         });
-    }, [currentFields]);
+    }, [currentFields, valueSelected]);
     useEffect(function () {
         if (limitSelections && valueSelected.length >= limitSelections) {
             setDisableList(true);