@activecollab/components 1.0.403 → 1.0.404

package/dist/cjs/utils/currencyUtils.test.js

@@ -2,12 +2,12 @@
 
 var _currencyUtils = require("./currencyUtils");
 describe("format currency with thousandseparator set to ',' and decimalSeparator to '.'", function () {
-  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000.00", "1K"], ["1200.50", "1.2K"], ["1,200.00", "1.2K"], ["2,240.00", "2.2K"], ["22,240.00", "22.2K"], ["50,000,000.00", "50M"]])("should format currency", function (value, expected) {
+  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000.00", "1K"], ["1200.50", "1.2K"], ["1,200.00", "1.2K"], ["2,240.00", "2.2K"], ["22,240.00", "22.2K"], ["50,000,000.00", "50M"], ["-50,000.00", "-50K"], ["-1,200", "-1.2K"], ["-90,000,000.00", "-90M"]])("should format currency", function (value, expected) {
     expect((0, _currencyUtils.formatCurrency)(value, ",")).toEqual(expected);
   });
 });
 describe("format currency with thousandseparator set to '.' and decimalSeparator to ','", function () {
-  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000,00", "1K"], ["1200,50", "1.2K"], ["1.200,00", "1.2K"], ["2.240,00", "2.2K"], ["22.240,00", "22.2K"], ["50.000.000,00", "50M"]])("should format currency", function (value, expected) {
+  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000,00", "1K"], ["1200,50", "1.2K"], ["1.200,00", "1.2K"], ["2.240,00", "2.2K"], ["22.240,00", "22.2K"], ["50.000.000,00", "50M"], ["-50.000,00", "-50K"], ["-1.200", "-1.2K"], ["-90.000.000,00", "-90M"]])("should format currency", function (value, expected) {
     expect((0, _currencyUtils.formatCurrency)(value, ".")).toEqual(expected);
   });
 });

package/dist/cjs/utils/currencyUtils.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"currencyUtils.test.js","names":["describe","it","each","value","expected","expect","formatCurrency","toEqual","test","result","numberWithSeparator","toBe"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency, numberWithSeparator } from \"./currencyUtils\";\n\ndescribe(\"format currency with thousandseparator set to ',' and decimalSeparator to '.'\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000.00\", \"1K\"],\n    [\"1200.50\", \"1.2K\"],\n    [\"1,200.00\", \"1.2K\"],\n    [\"2,240.00\", \"2.2K\"],\n    [\"22,240.00\", \"22.2K\"],\n    [\"50,000,000.00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \",\")).toEqual(expected);\n  });\n});\n\ndescribe(\"format currency with thousandseparator set to '.' and decimalSeparator to ','\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000,00\", \"1K\"],\n    [\"1200,50\", \"1.2K\"],\n    [\"1.200,00\", \"1.2K\"],\n    [\"2.240,00\", \"2.2K\"],\n    [\"22.240,00\", \"22.2K\"],\n    [\"50.000.000,00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \".\")).toEqual(expected);\n  });\n});\n\ndescribe(\"numberWithSeparator\", () => {\n  test(\"should format number with thousand separator\", () => {\n    const result = numberWithSeparator(1000, \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format string number with thousand separator\", () => {\n    const result = numberWithSeparator(\"1000\", \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format decimal number with thousand separator and keep decimal part\", () => {\n    const result = numberWithSeparator(12345.67, \",\");\n    expect(result).toBe(\"12,345.67\");\n  });\n\n  test(\"should not format when format is set to false\", () => {\n    const result = numberWithSeparator(1000, \",\", false);\n    expect(result).toBe(1000);\n  });\n\n  test(\"should handle zero with thousand separator\", () => {\n    const result = numberWithSeparator(0, \",\");\n    expect(result).toBe(\"0\");\n  });\n\n  test(\"should handle negative number with thousand separator\", () => {\n    const result = numberWithSeparator(-123456789, \",\");\n    expect(result).toBe(\"-123,456,789\");\n  });\n\n  test(\"should not format\", () => {\n    const result = numberWithSeparator(123456789, \",\", false);\n    expect(result).toBe(123456789);\n  });\n});\n"],"mappings":"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"}
+{"version":3,"file":"currencyUtils.test.js","names":["describe","it","each","value","expected","expect","formatCurrency","toEqual","test","result","numberWithSeparator","toBe"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency, numberWithSeparator } from \"./currencyUtils\";\n\ndescribe(\"format currency with thousandseparator set to ',' and decimalSeparator to '.'\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000.00\", \"1K\"],\n    [\"1200.50\", \"1.2K\"],\n    [\"1,200.00\", \"1.2K\"],\n    [\"2,240.00\", \"2.2K\"],\n    [\"22,240.00\", \"22.2K\"],\n    [\"50,000,000.00\", \"50M\"],\n    [\"-50,000.00\", \"-50K\"],\n    [\"-1,200\", \"-1.2K\"],\n    [\"-90,000,000.00\", \"-90M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \",\")).toEqual(expected);\n  });\n});\n\ndescribe(\"format currency with thousandseparator set to '.' and decimalSeparator to ','\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000,00\", \"1K\"],\n    [\"1200,50\", \"1.2K\"],\n    [\"1.200,00\", \"1.2K\"],\n    [\"2.240,00\", \"2.2K\"],\n    [\"22.240,00\", \"22.2K\"],\n    [\"50.000.000,00\", \"50M\"],\n    [\"-50.000,00\", \"-50K\"],\n    [\"-1.200\", \"-1.2K\"],\n    [\"-90.000.000,00\", \"-90M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \".\")).toEqual(expected);\n  });\n});\n\ndescribe(\"numberWithSeparator\", () => {\n  test(\"should format number with thousand separator\", () => {\n    const result = numberWithSeparator(1000, \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format string number with thousand separator\", () => {\n    const result = numberWithSeparator(\"1000\", \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format decimal number with thousand separator and keep decimal part\", () => {\n    const result = numberWithSeparator(12345.67, \",\");\n    expect(result).toBe(\"12,345.67\");\n  });\n\n  test(\"should not format when format is set to false\", () => {\n    const result = numberWithSeparator(1000, \",\", false);\n    expect(result).toBe(1000);\n  });\n\n  test(\"should handle zero with thousand separator\", () => {\n    const result = numberWithSeparator(0, \",\");\n    expect(result).toBe(\"0\");\n  });\n\n  test(\"should handle negative number with thousand separator\", () => {\n    const result = numberWithSeparator(-123456789, \",\");\n    expect(result).toBe(\"-123,456,789\");\n  });\n\n  test(\"should not format\", () => {\n    const result = numberWithSeparator(123456789, \",\", false);\n    expect(result).toBe(123456789);\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components/EditableCurrency/EditableCurrency.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { InputNumberProps } from "../../hooks";
+export declare const EditableCurrency: React.ForwardRefExoticComponent<Omit<InputNumberProps, "size"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=EditableCurrency.d.ts.map

package/dist/esm/components/EditableCurrency/EditableCurrency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,gBAAgB,yGA+D5B,CAAC"}

package/dist/esm/components/EditableCurrency/EditableCurrency.js

@@ -0,0 +1,63 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "onValueChange", "step", "thousandSeparator", "value", "className"];
+import React, { forwardRef, useRef } from "react";
+import { useInputNumber } from "../../hooks";
+import { EditableContent } from "../EditableContent";
+import { Tooltip } from "../Tooltip";
+import { useForkRef } from "../../utils";
+export var EditableCurrency = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$decimalLength = _ref.decimalLength,
+    decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
+    _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+    _ref$disableAbbreviat = _ref.disableAbbreviation,
+    disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
+    disabled = _ref.disabled,
+    _ref$disableMacros = _ref.disableMacros,
+    disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
+    onValueChange = _ref.onValueChange,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    _ref$thousandSeparato = _ref.thousandSeparator,
+    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+    value = _ref.value,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var inputRef = useRef(null);
+  var handleRef = useForkRef(ref, inputRef);
+  var _useInputNumber = useInputNumber({
+      decimalLength: decimalLength,
+      decimalSeparator: decimalSeparator,
+      disableAbbreviation: disableAbbreviation,
+      disableMacros: disableMacros,
+      onValueChange: onValueChange,
+      step: step,
+      thousandSeparator: thousandSeparator,
+      value: value
+    }, inputRef),
+    focused = _useInputNumber.focused,
+    rootValue = _useInputNumber.rootValue,
+    formattedValue = _useInputNumber.formattedValue,
+    handleBlur = _useInputNumber.handleBlur,
+    handleChange = _useInputNumber.handleChange,
+    handleFocus = _useInputNumber.handleFocus,
+    handleKeyDown = _useInputNumber.handleKeyDown;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: rootValue,
+    disable: focused
+  }, /*#__PURE__*/React.createElement(EditableContent, {
+    disabled: disabled,
+    ref: handleRef,
+    className: className,
+    inputProps: _extends({
+      value: formattedValue,
+      onBlur: handleBlur,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown
+    }, rest)
+  }));
+});
+EditableCurrency.displayName = "EditableCurrency";
+//# sourceMappingURL=EditableCurrency.js.map

