@activecollab/components 1.0.377 → 1.0.379

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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["Input","React","forwardRef","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","rest","intInputRef","useRef","handleRef","useForkRef","handleWrapperClick","useCallback","current","focus","classnames","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { ReactNode, Ref, useCallback, useRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { InputSize } from \"./types\";\nexport interface InputProps {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n  invalid?: boolean;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  wrapRef?: Ref<HTMLDivElement>;\n  wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<\n  HTMLInputElement,\n  InputProps & Omit<React.ComponentPropsWithoutRef<\"input\">, keyof InputProps>\n>(\n  (\n    {\n      className = \"\",\n      style,\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      wrapRef,\n      wrapperClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleWrapperClick = useCallback(() => {\n      intInputRef.current?.focus();\n      wrapperClick && wrapperClick();\n    }, [wrapperClick]);\n\n    return (\n      <StyledInputWrapper\n        $size={size}\n        $invalid={invalid}\n        $disabled={disabled}\n        style={style}\n        className={classnames(\"c-input-wrapper\", className)}\n        onClick={handleWrapperClick}\n        ref={wrapRef}\n      >\n        {startAdornment}\n        <StyledInput\n          ref={handleRef}\n          type={type}\n          $size={size}\n          disabled={disabled}\n          className=\"c-input\"\n          aria-invalid={invalid}\n          data-form-type=\"other\"\n          {...rest}\n        />\n        {endAdornment}\n      </StyledInputWrapper>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYzC,IAAMA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAInC,gBAcEC,GAAG,EACA;EAAA,0BAbDC,SAAS;IAATA,SAAS,+BAAG,EAAE;IACdC,KAAK,QAALA,KAAK;IAAA,iBACLC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,iBAChBC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,OAAO,QAAPA,OAAO;IACPC,YAAY,QAAZA,YAAY;IACTC,IAAI;EAIT,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAClD,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACf,GAAG,EAAEY,WAAW,CAAC;EAE9C,IAAMI,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAAA;IAC3C,wBAAAL,WAAW,CAACM,OAAO,yDAAnB,qBAAqBC,KAAK,EAAE;IAC5BT,YAAY,IAAIA,YAAY,EAAE;EAChC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,oBACE,6BAAC,0BAAkB;IACjB,KAAK,EAAEL,IAAK;IACZ,QAAQ,EAAEC,OAAQ;IAClB,SAAS,EAAEF,QAAS;IACpB,KAAK,EAAEF,KAAM;IACb,SAAS,EAAE,IAAAkB,mBAAU,EAAC,iBAAiB,EAAEnB,SAAS,CAAE;IACpD,OAAO,EAAEe,kBAAmB;IAC5B,GAAG,EAAEP;EAAQ,GAEZF,cAAc,eACf,6BAAC,mBAAW;IACV,GAAG,EAAEO,SAAU;IACf,IAAI,EAAEX,IAAK;IACX,KAAK,EAAEE,IAAK;IACZ,QAAQ,EAAED,QAAS;IACnB,SAAS,EAAC,SAAS;IACnB,gBAAcE,OAAQ;IACtB,kBAAe;EAAO,GAClBK,IAAI,EACR,EACDH,YAAY,CACM;AAEzB,CAAC,CACF;AAAC;AAEFX,KAAK,CAACwB,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Input.js","names":["Input","React","forwardRef","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","rest","intInputRef","useRef","handleRef","useForkRef","handleWrapperClick","useCallback","current","focus","classnames","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  Ref,\n  useCallback,\n  useRef,\n  InputHTMLAttributes,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { InputSize } from \"./types\";\n\ntype InputNativeProps = InputHTMLAttributes<HTMLInputElement>;\n\nexport interface InputProps extends Omit<InputNativeProps, \"size\" | \"ref\"> {\n  /** Velicina inputa koja definse font-size i border radius */\n  size?: InputSize;\n  invalid?: boolean;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  wrapRef?: Ref<HTMLDivElement>;\n  wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className = \"\",\n      style,\n      type = \"text\",\n      disabled = false,\n      size = \"regular\",\n      invalid = false,\n      startAdornment,\n      endAdornment,\n      wrapRef,\n      wrapperClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleWrapperClick = useCallback(() => {\n      intInputRef.current?.focus();\n      wrapperClick && wrapperClick();\n    }, [wrapperClick]);\n\n    return (\n      <StyledInputWrapper\n        $size={size}\n        $invalid={invalid}\n        $disabled={disabled}\n        style={style}\n        className={classnames(\"c-input-wrapper\", className)}\n        onClick={handleWrapperClick}\n        ref={wrapRef}\n      >\n        {startAdornment}\n        <StyledInput\n          ref={handleRef}\n          type={type}\n          $size={size}\n          disabled={disabled}\n          className=\"c-input\"\n          aria-invalid={invalid}\n          data-form-type=\"other\"\n          {...rest}\n        />\n        {endAdornment}\n      </StyledInputWrapper>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;AAAA;AAOA;AACA;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAezC,IAAMA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CACnC,gBAcEC,GAAG,EACA;EAAA,0BAbDC,SAAS;IAATA,SAAS,+BAAG,EAAE;IACdC,KAAK,QAALA,KAAK;IAAA,iBACLC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,iBAChBC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,OAAO,QAAPA,OAAO;IACPC,YAAY,QAAZA,YAAY;IACTC,IAAI;EAIT,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAClD,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACf,GAAG,EAAEY,WAAW,CAAC;EAE9C,IAAMI,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAAA;IAC3C,wBAAAL,WAAW,CAACM,OAAO,yDAAnB,qBAAqBC,KAAK,EAAE;IAC5BT,YAAY,IAAIA,YAAY,EAAE;EAChC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,oBACE,6BAAC,0BAAkB;IACjB,KAAK,EAAEL,IAAK;IACZ,QAAQ,EAAEC,OAAQ;IAClB,SAAS,EAAEF,QAAS;IACpB,KAAK,EAAEF,KAAM;IACb,SAAS,EAAE,IAAAkB,mBAAU,EAAC,iBAAiB,EAAEnB,SAAS,CAAE;IACpD,OAAO,EAAEe,kBAAmB;IAC5B,GAAG,EAAEP;EAAQ,GAEZF,cAAc,eACf,6BAAC,mBAAW;IACV,GAAG,EAAEO,SAAU;IACf,IAAI,EAAEX,IAAK;IACX,KAAK,EAAEE,IAAK;IACZ,QAAQ,EAAED,QAAS;IACnB,SAAS,EAAC,SAAS;IACnB,gBAAcE,OAAQ;IACtB,kBAAe;EAAO,GAClBK,IAAI,EACR,EACDH,YAAY,CACM;AAEzB,CAAC,CACF;AAAC;AAEFX,KAAK,CAACwB,WAAW,GAAG,OAAO"}

package/dist/cjs/components/Input/InputHours.js

@@ -0,0 +1,54 @@
+"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.InputHours = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+var _utils = require("../../utils");
+var _Input = require("./Input");
+var _HoursWrapper = require("../HoursWrapper");
+var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 InputHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var 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,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var inputRef = (0, _react.useRef)(null);
+  var handleRef = (0, _useForkRef.default)(ref, inputRef);
+  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(_Input.Input, _extends({
+    ref: handleRef,
+    className: className,
+    placeholder: withLeadingZero ? "00:00" : "0:00"
+  }, rest)));
+});
+exports.InputHours = InputHours;
+InputHours.displayName = "InputHours";
+//# sourceMappingURL=InputHours.js.map

