@activecollab/components 1.0.414 → 2.0.0

package/dist/cjs/hooks/useInputHours.js

@@ -6,45 +6,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.useInputHours = void 0;
 var _react = require("react");
 var _utils = require("../utils");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 ? _utils.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 = (0, _react.useState)(function () {
-      return (0, _utils.decimalToHours)(value, withLeadingZero);
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentValue = _useState2[0],
-    setCurrentValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(function () {
-      return (0, _utils.decimalToHours)(value, withLeadingZero);
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    prevValue = _useState4[0],
-    setPrevValue = _useState4[1];
-  var escapeRef = (0, _react.useRef)(false);
-  var handleBlur = (0, _react.useCallback)(function (e) {
+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 = (0, _utils.decimalToHours)(e.target.value, withLeadingZero);
+        const _value = (0, _utils.decimalToHours)(e.target.value, withLeadingZero);
         setPrevValue(_value);
         setCurrentValue(_value);
         typeof onSave === "function" && onSave(e);
@@ -62,17 +46,14 @@ var useInputHours = function useInputHours(_ref, inputRef) {
       }
     }
   }, [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]);
-  var handleIncrementDecrement = (0, _react.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),
-          _currentValue$split$m2 = _slicedToArray(_currentValue$split$m, 2),
-          hours = _currentValue$split$m2[0],
-          minutes = _currentValue$split$m2[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;
@@ -102,25 +83,24 @@ var useInputHours = function useInputHours(_ref, inputRef) {
             }
           }
         }
-        var newMinutesString = newMinutes < 10 ? "0".concat(newMinutes) : newMinutes;
-        var newHoursString = withLeadingZero && newHours < 10 ? "0".concat(newHours) : newHours;
-        var newValue = "".concat(newHoursString, ":").concat(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 || _inputRef$current === void 0 ? 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 = (0, _react.useCallback)(function (e) {
+  const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === "Enter") {
       e.target.blur();
       if (typeof onEnterKeyPress === "function") onEnterKeyPress(e.target.value);
@@ -141,31 +121,28 @@ var useInputHours = function useInputHours(_ref, inputRef) {
       return;
     }
     if ((e.metaKey || e.ctrlKey) && e.key === "a") {
-      var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? 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 || _inputRef$current3 === void 0 ? 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 || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.setSelectionRange(_newDotsIndex + 1, currentValue.length);
+            inputRef.current?.setSelectionRange(newDotsIndex + 1, currentValue.length);
           }
         }
       }
@@ -180,47 +157,43 @@ 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 = (0, _react.useCallback)(function (e) {
+  const handleChange = (0, _react.useCallback)(e => {
     setCurrentValue(e.target.value);
     if (onChange) onChange(e.target.value);
   }, [onChange]);
-  var handleClick = (0, _react.useCallback)(function (e) {
-    var _inputRef$current5;
-    var selectionStart = (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? 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 || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.setSelectionRange(0, dotsIndex);
+        inputRef.current?.setSelectionRange(0, dotsIndex);
       } else if (selectionStart >= dotsIndex) {
-        var _inputRef$current7;
-        (_inputRef$current7 = inputRef.current) === null || _inputRef$current7 === void 0 ? 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 = (0, _react.useCallback)(function () {
+  const handleDoubleClick = (0, _react.useCallback)(() => {
     if (inputRef.current) {
-      var _inputRef$current8;
-      (_inputRef$current8 = inputRef.current) === null || _inputRef$current8 === void 0 ? void 0 : _inputRef$current8.select();
+      inputRef.current?.select();
     }
   }, [inputRef]);
-  var inputProps = (0, _react.useMemo)(function () {
+  const inputProps = (0, _react.useMemo)(() => {
     return {
       value: currentValue,
       onBlur: handleBlur,
@@ -231,9 +204,9 @@ 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;

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

@@ -1 +1 @@
-{"version":3,"file":"useInputHours.js","names":["useInputHours","inputRef","value","withLeadingZero","onSave","validation","validateTimeInput","allowEmptyValue","onCancel","minuteIncrement","incrementOnlySelected","onEnterKeyPress","onChange","onClick","useState","decimalToHours","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","useRef","handleBlur","useCallback","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","useMemo","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/cjs/hooks/useInputNumber.js

@@ -6,58 +6,47 @@ Object.defineProperty(exports, "__esModule", {
 exports.useInputNumber = void 0;
 var _react = require("react");
 var _currencyUtils = require("../utils/currencyUtils");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 = (0, _react.useState)(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    formattedValue = _useState2[0],
-    setFormatted = _useState2[1];
-  var _useState3 = (0, _react.useState)(value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    rootValue = _useState4[0],
-    setRootValue = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    focused = _useState6[0],
-    setFocused = _useState6[1];
-  var handleInputBlur = function handleInputBlur() {
+// 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) {
+    const numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {
       return (parseFloat(num) * _currencyUtils.currencyMultiplier[unit.toLowerCase()]).toString();
     });
-    var regexString = "^(-?\\d{0,9}(?:[".concat(thousandSeparator, "]?\\d{0,3})*(?:\\").concat(decimalSeparator, "\\d{0,").concat(decimalLength, "})?)?$");
+    const regexString = `^(-?\\d{0,9}(?:[${thousandSeparator}]?\\d{0,3})*(?:\\${decimalSeparator}\\d{0,${decimalLength}})?)?$`;
     if (thousandSeparator === ",") {
       isValidInput = new RegExp(regexString).test(numericInput);
     }
@@ -70,9 +59,9 @@ 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();
     }
@@ -92,7 +81,7 @@ var useInputNumber = function useInputNumber(_ref, ref) {
     }
     onKeyDown && onKeyDown(e);
   };
-  var handleBlur = function handleBlur(e) {
+  const handleBlur = e => {
     if (disableAbbreviation) {
       setFormatted(formattedValue);
     } else {
@@ -102,16 +91,16 @@ var useInputNumber = function useInputNumber(_ref, ref) {
     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;
     }
@@ -129,18 +118,18 @@ var useInputNumber = function useInputNumber(_ref, ref) {
     if (value.includes(decimalSeparator)) {
       increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
     }
-    var joinedValue = (0, _currencyUtils.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;

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

@@ -1 +1 @@
-{"version":3,"file":"useInputNumber.js","names":["useInputNumber","ref","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onValueChange","onKeyDown","onBlur","onFocus","step","useState","formattedValue","setFormatted","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","formatCurrency","handleFocus","type","decimalPart","increasedValue","nonDecimalPart","replaceAll","includes","slice","indexOf","toFixed","joinedValue","numberWithSeparator"],"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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"}
+{"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/cjs/hooks/useIsFirstRender.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useIsFirstRender = void 0;
 var _react = require("react");
-var useIsFirstRender = function useIsFirstRender() {
-  var isFirst = (0, _react.useRef)(true);
+const useIsFirstRender = () => {
+  const isFirst = (0, _react.useRef)(true);
   if (isFirst.current) {
     isFirst.current = false;
     return true;

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

@@ -1 +1 @@
-{"version":3,"file":"useIsFirstRender.js","names":["useIsFirstRender","isFirst","useRef","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;AAEO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EACpC,IAAMC,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;AAAC"}
+{"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/cjs/hooks/useOnClickOutside.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useOnClickOutside = useOnClickOutside;
 var _react = require("react");
 function useOnClickOutside(ref, handler) {
-  (0, _react.useEffect)(function () {
-    var listener = function listener(event) {
+  (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;
@@ -16,7 +16,7 @@ function useOnClickOutside(ref, handler) {
     };
     document.addEventListener("mousedown", listener);
     document.addEventListener("touchstart", listener);
-    return function () {
+    return () => {
       document.removeEventListener("mousedown", listener);
       document.removeEventListener("touchstart", listener);
     };

package/dist/cjs/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnClickOutside.js","names":["useOnClickOutside","ref","handler","useEffect","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnClickOutside.tsx"],"sourcesContent":["import { RefObject, useEffect } from \"react\";\n\nexport function useOnClickOutside<T extends HTMLElement>(\n  ref: RefObject<T>,\n  handler: (e: MouseEvent) => void\n) {\n  useEffect(\n    () => {\n      const listener = (event) => {\n        // Do nothing if clicking ref's element or descendent elements\n        if (!ref.current || ref.current.contains(event.target)) {\n          return;\n        }\n        handler(event);\n      };\n      document.addEventListener(\"mousedown\", listener);\n      document.addEventListener(\"touchstart\", listener);\n      return () => {\n        document.removeEventListener(\"mousedown\", listener);\n        document.removeEventListener(\"touchstart\", listener);\n      };\n    },\n    // Add ref and handler to effect dependencies\n    // It's worth noting that because passed in handler is a new ...\n    // ... function on every render that will cause this effect ...\n    // ... callback/cleanup to run every render. It's not a big deal ...\n    // ... but to optimize you can wrap handler in useCallback before ...\n    // ... passing it into this hook.\n    [ref, handler]\n  );\n}\n"],"mappings":";;;;;;AAAA;AAEO,SAASA,iBAAiB,CAC/BC,GAAiB,EACjBC,OAAgC,EAChC;EACA,IAAAC,gBAAS,EACP,YAAM;IACJ,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAK,EAAK;MAC1B;MACA,IAAI,CAACJ,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,EAAE;QACtD;MACF;MACAN,OAAO,CAACG,KAAK,CAAC;IAChB,CAAC;IACDI,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,QAAQ,CAAC;IAChDK,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEN,QAAQ,CAAC;IACjD,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,QAAQ,CAAC;MACnDK,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEP,QAAQ,CAAC;IACtD,CAAC;EACH,CAAC;EACD;EACA;EACA;EACA;EACA;EACA;EACA,CAACH,GAAG,EAAEC,OAAO,CAAC,CACf;AACH"}
+{"version":3,"file":"useOnClickOutside.js","names":["_react","require","useOnClickOutside","ref","handler","useEffect","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnClickOutside.tsx"],"sourcesContent":["import { RefObject, useEffect } from \"react\";\n\nexport function useOnClickOutside<T extends HTMLElement>(\n  ref: RefObject<T>,\n  handler: (e: MouseEvent) => void\n) {\n  useEffect(\n    () => {\n      const listener = (event) => {\n        // Do nothing if clicking ref's element or descendent elements\n        if (!ref.current || ref.current.contains(event.target)) {\n          return;\n        }\n        handler(event);\n      };\n      document.addEventListener(\"mousedown\", listener);\n      document.addEventListener(\"touchstart\", listener);\n      return () => {\n        document.removeEventListener(\"mousedown\", listener);\n        document.removeEventListener(\"touchstart\", listener);\n      };\n    },\n    // Add ref and handler to effect dependencies\n    // It's worth noting that because passed in handler is a new ...\n    // ... function on every render that will cause this effect ...\n    // ... callback/cleanup to run every render. It's not a big deal ...\n    // ... but to optimize you can wrap handler in useCallback before ...\n    // ... passing it into this hook.\n    [ref, handler]\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,iBAAiBA,CAC/BC,GAAiB,EACjBC,OAAgC,EAChC;EACA,IAAAC,gBAAS,EACP,MAAM;IACJ,MAAMC,QAAQ,GAAIC,KAAK,IAAK;MAC1B;MACA,IAAI,CAACJ,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,EAAE;QACtD;MACF;MACAN,OAAO,CAACG,KAAK,CAAC;IAChB,CAAC;IACDI,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,QAAQ,CAAC;IAChDK,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEN,QAAQ,CAAC;IACjD,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,QAAQ,CAAC;MACnDK,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEP,QAAQ,CAAC;IACtD,CAAC;EACH,CAAC;EACD;EACA;EACA;EACA;EACA;EACA;EACA,CAACH,GAAG,EAAEC,OAAO,CACf,CAAC;AACH"}

package/dist/cjs/hooks/usePosition.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var Position = function Position(targetTop, targetBottom, targetLeft, targetRight, contentHeight, contentWidth) {
-  var windowHeight = window.innerHeight;
-  var windowWidth = window.innerWidth;
-  var repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;
-  var repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;
+const Position = (targetTop, targetBottom, targetLeft, targetRight, contentHeight, contentWidth) => {
+  const windowHeight = window.innerHeight;
+  const windowWidth = window.innerWidth;
+  let repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;
+  let repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;
   function handleY() {
     if (targetBottom + contentHeight + 6 < windowHeight) {
       repositionY = targetBottom + 6;
@@ -85,6 +85,5 @@ var Position = function Position(targetTop, targetBottom, targetLeft, targetRigh
     left: repositionX
   };
 };
-var _default = Position;
-exports.default = _default;
+var _default = exports.default = Position;
 //# sourceMappingURL=usePosition.js.map