package/dist/esm/components/EditableCurrency/EditableCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCurrency.js","names":["React","forwardRef","useRef","useInputNumber","EditableContent","Tooltip","useForkRef","EditableCurrency","ref","decimalLength","decimalSeparator","disableAbbreviation","disabled","disableMacros","onValueChange","step","thousandSeparator","value","className","rest","inputRef","handleRef","focused","rootValue","formattedValue","handleBlur","handleChange","handleFocus","handleKeyDown","onBlur","onChange","onFocus","onKeyDown","displayName"],"sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { useInputNumber } from \"../../hooks\";\nimport { EditableContent } from \"../EditableContent\";\nimport { Tooltip } from \"../Tooltip\";\nimport { useForkRef } from \"../../utils\";\n\nimport type { InputNumberProps } from \"../../hooks\";\n\nexport const EditableCurrency = forwardRef<\n  HTMLInputElement,\n  Omit<InputNumberProps, \"size\">\n>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      onValueChange,\n      step = 1,\n      thousandSeparator = \",\",\n      value,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      focused,\n      rootValue,\n      formattedValue,\n      handleBlur,\n      handleChange,\n      handleFocus,\n      handleKeyDown,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        onValueChange,\n        step,\n        thousandSeparator,\n        value,\n      },\n      inputRef\n    );\n\n    return (\n      <Tooltip title={rootValue as string} disable={focused}>\n        <EditableContent\n          disabled={disabled}\n          ref={handleRef}\n          className={className}\n          inputProps={{\n            value: formattedValue,\n            onBlur: handleBlur,\n            onChange: handleChange,\n            onFocus: handleFocus,\n            onKeyDown: handleKeyDown,\n            ...rest,\n          }}\n        />\n      </Tooltip>\n    );\n  }\n);\n\nEditableCurrency.displayName = \"EditableCurrency\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,aAAa;AAIxC,OAAO,IAAMC,gBAAgB,gBAAGN,UAAU,CAIxC,gBAcEO,GAAG,EACA;EAAA,8BAbDC,aAAa;IAAbA,aAAa,mCAAG,CAAC;IAAA,6BACjBC,gBAAgB;IAAhBA,gBAAgB,sCAAG,GAAG;IAAA,6BACtBC,mBAAmB;IAAnBA,mBAAmB,sCAAG,KAAK;IAC3BC,QAAQ,QAARA,QAAQ;IAAA,0BACRC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IACrBC,aAAa,QAAbA,aAAa;IAAA,iBACbC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,6BACRC,iBAAiB;IAAjBA,iBAAiB,sCAAG,GAAG;IACvBC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIT,IAAMC,QAAQ,GAAGlB,MAAM,CAA0B,IAAI,CAAC;EACtD,IAAMmB,SAAS,GAAGf,UAAU,CAACE,GAAG,EAAEY,QAAQ,CAAC;EAE3C,sBAQIjB,cAAc,CAChB;MACEM,aAAa,EAAbA,aAAa;MACbC,gBAAgB,EAAhBA,gBAAgB;MAChBC,mBAAmB,EAAnBA,mBAAmB;MACnBE,aAAa,EAAbA,aAAa;MACbC,aAAa,EAAbA,aAAa;MACbC,IAAI,EAAJA,IAAI;MACJC,iBAAiB,EAAjBA,iBAAiB;MACjBC,KAAK,EAALA;IACF,CAAC,EACDG,QAAQ,CACT;IAnBCE,OAAO,mBAAPA,OAAO;IACPC,SAAS,mBAATA,SAAS;IACTC,cAAc,mBAAdA,cAAc;IACdC,UAAU,mBAAVA,UAAU;IACVC,YAAY,mBAAZA,YAAY;IACZC,WAAW,mBAAXA,WAAW;IACXC,aAAa,mBAAbA,aAAa;EAef,oBACE,oBAAC,OAAO;IAAC,KAAK,EAAEL,SAAoB;IAAC,OAAO,EAAED;EAAQ,gBACpD,oBAAC,eAAe;IACd,QAAQ,EAAEV,QAAS;IACnB,GAAG,EAAES,SAAU;IACf,SAAS,EAAEH,SAAU;IACrB,UAAU;MACRD,KAAK,EAAEO,cAAc;MACrBK,MAAM,EAAEJ,UAAU;MAClBK,QAAQ,EAAEJ,YAAY;MACtBK,OAAO,EAAEJ,WAAW;MACpBK,SAAS,EAAEJ;IAAa,GACrBT,IAAI;EACP,EACF,CACM;AAEd,CAAC,CACF;AAEDZ,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB"}

