npm - @activecollab/components - Versions diffs - 2.0.89 → 2.0.91 - Mend

@activecollab/components 2.0.89 → 2.0.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1240) hide show

package/dist/esm/hooks/useInputHours.js CHANGED Viewed

@@ -1,17 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useInputHours = void 0;
-var _react = require("react");
-var _utils = require("../utils");
-const useInputHours = (_ref, inputRef) => {
+import { useCallback, useMemo, useRef, useState } from "react";
+import { decimalToHours } from "../utils";
+import { validateTimeInput } from "../utils";
+export const useInputHours = (_ref, inputRef) => {
   let {
     value,
     withLeadingZero,
     onSave,
-    validation = _utils.validateTimeInput,
+    validation = validateTimeInput,
     allowEmptyValue,
     onCancel,
     minuteIncrement = 1,
@@ -20,15 +15,15 @@ const useInputHours = (_ref, inputRef) => {
     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 => {
+  const [currentValue, setCurrentValue] = useState(() => decimalToHours(value, withLeadingZero));
+  const [prevValue, setPrevValue] = useState(() => decimalToHours(value, withLeadingZero));
+  const escapeRef = useRef(false);
+  const handleBlur = useCallback(e => {
     if (escapeRef.current) {
       setCurrentValue(prevValue);
     } else {
       if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-        const _value = (0, _utils.decimalToHours)(e.target.value, withLeadingZero);
+        const _value = decimalToHours(e.target.value, withLeadingZero);
         setPrevValue(_value);
         setCurrentValue(_value);
         typeof onSave === "function" && onSave(e);
@@ -46,7 +41,7 @@ const useInputHours = (_ref, inputRef) => {
       }
     }
   }, [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]);
-  const handleIncrementDecrement = (0, _react.useCallback)(increment => {
+  const handleIncrementDecrement = useCallback(increment => {
     if (inputRef.current) {
       const selectionStart = inputRef.current.selectionStart;
       if (selectionStart !== null) {
@@ -83,24 +78,25 @@ const useInputHours = (_ref, inputRef) => {
             }
           }
         }
-        const newMinutesString = newMinutes < 10 ? `0${newMinutes}` : newMinutes;
-        const newHoursString = withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;
-        const 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(() => {
+            var _inputRef$current;
             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);
+            (_inputRef$current = inputRef.current) == null || _inputRef$current.setSelectionRange(newSelectionStart, selectionEnd);
           });
         }
       }
     }
   }, [currentValue, incrementOnlySelected, inputRef, minuteIncrement, onChange, validation, withLeadingZero]);
-  const handleKeyDown = (0, _react.useCallback)(e => {
+  const handleKeyDown = useCallback(e => {
     if (e.key === "Enter") {
       e.target.blur();
       if (typeof onEnterKeyPress === "function") onEnterKeyPress(e.target.value);
@@ -121,7 +117,8 @@ const useInputHours = (_ref, inputRef) => {
       return;
     }
     if ((e.metaKey || e.ctrlKey) && e.key === "a") {
-      inputRef.current?.select();
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.select();
       return;
     }
     const input = e.target;
@@ -134,15 +131,17 @@ const useInputHours = (_ref, inputRef) => {
           const newDotsIndex = currentValue.indexOf(":");
           const isMinutesSelected = start > newDotsIndex;
           if (isMinutesSelected) {
+            var _inputRef$current3;
             e.preventDefault();
-            inputRef.current?.setSelectionRange(0, newDotsIndex);
+            (_inputRef$current3 = inputRef.current) == null || _inputRef$current3.setSelectionRange(0, newDotsIndex);
           }
         } else {
           const newDotsIndex = currentValue.indexOf(":");
           const isHoursSelected = start < newDotsIndex;
           if (isHoursSelected) {
+            var _inputRef$current4;
             e.preventDefault();
-            inputRef.current?.setSelectionRange(newDotsIndex + 1, currentValue.length);
+            (_inputRef$current4 = inputRef.current) == null || _inputRef$current4.setSelectionRange(newDotsIndex + 1, currentValue.length);
           }
         }
       }
@@ -170,30 +169,34 @@ const useInputHours = (_ref, inputRef) => {
       }
     }
   }, [handleIncrementDecrement, inputRef, onCancel, onEnterKeyPress, validation, withLeadingZero]);
-  const handleChange = (0, _react.useCallback)(e => {
+  const handleChange = useCallback(e => {
     setCurrentValue(e.target.value);
     if (onChange) onChange(e.target.value);
   }, [onChange]);
-  const handleClick = (0, _react.useCallback)(e => {
-    const selectionStart = inputRef.current?.selectionStart;
+  const handleClick = useCallback(e => {
+    var _inputRef$current5;
+    const selectionStart = (_inputRef$current5 = inputRef.current) == null ? void 0 : _inputRef$current5.selectionStart;
     if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
       const dotsIndex = currentValue.indexOf(":");
       if (selectionStart < dotsIndex) {
-        inputRef.current?.setSelectionRange(0, dotsIndex);
+        var _inputRef$current6;
+        (_inputRef$current6 = inputRef.current) == null || _inputRef$current6.setSelectionRange(0, dotsIndex);
       } else if (selectionStart >= dotsIndex) {
-        inputRef.current?.setSelectionRange(dotsIndex + 1, currentValue.length);
+        var _inputRef$current7;
+        (_inputRef$current7 = inputRef.current) == null || _inputRef$current7.setSelectionRange(dotsIndex + 1, currentValue.length);
       }
     }
     if (typeof onClick === "function") {
       onClick(e);
     }
   }, [currentValue, inputRef, onClick]);
-  const handleDoubleClick = (0, _react.useCallback)(() => {
+  const handleDoubleClick = useCallback(() => {
     if (inputRef.current) {
-      inputRef.current?.select();
+      var _inputRef$current8;
+      (_inputRef$current8 = inputRef.current) == null || _inputRef$current8.select();
     }
   }, [inputRef]);
-  const inputProps = (0, _react.useMemo)(() => {
+  const inputProps = useMemo(() => {
     return {
       value: currentValue,
       onBlur: handleBlur,
@@ -209,5 +212,4 @@ const useInputHours = (_ref, inputRef) => {
     setPrevValue
   };
 };
-exports.useInputHours = useInputHours;
 //# sourceMappingURL=useInputHours.js.map

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

	@@ -1 +1 @@
1	- {"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\";\n\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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"}
1	+ {"version":3,"file":"useInputHours.js","names":["useCallback","useMemo","useRef","useState","decimalToHours","validateTimeInput","useInputHours","_ref","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","hours","minutes","split","map","Number","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","_inputRef$current","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","_inputRef$current2","select","input","start","end","shiftKey","isMinutesSelected","_inputRef$current3","preventDefault","_inputRef$current4","substring","handleChange","handleClick","_inputRef$current5","_inputRef$current6","_inputRef$current7","handleDoubleClick","_inputRef$current8","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\";\n\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.js CHANGED Viewed

@@ -1,13 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useInputNumber = void 0;
-var _react = require("react");
-var _utils = require("../utils");
-var _currencyUtils = require("../utils/currencyUtils");
-const useInputNumber = (_ref, inputRef) => {
+import { useState, useRef, useCallback, useMemo, useEffect } from "react";
+import { validateNumberInput } from "../utils";
+import { currencyMultiplier, formatNumber, numberWithSeparator } from "../utils/currencyUtils";
+export const useInputNumber = (_ref, inputRef) => {
   let {
     decimalSeparator = ".",
     thousandSeparator = ",",
@@ -23,28 +17,28 @@ const useInputNumber = (_ref, inputRef) => {
     allowEmptyValue,
     step = 1,
     limit,
-    validation = _utils.validateNumberInput
+    validation = validateNumberInput
   } = _ref;
-  const [currentValue, setCurrentValue] = (0, _react.useState)(() => disableAbbreviation ? value : (0, _currencyUtils.formatNumber)(value, thousandSeparator));
-  const [prevValue, setPrevValue] = (0, _react.useState)(() => disableAbbreviation ? value : (0, _currencyUtils.formatNumber)(value, thousandSeparator));
-  const [unformattedValue, setUnformattedValue] = (0, _react.useState)(() => value);
-  (0, _react.useEffect)(() => {
+  const [currentValue, setCurrentValue] = useState(() => disableAbbreviation ? value : formatNumber(value, thousandSeparator));
+  const [prevValue, setPrevValue] = useState(() => disableAbbreviation ? value : formatNumber(value, thousandSeparator));
+  const [unformattedValue, setUnformattedValue] = useState(() => value);
+  useEffect(() => {
     if (value !== prevValue) {
-      setCurrentValue(disableAbbreviation ? value : (0, _currencyUtils.formatNumber)(value, thousandSeparator));
-      setPrevValue(disableAbbreviation ? value : (0, _currencyUtils.formatNumber)(value, thousandSeparator));
+      setCurrentValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator));
+      setPrevValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator));
       setUnformattedValue(value);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [disableAbbreviation, thousandSeparator, value]);
-  const [focused, setFocused] = (0, _react.useState)(false);
-  const escapeRef = (0, _react.useRef)(false);
-  const handleBlur = (0, _react.useCallback)(e => {
+  const [focused, setFocused] = useState(false);
+  const escapeRef = useRef(false);
+  const handleBlur = useCallback(e => {
     if (escapeRef.current) {
       setCurrentValue(prevValue);
       setUnformattedValue(prevValue);
     } else {
       if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-        const _value = disableAbbreviation ? currentValue : (0, _currencyUtils.formatNumber)(currentValue, thousandSeparator);
+        const _value = disableAbbreviation ? currentValue : formatNumber(currentValue, thousandSeparator);
         setPrevValue(_value);
         setUnformattedValue(currentValue);
         setCurrentValue(_value);
@@ -65,7 +59,7 @@ const useInputNumber = (_ref, inputRef) => {
     }
     setFocused(false);
   }, [allowEmptyValue, disableAbbreviation, onCancel, onSave, prevValue, thousandSeparator, currentValue]);
-  const updateValue = (0, _react.useCallback)(type => {
+  const updateValue = useCallback(type => {
     const value = String(unformattedValue);
     let decimalPart = "";
     let increasedValue = 0;
@@ -87,11 +81,11 @@ const useInputNumber = (_ref, inputRef) => {
     if (value.includes(decimalSeparator)) {
       increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
     }
-    const joinedValue = (0, _currencyUtils.numberWithSeparator)(increasedValue, thousandSeparator, value.includes(thousandSeparator));
+    const joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
     setUnformattedValue(decimalPart ? joinedValue + decimalPart : joinedValue);
     setCurrentValue(decimalPart ? joinedValue + decimalPart : joinedValue);
   }, [decimalLength, decimalSeparator, step, thousandSeparator, unformattedValue]);
-  const handleKeyDown = (0, _react.useCallback)(e => {
+  const handleKeyDown = useCallback(e => {
     if (e.key === "Enter") {
       e.target.blur();
       if (typeof onEnterKeyPress === "function") onEnterKeyPress(e.target.value);
@@ -120,7 +114,8 @@ const useInputNumber = (_ref, inputRef) => {
       return;
     }
     if ((e.metaKey || e.ctrlKey) && e.key === "a") {
-      inputRef.current?.select();
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) == null || _inputRef$current.select();
       return;
     }
     if (e.key === "Tab") {
@@ -135,35 +130,36 @@ const useInputNumber = (_ref, inputRef) => {
     const start = input.selectionStart;
     const end = input.selectionEnd;
     const newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
-    if (!validation(newValue, Boolean(disableMacros), decimalSeparator, decimalLength ?? 0, limit)) {
+    if (!validation(newValue, Boolean(disableMacros), decimalSeparator, decimalLength != null ? decimalLength : 0, limit)) {
       e.preventDefault();
       return;
     }
   }, [decimalLength, decimalSeparator, disableMacros, inputRef, limit, onCancel, onEnterKeyPress, updateValue, validation]);
-  const handleChange = (0, _react.useCallback)(e => {
+  const handleChange = useCallback(e => {
     const inputValue = e.target.value;
     const numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {
-      return (parseFloat(num) * _currencyUtils.currencyMultiplier[unit.toLowerCase()]).toString();
+      return (parseFloat(num) * currencyMultiplier[unit.toLowerCase()]).toString();
     });
     setCurrentValue(numericInput);
     setUnformattedValue(numericInput);
     if (onChange) onChange(numericInput);
   }, [disableMacros, onChange]);
-  const handleClick = (0, _react.useCallback)(e => {
+  const handleClick = useCallback(e => {
     if (typeof onClick === "function") {
       onClick(e);
     }
   }, [onClick]);
-  const handleFocus = (0, _react.useCallback)(() => {
+  const handleFocus = useCallback(() => {
     setCurrentValue(unformattedValue);
     setFocused(true);
   }, [unformattedValue]);
-  const handleDoubleClick = (0, _react.useCallback)(() => {
+  const handleDoubleClick = useCallback(() => {
     if (inputRef.current) {
-      inputRef.current?.select();
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.select();
     }
   }, [inputRef]);
-  const inputProps = (0, _react.useMemo)(() => {
+  const inputProps = useMemo(() => {
     return {
       value: currentValue,
       onBlur: handleBlur,
@@ -182,5 +178,4 @@ const useInputNumber = (_ref, inputRef) => {
     setPrevValue
   };
 };
-exports.useInputNumber = useInputNumber;
 //# sourceMappingURL=useInputNumber.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useInputNumber.js","names":["_react","require","_utils","_currencyUtils","useInputNumber","_ref","inputRef","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onChange","onSave","onEnterKeyPress","onClick","onCancel","allowEmptyValue","step","limit","validation","validateNumberInput","currentValue","setCurrentValue","useState","formatNumber","prevValue","setPrevValue","unformattedValue","setUnformattedValue","useEffect","focused","setFocused","escapeRef","useRef","handleBlur","useCallback","e","current","target","trim","length","_value","updateValue","type","String","decimalPart","increasedValue","nonDecimalPart","replaceAll","includes","slice","indexOf","parseFloat","toFixed","joinedValue","numberWithSeparator","handleKeyDown","key","blur","preventDefault","metaKey","ctrlKey","select","input","start","selectionStart","end","selectionEnd","newValue","substring","Boolean","handleChange","inputValue","numericInput","replace","_","num","unit","currencyMultiplier","toLowerCase","toString","handleClick","handleFocus","handleDoubleClick","inputProps","useMemo","onBlur","onKeyDown","onDoubleClick","onFocus","exports"],"sources":["../../../src/hooks/useInputNumber.tsx"],"sourcesContent":["import {\n useState,\n MouseEvent,\n useRef,\n useCallback,\n RefObject,\n useMemo,\n useEffect,\n} from \"react\";\n\nimport { validateNumberInput } from \"../utils\";\nimport {\n currencyMultiplier,\n formatNumber,\n numberWithSeparator,\n} from \"../utils/currencyUtils\";\n\nexport type Separators = \".\" \| \",\";\n\nexport interface IInputNumber {\n decimalLength?: number;\n decimalSeparator?: Separators;\n disableAbbreviation?: boolean;\n disableMacros?: boolean;\n thousandSeparator?: Separators;\n onSave?: (e: Event) => void;\n value?: string \| number;\n step?: number;\n limit?: number;\n onEnterKeyPress?: (val: string) => void;\n onChange?: (val: string) => void;\n onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n allowEmptyValue?: boolean;\n onCancel?: (e: Event) => void;\n validation?: (\n value: string,\n disableMacros: boolean,\n decimalSeparator: string,\n decimalLength: number,\n limit?: number\n ) => boolean;\n}\n\nexport const useInputNumber = (\n {\n decimalSeparator = \".\",\n thousandSeparator = \",\",\n disableAbbreviation,\n disableMacros,\n decimalLength,\n value = \"\",\n onChange,\n onSave,\n onEnterKeyPress,\n onClick,\n onCancel,\n allowEmptyValue,\n step = 1,\n limit,\n validation = validateNumberInput,\n }: IInputNumber,\n inputRef: RefObject<HTMLInputElement \| null>\n) => {\n const [currentValue, setCurrentValue] = useState(() =>\n disableAbbreviation\n ? value\n : formatNumber(value as string, thousandSeparator)\n );\n const [prevValue, setPrevValue] = useState(() =>\n disableAbbreviation\n ? value\n : formatNumber(value as string, thousandSeparator)\n );\n const [unformattedValue, setUnformattedValue] = useState(() => value);\n\n useEffect(() => {\n if (value !== prevValue) {\n setCurrentValue(\n disableAbbreviation\n ? value\n : formatNumber(value as string, thousandSeparator)\n );\n setPrevValue(\n disableAbbreviation\n ? value\n : formatNumber(value as string, thousandSeparator)\n );\n setUnformattedValue(value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [disableAbbreviation, thousandSeparator, value]);\n\n const [focused, setFocused] = useState(false);\n\n const escapeRef = useRef(false);\n\n const handleBlur = useCallback(\n (e) => {\n if (escapeRef.current) {\n setCurrentValue(prevValue);\n setUnformattedValue(prevValue);\n } else {\n if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n const _value = disableAbbreviation\n ? currentValue\n : formatNumber(currentValue as string, thousandSeparator);\n setPrevValue(_value);\n setUnformattedValue(currentValue);\n setCurrentValue(_value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n if (!allowEmptyValue) {\n setCurrentValue(prevValue);\n setUnformattedValue(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 setFocused(false);\n },\n [\n allowEmptyValue,\n disableAbbreviation,\n onCancel,\n onSave,\n prevValue,\n thousandSeparator,\n currentValue,\n ]\n );\n\n const updateValue = useCallback(\n (type: \"increment\" \| \"decrement\") => {\n const value = String(unformattedValue);\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 setUnformattedValue(\n decimalPart ? joinedValue + decimalPart : joinedValue\n );\n setCurrentValue(decimalPart ? joinedValue + decimalPart : joinedValue);\n },\n [decimalLength, decimalSeparator, step, thousandSeparator, unformattedValue]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n if (typeof onEnterKeyPress === \"function\")\n onEnterKeyPress(e.target.value);\n }\n if (e.key === \"ArrowLeft\") {\n return;\n }\n if (e.key === \"ArrowRight\") {\n return;\n }\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n updateValue(\"increment\");\n }\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n updateValue(\"decrement\");\n }\n if (e.key === \"Escape\") {\n escapeRef.current = true;\n e.target.blur();\n typeof onCancel === \"function\" && onCancel(e);\n escapeRef.current = false;\n }\n if (e.key === \"Backspace\") {\n return;\n }\n if ((e.metaKey \|\| e.ctrlKey) && e.key === \"a\") {\n inputRef.current?.select();\n return;\n }\n if (e.key === \"Tab\") {\n return;\n }\n if ((e.metaKey \|\| e.ctrlKey) && e.key === \"v\") {\n e.preventDefault();\n return;\n }\n const input = e.target;\n const currentValue = input.value;\n const start = input.selectionStart;\n const end = input.selectionEnd;\n const newValue =\n currentValue.substring(0, start) + e.key + currentValue.substring(end);\n if (\n !validation(\n newValue,\n Boolean(disableMacros),\n decimalSeparator,\n decimalLength ?? 0,\n limit\n )\n ) {\n e.preventDefault();\n return;\n }\n },\n [\n decimalLength,\n decimalSeparator,\n disableMacros,\n inputRef,\n limit,\n onCancel,\n onEnterKeyPress,\n updateValue,\n validation,\n ]\n );\n\n const handleChange = useCallback(\n (e) => {\n const inputValue = e.target.value;\n const numericInput = disableMacros\n ? inputValue\n : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {\n return (\n parseFloat(num) * currencyMultiplier[unit.toLowerCase()]\n ).toString();\n });\n setCurrentValue(numericInput);\n setUnformattedValue(numericInput);\n if (onChange) onChange(numericInput);\n },\n [disableMacros, onChange]\n );\n\n const handleClick = useCallback(\n (e) => {\n if (typeof onClick === \"function\") {\n onClick(e);\n }\n },\n [onClick]\n );\n\n const handleFocus = useCallback(() => {\n setCurrentValue(unformattedValue);\n setFocused(true);\n }, [unformattedValue]);\n\n const handleDoubleClick = useCallback(() => {\n if (inputRef.current) {\n inputRef.current?.select();\n }\n }, [inputRef]);\n\n const inputProps = useMemo(() => {\n return {\n value: currentValue,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n onClick: handleClick,\n onDoubleClick: handleDoubleClick,\n onFocus: handleFocus,\n focused,\n unformattedValue,\n };\n }, [\n currentValue,\n handleBlur,\n handleKeyDown,\n handleChange,\n handleClick,\n handleDoubleClick,\n handleFocus,\n focused,\n unformattedValue,\n ]);\n\n return {\n inputProps,\n setCurrentValue,\n setPrevValue,\n };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAgCO,MAAMG,cAAc,GAAGA,CAAAC,IAAA,EAkB5BC,QAA4C,KACzC;EAAA,IAlBH;IACEC,gBAAgB,GAAG,GAAG;IACtBC,iBAAiB,GAAG,GAAG;IACvBC,mBAAmB;IACnBC,aAAa;IACbC,aAAa;IACbC,KAAK,GAAG,EAAE;IACVC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,eAAe;IACfC,IAAI,GAAG,CAAC;IACRC,KAAK;IACLC,UAAU,GAAGC;EACD,CAAC,GAAAjB,IAAA;EAGf,MAAM,CAACkB,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAC/ChB,mBAAmB,GACfG,KAAK,GACL,IAAAc,2BAAY,EAACd,KAAK,EAAYJ,iBAAiB,CACrD,CAAC;EACD,MAAM,CAACmB,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAH,eAAQ,EAAC,MACzChB,mBAAmB,GACfG,KAAK,GACL,IAAAc,2BAAY,EAACd,KAAK,EAAYJ,iBAAiB,CACrD,CAAC;EACD,MAAM,CAACqB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAL,eAAQ,EAAC,MAAMb,KAAK,CAAC;EAErE,IAAAmB,gBAAS,EAAC,MAAM;IACd,IAAInB,KAAK,KAAKe,SAAS,EAAE;MACvBH,eAAe,CACbf,mBAAmB,GACfG,KAAK,GACL,IAAAc,2BAAY,EAACd,KAAK,EAAYJ,iBAAiB,CACrD,CAAC;MACDoB,YAAY,CACVnB,mBAAmB,GACfG,KAAK,GACL,IAAAc,2BAAY,EAACd,KAAK,EAAYJ,iBAAiB,CACrD,CAAC;MACDsB,mBAAmB,CAAClB,KAAK,CAAC;IAC5B;IACA;EACF,CAAC,EAAE,CAACH,mBAAmB,EAAED,iBAAiB,EAAEI,KAAK,CAAC,CAAC;EAEnD,MAAM,CAACoB,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAR,eAAQ,EAAC,KAAK,CAAC;EAE7C,MAAMS,SAAS,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAE/B,MAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC3BC,CAAC,IAAK;IACL,IAAIJ,SAAS,CAACK,OAAO,EAAE;MACrBf,eAAe,CAACG,SAAS,CAAC;MAC1BG,mBAAmB,CAACH,SAAS,CAAC;IAChC,CAAC,MAAM;MACL,IAAIW,CAAC,CAACE,MAAM,CAAC5B,KAAK,CAAC6B,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC,IAAIf,SAAS,KAAKW,CAAC,CAACE,MAAM,CAAC5B,KAAK,EAAE;QACpE,MAAM+B,MAAM,GAAGlC,mBAAmB,GAC9Bc,YAAY,GACZ,IAAAG,2BAAY,EAACH,YAAY,EAAYf,iBAAiB,CAAC;QAC3DoB,YAAY,CAACe,MAAM,CAAC;QACpBb,mBAAmB,CAACP,YAAY,CAAC;QACjCC,eAAe,CAACmB,MAAM,CAAC;QACvB,OAAO7B,MAAM,KAAK,UAAU,IAAIA,MAAM,CAACwB,CAAC,CAAC;MAC3C,CAAC,MAAM;QACL,IAAI,CAACpB,eAAe,EAAE;UACpBM,eAAe,CAACG,SAAS,CAAC;UAC1BG,mBAAmB,CAACH,SAAS,CAAC;UAC9B,OAAOV,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACqB,CAAC,CAAC;QAC/C,CAAC,MAAM;UACL,IAAI,OAAOxB,MAAM,KAAK,UAAU,IAAIa,SAAS,KAAKW,CAAC,CAACE,MAAM,CAAC5B,KAAK,EAAE;YAChEE,MAAM,CAACwB,CAAC,CAAC;UACX,CAAC,MAAM;YACL,OAAOrB,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACqB,CAAC,CAAC;UAC/C;QACF;MACF;IACF;IACAL,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC,EACD,CACEf,eAAe,EACfT,mBAAmB,EACnBQ,QAAQ,EACRH,MAAM,EACNa,SAAS,EACTnB,iBAAiB,EACjBe,YAAY,CAEhB,CAAC;EAED,MAAMqB,WAAW,GAAG,IAAAP,kBAAW,EAC5BQ,IAA+B,IAAK;IACnC,MAAMjC,KAAK,GAAGkC,MAAM,CAACjB,gBAAgB,CAAC;IAEtC,IAAIkB,WAAW,GAAG,EAAE;IACpB,IAAIC,cAAc,GAAG,CAAC;IACtB,IAAIC,cAAc,GAAGrC,KAAK,CAACsC,UAAU,CAAC1C,iBAAiB,EAAE,EAAE,CAAC;IAE5D,IAAI,CAACI,KAAK,EAAE;MACV;IACF;IAEA,IAAIA,KAAK,CAACuC,QAAQ,CAAC5C,gBAAgB,CAAC,EAAE;MACpC0C,cAAc,GAAGrC,KAAK,CACnBwC,KAAK,CAAC,CAAC,EAAExC,KAAK,CAACyC,OAAO,CAAC9C,gBAAgB,CAAC,CAAC,CACzC2C,UAAU,CAAC1C,iBAAiB,EAAE,EAAE,CAAC;IACtC;IAEA,IAAII,KAAK,CAACuC,QAAQ,CAAC5C,gBAAgB,CAAC,EAAE;MACpCwC,WAAW,GAAGnC,KAAK,CAACwC,KAAK,CAACxC,KAAK,CAACyC,OAAO,CAAC9C,gBAAgB,CAAC,CAAC;IAC5D;IAEA,IAAIsC,IAAI,KAAK,WAAW,EAAE;MACxBG,cAAc,GAAGM,UAAU,CAACL,cAAc,CAAC,GAAG9B,IAAI;IACpD,CAAC,MAAM;MACL6B,cAAc,GAAGM,UAAU,CAACL,cAAc,CAAC,GAAG9B,IAAI;IACpD;IAEA,IAAIP,KAAK,CAACuC,QAAQ,CAAC5C,gBAAgB,CAAC,EAAE;MACpCyC,cAAc,GAAGM,UAAU,CAACN,cAAc,CAACO,OAAO,CAAC5C,aAAa,CAAC,CAAC;IACpE;IAEA,MAAM6C,WAAW,GAAG,IAAAC,kCAAmB,EACrCT,cAAc,EACdxC,iBAAiB,EACjBI,KAAK,CAACuC,QAAQ,CAAC3C,iBAAiB,CAClC,CAAC;IAEDsB,mBAAmB,CACjBiB,WAAW,GAAGS,WAAW,GAAGT,WAAW,GAAGS,WAC5C,CAAC;IACDhC,eAAe,CAACuB,WAAW,GAAGS,WAAW,GAAGT,WAAW,GAAGS,WAAW,CAAC;EACxE,CAAC,EACD,CAAC7C,aAAa,EAAEJ,gBAAgB,EAAEY,IAAI,EAAEX,iBAAiB,EAAEqB,gBAAgB,CAC7E,CAAC;EAED,MAAM6B,aAAa,GAAG,IAAArB,kBAAW,EAC9BC,CAAC,IAAK;IACL,IAAIA,CAAC,CAACqB,GAAG,KAAK,OAAO,EAAE;MACrBrB,CAAC,CAACE,MAAM,CAACoB,IAAI,CAAC,CAAC;MACf,IAAI,OAAO7C,eAAe,KAAK,UAAU,EACvCA,eAAe,CAACuB,CAAC,CAACE,MAAM,CAAC5B,KAAK,CAAC;IACnC;IACA,IAAI0B,CAAC,CAACqB,GAAG,KAAK,WAAW,EAAE;MACzB;IACF;IACA,IAAIrB,CAAC,CAACqB,GAAG,KAAK,YAAY,EAAE;MAC1B;IACF;IACA,IAAIrB,CAAC,CAACqB,GAAG,KAAK,SAAS,EAAE;MACvBrB,CAAC,CAACuB,cAAc,CAAC,CAAC;MAClBjB,WAAW,CAAC,WAAW,CAAC;IAC1B;IACA,IAAIN,CAAC,CAACqB,GAAG,KAAK,WAAW,EAAE;MACzBrB,CAAC,CAACuB,cAAc,CAAC,CAAC;MAClBjB,WAAW,CAAC,WAAW,CAAC;IAC1B;IACA,IAAIN,CAAC,CAACqB,GAAG,KAAK,QAAQ,EAAE;MACtBzB,SAAS,CAACK,OAAO,GAAG,IAAI;MACxBD,CAAC,CAACE,MAAM,CAACoB,IAAI,CAAC,CAAC;MACf,OAAO3C,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACqB,CAAC,CAAC;MAC7CJ,SAAS,CAACK,OAAO,GAAG,KAAK;IAC3B;IACA,IAAID,CAAC,CAACqB,GAAG,KAAK,WAAW,EAAE;MACzB;IACF;IACA,IAAI,CAACrB,CAAC,CAACwB,OAAO,IAAIxB,CAAC,CAACyB,OAAO,KAAKzB,CAAC,CAACqB,GAAG,KAAK,GAAG,EAAE;MAC7CrD,QAAQ,CAACiC,OAAO,EAAEyB,MAAM,CAAC,CAAC;MAC1B;IACF;IACA,IAAI1B,CAAC,CAACqB,GAAG,KAAK,KAAK,EAAE;MACnB;IACF;IACA,IAAI,CAACrB,CAAC,CAACwB,OAAO,IAAIxB,CAAC,CAACyB,OAAO,KAAKzB,CAAC,CAACqB,GAAG,KAAK,GAAG,EAAE;MAC7CrB,CAAC,CAACuB,cAAc,CAAC,CAAC;MAClB;IACF;IACA,MAAMI,KAAK,GAAG3B,CAAC,CAACE,MAAM;IACtB,MAAMjB,YAAY,GAAG0C,KAAK,CAACrD,KAAK;IAChC,MAAMsD,KAAK,GAAGD,KAAK,CAACE,cAAc;IAClC,MAAMC,GAAG,GAAGH,KAAK,CAACI,YAAY;IAC9B,MAAMC,QAAQ,GACZ/C,YAAY,CAACgD,SAAS,CAAC,CAAC,EAAEL,KAAK,CAAC,GAAG5B,CAAC,CAACqB,GAAG,GAAGpC,YAAY,CAACgD,SAAS,CAACH,GAAG,CAAC;IACxE,IACE,CAAC/C,UAAU,CACTiD,QAAQ,EACRE,OAAO,CAAC9D,aAAa,CAAC,EACtBH,gBAAgB,EAChBI,aAAa,IAAI,CAAC,EAClBS,KACF,CAAC,EACD;MACAkB,CAAC,CAACuB,cAAc,CAAC,CAAC;MAClB;IACF;EACF,CAAC,EACD,CACElD,aAAa,EACbJ,gBAAgB,EAChBG,aAAa,EACbJ,QAAQ,EACRc,KAAK,EACLH,QAAQ,EACRF,eAAe,EACf6B,WAAW,EACXvB,UAAU,CAEd,CAAC;EAED,MAAMoD,YAAY,GAAG,IAAApC,kBAAW,EAC7BC,CAAC,IAAK;IACL,MAAMoC,UAAU,GAAGpC,CAAC,CAACE,MAAM,CAAC5B,KAAK;IACjC,MAAM+D,YAAY,GAAGjE,aAAa,GAC9BgE,UAAU,GACVA,UAAU,CAACE,OAAO,CAAC,uBAAuB,EAAE,CAACC,CAAC,EAAEC,GAAG,EAAEC,IAAI,KAAK;MAC5D,OAAO,CACLzB,UAAU,CAACwB,GAAG,CAAC,GAAGE,iCAAkB,CAACD,IAAI,CAACE,WAAW,CAAC,CAAC,CAAC,EACxDC,QAAQ,CAAC,CAAC;IACd,CAAC,CAAC;IACN1D,eAAe,CAACmD,YAAY,CAAC;IAC7B7C,mBAAmB,CAAC6C,YAAY,CAAC;IACjC,IAAI9D,QAAQ,EAAEA,QAAQ,CAAC8D,YAAY,CAAC;EACtC,CAAC,EACD,CAACjE,aAAa,EAAEG,QAAQ,CAC1B,CAAC;EAED,MAAMsE,WAAW,GAAG,IAAA9C,kBAAW,EAC5BC,CAAC,IAAK;IACL,IAAI,OAAOtB,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,CAACsB,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACtB,OAAO,CACV,CAAC;EAED,MAAMoE,WAAW,GAAG,IAAA/C,kBAAW,EAAC,MAAM;IACpCb,eAAe,CAACK,gBAAgB,CAAC;IACjCI,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACJ,gBAAgB,CAAC,CAAC;EAEtB,MAAMwD,iBAAiB,GAAG,IAAAhD,kBAAW,EAAC,MAAM;IAC1C,IAAI/B,QAAQ,CAACiC,OAAO,EAAE;MACpBjC,QAAQ,CAACiC,OAAO,EAAEyB,MAAM,CAAC,CAAC;IAC5B;EACF,CAAC,EAAE,CAAC1D,QAAQ,CAAC,CAAC;EAEd,MAAMgF,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC/B,OAAO;MACL3E,KAAK,EAAEW,YAAY;MACnBiE,MAAM,EAAEpD,UAAU;MAClBqD,SAAS,EAAE/B,aAAa;MACxB7C,QAAQ,EAAE4D,YAAY;MACtBzD,OAAO,EAAEmE,WAAW;MACpBO,aAAa,EAAEL,iBAAiB;MAChCM,OAAO,EAAEP,WAAW;MACpBpD,OAAO;MACPH;IACF,CAAC;EACH,CAAC,EAAE,CACDN,YAAY,EACZa,UAAU,EACVsB,aAAa,EACbe,YAAY,EACZU,WAAW,EACXE,iBAAiB,EACjBD,WAAW,EACXpD,OAAO,EACPH,gBAAgB,CACjB,CAAC;EAEF,OAAO;IACLyD,UAAU;IACV9D,eAAe;IACfI;EACF,CAAC;AACH,CAAC;AAACgE,OAAA,CAAAxF,cAAA,GAAAA,cAAA"}
1	+ {"version":3,"file":"useInputNumber.js","names":["useState","useRef","useCallback","useMemo","useEffect","validateNumberInput","currencyMultiplier","formatNumber","numberWithSeparator","useInputNumber","_ref","inputRef","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onChange","onSave","onEnterKeyPress","onClick","onCancel","allowEmptyValue","step","limit","validation","currentValue","setCurrentValue","prevValue","setPrevValue","unformattedValue","setUnformattedValue","focused","setFocused","escapeRef","handleBlur","e","current","target","trim","length","_value","updateValue","type","String","decimalPart","increasedValue","nonDecimalPart","replaceAll","includes","slice","indexOf","parseFloat","toFixed","joinedValue","handleKeyDown","key","blur","preventDefault","metaKey","ctrlKey","_inputRef$current","select","input","start","selectionStart","end","selectionEnd","newValue","substring","Boolean","handleChange","inputValue","numericInput","replace","_","num","unit","toLowerCase","toString","handleClick","handleFocus","handleDoubleClick","_inputRef$current2","inputProps","onBlur","onKeyDown","onDoubleClick","onFocus"],"sources":["../../../src/hooks/useInputNumber.tsx"],"sourcesContent":["import {\n useState,\n MouseEvent,\n useRef,\n useCallback,\n RefObject,\n useMemo,\n useEffect,\n} from \"react\";\n\nimport { validateNumberInput } from \"../utils\";\nimport {\n currencyMultiplier,\n formatNumber,\n numberWithSeparator,\n} from \"../utils/currencyUtils\";\n\nexport type Separators = \".\" \| \",\";\n\nexport interface IInputNumber {\n decimalLength?: number;\n decimalSeparator?: Separators;\n disableAbbreviation?: boolean;\n disableMacros?: boolean;\n thousandSeparator?: Separators;\n onSave?: (e: Event) => void;\n value?: string \| number;\n step?: number;\n limit?: number;\n onEnterKeyPress?: (val: string) => void;\n onChange?: (val: string) => void;\n onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n allowEmptyValue?: boolean;\n onCancel?: (e: Event) => void;\n validation?: (\n value: string,\n disableMacros: boolean,\n decimalSeparator: string,\n decimalLength: number,\n limit?: number\n ) => boolean;\n}\n\nexport const useInputNumber = (\n {\n decimalSeparator = \".\",\n thousandSeparator = \",\",\n disableAbbreviation,\n disableMacros,\n decimalLength,\n value = \"\",\n onChange,\n onSave,\n onEnterKeyPress,\n onClick,\n onCancel,\n allowEmptyValue,\n step = 1,\n limit,\n validation = validateNumberInput,\n }: IInputNumber,\n inputRef: RefObject<HTMLInputElement \| null>\n) => {\n const [currentValue, setCurrentValue] = useState(() =>\n disableAbbreviation\n ? value\n : formatNumber(value as string, thousandSeparator)\n );\n const [prevValue, setPrevValue] = useState(() =>\n disableAbbreviation\n ? value\n : formatNumber(value as string, thousandSeparator)\n );\n const [unformattedValue, setUnformattedValue] = useState(() => value);\n\n useEffect(() => {\n if (value !== prevValue) {\n setCurrentValue(\n disableAbbreviation\n ? value\n : formatNumber(value as string, thousandSeparator)\n );\n setPrevValue(\n disableAbbreviation\n ? value\n : formatNumber(value as string, thousandSeparator)\n );\n setUnformattedValue(value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [disableAbbreviation, thousandSeparator, value]);\n\n const [focused, setFocused] = useState(false);\n\n const escapeRef = useRef(false);\n\n const handleBlur = useCallback(\n (e) => {\n if (escapeRef.current) {\n setCurrentValue(prevValue);\n setUnformattedValue(prevValue);\n } else {\n if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n const _value = disableAbbreviation\n ? currentValue\n : formatNumber(currentValue as string, thousandSeparator);\n setPrevValue(_value);\n setUnformattedValue(currentValue);\n setCurrentValue(_value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n if (!allowEmptyValue) {\n setCurrentValue(prevValue);\n setUnformattedValue(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 setFocused(false);\n },\n [\n allowEmptyValue,\n disableAbbreviation,\n onCancel,\n onSave,\n prevValue,\n thousandSeparator,\n currentValue,\n ]\n );\n\n const updateValue = useCallback(\n (type: \"increment\" \| \"decrement\") => {\n const value = String(unformattedValue);\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 setUnformattedValue(\n decimalPart ? joinedValue + decimalPart : joinedValue\n );\n setCurrentValue(decimalPart ? joinedValue + decimalPart : joinedValue);\n },\n [decimalLength, decimalSeparator, step, thousandSeparator, unformattedValue]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n if (typeof onEnterKeyPress === \"function\")\n onEnterKeyPress(e.target.value);\n }\n if (e.key === \"ArrowLeft\") {\n return;\n }\n if (e.key === \"ArrowRight\") {\n return;\n }\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n updateValue(\"increment\");\n }\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n updateValue(\"decrement\");\n }\n if (e.key === \"Escape\") {\n escapeRef.current = true;\n e.target.blur();\n typeof onCancel === \"function\" && onCancel(e);\n escapeRef.current = false;\n }\n if (e.key === \"Backspace\") {\n return;\n }\n if ((e.metaKey \|\| e.ctrlKey) && e.key === \"a\") {\n inputRef.current?.select();\n return;\n }\n if (e.key === \"Tab\") {\n return;\n }\n if ((e.metaKey \|\| e.ctrlKey) && e.key === \"v\") {\n e.preventDefault();\n return;\n }\n const input = e.target;\n const currentValue = input.value;\n const start = input.selectionStart;\n const end = input.selectionEnd;\n const newValue =\n currentValue.substring(0, start) + e.key + currentValue.substring(end);\n if (\n !validation(\n newValue,\n Boolean(disableMacros),\n decimalSeparator,\n decimalLength ?? 0,\n limit\n )\n ) {\n e.preventDefault();\n return;\n }\n },\n [\n decimalLength,\n decimalSeparator,\n disableMacros,\n inputRef,\n limit,\n onCancel,\n onEnterKeyPress,\n updateValue,\n validation,\n ]\n );\n\n const handleChange = useCallback(\n (e) => {\n const inputValue = e.target.value;\n const numericInput = disableMacros\n ? inputValue\n : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {\n return (\n parseFloat(num) * currencyMultiplier[unit.toLowerCase()]\n ).toString();\n });\n setCurrentValue(numericInput);\n setUnformattedValue(numericInput);\n if (onChange) onChange(numericInput);\n },\n [disableMacros, onChange]\n );\n\n const handleClick = useCallback(\n (e) => {\n if (typeof onClick === \"function\") {\n onClick(e);\n }\n },\n [onClick]\n );\n\n const handleFocus = useCallback(() => {\n setCurrentValue(unformattedValue);\n setFocused(true);\n }, [unformattedValue]);\n\n const handleDoubleClick = useCallback(() => {\n if (inputRef.current) {\n inputRef.current?.select();\n }\n }, [inputRef]);\n\n const inputProps = useMemo(() => {\n return {\n value: currentValue,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n onClick: handleClick,\n onDoubleClick: handleDoubleClick,\n onFocus: handleFocus,\n focused,\n unformattedValue,\n };\n }, [\n currentValue,\n handleBlur,\n handleKeyDown,\n handleChange,\n handleClick,\n handleDoubleClick,\n handleFocus,\n focused,\n unformattedValue,\n ]);\n\n return {\n inputProps,\n setCurrentValue,\n setPrevValue,\n };\n};\n"],"mappings":"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"}

package/dist/esm/hooks/useIsFirstRender.js CHANGED Viewed

@@ -1,17 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsFirstRender = void 0;
-var _react = require("react");
-const useIsFirstRender = () => {
-  const isFirst = (0, _react.useRef)(true);
+import { useRef } from "react";
+export const useIsFirstRender = () => {
+  const isFirst = 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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~~"}
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,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,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"}

package/dist/esm/hooks/useOnClickOutside.js CHANGED Viewed

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

package/dist/esm/hooks/useOnClickOutside.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"}
1	+ {"version":3,"file":"useOnClickOutside.js","names":["useEffect","useOnClickOutside","ref","handler","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,SAAoBA,SAAS,QAAQ,OAAO;AAE5C,OAAO,SAASC,iBAAiBA,CAC/BC,GAAiB,EACjBC,OAAgC,EAChC;EACAH,SAAS,CACP,MAAM;IACJ,MAAMI,QAAQ,GAAIC,KAAK,IAAK;MAC1B;MACA,IAAI,CAACH,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,EAAE;QACtD;MACF;MACAL,OAAO,CAACE,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,CAACF,GAAG,EAAEC,OAAO,CACf,CAAC;AACH"}

package/dist/esm/hooks/usePosition.js CHANGED Viewed

@@ -1,9 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const Position = (targetTop, targetBottom, targetLeft, targetRight, contentHeight, contentWidth) => {
   const windowHeight = window.innerHeight;
   const windowWidth = window.innerWidth;
@@ -85,5 +79,5 @@ const Position = (targetTop, targetBottom, targetLeft, targetRight, contentHeigh
     left: repositionX
   };
 };
-var _default = exports.default = Position;
+export default Position;
 //# sourceMappingURL=usePosition.js.map

package/dist/esm/hooks/usePosition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePosition.js","names":["Position","targetTop","targetBottom","targetLeft","targetRight","contentHeight","contentWidth","windowHeight","window","innerHeight","windowWidth","innerWidth","repositionY","repositionX","handleY","handleX","top","left"~~,"_default","exports","default"~~],"sources":["../../../src/hooks/usePosition.tsx"],"sourcesContent":["const Position = (\n targetTop: number,\n targetBottom: number,\n targetLeft: number,\n targetRight: number,\n contentHeight: number,\n contentWidth: number\n): { top: number; left: number } => {\n const windowHeight = window.innerHeight;\n const windowWidth = window.innerWidth;\n let repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;\n let repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;\n\n function handleY(): boolean {\n if (targetBottom + contentHeight + 6 < windowHeight) {\n repositionY = targetBottom + 6;\n return true;\n }\n if (targetTop - contentHeight - 6 > 0) {\n repositionY = targetTop - contentHeight - 6;\n return true;\n }\n return false;\n }\n\n function handleX(): boolean {\n if (targetRight + contentWidth + 6 < windowWidth) {\n repositionX = targetRight + 6;\n return true;\n }\n if (targetLeft - contentWidth - 6 > 0) {\n repositionX = targetLeft - contentWidth - 6;\n return true;\n }\n return false;\n }\n // Y middle\n if (\n repositionX > 0 &&\n repositionX + contentWidth < windowWidth &&\n handleY()\n ) {\n return { top: repositionY, left: repositionX };\n }\n // Y right\n repositionX = targetLeft;\n if (targetLeft > 0 && targetLeft + contentWidth < windowWidth && handleY()) {\n return { top: repositionY, left: repositionX };\n }\n // Y left\n repositionX = targetRight - contentWidth;\n if (\n targetRight < windowWidth &&\n targetRight - contentWidth > 0 &&\n handleY()\n ) {\n return { top: repositionY, left: repositionX };\n }\n // X middle\n if (\n repositionY > 0 &&\n repositionY + contentHeight < windowHeight &&\n handleX()\n ) {\n return { top: repositionY, left: repositionX };\n }\n // X bottom\n repositionY = targetTop;\n if (targetTop > 0 && targetTop + contentHeight < windowHeight && handleX()) {\n return { top: repositionY, left: repositionX };\n }\n // X top\n repositionY = targetBottom - contentHeight;\n if (\n targetBottom < windowHeight &&\n targetBottom - contentHeight > 0 &&\n handleX()\n ) {\n return { top: repositionY, left: repositionX };\n }\n // center\n repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;\n repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;\n return { top: repositionY, left: repositionX };\n};\n\nexport default Position;\n"],"mappings":"~~;;;;;;~~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~~AAAC~~,~~IAAAK~~,~~QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEapB,~~QAAQ"}
1	+ {"version":3,"file":"usePosition.js","names":["Position","targetTop","targetBottom","targetLeft","targetRight","contentHeight","contentWidth","windowHeight","window","innerHeight","windowWidth","innerWidth","repositionY","repositionX","handleY","handleX","top","left"],"sources":["../../../src/hooks/usePosition.tsx"],"sourcesContent":["const Position = (\n targetTop: number,\n targetBottom: number,\n targetLeft: number,\n targetRight: number,\n contentHeight: number,\n contentWidth: number\n): { top: number; left: number } => {\n const windowHeight = window.innerHeight;\n const windowWidth = window.innerWidth;\n let repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;\n let repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;\n\n function handleY(): boolean {\n if (targetBottom + contentHeight + 6 < windowHeight) {\n repositionY = targetBottom + 6;\n return true;\n }\n if (targetTop - contentHeight - 6 > 0) {\n repositionY = targetTop - contentHeight - 6;\n return true;\n }\n return false;\n }\n\n function handleX(): boolean {\n if (targetRight + contentWidth + 6 < windowWidth) {\n repositionX = targetRight + 6;\n return true;\n }\n if (targetLeft - contentWidth - 6 > 0) {\n repositionX = targetLeft - contentWidth - 6;\n return true;\n }\n return false;\n }\n // Y middle\n if (\n repositionX > 0 &&\n repositionX + contentWidth < windowWidth &&\n handleY()\n ) {\n return { top: repositionY, left: repositionX };\n }\n // Y right\n repositionX = targetLeft;\n if (targetLeft > 0 && targetLeft + contentWidth < windowWidth && handleY()) {\n return { top: repositionY, left: repositionX };\n }\n // Y left\n repositionX = targetRight - contentWidth;\n if (\n targetRight < windowWidth &&\n targetRight - contentWidth > 0 &&\n handleY()\n ) {\n return { top: repositionY, left: repositionX };\n }\n // X middle\n if (\n repositionY > 0 &&\n repositionY + contentHeight < windowHeight &&\n handleX()\n ) {\n return { top: repositionY, left: repositionX };\n }\n // X bottom\n repositionY = targetTop;\n if (targetTop > 0 && targetTop + contentHeight < windowHeight && handleX()) {\n return { top: repositionY, left: repositionX };\n }\n // X top\n repositionY = targetBottom - contentHeight;\n if (\n targetBottom < windowHeight &&\n targetBottom - contentHeight > 0 &&\n handleX()\n ) {\n return { top: repositionY, left: repositionX };\n }\n // center\n repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;\n repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;\n return { top: repositionY, left: repositionX };\n};\n\nexport default Position;\n"],"mappings":"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"}

package/dist/esm/hooks/useRectHook.js CHANGED Viewed

@@ -1,12 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
+import { useState, useEffect } from "react";
 const useRectHook = ref => {
-  const [size, setSize] = (0, _react.useState)({
+  const [size, setSize] = useState({
     x: 0,
     y: 0,
     top: 0,
@@ -16,7 +10,7 @@ const useRectHook = ref => {
     width: 0,
     height: 0
   });
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const listener = () => {
       if (ref && ref.current) {
         const rect = ref.current.getBoundingClientRect();
@@ -42,5 +36,5 @@ const useRectHook = ref => {
     ...size
   };
 };
-var _default = exports.default = useRectHook;
+export default useRectHook;
 //# sourceMappingURL=useRectHook.js.map