@activecollab/components 1.0.385 → 1.0.386

package/dist/cjs/components/EditableContent/EditableContent.js

@@ -40,7 +40,7 @@ var EditableContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     forwardedAs: "span",
     weight: weight,
     $disabled: disabled
-  }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({}, inputProps, {
+  }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), !disabled ? /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({}, inputProps, {
     ref: handleRef,
     forwardedAs: "input",
     variant: variant,
@@ -49,7 +49,7 @@ var EditableContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onBlur: handleBlur,
     disabled: disabled,
     "data-form-type": "other"
-  })));
+  })) : null);
 });
 exports.EditableContent = EditableContent;
 EditableContent.displayName = "EditableContent";

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

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["EditableContent","forwardRef","ref","className","variant","weight","disabled","inputProps","wrapRef","props","intInputRef","useRef","handleRef","useForkRef","handleBlur","useCallback","evt","current","scrollLeft","onBlur","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n        >\n          {inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAA8D;AAAA;AAAA;AAAA;AAAA;AAAA;AAevD,IAAMA,eAAe,gBAAG,IAAAC,iBAAU,EAKvC,gBAUEC,GAAG,EACA;EAAA,IATDC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,QAAQ;IAClBC,MAAM,QAANA,MAAM;IAAA,qBACNC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;IACJC,KAAK;EAIV,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAClD,IAAMC,SAAS,GAAG,IAAAC,iBAAU,EAACX,GAAG,EAAEQ,WAAW,CAAC;EAE9C,IAAMI,UAAU,GAAG,IAAAC,kBAAW,EAC5B,UAACC,GAAG,EAAK;IACP,IAAIN,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEO,OAAO,EAAE;MACxBP,WAAW,CAACO,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOX,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEY,MAAM,gBAAe,KAAIZ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEY,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACT,UAAU,CAAC,CACb;EAED,oBACE,6BAAC,iBAAS;IAAC,SAAS,EAAEJ,SAAU;IAAC,GAAG,EAAEK;EAAQ,GAAKC,KAAK,gBACtD,6BAAC,kBAAU;IACT,OAAO,EAAEL,OAAQ;IACjB,WAAW,EAAC,MAAM;IAClB,MAAM,EAAEC,MAAO;IACf,SAAS,EAAEC;EAAS,GAEnBC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,KAAK,CACP,eACb,6BAAC,mBAAW,eACNb,UAAU;IACd,GAAG,EAAEK,SAAU;IACf,WAAW,EAAC,OAAO;IACnB,OAAO,EAAER,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,KAAK,EAAEE,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,KAAM;IACzB,MAAM,EAAEN,UAAW;IACnB,QAAQ,EAAER,QAAS;IACnB,kBAAe;EAAO,GACtB,CACQ;AAEhB,CAAC,CACF;AAAC;AAEFN,eAAe,CAACqB,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"EditableContent.js","names":["EditableContent","forwardRef","ref","className","variant","weight","disabled","inputProps","wrapRef","props","intInputRef","useRef","handleRef","useForkRef","handleBlur","useCallback","evt","current","scrollLeft","onBlur","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n        >\n          {inputProps?.value}\n        </StyledSpan>\n        {!disabled ? (\n          <StyledInput\n            {...inputProps}\n            ref={handleRef}\n            forwardedAs=\"input\"\n            variant={variant}\n            weight={weight}\n            value={inputProps?.value}\n            onBlur={handleBlur}\n            disabled={disabled}\n            data-form-type=\"other\"\n          />\n        ) : null}\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAA8D;AAAA;AAAA;AAAA;AAAA;AAAA;AAevD,IAAMA,eAAe,gBAAG,IAAAC,iBAAU,EAKvC,gBAUEC,GAAG,EACA;EAAA,IATDC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,QAAQ;IAClBC,MAAM,QAANA,MAAM;IAAA,qBACNC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;IACJC,KAAK;EAIV,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAClD,IAAMC,SAAS,GAAG,IAAAC,iBAAU,EAACX,GAAG,EAAEQ,WAAW,CAAC;EAE9C,IAAMI,UAAU,GAAG,IAAAC,kBAAW,EAC5B,UAACC,GAAG,EAAK;IACP,IAAIN,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEO,OAAO,EAAE;MACxBP,WAAW,CAACO,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOX,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEY,MAAM,gBAAe,KAAIZ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEY,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACT,UAAU,CAAC,CACb;EAED,oBACE,6BAAC,iBAAS;IAAC,SAAS,EAAEJ,SAAU;IAAC,GAAG,EAAEK;EAAQ,GAAKC,KAAK,gBACtD,6BAAC,kBAAU;IACT,OAAO,EAAEL,OAAQ;IACjB,WAAW,EAAC,MAAM;IAClB,MAAM,EAAEC,MAAO;IACf,SAAS,EAAEC;EAAS,GAEnBC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,KAAK,CACP,EACZ,CAACd,QAAQ,gBACR,6BAAC,mBAAW,eACNC,UAAU;IACd,GAAG,EAAEK,SAAU;IACf,WAAW,EAAC,OAAO;IACnB,OAAO,EAAER,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,KAAK,EAAEE,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,KAAM;IACzB,MAAM,EAAEN,UAAW;IACnB,QAAQ,EAAER,QAAS;IACnB,kBAAe;EAAO,GACtB,GACA,IAAI,CACE;AAEhB,CAAC,CACF;AAAC;AAEFN,eAAe,CAACqB,WAAW,GAAG,iBAAiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditableHours.js","names":["EditableHours","React","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","inputProps","rest","inputRef","useRef","handleRef","useForkRef","type","classNames","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport classNames from \"classnames\";\nimport { validateTimeInput } from \"../../utils\";\nimport { HoursWrapper } from \"../HoursWrapper\";\n\nexport interface EditableHoursProps extends EditableContentInterface {\n  value?: number | string;\n  onSave?: (e: Event) => void;\n  onCancel?: () => void;\n  onEnterKeyPress?: () => void;\n  withLeadingZero?: boolean;\n  incrementOnlySelected?: boolean;\n  validation?: (value: string, withLeadingZero: boolean) => boolean;\n  allowEmptyValue?: boolean;\n  minuteIncrement?: number;\n  className?: string;\n}\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      inputProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    return (\n      <HoursWrapper\n        value={value}\n        onCancel={onCancel}\n        onSave={onSave}\n        incrementOnlySelected={incrementOnlySelected}\n        minuteIncrement={minuteIncrement}\n        allowEmptyValue={allowEmptyValue}\n        withLeadingZero={withLeadingZero}\n        validation={validation}\n      >\n        <EditableContent\n          ref={handleRef}\n          inputProps={{\n            ...inputProps,\n            type: \"text\",\n            className: classNames(\"c-input\", className),\n          }}\n          {...rest}\n        />\n      </HoursWrapper>\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcxC,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAI3C,gBAcEC,GAAG,EACA;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGC,wBAAiB;IAAA,6BAC9BC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAIT,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAAChB,GAAG,EAAEa,QAAQ,CAAC;EAE3C,oBACE,6BAAC,0BAAY;IACX,KAAK,EAAEZ,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,qBAAqB,EAAEK,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEL,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,6BAAC,gCAAe;IACd,GAAG,EAAES,SAAU;IACf,UAAU,kCACLJ,UAAU;MACbM,IAAI,EAAE,MAAM;MACZP,SAAS,EAAE,IAAAQ,mBAAU,EAAC,SAAS,EAAER,SAAS;IAAC;EAC3C,GACEE,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAAC;AAEFf,aAAa,CAACsB,WAAW,GAAG,eAAe"}
+{"version":3,"file":"EditableHours.js","names":["EditableHours","React","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","inputProps","rest","inputRef","useRef","handleRef","useForkRef","type","classNames","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport classNames from \"classnames\";\nimport { validateTimeInput } from \"../../utils\";\nimport { HoursWrapper } from \"../HoursWrapper\";\n\nexport interface EditableHoursProps extends EditableContentInterface {\n  value?: number | string;\n  onSave?: (e: Event) => void;\n  onCancel?: (e: Event) => void;\n  onEnterKeyPress?: () => void;\n  withLeadingZero?: boolean;\n  incrementOnlySelected?: boolean;\n  validation?: (value: string, withLeadingZero: boolean) => boolean;\n  allowEmptyValue?: boolean;\n  minuteIncrement?: number;\n  className?: string;\n}\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      inputProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    return (\n      <HoursWrapper\n        value={value}\n        onCancel={onCancel}\n        onSave={onSave}\n        incrementOnlySelected={incrementOnlySelected}\n        minuteIncrement={minuteIncrement}\n        allowEmptyValue={allowEmptyValue}\n        withLeadingZero={withLeadingZero}\n        validation={validation}\n      >\n        <EditableContent\n          ref={handleRef}\n          inputProps={{\n            ...inputProps,\n            type: \"text\",\n            className: classNames(\"c-input\", className),\n          }}\n          {...rest}\n        />\n      </HoursWrapper>\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcxC,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAI3C,gBAcEC,GAAG,EACA;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGC,wBAAiB;IAAA,6BAC9BC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAIT,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAAChB,GAAG,EAAEa,QAAQ,CAAC;EAE3C,oBACE,6BAAC,0BAAY;IACX,KAAK,EAAEZ,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,qBAAqB,EAAEK,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEL,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,6BAAC,gCAAe;IACd,GAAG,EAAES,SAAU;IACf,UAAU,kCACLJ,UAAU;MACbM,IAAI,EAAE,MAAM;MACZP,SAAS,EAAE,IAAAQ,mBAAU,EAAC,SAAS,EAAER,SAAS;IAAC;EAC3C,GACEE,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAAC;AAEFf,aAAa,CAACsB,WAAW,GAAG,eAAe"}

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

@@ -73,10 +73,19 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         setCurrentValue(_value);
         typeof onSave === "function" && onSave(e);
       } else {
-        !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
+        if (!allowEmptyValue) {
+          setCurrentValue(prevValue);
+          typeof onCancel === "function" && onCancel(e);
+        } else {
+          if (typeof onSave === "function" && prevValue !== e.target.value) {
+            onSave(e);
+          } else {
+            typeof onCancel === "function" && onCancel(e);
+          }
+        }
       }
     }
-  }, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
+  }, [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]);
   var handleIncrementDecrement = (0, _react.useCallback)(function (increment) {
     if (inputRef.current) {
       var selectionStart = inputRef.current.selectionStart;
@@ -148,7 +157,7 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     if (e.key === "Escape") {
       escapeRef.current = true;
       e.target.blur();
-      typeof onCancel === "function" && onCancel();
+      typeof onCancel === "function" && onCancel(e);
       escapeRef.current = false;
     }
     if (e.key === "Backspace") {

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

@@ -1 +1 @@
-{"version":3,"file":"HoursWrapper.js","names":["HoursWrapper","React","forwardRef","ref","children","value","onCancel","onSave","onEnterKeyPress","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      onEnterKeyPress,\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          onEnterKeyPress && onEnterKeyPress();\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      [\n        handleIncrementDecrement,\n        onCancel,\n        onEnterKeyPress,\n        validation,\n        withLeadingZero,\n      ]\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      onEnterKeyPress: onEnterKeyPress,\n    };\n\n    if (!children) {\n      console.error(\"No children provided!\");\n      return null;\n    }\n\n    return (\n      <>\n        {React.Children.map(children, (child) => {\n          const el = child as React.ReactElement;\n          if (el && el.type === EditableContent) {\n            return React.cloneElement(child as React.ReactElement, {\n              ref: handleRef,\n              inputProps: inputProps,\n            });\n          }\n          return React.cloneElement(child as React.ReactElement, {\n            ref: handleRef,\n            ...inputProps,\n          });\n        })}\n      </>\n    );\n  }\n);\n\nHoursWrapper.displayName = \"HoursWrapper\";\n"],"mappings":"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"}
+{"version":3,"file":"HoursWrapper.js","names":["HoursWrapper","React","forwardRef","ref","children","value","onCancel","onSave","onEnterKeyPress","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      onEnterKeyPress,\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            if (!allowEmptyValue) {\n              setCurrentValue(prevValue);\n              typeof onCancel === \"function\" && onCancel(e);\n            } else {\n              if (\n                typeof onSave === \"function\" &&\n                prevValue !== e.target.value\n              ) {\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\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          onEnterKeyPress && onEnterKeyPress();\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        onCancel,\n        onEnterKeyPress,\n        validation,\n        withLeadingZero,\n      ]\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      onEnterKeyPress: onEnterKeyPress,\n    };\n\n    if (!children) {\n      console.error(\"No children provided!\");\n      return null;\n    }\n\n    return (\n      <>\n        {React.Children.map(children, (child) => {\n          const el = child as React.ReactElement;\n          if (el && el.type === EditableContent) {\n            return React.cloneElement(child as React.ReactElement, {\n              ref: handleRef,\n              inputProps: inputProps,\n            });\n          }\n          return React.cloneElement(child as React.ReactElement, {\n            ref: handleRef,\n            ...inputProps,\n          });\n        })}\n      </>\n    );\n  }\n);\n\nHoursWrapper.displayName = \"HoursWrapper\";\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,GAAG,EAAuB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,MAAM,WAAW,wBAAwB;IACvC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjD,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,yuJAsD3B,CAAC"}
+{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,GAAG,EAAuB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,MAAM,WAAW,wBAAwB;IACvC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjD,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,yuJAwD3B,CAAC"}

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

@@ -30,7 +30,7 @@ export var EditableContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     forwardedAs: "span",
     weight: weight,
     $disabled: disabled
-  }, inputProps == null ? void 0 : inputProps.value), /*#__PURE__*/React.createElement(StyledInput, _extends({}, inputProps, {
+  }, inputProps == null ? void 0 : inputProps.value), !disabled ? /*#__PURE__*/React.createElement(StyledInput, _extends({}, inputProps, {
     ref: handleRef,
     forwardedAs: "input",
     variant: variant,
@@ -39,7 +39,7 @@ export var EditableContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onBlur: handleBlur,
     disabled: disabled,
     "data-form-type": "other"
-  })));
+  })) : null);
 });
 EditableContent.displayName = "EditableContent";
 //# sourceMappingURL=EditableContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","useForkRef","StyledDiv","StyledInput","StyledSpan","EditableContent","ref","className","variant","weight","disabled","inputProps","wrapRef","props","intInputRef","handleRef","handleBlur","evt","current","scrollLeft","onBlur","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n        >\n          {inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAOC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AACnE,SAASC,UAAU,QAAQ,aAAa;AAExC,SAASC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAe7D,OAAO,IAAMC,eAAe,gBAAGP,UAAU,CAKvC,gBAUEQ,GAAG,EACA;EAAA,IATDC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,QAAQ;IAClBC,MAAM,QAANA,MAAM;IAAA,qBACNC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;IACJC,KAAK;EAIV,IAAMC,WAAW,GAAGd,MAAM,CAAmB,IAAI,CAAC;EAClD,IAAMe,SAAS,GAAGd,UAAU,CAACK,GAAG,EAAEQ,WAAW,CAAC;EAE9C,IAAME,UAAU,GAAGjB,WAAW,CAC5B,UAACkB,GAAG,EAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOR,UAAU,oBAAVA,UAAU,CAAES,MAAM,gBAAe,KAAIT,UAAU,oBAAVA,UAAU,CAAES,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACN,UAAU,CAAC,CACb;EAED,oBACE,oBAAC,SAAS;IAAC,SAAS,EAAEJ,SAAU;IAAC,GAAG,EAAEK;EAAQ,GAAKC,KAAK,gBACtD,oBAAC,UAAU;IACT,OAAO,EAAEL,OAAQ;IACjB,WAAW,EAAC,MAAM;IAClB,MAAM,EAAEC,MAAO;IACf,SAAS,EAAEC;EAAS,GAEnBC,UAAU,oBAAVA,UAAU,CAAEU,KAAK,CACP,eACb,oBAAC,WAAW,eACNV,UAAU;IACd,GAAG,EAAEI,SAAU;IACf,WAAW,EAAC,OAAO;IACnB,OAAO,EAAEP,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,KAAK,EAAEE,UAAU,oBAAVA,UAAU,CAAEU,KAAM;IACzB,MAAM,EAAEL,UAAW;IACnB,QAAQ,EAAEN,QAAS;IACnB,kBAAe;EAAO,GACtB,CACQ;AAEhB,CAAC,CACF;AAEDL,eAAe,CAACiB,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","useForkRef","StyledDiv","StyledInput","StyledSpan","EditableContent","ref","className","variant","weight","disabled","inputProps","wrapRef","props","intInputRef","handleRef","handleBlur","evt","current","scrollLeft","onBlur","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n        >\n          {inputProps?.value}\n        </StyledSpan>\n        {!disabled ? (\n          <StyledInput\n            {...inputProps}\n            ref={handleRef}\n            forwardedAs=\"input\"\n            variant={variant}\n            weight={weight}\n            value={inputProps?.value}\n            onBlur={handleBlur}\n            disabled={disabled}\n            data-form-type=\"other\"\n          />\n        ) : null}\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAOC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AACnE,SAASC,UAAU,QAAQ,aAAa;AAExC,SAASC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAe7D,OAAO,IAAMC,eAAe,gBAAGP,UAAU,CAKvC,gBAUEQ,GAAG,EACA;EAAA,IATDC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,QAAQ;IAClBC,MAAM,QAANA,MAAM;IAAA,qBACNC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;IACJC,KAAK;EAIV,IAAMC,WAAW,GAAGd,MAAM,CAAmB,IAAI,CAAC;EAClD,IAAMe,SAAS,GAAGd,UAAU,CAACK,GAAG,EAAEQ,WAAW,CAAC;EAE9C,IAAME,UAAU,GAAGjB,WAAW,CAC5B,UAACkB,GAAG,EAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOR,UAAU,oBAAVA,UAAU,CAAES,MAAM,gBAAe,KAAIT,UAAU,oBAAVA,UAAU,CAAES,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACN,UAAU,CAAC,CACb;EAED,oBACE,oBAAC,SAAS;IAAC,SAAS,EAAEJ,SAAU;IAAC,GAAG,EAAEK;EAAQ,GAAKC,KAAK,gBACtD,oBAAC,UAAU;IACT,OAAO,EAAEL,OAAQ;IACjB,WAAW,EAAC,MAAM;IAClB,MAAM,EAAEC,MAAO;IACf,SAAS,EAAEC;EAAS,GAEnBC,UAAU,oBAAVA,UAAU,CAAEU,KAAK,CACP,EACZ,CAACX,QAAQ,gBACR,oBAAC,WAAW,eACNC,UAAU;IACd,GAAG,EAAEI,SAAU;IACf,WAAW,EAAC,OAAO;IACnB,OAAO,EAAEP,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,KAAK,EAAEE,UAAU,oBAAVA,UAAU,CAAEU,KAAM;IACzB,MAAM,EAAEL,UAAW;IACnB,QAAQ,EAAEN,QAAS;IACnB,kBAAe;EAAO,GACtB,GACA,IAAI,CACE;AAEhB,CAAC,CACF;AAEDL,eAAe,CAACiB,WAAW,GAAG,iBAAiB"}

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

