@bolttech/molecules-dropdown 0.30.0 → 0.31.1

package/index.cjs

@@ -2390,7 +2390,7 @@ const ContainerDropdown = /*#__PURE__*/styled__default["default"].section.withCo
 const SectionContainer = /*#__PURE__*/styled__default["default"].section.withConfig({
   displayName: "molecules-dropdownstyles__SectionContainer",
   componentId: "sc-3wugi4-2"
-})(["position:relative;.errorMessage{padding-right:", ";padding-left:", ";label{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}}.helperMessage{padding-right:", ";padding-left:", ";label{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}}"], ({
+})(["position:relative;.errorMessage{padding-right:", ";padding-left:", ";label{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}}.helperMessage{padding-right:", ";padding-left:", ";margin-top:", ";label{color:", ";font-weight:", ";line-height:", ";font-size:", ";letter-spacing:", ";}}"], ({
   theme
 }) => theme.components.dropdown.paddingHorizontal, ({
   theme
@@ -2410,6 +2410,8 @@ const SectionContainer = /*#__PURE__*/styled__default["default"].section.withCon
 }) => theme.components.dropdown.paddingHorizontal, ({
   theme
 }) => theme.components.dropdown.paddingHorizontal, ({
+  theme
+}) => theme.components.dropdown.gap, ({
   theme,
   $variant,
   disabled
@@ -2526,6 +2528,11 @@ const ReusableDropdownComponent = _a => {
               onFocus && onFocus(event);
             },
             onBlur: event => {
+              var _a, _b;
+              if ((_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.contains(event.currentTarget)) {
+                (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+                return;
+              }
               setSelectedOptionOnInputValue();
               setShowSelectComponent(false);
               onBlur && onBlur(event);
@@ -2845,7 +2852,9 @@ const DropdownWithHeaders = /*#__PURE__*/react.forwardRef((_a, ref) => {
       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));
+      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(() => {
@@ -2872,9 +2881,9 @@ const DropdownWithHeaders = /*#__PURE__*/react.forwardRef((_a, ref) => {
   }, [internalSelectedOption]);
   react.useEffect(() => {
     if (value !== (internalSelectedOption === null || internalSelectedOption === void 0 ? void 0 : internalSelectedOption.id)) {
-      const option = (optionList === null || optionList === void 0 ? void 0 : optionList.map(currentOptionsList => {
+      const option = optionList === null || optionList === void 0 ? void 0 : optionList.map(currentOptionsList => {
         return currentOptionsList.options.find(option => option.id === value);
-      })[0]) || undefined;
+      }).find(item => !!item);
       setInternalSelectedOption(option);
       setInputValue((option === null || option === void 0 ? void 0 : option.value) || '');
       if (!asyncOptionList) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/molecules-dropdown",
-  "version": "0.30.0",
+  "version": "0.31.1",
   "main": "./index.cjs",
   "type": "commonjs",
   "types": "./src/index.d.ts",
@@ -9,8 +9,8 @@
     "@bolttech/atoms-input": "0.26.0",
     "@bolttech/atoms-select": "0.22.0",
     "@bolttech/default-theme": "0.8.0",
-    "@bolttech/form-engine": "3.0.1-beta.5",
-    "@bolttech/frontend-foundations": "0.9.0",
+    "@bolttech/form-engine": "3.0.1-beta.7",
+    "@bolttech/frontend-foundations": "0.9.3",
     "@bolttech/ui-utils": "0.4.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",