@activecollab/components 1.0.415 → 2.0.1

package/dist/esm/hooks/useInputHours.js

@@ -1,37 +1,34 @@
-import { useCallback, useMemo, useRef, useState } from "react";
-import { decimalToHours } from "../utils";
-import { validateTimeInput } from "../utils";
-export var useInputHours = function useInputHours(_ref, inputRef) {
-  var value = _ref.value,
-    withLeadingZero = _ref.withLeadingZero,
-    onSave = _ref.onSave,
-    _ref$validation = _ref.validation,
-    validation = _ref$validation === void 0 ? validateTimeInput : _ref$validation,
-    allowEmptyValue = _ref.allowEmptyValue,
-    onCancel = _ref.onCancel,
-    _ref$minuteIncrement = _ref.minuteIncrement,
-    minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
-    incrementOnlySelected = _ref.incrementOnlySelected,
-    onEnterKeyPress = _ref.onEnterKeyPress,
-    onChange = _ref.onChange,
-    onClick = _ref.onClick;
-  var _useState = useState(function () {
-      return decimalToHours(value, withLeadingZero);
-    }),
-    currentValue = _useState[0],
-    setCurrentValue = _useState[1];
-  var _useState2 = useState(function () {
-      return decimalToHours(value, withLeadingZero);
-    }),
-    prevValue = _useState2[0],
-    setPrevValue = _useState2[1];
-  var escapeRef = useRef(false);
-  var handleBlur = useCallback(function (e) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInputHours = void 0;
+var _react = require("react");
+var _utils = require("../utils");
+const useInputHours = (_ref, inputRef) => {
+  let {
+    value,
+    withLeadingZero,
+    onSave,
+    validation = _utils.validateTimeInput,
+    allowEmptyValue,
+    onCancel,
+    minuteIncrement = 1,
+    incrementOnlySelected,
+    onEnterKeyPress,
+    onChange,
+    onClick
+  } = _ref;
+  const [currentValue, setCurrentValue] = (0, _react.useState)(() => (0, _utils.decimalToHours)(value, withLeadingZero));
+  const [prevValue, setPrevValue] = (0, _react.useState)(() => (0, _utils.decimalToHours)(value, withLeadingZero));
+  const escapeRef = (0, _react.useRef)(false);
+  const handleBlur = (0, _react.useCallback)(e => {
     if (escapeRef.current) {
       setCurrentValue(prevValue);
     } else {
       if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-        var _value = decimalToHours(e.target.value, withLeadingZero);
+        const _value = (0, _utils.decimalToHours)(e.target.value, withLeadingZero);
         setPrevValue(_value);
         setCurrentValue(_value);
         typeof onSave === "function" && onSave(e);
@@ -49,16 +46,14 @@ export var useInputHours = function useInputHours(_ref, inputRef) {
       }
     }
   }, [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]);
-  var handleIncrementDecrement = useCallback(function (increment) {
+  const handleIncrementDecrement = (0, _react.useCallback)(increment => {
     if (inputRef.current) {
-      var selectionStart = inputRef.current.selectionStart;
+      const selectionStart = inputRef.current.selectionStart;
       if (selectionStart !== null) {
-        var dotsIndex = currentValue.indexOf(":");
-        var _currentValue$split$m = currentValue.split(":").map(Number),
-          hours = _currentValue$split$m[0],
-          minutes = _currentValue$split$m[1];
-        var newHours = hours;
-        var newMinutes = minutes;
+        const dotsIndex = currentValue.indexOf(":");
+        const [hours, minutes] = currentValue.split(":").map(Number);
+        let newHours = hours;
+        let newMinutes = minutes;
         if (selectionStart < dotsIndex) {
           if (increment) {
             newHours += 1;
@@ -88,25 +83,24 @@ export var useInputHours = function useInputHours(_ref, inputRef) {
             }
           }
         }
-        var newMinutesString = newMinutes < 10 ? "0" + newMinutes : newMinutes;
-        var newHoursString = withLeadingZero && newHours < 10 ? "0" + newHours : newHours;
-        var newValue = newHoursString + ":" + newMinutesString;
+        const newMinutesString = newMinutes < 10 ? `0${newMinutes}` : newMinutes;
+        const newHoursString = withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;
+        const newValue = `${newHoursString}:${newMinutesString}`;
         if (validation(newValue, withLeadingZero)) {
           setCurrentValue(newValue);
           if (onChange) onChange(newValue);
-          requestAnimationFrame(function () {
-            var _inputRef$current;
-            var newDotsIndex = newValue.indexOf(":");
-            var isHoursSelected = selectionStart < newDotsIndex;
-            var newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;
-            var selectionEnd = isHoursSelected ? newDotsIndex : newValue.length;
-            (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.setSelectionRange(newSelectionStart, selectionEnd);
+          requestAnimationFrame(() => {
+            const newDotsIndex = newValue.indexOf(":");
+            const isHoursSelected = selectionStart < newDotsIndex;
+            const newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;
+            const selectionEnd = isHoursSelected ? newDotsIndex : newValue.length;
+            inputRef.current?.setSelectionRange(newSelectionStart, selectionEnd);
           });
         }
       }
     }
   }, [currentValue, incrementOnlySelected, inputRef, minuteIncrement, onChange, validation, withLeadingZero]);
-  var handleKeyDown = useCallback(function (e) {
+  const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === "Enter") {
       e.target.blur();
       if (typeof onEnterKeyPress === "function") onEnterKeyPress(e.target.value);
@@ -127,31 +121,28 @@ export var useInputHours = function useInputHours(_ref, inputRef) {
       return;
     }
     if ((e.metaKey || e.ctrlKey) && e.key === "a") {
-      var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.select();
+      inputRef.current?.select();
       return;
     }
-    var input = e.target;
-    var start = input.selectionStart;
-    var end = input.selectionEnd;
-    var currentValue = input.value;
+    const input = e.target;
+    const start = input.selectionStart;
+    const end = input.selectionEnd;
+    const currentValue = input.value;
     if (e.key === "Tab") {
       if (start !== end) {
         if (e.shiftKey) {
-          var newDotsIndex = currentValue.indexOf(":");
-          var isMinutesSelected = start > newDotsIndex;
+          const newDotsIndex = currentValue.indexOf(":");
+          const isMinutesSelected = start > newDotsIndex;
           if (isMinutesSelected) {
-            var _inputRef$current3;
             e.preventDefault();
-            (_inputRef$current3 = inputRef.current) == null ? void 0 : _inputRef$current3.setSelectionRange(0, newDotsIndex);
+            inputRef.current?.setSelectionRange(0, newDotsIndex);
           }
         } else {
-          var _newDotsIndex = currentValue.indexOf(":");
-          var isHoursSelected = start < _newDotsIndex;
+          const newDotsIndex = currentValue.indexOf(":");
+          const isHoursSelected = start < newDotsIndex;
           if (isHoursSelected) {
-            var _inputRef$current4;
             e.preventDefault();
-            (_inputRef$current4 = inputRef.current) == null ? void 0 : _inputRef$current4.setSelectionRange(_newDotsIndex + 1, currentValue.length);
+            inputRef.current?.setSelectionRange(newDotsIndex + 1, currentValue.length);
           }
         }
       }
@@ -166,47 +157,43 @@ export var useInputHours = function useInputHours(_ref, inputRef) {
         handleIncrementDecrement(false);
         return;
       }
-      var newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
+      const newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
       if (!validation(newValue, withLeadingZero)) {
         e.preventDefault();
         return;
       }
     } else {
-      var _newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
-      if (!validation(_newValue, withLeadingZero)) {
+      const newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
+      if (!validation(newValue, withLeadingZero)) {
         e.preventDefault();
         return;
       }
     }
   }, [handleIncrementDecrement, inputRef, onCancel, onEnterKeyPress, validation, withLeadingZero]);
-  var handleChange = useCallback(function (e) {
+  const handleChange = (0, _react.useCallback)(e => {
     setCurrentValue(e.target.value);
     if (onChange) onChange(e.target.value);
   }, [onChange]);
-  var handleClick = useCallback(function (e) {
-    var _inputRef$current5;
-    var selectionStart = (_inputRef$current5 = inputRef.current) == null ? void 0 : _inputRef$current5.selectionStart;
+  const handleClick = (0, _react.useCallback)(e => {
+    const selectionStart = inputRef.current?.selectionStart;
     if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
-      var dotsIndex = currentValue.indexOf(":");
+      const dotsIndex = currentValue.indexOf(":");
       if (selectionStart < dotsIndex) {
-        var _inputRef$current6;
-        (_inputRef$current6 = inputRef.current) == null ? void 0 : _inputRef$current6.setSelectionRange(0, dotsIndex);
+        inputRef.current?.setSelectionRange(0, dotsIndex);
       } else if (selectionStart >= dotsIndex) {
-        var _inputRef$current7;
-        (_inputRef$current7 = inputRef.current) == null ? void 0 : _inputRef$current7.setSelectionRange(dotsIndex + 1, currentValue.length);
+        inputRef.current?.setSelectionRange(dotsIndex + 1, currentValue.length);
       }
     }
     if (typeof onClick === "function") {
       onClick(e);
     }
   }, [currentValue, inputRef, onClick]);
-  var handleDoubleClick = useCallback(function () {
+  const handleDoubleClick = (0, _react.useCallback)(() => {
     if (inputRef.current) {
-      var _inputRef$current8;
-      (_inputRef$current8 = inputRef.current) == null ? void 0 : _inputRef$current8.select();
+      inputRef.current?.select();
     }
   }, [inputRef]);
-  var inputProps = useMemo(function () {
+  const inputProps = (0, _react.useMemo)(() => {
     return {
       value: currentValue,
       onBlur: handleBlur,
@@ -217,9 +204,10 @@ export var useInputHours = function useInputHours(_ref, inputRef) {
     };
   }, [currentValue, handleBlur, handleChange, handleClick, handleDoubleClick, handleKeyDown]);
   return {
-    inputProps: inputProps,
-    setCurrentValue: setCurrentValue,
-    setPrevValue: setPrevValue
+    inputProps,
+    setCurrentValue,
+    setPrevValue
   };
 };
+exports.useInputHours = useInputHours;
 //# sourceMappingURL=useInputHours.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInputHours.js","names":["useCallback","useMemo","useRef","useState","decimalToHours","validateTimeInput","useInputHours","inputRef","value","withLeadingZero","onSave","validation","allowEmptyValue","onCancel","minuteIncrement","incrementOnlySelected","onEnterKeyPress","onChange","onClick","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","handleBlur","e","current","target","trim","length","_value","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","split","map","Number","hours","minutes","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","select","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","inputProps","onBlur","onKeyDown","onDoubleClick"],"sources":["../../../src/hooks/useInputHours.tsx"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  MouseEvent,\n} from \"react\";\nimport { decimalToHours } from \"../utils\";\nimport { validateTimeInput } from \"../utils\";\n\nexport interface IInputHours {\n  value?: string | number;\n  withLeadingZero?: boolean;\n  onSave?: (e: Event) => void;\n  validation?: (...args) => boolean;\n  allowEmptyValue?: boolean;\n  onCancel?: (e: Event) => void;\n  minuteIncrement?: number;\n  incrementOnlySelected?: boolean;\n  onEnterKeyPress?: (val: string) => void;\n  onChange?: (val: string) => void;\n  onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n}\n\nexport const useInputHours = (\n  {\n    value,\n    withLeadingZero,\n    onSave,\n    validation = validateTimeInput,\n    allowEmptyValue,\n    onCancel,\n    minuteIncrement = 1,\n    incrementOnlySelected,\n    onEnterKeyPress,\n    onChange,\n    onClick,\n  }: IInputHours,\n  inputRef: RefObject<HTMLInputElement | null>\n) => {\n  const [currentValue, setCurrentValue] = useState(() =>\n    decimalToHours(value, withLeadingZero)\n  );\n  const [prevValue, setPrevValue] = useState(() =>\n    decimalToHours(value, withLeadingZero)\n  );\n\n  const escapeRef = useRef(false);\n\n  const handleBlur = useCallback(\n    (e) => {\n      if (escapeRef.current) {\n        setCurrentValue(prevValue);\n      } else {\n        if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n          const _value = decimalToHours(e.target.value, withLeadingZero);\n          setPrevValue(_value);\n          setCurrentValue(_value);\n          typeof onSave === \"function\" && onSave(e);\n        } else {\n          if (!allowEmptyValue) {\n            setCurrentValue(prevValue);\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    },\n    [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]\n  );\n\n  const handleIncrementDecrement = useCallback(\n    (increment: boolean) => {\n      if (inputRef.current) {\n        const selectionStart = inputRef.current.selectionStart;\n        if (selectionStart !== null) {\n          const dotsIndex = currentValue.indexOf(\":\");\n          const [hours, minutes] = currentValue.split(\":\").map(Number);\n          let newHours = hours;\n          let newMinutes = minutes;\n\n          if (selectionStart < dotsIndex) {\n            if (increment) {\n              newHours += 1;\n            } else {\n              newHours -= 1;\n              if (newHours < 0) newHours = 0;\n            }\n          } else if (selectionStart > dotsIndex) {\n            if (increment) {\n              newMinutes += minuteIncrement;\n              if (newMinutes > 59) {\n                newMinutes = 0;\n                if (!incrementOnlySelected) newHours += 1;\n              }\n            } else {\n              if (newMinutes >= minuteIncrement || newMinutes === 0) {\n                newMinutes -= minuteIncrement;\n                if (newMinutes < 0 && newHours > 0) {\n                  newMinutes = 60 - minuteIncrement;\n                  if (!incrementOnlySelected) newHours -= 1;\n                }\n                if (newHours < 0) {\n                  newHours = 0;\n                }\n              } else {\n                newMinutes = 0;\n              }\n            }\n          }\n\n          const newMinutesString =\n            newMinutes < 10 ? `0${newMinutes}` : newMinutes;\n          const newHoursString =\n            withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;\n          const newValue = `${newHoursString}:${newMinutesString}`;\n\n          if (validation(newValue, withLeadingZero)) {\n            setCurrentValue(newValue);\n\n            if (onChange) onChange(newValue);\n\n            requestAnimationFrame(() => {\n              const newDotsIndex = newValue.indexOf(\":\");\n              const isHoursSelected = selectionStart < newDotsIndex;\n              const newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;\n              const selectionEnd = isHoursSelected\n                ? newDotsIndex\n                : newValue.length;\n              inputRef.current?.setSelectionRange(\n                newSelectionStart,\n                selectionEnd\n              );\n            });\n          }\n        }\n      }\n    },\n    [\n      currentValue,\n      incrementOnlySelected,\n      inputRef,\n      minuteIncrement,\n      onChange,\n      validation,\n      withLeadingZero,\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 === \"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      const input = e.target;\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      const currentValue = input.value;\n      if (e.key === \"Tab\") {\n        if (start !== end) {\n          if (e.shiftKey) {\n            const newDotsIndex = currentValue.indexOf(\":\");\n            const isMinutesSelected = start > newDotsIndex;\n            if (isMinutesSelected) {\n              e.preventDefault();\n              inputRef.current?.setSelectionRange(0, newDotsIndex);\n            }\n          } else {\n            const newDotsIndex = currentValue.indexOf(\":\");\n            const isHoursSelected = start < newDotsIndex;\n            if (isHoursSelected) {\n              e.preventDefault();\n              inputRef.current?.setSelectionRange(\n                newDotsIndex + 1,\n                currentValue.length\n              );\n            }\n          }\n        }\n        return;\n      }\n\n      if (start !== end) {\n        if (e.key === \"ArrowUp\") {\n          handleIncrementDecrement(true);\n          return;\n        }\n        if (e.key === \"ArrowDown\") {\n          handleIncrementDecrement(false);\n          return;\n        }\n        const newValue =\n          currentValue.substring(0, start) +\n          e.key +\n          currentValue.substring(end);\n        if (!validation(newValue, withLeadingZero)) {\n          e.preventDefault();\n          return;\n        }\n      } else {\n        const newValue =\n          currentValue.substring(0, start) +\n          e.key +\n          currentValue.substring(end);\n\n        if (!validation(newValue, withLeadingZero)) {\n          e.preventDefault();\n          return;\n        }\n      }\n    },\n    [\n      handleIncrementDecrement,\n      inputRef,\n      onCancel,\n      onEnterKeyPress,\n      validation,\n      withLeadingZero,\n    ]\n  );\n\n  const handleChange = useCallback(\n    (e) => {\n      setCurrentValue(e.target.value);\n      if (onChange) onChange(e.target.value);\n    },\n    [onChange]\n  );\n\n  const handleClick = useCallback(\n    (e) => {\n      const selectionStart = inputRef.current?.selectionStart;\n      if (\n        inputRef.current &&\n        currentValue &&\n        currentValue.length > 0 &&\n        typeof selectionStart === \"number\"\n      ) {\n        const dotsIndex = currentValue.indexOf(\":\");\n        if (selectionStart < dotsIndex) {\n          inputRef.current?.setSelectionRange(0, dotsIndex);\n        } else if (selectionStart >= dotsIndex) {\n          inputRef.current?.setSelectionRange(\n            dotsIndex + 1,\n            currentValue.length\n          );\n        }\n      }\n\n      if (typeof onClick === \"function\") {\n        onClick(e);\n      }\n    },\n    [currentValue, inputRef, onClick]\n  );\n\n  const handleDoubleClick = useCallback(() => {\n    if (inputRef.current) {\n      inputRef.current?.select();\n    }\n  }, [inputRef]);\n\n  const inputProps = useMemo(() => {\n    return {\n      value: currentValue,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      onChange: handleChange,\n      onClick: handleClick,\n      onDoubleClick: handleDoubleClick,\n    };\n  }, [\n    currentValue,\n    handleBlur,\n    handleChange,\n    handleClick,\n    handleDoubleClick,\n    handleKeyDown,\n  ]);\n\n  return {\n    inputProps,\n    setCurrentValue,\n    setPrevValue,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useInputHours.js","names":["_react","require","_utils","useInputHours","_ref","inputRef","value","withLeadingZero","onSave","validation","validateTimeInput","allowEmptyValue","onCancel","minuteIncrement","incrementOnlySelected","onEnterKeyPress","onChange","onClick","currentValue","setCurrentValue","useState","decimalToHours","prevValue","setPrevValue","escapeRef","useRef","handleBlur","useCallback","e","current","target","trim","length","_value","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","hours","minutes","split","map","Number","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","select","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","inputProps","useMemo","onBlur","onKeyDown","onDoubleClick","exports"],"sources":["../../../src/hooks/useInputHours.tsx"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  MouseEvent,\n} from \"react\";\nimport { decimalToHours } from \"../utils\";\nimport { validateTimeInput } from \"../utils\";\n\nexport interface IInputHours {\n  value?: string | number;\n  withLeadingZero?: boolean;\n  onSave?: (e: Event) => void;\n  validation?: (...args) => boolean;\n  allowEmptyValue?: boolean;\n  onCancel?: (e: Event) => void;\n  minuteIncrement?: number;\n  incrementOnlySelected?: boolean;\n  onEnterKeyPress?: (val: string) => void;\n  onChange?: (val: string) => void;\n  onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n}\n\nexport const useInputHours = (\n  {\n    value,\n    withLeadingZero,\n    onSave,\n    validation = validateTimeInput,\n    allowEmptyValue,\n    onCancel,\n    minuteIncrement = 1,\n    incrementOnlySelected,\n    onEnterKeyPress,\n    onChange,\n    onClick,\n  }: IInputHours,\n  inputRef: RefObject<HTMLInputElement | null>\n) => {\n  const [currentValue, setCurrentValue] = useState(() =>\n    decimalToHours(value, withLeadingZero)\n  );\n  const [prevValue, setPrevValue] = useState(() =>\n    decimalToHours(value, withLeadingZero)\n  );\n\n  const escapeRef = useRef(false);\n\n  const handleBlur = useCallback(\n    (e) => {\n      if (escapeRef.current) {\n        setCurrentValue(prevValue);\n      } else {\n        if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n          const _value = decimalToHours(e.target.value, withLeadingZero);\n          setPrevValue(_value);\n          setCurrentValue(_value);\n          typeof onSave === \"function\" && onSave(e);\n        } else {\n          if (!allowEmptyValue) {\n            setCurrentValue(prevValue);\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    },\n    [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]\n  );\n\n  const handleIncrementDecrement = useCallback(\n    (increment: boolean) => {\n      if (inputRef.current) {\n        const selectionStart = inputRef.current.selectionStart;\n        if (selectionStart !== null) {\n          const dotsIndex = currentValue.indexOf(\":\");\n          const [hours, minutes] = currentValue.split(\":\").map(Number);\n          let newHours = hours;\n          let newMinutes = minutes;\n\n          if (selectionStart < dotsIndex) {\n            if (increment) {\n              newHours += 1;\n            } else {\n              newHours -= 1;\n              if (newHours < 0) newHours = 0;\n            }\n          } else if (selectionStart > dotsIndex) {\n            if (increment) {\n              newMinutes += minuteIncrement;\n              if (newMinutes > 59) {\n                newMinutes = 0;\n                if (!incrementOnlySelected) newHours += 1;\n              }\n            } else {\n              if (newMinutes >= minuteIncrement || newMinutes === 0) {\n                newMinutes -= minuteIncrement;\n                if (newMinutes < 0 && newHours > 0) {\n                  newMinutes = 60 - minuteIncrement;\n                  if (!incrementOnlySelected) newHours -= 1;\n                }\n                if (newHours < 0) {\n                  newHours = 0;\n                }\n              } else {\n                newMinutes = 0;\n              }\n            }\n          }\n\n          const newMinutesString =\n            newMinutes < 10 ? `0${newMinutes}` : newMinutes;\n          const newHoursString =\n            withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;\n          const newValue = `${newHoursString}:${newMinutesString}`;\n\n          if (validation(newValue, withLeadingZero)) {\n            setCurrentValue(newValue);\n\n            if (onChange) onChange(newValue);\n\n            requestAnimationFrame(() => {\n              const newDotsIndex = newValue.indexOf(\":\");\n              const isHoursSelected = selectionStart < newDotsIndex;\n              const newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;\n              const selectionEnd = isHoursSelected\n                ? newDotsIndex\n                : newValue.length;\n              inputRef.current?.setSelectionRange(\n                newSelectionStart,\n                selectionEnd\n              );\n            });\n          }\n        }\n      }\n    },\n    [\n      currentValue,\n      incrementOnlySelected,\n      inputRef,\n      minuteIncrement,\n      onChange,\n      validation,\n      withLeadingZero,\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 === \"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      const input = e.target;\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      const currentValue = input.value;\n      if (e.key === \"Tab\") {\n        if (start !== end) {\n          if (e.shiftKey) {\n            const newDotsIndex = currentValue.indexOf(\":\");\n            const isMinutesSelected = start > newDotsIndex;\n            if (isMinutesSelected) {\n              e.preventDefault();\n              inputRef.current?.setSelectionRange(0, newDotsIndex);\n            }\n          } else {\n            const newDotsIndex = currentValue.indexOf(\":\");\n            const isHoursSelected = start < newDotsIndex;\n            if (isHoursSelected) {\n              e.preventDefault();\n              inputRef.current?.setSelectionRange(\n                newDotsIndex + 1,\n                currentValue.length\n              );\n            }\n          }\n        }\n        return;\n      }\n\n      if (start !== end) {\n        if (e.key === \"ArrowUp\") {\n          handleIncrementDecrement(true);\n          return;\n        }\n        if (e.key === \"ArrowDown\") {\n          handleIncrementDecrement(false);\n          return;\n        }\n        const newValue =\n          currentValue.substring(0, start) +\n          e.key +\n          currentValue.substring(end);\n        if (!validation(newValue, withLeadingZero)) {\n          e.preventDefault();\n          return;\n        }\n      } else {\n        const newValue =\n          currentValue.substring(0, start) +\n          e.key +\n          currentValue.substring(end);\n\n        if (!validation(newValue, withLeadingZero)) {\n          e.preventDefault();\n          return;\n        }\n      }\n    },\n    [\n      handleIncrementDecrement,\n      inputRef,\n      onCancel,\n      onEnterKeyPress,\n      validation,\n      withLeadingZero,\n    ]\n  );\n\n  const handleChange = useCallback(\n    (e) => {\n      setCurrentValue(e.target.value);\n      if (onChange) onChange(e.target.value);\n    },\n    [onChange]\n  );\n\n  const handleClick = useCallback(\n    (e) => {\n      const selectionStart = inputRef.current?.selectionStart;\n      if (\n        inputRef.current &&\n        currentValue &&\n        currentValue.length > 0 &&\n        typeof selectionStart === \"number\"\n      ) {\n        const dotsIndex = currentValue.indexOf(\":\");\n        if (selectionStart < dotsIndex) {\n          inputRef.current?.setSelectionRange(0, dotsIndex);\n        } else if (selectionStart >= dotsIndex) {\n          inputRef.current?.setSelectionRange(\n            dotsIndex + 1,\n            currentValue.length\n          );\n        }\n      }\n\n      if (typeof onClick === \"function\") {\n        onClick(e);\n      }\n    },\n    [currentValue, inputRef, onClick]\n  );\n\n  const handleDoubleClick = useCallback(() => {\n    if (inputRef.current) {\n      inputRef.current?.select();\n    }\n  }, [inputRef]);\n\n  const inputProps = useMemo(() => {\n    return {\n      value: currentValue,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      onChange: handleChange,\n      onClick: handleClick,\n      onDoubleClick: handleDoubleClick,\n    };\n  }, [\n    currentValue,\n    handleBlur,\n    handleChange,\n    handleClick,\n    handleDoubleClick,\n    handleKeyDown,\n  ]);\n\n  return {\n    inputProps,\n    setCurrentValue,\n    setPrevValue,\n  };\n};\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { ChangeEventHandler, KeyboardEventHandler, FocusEventHandler, MutableRefObject } from "react";
 import type { InputProps } from "../components";
-export declare type Separators = "." | ",";
+export type Separators = "." | ",";
 export interface InputNumberProps extends InputProps {
     decimalLength?: number;
     decimalSeparator?: Separators;

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

@@ -1 +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;CA8KxC,CAAC"}
+{"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,MAAM,MAAM,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;CA8KxC,CAAC"}

package/dist/esm/hooks/useInputNumber.js

@@ -1,49 +1,52 @@
-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 startValue = disableAbbreviation ? value : formatCurrency(value, thousandSeparator);
-  var _useState = useState(startValue),
-    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() {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInputNumber = void 0;
+var _react = require("react");
+var _currencyUtils = require("../utils/currencyUtils");
+// https://www.youtube.com/watch?v=2AilA-M6N5U
+// @TODO: Pitati foo za testove.
+
+const useInputNumber = (_ref, ref) => {
+  let {
+    decimalSeparator = ".",
+    thousandSeparator = ",",
+    disableAbbreviation,
+    disableMacros,
+    decimalLength,
+    value,
+    onValueChange,
+    onKeyDown,
+    onBlur,
+    onFocus,
+    step
+  } = _ref;
+  const startValue = disableAbbreviation ? value : (0, _currencyUtils.formatCurrency)(value, thousandSeparator);
+  const [formattedValue, setFormatted] = (0, _react.useState)(startValue);
+  const [rootValue, setRootValue] = (0, _react.useState)(value);
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const handleInputBlur = () => {
     if (ref && ref.current) {
       ref.current.blur();
     }
   };
-  var handleSelect = function handleSelect() {
+  const handleSelect = () => {
     if (ref && ref.current) {
       ref.current.select();
     }
   };
-  var handleChange = function handleChange(e) {
-    var inputValue = e.target.value;
-    var isValidInput = false;
+  const handleChange = e => {
+    const inputValue = e.target.value;
+    let 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();
+    const numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {
+      return (parseFloat(num) * _currencyUtils.currencyMultiplier[unit.toLowerCase()]).toString();
     });
-    var regexString = "^(-?\\d{0,9}(?:[" + thousandSeparator + "]?\\d{0,3})*(?:\\" + decimalSeparator + "\\d{0," + decimalLength + "})?)?$";
+    const regexString = `^(-?\\d{0,9}(?:[${thousandSeparator}]?\\d{0,3})*(?:\\${decimalSeparator}\\d{0,${decimalLength}})?)?$`;
     if (thousandSeparator === ",") {
       isValidInput = new RegExp(regexString).test(numericInput);
     }
@@ -56,9 +59,9 @@ export var useInputNumber = function useInputNumber(_ref, ref) {
     setFormatted(numericInput);
     onValueChange && onValueChange(numericInput);
   };
-  var handleKeyDown = function handleKeyDown(e) {
-    var key = e.key;
-    var _step = parseFloat(String(step));
+  const handleKeyDown = e => {
+    const key = e.key;
+    const _step = parseFloat(String(step));
     if (key === "Escape") {
       handleInputBlur();
     }
@@ -78,26 +81,26 @@ export var useInputNumber = function useInputNumber(_ref, ref) {
     }
     onKeyDown && onKeyDown(e);
   };
-  var handleBlur = function handleBlur(e) {
+  const handleBlur = e => {
     if (disableAbbreviation) {
       setFormatted(formattedValue);
     } else {
-      setFormatted(formatCurrency(formattedValue, thousandSeparator));
+      setFormatted((0, _currencyUtils.formatCurrency)(formattedValue, thousandSeparator));
     }
     setRootValue(formattedValue);
     setFocused(false);
     onBlur && onBlur(e);
   };
-  var handleFocus = function handleFocus(e) {
+  const 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, "");
+  const updateValue = (type, step) => {
+    const value = String(formattedValue);
+    let decimalPart = "";
+    let increasedValue = 0;
+    let nonDecimalPart = value.replaceAll(thousandSeparator, "");
     if (!value) {
       return;
     }
@@ -115,18 +118,19 @@ export var useInputNumber = function useInputNumber(_ref, ref) {
     if (value.includes(decimalSeparator)) {
       increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
     }
-    var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
+    const joinedValue = (0, _currencyUtils.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
+    focused,
+    formattedValue,
+    rootValue,
+    handleChange,
+    handleKeyDown,
+    handleBlur,
+    handleFocus,
+    onValueChange
   };
 };
+exports.useInputNumber = useInputNumber;
 //# sourceMappingURL=useInputNumber.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInputNumber.js","names":["useState","currencyMultiplier","formatCurrency","numberWithSeparator","useInputNumber","ref","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onValueChange","onKeyDown","onBlur","onFocus","step","startValue","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 startValue = disableAbbreviation\n    ? value\n    : formatCurrency(value as string, thousandSeparator);\n  const [formattedValue, setFormatted] = useState(startValue);\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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"}
+{"version":3,"file":"useInputNumber.js","names":["_react","require","_currencyUtils","useInputNumber","_ref","ref","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onValueChange","onKeyDown","onBlur","onFocus","step","startValue","formatCurrency","formattedValue","setFormatted","useState","rootValue","setRootValue","focused","setFocused","handleInputBlur","current","blur","handleSelect","select","handleChange","e","inputValue","target","isValidInput","startsWith","numericInput","replace","_","num","unit","parseFloat","currencyMultiplier","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","numberWithSeparator","exports"],"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 startValue = disableAbbreviation\n    ? value\n    : formatCurrency(value as string, thousandSeparator);\n  const [formattedValue, setFormatted] = useState(startValue);\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/hooks/useIsFirstRender.js

@@ -1,10 +1,17 @@
-import { useRef } from "react";
-export var useIsFirstRender = function useIsFirstRender() {
-  var isFirst = useRef(true);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsFirstRender = void 0;
+var _react = require("react");
+const useIsFirstRender = () => {
+  const isFirst = (0, _react.useRef)(true);
   if (isFirst.current) {
     isFirst.current = false;
     return true;
   }
   return isFirst.current;
 };
+exports.useIsFirstRender = useIsFirstRender;
 //# sourceMappingURL=useIsFirstRender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useIsFirstRender.js","names":["useRef","useIsFirstRender","isFirst","current"],"sources":["../../../src/hooks/useIsFirstRender.ts"],"sourcesContent":["import { useRef } from \"react\";\n\nexport const useIsFirstRender = () => {\n  const isFirst = useRef(true);\n  if (isFirst.current) {\n    isFirst.current = false;\n\n    return true;\n  }\n\n  return isFirst.current;\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,OAAO;AAE9B,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EACpC,IAAMC,OAAO,GAAGF,MAAM,CAAC,IAAI,CAAC;EAC5B,IAAIE,OAAO,CAACC,OAAO,EAAE;IACnBD,OAAO,CAACC,OAAO,GAAG,KAAK;IAEvB,OAAO,IAAI;EACb;EAEA,OAAOD,OAAO,CAACC,OAAO;AACxB,CAAC"}
+{"version":3,"file":"useIsFirstRender.js","names":["_react","require","useIsFirstRender","isFirst","useRef","current","exports"],"sources":["../../../src/hooks/useIsFirstRender.ts"],"sourcesContent":["import { useRef } from \"react\";\n\nexport const useIsFirstRender = () => {\n  const isFirst = useRef(true);\n  if (isFirst.current) {\n    isFirst.current = false;\n\n    return true;\n  }\n\n  return isFirst.current;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,IAAID,OAAO,CAACE,OAAO,EAAE;IACnBF,OAAO,CAACE,OAAO,GAAG,KAAK;IAEvB,OAAO,IAAI;EACb;EAEA,OAAOF,OAAO,CAACE,OAAO;AACxB,CAAC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA"}

package/dist/esm/hooks/useOnClickOutside.js

@@ -1,7 +1,13 @@
-import { useEffect } from "react";
-export function useOnClickOutside(ref, handler) {
-  useEffect(function () {
-    var listener = function listener(event) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnClickOutside = useOnClickOutside;
+var _react = require("react");
+function useOnClickOutside(ref, handler) {
+  (0, _react.useEffect)(() => {
+    const listener = event => {
       // Do nothing if clicking ref's element or descendent elements
       if (!ref.current || ref.current.contains(event.target)) {
         return;
@@ -10,7 +16,7 @@ export function useOnClickOutside(ref, handler) {
     };
     document.addEventListener("mousedown", listener);
     document.addEventListener("touchstart", listener);
-    return function () {
+    return () => {
       document.removeEventListener("mousedown", listener);
       document.removeEventListener("touchstart", listener);
     };