package/dist/esm/components/EditableCurrency/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./EditableCurrency";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/EditableCurrency/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableCurrency/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/EditableCurrency/index.js

@@ -0,0 +1,2 @@
+export * from "./EditableCurrency";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableCurrency/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/EditableCurrency/index.ts"],"sourcesContent":["export * from \"./EditableCurrency\";\n"],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/esm/components/Input/InputCurrency.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { InputNumberProps } from "./InputNumber";
+import type { InputNumberProps } from "../../hooks";
 export declare type InputCurrencyProps = InputNumberProps;
 export declare const InputCurrency: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=InputCurrency.d.ts.map

package/dist/esm/components/Input/InputCurrency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,oBAAY,kBAAkB,GAAG,gBAAgB,CAAC;AAElD,eAAO,MAAM,aAAa,2FAIzB,CAAC"}
+{"version":3,"file":"InputCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,oBAAY,kBAAkB,GAAG,gBAAgB,CAAC;AAElD,eAAO,MAAM,aAAa,2FAIzB,CAAC"}

package/dist/esm/components/Input/InputCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","InputNumber","InputCurrency","ref","rest","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { InputNumber } from \"./InputNumber\";\nimport type { InputNumberProps } from \"./InputNumber\";\n\nexport type InputCurrencyProps = InputNumberProps;\n\nexport const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(\n  ({ ...rest }, ref) => {\n    return <InputNumber ref={ref} {...rest} />;\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,WAAW,QAAQ,eAAe;AAK3C,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CACrC,gBAAcG,GAAG,EAAK;EAAA,IAAhBC,IAAI;EACR,oBAAO,oBAAC,WAAW;IAAC,GAAG,EAAED;EAAI,GAAKC,IAAI,EAAI;AAC5C,CAAC,CACF;AAEDF,aAAa,CAACG,WAAW,GAAG,eAAe"}
+{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","InputNumber","InputCurrency","ref","rest","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { InputNumber } from \"./InputNumber\";\nimport type { InputNumberProps } from \"../../hooks\";\n\nexport type InputCurrencyProps = InputNumberProps;\n\nexport const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(\n  ({ ...rest }, ref) => {\n    return <InputNumber ref={ref} {...rest} />;\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,WAAW,QAAQ,eAAe;AAK3C,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CACrC,gBAAcG,GAAG,EAAK;EAAA,IAAhBC,IAAI;EACR,oBAAO,oBAAC,WAAW;IAAC,GAAG,EAAED;EAAI,GAAKC,IAAI,EAAI;AAC5C,CAAC,CACF;AAEDF,aAAa,CAACG,WAAW,GAAG,eAAe"}

package/dist/esm/components/Input/InputNumber.d.ts

@@ -1,13 +1,4 @@
 import React from "react";
-import type { InputProps } from "./Input";
-export declare type Separators = "." | ",";
-export interface InputNumberProps extends InputProps {
-    decimalSeparator?: Separators;
-    thousandSeparator?: Separators;
-    disableAbbreviation?: boolean;
-    disableMacros?: boolean;
-    decimalLength?: number;
-    onValueChange?: (value: string) => void;
-}
+import { InputNumberProps } from "../../hooks";
 export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=InputNumber.d.ts.map

package/dist/esm/components/Input/InputNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAS1C,oBAAY,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,WAAW,2FA4LvB,CAAC"}
+{"version":3,"file":"InputNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAkB,MAAM,aAAa,CAAC;AAI/D,eAAO,MAAM,WAAW,2FA2DvB,CAAC"}

package/dist/esm/components/Input/InputNumber.js

@@ -1,141 +1,45 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["disableMacros", "disableAbbreviation", "decimalLength", "thousandSeparator", "decimalSeparator", "value", "onBlur", "onKeyDown", "onFocus", "onValueChange", "disabled", "invalid", "step"];
-import React, { forwardRef, useRef, useState } from "react";
-import { Input } from "./Input";
-import { formatCurrency, numberWithSeparator } from "../../utils/currencyUtils";
+var _excluded = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "onValueChange", "step", "thousandSeparator", "value"];
+import React, { forwardRef, useRef } from "react";
+import { useInputNumber } from "../../hooks";
 import { useForkRef } from "../../utils";
