magneto365.ui 2.40.1 → 2.40.3

package/dist/esm/index.js

@@ -5924,7 +5924,7 @@ var Component$7 = function (_a) {
     var className = _a.className, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, isMobile = _a.isMobile, isMultiple = _a.isMultiple, limitSelections = _a.limitSelections, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, setTerm = _a.setTerm;
     var _c = useState(false), isModalOpen = _c[0], setIsModalOpen = _c[1];
     useEffect(function () {
-        if ((isMultiple && limitSelections === valueSelected.length) || (!isMultiple && valueSelected.length)) {
+        if ((isMultiple && limitSelections === valueSelected.length) || valueSelected.length) {
             setIsModalOpen(false);
         }
     }, [disableList, isMultiple, limitSelections, valueSelected]);
@@ -5937,7 +5937,7 @@ var Component$7 = function (_a) {
         React.createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$5, cls: ['select2-desktop', className] }) },
             React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: true, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, name: "".concat(placeholder, "-mobile"), isMultiple: isMultiple, setTerm: setTerm }),
             React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
-            React.createElement(Select2List, { disabledList: disableList, isMobile: isMobile, list: list, onSelected: handleChange, selected: valueSelected, visible: true, render: render }))));
+            React.createElement(Select2List, { disabledList: disableList, isMobile: isMobile, list: list, onSelected: handleChange, selected: valueSelected, render: render, visible: true }))));
 };
 /**
  * Molecule UI child component of select 2
@@ -5971,8 +5971,10 @@ var useSelect2 = function (_a) {
         }
     }, [searchValue, setTerm]);
     useEffect(function () {
-        if (!currentFields || !currentFields.length)
+        if (!currentFields || !currentFields.length) {
+            setValueSelected([]);
             return;
+        }
         setValueSelected(function (prev) {
             if (currentFields.map(function (field) { return field.id; }).join() === prev.map(function (p) { return p.id; }).join()) {
                 return prev;
@@ -6013,12 +6015,12 @@ var useSelect2 = function (_a) {
         });
     };
     var handleChange = function (selectedValue) {
+        setClickOut(false);
+        setSearchValue('');
         if (isMultiple) {
             handleSelected(function (prev) { return __spreadArray(__spreadArray([], prev, true), [selectedValue], false); });
             return;
         }
-        setClickOut(false);
-        setSearchValue('');
         handleSelected([selectedValue]);
     };
     var removeValue = function (id) {