@northlight/ui 2.32.2 → 2.32.4

package/dist/umd/northlight.cjs

@@ -14297,7 +14297,7 @@
     var _a2;
     const { isOpen, onToggle, onClose } = react.useDisclosure();
     const [inputValueState, setInputValueState] = React.useState(valueProp == null ? void 0 : valueProp.input);
-    const [selectOptionState, setselectOptionState] = React.useState((_a2 = valueProp == null ? void 0 : valueProp.option) != null ? _a2 : options[0]);
+    const [selectOptionState, setselectOptionState] = React.useState(valueProp == null ? void 0 : valueProp.option);
     const [enableSelectInput, setEnableSelectInput] = React.useState(false);
     const isInputValueControlled = typeof (valueProp == null ? void 0 : valueProp.input) !== "undefined";
     const inputValue = isInputValueControlled ? valueProp.input : inputValueState;
@@ -14305,7 +14305,10 @@
     const selectOption = isOptionControlled ? valueProp.option : selectOptionState;
     const buttonRef = React.useRef();
     const selectRef = React.useRef();
-    const getNewValue = (option, input) => ramda.is(Number, input) ? { input: Number(input), option } : { option };
+    const getNewValue = (option, input) => {
+      const newValueOption = option != null ? option : options[0];
+      return ramda.is(Number, input) ? { input: Number(input), option: newValueOption } : { option: newValueOption };
+    };
     const handleInputChange = (newInputvalue) => {
       const newValue = getNewValue(selectOption, newInputvalue);
       setInputValueState(newValue.input);
@@ -14339,10 +14342,20 @@
       }
     }, [enableSelectInput]);
     React.useEffect(() => {
-      if (!ramda.is(Number, inputValue) && defaultToZeroIfEmpty) {
-        handleInputChange(clamp(min, max, 0));
+      const needsToCorrectOption = !selectOption;
+      const needsToCorrectInput = !ramda.is(Number, inputValue) && defaultToZeroIfEmpty;
+      const option = needsToCorrectOption ? options[0] : selectOption;
+      const input = needsToCorrectInput ? clamp(min, max, 0) : inputValue;
+      if (needsToCorrectOption) {
+        setselectOptionState(option);
+      }
+      if (needsToCorrectInput) {
+        setInputValueState(input);
+      }
+      if (needsToCorrectOption || needsToCorrectInput) {
+        onChange == null ? void 0 : onChange(getNewValue(option, input));
       }
-    }, [valueProp == null ? void 0 : valueProp.input, defaultToZeroIfEmpty]);
+    }, [inputValue, defaultToZeroIfEmpty]);
     return /* @__PURE__ */ React.createElement(react.InputGroup, null, /* @__PURE__ */ React.createElement(
       FormattedNumberInput,
       __spreadValues$1({
@@ -14375,7 +14388,7 @@
           flexShrink: "0",
           height: "100%"
         },
-        selectOption.label
+        (_a2 = selectOption == null ? void 0 : selectOption.label) != null ? _a2 : ""
       )
     ), /* @__PURE__ */ React.createElement(react.Box, { position: "absolute", width: "100%" }, /* @__PURE__ */ React.createElement(
       Select,