-var multiplier = {
-  k: 1000,
-  m: 1000000,
-  b: 1000000000,
-  t: 1000000000000
-};
+import { Input } from "./Input";
 export var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$disableMacros = _ref.disableMacros,
-    disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
-    _ref$disableAbbreviat = _ref.disableAbbreviation,
-    disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
-    _ref$decimalLength = _ref.decimalLength,
+  var _ref$decimalLength = _ref.decimalLength,
     decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
-    _ref$thousandSeparato = _ref.thousandSeparator,
-    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
     _ref$decimalSeparator = _ref.decimalSeparator,
     decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
-    value = _ref.value,
-    onBlur = _ref.onBlur,
-    onKeyDown = _ref.onKeyDown,
-    onFocus = _ref.onFocus,
-    onValueChange = _ref.onValueChange,
+    _ref$disableAbbreviat = _ref.disableAbbreviation,
+    disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
     disabled = _ref.disabled,
+    _ref$disableMacros = _ref.disableMacros,
+    disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
     invalid = _ref.invalid,
+    onValueChange = _ref.onValueChange,
     _ref$step = _ref.step,
     step = _ref$step === void 0 ? 1 : _ref$step,
+    _ref$thousandSeparato = _ref.thousandSeparator,
+    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+    value = _ref.value,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(value),
-    formattedValue = _useState[0],
-    setFormatted = _useState[1];
-  var _useState2 = useState(value),
-    rootValue = _useState2[0],
-    setRootValue = _useState2[1];
   var inputRef = useRef(null);
   var handleRef = useForkRef(ref, inputRef);
