@activecollab/components 1.0.379 → 1.0.380

package/dist/cjs/components/HoursWrapper/HoursWrapper.js

@@ -38,11 +38,15 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement;
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _useForkRef.default)(ref, inputRef);
-  var _useState = (0, _react.useState)((0, _timeUtils.decimalToHours)(value, withLeadingZero)),
+  var _useState = (0, _react.useState)(function () {
+      return (0, _timeUtils.decimalToHours)(value, withLeadingZero);
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     currentValue = _useState2[0],
     setCurrentValue = _useState2[1];
-  var _useState3 = (0, _react.useState)((0, _timeUtils.decimalToHours)(value, withLeadingZero)),
+  var _useState3 = (0, _react.useState)(function () {
+      return (0, _timeUtils.decimalToHours)(value, withLeadingZero);
+    }),
     _useState4 = _slicedToArray(_useState3, 2),
     prevValue = _useState4[0],
     setPrevValue = _useState4[1];

package/dist/cjs/components/HoursWrapper/HoursWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoursWrapper.js","names":["HoursWrapper","React","forwardRef","ref","children","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","inputRef","useRef","handleRef","useForkRef","useState","decimalToHours","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","useEffect","_value","undefined","handleBlur","useCallback","e","current","target","trim","length","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","split","map","Number","hours","minutes","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","select","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","inputProps","onBlur","onKeyDown","onChange","onClick","onDoubleClick","console","error","Children","child","el","type","EditableContent","cloneElement","displayName"],"sources":["../../../../src/components/HoursWrapper/HoursWrapper.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { decimalToHours } from \"../../utils/timeUtils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { InputHoursProps } from \"../Input/InputHours\";\nimport { EditableContent } from \"../EditableContent\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface HoursWrapperProps extends InputHoursProps {}\n\nexport const HoursWrapper = React.forwardRef<\n  HTMLInputElement,\n  PropsWithChildren<HoursWrapperProps>\n>(\n  (\n    {\n      children,\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [currentValue, setCurrentValue] = useState(\n      decimalToHours(value, withLeadingZero)\n    );\n    const [prevValue, setPrevValue] = useState(\n      decimalToHours(value, withLeadingZero)\n    );\n    const escapeRef = useRef(false);\n\n    useEffect(() => {\n      let _value;\n      if (value !== undefined) {\n        _value = decimalToHours(value, withLeadingZero);\n      }\n      if (currentValue !== _value) {\n        setCurrentValue(_value);\n        setPrevValue(_value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            const _value = decimalToHours(e.target.value, withLeadingZero);\n            setPrevValue(_value);\n            setCurrentValue(_value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyValue\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n      },\n      [allowEmptyValue, 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              requestAnimationFrame(() => {\n                const newDotsIndex = newValue.indexOf(\":\");\n                const isHoursSelected = selectionStart < newDotsIndex;\n                const newSelectionStart = isHoursSelected\n                  ? 0\n                  : 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        minuteIncrement,\n        validation,\n        withLeadingZero,\n      ]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\") {\n          e.target.blur();\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();\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      [handleIncrementDecrement, onCancel, validation, withLeadingZero]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    const handleClick = () => {\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\n    const handleDoubleClick = () => {\n      if (inputRef.current) {\n        inputRef.current?.select();\n      }\n    };\n\n    const inputProps = {\n      value: currentValue,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      onChange: handleChange,\n      onClick: handleClick,\n      onDoubleClick: handleDoubleClick,\n    };\n\n    if (!children) {\n      console.error(\"No children provided!\");\n      return null;\n    }\n\n    return (\n      <>\n        {React.Children.map(children, (child) => {\n          const el = child as React.ReactElement;\n          if (el && el.type === EditableContent) {\n            return React.cloneElement(child as React.ReactElement, {\n              ref: handleRef,\n              inputProps: inputProps,\n            });\n          }\n          return React.cloneElement(child as React.ReactElement, {\n            ref: handleRef,\n            ...inputProps,\n          });\n        })}\n      </>\n    );\n  }\n);\n\nHoursWrapper.displayName = \"HoursWrapper\";\n"],"mappings":"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"}
+{"version":3,"file":"HoursWrapper.js","names":["HoursWrapper","React","forwardRef","ref","children","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","inputRef","useRef","handleRef","useForkRef","useState","decimalToHours","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","useEffect","_value","undefined","handleBlur","useCallback","e","current","target","trim","length","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","split","map","Number","hours","minutes","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","select","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","inputProps","onBlur","onKeyDown","onChange","onClick","onDoubleClick","console","error","Children","child","el","type","EditableContent","cloneElement","displayName"],"sources":["../../../../src/components/HoursWrapper/HoursWrapper.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { decimalToHours } from \"../../utils/timeUtils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { InputHoursProps } from \"../Input/InputHours\";\nimport { EditableContent } from \"../EditableContent\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface HoursWrapperProps extends InputHoursProps {}\n\nexport const HoursWrapper = React.forwardRef<\n  HTMLInputElement,\n  PropsWithChildren<HoursWrapperProps>\n>(\n  (\n    {\n      children,\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [currentValue, setCurrentValue] = useState(() =>\n      decimalToHours(value, withLeadingZero)\n    );\n    const [prevValue, setPrevValue] = useState(() =>\n      decimalToHours(value, withLeadingZero)\n    );\n    const escapeRef = useRef(false);\n\n    useEffect(() => {\n      let _value;\n      if (value !== undefined) {\n        _value = decimalToHours(value, withLeadingZero);\n      }\n      if (currentValue !== _value) {\n        setCurrentValue(_value);\n        setPrevValue(_value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            const _value = decimalToHours(e.target.value, withLeadingZero);\n            setPrevValue(_value);\n            setCurrentValue(_value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyValue\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n      },\n      [allowEmptyValue, 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              requestAnimationFrame(() => {\n                const newDotsIndex = newValue.indexOf(\":\");\n                const isHoursSelected = selectionStart < newDotsIndex;\n                const newSelectionStart = isHoursSelected\n                  ? 0\n                  : 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        minuteIncrement,\n        validation,\n        withLeadingZero,\n      ]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\") {\n          e.target.blur();\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();\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      [handleIncrementDecrement, onCancel, validation, withLeadingZero]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    const handleClick = () => {\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\n    const handleDoubleClick = () => {\n      if (inputRef.current) {\n        inputRef.current?.select();\n      }\n    };\n\n    const inputProps = {\n      value: currentValue,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      onChange: handleChange,\n      onClick: handleClick,\n      onDoubleClick: handleDoubleClick,\n    };\n\n    if (!children) {\n      console.error(\"No children provided!\");\n      return null;\n    }\n\n    return (\n      <>\n        {React.Children.map(children, (child) => {\n          const el = child as React.ReactElement;\n          if (el && el.type === EditableContent) {\n            return React.cloneElement(child as React.ReactElement, {\n              ref: handleRef,\n              inputProps: inputProps,\n            });\n          }\n          return React.cloneElement(child as React.ReactElement, {\n            ref: handleRef,\n            ...inputProps,\n          });\n        })}\n      </>\n    );\n  }\n);\n\nHoursWrapper.displayName = \"HoursWrapper\";\n"],"mappings":"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"}

