@activecollab/components 2.0.112 → 2.0.114

package/dist/esm/hooks/useInputNumber.js

@@ -26,16 +26,16 @@ export const useInputNumber = (_ref, inputRef) => {
   if (!isMaxValid) {
     console.warn("Warning: The maximum value is set to be lower than the minimum value. The maximum value will be ignored.");
   }
-  const [currentValue, setCurrentValue] = useState(() => disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength));
-  const [prevValue, setPrevValue] = useState(() => disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength));
-  const [unformattedValue, setUnformattedValue] = useState(() => value);
-  const [unformattedPrevValue, setUnformattedPrevValue] = useState(() => value);
+  const [currentValue, setCurrentValue] = useState(() => formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short"));
+  const [prevValue, setPrevValue] = useState(() => formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short"));
+  const [unformattedValue, setUnformattedValue] = useState(() => formatNumber(value, "", decimalSeparator, false, decimalLength, "long"));
+  const [unformattedPrevValue, setUnformattedPrevValue] = useState(() => formatNumber(value, "", decimalSeparator, false, decimalLength, "long"));
   useEffect(() => {
     if (value !== prevValue) {
-      setCurrentValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength));
-      setPrevValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength));
-      setUnformattedValue(value);
-      setUnformattedPrevValue(value);
+      setCurrentValue(formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short"));
+      setPrevValue(formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short"));
+      setUnformattedValue(formatNumber(value, "", decimalSeparator, false, decimalLength, "long"));
+      setUnformattedPrevValue(formatNumber(value, "", decimalSeparator, false, decimalLength, "long"));
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [disableAbbreviation, thousandSeparator, decimalSeparator, decimalLength, trimDecimals, value]);
@@ -48,7 +48,7 @@ export const useInputNumber = (_ref, inputRef) => {
       if (onChange) onChange(String(unformattedPrevValue));
     } else {
       if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-        const _value = disableAbbreviation ? currentValue : formatNumber(currentValue, thousandSeparator, decimalSeparator, trimDecimals, decimalLength);
+        const _value = formatNumber(currentValue, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short");
         setPrevValue(_value);
         setUnformattedPrevValue(currentValue);
         setUnformattedValue(currentValue);
@@ -71,7 +71,8 @@ export const useInputNumber = (_ref, inputRef) => {
     setFocused(false);
   }, [prevValue, unformattedPrevValue, onChange, disableAbbreviation, currentValue, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, onSave, allowEmptyValue, onCancel]);
   const updateValue = useCallback(type => {
-    const numericValue = parseFloat(String(unformattedValue));
+    const preformattedValue = String(unformattedValue).replace(",", ".");
+    const numericValue = parseFloat(preformattedValue);
     if (isNaN(numericValue)) return;
     let newValue = numericValue;
     if (type === "increment") {
@@ -93,10 +94,14 @@ export const useInputNumber = (_ref, inputRef) => {
     if (decimalLength !== undefined && decimalLength === 0) {
       newValue = Math.round(newValue);
     }
-    setUnformattedValue(newValue);
-    setCurrentValue(newValue);
-    if (onChange) onChange(String(newValue));
-  }, [unformattedValue, decimalLength, min, max, isMaxValid, onChange, step]);
+    let updatedValue = String(newValue);
+    if (updatedValue.includes(".") || updatedValue.includes(",")) {
+      updatedValue = updatedValue.replace(".", decimalSeparator);
+    }
+    setUnformattedValue(updatedValue);
+    setCurrentValue(updatedValue);
+    if (onChange) onChange(updatedValue);
+  }, [unformattedValue, decimalLength, min, max, isMaxValid, onChange, step, decimalSeparator]);
   const handleKeyDown = useCallback(e => {
     if (e.key === "Enter") {
       e.target.blur();

package/dist/esm/hooks/useInputNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInputNumber.js","names":["useState","useRef","useCallback","useEffect","validateNumberInput","currencyMultiplier","formatNumber","useInputNumber","_ref","inputRef","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onChange","onSave","onEnterKeyPress","onClick","onCancel","allowEmptyValue","step","trimDecimals","limit","validation","min","max","isMaxValid","undefined","Number","console","warn","currentValue","setCurrentValue","prevValue","setPrevValue","unformattedValue","setUnformattedValue","unformattedPrevValue","setUnformattedPrevValue","focused","setFocused","escapeRef","handleBlur","e","current","String","target","trim","length","_value","updateValue","type","numericValue","parseFloat","isNaN","newValue","toFixed","Math","round","handleKeyDown","key","blur","preventDefault","metaKey","ctrlKey","_inputRef$current","select","input","start","selectionStart","end","selectionEnd","substring","Boolean","handleChange","inputValue","numericInput","replace","_","num","unit","toLowerCase","toString","handleClick","handleFocus","handleDoubleClick","_inputRef$current2","onBlur","onKeyDown","onDoubleClick","onFocus"],"sources":["../../../src/hooks/useInputNumber.tsx"],"sourcesContent":["import {\n  useState,\n  MouseEvent,\n  useRef,\n  useCallback,\n  RefObject,\n  useEffect,\n} from \"react\";\n\nimport { validateNumberInput } from \"../utils\";\nimport { currencyMultiplier, formatNumber } from \"../utils/currencyUtils\";\n\nexport type Separators = \".\" | \",\" | \" \";\n\nexport interface IInputNumber {\n  decimalLength?: number;\n  decimalSeparator?: Separators;\n  disableAbbreviation?: boolean;\n  disableMacros?: boolean;\n  thousandSeparator?: Separators;\n  trimDecimals?: boolean;\n  onSave?: (e: Event) => void;\n  value?: string | number;\n  step?: number;\n  limit?: number;\n  onEnterKeyPress?: (val: string) => void;\n  onChange?: (val: string) => void;\n  onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n  allowEmptyValue?: boolean;\n  onCancel?: (e: Event) => void;\n  validation?: (\n    value: string,\n    disableMacros: boolean,\n    decimalSeparator: string,\n    decimalLength: number,\n    limit?: number\n  ) => boolean;\n  min?: string | number;\n  max?: string | number;\n}\n\nexport const useInputNumber = (\n  {\n    decimalSeparator = \".\",\n    thousandSeparator = \",\",\n    disableAbbreviation,\n    disableMacros,\n    decimalLength,\n    value = \"\",\n    onChange,\n    onSave,\n    onEnterKeyPress,\n    onClick,\n    onCancel,\n    allowEmptyValue,\n    step = 1,\n    trimDecimals = true,\n    limit,\n    validation = validateNumberInput,\n    min,\n    max,\n  }: IInputNumber,\n  inputRef: RefObject<HTMLInputElement | null>\n) => {\n  const isMaxValid =\n    max === undefined || min === undefined || Number(max) >= Number(min);\n\n  if (!isMaxValid) {\n    console.warn(\n      \"Warning: The maximum value is set to be lower than the minimum value. The maximum value will be ignored.\"\n    );\n  }\n\n  const [currentValue, setCurrentValue] = useState(() =>\n    disableAbbreviation\n      ? value\n      : formatNumber(\n          value as string,\n          thousandSeparator,\n          decimalSeparator,\n          trimDecimals,\n          decimalLength\n        )\n  );\n  const [prevValue, setPrevValue] = useState(() =>\n    disableAbbreviation\n      ? value\n      : formatNumber(\n          value as string,\n          thousandSeparator,\n          decimalSeparator,\n          trimDecimals,\n          decimalLength\n        )\n  );\n  const [unformattedValue, setUnformattedValue] = useState(() => value);\n  const [unformattedPrevValue, setUnformattedPrevValue] = useState(() => value);\n\n  useEffect(() => {\n    if (value !== prevValue) {\n      setCurrentValue(\n        disableAbbreviation\n          ? value\n          : formatNumber(\n              value as string,\n              thousandSeparator,\n              decimalSeparator,\n              trimDecimals,\n              decimalLength\n            )\n      );\n      setPrevValue(\n        disableAbbreviation\n          ? value\n          : formatNumber(\n              value as string,\n              thousandSeparator,\n              decimalSeparator,\n              trimDecimals,\n              decimalLength\n            )\n      );\n      setUnformattedValue(value);\n      setUnformattedPrevValue(value);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    disableAbbreviation,\n    thousandSeparator,\n    decimalSeparator,\n    decimalLength,\n    trimDecimals,\n    value,\n  ]);\n\n  const [focused, setFocused] = useState(false);\n\n  const escapeRef = useRef(false);\n\n  const handleBlur = useCallback(\n    (e) => {\n      if (escapeRef.current) {\n        setCurrentValue(prevValue);\n        setUnformattedValue(unformattedPrevValue);\n        if (onChange) onChange(String(unformattedPrevValue));\n      } else {\n        if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n          const _value = disableAbbreviation\n            ? currentValue\n            : formatNumber(\n                currentValue as string,\n                thousandSeparator,\n                decimalSeparator,\n                trimDecimals,\n                decimalLength\n              );\n          setPrevValue(_value);\n          setUnformattedPrevValue(currentValue);\n          setUnformattedValue(currentValue);\n          setCurrentValue(_value);\n          typeof onSave === \"function\" && onSave(e);\n        } else {\n          if (!allowEmptyValue) {\n            setCurrentValue(prevValue);\n            setUnformattedValue(unformattedPrevValue);\n            typeof onCancel === \"function\" && onCancel(e);\n          } else {\n            if (typeof onSave === \"function\" && prevValue !== e.target.value) {\n              onSave(e);\n            } else {\n              typeof onCancel === \"function\" && onCancel(e);\n            }\n          }\n        }\n      }\n      setFocused(false);\n    },\n    [\n      prevValue,\n      unformattedPrevValue,\n      onChange,\n      disableAbbreviation,\n      currentValue,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalLength,\n      onSave,\n      allowEmptyValue,\n      onCancel,\n    ]\n  );\n\n  const updateValue = useCallback(\n    (type: \"increment\" | \"decrement\") => {\n      const numericValue = parseFloat(String(unformattedValue));\n\n      if (isNaN(numericValue)) return;\n\n      let newValue = numericValue;\n\n      if (type === \"increment\") {\n        newValue += step;\n      } else if (type === \"decrement\") {\n        newValue -= step;\n      }\n\n      if (decimalLength !== undefined) {\n        newValue = parseFloat(newValue.toFixed(decimalLength));\n      } else {\n        newValue = parseFloat(newValue.toFixed(2));\n      }\n\n      if (min !== undefined && newValue < Number(min)) {\n        newValue = Number(min);\n      }\n\n      if (max !== undefined && newValue > Number(max) && isMaxValid) {\n        newValue = Number(max);\n      }\n\n      if (decimalLength !== undefined && decimalLength === 0) {\n        newValue = Math.round(newValue);\n      }\n\n      setUnformattedValue(newValue);\n      setCurrentValue(newValue);\n      if (onChange) onChange(String(newValue));\n    },\n    [unformattedValue, decimalLength, min, max, isMaxValid, onChange, step]\n  );\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\") {\n        e.target.blur();\n        if (typeof onEnterKeyPress === \"function\")\n          onEnterKeyPress(e.target.value);\n      }\n      if (e.key === \"ArrowLeft\") {\n        return;\n      }\n      if (e.key === \"ArrowRight\") {\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        updateValue(\"increment\");\n      }\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        updateValue(\"decrement\");\n      }\n      if (e.key === \"Escape\") {\n        escapeRef.current = true;\n        e.target.blur();\n        typeof onCancel === \"function\" && onCancel(e);\n        escapeRef.current = false;\n      }\n      if (e.key === \"Backspace\") {\n        return;\n      }\n      if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n        inputRef.current?.select();\n        return;\n      }\n      if (e.key === \"Tab\") {\n        return;\n      }\n      if ((e.metaKey || e.ctrlKey) && e.key === \"v\") {\n        e.preventDefault();\n        return;\n      }\n\n      // Disallow \"-\" if min is 0 or greater\n      if (e.key === \"-\" && min !== undefined && Number(min) >= 0) {\n        e.preventDefault();\n        return;\n      }\n\n      // Disallow decimal separator if decimalLength is 0\n      if (e.key === decimalSeparator && decimalLength === 0) {\n        e.preventDefault();\n        return;\n      }\n\n      const input = e.target;\n      const currentValue = input.value;\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      const newValue =\n        currentValue.substring(0, start) + e.key + currentValue.substring(end);\n      if (\n        !validation(\n          newValue,\n          Boolean(disableMacros),\n          decimalSeparator,\n          decimalLength ?? 0,\n          limit\n        )\n      ) {\n        e.preventDefault();\n        return;\n      }\n    },\n    [\n      decimalLength,\n      decimalSeparator,\n      disableMacros,\n      inputRef,\n      limit,\n      min,\n      onCancel,\n      onEnterKeyPress,\n      updateValue,\n      validation,\n    ]\n  );\n\n  const handleChange = useCallback(\n    (e) => {\n      const inputValue = e.target.value;\n      const numericInput = disableMacros\n        ? inputValue\n        : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {\n            return (\n              parseFloat(num) * currencyMultiplier[unit.toLowerCase()]\n            ).toString();\n          });\n      setCurrentValue(numericInput);\n      setUnformattedValue(numericInput);\n      if (onChange) onChange(numericInput);\n    },\n    [disableMacros, onChange]\n  );\n\n  const handleClick = useCallback(\n    (e) => {\n      if (typeof onClick === \"function\") {\n        onClick(e);\n      }\n    },\n    [onClick]\n  );\n\n  const handleFocus = useCallback(() => {\n    setCurrentValue(unformattedValue);\n    setFocused(true);\n  }, [unformattedValue]);\n\n  const handleDoubleClick = useCallback(() => {\n    if (inputRef.current) {\n      inputRef.current?.select();\n    }\n  }, [inputRef]);\n\n  return {\n    value: currentValue,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n    onChange: handleChange,\n    onClick: handleClick,\n    onDoubleClick: handleDoubleClick,\n    onFocus: handleFocus,\n    focused,\n    unformattedValue,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useInputNumber.js","names":["useState","useRef","useCallback","useEffect","validateNumberInput","currencyMultiplier","formatNumber","useInputNumber","_ref","inputRef","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onChange","onSave","onEnterKeyPress","onClick","onCancel","allowEmptyValue","step","trimDecimals","limit","validation","min","max","isMaxValid","undefined","Number","console","warn","currentValue","setCurrentValue","prevValue","setPrevValue","unformattedValue","setUnformattedValue","unformattedPrevValue","setUnformattedPrevValue","focused","setFocused","escapeRef","handleBlur","e","current","String","target","trim","length","_value","updateValue","type","preformattedValue","replace","numericValue","parseFloat","isNaN","newValue","toFixed","Math","round","updatedValue","includes","handleKeyDown","key","blur","preventDefault","metaKey","ctrlKey","_inputRef$current","select","input","start","selectionStart","end","selectionEnd","substring","Boolean","handleChange","inputValue","numericInput","_","num","unit","toLowerCase","toString","handleClick","handleFocus","handleDoubleClick","_inputRef$current2","onBlur","onKeyDown","onDoubleClick","onFocus"],"sources":["../../../src/hooks/useInputNumber.tsx"],"sourcesContent":["import {\n  useState,\n  MouseEvent,\n  useRef,\n  useCallback,\n  RefObject,\n  useEffect,\n} from \"react\";\n\nimport { validateNumberInput } from \"../utils\";\nimport { currencyMultiplier, formatNumber } from \"../utils/currencyUtils\";\n\nexport type Separators = \".\" | \",\" | \" \" | \"\";\n\nexport interface IInputNumber {\n  decimalLength?: number;\n  decimalSeparator?: Separators;\n  disableAbbreviation?: boolean;\n  disableMacros?: boolean;\n  thousandSeparator?: Separators;\n  trimDecimals?: boolean;\n  onSave?: (e: Event) => void;\n  value?: string | number;\n  step?: number;\n  limit?: number;\n  onEnterKeyPress?: (val: string) => void;\n  onChange?: (val: string) => void;\n  onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n  allowEmptyValue?: boolean;\n  onCancel?: (e: Event) => void;\n  validation?: (\n    value: string,\n    disableMacros: boolean,\n    decimalSeparator: string,\n    decimalLength: number,\n    limit?: number\n  ) => boolean;\n  min?: string | number;\n  max?: string | number;\n}\n\nexport const useInputNumber = (\n  {\n    decimalSeparator = \".\",\n    thousandSeparator = \",\",\n    disableAbbreviation,\n    disableMacros,\n    decimalLength,\n    value = \"\",\n    onChange,\n    onSave,\n    onEnterKeyPress,\n    onClick,\n    onCancel,\n    allowEmptyValue,\n    step = 1,\n    trimDecimals = true,\n    limit,\n    validation = validateNumberInput,\n    min,\n    max,\n  }: IInputNumber,\n  inputRef: RefObject<HTMLInputElement | null>\n) => {\n  const isMaxValid =\n    max === undefined || min === undefined || Number(max) >= Number(min);\n\n  if (!isMaxValid) {\n    console.warn(\n      \"Warning: The maximum value is set to be lower than the minimum value. The maximum value will be ignored.\"\n    );\n  }\n\n  const [currentValue, setCurrentValue] = useState(() =>\n    formatNumber(\n      value as string,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalLength,\n      disableAbbreviation ? \"long\" : \"short\"\n    )\n  );\n  const [prevValue, setPrevValue] = useState(() =>\n    formatNumber(\n      value as string,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalLength,\n      disableAbbreviation ? \"long\" : \"short\"\n    )\n  );\n  const [unformattedValue, setUnformattedValue] = useState(() =>\n    formatNumber(\n      value as string,\n      \"\",\n      decimalSeparator,\n      false,\n      decimalLength,\n      \"long\"\n    )\n  );\n  const [unformattedPrevValue, setUnformattedPrevValue] = useState(() =>\n    formatNumber(\n      value as string,\n      \"\",\n      decimalSeparator,\n      false,\n      decimalLength,\n      \"long\"\n    )\n  );\n\n  useEffect(() => {\n    if (value !== prevValue) {\n      setCurrentValue(\n        formatNumber(\n          value as string,\n          thousandSeparator,\n          decimalSeparator,\n          trimDecimals,\n          decimalLength,\n          disableAbbreviation ? \"long\" : \"short\"\n        )\n      );\n      setPrevValue(\n        formatNumber(\n          value as string,\n          thousandSeparator,\n          decimalSeparator,\n          trimDecimals,\n          decimalLength,\n          disableAbbreviation ? \"long\" : \"short\"\n        )\n      );\n      setUnformattedValue(\n        formatNumber(\n          value as string,\n          \"\",\n          decimalSeparator,\n          false,\n          decimalLength,\n          \"long\"\n        )\n      );\n      setUnformattedPrevValue(\n        formatNumber(\n          value as string,\n          \"\",\n          decimalSeparator,\n          false,\n          decimalLength,\n          \"long\"\n        )\n      );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    disableAbbreviation,\n    thousandSeparator,\n    decimalSeparator,\n    decimalLength,\n    trimDecimals,\n    value,\n  ]);\n\n  const [focused, setFocused] = useState(false);\n\n  const escapeRef = useRef(false);\n\n  const handleBlur = useCallback(\n    (e) => {\n      if (escapeRef.current) {\n        setCurrentValue(prevValue);\n        setUnformattedValue(unformattedPrevValue);\n        if (onChange) onChange(String(unformattedPrevValue));\n      } else {\n        if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n          const _value = formatNumber(\n            currentValue as string,\n            thousandSeparator,\n            decimalSeparator,\n            trimDecimals,\n            decimalLength,\n            disableAbbreviation ? \"long\" : \"short\"\n          );\n          setPrevValue(_value);\n          setUnformattedPrevValue(currentValue as string);\n          setUnformattedValue(currentValue as string);\n          setCurrentValue(_value);\n          typeof onSave === \"function\" && onSave(e);\n        } else {\n          if (!allowEmptyValue) {\n            setCurrentValue(prevValue);\n            setUnformattedValue(unformattedPrevValue);\n            typeof onCancel === \"function\" && onCancel(e);\n          } else {\n            if (typeof onSave === \"function\" && prevValue !== e.target.value) {\n              onSave(e);\n            } else {\n              typeof onCancel === \"function\" && onCancel(e);\n            }\n          }\n        }\n      }\n      setFocused(false);\n    },\n    [\n      prevValue,\n      unformattedPrevValue,\n      onChange,\n      disableAbbreviation,\n      currentValue,\n      thousandSeparator,\n      decimalSeparator,\n      trimDecimals,\n      decimalLength,\n      onSave,\n      allowEmptyValue,\n      onCancel,\n    ]\n  );\n\n  const updateValue = useCallback(\n    (type: \"increment\" | \"decrement\") => {\n      const preformattedValue = String(unformattedValue).replace(\",\", \".\");\n      const numericValue = parseFloat(preformattedValue);\n\n      if (isNaN(numericValue)) return;\n\n      let newValue = numericValue;\n\n      if (type === \"increment\") {\n        newValue += step;\n      } else if (type === \"decrement\") {\n        newValue -= step;\n      }\n\n      if (decimalLength !== undefined) {\n        newValue = parseFloat(newValue.toFixed(decimalLength));\n      } else {\n        newValue = parseFloat(newValue.toFixed(2));\n      }\n\n      if (min !== undefined && newValue < Number(min)) {\n        newValue = Number(min);\n      }\n\n      if (max !== undefined && newValue > Number(max) && isMaxValid) {\n        newValue = Number(max);\n      }\n\n      if (decimalLength !== undefined && decimalLength === 0) {\n        newValue = Math.round(newValue);\n      }\n\n      let updatedValue = String(newValue);\n      if (updatedValue.includes(\".\") || updatedValue.includes(\",\")) {\n        updatedValue = updatedValue.replace(\".\", decimalSeparator);\n      }\n\n      setUnformattedValue(updatedValue);\n      setCurrentValue(updatedValue);\n      if (onChange) onChange(updatedValue);\n    },\n    [\n      unformattedValue,\n      decimalLength,\n      min,\n      max,\n      isMaxValid,\n      onChange,\n      step,\n      decimalSeparator,\n    ]\n  );\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\") {\n        e.target.blur();\n        if (typeof onEnterKeyPress === \"function\")\n          onEnterKeyPress(e.target.value);\n      }\n      if (e.key === \"ArrowLeft\") {\n        return;\n      }\n      if (e.key === \"ArrowRight\") {\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        updateValue(\"increment\");\n      }\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        updateValue(\"decrement\");\n      }\n      if (e.key === \"Escape\") {\n        escapeRef.current = true;\n        e.target.blur();\n        typeof onCancel === \"function\" && onCancel(e);\n        escapeRef.current = false;\n      }\n      if (e.key === \"Backspace\") {\n        return;\n      }\n      if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n        inputRef.current?.select();\n        return;\n      }\n      if (e.key === \"Tab\") {\n        return;\n      }\n      if ((e.metaKey || e.ctrlKey) && e.key === \"v\") {\n        e.preventDefault();\n        return;\n      }\n\n      // Disallow \"-\" if min is 0 or greater\n      if (e.key === \"-\" && min !== undefined && Number(min) >= 0) {\n        e.preventDefault();\n        return;\n      }\n\n      // Disallow decimal separator if decimalLength is 0\n      if (e.key === decimalSeparator && decimalLength === 0) {\n        e.preventDefault();\n        return;\n      }\n\n      const input = e.target;\n      const currentValue = input.value;\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      const newValue =\n        currentValue.substring(0, start) + e.key + currentValue.substring(end);\n      if (\n        !validation(\n          newValue,\n          Boolean(disableMacros),\n          decimalSeparator,\n          decimalLength ?? 0,\n          limit\n        )\n      ) {\n        e.preventDefault();\n        return;\n      }\n    },\n    [\n      decimalLength,\n      decimalSeparator,\n      disableMacros,\n      inputRef,\n      limit,\n      min,\n      onCancel,\n      onEnterKeyPress,\n      updateValue,\n      validation,\n    ]\n  );\n\n  const handleChange = useCallback(\n    (e) => {\n      const inputValue = e.target.value;\n      const numericInput = disableMacros\n        ? inputValue\n        : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {\n            return (\n              parseFloat(num) * currencyMultiplier[unit.toLowerCase()]\n            ).toString();\n          });\n      setCurrentValue(numericInput);\n      setUnformattedValue(numericInput);\n      if (onChange) onChange(numericInput);\n    },\n    [disableMacros, onChange]\n  );\n\n  const handleClick = useCallback(\n    (e) => {\n      if (typeof onClick === \"function\") {\n        onClick(e);\n      }\n    },\n    [onClick]\n  );\n\n  const handleFocus = useCallback(() => {\n    setCurrentValue(unformattedValue);\n    setFocused(true);\n  }, [unformattedValue]);\n\n  const handleDoubleClick = useCallback(() => {\n    if (inputRef.current) {\n      inputRef.current?.select();\n    }\n  }, [inputRef]);\n\n  return {\n    value: currentValue,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n    onChange: handleChange,\n    onClick: handleClick,\n    onDoubleClick: handleDoubleClick,\n    onFocus: handleFocus,\n    focused,\n    unformattedValue,\n  };\n};\n"],"mappings":"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"}

package/dist/index.js

@@ -7764,15 +7764,13 @@
   var StyledMenu$2 = styled__default["default"](Bubble).withConfig({
     displayName: "Styles__StyledMenu",
     componentId: "sc-8fhkp-0"
-  })(["", " ", " ", " width:", ";color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
+  })(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
     "marginTop": "0.25rem",
     "marginBottom": "0.25rem",
     "overflow": "auto",
     "borderColor": "var(--border-primary)",
     "backgroundColor": "var(--page-paper-main)"
   }, FontStyle, BoxSizingStyle, function (props) {
-    return props.$mode;
-  }, function (props) {
     return props.$mode === "normal" && styled.css(["width:260px;"]);
   }, function (props) {
     return props.$mode === "wider" && styled.css(["width:350px;"]);
@@ -12139,35 +12137,35 @@
       console.warn("Warning: The maximum value is set to be lower than the minimum value. The maximum value will be ignored.");
     }
     var _useState = React.useState(function () {
-        return disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength);
+        return formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short");
       }),
       _useState2 = _slicedToArray(_useState, 2),
       currentValue = _useState2[0],
       setCurrentValue = _useState2[1];
     var _useState3 = React.useState(function () {
-        return disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength);
+        return formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short");
       }),
       _useState4 = _slicedToArray(_useState3, 2),
       prevValue = _useState4[0],
       setPrevValue = _useState4[1];
     var _useState5 = React.useState(function () {
-        return value;
+        return formatNumber(value, "", decimalSeparator, false, decimalLength, "long");
       }),
       _useState6 = _slicedToArray(_useState5, 2),
       unformattedValue = _useState6[0],
       setUnformattedValue = _useState6[1];
     var _useState7 = React.useState(function () {
-        return value;
+        return formatNumber(value, "", decimalSeparator, false, decimalLength, "long");
       }),
       _useState8 = _slicedToArray(_useState7, 2),
       unformattedPrevValue = _useState8[0],
       setUnformattedPrevValue = _useState8[1];
     React.useEffect(function () {
       if (value !== prevValue) {
-        setCurrentValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength));
-        setPrevValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength));
-        setUnformattedValue(value);
-        setUnformattedPrevValue(value);
+        setCurrentValue(formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short"));
+        setPrevValue(formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short"));
+        setUnformattedValue(formatNumber(value, "", decimalSeparator, false, decimalLength, "long"));
+        setUnformattedPrevValue(formatNumber(value, "", decimalSeparator, false, decimalLength, "long"));
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [disableAbbreviation, thousandSeparator, decimalSeparator, decimalLength, trimDecimals, value]);
@@ -12183,7 +12181,7 @@
         if (onChange) onChange(String(unformattedPrevValue));
       } else {
         if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-          var _value = disableAbbreviation ? currentValue : formatNumber(currentValue, thousandSeparator, decimalSeparator, trimDecimals, decimalLength);
+          var _value = formatNumber(currentValue, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, disableAbbreviation ? "long" : "short");
           setPrevValue(_value);
           setUnformattedPrevValue(currentValue);
           setUnformattedValue(currentValue);
@@ -12206,7 +12204,8 @@
       setFocused(false);
     }, [prevValue, unformattedPrevValue, onChange, disableAbbreviation, currentValue, thousandSeparator, decimalSeparator, trimDecimals, decimalLength, onSave, allowEmptyValue, onCancel]);
     var updateValue = React.useCallback(function (type) {
-      var numericValue = parseFloat(String(unformattedValue));
+      var preformattedValue = String(unformattedValue).replace(",", ".");
+      var numericValue = parseFloat(preformattedValue);
       if (isNaN(numericValue)) return;
       var newValue = numericValue;
       if (type === "increment") {
@@ -12228,10 +12227,14 @@
       if (decimalLength !== undefined && decimalLength === 0) {
         newValue = Math.round(newValue);
       }
-      setUnformattedValue(newValue);
-      setCurrentValue(newValue);
-      if (onChange) onChange(String(newValue));
-    }, [unformattedValue, decimalLength, min, max, isMaxValid, onChange, step]);
+      var updatedValue = String(newValue);
+      if (updatedValue.includes(".") || updatedValue.includes(",")) {
+        updatedValue = updatedValue.replace(".", decimalSeparator);
+      }
+      setUnformattedValue(updatedValue);
+      setCurrentValue(updatedValue);
+      if (onChange) onChange(updatedValue);
+    }, [unformattedValue, decimalLength, min, max, isMaxValid, onChange, step, decimalSeparator]);
     var handleKeyDown = React.useCallback(function (e) {
       if (e.key === "Enter") {
         e.target.blur();
@@ -18117,8 +18120,8 @@
       focused = _useInputNumber.focused,
       unformattedValue = _useInputNumber.unformattedValue;
     var formattedValue = React.useMemo(function () {
-      return focused ? value : numberWithSeparator(value !== null && value !== void 0 ? value : "", thousandSeparator, decimalSeparator);
-    }, [focused, value, thousandSeparator, decimalSeparator]);
+      return focused ? value : numberWithSeparator(value !== null && value !== void 0 ? value : "", "", decimalSeparator);
+    }, [focused, value, decimalSeparator]);
     return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
       title: numberWithSeparator(unformattedValue !== null && unformattedValue !== void 0 ? unformattedValue : "", thousandSeparator, decimalSeparator),
       disable: focused