package/dist/cjs/components/Input/InputHours.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputHours.js","names":["InputHours","React","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","rest","inputRef","useRef","handleRef","useForkRef","displayName"],"sources":["../../../../src/components/Input/InputHours.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { Input } from \"./Input\";\nimport { HoursWrapper } from \"../HoursWrapper\";\nimport type { InputProps } from \"./Input\";\nimport type { EditableHoursProps } from \"../EditableHours\";\n\nexport interface InputHoursProps\n  extends Omit<EditableHoursProps, \"inputProps\" | \"weight\" | \"variant\">,\n    Omit<InputProps, \"value\"> {}\n\nexport const InputHours = React.forwardRef<HTMLInputElement, InputHoursProps>(\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      ...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        <Input\n          ref={handleRef}\n          className={className}\n          placeholder={withLeadingZero ? \"00:00\" : \"0:00\"}\n          {...rest}\n        />\n      </HoursWrapper>\n    );\n  }\n);\n\nInputHours.displayName = \"InputHours\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQxC,IAAMA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACxC,gBAaEC,GAAG,EACA;EAAA,IAZDC,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;IACNC,IAAI;EAIT,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACf,GAAG,EAAEY,QAAQ,CAAC;EAE3C,oBACE,6BAAC,0BAAY;IACX,KAAK,EAAEX,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,YAAK;IACJ,GAAG,EAAEQ,SAAU;IACf,SAAS,EAAEJ,SAAU;IACrB,WAAW,EAAEL,eAAe,GAAG,OAAO,GAAG;EAAO,GAC5CM,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAAC;AAEFd,UAAU,CAACmB,WAAW,GAAG,YAAY"}

