@northlight/ui 2.30.0 → 2.31.1

package/dist/umd/northlight.cjs

@@ -14238,27 +14238,33 @@
       size,
       value,
       placeholder,
-      isDisabled
+      precision,
+      formatPreset,
+      isDisabled,
+      isReadOnly
     } = _b, rest = __objRest$1(_b, [
       "onChange",
       "options",
       "size",
       "value",
       "placeholder",
-      "isDisabled"
+      "precision",
+      "formatPreset",
+      "isDisabled",
+      "isReadOnly"
     ]);
+    var _a2;
     const { isOpen, onToggle, onClose } = react.useDisclosure();
-    const [inputValue, setInputValue] = React.useState(value ? value.input : 0);
-    const [selectOption, setSelectOption] = React.useState(value ? value.option : options[0]);
+    const [inputValue, setInputValue] = React.useState(value == null ? void 0 : value.input);
+    const [selectOption, setSelectOption] = React.useState((_a2 = value == null ? void 0 : value.option) != null ? _a2 : options[0]);
     const [enableSelectInput, setEnableSelectInput] = React.useState(false);
     const buttonRef = React.useRef();
     const selectRef = React.useRef();
+    const getNewValue = (option, input) => input ? { input: Number(input), option } : { option };
     const handleInputChange = (newInputvalue) => {
-      setInputValue(Number(newInputvalue));
-      onChange == null ? void 0 : onChange({
-        input: Number(newInputvalue),
-        option: selectOption
-      });
+      const newValue = getNewValue(selectOption, newInputvalue.floatValue);
+      setInputValue(newValue.input);
+      onChange == null ? void 0 : onChange(newValue);
     };
     const handleSelectClose = () => {
       if (buttonRef.current) {
@@ -14270,10 +14276,7 @@
     const handleSelectChange = (selectedOption) => {
       if (selectedOption) {
         setSelectOption(selectedOption);
-        onChange == null ? void 0 : onChange({
-          input: inputValue,
-          option: selectedOption
-        });
+        onChange == null ? void 0 : onChange(getNewValue(selectedOption, inputValue));
         handleSelectClose();
       }
     };
@@ -14288,17 +14291,19 @@
         selectRef.current.focus();
       }
     }, [enableSelectInput]);
-    return /* @__PURE__ */ React.createElement(react.InputGroup, { size }, /* @__PURE__ */ React.createElement(
-      NumberInput,
+    return /* @__PURE__ */ React.createElement(react.InputGroup, null, /* @__PURE__ */ React.createElement(
+      FormattedNumberInput,
       __spreadValues$1({
         width: "100%",
-        overflow: "hidden",
         onChange: handleInputChange,
         defaultValue: inputValue,
         placeholder,
-        isDisabled
-      }, rest),
-      /* @__PURE__ */ React.createElement(react.NumberInputField, null)
+        size,
+        numberOfDecimals: precision,
+        preset: formatPreset,
+        disabled: isDisabled,
+        readOnly: isReadOnly
+      }, rest)
     ), /* @__PURE__ */ React.createElement(
       react.InputRightElement,
       {