npm - @activecollab/components - Versions diffs - 1.0.390 → 1.0.392 - Mend

@activecollab/components 1.0.390 → 1.0.392

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

Files changed (29) hide show

package/dist/esm/components/EditableHours/EditableHours.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableHours.js","names":["EditableContent","React","useEffect","useRef","useForkRef","decimalToHours","validateTimeInput","useInputHours","EditableHours","forwardRef","ref","defaultValue","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","externalEnterKeyPress","onEnterKeyPress","externalInputProps","inputProps","externalOnClick","onClick","rest","inputRef","handleRef","setCurrentValue","setPrevValue","onBlur","onKeyDown","onChange","onDoubleClick","_value","undefined","prevState","type","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useEffect, useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { decimalToHours, validateTimeInput } from \"../../utils\";\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\n\nexport interface EditableHoursProps\n extends EditableContentInterface,\n Omit<IInputHours, \"onChange\"> {\n className?: string;\n}\nexport const EditableHours = React.forwardRef<\n HTMLDivElement,\n EditableHoursProps\n>(\n (\n {\n value: defaultValue,\n onCancel,\n onSave,\n allowEmptyValue,\n withLeadingZero = true,\n validation = validateTimeInput,\n incrementOnlySelected = false,\n minuteIncrement = 1,\n className,\n onEnterKeyPress: externalEnterKeyPress,\n inputProps: externalInputProps,\n onClick: externalOnClick,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const { inputProps, setCurrentValue, setPrevValue } = useInputHours(\n {\n value: defaultValue,\n withLeadingZero,\n onSave,\n validation,\n allowEmptyValue,\n onCancel,\n minuteIncrement,\n incrementOnlySelected,\n onEnterKeyPress: externalEnterKeyPress,\n onClick: externalOnClick,\n },\n inputRef\n );\n\n const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n inputProps;\n\n useEffect(() => {\n let _value;\n if (defaultValue !== undefined) {\n _value = decimalToHours(defaultValue, withLeadingZero);\n }\n setCurrentValue((prevState) => {\n if (prevState !== _value) {\n return _value;\n }\n return prevState;\n });\n setPrevValue((prevState) => {\n if (prevState !== _value) {\n return _value;\n }\n return prevState;\n });\n }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);\n\n return (\n <~~EditableContent~~\n ref={handleRef}\n className={className}\n inputProps={{\n ...externalInputProps,\n value,\n onBlur,\n onKeyDown,\n onChange,\n onClick,\n onDoubleClick,\n type: \"text\",\n }}\n {...rest}\n ~~/>\~~n );\n }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":";;;AAAA,SAASA,eAAe,QAAkC,oBAAoB;AAC9E,OAAOC,KAAK,IAAIC,SAAS,EAAEC,MAAM,~~QAAQ~~,OAAO;~~AAChD~~,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,cAAc,EAAEC,iBAAiB,QAAQ,aAAa;AAC/D,SAAsBC,aAAa,QAAQ,2BAA2B;~~AAOtE~~,~~OAAO~~,IAAMC,aAAa,~~gBAAGP~~,KAAK,~~CAACQ~~,UAAU,CAI3C,~~gBAgBEC~~,GAAG,EACA;EAAA,~~IAfMC~~,YAAY,~~QAAnBC~~,KAAK;IACLC,QAAQ,~~QAARA~~,QAAQ;IACRC,MAAM,~~QAANA~~,MAAM;IACNC,eAAe,~~QAAfA~~,eAAe;IAAA,~~4BACfC~~,eAAe;IAAfA,eAAe,~~qCAAG~~,IAAI;IAAA,~~uBACtBC~~,UAAU;IAAVA,UAAU,~~gCAAGX~~,iBAAiB;IAAA,~~6BAC9BY~~,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,~~4BAC7BC~~,eAAe;IAAfA,eAAe,~~qCAAG~~,CAAC;IACnBC,SAAS,~~QAATA~~,SAAS;IACQC,qBAAqB,~~QAAtCC~~,eAAe;IACHC,kBAAkB,~~QAA9BC~~,UAAU;IACDC,eAAe,~~QAAxBC~~,OAAO;IACJC,IAAI;EAIT,IAAMC,QAAQ,~~GAAGzB~~,MAAM,CAAmB,IAAI,CAAC;EAC/C,~~IAAM0B~~,SAAS,~~GAAGzB~~,UAAU,~~CAACM~~,GAAG,~~EAAEkB~~,QAAQ,CAAC;EAE3C,~~qBAAsDrB~~,aAAa,CACjE;~~MACEK~~,KAAK,EAAED,YAAY;MACnBK,eAAe,EAAfA,eAAe;MACfF,MAAM,EAANA,MAAM;MACNG,UAAU,EAAVA,UAAU;MACVF,eAAe,EAAfA,eAAe;MACfF,QAAQ,EAARA,QAAQ;MACRM,eAAe,EAAfA,eAAe;MACfD,qBAAqB,EAArBA,qBAAqB;MACrBI,eAAe,EAAED,qBAAqB;MACtCK,OAAO,EAAED;IACX,CAAC,~~EACDG~~,QAAQ,CACT;~~IAdOJ~~,UAAU,kBAAVA,UAAU;~~IAAEM~~,eAAe,kBAAfA,eAAe;IAAEC,YAAY,kBAAZA,YAAY;EAgBjD,~~IAAQnB~~,KAAK,GACXY,UAAU,CADJZ,KAAK;~~IAAEoB~~,MAAM,~~GACnBR~~,UAAU,~~CADGQ~~,MAAM;IAAEC,SAAS,~~GAC9BT~~,UAAU,~~CADWS~~,SAAS;IAAEC,QAAQ,~~GACxCV~~,UAAU,~~CADsBU~~,QAAQ;~~IAAER~~,OAAO,GACjDF,UAAU,CADgCE,OAAO;~~IAAES~~,aAAa,~~GAChEX~~,UAAU,~~CADyCW~~,aAAa;~~EAGlEjC~~,SAAS,CAAC,YAAM;IACd,~~IAAIkC~~,MAAM;IACV,~~IAAIzB~~,YAAY,~~KAAK0B~~,SAAS,EAAE;MAC9BD,MAAM,~~GAAG/B~~,cAAc,~~CAACM~~,YAAY,EAAEK,eAAe,CAAC;IACxD;~~IACAc~~,eAAe,CAAC,UAACQ,SAAS,EAAK;MAC7B,IAAIA,SAAS,KAAKF,MAAM,EAAE;QACxB,OAAOA,MAAM;MACf;MACA,OAAOE,SAAS;IAClB,CAAC,CAAC;IACFP,YAAY,CAAC,UAACO,SAAS,EAAK;MAC1B,IAAIA,SAAS,KAAKF,MAAM,EAAE;QACxB,OAAOA,MAAM;MACf;MACA,OAAOE,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,~~CAAC3B~~,YAAY,~~EAAEmB~~,eAAe,EAAEC,YAAY,~~EAAEf~~,eAAe,CAAC,CAAC;EAElE,oBACE,oBAAC,~~eAAe~~;~~IACd~~,GAAG,~~EAAEa~~,SAAU;IACf,SAAS,~~EAAET~~,SAAU;IACrB,UAAU,eACLG,kBAAkB;MACrBX,KAAK,EAALA,KAAK;~~MACLoB~~,MAAM,EAANA,MAAM;MACNC,SAAS,EAATA,SAAS;MACTC,QAAQ,EAARA,QAAQ;~~MACRR~~,OAAO,EAAPA,OAAO;~~MACPS~~,aAAa,EAAbA,aAAa;~~MACbI~~,IAAI,EAAE;IAAM;~~EACZ~~,~~GACEZ~~,IAAI,~~EACR~~;~~AAEN~~,CAAC,CACF;~~AAEDnB~~,aAAa,~~CAACgC~~,WAAW,GAAG,eAAe"}
1	+ {"version":3,"file":"EditableHours.js","names":["EditableContent","React","useEffect","useMemo","useRef","useForkRef","decimalToHours","validateTimeInput","useInputHours","styled","css","StyledEditableContent","$ticking","EditableHours","forwardRef","ref","defaultValue","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","externalEnterKeyPress","onEnterKeyPress","externalInputProps","inputProps","externalOnClick","onClick","ticking","onFocus","rest","inputRef","handleRef","setCurrentValue","setPrevValue","onBlur","onKeyDown","onChange","onDoubleClick","_value","undefined","prevState","splitTime","split","hours","minutes","type","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useEffect, useMemo, useRef, FocusEvent } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { decimalToHours, validateTimeInput } from \"../../utils\";\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\nimport styled, { css } from \"styled-components\";\n\nexport interface EditableHoursProps\n extends EditableContentInterface,\n Omit<IInputHours, \"onChange\"> {\n className?: string;\n ticking?: boolean;\n onFocus?: (event: FocusEvent) => void;\n}\n\nconst StyledEditableContent = styled(EditableContent)<{ $ticking?: boolean }>`\n ${({ $ticking }) =>\n $ticking &&\n css`\n .presentation {\n visibility: visible;\n }\n\n input {\n opacity: 0;\n }\n `}\n`;\n\nexport const EditableHours = React.forwardRef<\n HTMLDivElement,\n EditableHoursProps\n>(\n (\n {\n value: defaultValue,\n onCancel,\n onSave,\n allowEmptyValue,\n withLeadingZero = true,\n validation = validateTimeInput,\n incrementOnlySelected = false,\n minuteIncrement = 1,\n className,\n onEnterKeyPress: externalEnterKeyPress,\n inputProps: externalInputProps,\n onClick: externalOnClick,\n ticking,\n onFocus,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const { inputProps, setCurrentValue, setPrevValue } = useInputHours(\n {\n value: defaultValue,\n withLeadingZero,\n onSave,\n validation,\n allowEmptyValue,\n onCancel,\n minuteIncrement,\n incrementOnlySelected,\n onEnterKeyPress: externalEnterKeyPress,\n onClick: externalOnClick,\n },\n inputRef\n );\n\n const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n inputProps;\n\n useEffect(() => {\n let _value;\n if (defaultValue !== undefined) {\n _value = decimalToHours(defaultValue, withLeadingZero);\n }\n setCurrentValue((prevState) => {\n if (prevState !== _value) {\n return _value;\n }\n return prevState;\n });\n setPrevValue((prevState) => {\n if (prevState !== _value) {\n return _value;\n }\n return prevState;\n });\n }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);\n\n const splitTime = useMemo(() => {\n if (value && ticking) {\n const [hours, minutes] = value.split(\":\");\n\n return {\n hours,\n minutes,\n };\n }\n }, [value, ticking]);\n\n return (\n <StyledEditableContent\n ref={handleRef}\n className={className}\n inputProps={{\n ...externalInputProps,\n value,\n onBlur,\n onKeyDown,\n onChange,\n onClick,\n onDoubleClick,\n onFocus,\n type: \"text\",\n }}\n $ticking={ticking}\n {...rest}\n >\n {ticking && (\n <>\n {splitTime?.hours}\n <span className=\"tw-animate-ping\">:</span>\n {splitTime?.minutes}\n </>\n )}\n </StyledEditableContent>\n );\n }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":"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"}

package/dist/esm/components/EditableText/EditableText.js CHANGED Viewed

@@ -53,7 +53,7 @@ export var EditableText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setCurrentValue(e.target.value);
   }, []);
   return /*#__PURE__*/React.createElement(EditableContent, _extends({}, props, {
-    wrapRef: ref,
+    ref: ref,
     inputProps: _extends({}, inputProps, {
       value: currentValue != null ? currentValue : "",
       onBlur: handleBlur,

package/dist/esm/components/EditableText/EditableText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableText.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","EditableContent","classNames","EditableText","ref","onSave","onCancel","value","inputProps","allowEmptyString","props","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","handleBlur","e","current","target","trim","length","handleKeyDown","key","blur","handleChange","onBlur","onKeyDown","onChange","type","className","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n ChangeEvent,\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport {\n EditableContent,\n EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport classNames from \"classnames\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n /** Value to display. /\n value?: string \| null;\n /* Optional callback called on enter, click outside and tab. /\n onSave?: (e: ChangeEvent<HTMLInputElement>) => void;\n /* Optional callback called on input reset. /\n onCancel?: () => void;\n /* If true, setting empty value will save it, instead of revert to previous value. */\n allowEmptyString?: boolean;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n (\n { onSave, onCancel, value, inputProps, allowEmptyString, ...props },\n ref\n ) => {\n const [currentValue, setCurrentValue] = useState(value);\n const [prevValue, setPrevValue] = useState(value);\n const escapeRef = useRef(false);\n\n useEffect(() => {\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 setPrevValue(e.target.value);\n setCurrentValue(e.target.value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n !allowEmptyString\n ? setCurrentValue(prevValue)\n : typeof onSave === \"function\" &&\n prevValue !== e.target.value &&\n onSave(e);\n }\n }\n },\n [allowEmptyString, onSave, prevValue]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n }\n if (e.key === \"Escape\") {\n escapeRef.current = true;\n e.target.blur();\n typeof onCancel === \"function\" && onCancel();\n }\n },\n [onCancel]\n );\n\n const handleChange = useCallback((e) => {\n setCurrentValue(e.target.value);\n }, []);\n\n return (\n <EditableContent\n {...props}\n ~~wrapRef~~={ref}\n inputProps={{\n ...inputProps,\n value: currentValue ?? \"\",\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n type: \"text\",\n className: classNames(\"c-input\", inputProps?.className),\n }}\n />\n );\n }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SACEC,eAAe,QAEV,oCAAoC;AAC3C,OAAOC,UAAU,MAAM,YAAY;AAanC,OAAO,IAAMC,YAAY,gBAAGP,UAAU,CACpC,gBAEEQ,GAAG,EACA;EAAA,IAFDC,MAAM,QAANA,MAAM;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,UAAU,QAAVA,UAAU;IAAEC,gBAAgB,QAAhBA,gBAAgB;IAAKC,KAAK;EAGjE,gBAAwCV,QAAQ,CAACO,KAAK,CAAC;IAAhDI,YAAY;IAAEC,eAAe;EACpC,iBAAkCZ,QAAQ,CAACO,KAAK,CAAC;IAA1CM,SAAS;IAAEC,YAAY;EAC9B,IAAMC,SAAS,GAAGhB,MAAM,CAAC,KAAK,CAAC;EAE/BD,SAAS,CAAC,YAAM;IACd,IAAIa,YAAY,KAAKJ,KAAK,EAAE;MAC1BK,eAAe,CAACL,KAAK,CAAC;MACtBO,YAAY,CAACP,KAAK,CAAC;IACrB;IACA;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAMS,UAAU,GAAGnB,WAAW,CAC5B,UAACoB,CAAC,EAAK;IACL,IAAIF,SAAS,CAACG,OAAO,EAAE;MACrBN,eAAe,CAACC,SAAS,CAAC;MAC1BE,SAAS,CAACG,OAAO,GAAG,KAAK;IAC3B,CAAC,MAAM;MACL,IACED,CAAC,CAACE,MAAM,CAACZ,KAAK,CAACa,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,IAChCR,SAAS,KAAKI,CAAC,CAACE,MAAM,CAACZ,KAAK,EAC5B;QACAO,YAAY,CAACG,CAAC,CAACE,MAAM,CAACZ,KAAK,CAAC;QAC5BK,eAAe,CAACK,CAAC,CAACE,MAAM,CAACZ,KAAK,CAAC;QAC/B,OAAOF,MAAM,KAAK,UAAU,IAAIA,MAAM,CAACY,CAAC,CAAC;MAC3C,CAAC,MAAM;QACL,CAACR,gBAAgB,GACbG,eAAe,CAACC,SAAS,CAAC,GAC1B,OAAOR,MAAM,KAAK,UAAU,IAC5BQ,SAAS,KAAKI,CAAC,CAACE,MAAM,CAACZ,KAAK,IAC5BF,MAAM,CAACY,CAAC,CAAC;MACf;IACF;EACF,CAAC,EACD,CAACR,gBAAgB,EAAEJ,MAAM,EAAEQ,SAAS,CAAC,CACtC;EAED,IAAMS,aAAa,GAAGzB,WAAW,CAC/B,UAACoB,CAAC,EAAK;IACL,IAAIA,CAAC,CAACM,GAAG,KAAK,OAAO,EAAE;MACrBN,CAAC,CAACE,MAAM,CAACK,IAAI,EAAE;IACjB;IACA,IAAIP,CAAC,CAACM,GAAG,KAAK,QAAQ,EAAE;MACtBR,SAAS,CAACG,OAAO,GAAG,IAAI;MACxBD,CAAC,CAACE,MAAM,CAACK,IAAI,EAAE;MACf,OAAOlB,QAAQ,KAAK,UAAU,IAAIA,QAAQ,EAAE;IAC9C;EACF,CAAC,EACD,CAACA,QAAQ,CAAC,CACX;EAED,IAAMmB,YAAY,GAAG5B,WAAW,CAAC,UAACoB,CAAC,EAAK;IACtCL,eAAe,CAACK,CAAC,CAACE,MAAM,CAACZ,KAAK,CAAC;EACjC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,oBAAC,eAAe,eACVG,KAAK;IACT,~~OAAO~~,EAAEN,GAAI;~~IACb~~,UAAU,eACLI,UAAU;MACbD,KAAK,EAAEI,YAAY,WAAZA,YAAY,GAAI,EAAE;MACzBe,MAAM,EAAEV,UAAU;MAClBW,SAAS,EAAEL,aAAa;MACxBM,QAAQ,EAAEH,YAAY;MACtBI,IAAI,EAAE,MAAM;MACZC,SAAS,EAAE5B,UAAU,CAAC,SAAS,EAAEM,UAAU,oBAAVA,UAAU,CAAEsB,SAAS;IAAC;EACvD,GACF;AAEN,CAAC,CACF;AAED3B,YAAY,CAAC4B,WAAW,GAAG,cAAc"}
1	+ {"version":3,"file":"EditableText.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","EditableContent","classNames","EditableText","ref","onSave","onCancel","value","inputProps","allowEmptyString","props","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","handleBlur","e","current","target","trim","length","handleKeyDown","key","blur","handleChange","onBlur","onKeyDown","onChange","type","className","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n ChangeEvent,\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport {\n EditableContent,\n EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport classNames from \"classnames\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n /** Value to display. /\n value?: string \| null;\n /* Optional callback called on enter, click outside and tab. /\n onSave?: (e: ChangeEvent<HTMLInputElement>) => void;\n /* Optional callback called on input reset. /\n onCancel?: () => void;\n /* If true, setting empty value will save it, instead of revert to previous value. */\n allowEmptyString?: boolean;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n (\n { onSave, onCancel, value, inputProps, allowEmptyString, ...props },\n ref\n ) => {\n const [currentValue, setCurrentValue] = useState(value);\n const [prevValue, setPrevValue] = useState(value);\n const escapeRef = useRef(false);\n\n useEffect(() => {\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 setPrevValue(e.target.value);\n setCurrentValue(e.target.value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n !allowEmptyString\n ? setCurrentValue(prevValue)\n : typeof onSave === \"function\" &&\n prevValue !== e.target.value &&\n onSave(e);\n }\n }\n },\n [allowEmptyString, onSave, prevValue]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n }\n if (e.key === \"Escape\") {\n escapeRef.current = true;\n e.target.blur();\n typeof onCancel === \"function\" && onCancel();\n }\n },\n [onCancel]\n );\n\n const handleChange = useCallback((e) => {\n setCurrentValue(e.target.value);\n }, []);\n\n return (\n <EditableContent\n {...props}\n ref={ref}\n inputProps={{\n ...inputProps,\n value: currentValue ?? \"\",\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n type: \"text\",\n className: classNames(\"c-input\", inputProps?.className),\n }}\n />\n );\n }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}

package/dist/esm/hooks/useInputHours.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useInputHours.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInputHours.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAKT,UAAU,EACX,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,aAAa,2JAarB,WAAW,YACJ,UAAU,gBAAgB,GAAG,IAAI,CAAC;;;;;;;;;;;~~CA8Q7C~~,CAAC"}
1	+ {"version":3,"file":"useInputHours.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInputHours.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAKT,UAAU,EACX,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,aAAa,2JAarB,WAAW,YACJ,UAAU,gBAAgB,GAAG,IAAI,CAAC;;;;;;;;;;;CAiR7C,CAAC"}

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

@@ -93,6 +93,7 @@ export var useInputHours = function useInputHours(_ref, inputRef) {
         var newValue = newHoursString + ":" + newMinutesString;
         if (validation(newValue, withLeadingZero)) {
           setCurrentValue(newValue);
+          if (onChange) onChange(newValue);
           requestAnimationFrame(function () {
             var _inputRef$current;
             var newDotsIndex = newValue.indexOf(":");
@@ -104,7 +105,7 @@ export var useInputHours = function useInputHours(_ref, inputRef) {
         }
       }
     }
-  }, [currentValue, incrementOnlySelected, inputRef, minuteIncrement, validation, withLeadingZero]);
+  }, [currentValue, incrementOnlySelected, inputRef, minuteIncrement, onChange, validation, withLeadingZero]);
   var handleKeyDown = useCallback(function (e) {
     if (e.key === "Enter") {
       e.target.blur();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useInputHours.js","names":["useCallback","useMemo","useRef","useState","decimalToHours","validateTimeInput","useInputHours","inputRef","value","withLeadingZero","onSave","validation","allowEmptyValue","onCancel","minuteIncrement","incrementOnlySelected","onEnterKeyPress","onChange","onClick","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","handleBlur","e","current","target","trim","length","_value","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","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","onDoubleClick"],"sources":["../../../src/hooks/useInputHours.tsx"],"sourcesContent":["import {\n RefObject,\n useCallback,\n useMemo,\n useRef,\n useState,\n MouseEvent,\n} from \"react\";\nimport { decimalToHours } from \"../utils\";\nimport { validateTimeInput } from \"../utils\";\n\nexport interface IInputHours {\n value?: string \| number;\n withLeadingZero?: boolean;\n onSave?: (e: Event) => void;\n validation?: (...args) => boolean;\n allowEmptyValue?: boolean;\n onCancel?: (e: Event) => void;\n minuteIncrement?: number;\n incrementOnlySelected?: boolean;\n onEnterKeyPress?: (val: string) => void;\n onChange?: (val: string) => void;\n onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n}\n\nexport const useInputHours = (\n {\n value,\n withLeadingZero,\n onSave,\n validation = validateTimeInput,\n allowEmptyValue,\n onCancel,\n minuteIncrement = 1,\n incrementOnlySelected,\n onEnterKeyPress,\n onChange,\n onClick,\n }: IInputHours,\n inputRef: RefObject<HTMLInputElement \| null>\n) => {\n const [currentValue, setCurrentValue] = useState(() =>\n decimalToHours(value, withLeadingZero)\n );\n const [prevValue, setPrevValue] = useState(() =>\n decimalToHours(value, withLeadingZero)\n );\n\n const escapeRef = useRef(false);\n\n const handleBlur = useCallback(\n (e) => {\n if (escapeRef.current) {\n setCurrentValue(prevValue);\n } else {\n if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n const _value = decimalToHours(e.target.value, withLeadingZero);\n setPrevValue(_value);\n setCurrentValue(_value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n if (!allowEmptyValue) {\n setCurrentValue(prevValue);\n typeof onCancel === \"function\" && onCancel(e);\n } else {\n if (typeof onSave === \"function\" && prevValue !== e.target.value) {\n onSave(e);\n } else {\n typeof onCancel === \"function\" && onCancel(e);\n }\n }\n }\n }\n },\n [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]\n );\n\n const handleIncrementDecrement = useCallback(\n (increment: boolean) => {\n if (inputRef.current) {\n const selectionStart = inputRef.current.selectionStart;\n if (selectionStart !== null) {\n const dotsIndex = currentValue.indexOf(\":\");\n const [hours, minutes] = currentValue.split(\":\").map(Number);\n let newHours = hours;\n let newMinutes = minutes;\n\n if (selectionStart < dotsIndex) {\n if (increment) {\n newHours += 1;\n } else {\n newHours -= 1;\n if (newHours < 0) newHours = 0;\n }\n } else if (selectionStart > dotsIndex) {\n if (increment) {\n newMinutes += minuteIncrement;\n if (newMinutes > 59) {\n newMinutes = 0;\n if (!incrementOnlySelected) newHours += 1;\n }\n } else {\n if (newMinutes >= minuteIncrement \|\| newMinutes === 0) {\n newMinutes -= minuteIncrement;\n if (newMinutes < 0 && newHours > 0) {\n newMinutes = 60 - minuteIncrement;\n if (!incrementOnlySelected) newHours -= 1;\n }\n if (newHours < 0) {\n newHours = 0;\n }\n } else {\n newMinutes = 0;\n }\n }\n }\n\n const newMinutesString =\n newMinutes < 10 ? `0${newMinutes}` : newMinutes;\n const newHoursString =\n withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;\n const newValue = `${newHoursString}:${newMinutesString}`;\n\n if (validation(newValue, withLeadingZero)) {\n setCurrentValue(newValue);\n\n requestAnimationFrame(() => {\n const newDotsIndex = newValue.indexOf(\":\");\n const isHoursSelected = selectionStart < newDotsIndex;\n const newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;\n const selectionEnd = isHoursSelected\n ? newDotsIndex\n : newValue.length;\n inputRef.current?.setSelectionRange(\n newSelectionStart,\n selectionEnd\n );\n });\n }\n }\n }\n },\n [\n currentValue,\n incrementOnlySelected,\n inputRef,\n minuteIncrement,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n if (typeof onEnterKeyPress === \"function\")\n onEnterKeyPress(e.target.value);\n }\n if (e.key === \"ArrowLeft\") {\n return;\n }\n if (e.key === \"ArrowRight\") {\n return;\n }\n if (e.key === \"Escape\") {\n escapeRef.current = true;\n e.target.blur();\n typeof onCancel === \"function\" && onCancel(e);\n escapeRef.current = false;\n }\n if (e.key === \"Backspace\") {\n return;\n }\n if ((e.metaKey \|\| e.ctrlKey) && e.key === \"a\") {\n inputRef.current?.select();\n return;\n }\n const input = e.target;\n const start = input.selectionStart;\n const end = input.selectionEnd;\n const currentValue = input.value;\n if (e.key === \"Tab\") {\n if (start !== end) {\n if (e.shiftKey) {\n const newDotsIndex = currentValue.indexOf(\":\");\n const isMinutesSelected = start > newDotsIndex;\n if (isMinutesSelected) {\n e.preventDefault();\n inputRef.current?.setSelectionRange(0, newDotsIndex);\n }\n } else {\n const newDotsIndex = currentValue.indexOf(\":\");\n const isHoursSelected = start < newDotsIndex;\n if (isHoursSelected) {\n e.preventDefault();\n inputRef.current?.setSelectionRange(\n newDotsIndex + 1,\n currentValue.length\n );\n }\n }\n }\n return;\n }\n\n if (start !== end) {\n if (e.key === \"ArrowUp\") {\n handleIncrementDecrement(true);\n return;\n }\n if (e.key === \"ArrowDown\") {\n handleIncrementDecrement(false);\n return;\n }\n const newValue =\n currentValue.substring(0, start) +\n e.key +\n currentValue.substring(end);\n if (!validation(newValue, withLeadingZero)) {\n e.preventDefault();\n return;\n }\n } else {\n const newValue =\n currentValue.substring(0, start) +\n e.key +\n currentValue.substring(end);\n\n if (!validation(newValue, withLeadingZero)) {\n e.preventDefault();\n return;\n }\n }\n },\n [\n handleIncrementDecrement,\n inputRef,\n onCancel,\n onEnterKeyPress,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleChange = useCallback(\n (e) => {\n setCurrentValue(e.target.value);\n if (onChange) onChange(e.target.value);\n },\n [onChange]\n );\n\n const handleClick = useCallback(\n (e) => {\n const selectionStart = inputRef.current?.selectionStart;\n if (\n inputRef.current &&\n currentValue &&\n currentValue.length > 0 &&\n typeof selectionStart === \"number\"\n ) {\n const dotsIndex = currentValue.indexOf(\":\");\n if (selectionStart < dotsIndex) {\n inputRef.current?.setSelectionRange(0, dotsIndex);\n } else if (selectionStart >= dotsIndex) {\n inputRef.current?.setSelectionRange(\n dotsIndex + 1,\n currentValue.length\n );\n }\n }\n\n if (typeof onClick === \"function\") {\n onClick(e);\n }\n },\n [currentValue, inputRef, onClick]\n );\n\n const handleDoubleClick = useCallback(() => {\n if (inputRef.current) {\n inputRef.current?.select();\n }\n }, [inputRef]);\n\n const inputProps = useMemo(() => {\n return {\n value: currentValue,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n onClick: handleClick,\n onDoubleClick: handleDoubleClick,\n };\n }, [\n currentValue,\n handleBlur,\n handleChange,\n handleClick,\n handleDoubleClick,\n handleKeyDown,\n ]);\n\n return {\n inputProps,\n setCurrentValue,\n setPrevValue,\n };\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"useInputHours.js","names":["useCallback","useMemo","useRef","useState","decimalToHours","validateTimeInput","useInputHours","inputRef","value","withLeadingZero","onSave","validation","allowEmptyValue","onCancel","minuteIncrement","incrementOnlySelected","onEnterKeyPress","onChange","onClick","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","handleBlur","e","current","target","trim","length","_value","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","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","onDoubleClick"],"sources":["../../../src/hooks/useInputHours.tsx"],"sourcesContent":["import {\n RefObject,\n useCallback,\n useMemo,\n useRef,\n useState,\n MouseEvent,\n} from \"react\";\nimport { decimalToHours } from \"../utils\";\nimport { validateTimeInput } from \"../utils\";\n\nexport interface IInputHours {\n value?: string \| number;\n withLeadingZero?: boolean;\n onSave?: (e: Event) => void;\n validation?: (...args) => boolean;\n allowEmptyValue?: boolean;\n onCancel?: (e: Event) => void;\n minuteIncrement?: number;\n incrementOnlySelected?: boolean;\n onEnterKeyPress?: (val: string) => void;\n onChange?: (val: string) => void;\n onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n}\n\nexport const useInputHours = (\n {\n value,\n withLeadingZero,\n onSave,\n validation = validateTimeInput,\n allowEmptyValue,\n onCancel,\n minuteIncrement = 1,\n incrementOnlySelected,\n onEnterKeyPress,\n onChange,\n onClick,\n }: IInputHours,\n inputRef: RefObject<HTMLInputElement \| null>\n) => {\n const [currentValue, setCurrentValue] = useState(() =>\n decimalToHours(value, withLeadingZero)\n );\n const [prevValue, setPrevValue] = useState(() =>\n decimalToHours(value, withLeadingZero)\n );\n\n const escapeRef = useRef(false);\n\n const handleBlur = useCallback(\n (e) => {\n if (escapeRef.current) {\n setCurrentValue(prevValue);\n } else {\n if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n const _value = decimalToHours(e.target.value, withLeadingZero);\n setPrevValue(_value);\n setCurrentValue(_value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n if (!allowEmptyValue) {\n setCurrentValue(prevValue);\n typeof onCancel === \"function\" && onCancel(e);\n } else {\n if (typeof onSave === \"function\" && prevValue !== e.target.value) {\n onSave(e);\n } else {\n typeof onCancel === \"function\" && onCancel(e);\n }\n }\n }\n }\n },\n [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]\n );\n\n const handleIncrementDecrement = useCallback(\n (increment: boolean) => {\n if (inputRef.current) {\n const selectionStart = inputRef.current.selectionStart;\n if (selectionStart !== null) {\n const dotsIndex = currentValue.indexOf(\":\");\n const [hours, minutes] = currentValue.split(\":\").map(Number);\n let newHours = hours;\n let newMinutes = minutes;\n\n if (selectionStart < dotsIndex) {\n if (increment) {\n newHours += 1;\n } else {\n newHours -= 1;\n if (newHours < 0) newHours = 0;\n }\n } else if (selectionStart > dotsIndex) {\n if (increment) {\n newMinutes += minuteIncrement;\n if (newMinutes > 59) {\n newMinutes = 0;\n if (!incrementOnlySelected) newHours += 1;\n }\n } else {\n if (newMinutes >= minuteIncrement \|\| newMinutes === 0) {\n newMinutes -= minuteIncrement;\n if (newMinutes < 0 && newHours > 0) {\n newMinutes = 60 - minuteIncrement;\n if (!incrementOnlySelected) newHours -= 1;\n }\n if (newHours < 0) {\n newHours = 0;\n }\n } else {\n newMinutes = 0;\n }\n }\n }\n\n const newMinutesString =\n newMinutes < 10 ? `0${newMinutes}` : newMinutes;\n const newHoursString =\n withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;\n const newValue = `${newHoursString}:${newMinutesString}`;\n\n if (validation(newValue, withLeadingZero)) {\n setCurrentValue(newValue);\n\n if (onChange) onChange(newValue);\n\n requestAnimationFrame(() => {\n const newDotsIndex = newValue.indexOf(\":\");\n const isHoursSelected = selectionStart < newDotsIndex;\n const newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;\n const selectionEnd = isHoursSelected\n ? newDotsIndex\n : newValue.length;\n inputRef.current?.setSelectionRange(\n newSelectionStart,\n selectionEnd\n );\n });\n }\n }\n }\n },\n [\n currentValue,\n incrementOnlySelected,\n inputRef,\n minuteIncrement,\n onChange,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n if (typeof onEnterKeyPress === \"function\")\n onEnterKeyPress(e.target.value);\n }\n if (e.key === \"ArrowLeft\") {\n return;\n }\n if (e.key === \"ArrowRight\") {\n return;\n }\n if (e.key === \"Escape\") {\n escapeRef.current = true;\n e.target.blur();\n typeof onCancel === \"function\" && onCancel(e);\n escapeRef.current = false;\n }\n if (e.key === \"Backspace\") {\n return;\n }\n if ((e.metaKey \|\| e.ctrlKey) && e.key === \"a\") {\n inputRef.current?.select();\n return;\n }\n const input = e.target;\n const start = input.selectionStart;\n const end = input.selectionEnd;\n const currentValue = input.value;\n if (e.key === \"Tab\") {\n if (start !== end) {\n if (e.shiftKey) {\n const newDotsIndex = currentValue.indexOf(\":\");\n const isMinutesSelected = start > newDotsIndex;\n if (isMinutesSelected) {\n e.preventDefault();\n inputRef.current?.setSelectionRange(0, newDotsIndex);\n }\n } else {\n const newDotsIndex = currentValue.indexOf(\":\");\n const isHoursSelected = start < newDotsIndex;\n if (isHoursSelected) {\n e.preventDefault();\n inputRef.current?.setSelectionRange(\n newDotsIndex + 1,\n currentValue.length\n );\n }\n }\n }\n return;\n }\n\n if (start !== end) {\n if (e.key === \"ArrowUp\") {\n handleIncrementDecrement(true);\n return;\n }\n if (e.key === \"ArrowDown\") {\n handleIncrementDecrement(false);\n return;\n }\n const newValue =\n currentValue.substring(0, start) +\n e.key +\n currentValue.substring(end);\n if (!validation(newValue, withLeadingZero)) {\n e.preventDefault();\n return;\n }\n } else {\n const newValue =\n currentValue.substring(0, start) +\n e.key +\n currentValue.substring(end);\n\n if (!validation(newValue, withLeadingZero)) {\n e.preventDefault();\n return;\n }\n }\n },\n [\n handleIncrementDecrement,\n inputRef,\n onCancel,\n onEnterKeyPress,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleChange = useCallback(\n (e) => {\n setCurrentValue(e.target.value);\n if (onChange) onChange(e.target.value);\n },\n [onChange]\n );\n\n const handleClick = useCallback(\n (e) => {\n const selectionStart = inputRef.current?.selectionStart;\n if (\n inputRef.current &&\n currentValue &&\n currentValue.length > 0 &&\n typeof selectionStart === \"number\"\n ) {\n const dotsIndex = currentValue.indexOf(\":\");\n if (selectionStart < dotsIndex) {\n inputRef.current?.setSelectionRange(0, dotsIndex);\n } else if (selectionStart >= dotsIndex) {\n inputRef.current?.setSelectionRange(\n dotsIndex + 1,\n currentValue.length\n );\n }\n }\n\n if (typeof onClick === \"function\") {\n onClick(e);\n }\n },\n [currentValue, inputRef, onClick]\n );\n\n const handleDoubleClick = useCallback(() => {\n if (inputRef.current) {\n inputRef.current?.select();\n }\n }, [inputRef]);\n\n const inputProps = useMemo(() => {\n return {\n value: currentValue,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n onClick: handleClick,\n onDoubleClick: handleDoubleClick,\n };\n }, [\n currentValue,\n handleBlur,\n handleChange,\n handleClick,\n handleDoubleClick,\n handleKeyDown,\n ]);\n\n return {\n inputProps,\n setCurrentValue,\n setPrevValue,\n };\n};\n"],"mappings":"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"}

package/dist/index.js CHANGED Viewed

@@ -12507,6 +12507,7 @@
           var newValue = "".concat(newHoursString, ":").concat(newMinutesString);
           if (validation(newValue, withLeadingZero)) {
             setCurrentValue(newValue);
+            if (onChange) onChange(newValue);
             requestAnimationFrame(function () {
               var _inputRef$current;
               var newDotsIndex = newValue.indexOf(":");
@@ -12518,7 +12519,7 @@
           }
         }
       }
-    }, [currentValue, incrementOnlySelected, inputRef, minuteIncrement, validation, withLeadingZero]);
+    }, [currentValue, incrementOnlySelected, inputRef, minuteIncrement, onChange, validation, withLeadingZero]);
     var handleKeyDown = React.useCallback(function (e) {
       if (e.key === "Enter") {
         e.target.blur();
@@ -16170,7 +16171,7 @@
   var StyledInput$1 = styled__default["default"](Typography).withConfig({
     displayName: "Styles__StyledInput",
     componentId: "sc-1wapx2a-2"
-  })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{display:none;}"], {
+  })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}"], {
     "position": "absolute",
     "inset": "0px",
     "boxSizing": "border-box",
@@ -16191,7 +16192,7 @@
   });
   StyledInput$1.displayName = "StyledInput";