@@ -3,7 +3,7 @@ import React from "react";
 export interface EditableHoursProps extends EditableContentInterface {
     value?: number | string;
     onSave?: (e: Event) => void;
-    onCancel?: () => void;
+    onCancel?: (e: Event) => void;
     onEnterKeyPress?: () => void;
     withLeadingZero?: boolean;
     incrementOnlySelected?: boolean;

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,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,MAAM,IAAI,CAAC;IAC7B,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"}
+{"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,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,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.map

@@ -1 +1 @@
-{"version":3,"file":"EditableHours.js","names":["EditableContent","React","useRef","useForkRef","classNames","validateTimeInput","HoursWrapper","EditableHours","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","inputProps","rest","inputRef","handleRef","type","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport classNames from \"classnames\";\nimport { validateTimeInput } from \"../../utils\";\nimport { HoursWrapper } from \"../HoursWrapper\";\n\nexport interface EditableHoursProps extends EditableContentInterface {\n  value?: number | string;\n  onSave?: (e: Event) => void;\n  onCancel?: () => void;\n  onEnterKeyPress?: () => void;\n  withLeadingZero?: boolean;\n  incrementOnlySelected?: boolean;\n  validation?: (value: string, withLeadingZero: boolean) => boolean;\n  allowEmptyValue?: boolean;\n  minuteIncrement?: number;\n  className?: string;\n}\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      inputProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    return (\n      <HoursWrapper\n        value={value}\n        onCancel={onCancel}\n        onSave={onSave}\n        incrementOnlySelected={incrementOnlySelected}\n        minuteIncrement={minuteIncrement}\n        allowEmptyValue={allowEmptyValue}\n        withLeadingZero={withLeadingZero}\n        validation={validation}\n      >\n        <EditableContent\n          ref={handleRef}\n          inputProps={{\n            ...inputProps,\n            type: \"text\",\n            className: classNames(\"c-input\", className),\n          }}\n          {...rest}\n        />\n      </HoursWrapper>\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":";;;AAAA,SAASA,eAAe,QAAkC,oBAAoB;AAC9E,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,YAAY,QAAQ,iBAAiB;AAc9C,OAAO,IAAMC,aAAa,gBAAGN,KAAK,CAACO,UAAU,CAI3C,gBAcEC,GAAG,EACA;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGV,iBAAiB;IAAA,6BAC9BW,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAIT,IAAMC,QAAQ,GAAGnB,MAAM,CAAmB,IAAI,CAAC;EAC/C,IAAMoB,SAAS,GAAGnB,UAAU,CAACM,GAAG,EAAEY,QAAQ,CAAC;EAE3C,oBACE,oBAAC,YAAY;IACX,KAAK,EAAEX,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,qBAAqB,EAAEI,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEJ,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,oBAAC,eAAe;IACd,GAAG,EAAEO,SAAU;IACf,UAAU,eACLH,UAAU;MACbI,IAAI,EAAE,MAAM;MACZL,SAAS,EAAEd,UAAU,CAAC,SAAS,EAAEc,SAAS;IAAC;EAC3C,GACEE,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAEDb,aAAa,CAACiB,WAAW,GAAG,eAAe"}
+{"version":3,"file":"EditableHours.js","names":["EditableContent","React","useRef","useForkRef","classNames","validateTimeInput","HoursWrapper","EditableHours","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","inputProps","rest","inputRef","handleRef","type","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport classNames from \"classnames\";\nimport { validateTimeInput } from \"../../utils\";\nimport { HoursWrapper } from \"../HoursWrapper\";\n\nexport interface EditableHoursProps extends EditableContentInterface {\n  value?: number | string;\n  onSave?: (e: Event) => void;\n  onCancel?: (e: Event) => void;\n  onEnterKeyPress?: () => void;\n  withLeadingZero?: boolean;\n  incrementOnlySelected?: boolean;\n  validation?: (value: string, withLeadingZero: boolean) => boolean;\n  allowEmptyValue?: boolean;\n  minuteIncrement?: number;\n  className?: string;\n}\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      inputProps,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    return (\n      <HoursWrapper\n        value={value}\n        onCancel={onCancel}\n        onSave={onSave}\n        incrementOnlySelected={incrementOnlySelected}\n        minuteIncrement={minuteIncrement}\n        allowEmptyValue={allowEmptyValue}\n        withLeadingZero={withLeadingZero}\n        validation={validation}\n      >\n        <EditableContent\n          ref={handleRef}\n          inputProps={{\n            ...inputProps,\n            type: \"text\",\n            className: classNames(\"c-input\", className),\n          }}\n          {...rest}\n        />\n      </HoursWrapper>\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":";;;AAAA,SAASA,eAAe,QAAkC,oBAAoB;AAC9E,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,YAAY,QAAQ,iBAAiB;AAc9C,OAAO,IAAMC,aAAa,gBAAGN,KAAK,CAACO,UAAU,CAI3C,gBAcEC,GAAG,EACA;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGV,iBAAiB;IAAA,6BAC9BW,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAIT,IAAMC,QAAQ,GAAGnB,MAAM,CAAmB,IAAI,CAAC;EAC/C,IAAMoB,SAAS,GAAGnB,UAAU,CAACM,GAAG,EAAEY,QAAQ,CAAC;EAE3C,oBACE,oBAAC,YAAY;IACX,KAAK,EAAEX,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,qBAAqB,EAAEI,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEJ,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,oBAAC,eAAe;IACd,GAAG,EAAEO,SAAU;IACf,UAAU,eACLH,UAAU;MACbI,IAAI,EAAE,MAAM;MACZL,SAAS,EAAEd,UAAU,CAAC,SAAS,EAAEc,SAAS;IAAC;EAC3C,GACEE,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAEDb,aAAa,CAACiB,WAAW,GAAG,eAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"HoursWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/HoursWrapper/HoursWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,UAAU,iBAAkB,SAAQ,eAAe;CAAG;AAEtD,eAAO,MAAM,YAAY;;0CAwSxB,CAAC"}
+{"version":3,"file":"HoursWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/HoursWrapper/HoursWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,UAAU,iBAAkB,SAAQ,eAAe;CAAG;AAEtD,eAAO,MAAM,YAAY;;0CAgTxB,CAAC"}

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

@@ -56,10 +56,19 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         setCurrentValue(_value);
         typeof onSave === "function" && onSave(e);
       } else {
-        !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
+        if (!allowEmptyValue) {
+          setCurrentValue(prevValue);
+          typeof onCancel === "function" && onCancel(e);
+        } else {
+          if (typeof onSave === "function" && prevValue !== e.target.value) {
+            onSave(e);
+          } else {
+            typeof onCancel === "function" && onCancel(e);
+          }
+        }
       }
     }
-  }, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
+  }, [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]);
   var handleIncrementDecrement = useCallback(function (increment) {
     if (inputRef.current) {
       var selectionStart = inputRef.current.selectionStart;
@@ -130,7 +139,7 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (e.key === "Escape") {
       escapeRef.current = true;
       e.target.blur();
-      typeof onCancel === "function" && onCancel();
+      typeof onCancel === "function" && onCancel(e);
       escapeRef.current = false;
     }
     if (e.key === "Backspace") {

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

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

package/dist/index.js

@@ -12441,7 +12441,7 @@
       forwardedAs: "span",
       weight: weight,
       $disabled: disabled
-    }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__PURE__*/React__default["default"].createElement(StyledInput$1, _extends({}, inputProps, {
+    }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), !disabled ? /*#__PURE__*/React__default["default"].createElement(StyledInput$1, _extends({}, inputProps, {
       ref: handleRef,
       forwardedAs: "input",
       variant: variant,
@@ -12450,7 +12450,7 @@
       onBlur: handleBlur,
       disabled: disabled,
       "data-form-type": "other"
-    })));
+    })) : null);
   });
   EditableContent.displayName = "EditableContent";
 
@@ -12507,10 +12507,19 @@
           setCurrentValue(_value);
           typeof onSave === "function" && onSave(e);
         } else {
-          !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
+          if (!allowEmptyValue) {
+            setCurrentValue(prevValue);
+            typeof onCancel === "function" && onCancel(e);
+          } else {
+            if (typeof onSave === "function" && prevValue !== e.target.value) {
+              onSave(e);
+            } else {
+              typeof onCancel === "function" && onCancel(e);
+            }
+          }
         }
       }
-    }, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
+    }, [allowEmptyValue, onCancel, onSave, prevValue, withLeadingZero]);
     var handleIncrementDecrement = React.useCallback(function (increment) {
       if (inputRef.current) {
         var selectionStart = inputRef.current.selectionStart;
@@ -12582,7 +12591,7 @@
       if (e.key === "Escape") {
         escapeRef.current = true;
         e.target.blur();
-        typeof onCancel === "function" && onCancel();
+        typeof onCancel === "function" && onCancel(e);
         escapeRef.current = false;
       }
       if (e.key === "Backspace") {