-  var handleInputBlur = function handleInputBlur() {
-    if (inputRef && inputRef.current) {
-      inputRef.current.blur();
-    }
-  };
-  var handleSelect = function handleSelect() {
-    if (inputRef && inputRef.current) {
-      inputRef.current.select();
-    }
-  };
-  var handleChange = function handleChange(e) {
-    var inputValue = e.target.value;
-    var isValidInput = false;
-    if (inputValue.startsWith("00")) {
-      return;
-    }
-    var numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
-      return (parseFloat(num) * multiplier[unit.toLowerCase()]).toString();
-    });
-    var regexString = "^(\\d{0,9}(?:[" + thousandSeparator + "]?\\d{0,3})*(?:\\" + decimalSeparator + "\\d{0," + decimalLength + "})?)?$";
-    if (thousandSeparator === ",") {
-      isValidInput = new RegExp(regexString).test(numericInput);
-    }
-    if (thousandSeparator === ".") {
-      isValidInput = new RegExp(regexString).test(numericInput);
-    }
-    if (!isValidInput) {
-      return;
-    }
-    setFormatted(numericInput);
-    onValueChange && onValueChange(numericInput);
-  };
-  var handleKeyDown = function handleKeyDown(e) {
-    var allowedChars = /[0-9km.,b]/i;
-    var key = e.key;
-    var _step = parseFloat(String(step));
-    if (key === "Escape") {
-      handleInputBlur();
-    }
-    if (key === "ArrowUp") {
-      e.preventDefault();
-      updateValue("increment", _step);
-    }
-    if (key === "ArrowDown") {
-      e.preventDefault();
-      updateValue("decrement", _step);
-    }
-    if ((e.metaKey || e.ctrlKey) && e.key === "a") {
-      handleSelect();
-    }
-    if (!allowedChars.test(key)) {
-      e.preventDefault();
-    }
-    if (decimalLength === 0 && e.key === decimalSeparator) {
-      e.preventDefault();
-    }
-    onKeyDown && onKeyDown(e);
-  };
-  var handleBlur = function handleBlur(e) {
-    if (disableAbbreviation) {
-      setFormatted(formattedValue);
-    } else {
-      setFormatted(formatCurrency(formattedValue, thousandSeparator));
-    }
-    setRootValue(formattedValue);
-    onBlur && onBlur(e);
-  };
-  var handleFocus = function handleFocus(e) {
-    setFormatted(rootValue);
-    onFocus && onFocus(e);
-  };
-  var updateValue = function updateValue(type, step) {
-    var value = String(formattedValue);
-    var decimalPart = "";
-    var increasedValue = 0;
-    var nonDecimalPart = value.replaceAll(thousandSeparator, "");
-    if (!value) {
-      return;
-    }
-    if (value.includes(decimalSeparator)) {
-      nonDecimalPart = value.slice(0, value.indexOf(decimalSeparator)).replaceAll(thousandSeparator, "");
-    }
-    if (value.includes(decimalSeparator)) {
-      decimalPart = value.slice(value.indexOf(decimalSeparator));
-    }
-    if (type === "increment") {
-      increasedValue = parseFloat(nonDecimalPart) + step;
-    } else {
-      increasedValue = parseFloat(nonDecimalPart) - step;
-    }
-    if (value.includes(decimalSeparator)) {
-      increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
-    }
-    var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
-    setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);
-  };
+  var _useInputNumber = useInputNumber({
+      decimalLength: decimalLength,
+      decimalSeparator: decimalSeparator,
+      disableAbbreviation: disableAbbreviation,
+      disableMacros: disableMacros,
+      onValueChange: onValueChange,
+      step: step,
+      thousandSeparator: thousandSeparator,
+      value: value
+    }, inputRef),
+    formattedValue = _useInputNumber.formattedValue,
+    handleBlur = _useInputNumber.handleBlur,
+    handleChange = _useInputNumber.handleChange,
+    handleFocus = _useInputNumber.handleFocus,
+    handleKeyDown = _useInputNumber.handleKeyDown;
   return /*#__PURE__*/React.createElement(Input, _extends({
     ref: handleRef,
     placeholder: "5" + thousandSeparator + "000" + decimalSeparator + "00",

package/dist/esm/components/Input/InputNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.js","names":["React","forwardRef","useRef","useState","Input","formatCurrency","numberWithSeparator","useForkRef","multiplier","k","m","b","t","InputNumber","ref","disableMacros","disableAbbreviation","decimalLength","thousandSeparator","decimalSeparator","value","onBlur","onKeyDown","onFocus","onValueChange","disabled","invalid","step","rest","formattedValue","setFormatted","rootValue","setRootValue","inputRef","handleRef","handleInputBlur","current","blur","handleSelect","select","handleChange","e","inputValue","target","isValidInput","startsWith","numericInput","replace","_","num","unit","parseFloat","toLowerCase","toString","regexString","RegExp","test","handleKeyDown","allowedChars","key","_step","String","preventDefault","updateValue","metaKey","ctrlKey","handleBlur","handleFocus","type","decimalPart","increasedValue","nonDecimalPart","replaceAll","includes","slice","indexOf","toFixed","joinedValue","displayName"],"sources":["../../../../src/components/Input/InputNumber.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  useRef,\n  useState,\n} from \"react\";\nimport { Input } from \"./Input\";\nimport { formatCurrency, numberWithSeparator } from \"../../utils/currencyUtils\";\nimport { useForkRef } from \"../../utils\";\n\nimport type { InputProps } from \"./Input\";\n\nconst multiplier = {\n  k: 1_000,\n  m: 1_000_000,\n  b: 1_000_000_000,\n  t: 1_000_000_000_000,\n};\n\nexport type Separators = \".\" | \",\";\n\nexport interface InputNumberProps extends InputProps {\n  decimalSeparator?: Separators;\n  thousandSeparator?: Separators;\n  disableAbbreviation?: boolean;\n  disableMacros?: boolean;\n  decimalLength?: number;\n  onValueChange?: (value: string) => void;\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      disableMacros = false,\n      disableAbbreviation = false,\n      decimalLength = 2,\n      thousandSeparator = \",\",\n      decimalSeparator = \".\",\n      value,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      onValueChange,\n      disabled,\n      invalid,\n      step = 1,\n      ...rest\n    },\n    ref\n  ) => {\n    const [formattedValue, setFormatted] = useState(value);\n    const [rootValue, setRootValue] = useState(value);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const handleInputBlur = () => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.blur();\n      }\n    };\n\n    const handleSelect = () => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.select();\n      }\n    };\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n      const inputValue = e.target.value;\n      let isValidInput = false;\n\n      if (inputValue.startsWith(\"00\")) {\n        return;\n      }\n\n      const numericInput = disableMacros\n        ? inputValue\n        : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {\n            return (\n              parseFloat(num) * multiplier[unit.toLowerCase()]\n            ).toString();\n          });\n\n      const regexString = `^(\\\\d{0,9}(?:[${thousandSeparator}]?\\\\d{0,3})*(?:\\\\${decimalSeparator}\\\\d{0,${decimalLength}})?)?$`;\n\n      if (thousandSeparator === \",\") {\n        isValidInput = new RegExp(regexString).test(numericInput);\n      }\n\n      if (thousandSeparator === \".\") {\n        isValidInput = new RegExp(regexString).test(numericInput);\n      }\n\n      if (!isValidInput) {\n        return;\n      }\n\n      setFormatted(numericInput);\n\n      onValueChange && onValueChange(numericInput);\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (e) => {\n      const allowedChars = /[0-9km.,b]/i;\n      const key = e.key;\n      const _step = parseFloat(String(step));\n\n      if (key === \"Escape\") {\n        handleInputBlur();\n      }\n\n      if (key === \"ArrowUp\") {\n        e.preventDefault();\n\n        updateValue(\"increment\", _step);\n      }\n\n      if (key === \"ArrowDown\") {\n        e.preventDefault();\n\n        updateValue(\"decrement\", _step);\n      }\n\n      if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n        handleSelect();\n      }\n\n      if (!allowedChars.test(key)) {\n        e.preventDefault();\n      }\n\n      if (decimalLength === 0 && e.key === decimalSeparator) {\n        e.preventDefault();\n      }\n\n      onKeyDown && onKeyDown(e);\n    };\n\n    const handleBlur: FocusEventHandler<HTMLInputElement> = (e) => {\n      if (disableAbbreviation) {\n        setFormatted(formattedValue);\n      } else {\n        setFormatted(\n          formatCurrency(formattedValue as string, thousandSeparator)\n        );\n      }\n\n      setRootValue(formattedValue);\n\n      onBlur && onBlur(e);\n    };\n\n    const handleFocus: FocusEventHandler<HTMLInputElement> = (e) => {\n      setFormatted(rootValue);\n\n      onFocus && onFocus(e);\n    };\n\n    const updateValue = (type: \"increment\" | \"decrement\", step: number) => {\n      const value = String(formattedValue);\n\n      let decimalPart = \"\";\n      let increasedValue = 0;\n      let nonDecimalPart = value.replaceAll(thousandSeparator, \"\");\n\n      if (!value) {\n        return;\n      }\n\n      if (value.includes(decimalSeparator)) {\n        nonDecimalPart = value\n          .slice(0, value.indexOf(decimalSeparator))\n          .replaceAll(thousandSeparator, \"\");\n      }\n\n      if (value.includes(decimalSeparator)) {\n        decimalPart = value.slice(value.indexOf(decimalSeparator));\n      }\n\n      if (type === \"increment\") {\n        increasedValue = parseFloat(nonDecimalPart) + step;\n      } else {\n        increasedValue = parseFloat(nonDecimalPart) - step;\n      }\n\n      if (value.includes(decimalSeparator)) {\n        increasedValue = parseFloat(increasedValue.toFixed(decimalLength));\n      }\n\n      const joinedValue = numberWithSeparator(\n        increasedValue,\n        thousandSeparator,\n        value.includes(thousandSeparator)\n      );\n\n      setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);\n    };\n\n    return (\n      <Input\n        ref={handleRef}\n        placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        value={formattedValue}\n        type=\"text\"\n        disabled={disabled}\n        invalid={invalid}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        aria-placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        aria-disabled={disabled}\n        aria-invalid={invalid}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = \"InputNumber\";\n"],"mappings":"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"}
+{"version":3,"file":"InputNumber.js","names":["React","forwardRef","useRef","useInputNumber","useForkRef","Input","InputNumber","ref","decimalLength","decimalSeparator","disableAbbreviation","disabled","disableMacros","invalid","onValueChange","step","thousandSeparator","value","rest","inputRef","handleRef","formattedValue","handleBlur","handleChange","handleFocus","handleKeyDown","displayName"],"sources":["../../../../src/components/Input/InputNumber.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { InputNumberProps, useInputNumber } from \"../../hooks\";\nimport { useForkRef } from \"../../utils\";\nimport { Input } from \"./Input\";\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      invalid,\n      onValueChange,\n      step = 1,\n      thousandSeparator = \",\",\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      formattedValue,\n      handleBlur,\n      handleChange,\n      handleFocus,\n      handleKeyDown,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        onValueChange,\n        step,\n        thousandSeparator,\n        value,\n      },\n      inputRef\n    );\n\n    return (\n      <Input\n        ref={handleRef}\n        placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        value={formattedValue}\n        type=\"text\"\n        disabled={disabled}\n        invalid={invalid}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        aria-placeholder={`5${thousandSeparator}000${decimalSeparator}00`}\n        aria-disabled={disabled}\n        aria-invalid={invalid}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = \"InputNumber\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,SAA2BC,cAAc,QAAQ,aAAa;AAC9D,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,KAAK,QAAQ,SAAS;AAE/B,OAAO,IAAMC,WAAW,gBAAGL,UAAU,CACnC,gBAcEM,GAAG,EACA;EAAA,8BAbDC,aAAa;IAAbA,aAAa,mCAAG,CAAC;IAAA,6BACjBC,gBAAgB;IAAhBA,gBAAgB,sCAAG,GAAG;IAAA,6BACtBC,mBAAmB;IAAnBA,mBAAmB,sCAAG,KAAK;IAC3BC,QAAQ,QAARA,QAAQ;IAAA,0BACRC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IACrBC,OAAO,QAAPA,OAAO;IACPC,aAAa,QAAbA,aAAa;IAAA,iBACbC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,6BACRC,iBAAiB;IAAjBA,iBAAiB,sCAAG,GAAG;IACvBC,KAAK,QAALA,KAAK;IACFC,IAAI;EAIT,IAAMC,QAAQ,GAAGjB,MAAM,CAA0B,IAAI,CAAC;EACtD,IAAMkB,SAAS,GAAGhB,UAAU,CAACG,GAAG,EAAEY,QAAQ,CAAC;EAE3C,sBAMIhB,cAAc,CAChB;MACEK,aAAa,EAAbA,aAAa;MACbC,gBAAgB,EAAhBA,gBAAgB;MAChBC,mBAAmB,EAAnBA,mBAAmB;MACnBE,aAAa,EAAbA,aAAa;MACbE,aAAa,EAAbA,aAAa;MACbC,IAAI,EAAJA,IAAI;MACJC,iBAAiB,EAAjBA,iBAAiB;MACjBC,KAAK,EAALA;IACF,CAAC,EACDE,QAAQ,CACT;IAjBCE,cAAc,mBAAdA,cAAc;IACdC,UAAU,mBAAVA,UAAU;IACVC,YAAY,mBAAZA,YAAY;IACZC,WAAW,mBAAXA,WAAW;IACXC,aAAa,mBAAbA,aAAa;EAef,oBACE,oBAAC,KAAK;IACJ,GAAG,EAAEL,SAAU;IACf,WAAW,QAAMJ,iBAAiB,WAAMP,gBAAgB,OAAK;IAC7D,KAAK,EAAEY,cAAe;IACtB,IAAI,EAAC,MAAM;IACX,QAAQ,EAAEV,QAAS;IACnB,OAAO,EAAEE,OAAQ;IACjB,QAAQ,EAAEU,YAAa;IACvB,OAAO,EAAEC,WAAY;IACrB,MAAM,EAAEF,UAAW;IACnB,SAAS,EAAEG,aAAc;IACzB,0BAAsBT,iBAAiB,WAAMP,gBAAgB,OAAK;IAClE,iBAAeE,QAAS;IACxB,gBAAcE;EAAQ,GAClBK,IAAI,EACR;AAEN,CAAC,CACF;AAEDZ,WAAW,CAACoB,WAAW,GAAG,aAAa"}

package/dist/esm/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./useInitScrollRef";
 export * from "./useHeight";
+export * from "./useInputNumber";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/esm/hooks/index.js

@@ -1,3 +1,4 @@
 export * from "./useInitScrollRef";
 export * from "./useHeight";
+export * from "./useInputNumber";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from \"./useInitScrollRef\";\nexport * from \"./useHeight\";\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,aAAa"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from \"./useInitScrollRef\";\nexport * from \"./useHeight\";\nexport * from \"./useInputNumber\";\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,kBAAkB"}