package/dist/cjs/utils/timeUtils.js

@@ -43,6 +43,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var decimalToHours = function decimalToHours(num) {
   var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (!num) {
+    return "";
+  }
   if (typeof num === "string" && !num) {
     return withLeadingZeroHours ? "00:00" : "0:00";
   }

package/dist/cjs/utils/timeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeUtils.js","names":["decimalToHours","num","withLeadingZeroHours","indexOf","split","_hours","_minutes","length","Number","withLeadingZero","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutes_formatted","Math","round","parseInt","size","s","isInteger"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["// export const decimalToHours = (decimal: string) => {\n//   // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00\n//   decimal = parseFloat(decimal).toFixed(2);\n//   decimal = decimal + \"\";\n//   let hours;\n//   let minutes_decimal;\n//\n//   if (decimal.indexOf(\".\") < 0) {\n//     hours = parseInt(decimal);\n//     minutes_decimal = 0;\n//   } else {\n//     hours = parseInt(decimal.substring(0, decimal.indexOf(\".\")));\n//     minutes_decimal = decimal.substring(decimal.indexOf(\".\") + 1);\n//     minutes_decimal = minutes_decimal.substring(0, 2);\n//     if (minutes_decimal.length === 1) {\n//       minutes_decimal += \"0\";\n//     } // if\n//     minutes_decimal = parseInt(minutes_decimal);\n//   } // if\n//\n//   const minutes = Math.round((minutes_decimal / 100) * 60);\n//\n//   if (hours < 10) {\n//     hours = `0${hours}`;\n//   }\n//   return {\n//     hours: hours,\n//     minutes: minutes,\n//   };\n// };\n\nexport const decimalToHours = (\n  num: number | string,\n  withLeadingZeroHours = false\n): string => {\n  if (typeof num === \"string\" && !num) {\n    return withLeadingZeroHours ? `00:00` : \"0:00\";\n  }\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    //eslint-disable-next-line\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (withLeadingZeroHours) {\n        return `${withLeadingZero(_hours)}:${_minutes}`;\n      }\n      return `${_hours}:${_minutes}`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_minutes && _hours) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else {\n      return withLeadingZeroHours ? `00:00` : \"0:00\";\n    }\n  }\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  if (!isDecimal(input)) {\n    if (withLeadingZeroHours) {\n      return `${withLeadingZero(input)}:00`;\n    }\n    return `${input}:00`;\n  }\n\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutes_formatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  return `${hours}:${withLeadingZero(minutes_formatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n  let s = `${num}`;\n  while (s.length < size) s = `0` + s;\n  return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n  return !Number.isInteger(num);\n};\n"],"mappings":"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"}
+{"version":3,"file":"timeUtils.js","names":["decimalToHours","num","withLeadingZeroHours","indexOf","split","_hours","_minutes","length","Number","withLeadingZero","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutes_formatted","Math","round","parseInt","size","s","isInteger"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["// export const decimalToHours = (decimal: string) => {\n//   // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00\n//   decimal = parseFloat(decimal).toFixed(2);\n//   decimal = decimal + \"\";\n//   let hours;\n//   let minutes_decimal;\n//\n//   if (decimal.indexOf(\".\") < 0) {\n//     hours = parseInt(decimal);\n//     minutes_decimal = 0;\n//   } else {\n//     hours = parseInt(decimal.substring(0, decimal.indexOf(\".\")));\n//     minutes_decimal = decimal.substring(decimal.indexOf(\".\") + 1);\n//     minutes_decimal = minutes_decimal.substring(0, 2);\n//     if (minutes_decimal.length === 1) {\n//       minutes_decimal += \"0\";\n//     } // if\n//     minutes_decimal = parseInt(minutes_decimal);\n//   } // if\n//\n//   const minutes = Math.round((minutes_decimal / 100) * 60);\n//\n//   if (hours < 10) {\n//     hours = `0${hours}`;\n//   }\n//   return {\n//     hours: hours,\n//     minutes: minutes,\n//   };\n// };\n\nexport const decimalToHours = (\n  num: number | string | undefined,\n  withLeadingZeroHours = false\n): string => {\n  if (!num) {\n    return \"\";\n  }\n  if (typeof num === \"string\" && !num) {\n    return withLeadingZeroHours ? `00:00` : \"0:00\";\n  }\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    //eslint-disable-next-line\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (withLeadingZeroHours) {\n        return `${withLeadingZero(_hours)}:${_minutes}`;\n      }\n      return `${_hours}:${_minutes}`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_minutes && _hours) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else {\n      return withLeadingZeroHours ? `00:00` : \"0:00\";\n    }\n  }\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  if (!isDecimal(input)) {\n    if (withLeadingZeroHours) {\n      return `${withLeadingZero(input)}:00`;\n    }\n    return `${input}:00`;\n  }\n\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutes_formatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  return `${hours}:${withLeadingZero(minutes_formatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n  let s = `${num}`;\n  while (s.length < size) s = `0` + s;\n  return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n  return !Number.isInteger(num);\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CACzBC,GAAgC,EAErB;EAAA,IADXC,oBAAoB,uEAAG,KAAK;EAE5B,IAAI,CAACD,GAAG,EAAE;IACR,OAAO,EAAE;EACX;EACA,IAAI,OAAOA,GAAG,KAAK,QAAQ,IAAI,CAACA,GAAG,EAAE;IACnC,OAAOC,oBAAoB,aAAa,MAAM;EAChD;EACA,IAAI,OAAOD,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAACE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;IACpD;IACA,iBAAyBF,GAAG,CAACG,KAAK,CAAC,GAAG,CAAC;MAAA;MAAlCC,MAAM;MAAEC,QAAQ;IACrB,IAAIA,QAAQ,IAAIA,QAAQ,CAACC,MAAM,KAAK,CAAC,IAAIC,MAAM,CAACF,QAAQ,CAAC,GAAG,EAAE,EAAE;MAC9DA,QAAQ,aAAME,MAAM,CAACF,QAAQ,CAAC,MAAG;IACnC;IACA,IAAID,MAAM,IAAIC,QAAQ,EAAE;MACtB,IAAIJ,oBAAoB,EAAE;QACxB,iBAAUO,eAAe,CAACJ,MAAM,CAAC,cAAIC,QAAQ;MAC/C;MACA,iBAAUD,MAAM,cAAIC,QAAQ;IAC9B,CAAC,MAAM,IAAI,CAACD,MAAM,IAAIC,QAAQ,EAAE;MAC9B,OAAOJ,oBAAoB,gBAASI,QAAQ,gBAAUA,QAAQ,CAAE;IAClE,CAAC,MAAM,IAAI,CAACA,QAAQ,IAAID,MAAM,EAAE;MAC9B,OAAOH,oBAAoB,aACpBO,eAAe,CAACJ,MAAM,CAAC,qBACvBA,MAAM,QAAK;IACpB,CAAC,MAAM;MACL,OAAOH,oBAAoB,aAAa,MAAM;IAChD;EACF;EACA,IAAI,OAAOD,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAACE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;IACpDF,GAAG,GAAGA,GAAG,CAACS,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;EAC7B;EACA,IAAMC,KAAK,GAAG,OAAOV,GAAG,KAAK,QAAQ,GAAGW,UAAU,CAACX,GAAG,CAAC,GAAGA,GAAG;EAE7D,IAAI,CAACY,SAAS,CAACF,KAAK,CAAC,EAAE;IACrB,IAAIT,oBAAoB,EAAE;MACxB,iBAAUO,eAAe,CAACE,KAAK,CAAC;IAClC;IACA,iBAAUA,KAAK;EACjB;EAEA,IAAMG,OAAO,GAAGH,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC;EAChC,IAAMC,IAAI,GAAGF,OAAO,CAACG,QAAQ,EAAE,CAACb,KAAK,CAAC,GAAG,CAAC;EAC1C,IAAIc,KAAa,GAAGF,IAAI,CAAC,CAAC,CAAC;EAC3B,IAAId,oBAAoB,EAAE;IACxBgB,KAAK,GAAGT,eAAe,CAACS,KAAK,CAAC;EAChC;EACA,IAAMC,OAAe,GAAGH,IAAI,CAAC,CAAC,CAAC;EAC/B,IAAMI,iBAAiB,GAAGC,IAAI,CAACC,KAAK,CAAEC,QAAQ,CAACJ,OAAO,EAAE,EAAE,CAAC,GAAG,GAAG,GAAI,EAAE,CAAC;EAExE,iBAAUD,KAAK,cAAIT,eAAe,CAACW,iBAAiB,CAAC;AACvD,CAAC;AAAC;AAEK,IAAMX,eAAe,GAAG,SAAlBA,eAAe,CAAIR,GAAoB,EAAe;EAAA,IAAbuB,IAAI,uEAAG,CAAC;EAC5D,IAAIC,CAAC,aAAMxB,GAAG,CAAE;EAChB,OAAOwB,CAAC,CAAClB,MAAM,GAAGiB,IAAI;IAAEC,CAAC,GAAG,MAAMA,CAAC;EAAC;EACpC,OAAOA,CAAC;AACV,CAAC;AAAC;AAEK,IAAMZ,SAAS,GAAG,SAAZA,SAAS,CAAIZ,GAAW,EAAc;EACjD,OAAO,CAACO,MAAM,CAACkB,SAAS,CAACzB,GAAG,CAAC;AAC/B,CAAC;AAAC"}

package/dist/cjs/utils/timeUtils.test.js

@@ -2,7 +2,7 @@
 
 var _timeUtils = require("./timeUtils");
 describe("timeUtis.ts", function () {
-  it.each([["1:30", "1:30"], ["1:30", "01:30", true], ["1.5", "1:30"], ["1.05", "1:03"], ["5,5", "5:30"], ["5.5", "5:30"], ["5:30", "5:30"], [",5", "0:30"], [".5", "0:30"], ["", "0:00"], [":", "0:00"], ["1:", "1:00"], ["1:", "01:00", true], [":05", "00:05", true], [",05", "00:03", true], [0.5, "00:30", true], [1.5, "01:30", true], [1.5, "1:30", false], ["0:3", "0:30", false], ["555:35", "555:35", false], ["555", "555:00", false], [555.5, "555:30", false]])("should formatTime", function (value, expected) {
+  it.each([["1:30", "1:30"], ["1:30", "01:30", true], ["1.5", "1:30"], ["1.05", "1:03"], ["5,5", "5:30"], ["5.5", "5:30"], ["5:30", "5:30"], [",5", "0:30"], [".5", "0:30"], ["", ""], [":", "0:00"], ["1:", "1:00"], ["1:", "01:00", true], [":05", "00:05", true], [",05", "00:03", true], [0.5, "00:30", true], [1.5, "01:30", true], [1.5, "1:30", false], ["0:3", "0:30", false], ["555:35", "555:35", false], ["555", "555:00", false], [555.5, "555:30", false]])("should formatTime", function (value, expected) {
     var leadingZero = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     expect((0, _timeUtils.decimalToHours)(value, leadingZero)).toEqual(expected);
   });

package/dist/cjs/utils/timeUtils.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeUtils.test.js","names":["describe","it","each","value","expected","leadingZero","expect","decimalToHours","toEqual"],"sources":["../../../src/utils/timeUtils.test.ts"],"sourcesContent":["import { decimalToHours } from \"./timeUtils\";\n\ndescribe(\"timeUtis.ts\", () => {\n  it.each([\n    [\"1:30\", \"1:30\"],\n    [\"1:30\", \"01:30\", true],\n    [\"1.5\", \"1:30\"],\n    [\"1.05\", \"1:03\"],\n    [\"5,5\", \"5:30\"],\n    [\"5.5\", \"5:30\"],\n    [\"5:30\", \"5:30\"],\n    [\",5\", \"0:30\"],\n    [\".5\", \"0:30\"],\n    [\"\", \"0:00\"],\n    [\":\", \"0:00\"],\n    [\"1:\", \"1:00\"],\n    [\"1:\", \"01:00\", true],\n    [\":05\", \"00:05\", true],\n    [\",05\", \"00:03\", true],\n    [0.5, \"00:30\", true],\n    [1.5, \"01:30\", true],\n    [1.5, \"1:30\", false],\n    [\"0:3\", \"0:30\", false],\n    [\"555:35\", \"555:35\", false],\n    [\"555\", \"555:00\", false],\n    [555.5, \"555:30\", false],\n  ])(\"should formatTime\", (value, expected, leadingZero = false) => {\n    expect(decimalToHours(value, leadingZero)).toEqual(expected);\n  });\n});\n"],"mappings":";;AAAA;AAEAA,QAAQ,CAAC,aAAa,EAAE,YAAM;EAC5BC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,EACvB,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,EAAE,EAAE,MAAM,CAAC,EACZ,CAAC,GAAG,EAAE,MAAM,CAAC,EACb,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,EACrB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EACtB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EACtB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EACpB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EACpB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EACpB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EACtB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,EAC3B,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EACxB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CACzB,CAAC,CAAC,mBAAmB,EAAE,UAACC,KAAK,EAAEC,QAAQ,EAA0B;IAAA,IAAxBC,WAAW,uEAAG,KAAK;IAC3DC,MAAM,CAAC,IAAAC,yBAAc,EAACJ,KAAK,EAAEE,WAAW,CAAC,CAAC,CAACG,OAAO,CAACJ,QAAQ,CAAC;EAC9D,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"timeUtils.test.js","names":["describe","it","each","value","expected","leadingZero","expect","decimalToHours","toEqual"],"sources":["../../../src/utils/timeUtils.test.ts"],"sourcesContent":["import { decimalToHours } from \"./timeUtils\";\n\ndescribe(\"timeUtis.ts\", () => {\n  it.each([\n    [\"1:30\", \"1:30\"],\n    [\"1:30\", \"01:30\", true],\n    [\"1.5\", \"1:30\"],\n    [\"1.05\", \"1:03\"],\n    [\"5,5\", \"5:30\"],\n    [\"5.5\", \"5:30\"],\n    [\"5:30\", \"5:30\"],\n    [\",5\", \"0:30\"],\n    [\".5\", \"0:30\"],\n    [\"\", \"\"],\n    [\":\", \"0:00\"],\n    [\"1:\", \"1:00\"],\n    [\"1:\", \"01:00\", true],\n    [\":05\", \"00:05\", true],\n    [\",05\", \"00:03\", true],\n    [0.5, \"00:30\", true],\n    [1.5, \"01:30\", true],\n    [1.5, \"1:30\", false],\n    [\"0:3\", \"0:30\", false],\n    [\"555:35\", \"555:35\", false],\n    [\"555\", \"555:00\", false],\n    [555.5, \"555:30\", false],\n  ])(\"should formatTime\", (value, expected, leadingZero = false) => {\n    expect(decimalToHours(value, leadingZero)).toEqual(expected);\n  });\n});\n"],"mappings":";;AAAA;AAEAA,QAAQ,CAAC,aAAa,EAAE,YAAM;EAC5BC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,EACvB,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,EAAE,EAAE,EAAE,CAAC,EACR,CAAC,GAAG,EAAE,MAAM,CAAC,EACb,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,EACrB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EACtB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EACtB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EACpB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EACpB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EACpB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EACtB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,EAC3B,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EACxB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CACzB,CAAC,CAAC,mBAAmB,EAAE,UAACC,KAAK,EAAEC,QAAQ,EAA0B;IAAA,IAAxBC,WAAW,uEAAG,KAAK;IAC3DC,MAAM,CAAC,IAAAC,yBAAc,EAACJ,KAAK,EAAEE,WAAW,CAAC,CAAC,CAACG,OAAO,CAACJ,QAAQ,CAAC;EAC9D,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ComboBox/Styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledComboBoxInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input").InputProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "form" | "slot" | "style" | "title" | "pattern" | "key" | "css" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cs" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "size" | "list" | "step" | "height" | "max" | "min" | "width" | "crossOrigin" | "alt" | "src" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required">, keyof import("../Input").InputProps> & import("react").RefAttributes<HTMLInputElement>>, any, {
+export declare const StyledComboBoxInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input").InputProps & import("react").RefAttributes<HTMLInputElement>>, any, {
     $loading?: boolean | undefined;
 }, never>;
 export declare const StyledComboBoxCollapseExpandSingleIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "css" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, any, {

package/dist/esm/components/EditableContent/Styles.js

@@ -13,7 +13,7 @@ export var StyledDiv = styled.div.withConfig({
 export var StyledSpan = styled(Typography).withConfig({
   displayName: "Styles__StyledSpan",
   componentId: "sc-1wapx2a-1"
-})(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " &:empty:before{content:\"i\";}"], function (_ref) {
+})(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " &:empty:before{content:\" \";}"], function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled && css(["visibility:visible;"]);
 });

package/dist/esm/components/EditableContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","StyledSpan","$disabled","displayName","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \"i\";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    display: none;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,IAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,uBAC/BH,SAAS,EACTD,cAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAED,OAAO,IAAMK,UAAU,GAAGP,MAAM,CAACI,UAAU,CAAC;EAAA;EAAA;AAAA,2TAgBxC;EAAA,IAAGI,SAAS,QAATA,SAAS;EAAA,OACZA,SAAS,IACTP,GAAG,yBAEF;AAAA,EAKJ;AAEDM,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACI,UAAU,CAAC;EAAA;EAAA;AAAA,iQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAiBb;AAEDM,WAAW,CAACD,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","StyledSpan","$disabled","displayName","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    display: none;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,IAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,uBAC/BH,SAAS,EACTD,cAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAED,OAAO,IAAMK,UAAU,GAAGP,MAAM,CAACI,UAAU,CAAC;EAAA;EAAA;AAAA,2TAgBxC;EAAA,IAAGI,SAAS,QAATA,SAAS;EAAA,OACZA,SAAS,IACTP,GAAG,yBAEF;AAAA,EAKJ;AAEDM,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACI,UAAU,CAAC;EAAA;EAAA;AAAA,iQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAiBb;AAEDM,WAAW,CAACD,WAAW,GAAG,aAAa"}

package/dist/esm/components/EditableHours/EditableHours.d.ts

@@ -6,9 +6,10 @@ export interface EditableHoursProps extends EditableContentInterface {
     onCancel?: () => void;
     withLeadingZero?: boolean;
     incrementOnlySelected?: boolean;
-    validation?: (value: string) => boolean;
+    validation?: (value: string, withLeadingZero: boolean) => boolean;
     allowEmptyValue?: boolean;
     minuteIncrement?: number;
+    className?: string;
 }
 export declare const EditableHours: React.ForwardRefExoticComponent<EditableHoursProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=EditableHours.d.ts.map

package/dist/esm/components/EditableHours/EditableHours.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableHours.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,2FAoRzB,CAAC"}
+{"version":3,"file":"EditableHours.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,KAAK,OAAO,CAAC;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,aAAa,2FA8CzB,CAAC"}

package/dist/esm/components/EditableHours/EditableHours.js

@@ -1,18 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["value", "onCancel", "onSave", "inputProps", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement"];
+var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "inputProps"];
 import { EditableContent } from "../EditableContent";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { decimalToHours } from "../../utils/timeUtils";
+import React, { useRef } from "react";
 import useForkRef from "../../utils/useForkRef";
 import classNames from "classnames";
 import { validateTimeInput } from "../../utils";
+import { HoursWrapper } from "../HoursWrapper";
 export var EditableHours = /*#__PURE__*/React.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,
@@ -22,210 +20,27 @@ export var EditableHours = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(_ref, _excluded);
   var inputRef = useRef(null);
   var handleRef = useForkRef(ref, inputRef);
-  var _useState = useState(function () {
-      if (value !== undefined) {
-        return decimalToHours(value, withLeadingZero);
-      }
-      return "";
-    }),
-    currentValue = _useState[0],
-    setCurrentValue = _useState[1];
-  var _useState2 = useState(function () {
-      if (value !== undefined) {
-        return decimalToHours(value, withLeadingZero);
-      }
-      return "";
-    }),
-    prevValue = _useState2[0],
-    setPrevValue = _useState2[1];
-  var escapeRef = useRef(false);
-  useEffect(function () {
-    var _value;
-    if (value !== undefined) {
-      _value = decimalToHours(value, withLeadingZero);
-    }
-    if (currentValue !== _value) {
-      setCurrentValue(_value);
-      setPrevValue(_value);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
-  var handleBlur = 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 = 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 = 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),
-          hours = _currentValue$split$m[0],
-          minutes = _currentValue$split$m[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" + newMinutes : newMinutes;
-        var newHoursString = withLeadingZero && newHours < 10 ? "0" + newHours : newHours;
-        var newValue = newHoursString + ":" + 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 ? void 0 : _inputRef$current.setSelectionRange(newSelectionStart, selectionEnd);
-          });
-        }
-      }
-    }
-  }, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
-  var handleKeyDown = 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 ? 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 ? 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 = useCallback(function (e) {
-    setCurrentValue(e.target.value);
-  }, []);
-  var handleClick = function handleClick() {
-    var _inputRef$current4;
-    var selectionStart = (_inputRef$current4 = inputRef.current) == null ? 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 ? void 0 : _inputRef$current5.setSelectionRange(0, dotsIndex);
-      } else if (selectionStart >= dotsIndex) {
-        var _inputRef$current6;
-        (_inputRef$current6 = inputRef.current) == null ? void 0 : _inputRef$current6.setSelectionRange(dotsIndex + 1, currentValue.length);
-      }
-    }
-  };
-  var handleDoubleClick = function handleDoubleClick() {
-    if (inputRef.current) {
-      var _inputRef$current7;
-      (_inputRef$current7 = inputRef.current) == null ? void 0 : _inputRef$current7.setSelectionRange(0, currentValue.length);
-    }
-  };
-  return /*#__PURE__*/React.createElement(EditableContent, _extends({
+  return /*#__PURE__*/React.createElement(HoursWrapper, {
+    value: value,
+    onCancel: onCancel,
+    onSave: onSave,
+    incrementOnlySelected: incrementOnlySelected,
+    minuteIncrement: minuteIncrement,
+    allowEmptyValue: allowEmptyValue,
+    withLeadingZero: withLeadingZero,
+    validation: validation
+  }, /*#__PURE__*/React.createElement(EditableContent, _extends({
     ref: handleRef,
     inputProps: _extends({}, inputProps, {
-      value: currentValue,
-      onBlur: handleBlur,
-      onKeyDown: handleKeyDown,
-      onChange: handleChange,
       type: "text",
-      onClick: handleClick,
-      onDoubleClick: handleDoubleClick,
-      className: classNames("c-input", inputProps == null ? void 0 : inputProps.className)
+      className: classNames("c-input", className)
     })
-  }, rest));
+  }, rest)));
 });
 EditableHours.displayName = "EditableHours";
 //# sourceMappingURL=EditableHours.js.map