@activecollab/components 1.0.378 → 1.0.380

package/dist/cjs/components/EditableHours/EditableHours.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.EditableHours = void 0;
 var _EditableContent = require("../EditableContent");
 var _react = _interopRequireWildcard(require("react"));
-var _timeUtils = require("../../utils/timeUtils");
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../../utils");
-var _excluded = ["value", "onCancel", "onSave", "inputProps", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement"];
+var _HoursWrapper = require("../HoursWrapper");
+var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "inputProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -19,20 +19,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var EditableHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 0 : _ref$value,
+  var value = _ref.value,
     onCancel = _ref.onCancel,
     onSave = _ref.onSave,
-    inputProps = _ref.inputProps,
     allowEmptyValue = _ref.allowEmptyValue,
     _ref$withLeadingZero = _ref.withLeadingZero,
     withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
@@ -42,213 +34,27 @@ var EditableHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
     incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
     _ref$minuteIncrement = _ref.minuteIncrement,
     minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
+    className = _ref.className,
+    inputProps = _ref.inputProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _useForkRef.default)(ref, inputRef);
-  var _useState = (0, _react.useState)(function () {
-      if (value !== undefined) {
-        return (0, _timeUtils.decimalToHours)(value, withLeadingZero);
-      }
-      return "";
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentValue = _useState2[0],
-    setCurrentValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(function () {
-      if (value !== undefined) {
-        return (0, _timeUtils.decimalToHours)(value, withLeadingZero);
-      }
-      return "";
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    prevValue = _useState4[0],
-    setPrevValue = _useState4[1];
-  var escapeRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(function () {
-    var _value;
-    if (value !== undefined) {
-      _value = (0, _timeUtils.decimalToHours)(value, withLeadingZero);
-    }
-    if (currentValue !== _value) {
-      setCurrentValue(_value);
-      setPrevValue(_value);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
-  var handleBlur = (0, _react.useCallback)(function (e) {
-    if (escapeRef.current) {
-      setCurrentValue(prevValue);
-      escapeRef.current = false;
-    } else {
-      if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-        var _value = (0, _timeUtils.decimalToHours)(e.target.value, withLeadingZero);
-        setPrevValue(_value);
-        setCurrentValue(_value);
-        typeof onSave === "function" && onSave(e);
-      } else {
-        !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
-      }
-    }
-  }, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
-  var handleIncrementDecrement = (0, _react.useCallback)(function (increment) {
-    if (inputRef.current) {
-      var selectionStart = inputRef.current.selectionStart;
-      if (selectionStart !== null) {
-        var dotsIndex = currentValue.indexOf(":");
-        var _currentValue$split$m = currentValue.split(":").map(Number),
-          _currentValue$split$m2 = _slicedToArray(_currentValue$split$m, 2),
-          hours = _currentValue$split$m2[0],
-          minutes = _currentValue$split$m2[1];
-        var newHours = hours;
-        var newMinutes = minutes;
-        if (selectionStart < dotsIndex) {
-          if (increment) {
-            newHours += 1;
-          } else {
-            newHours -= 1;
-            if (newHours < 0) newHours = 0;
-          }
-        } else if (selectionStart > dotsIndex) {
-          if (increment) {
-            newMinutes += minuteIncrement;
-            if (newMinutes > 59) {
-              newMinutes = 0;
-              if (!incrementOnlySelected) newHours += 1;
-            }
-          } else {
-            if (newMinutes >= minuteIncrement || newMinutes === 0) {
-              newMinutes -= minuteIncrement;
-              if (newMinutes < 0 && newHours > 0) {
-                newMinutes = 60 - minuteIncrement;
-                if (!incrementOnlySelected) newHours -= 1;
-              }
-              if (newHours < 0) {
-                newHours = 0;
-              }
-            } else {
-              newMinutes = 0;
-            }
-          }
-        }
-        var newMinutesString = newMinutes < 10 ? "0".concat(newMinutes) : newMinutes;
-        var newHoursString = withLeadingZero && newHours < 10 ? "0".concat(newHours) : newHours;
-        var newValue = "".concat(newHoursString, ":").concat(newMinutesString);
-        if (validation(newValue, withLeadingZero)) {
-          setCurrentValue(newValue);
-          requestAnimationFrame(function () {
-            var _inputRef$current;
-            var newDotsIndex = newValue.indexOf(":");
-            var isHoursSelected = selectionStart < newDotsIndex;
-            var newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;
-            var selectionEnd = isHoursSelected ? newDotsIndex : newValue.length;
-            (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.setSelectionRange(newSelectionStart, selectionEnd);
-          });
-        }
-      }
-    }
-  }, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
-  var handleKeyDown = (0, _react.useCallback)(function (e) {
-    if (e.key === "Enter") {
-      e.target.blur();
-    }
-    if (e.key === "ArrowLeft") {
-      return;
-    }
-    if (e.key === "ArrowRight") {
-      return;
-    }
-    if (e.key === "Escape") {
-      escapeRef.current = true;
-      e.target.blur();
-      typeof onCancel === "function" && onCancel();
-    }
-    if (e.key === "Backspace") {
-      return;
-    }
-    var input = e.target;
-    var start = input.selectionStart;
-    var end = input.selectionEnd;
-    var currentValue = input.value;
-    if (e.key === "Tab") {
-      if (start !== end) {
-        if (e.shiftKey) {
-          var newDotsIndex = currentValue.indexOf(":");
-          var isMinutesSelected = start > newDotsIndex;
-          if (isMinutesSelected) {
-            var _inputRef$current2;
-            e.preventDefault();
-            (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.setSelectionRange(0, newDotsIndex);
-          }
-        } else {
-          var _newDotsIndex = currentValue.indexOf(":");
-          var isHoursSelected = start < _newDotsIndex;
-          if (isHoursSelected) {
-            var _inputRef$current3;
-            e.preventDefault();
-            (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.setSelectionRange(_newDotsIndex + 1, currentValue.length);
-          }
-        }
-      }
-      return;
-    }
-    if (start !== end) {
-      if (e.key === "ArrowUp") {
-        handleIncrementDecrement(true);
-        return;
-      }
-      if (e.key === "ArrowDown") {
-        handleIncrementDecrement(false);
-        return;
-      }
-      var newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
-      if (!validation(newValue, withLeadingZero)) {
-        e.preventDefault();
-        return;
-      }
-    } else {
-      var _newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
-      if (!validation(_newValue, withLeadingZero)) {
-        e.preventDefault();
-        return;
-      }
-    }
-  }, [handleIncrementDecrement, onCancel, validation, withLeadingZero]);
-  var handleChange = (0, _react.useCallback)(function (e) {
-    setCurrentValue(e.target.value);
-  }, []);
-  var handleClick = function handleClick() {
-    var _inputRef$current4;
-    var selectionStart = (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.selectionStart;
-    if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
-      var dotsIndex = currentValue.indexOf(":");
-      if (selectionStart < dotsIndex) {
-        var _inputRef$current5;
-        (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.setSelectionRange(0, dotsIndex);
-      } else if (selectionStart >= dotsIndex) {
-        var _inputRef$current6;
-        (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.setSelectionRange(dotsIndex + 1, currentValue.length);
-      }
-    }
-  };
-  var handleDoubleClick = function handleDoubleClick() {
-    if (inputRef.current) {
-      var _inputRef$current7;
-      (_inputRef$current7 = inputRef.current) === null || _inputRef$current7 === void 0 ? void 0 : _inputRef$current7.setSelectionRange(0, currentValue.length);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_EditableContent.EditableContent, _extends({
+  return /*#__PURE__*/_react.default.createElement(_HoursWrapper.HoursWrapper, {
+    value: value,
+    onCancel: onCancel,
+    onSave: onSave,
+    incrementOnlySelected: incrementOnlySelected,
+    minuteIncrement: minuteIncrement,
+    allowEmptyValue: allowEmptyValue,
+    withLeadingZero: withLeadingZero,
+    validation: validation
+  }, /*#__PURE__*/_react.default.createElement(_EditableContent.EditableContent, _extends({
     ref: handleRef,
     inputProps: _objectSpread(_objectSpread({}, inputProps), {}, {
-      value: currentValue,
-      onBlur: handleBlur,
-      onKeyDown: handleKeyDown,
-      onChange: handleChange,
       type: "text",
-      onClick: handleClick,
-      onDoubleClick: handleDoubleClick,
-      className: (0, _classnames.default)("c-input", inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
+      className: (0, _classnames.default)("c-input", className)
     })
-  }, rest));
+  }, rest)));
 });
 exports.EditableHours = EditableHours;
 EditableHours.displayName = "EditableHours";

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

@@ -1 +1 @@
-{"version":3,"file":"EditableHours.js","names":["EditableHours","React","forwardRef","ref","value","onCancel","onSave","inputProps","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","rest","inputRef","useRef","handleRef","useForkRef","useState","undefined","decimalToHours","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","useEffect","_value","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","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","onBlur","onKeyDown","onChange","type","onClick","onDoubleClick","className","classNames","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { decimalToHours } from \"../../utils/timeUtils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport classNames from \"classnames\";\nimport { validateTimeInput } from \"../../utils\";\n\nexport interface EditableHoursProps extends EditableContentInterface {\n  value?: number | string;\n  onSave?: (e: Event) => void;\n  onCancel?: () => void;\n  withLeadingZero?: boolean;\n  incrementOnlySelected?: boolean;\n  validation?: (value: string) => boolean;\n  allowEmptyValue?: boolean;\n  minuteIncrement?: number;\n}\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value = 0,\n      onCancel,\n      onSave,\n      inputProps,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [currentValue, setCurrentValue] = useState(() => {\n      if (value !== undefined) {\n        return decimalToHours(value, withLeadingZero);\n      }\n      return \"\";\n    });\n    const [prevValue, setPrevValue] = useState(() => {\n      if (value !== undefined) {\n        return decimalToHours(value, withLeadingZero);\n      }\n      return \"\";\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          escapeRef.current = false;\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        }\n        if (e.key === \"Backspace\") {\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?.setSelectionRange(0, currentValue.length);\n      }\n    };\n\n    return (\n      <EditableContent\n        ref={handleRef}\n        inputProps={{\n          ...inputProps,\n          value: currentValue,\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          onClick: handleClick,\n          onDoubleClick: handleDoubleClick,\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n        {...rest}\n      />\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":"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"}
+{"version":3,"file":"EditableHours.js","names":["EditableHours","React","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","inputProps","rest","inputRef","useRef","handleRef","useForkRef","type","classNames","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport classNames from \"classnames\";\nimport { validateTimeInput } from \"../../utils\";\nimport { HoursWrapper } from \"../HoursWrapper\";\n\nexport interface EditableHoursProps extends EditableContentInterface {\n  value?: number | string;\n  onSave?: (e: Event) => void;\n  onCancel?: () => void;\n  withLeadingZero?: boolean;\n  incrementOnlySelected?: boolean;\n  validation?: (value: string, withLeadingZero: boolean) => boolean;\n  allowEmptyValue?: boolean;\n  minuteIncrement?: number;\n  className?: string;\n}\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      inputProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    return (\n      <HoursWrapper\n        value={value}\n        onCancel={onCancel}\n        onSave={onSave}\n        incrementOnlySelected={incrementOnlySelected}\n        minuteIncrement={minuteIncrement}\n        allowEmptyValue={allowEmptyValue}\n        withLeadingZero={withLeadingZero}\n        validation={validation}\n      >\n        <EditableContent\n          ref={handleRef}\n          inputProps={{\n            ...inputProps,\n            type: \"text\",\n            className: classNames(\"c-input\", className),\n          }}\n          {...rest}\n        />\n      </HoursWrapper>\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaxC,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAI3C,gBAcEC,GAAG,EACA;EAAA,IAbDC,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,gCAAGC,wBAAiB;IAAA,6BAC9BC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAIT,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAAChB,GAAG,EAAEa,QAAQ,CAAC;EAE3C,oBACE,6BAAC,0BAAY;IACX,KAAK,EAAEZ,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,qBAAqB,EAAEK,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEL,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,6BAAC,gCAAe;IACd,GAAG,EAAES,SAAU;IACf,UAAU,kCACLJ,UAAU;MACbM,IAAI,EAAE,MAAM;MACZP,SAAS,EAAE,IAAAQ,mBAAU,EAAC,SAAS,EAAER,SAAS;IAAC;EAC3C,GACEE,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAAC;AAEFf,aAAa,CAACsB,WAAW,GAAG,eAAe"}

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

@@ -0,0 +1,258 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HoursWrapper = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _timeUtils = require("../../utils/timeUtils");
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+var _utils = require("../../utils");
+var _EditableContent = require("../EditableContent");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    value = _ref.value,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    allowEmptyValue = _ref.allowEmptyValue,
+    _ref$withLeadingZero = _ref.withLeadingZero,
+    withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
+    _ref$validation = _ref.validation,
+    validation = _ref$validation === void 0 ? _utils.validateTimeInput : _ref$validation,
+    _ref$incrementOnlySel = _ref.incrementOnlySelected,
+    incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
+    _ref$minuteIncrement = _ref.minuteIncrement,
+    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)(function () {
+      return (0, _timeUtils.decimalToHours)(value, withLeadingZero);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentValue = _useState2[0],
+    setCurrentValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(function () {
+      return (0, _timeUtils.decimalToHours)(value, withLeadingZero);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    prevValue = _useState4[0],
+    setPrevValue = _useState4[1];
+  var escapeRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    var _value;
+    if (value !== undefined) {
+      _value = (0, _timeUtils.decimalToHours)(value, withLeadingZero);
+    }
+    if (currentValue !== _value) {
+      setCurrentValue(_value);
+      setPrevValue(_value);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value]);
+  var handleBlur = (0, _react.useCallback)(function (e) {
+    if (escapeRef.current) {
+      setCurrentValue(prevValue);
+    } else {
+      if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
+        var _value = (0, _timeUtils.decimalToHours)(e.target.value, withLeadingZero);
+        setPrevValue(_value);
+        setCurrentValue(_value);
+        typeof onSave === "function" && onSave(e);
+      } else {
+        !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
+      }
+    }
+  }, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
+  var handleIncrementDecrement = (0, _react.useCallback)(function (increment) {
+    if (inputRef.current) {
+      var selectionStart = inputRef.current.selectionStart;
+      if (selectionStart !== null) {
+        var dotsIndex = currentValue.indexOf(":");
+        var _currentValue$split$m = currentValue.split(":").map(Number),
+          _currentValue$split$m2 = _slicedToArray(_currentValue$split$m, 2),
+          hours = _currentValue$split$m2[0],
+          minutes = _currentValue$split$m2[1];
+        var newHours = hours;
+        var newMinutes = minutes;
+        if (selectionStart < dotsIndex) {
+          if (increment) {
+            newHours += 1;
+          } else {
+            newHours -= 1;
+            if (newHours < 0) newHours = 0;
+          }
+        } else if (selectionStart > dotsIndex) {
+          if (increment) {
+            newMinutes += minuteIncrement;
+            if (newMinutes > 59) {
+              newMinutes = 0;
+              if (!incrementOnlySelected) newHours += 1;
+            }
+          } else {
+            if (newMinutes >= minuteIncrement || newMinutes === 0) {
+              newMinutes -= minuteIncrement;
+              if (newMinutes < 0 && newHours > 0) {
+                newMinutes = 60 - minuteIncrement;
+                if (!incrementOnlySelected) newHours -= 1;
+              }
+              if (newHours < 0) {
+                newHours = 0;
+              }
+            } else {
+              newMinutes = 0;
+            }
+          }
+        }
+        var newMinutesString = newMinutes < 10 ? "0".concat(newMinutes) : newMinutes;
+        var newHoursString = withLeadingZero && newHours < 10 ? "0".concat(newHours) : newHours;
+        var newValue = "".concat(newHoursString, ":").concat(newMinutesString);
+        if (validation(newValue, withLeadingZero)) {
+          setCurrentValue(newValue);
+          requestAnimationFrame(function () {
+            var _inputRef$current;
+            var newDotsIndex = newValue.indexOf(":");
+            var isHoursSelected = selectionStart < newDotsIndex;
+            var newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;
+            var selectionEnd = isHoursSelected ? newDotsIndex : newValue.length;
+            (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.setSelectionRange(newSelectionStart, selectionEnd);
+          });
+        }
+      }
+    }
+  }, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
+  var handleKeyDown = (0, _react.useCallback)(function (e) {
+    if (e.key === "Enter") {
+      e.target.blur();
+    }
+    if (e.key === "ArrowLeft") {
+      return;
+    }
+    if (e.key === "ArrowRight") {
+      return;
+    }
+    if (e.key === "Escape") {
+      escapeRef.current = true;
+      e.target.blur();
+      typeof onCancel === "function" && onCancel();
+      escapeRef.current = false;
+    }
+    if (e.key === "Backspace") {
+      return;
+    }
+    if ((e.metaKey || e.ctrlKey) && e.key === "a") {
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.select();
+      return;
+    }
+    var input = e.target;
+    var start = input.selectionStart;
+    var end = input.selectionEnd;
+    var currentValue = input.value;
+    if (e.key === "Tab") {
+      if (start !== end) {
+        if (e.shiftKey) {
+          var newDotsIndex = currentValue.indexOf(":");
+          var isMinutesSelected = start > newDotsIndex;
+          if (isMinutesSelected) {
+            var _inputRef$current3;
+            e.preventDefault();
+            (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.setSelectionRange(0, newDotsIndex);
+          }
+        } else {
+          var _newDotsIndex = currentValue.indexOf(":");
+          var isHoursSelected = start < _newDotsIndex;
+          if (isHoursSelected) {
+            var _inputRef$current4;
+            e.preventDefault();
+            (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.setSelectionRange(_newDotsIndex + 1, currentValue.length);
+          }
+        }
+      }
+      return;
+    }
+    if (start !== end) {
+      if (e.key === "ArrowUp") {
+        handleIncrementDecrement(true);
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        handleIncrementDecrement(false);
+        return;
+      }
+      var newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
+      if (!validation(newValue, withLeadingZero)) {
+        e.preventDefault();
+        return;
+      }
+    } else {
+      var _newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
+      if (!validation(_newValue, withLeadingZero)) {
+        e.preventDefault();
+        return;
+      }
+    }
+  }, [handleIncrementDecrement, onCancel, validation, withLeadingZero]);
+  var handleChange = (0, _react.useCallback)(function (e) {
+    setCurrentValue(e.target.value);
+  }, []);
+  var handleClick = function handleClick() {
+    var _inputRef$current5;
+    var selectionStart = (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.selectionStart;
+    if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
+      var dotsIndex = currentValue.indexOf(":");
+      if (selectionStart < dotsIndex) {
+        var _inputRef$current6;
+        (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.setSelectionRange(0, dotsIndex);
+      } else if (selectionStart >= dotsIndex) {
+        var _inputRef$current7;
+        (_inputRef$current7 = inputRef.current) === null || _inputRef$current7 === void 0 ? void 0 : _inputRef$current7.setSelectionRange(dotsIndex + 1, currentValue.length);
+      }
+    }
+  };
+  var handleDoubleClick = function handleDoubleClick() {
+    if (inputRef.current) {
+      var _inputRef$current8;
+      (_inputRef$current8 = inputRef.current) === null || _inputRef$current8 === void 0 ? void 0 : _inputRef$current8.select();
+    }
+  };
+  var inputProps = {
+    value: currentValue,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    onChange: handleChange,
+    onClick: handleClick,
+    onDoubleClick: handleDoubleClick
+  };
+  if (!children) {
+    console.error("No children provided!");
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _react.default.Children.map(children, function (child) {
+    var el = child;
+    if (el && el.type === _EditableContent.EditableContent) {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        ref: handleRef,
+        inputProps: inputProps
+      });
+    }
+    return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread({
+      ref: handleRef
+    }, inputProps));
+  }));
+});
+exports.HoursWrapper = HoursWrapper;
+HoursWrapper.displayName = "HoursWrapper";
+//# sourceMappingURL=HoursWrapper.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _HoursWrapper = require("./HoursWrapper");
+Object.keys(_HoursWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HoursWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _HoursWrapper[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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