package/dist/esm/hooks/useInputNumber.d.ts

@@ -0,0 +1,22 @@
+import { ChangeEventHandler, KeyboardEventHandler, FocusEventHandler, MutableRefObject } from "react";
+import type { InputProps } from "../components";
+export declare type Separators = "." | ",";
+export interface InputNumberProps extends InputProps {
+    decimalLength?: number;
+    decimalSeparator?: Separators;
+    disableAbbreviation?: boolean;
+    disableMacros?: boolean;
+    thousandSeparator?: Separators;
+    onValueChange?: (value: string) => void;
+}
+export declare const useInputNumber: ({ decimalSeparator, thousandSeparator, disableAbbreviation, disableMacros, decimalLength, value, onValueChange, onKeyDown, onBlur, onFocus, step, }: InputNumberProps, ref: MutableRefObject<HTMLInputElement | null>) => {
+    readonly focused: boolean;
+    readonly formattedValue: string | number | readonly string[] | undefined;
+    readonly rootValue: string | number | readonly string[] | undefined;
+    readonly handleChange: ChangeEventHandler<HTMLInputElement>;
+    readonly handleKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    readonly handleBlur: FocusEventHandler<HTMLInputElement>;
+    readonly handleFocus: FocusEventHandler<HTMLInputElement>;
+    readonly onValueChange: ((value: string) => void) | undefined;
+};
+//# sourceMappingURL=useInputNumber.d.ts.map