-  var _excluded$e = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef"];
+  var _excluded$e = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children"];
   var EditableContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$variant = _ref.variant,
@@ -16201,6 +16202,7 @@
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       inputProps = _ref.inputProps,
       wrapRef = _ref.wrapRef,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$e);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
@@ -16217,8 +16219,9 @@
       variant: variant,
       forwardedAs: "span",
       weight: weight,
-      $disabled: disabled
-    }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__PURE__*/React__default["default"].createElement(StyledInput$1, _extends({}, inputProps, {
+      $disabled: disabled,
+      className: "presentation"
+    }, children ? children : inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__PURE__*/React__default["default"].createElement(StyledInput$1, _extends({}, inputProps, {
       ref: handleRef,
       forwardedAs: "input",
       variant: variant,
@@ -16283,7 +16286,7 @@
       setCurrentValue(e.target.value);
     }, []);
     return /*#__PURE__*/React__default["default"].createElement(EditableContent, _extends({}, props, {
-      wrapRef: ref,
+      ref: ref,
       inputProps: _objectSpread2(_objectSpread2({}, inputProps), {}, {
         value: currentValue !== null && currentValue !== void 0 ? currentValue : "",
         onBlur: handleBlur,
@@ -16296,25 +16299,34 @@
   });
   EditableText.displayName = "EditableText";
-  var _excluded$c = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick"];
-  var EditableHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-    var defaultValue = _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 ? 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,
-      externalEnterKeyPress = _ref.onEnterKeyPress,
-      externalInputProps = _ref.inputProps,
-      externalOnClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$c);
+  var _excluded$c = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick", "ticking", "onFocus"];
+  var StyledEditableContent = styled__default["default"](EditableContent).withConfig({
+    displayName: "EditableHours__StyledEditableContent",
+    componentId: "sc-nvi34j-0"
+  })(["", ""], function (_ref) {
+    var $ticking = _ref.$ticking;
+    return $ticking && styled.css([".presentation{visibility:visible;}input{opacity:0;}"]);
+  });
+  var EditableHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+    var defaultValue = _ref2.value,
+      onCancel = _ref2.onCancel,
+      onSave = _ref2.onSave,
+      allowEmptyValue = _ref2.allowEmptyValue,
+      _ref2$withLeadingZero = _ref2.withLeadingZero,
+      withLeadingZero = _ref2$withLeadingZero === void 0 ? true : _ref2$withLeadingZero,
+      _ref2$validation = _ref2.validation,
+      validation = _ref2$validation === void 0 ? validateTimeInput : _ref2$validation,
+      _ref2$incrementOnlySe = _ref2.incrementOnlySelected,
+      incrementOnlySelected = _ref2$incrementOnlySe === void 0 ? false : _ref2$incrementOnlySe,
+      _ref2$minuteIncrement = _ref2.minuteIncrement,
+      minuteIncrement = _ref2$minuteIncrement === void 0 ? 1 : _ref2$minuteIncrement,
+      className = _ref2.className,
+      externalEnterKeyPress = _ref2.onEnterKeyPress,
+      externalInputProps = _ref2.inputProps,
+      externalOnClick = _ref2.onClick,
+      ticking = _ref2.ticking,
+      onFocus = _ref2.onFocus,
+      rest = _objectWithoutProperties(_ref2, _excluded$c);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputHours = useInputHours({
@@ -16356,7 +16368,19 @@
         return prevState;
       });
     }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);
-    return /*#__PURE__*/React__default["default"].createElement(EditableContent, _extends({
+    var splitTime = React.useMemo(function () {
+      if (value && ticking) {
+        var _value$split = value.split(":"),
+          _value$split2 = _slicedToArray(_value$split, 2),
+          hours = _value$split2[0],
+          minutes = _value$split2[1];
+        return {
+          hours: hours,
+          minutes: minutes
+        };
+      }
+    }, [value, ticking]);
+    return /*#__PURE__*/React__default["default"].createElement(StyledEditableContent, _extends({
       ref: handleRef,
       className: className,
       inputProps: _objectSpread2(_objectSpread2({}, externalInputProps), {}, {
@@ -16366,9 +16390,13 @@
         onChange: onChange,
         onClick: onClick,
         onDoubleClick: onDoubleClick,
+        onFocus: onFocus,
         type: "text"
-      })
-    }, rest));
+      }),
+      $ticking: ticking
+    }, rest), ticking && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, splitTime === null || splitTime === void 0 ? void 0 : splitTime.hours, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "tw-animate-ping"
+    }, ":"), splitTime === null || splitTime === void 0 ? void 0 : splitTime.minutes));
   });
   EditableHours.displayName = "EditableHours";