package/dist/esm/components/HoursWrapper/HoursWrapper.js

@@ -23,10 +23,14 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement;
   var inputRef = useRef(null);
   var handleRef = useForkRef(ref, inputRef);
-  var _useState = useState(decimalToHours(value, withLeadingZero)),
+  var _useState = useState(function () {
+      return decimalToHours(value, withLeadingZero);
+    }),
     currentValue = _useState[0],
     setCurrentValue = _useState[1];
-  var _useState2 = useState(decimalToHours(value, withLeadingZero)),
+  var _useState2 = useState(function () {
+      return decimalToHours(value, withLeadingZero);
+    }),
     prevValue = _useState2[0],
     setPrevValue = _useState2[1];
   var escapeRef = useRef(false);

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

@@ -1 +1 @@
-{"version":3,"file":"HoursWrapper.js","names":["React","useCallback","useEffect","useRef","useState","decimalToHours","useForkRef","validateTimeInput","EditableContent","HoursWrapper","forwardRef","ref","children","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","inputRef","handleRef","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","_value","undefined","handleBlur","e","current","target","trim","length","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","split","map","Number","hours","minutes","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","select","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","inputProps","onBlur","onKeyDown","onChange","onClick","onDoubleClick","console","error","Children","child","el","type","cloneElement","displayName"],"sources":["../../../../src/components/HoursWrapper/HoursWrapper.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { decimalToHours } from \"../../utils/timeUtils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { InputHoursProps } from \"../Input/InputHours\";\nimport { EditableContent } from \"../EditableContent\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface HoursWrapperProps extends InputHoursProps {}\n\nexport const HoursWrapper = React.forwardRef<\n  HTMLInputElement,\n  PropsWithChildren<HoursWrapperProps>\n>(\n  (\n    {\n      children,\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [currentValue, setCurrentValue] = useState(\n      decimalToHours(value, withLeadingZero)\n    );\n    const [prevValue, setPrevValue] = useState(\n      decimalToHours(value, withLeadingZero)\n    );\n    const escapeRef = useRef(false);\n\n    useEffect(() => {\n      let _value;\n      if (value !== undefined) {\n        _value = decimalToHours(value, withLeadingZero);\n      }\n      if (currentValue !== _value) {\n        setCurrentValue(_value);\n        setPrevValue(_value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            const _value = decimalToHours(e.target.value, withLeadingZero);\n            setPrevValue(_value);\n            setCurrentValue(_value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyValue\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n      },\n      [allowEmptyValue, 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              requestAnimationFrame(() => {\n                const newDotsIndex = newValue.indexOf(\":\");\n                const isHoursSelected = selectionStart < newDotsIndex;\n                const newSelectionStart = isHoursSelected\n                  ? 0\n                  : 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        minuteIncrement,\n        validation,\n        withLeadingZero,\n      ]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\") {\n          e.target.blur();\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();\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      [handleIncrementDecrement, onCancel, validation, withLeadingZero]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    const handleClick = () => {\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\n    const handleDoubleClick = () => {\n      if (inputRef.current) {\n        inputRef.current?.select();\n      }\n    };\n\n    const inputProps = {\n      value: currentValue,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      onChange: handleChange,\n      onClick: handleClick,\n      onDoubleClick: handleDoubleClick,\n    };\n\n    if (!children) {\n      console.error(\"No children provided!\");\n      return null;\n    }\n\n    return (\n      <>\n        {React.Children.map(children, (child) => {\n          const el = child as React.ReactElement;\n          if (el && el.type === EditableContent) {\n            return React.cloneElement(child as React.ReactElement, {\n              ref: handleRef,\n              inputProps: inputProps,\n            });\n          }\n          return React.cloneElement(child as React.ReactElement, {\n            ref: handleRef,\n            ...inputProps,\n          });\n        })}\n      </>\n    );\n  }\n);\n\nHoursWrapper.displayName = \"HoursWrapper\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAEVC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,cAAc,QAAQ,uBAAuB;AACtD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,SAASC,eAAe,QAAQ,oBAAoB;;AAEpD;;AAGA,OAAO,IAAMC,YAAY,gBAAGT,KAAK,CAACU,UAAU,CAI1C,gBAYEC,GAAG,EACA;EAAA,IAXDC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGX,iBAAiB;IAAA,6BAC9BY,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;EAIrB,IAAMC,QAAQ,GAAGlB,MAAM,CAAmB,IAAI,CAAC;EAC/C,IAAMmB,SAAS,GAAGhB,UAAU,CAACK,GAAG,EAAEU,QAAQ,CAAC;EAC3C,gBAAwCjB,QAAQ,CAC9CC,cAAc,CAACQ,KAAK,EAAEI,eAAe,CAAC,CACvC;IAFMM,YAAY;IAAEC,eAAe;EAGpC,iBAAkCpB,QAAQ,CACxCC,cAAc,CAACQ,KAAK,EAAEI,eAAe,CAAC,CACvC;IAFMQ,SAAS;IAAEC,YAAY;EAG9B,IAAMC,SAAS,GAAGxB,MAAM,CAAC,KAAK,CAAC;EAE/BD,SAAS,CAAC,YAAM;IACd,IAAI0B,MAAM;IACV,IAAIf,KAAK,KAAKgB,SAAS,EAAE;MACvBD,MAAM,GAAGvB,cAAc,CAACQ,KAAK,EAAEI,eAAe,CAAC;IACjD;IACA,IAAIM,YAAY,KAAKK,MAAM,EAAE;MAC3BJ,eAAe,CAACI,MAAM,CAAC;MACvBF,YAAY,CAACE,MAAM,CAAC;IACtB;IACA;EACF,CAAC,EAAE,CAACf,KAAK,CAAC,CAAC;EAEX,IAAMiB,UAAU,GAAG7B,WAAW,CAC5B,UAAC8B,CAAC,EAAK;IACL,IAAIJ,SAAS,CAACK,OAAO,EAAE;MACrBR,eAAe,CAACC,SAAS,CAAC;IAC5B,CAAC,MAAM;MACL,IACEM,CAAC,CAACE,MAAM,CAACpB,KAAK,CAACqB,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,IAChCV,SAAS,KAAKM,CAAC,CAACE,MAAM,CAACpB,KAAK,EAC5B;QACA,IAAMe,MAAM,GAAGvB,cAAc,CAAC0B,CAAC,CAACE,MAAM,CAACpB,KAAK,EAAEI,eAAe,CAAC;QAC9DS,YAAY,CAACE,MAAM,CAAC;QACpBJ,eAAe,CAACI,MAAM,CAAC;QACvB,OAAOb,MAAM,KAAK,UAAU,IAAIA,MAAM,CAACgB,CAAC,CAAC;MAC3C,CAAC,MAAM;QACL,CAACf,eAAe,GACZQ,eAAe,CAACC,SAAS,CAAC,GAC1B,OAAOV,MAAM,KAAK,UAAU,IAC5BU,SAAS,KAAKM,CAAC,CAACE,MAAM,CAACpB,KAAK,IAC5BE,MAAM,CAACgB,CAAC,CAAC;MACf;IACF;EACF,CAAC,EACD,CAACf,eAAe,EAAED,MAAM,EAAEU,SAAS,EAAER,eAAe,CAAC,CACtD;EAED,IAAMmB,wBAAwB,GAAGnC,WAAW,CAC1C,UAACoC,SAAkB,EAAK;IACtB,IAAIhB,QAAQ,CAACW,OAAO,EAAE;MACpB,IAAMM,cAAc,GAAGjB,QAAQ,CAACW,OAAO,CAACM,cAAc;MACtD,IAAIA,cAAc,KAAK,IAAI,EAAE;QAC3B,IAAMC,SAAS,GAAGhB,YAAY,CAACiB,OAAO,CAAC,GAAG,CAAC;QAC3C,4BAAyBjB,YAAY,CAACkB,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,MAAM,CAAC;UAArDC,KAAK;UAAEC,OAAO;QACrB,IAAIC,QAAQ,GAAGF,KAAK;QACpB,IAAIG,UAAU,GAAGF,OAAO;QAExB,IAAIP,cAAc,GAAGC,SAAS,EAAE;UAC9B,IAAIF,SAAS,EAAE;YACbS,QAAQ,IAAI,CAAC;UACf,CAAC,MAAM;YACLA,QAAQ,IAAI,CAAC;YACb,IAAIA,QAAQ,GAAG,CAAC,EAAEA,QAAQ,GAAG,CAAC;UAChC;QACF,CAAC,MAAM,IAAIR,cAAc,GAAGC,SAAS,EAAE;UACrC,IAAIF,SAAS,EAAE;YACbU,UAAU,IAAI3B,eAAe;YAC7B,IAAI2B,UAAU,GAAG,EAAE,EAAE;cACnBA,UAAU,GAAG,CAAC;cACd,IAAI,CAAC5B,qBAAqB,EAAE2B,QAAQ,IAAI,CAAC;YAC3C;UACF,CAAC,MAAM;YACL,IAAIC,UAAU,IAAI3B,eAAe,IAAI2B,UAAU,KAAK,CAAC,EAAE;cACrDA,UAAU,IAAI3B,eAAe;cAC7B,IAAI2B,UAAU,GAAG,CAAC,IAAID,QAAQ,GAAG,CAAC,EAAE;gBAClCC,UAAU,GAAG,EAAE,GAAG3B,eAAe;gBACjC,IAAI,CAACD,qBAAqB,EAAE2B,QAAQ,IAAI,CAAC;cAC3C;cACA,IAAIA,QAAQ,GAAG,CAAC,EAAE;gBAChBA,QAAQ,GAAG,CAAC;cACd;YACF,CAAC,MAAM;cACLC,UAAU,GAAG,CAAC;YAChB;UACF;QACF;QAEA,IAAMC,gBAAgB,GACpBD,UAAU,GAAG,EAAE,SAAOA,UAAU,GAAKA,UAAU;QACjD,IAAME,cAAc,GAClBhC,eAAe,IAAI6B,QAAQ,GAAG,EAAE,SAAOA,QAAQ,GAAKA,QAAQ;QAC9D,IAAMI,QAAQ,GAAMD,cAAc,SAAID,gBAAkB;QAExD,IAAI9B,UAAU,CAACgC,QAAQ,EAAEjC,eAAe,CAAC,EAAE;UACzCO,eAAe,CAAC0B,QAAQ,CAAC;UAEzBC,qBAAqB,CAAC,YAAM;YAAA;YAC1B,IAAMC,YAAY,GAAGF,QAAQ,CAACV,OAAO,CAAC,GAAG,CAAC;YAC1C,IAAMa,eAAe,GAAGf,cAAc,GAAGc,YAAY;YACrD,IAAME,iBAAiB,GAAGD,eAAe,GACrC,CAAC,GACDD,YAAY,GAAG,CAAC;YACpB,IAAMG,YAAY,GAAGF,eAAe,GAChCD,YAAY,GACZF,QAAQ,CAACf,MAAM;YACnB,qBAAAd,QAAQ,CAACW,OAAO,qBAAhB,kBAAkBwB,iBAAiB,CACjCF,iBAAiB,EACjBC,YAAY,CACb;UACH,CAAC,CAAC;QACJ;MACF;IACF;EACF,CAAC,EACD,CACEhC,YAAY,EACZJ,qBAAqB,EACrBC,eAAe,EACfF,UAAU,EACVD,eAAe,CAChB,CACF;EAED,IAAMwC,aAAa,GAAGxD,WAAW,CAC/B,UAAC8B,CAAC,EAAK;IACL,IAAIA,CAAC,CAAC2B,GAAG,KAAK,OAAO,EAAE;MACrB3B,CAAC,CAACE,MAAM,CAAC0B,IAAI,EAAE;IACjB;IACA,IAAI5B,CAAC,CAAC2B,GAAG,KAAK,WAAW,EAAE;MACzB;IACF;IACA,IAAI3B,CAAC,CAAC2B,GAAG,KAAK,YAAY,EAAE;MAC1B;IACF;IACA,IAAI3B,CAAC,CAAC2B,GAAG,KAAK,QAAQ,EAAE;MACtB/B,SAAS,CAACK,OAAO,GAAG,IAAI;MACxBD,CAAC,CAACE,MAAM,CAAC0B,IAAI,EAAE;MACf,OAAO7C,QAAQ,KAAK,UAAU,IAAIA,QAAQ,EAAE;MAC5Ca,SAAS,CAACK,OAAO,GAAG,KAAK;IAC3B;IACA,IAAID,CAAC,CAAC2B,GAAG,KAAK,WAAW,EAAE;MACzB;IACF;IACA,IAAI,CAAC3B,CAAC,CAAC6B,OAAO,IAAI7B,CAAC,CAAC8B,OAAO,KAAK9B,CAAC,CAAC2B,GAAG,KAAK,GAAG,EAAE;MAAA;MAC7C,sBAAArC,QAAQ,CAACW,OAAO,qBAAhB,mBAAkB8B,MAAM,EAAE;MAC1B;IACF;IACA,IAAMC,KAAK,GAAGhC,CAAC,CAACE,MAAM;IACtB,IAAM+B,KAAK,GAAGD,KAAK,CAACzB,cAAc;IAClC,IAAM2B,GAAG,GAAGF,KAAK,CAACR,YAAY;IAC9B,IAAMhC,YAAY,GAAGwC,KAAK,CAAClD,KAAK;IAChC,IAAIkB,CAAC,CAAC2B,GAAG,KAAK,KAAK,EAAE;MACnB,IAAIM,KAAK,KAAKC,GAAG,EAAE;QACjB,IAAIlC,CAAC,CAACmC,QAAQ,EAAE;UACd,IAAMd,YAAY,GAAG7B,YAAY,CAACiB,OAAO,CAAC,GAAG,CAAC;UAC9C,IAAM2B,iBAAiB,GAAGH,KAAK,GAAGZ,YAAY;UAC9C,IAAIe,iBAAiB,EAAE;YAAA;YACrBpC,CAAC,CAACqC,cAAc,EAAE;YAClB,sBAAA/C,QAAQ,CAACW,OAAO,qBAAhB,mBAAkBwB,iBAAiB,CAAC,CAAC,EAAEJ,YAAY,CAAC;UACtD;QACF,CAAC,MAAM;UACL,IAAMA,aAAY,GAAG7B,YAAY,CAACiB,OAAO,CAAC,GAAG,CAAC;UAC9C,IAAMa,eAAe,GAAGW,KAAK,GAAGZ,aAAY;UAC5C,IAAIC,eAAe,EAAE;YAAA;YACnBtB,CAAC,CAACqC,cAAc,EAAE;YAClB,sBAAA/C,QAAQ,CAACW,OAAO,qBAAhB,mBAAkBwB,iBAAiB,CACjCJ,aAAY,GAAG,CAAC,EAChB7B,YAAY,CAACY,MAAM,CACpB;UACH;QACF;MACF;MACA;IACF;IAEA,IAAI6B,KAAK,KAAKC,GAAG,EAAE;MACjB,IAAIlC,CAAC,CAAC2B,GAAG,KAAK,SAAS,EAAE;QACvBtB,wBAAwB,CAAC,IAAI,CAAC;QAC9B;MACF;MACA,IAAIL,CAAC,CAAC2B,GAAG,KAAK,WAAW,EAAE;QACzBtB,wBAAwB,CAAC,KAAK,CAAC;QAC/B;MACF;MACA,IAAMc,QAAQ,GACZ3B,YAAY,CAAC8C,SAAS,CAAC,CAAC,EAAEL,KAAK,CAAC,GAChCjC,CAAC,CAAC2B,GAAG,GACLnC,YAAY,CAAC8C,SAAS,CAACJ,GAAG,CAAC;MAC7B,IAAI,CAAC/C,UAAU,CAACgC,QAAQ,EAAEjC,eAAe,CAAC,EAAE;QAC1Cc,CAAC,CAACqC,cAAc,EAAE;QAClB;MACF;IACF,CAAC,MAAM;MACL,IAAMlB,SAAQ,GACZ3B,YAAY,CAAC8C,SAAS,CAAC,CAAC,EAAEL,KAAK,CAAC,GAChCjC,CAAC,CAAC2B,GAAG,GACLnC,YAAY,CAAC8C,SAAS,CAACJ,GAAG,CAAC;MAE7B,IAAI,CAAC/C,UAAU,CAACgC,SAAQ,EAAEjC,eAAe,CAAC,EAAE;QAC1Cc,CAAC,CAACqC,cAAc,EAAE;QAClB;MACF;IACF;EACF,CAAC,EACD,CAAChC,wBAAwB,EAAEtB,QAAQ,EAAEI,UAAU,EAAED,eAAe,CAAC,CAClE;EAED,IAAMqD,YAAY,GAAGrE,WAAW,CAAC,UAAC8B,CAAC,EAAK;IACtCP,eAAe,CAACO,CAAC,CAACE,MAAM,CAACpB,KAAK,CAAC;EACjC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM0D,WAAW,GAAG,SAAdA,WAAW,GAAS;IAAA;IACxB,IAAMjC,cAAc,yBAAGjB,QAAQ,CAACW,OAAO,qBAAhB,mBAAkBM,cAAc;IACvD,IACEjB,QAAQ,CAACW,OAAO,IAChBT,YAAY,IACZA,YAAY,CAACY,MAAM,GAAG,CAAC,IACvB,OAAOG,cAAc,KAAK,QAAQ,EAClC;MACA,IAAMC,SAAS,GAAGhB,YAAY,CAACiB,OAAO,CAAC,GAAG,CAAC;MAC3C,IAAIF,cAAc,GAAGC,SAAS,EAAE;QAAA;QAC9B,sBAAAlB,QAAQ,CAACW,OAAO,qBAAhB,mBAAkBwB,iBAAiB,CAAC,CAAC,EAAEjB,SAAS,CAAC;MACnD,CAAC,MAAM,IAAID,cAAc,IAAIC,SAAS,EAAE;QAAA;QACtC,sBAAAlB,QAAQ,CAACW,OAAO,qBAAhB,mBAAkBwB,iBAAiB,CACjCjB,SAAS,GAAG,CAAC,EACbhB,YAAY,CAACY,MAAM,CACpB;MACH;IACF;EACF,CAAC;EAED,IAAMqC,iBAAiB,GAAG,SAApBA,iBAAiB,GAAS;IAC9B,IAAInD,QAAQ,CAACW,OAAO,EAAE;MAAA;MACpB,sBAAAX,QAAQ,CAACW,OAAO,qBAAhB,mBAAkB8B,MAAM,EAAE;IAC5B;EACF,CAAC;EAED,IAAMW,UAAU,GAAG;IACjB5D,KAAK,EAAEU,YAAY;IACnBmD,MAAM,EAAE5C,UAAU;IAClB6C,SAAS,EAAElB,aAAa;IACxBmB,QAAQ,EAAEN,YAAY;IACtBO,OAAO,EAAEN,WAAW;IACpBO,aAAa,EAAEN;EACjB,CAAC;EAED,IAAI,CAAC5D,QAAQ,EAAE;IACbmE,OAAO,CAACC,KAAK,CAAC,uBAAuB,CAAC;IACtC,OAAO,IAAI;EACb;EAEA,oBACE,0CACGhF,KAAK,CAACiF,QAAQ,CAACvC,GAAG,CAAC9B,QAAQ,EAAE,UAACsE,KAAK,EAAK;IACvC,IAAMC,EAAE,GAAGD,KAA2B;IACtC,IAAIC,EAAE,IAAIA,EAAE,CAACC,IAAI,KAAK5E,eAAe,EAAE;MACrC,oBAAOR,KAAK,CAACqF,YAAY,CAACH,KAAK,EAAwB;QACrDvE,GAAG,EAAEW,SAAS;QACdmD,UAAU,EAAEA;MACd,CAAC,CAAC;IACJ;IACA,oBAAOzE,KAAK,CAACqF,YAAY,CAACH,KAAK;MAC7BvE,GAAG,EAAEW;IAAS,GACXmD,UAAU,EACb;EACJ,CAAC,CAAC,CACD;AAEP,CAAC,CACF;AAEDhE,YAAY,CAAC6E,WAAW,GAAG,cAAc"}
+{"version":3,"file":"HoursWrapper.js","names":["React","useCallback","useEffect","useRef","useState","decimalToHours","useForkRef","validateTimeInput","EditableContent","HoursWrapper","forwardRef","ref","children","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","inputRef","handleRef","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","_value","undefined","handleBlur","e","current","target","trim","length","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","split","map","Number","hours","minutes","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","select","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","inputProps","onBlur","onKeyDown","onChange","onClick","onDoubleClick","console","error","Children","child","el","type","cloneElement","displayName"],"sources":["../../../../src/components/HoursWrapper/HoursWrapper.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { decimalToHours } from \"../../utils/timeUtils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { InputHoursProps } from \"../Input/InputHours\";\nimport { EditableContent } from \"../EditableContent\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface HoursWrapperProps extends InputHoursProps {}\n\nexport const HoursWrapper = React.forwardRef<\n  HTMLInputElement,\n  PropsWithChildren<HoursWrapperProps>\n>(\n  (\n    {\n      children,\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [currentValue, setCurrentValue] = useState(() =>\n      decimalToHours(value, withLeadingZero)\n    );\n    const [prevValue, setPrevValue] = useState(() =>\n      decimalToHours(value, withLeadingZero)\n    );\n    const escapeRef = useRef(false);\n\n    useEffect(() => {\n      let _value;\n      if (value !== undefined) {\n        _value = decimalToHours(value, withLeadingZero);\n      }\n      if (currentValue !== _value) {\n        setCurrentValue(_value);\n        setPrevValue(_value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            const _value = decimalToHours(e.target.value, withLeadingZero);\n            setPrevValue(_value);\n            setCurrentValue(_value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyValue\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n      },\n      [allowEmptyValue, 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              requestAnimationFrame(() => {\n                const newDotsIndex = newValue.indexOf(\":\");\n                const isHoursSelected = selectionStart < newDotsIndex;\n                const newSelectionStart = isHoursSelected\n                  ? 0\n                  : 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        minuteIncrement,\n        validation,\n        withLeadingZero,\n      ]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\") {\n          e.target.blur();\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();\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      [handleIncrementDecrement, onCancel, validation, withLeadingZero]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    const handleClick = () => {\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\n    const handleDoubleClick = () => {\n      if (inputRef.current) {\n        inputRef.current?.select();\n      }\n    };\n\n    const inputProps = {\n      value: currentValue,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      onChange: handleChange,\n      onClick: handleClick,\n      onDoubleClick: handleDoubleClick,\n    };\n\n    if (!children) {\n      console.error(\"No children provided!\");\n      return null;\n    }\n\n    return (\n      <>\n        {React.Children.map(children, (child) => {\n          const el = child as React.ReactElement;\n          if (el && el.type === EditableContent) {\n            return React.cloneElement(child as React.ReactElement, {\n              ref: handleRef,\n              inputProps: inputProps,\n            });\n          }\n          return React.cloneElement(child as React.ReactElement, {\n            ref: handleRef,\n            ...inputProps,\n          });\n        })}\n      </>\n    );\n  }\n);\n\nHoursWrapper.displayName = \"HoursWrapper\";\n"],"mappings":"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"}

package/dist/index.js

@@ -15992,11 +15992,15 @@
       minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement;
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
-    var _useState = React.useState(decimalToHours(value, withLeadingZero)),
+    var _useState = React.useState(function () {
+        return decimalToHours(value, withLeadingZero);
+      }),
       _useState2 = _slicedToArray(_useState, 2),
       currentValue = _useState2[0],
       setCurrentValue = _useState2[1];
-    var _useState3 = React.useState(decimalToHours(value, withLeadingZero)),
+    var _useState3 = React.useState(function () {
+        return decimalToHours(value, withLeadingZero);
+      }),
       _useState4 = _slicedToArray(_useState3, 2),
       prevValue = _useState4[0],
       setPrevValue = _useState4[1];