package/dist/esm/hooks/useInputNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputNumber.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,oBAAY,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAInC,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,cAAc,wJAatB,gBAAgB,OACd,iBAAiB,gBAAgB,GAAG,IAAI,CAAC;;;;;;;;qCAjBtB,MAAM,KAAK,IAAI;CA2KxC,CAAC"}

package/dist/esm/hooks/useInputNumber.js

@@ -0,0 +1,131 @@
+import { useState } from "react";
+import { currencyMultiplier, formatCurrency, numberWithSeparator } from "../utils/currencyUtils";
+export var useInputNumber = function useInputNumber(_ref, ref) {
+  var _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+    _ref$thousandSeparato = _ref.thousandSeparator,
+    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+    disableAbbreviation = _ref.disableAbbreviation,
+    disableMacros = _ref.disableMacros,
+    decimalLength = _ref.decimalLength,
+    value = _ref.value,
+    onValueChange = _ref.onValueChange,
+    onKeyDown = _ref.onKeyDown,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    step = _ref.step;
+  var _useState = useState(value),
+    formattedValue = _useState[0],
+    setFormatted = _useState[1];
+  var _useState2 = useState(value),
+    rootValue = _useState2[0],
+    setRootValue = _useState2[1];
+  var _useState3 = useState(false),
+    focused = _useState3[0],
+    setFocused = _useState3[1];
+  var handleInputBlur = function handleInputBlur() {
+    if (ref && ref.current) {
+      ref.current.blur();
+    }
+  };
+  var handleSelect = function handleSelect() {
+    if (ref && ref.current) {
+      ref.current.select();
+    }
+  };
+  var handleChange = function handleChange(e) {
+    var inputValue = e.target.value;
+    var isValidInput = false;
+    if (inputValue.startsWith("00")) {
+      return;
+    }
+    var numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
+      return (parseFloat(num) * currencyMultiplier[unit.toLowerCase()]).toString();
+    });
+    var regexString = "^(-?\\d{0,9}(?:[" + thousandSeparator + "]?\\d{0,3})*(?:\\" + decimalSeparator + "\\d{0," + decimalLength + "})?)?$";
+    if (thousandSeparator === ",") {
+      isValidInput = new RegExp(regexString).test(numericInput);
+    }
+    if (thousandSeparator === ".") {
+      isValidInput = new RegExp(regexString).test(numericInput);
+    }
+    if (!isValidInput) {
+      return;
+    }
+    setFormatted(numericInput);
+    onValueChange && onValueChange(numericInput);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    var key = e.key;
+    var _step = parseFloat(String(step));
+    if (key === "Escape") {
+      handleInputBlur();
+    }
+    if (key === "ArrowUp") {
+      e.preventDefault();
+      updateValue("increment", _step);
+    }
+    if (key === "ArrowDown") {
+      e.preventDefault();
+      updateValue("decrement", _step);
+    }
+    if ((e.metaKey || e.ctrlKey) && e.key === "a") {
+      handleSelect();
+    }
+    if (decimalLength === 0 && e.key === decimalSeparator) {
+      e.preventDefault();
+    }
+    onKeyDown && onKeyDown(e);
+  };
+  var handleBlur = function handleBlur(e) {
+    if (disableAbbreviation) {
+      setFormatted(formattedValue);
+    } else {
+      setFormatted(formatCurrency(formattedValue, thousandSeparator));
+    }
+    setRootValue(formattedValue);
+    setFocused(false);
+    onBlur && onBlur(e);
+  };
+  var handleFocus = function handleFocus(e) {
+    setFormatted(rootValue);
+    setFocused(true);
+    onFocus && onFocus(e);
+  };
+  var updateValue = function updateValue(type, step) {
+    var value = String(formattedValue);
+    var decimalPart = "";
+    var increasedValue = 0;
+    var nonDecimalPart = value.replaceAll(thousandSeparator, "");
+    if (!value) {
+      return;
+    }
+    if (value.includes(decimalSeparator)) {
+      nonDecimalPart = value.slice(0, value.indexOf(decimalSeparator)).replaceAll(thousandSeparator, "");
+    }
+    if (value.includes(decimalSeparator)) {
+      decimalPart = value.slice(value.indexOf(decimalSeparator));
+    }
+    if (type === "increment") {
+      increasedValue = parseFloat(nonDecimalPart) + step;
+    } else {
+      increasedValue = parseFloat(nonDecimalPart) - step;
+    }
+    if (value.includes(decimalSeparator)) {
+      increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
+    }
+    var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
+    setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);
+  };
+  return {
+    focused: focused,
+    formattedValue: formattedValue,
+    rootValue: rootValue,
+    handleChange: handleChange,
+    handleKeyDown: handleKeyDown,
+    handleBlur: handleBlur,
+    handleFocus: handleFocus,
+    onValueChange: onValueChange
+  };
+};
+//# sourceMappingURL=useInputNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInputNumber.js","names":["useState","currencyMultiplier","formatCurrency","numberWithSeparator","useInputNumber","ref","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onValueChange","onKeyDown","onBlur","onFocus","step","formattedValue","setFormatted","rootValue","setRootValue","focused","setFocused","handleInputBlur","current","blur","handleSelect","select","handleChange","e","inputValue","target","isValidInput","startsWith","numericInput","replace","_","num","unit","parseFloat","toLowerCase","toString","regexString","RegExp","test","handleKeyDown","key","_step","String","preventDefault","updateValue","metaKey","ctrlKey","handleBlur","handleFocus","type","decimalPart","increasedValue","nonDecimalPart","replaceAll","includes","slice","indexOf","toFixed","joinedValue"],"sources":["../../../src/hooks/useInputNumber.tsx"],"sourcesContent":["import {\n  useState,\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  FocusEventHandler,\n  MutableRefObject,\n} from \"react\";\nimport {\n  currencyMultiplier,\n  formatCurrency,\n  numberWithSeparator,\n} from \"../utils/currencyUtils\";\nimport type { InputProps } from \"../components\";\n\nexport type Separators = \".\" | \",\";\n\n// https://www.youtube.com/watch?v=2AilA-M6N5U\n// @TODO: Pitati foo za testove.\nexport interface InputNumberProps extends InputProps {\n  decimalLength?: number;\n  decimalSeparator?: Separators;\n  disableAbbreviation?: boolean;\n  disableMacros?: boolean;\n  thousandSeparator?: Separators;\n  onValueChange?: (value: string) => void;\n}\n\nexport const useInputNumber = (\n  {\n    decimalSeparator = \".\",\n    thousandSeparator = \",\",\n    disableAbbreviation,\n    disableMacros,\n    decimalLength,\n    value,\n    onValueChange,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    step,\n  }: InputNumberProps,\n  ref: MutableRefObject<HTMLInputElement | null>\n) => {\n  const [formattedValue, setFormatted] = useState(value);\n  const [rootValue, setRootValue] = useState(value);\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const handleInputBlur = () => {\n    if (ref && ref.current) {\n      ref.current.blur();\n    }\n  };\n\n  const handleSelect = () => {\n    if (ref && ref.current) {\n      ref.current.select();\n    }\n  };\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const inputValue = e.target.value;\n    let isValidInput = false;\n\n    if (inputValue.startsWith(\"00\")) {\n      return;\n    }\n\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\n    const regexString = `^(-?\\\\d{0,9}(?:[${thousandSeparator}]?\\\\d{0,3})*(?:\\\\${decimalSeparator}\\\\d{0,${decimalLength}})?)?$`;\n\n    if (thousandSeparator === \",\") {\n      isValidInput = new RegExp(regexString).test(numericInput);\n    }\n\n    if (thousandSeparator === \".\") {\n      isValidInput = new RegExp(regexString).test(numericInput);\n    }\n\n    if (!isValidInput) {\n      return;\n    }\n\n    setFormatted(numericInput);\n\n    onValueChange && onValueChange(numericInput);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (e) => {\n    const key = e.key;\n    const _step = parseFloat(String(step));\n\n    if (key === \"Escape\") {\n      handleInputBlur();\n    }\n\n    if (key === \"ArrowUp\") {\n      e.preventDefault();\n\n      updateValue(\"increment\", _step);\n    }\n\n    if (key === \"ArrowDown\") {\n      e.preventDefault();\n\n      updateValue(\"decrement\", _step);\n    }\n\n    if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n      handleSelect();\n    }\n\n    if (decimalLength === 0 && e.key === decimalSeparator) {\n      e.preventDefault();\n    }\n\n    onKeyDown && onKeyDown(e);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (e) => {\n    if (disableAbbreviation) {\n      setFormatted(formattedValue);\n    } else {\n      setFormatted(formatCurrency(formattedValue as string, thousandSeparator));\n    }\n\n    setRootValue(formattedValue);\n    setFocused(false);\n\n    onBlur && onBlur(e);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (e) => {\n    setFormatted(rootValue);\n    setFocused(true);\n\n    onFocus && onFocus(e);\n  };\n\n  const updateValue = (type: \"increment\" | \"decrement\", step: number) => {\n    const value = String(formattedValue);\n\n    let decimalPart = \"\";\n    let increasedValue = 0;\n    let nonDecimalPart = value.replaceAll(thousandSeparator, \"\");\n\n    if (!value) {\n      return;\n    }\n\n    if (value.includes(decimalSeparator)) {\n      nonDecimalPart = value\n        .slice(0, value.indexOf(decimalSeparator))\n        .replaceAll(thousandSeparator, \"\");\n    }\n\n    if (value.includes(decimalSeparator)) {\n      decimalPart = value.slice(value.indexOf(decimalSeparator));\n    }\n\n    if (type === \"increment\") {\n      increasedValue = parseFloat(nonDecimalPart) + step;\n    } else {\n      increasedValue = parseFloat(nonDecimalPart) - step;\n    }\n\n    if (value.includes(decimalSeparator)) {\n      increasedValue = parseFloat(increasedValue.toFixed(decimalLength));\n    }\n\n    const joinedValue = numberWithSeparator(\n      increasedValue,\n      thousandSeparator,\n      value.includes(thousandSeparator)\n    );\n\n    setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);\n  };\n\n  return {\n    focused,\n    formattedValue,\n    rootValue,\n    handleChange,\n    handleKeyDown,\n    handleBlur,\n    handleFocus,\n    onValueChange,\n  } as const;\n};\n"],"mappings":"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"}

package/dist/esm/utils/currencyUtils.d.ts

@@ -1,4 +1,10 @@
-import { Separators } from "../components/Input/InputNumber";
-export declare const formatCurrency: (n: string, thousandSeparator?: string) => string | undefined;
+import { Separators } from "../hooks";
+export declare const currencyMultiplier: {
+    k: number;
+    m: number;
+    b: number;
+    t: number;
+};
+export declare const formatCurrency: (n: string, thousandSeparator?: string) => string;
 export declare const numberWithSeparator: (x: number | string, thousandSeparator: Separators, format?: boolean) => string | number;
 //# sourceMappingURL=currencyUtils.d.ts.map