@bolttech/molecules-dropdown 0.20.0 → 0.20.2

package/index.cjs

@@ -2521,7 +2521,9 @@ const ReusableDropdownComponent = _a => {
         })]
       }), jsxRuntime.jsx(ClickableElement, {
         onClick: () => {
-          if (!disabled) setShowSelectComponent(!showSelectComponent);
+          if (!disabled) {
+            setShowSelectComponent(!showSelectComponent);
+          }
         },
         children: jsxRuntime.jsx(atomsIcon.Icon, {
           dataTestId: `${dataTestId}-icon`,
@@ -2691,11 +2693,17 @@ const Dropdown = /*#__PURE__*/react.forwardRef((_a, ref) => {
   const [internalSelectedOption, setInternalSelectedOption] = react.useState();
   const inputRef = react.useRef(null);
   react.useEffect(() => {
-    const normalizeOptionList = () => __awaiter(void 0, void 0, void 0, function* () {
-      return yield filterOptionsParam(inputValue, optionList, urlFilterOptions);
-    });
-    normalizeOptionList().then(optionsResponse => setCurrentOptionList([...optionsResponse])).catch(error => console.error('An error happens when trying to normalize options', error));
-  }, [filterOptionsParam, optionList, urlFilterOptions, inputValue]);
+    if ((internalSelectedOption === null || internalSelectedOption === void 0 ? void 0 : internalSelectedOption.value) === inputValue) {
+      setCurrentOptionList([]);
+    } else {
+      const normalizeOptionList = () => __awaiter(void 0, void 0, void 0, function* () {
+        return yield filterOptionsParam(inputValue, optionList, urlFilterOptions);
+      });
+      normalizeOptionList().then(optionsResponse => {
+        setCurrentOptionList([...optionsResponse]);
+      }).catch(error => console.error('An error happens when trying to normalize options', error));
+    }
+  }, [filterOptionsParam, optionList, urlFilterOptions, inputValue, internalSelectedOption === null || internalSelectedOption === void 0 ? void 0 : internalSelectedOption.value]);
   const setSelectedOptionOnInputValue = react.useCallback(() => {
     if (!inputValue && internalSelectedOption) {
       setInputValue((internalSelectedOption === null || internalSelectedOption === void 0 ? void 0 : internalSelectedOption.value) || '');
@@ -2726,17 +2734,17 @@ const Dropdown = /*#__PURE__*/react.forwardRef((_a, ref) => {
     setIsFirstRender(false);
   }, [currentOptionList, setSelectedOptionOnInputValue, value, internalSelectedOption, optionList, isFirstRender]);
   return jsxRuntime.jsxs(SectionContainer, Object.assign({
-    onClick: () => {
-      var _a;
-      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    },
     "$variant": variant,
     id: `${id}-container`,
     "data-testid": `${dataTestId}-container`,
     style: {
       maxWidth: (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.style.width
     },
-    ref: ref
+    ref: ref,
+    onClick: () => {
+      var _a;
+      return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
   }, uiUtils.applyDataAttributes(props), {
     children: [jsxRuntime.jsx(ReusableDropdownComponent, Object.assign({
       id: id,
@@ -2804,11 +2812,15 @@ const DropdownWithHeaders = /*#__PURE__*/react.forwardRef((_a, ref) => {
   const [internalSelectedOption, setInternalSelectedOption] = react.useState();
   const inputRef = react.useRef(null);
   react.useEffect(() => {
-    const normalizeOptionList = () => __awaiter(void 0, void 0, void 0, function* () {
-      return yield filterOptionsParam(inputValue, optionList, urlFilterOptions);
-    });
-    normalizeOptionList().then(optionsResponse => setCurrentOptionList([...optionsResponse])).catch(error => console.error('An error happens when trying to normalize options', error));
-  }, [filterOptionsParam, optionList, urlFilterOptions, inputValue]);
+    if ((internalSelectedOption === null || internalSelectedOption === void 0 ? void 0 : internalSelectedOption.value) === inputValue) {
+      setCurrentOptionList([]);
+    } else {
+      const normalizeOptionList = () => __awaiter(void 0, void 0, void 0, function* () {
+        return yield filterOptionsParam(inputValue, optionList, urlFilterOptions);
+      });
+      normalizeOptionList().then(optionsResponse => setCurrentOptionList([...optionsResponse])).catch(error => console.error('An error happens when trying to normalize options', error));
+    }
+  }, [filterOptionsParam, optionList, urlFilterOptions, inputValue, internalSelectedOption === null || internalSelectedOption === void 0 ? void 0 : internalSelectedOption.value]);
   const setSelectedOptionOnInputValue = react.useCallback(() => {
     if (!inputValue && internalSelectedOption) {
       setInputValue((internalSelectedOption === null || internalSelectedOption === void 0 ? void 0 : internalSelectedOption.value) || '');

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@bolttech/molecules-dropdown",
-  "version": "0.20.0",
+  "version": "0.20.2",
   "main": "./index.cjs",
   "type": "commonjs",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@bolttech/atoms-icon": "0.22.0",
-    "@bolttech/atoms-input": "0.21.0",
-    "@bolttech/atoms-select": "0.19.2",
-    "@bolttech/default-theme": "0.1.0",
+    "@bolttech/atoms-icon": "0.22.1",
+    "@bolttech/atoms-input": "0.21.1",
+    "@bolttech/atoms-select": "0.19.3",
+    "@bolttech/default-theme": "0.1.1",
     "@bolttech/form-engine": "0.5.0",
-    "@bolttech/frontend-foundations": "0.3.0",
-    "@bolttech/ui-utils": "0.2.0",
+    "@bolttech/frontend-foundations": "0.3.1",
+    "@bolttech/ui-utils": "0.2.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "styled-components": "6.1.1"