@northlight/ui 2.36.9 → 2.36.10

package/dist/es/northlight.js

@@ -13485,10 +13485,8 @@ const FormattedNumberInput = (_a) => {
     "inputRightElement",
     "onBlur"
   ]);
-  const [valueState, setValueState] = useState(valueProp);
-  const isControlled = typeof valueProp !== "undefined";
-  const value = isControlled ? valueProp : valueState;
   const props = presetMap[preset];
+  const value = valueProp != null ? valueProp : "";
   const getNumberFormatValues = (number) => ({
     floatValue: number,
     formattedValue: numericFormatter(number.toString(), props),
@@ -13501,18 +13499,15 @@ const FormattedNumberInput = (_a) => {
     const factor = isPercentage ? 100 : 1;
     if (vNum * factor > max) {
       const newValue = roundToPrecision(max / factor, numberOfDecimals);
-      setValueState(newValue);
       onChange(getNumberFormatValues(newValue));
     }
     if (vNum * factor < min) {
       const newValue = roundToPrecision(min / factor, numberOfDecimals);
-      setValueState(newValue);
       onChange(getNumberFormatValues(newValue));
     }
   };
   const onValueChangeHandler = (values, sourceInfo) => {
     const newFloatValue = values.floatValue && isPercentage ? roundToPrecision(values.floatValue / 100, numberOfDecimals) : values.floatValue;
-    setValueState(newFloatValue);
     onChange(
       __spreadProps$3(__spreadValues$k({}, values), {
         floatValue: newFloatValue
@@ -14748,13 +14743,9 @@ const ComboPicker = (_a) => {
   ]);
   var _a2, _b2, _c;
   const { isOpen, onToggle, onClose } = useDisclosure();
-  const [inputValueState, setInputValueState] = useState(valueProp == null ? void 0 : valueProp.input);
-  const [selectOptionState, setselectOptionState] = useState(valueProp == null ? void 0 : valueProp.option);
+  const [inputValue, setInputValue] = useState(valueProp == null ? void 0 : valueProp.input);
+  const [selectOption, setSelectOption] = useState(valueProp == null ? void 0 : valueProp.option);
   const [enableSelectInput, setEnableSelectInput] = useState(false);
-  const isInputValueControlled = typeof (valueProp == null ? void 0 : valueProp.input) !== "undefined";
-  const inputValue = isInputValueControlled ? valueProp.input : inputValueState;
-  const isOptionControlled = typeof (valueProp == null ? void 0 : valueProp.option) !== "undefined";
-  const selectOption = isOptionControlled ? valueProp.option : selectOptionState;
   const buttonRef = useRef();
   const selectRef = useRef();
   const getNewValue = (option, input) => {
@@ -14762,8 +14753,7 @@ const ComboPicker = (_a) => {
     return is(Number, input) ? { input: Number(input), option: newValueOption } : { option: newValueOption };
   };
   const handleInputChange = (newInputvalue) => {
-    const newValue = getNewValue(selectOption, newInputvalue);
-    setInputValueState(newValue.input);
+    const newValue = getNewValue(valueProp == null ? void 0 : valueProp.option, newInputvalue);
     onChange == null ? void 0 : onChange(newValue);
   };
   const handleSelectClose = () => {
@@ -14775,8 +14765,7 @@ const ComboPicker = (_a) => {
   };
   const handleSelectChange = (selectedOption) => {
     if (selectedOption) {
-      setselectOptionState(selectedOption);
-      onChange == null ? void 0 : onChange(getNewValue(selectedOption, inputValue));
+      onChange == null ? void 0 : onChange(getNewValue(selectedOption, valueProp == null ? void 0 : valueProp.input));
       if (isOpen) {
         handleSelectClose();
       }
@@ -14794,20 +14783,13 @@ const ComboPicker = (_a) => {
     }
   }, [enableSelectInput]);
   useEffect(() => {
-    const needsToCorrectOption = !selectOption;
-    const needsToCorrectInput = !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));
-    }
-  }, [inputValue, defaultToZeroIfEmpty]);
+    var _a3, _b3;
+    const option = (_a3 = valueProp == null ? void 0 : valueProp.option) != null ? _a3 : options[0];
+    const input = defaultToZeroIfEmpty ? (_b3 = valueProp == null ? void 0 : valueProp.input) != null ? _b3 : 0 : valueProp == null ? void 0 : valueProp.input;
+    setSelectOption(option);
+    setInputValue(input);
+    onChange == null ? void 0 : onChange(getNewValue(option, input));
+  }, [valueProp == null ? void 0 : valueProp.input, valueProp == null ? void 0 : valueProp.option, defaultToZeroIfEmpty, options]);
   const buttonWidth = (_b2 = (_a2 = buttonRef.current) == null ? void 0 : _a2.offsetWidth) != null ? _b2 : 0;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     FormattedNumberInput,