@activecollab/components 1.0.389 → 1.0.391

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef"];
+var _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children"];
 import React, { forwardRef, useCallback, useRef } from "react";
 import { useForkRef } from "../../utils";
 import { StyledDiv, StyledInput, StyledSpan } from "./Styles";
@@ -13,6 +13,7 @@ export var EditableContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     inputProps = _ref.inputProps,
     wrapRef = _ref.wrapRef,
+    children = _ref.children,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var intInputRef = useRef(null);
   var handleRef = useForkRef(ref, intInputRef);
@@ -29,8 +30,9 @@ export var EditableContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     variant: variant,
     forwardedAs: "span",
     weight: weight,
-    $disabled: disabled
-  }, inputProps == null ? void 0 : inputProps.value), /*#__PURE__*/React.createElement(StyledInput, _extends({}, inputProps, {
+    $disabled: disabled,
+    className: "presentation"
+  }, children ? children : inputProps == null ? void 0 : inputProps.value), /*#__PURE__*/React.createElement(StyledInput, _extends({}, inputProps, {
     ref: handleRef,
     forwardedAs: "input",
     variant: variant,

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","children","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      children,\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          className=\"presentation\"\n        >\n          {children ? children : 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,gBAWEQ,GAAG,EACA;EAAA,IAVDC,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;IACPC,QAAQ,QAARA,QAAQ;IACLC,KAAK;EAIV,IAAMC,WAAW,GAAGf,MAAM,CAAmB,IAAI,CAAC;EAClD,IAAMgB,SAAS,GAAGf,UAAU,CAACK,GAAG,EAAES,WAAW,CAAC;EAE9C,IAAME,UAAU,GAAGlB,WAAW,CAC5B,UAACmB,GAAG,EAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOT,UAAU,oBAAVA,UAAU,CAAEU,MAAM,gBAAe,KAAIV,UAAU,oBAAVA,UAAU,CAAEU,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACP,UAAU,CAAC,CACb;EAED,oBACE,oBAAC,SAAS;IAAC,SAAS,EAAEJ,SAAU;IAAC,GAAG,EAAEK;EAAQ,GAAKE,KAAK,gBACtD,oBAAC,UAAU;IACT,OAAO,EAAEN,OAAQ;IACjB,WAAW,EAAC,MAAM;IAClB,MAAM,EAAEC,MAAO;IACf,SAAS,EAAEC,QAAS;IACpB,SAAS,EAAC;EAAc,GAEvBG,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,oBAAVA,UAAU,CAAEW,KAAK,CAC7B,eACb,oBAAC,WAAW,eACNX,UAAU;IACd,GAAG,EAAEK,SAAU;IACf,WAAW,EAAC,OAAO;IACnB,OAAO,EAAER,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,KAAK,EAAEE,UAAU,oBAAVA,UAAU,CAAEW,KAAM;IACzB,MAAM,EAAEL,UAAW;IACnB,QAAQ,EAAEP,QAAS;IACnB,kBAAe;EAAO,GACtB,CACQ;AAEhB,CAAC,CACF;AAEDL,eAAe,CAACkB,WAAW,GAAG,iBAAiB"}

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

@@ -1,16 +1,10 @@
 import { EditableContentInterface } from "../EditableContent";
-import React from "react";
-export interface EditableHoursProps extends EditableContentInterface {
-    value?: number | string;
-    onSave?: (e: Event) => void;
-    onCancel?: (e: Event) => void;
-    onEnterKeyPress?: () => void;
-    withLeadingZero?: boolean;
-    incrementOnlySelected?: boolean;
-    validation?: (value: string, withLeadingZero: boolean) => boolean;
-    allowEmptyValue?: boolean;
-    minuteIncrement?: number;
+import React, { FocusEvent } from "react";
+import { IInputHours } from "../../hooks/useInputHours";
+export interface EditableHoursProps extends EditableContentInterface, Omit<IInputHours, "onChange"> {
     className?: string;
+    ticking?: boolean;
+    onFocus?: (event: FocusEvent) => void;
 }
 export declare const EditableHours: React.ForwardRefExoticComponent<EditableHoursProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=EditableHours.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableHours.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,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"}
+{"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,KAAK,EAAE,EAA8B,UAAU,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAiB,MAAM,2BAA2B,CAAC;AAGvE,MAAM,WAAW,kBACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAgBD,eAAO,MAAM,aAAa,2FAwGzB,CAAC"}

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

@@ -1,46 +1,108 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "inputProps"];
+var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick", "ticking", "onFocus"];
 import { EditableContent } from "../EditableContent";
-import React, { useRef } from "react";
+import React, { useEffect, useMemo, useRef } from "react";
 import useForkRef from "../../utils/useForkRef";
-import classNames from "classnames";
-import { validateTimeInput } from "../../utils";
-import { HoursWrapper } from "../HoursWrapper";
-export var EditableHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var value = _ref.value,
-    onCancel = _ref.onCancel,
-    onSave = _ref.onSave,
-    allowEmptyValue = _ref.allowEmptyValue,
-    _ref$withLeadingZero = _ref.withLeadingZero,
-    withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
-    _ref$validation = _ref.validation,
-    validation = _ref$validation === void 0 ? 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,
-    inputProps = _ref.inputProps,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+import { decimalToHours, validateTimeInput } from "../../utils";
+import { useInputHours } from "../../hooks/useInputHours";
+import styled, { css } from "styled-components";
+var StyledEditableContent = styled(EditableContent).withConfig({
+  displayName: "EditableHours__StyledEditableContent",
+  componentId: "sc-nvi34j-0"
+})(["", ""], function (_ref) {
+  var $ticking = _ref.$ticking;
+  return $ticking && css([".presentation{visibility:visible;}input{opacity:0;}"]);
+});
+export var EditableHours = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(_ref2, _excluded);
   var inputRef = useRef(null);
   var handleRef = useForkRef(ref, inputRef);
-  return /*#__PURE__*/React.createElement(HoursWrapper, {
-    value: value,
-    onCancel: onCancel,
-    onSave: onSave,
-    incrementOnlySelected: incrementOnlySelected,
-    minuteIncrement: minuteIncrement,
-    allowEmptyValue: allowEmptyValue,
-    withLeadingZero: withLeadingZero,
-    validation: validation
-  }, /*#__PURE__*/React.createElement(EditableContent, _extends({
+  var _useInputHours = useInputHours({
+      value: defaultValue,
+      withLeadingZero: withLeadingZero,
+      onSave: onSave,
+      validation: validation,
+      allowEmptyValue: allowEmptyValue,
+      onCancel: onCancel,
+      minuteIncrement: minuteIncrement,
+      incrementOnlySelected: incrementOnlySelected,
+      onEnterKeyPress: externalEnterKeyPress,
+      onClick: externalOnClick
+    }, inputRef),
+    inputProps = _useInputHours.inputProps,
+    setCurrentValue = _useInputHours.setCurrentValue,
+    setPrevValue = _useInputHours.setPrevValue;
+  var value = inputProps.value,
+    onBlur = inputProps.onBlur,
+    onKeyDown = inputProps.onKeyDown,
+    onChange = inputProps.onChange,
+    onClick = inputProps.onClick,
+    onDoubleClick = inputProps.onDoubleClick;
+  useEffect(function () {
+    var _value;
+    if (defaultValue !== undefined) {
+      _value = decimalToHours(defaultValue, withLeadingZero);
+    }
+    setCurrentValue(function (prevState) {
+      if (prevState !== _value) {
+        return _value;
+      }
+      return prevState;
+    });
+    setPrevValue(function (prevState) {
+      if (prevState !== _value) {
+        return _value;
+      }
+      return prevState;
+    });
+  }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);
+  var splitTime = useMemo(function () {
+    if (value && ticking) {
+      var _value$split = value.split(":"),
+        hours = _value$split[0],
+        minutes = _value$split[1];
+      return {
+        hours: hours,
+        minutes: minutes
+      };
+    }
+  }, [value, ticking]);
+  return /*#__PURE__*/React.createElement(StyledEditableContent, _extends({
     ref: handleRef,
-    inputProps: _extends({}, inputProps, {
-      type: "text",
-      className: classNames("c-input", className)
-    })
-  }, rest)));
+    className: className,
+    inputProps: _extends({}, externalInputProps, {
+      value: value,
+      onBlur: onBlur,
+      onKeyDown: onKeyDown,
+      onChange: onChange,
+      onClick: onClick,
+      onDoubleClick: onDoubleClick,
+      onFocus: onFocus,
+      type: "text"
+    }),
+    $ticking: ticking
+  }, rest), ticking && /*#__PURE__*/React.createElement(React.Fragment, null, splitTime == null ? void 0 : splitTime.hours, /*#__PURE__*/React.createElement("span", {
+    className: "tw-animate-ping"
+  }, ":"), splitTime == null ? void 0 : splitTime.minutes));
 });
 EditableHours.displayName = "EditableHours";
 //# sourceMappingURL=EditableHours.js.map

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?: (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"}
+{"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/Input/InputHours.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { InputProps } from "./Input";
-import type { EditableHoursProps } from "../EditableHours";
-export interface InputHoursProps extends Omit<EditableHoursProps, "weight" | "variant">, Omit<InputProps, "value"> {
+import { IInputHours } from "../../hooks/useInputHours";
+export interface InputHoursProps extends Omit<InputProps, "value" | "onChange">, IInputHours {
 }
 export declare const InputHours: React.ForwardRefExoticComponent<InputHoursProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=InputHours.d.ts.map

package/dist/esm/components/Input/InputHours.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputHours.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputHours.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,SAAS,CAAC,EACpD,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;CAAG;AAEhC,eAAO,MAAM,UAAU,0FAyCtB,CAAC"}
+{"version":3,"file":"InputHours.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputHours.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAiB,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC,EAC5C,WAAW;CAAG;AAElB,eAAO,MAAM,UAAU,0FAyDtB,CAAC"}

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

@@ -1,16 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
+var _excluded = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick"];
 import React, { useRef } from "react";
 import useForkRef from "../../utils/useForkRef";
 import { validateTimeInput } from "../../utils";
 import { Input } from "./Input";
-import { HoursWrapper } from "../HoursWrapper";
+import { useInputHours } from "../../hooks/useInputHours";
 export var InputHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var value = _ref.value,
+  var defaultValue = _ref.value,
     onCancel = _ref.onCancel,
     onSave = _ref.onSave,
-    onEnterKeyPress = _ref.onEnterKeyPress,
+    externalEnterKeyPress = _ref.onEnterKeyPress,
     allowEmptyValue = _ref.allowEmptyValue,
     _ref$withLeadingZero = _ref.withLeadingZero,
     withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
@@ -21,24 +21,42 @@ export var InputHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$minuteIncrement = _ref.minuteIncrement,
     minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
     className = _ref.className,
+    externalOnChange = _ref.onChange,
+    externalOnClick = _ref.onClick,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var inputRef = useRef(null);
   var handleRef = useForkRef(ref, inputRef);
-  return /*#__PURE__*/React.createElement(HoursWrapper, {
+  var _useInputHours = useInputHours({
+      value: defaultValue,
+      withLeadingZero: withLeadingZero,
+      onSave: onSave,
+      validation: validation,
+      allowEmptyValue: allowEmptyValue,
+      onCancel: onCancel,
+      minuteIncrement: minuteIncrement,
+      incrementOnlySelected: incrementOnlySelected,
+      onEnterKeyPress: externalEnterKeyPress,
+      onChange: externalOnChange,
+      onClick: externalOnClick
+    }, inputRef),
+    inputProps = _useInputHours.inputProps;
+  var value = inputProps.value,
+    onBlur = inputProps.onBlur,
+    onKeyDown = inputProps.onKeyDown,
+    onChange = inputProps.onChange,
+    onClick = inputProps.onClick,
+    onDoubleClick = inputProps.onDoubleClick;
+  return /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
+    className: className,
+    placeholder: withLeadingZero ? "00:00" : "0:00",
     value: value,
-    onCancel: onCancel,
-    onSave: onSave,
-    onEnterKeyPress: onEnterKeyPress,
-    incrementOnlySelected: incrementOnlySelected,
-    minuteIncrement: minuteIncrement,
-    allowEmptyValue: allowEmptyValue,
-    withLeadingZero: withLeadingZero,
-    validation: validation,
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    onChange: onChange,
+    onClick: onClick,
+    onDoubleClick: onDoubleClick,
     ref: handleRef
-  }, /*#__PURE__*/React.createElement(Input, _extends({
-    className: className,
-    placeholder: withLeadingZero ? "00:00" : "0:00"
-  }, rest)));
+  }));
 });
 InputHours.displayName = "InputHours";
 //# sourceMappingURL=InputHours.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputHours.js","names":["React","useRef","useForkRef","validateTimeInput","Input","HoursWrapper","InputHours","forwardRef","ref","value","onCancel","onSave","onEnterKeyPress","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","rest","inputRef","handleRef","displayName"],"sources":["../../../../src/components/Input/InputHours.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { Input } from \"./Input\";\nimport { HoursWrapper } from \"../HoursWrapper\";\nimport type { InputProps } from \"./Input\";\nimport type { EditableHoursProps } from \"../EditableHours\";\n\nexport interface InputHoursProps\n  extends Omit<EditableHoursProps, \"weight\" | \"variant\">,\n    Omit<InputProps, \"value\"> {}\n\nexport const InputHours = React.forwardRef<HTMLInputElement, InputHoursProps>(\n  (\n    {\n      value,\n      onCancel,\n      onSave,\n      onEnterKeyPress,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    return (\n      <HoursWrapper\n        value={value}\n        onCancel={onCancel}\n        onSave={onSave}\n        onEnterKeyPress={onEnterKeyPress}\n        incrementOnlySelected={incrementOnlySelected}\n        minuteIncrement={minuteIncrement}\n        allowEmptyValue={allowEmptyValue}\n        withLeadingZero={withLeadingZero}\n        validation={validation}\n        ref={handleRef}\n      >\n        <Input\n          className={className}\n          placeholder={withLeadingZero ? \"00:00\" : \"0:00\"}\n          {...rest}\n        />\n      </HoursWrapper>\n    );\n  }\n);\n\nInputHours.displayName = \"InputHours\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,YAAY,QAAQ,iBAAiB;AAQ9C,OAAO,IAAMC,UAAU,gBAAGN,KAAK,CAACO,UAAU,CACxC,gBAcEC,GAAG,EACA;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IACfC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGZ,iBAAiB;IAAA,6BAC9Ba,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACNC,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,eAAe,EAAEC,eAAgB;IACjC,qBAAqB,EAAEI,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEJ,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC,UAAW;IACvB,GAAG,EAAEM;EAAU,gBAEf,oBAAC,KAAK;IACJ,SAAS,EAAEH,SAAU;IACrB,WAAW,EAAEJ,eAAe,GAAG,OAAO,GAAG;EAAO,GAC5CK,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAEDb,UAAU,CAACgB,WAAW,GAAG,YAAY"}
+{"version":3,"file":"InputHours.js","names":["React","useRef","useForkRef","validateTimeInput","Input","useInputHours","InputHours","forwardRef","ref","defaultValue","value","onCancel","onSave","externalEnterKeyPress","onEnterKeyPress","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","externalOnChange","onChange","externalOnClick","onClick","rest","inputRef","handleRef","inputProps","onBlur","onKeyDown","onDoubleClick","displayName"],"sources":["../../../../src/components/Input/InputHours.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { Input } from \"./Input\";\nimport type { InputProps } from \"./Input\";\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\n\nexport interface InputHoursProps\n  extends Omit<InputProps, \"value\" | \"onChange\">,\n    IInputHours {}\n\nexport const InputHours = React.forwardRef<HTMLInputElement, InputHoursProps>(\n  (\n    {\n      value: defaultValue,\n      onCancel,\n      onSave,\n      onEnterKeyPress: externalEnterKeyPress,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      onChange: externalOnChange,\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 } = useInputHours(\n      {\n        value: defaultValue,\n        withLeadingZero,\n        onSave,\n        validation,\n        allowEmptyValue,\n        onCancel,\n        minuteIncrement,\n        incrementOnlySelected,\n        onEnterKeyPress: externalEnterKeyPress,\n        onChange: externalOnChange,\n        onClick: externalOnClick,\n      },\n      inputRef\n    );\n\n    const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n      inputProps;\n\n    return (\n      <Input\n        {...rest}\n        className={className}\n        placeholder={withLeadingZero ? \"00:00\" : \"0:00\"}\n        value={value}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        onChange={onChange}\n        onClick={onClick}\n        onDoubleClick={onDoubleClick}\n        ref={handleRef}\n      />\n    );\n  }\n);\n\nInputHours.displayName = \"InputHours\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAAsBC,aAAa,QAAQ,2BAA2B;AAMtE,OAAO,IAAMC,UAAU,gBAAGN,KAAK,CAACO,UAAU,CACxC,gBAgBEC,GAAG,EACA;EAAA,IAfMC,YAAY,QAAnBC,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACWC,qBAAqB,QAAtCC,eAAe;IACfC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGd,iBAAiB;IAAA,6BAC9Be,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACCC,gBAAgB,QAA1BC,QAAQ;IACCC,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,qBAAuBrB,aAAa,CAClC;MACEK,KAAK,EAAED,YAAY;MACnBO,eAAe,EAAfA,eAAe;MACfJ,MAAM,EAANA,MAAM;MACNK,UAAU,EAAVA,UAAU;MACVF,eAAe,EAAfA,eAAe;MACfJ,QAAQ,EAARA,QAAQ;MACRQ,eAAe,EAAfA,eAAe;MACfD,qBAAqB,EAArBA,qBAAqB;MACrBJ,eAAe,EAAED,qBAAqB;MACtCS,QAAQ,EAAED,gBAAgB;MAC1BG,OAAO,EAAED;IACX,CAAC,EACDG,QAAQ,CACT;IAfOE,UAAU,kBAAVA,UAAU;EAiBlB,IAAQlB,KAAK,GACXkB,UAAU,CADJlB,KAAK;IAAEmB,MAAM,GACnBD,UAAU,CADGC,MAAM;IAAEC,SAAS,GAC9BF,UAAU,CADWE,SAAS;IAAER,QAAQ,GACxCM,UAAU,CADsBN,QAAQ;IAAEE,OAAO,GACjDI,UAAU,CADgCJ,OAAO;IAAEO,aAAa,GAChEH,UAAU,CADyCG,aAAa;EAGlE,oBACE,oBAAC,KAAK,eACAN,IAAI;IACR,SAAS,EAAEL,SAAU;IACrB,WAAW,EAAEJ,eAAe,GAAG,OAAO,GAAG,MAAO;IAChD,KAAK,EAAEN,KAAM;IACb,MAAM,EAAEmB,MAAO;IACf,SAAS,EAAEC,SAAU;IACrB,QAAQ,EAAER,QAAS;IACnB,OAAO,EAAEE,OAAQ;IACjB,aAAa,EAAEO,aAAc;IAC7B,GAAG,EAAEJ;EAAU,GACf;AAEN,CAAC,CACF;AAEDrB,UAAU,CAAC0B,WAAW,GAAG,YAAY"}

package/dist/esm/hooks/useInputHours.d.ts

@@ -0,0 +1,27 @@
+import { RefObject, MouseEvent } from "react";
+export interface IInputHours {
+    value?: string | number;
+    withLeadingZero?: boolean;
+    onSave?: (e: Event) => void;
+    validation?: (...args: any[]) => boolean;
+    allowEmptyValue?: boolean;
+    onCancel?: (e: Event) => void;
+    minuteIncrement?: number;
+    incrementOnlySelected?: boolean;
+    onEnterKeyPress?: (val: string) => void;
+    onChange?: (val: string) => void;
+    onClick?: (event: MouseEvent<HTMLInputElement>) => void;
+}
+export declare const useInputHours: ({ value, withLeadingZero, onSave, validation, allowEmptyValue, onCancel, minuteIncrement, incrementOnlySelected, onEnterKeyPress, onChange, onClick, }: IInputHours, inputRef: RefObject<HTMLInputElement | null>) => {
+    inputProps: {
+        value: string;
+        onBlur: (e: any) => void;
+        onKeyDown: (e: any) => void;
+        onChange: (e: any) => void;
+        onClick: (e: any) => void;
+        onDoubleClick: () => void;
+    };
+    setCurrentValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setPrevValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+//# sourceMappingURL=useInputHours.d.ts.map

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

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

package/dist/esm/{components/HoursWrapper/HoursWrapper.js → hooks/useInputHours.js}

@@ -1,29 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { decimalToHours } from "../../utils/timeUtils";
-import useForkRef from "../../utils/useForkRef";
-import { validateTimeInput } from "../../utils";
-import { EditableContent } from "../EditableContent";
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-
-export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    value = _ref.value,
-    onCancel = _ref.onCancel,
+import { useCallback, useMemo, useRef, useState } from "react";
+import { decimalToHours } from "../utils";
+import { validateTimeInput } from "../utils";
+export var useInputHours = function useInputHours(_ref, inputRef) {
+  var value = _ref.value,
+    withLeadingZero = _ref.withLeadingZero,
     onSave = _ref.onSave,
-    onEnterKeyPress = _ref.onEnterKeyPress,
-    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,
+    allowEmptyValue = _ref.allowEmptyValue,
+    onCancel = _ref.onCancel,
     _ref$minuteIncrement = _ref.minuteIncrement,
-    minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement;
-  var inputRef = useRef(null);
-  var handleRef = useForkRef(ref, inputRef);
+    minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
+    incrementOnlySelected = _ref.incrementOnlySelected,
+    onEnterKeyPress = _ref.onEnterKeyPress,
+    onChange = _ref.onChange,
+    onClick = _ref.onClick;
   var _useState = useState(function () {
       return decimalToHours(value, withLeadingZero);
     }),
@@ -35,17 +26,6 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     prevValue = _useState2[0],
     setPrevValue = _useState2[1];
   var escapeRef = useRef(false);
-  useEffect(function () {
-    var _value;
-    if (value !== undefined) {
-      _value = decimalToHours(value, withLeadingZero);
-    }
-    if (currentValue !== _value) {
-      setCurrentValue(_value);
-      setPrevValue(_value);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
   var handleBlur = useCallback(function (e) {
     if (escapeRef.current) {
       setCurrentValue(prevValue);
@@ -124,11 +104,11 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         }
       }
     }
-  }, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
+  }, [currentValue, incrementOnlySelected, inputRef, minuteIncrement, validation, withLeadingZero]);
   var handleKeyDown = useCallback(function (e) {
     if (e.key === "Enter") {
       e.target.blur();
-      onEnterKeyPress && onEnterKeyPress();
+      if (typeof onEnterKeyPress === "function") onEnterKeyPress(e.target.value);
     }
     if (e.key === "ArrowLeft") {
       return;
@@ -197,11 +177,12 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         return;
       }
     }
-  }, [handleIncrementDecrement, onCancel, onEnterKeyPress, validation, withLeadingZero]);
+  }, [handleIncrementDecrement, inputRef, onCancel, onEnterKeyPress, validation, withLeadingZero]);
   var handleChange = useCallback(function (e) {
     setCurrentValue(e.target.value);
-  }, []);
-  var handleClick = function handleClick() {
+    if (onChange) onChange(e.target.value);
+  }, [onChange]);
+  var handleClick = useCallback(function (e) {
     var _inputRef$current5;
     var selectionStart = (_inputRef$current5 = inputRef.current) == null ? void 0 : _inputRef$current5.selectionStart;
     if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
@@ -214,38 +195,30 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         (_inputRef$current7 = inputRef.current) == null ? void 0 : _inputRef$current7.setSelectionRange(dotsIndex + 1, currentValue.length);
       }
     }
-  };
-  var handleDoubleClick = function handleDoubleClick() {
+    if (typeof onClick === "function") {
+      onClick(e);
+    }
+  }, [currentValue, inputRef, onClick]);
+  var handleDoubleClick = useCallback(function () {
     if (inputRef.current) {
       var _inputRef$current8;
       (_inputRef$current8 = inputRef.current) == null ? void 0 : _inputRef$current8.select();
     }
+  }, [inputRef]);
+  var inputProps = useMemo(function () {
+    return {
+      value: currentValue,
+      onBlur: handleBlur,
+      onKeyDown: handleKeyDown,
+      onChange: handleChange,
+      onClick: handleClick,
+      onDoubleClick: handleDoubleClick
+    };
+  }, [currentValue, handleBlur, handleChange, handleClick, handleDoubleClick, handleKeyDown]);
+  return {
+    inputProps: inputProps,
+    setCurrentValue: setCurrentValue,
+    setPrevValue: setPrevValue
   };
-  var inputProps = {
-    value: currentValue,
-    onBlur: handleBlur,
-    onKeyDown: handleKeyDown,
-    onChange: handleChange,
-    onClick: handleClick,
-    onDoubleClick: handleDoubleClick,
-    onEnterKeyPress: onEnterKeyPress
-  };
-  if (!children) {
-    console.error("No children provided!");
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, function (child) {
-    var el = child;
-    if (el && el.type === EditableContent) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        ref: handleRef,
-        inputProps: inputProps
-      });
-    }
-    return /*#__PURE__*/React.cloneElement(child, _extends({
-      ref: handleRef
-    }, inputProps));
-  }));
-});
-HoursWrapper.displayName = "HoursWrapper";
-//# sourceMappingURL=HoursWrapper.js.map
+};
+//# sourceMappingURL=useInputHours.js.map

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

@@ -0,0 +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":"AAAA,SAEEA,WAAW,EACXC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAEH,OAAO;AACd,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,iBAAiB,QAAQ,UAAU;AAgB5C,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAcxBC,QAA4C,EACzC;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,eAAe,QAAfA,eAAe;IACfC,MAAM,QAANA,MAAM;IAAA,uBACNC,UAAU;IAAVA,UAAU,gCAAGN,iBAAiB;IAC9BO,eAAe,QAAfA,eAAe;IACfC,QAAQ,QAARA,QAAQ;IAAA,4BACRC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,qBAAqB,QAArBA,qBAAqB;IACrBC,eAAe,QAAfA,eAAe;IACfC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;EAIT,gBAAwCf,QAAQ,CAAC;MAAA,OAC/CC,cAAc,CAACI,KAAK,EAAEC,eAAe,CAAC;IAAA,EACvC;IAFMU,YAAY;IAAEC,eAAe;EAGpC,iBAAkCjB,QAAQ,CAAC;MAAA,OACzCC,cAAc,CAACI,KAAK,EAAEC,eAAe,CAAC;IAAA,EACvC;IAFMY,SAAS;IAAEC,YAAY;EAI9B,IAAMC,SAAS,GAAGrB,MAAM,CAAC,KAAK,CAAC;EAE/B,IAAMsB,UAAU,GAAGxB,WAAW,CAC5B,UAACyB,CAAC,EAAK;IACL,IAAIF,SAAS,CAACG,OAAO,EAAE;MACrBN,eAAe,CAACC,SAAS,CAAC;IAC5B,CAAC,MAAM;MACL,IAAII,CAAC,CAACE,MAAM,CAACnB,KAAK,CAACoB,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,IAAIR,SAAS,KAAKI,CAAC,CAACE,MAAM,CAACnB,KAAK,EAAE;QACpE,IAAMsB,MAAM,GAAG1B,cAAc,CAACqB,CAAC,CAACE,MAAM,CAACnB,KAAK,EAAEC,eAAe,CAAC;QAC9Da,YAAY,CAACQ,MAAM,CAAC;QACpBV,eAAe,CAACU,MAAM,CAAC;QACvB,OAAOpB,MAAM,KAAK,UAAU,IAAIA,MAAM,CAACe,CAAC,CAAC;MAC3C,CAAC,MAAM;QACL,IAAI,CAACb,eAAe,EAAE;UACpBQ,eAAe,CAACC,SAAS,CAAC;UAC1B,OAAOR,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACY,CAAC,CAAC;QAC/C,CAAC,MAAM;UACL,IAAI,OAAOf,MAAM,KAAK,UAAU,IAAIW,SAAS,KAAKI,CAAC,CAACE,MAAM,CAACnB,KAAK,EAAE;YAChEE,MAAM,CAACe,CAAC,CAAC;UACX,CAAC,MAAM;YACL,OAAOZ,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACY,CAAC,CAAC;UAC/C;QACF;MACF;IACF;EACF,CAAC,EACD,CAACb,eAAe,EAAEC,QAAQ,EAAEH,MAAM,EAAEW,SAAS,EAAEZ,eAAe,CAAC,CAChE;EAED,IAAMsB,wBAAwB,GAAG/B,WAAW,CAC1C,UAACgC,SAAkB,EAAK;IACtB,IAAIzB,QAAQ,CAACmB,OAAO,EAAE;MACpB,IAAMO,cAAc,GAAG1B,QAAQ,CAACmB,OAAO,CAACO,cAAc;MACtD,IAAIA,cAAc,KAAK,IAAI,EAAE;QAC3B,IAAMC,SAAS,GAAGf,YAAY,CAACgB,OAAO,CAAC,GAAG,CAAC;QAC3C,4BAAyBhB,YAAY,CAACiB,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,MAAM,CAAC;UAArDC,KAAK;UAAEC,OAAO;QACrB,IAAIC,QAAQ,GAAGF,KAAK;QACpB,IAAIG,UAAU,GAAGF,OAAO;QAExB,IAAIP,cAAc,GAAGC,SAAS,EAAE;UAC9B,IAAIF,SAAS,EAAE;YACbS,QAAQ,IAAI,CAAC;UACf,CAAC,MAAM;YACLA,QAAQ,IAAI,CAAC;YACb,IAAIA,QAAQ,GAAG,CAAC,EAAEA,QAAQ,GAAG,CAAC;UAChC;QACF,CAAC,MAAM,IAAIR,cAAc,GAAGC,SAAS,EAAE;UACrC,IAAIF,SAAS,EAAE;YACbU,UAAU,IAAI5B,eAAe;YAC7B,IAAI4B,UAAU,GAAG,EAAE,EAAE;cACnBA,UAAU,GAAG,CAAC;cACd,IAAI,CAAC3B,qBAAqB,EAAE0B,QAAQ,IAAI,CAAC;YAC3C;UACF,CAAC,MAAM;YACL,IAAIC,UAAU,IAAI5B,eAAe,IAAI4B,UAAU,KAAK,CAAC,EAAE;cACrDA,UAAU,IAAI5B,eAAe;cAC7B,IAAI4B,UAAU,GAAG,CAAC,IAAID,QAAQ,GAAG,CAAC,EAAE;gBAClCC,UAAU,GAAG,EAAE,GAAG5B,eAAe;gBACjC,IAAI,CAACC,qBAAqB,EAAE0B,QAAQ,IAAI,CAAC;cAC3C;cACA,IAAIA,QAAQ,GAAG,CAAC,EAAE;gBAChBA,QAAQ,GAAG,CAAC;cACd;YACF,CAAC,MAAM;cACLC,UAAU,GAAG,CAAC;YAChB;UACF;QACF;QAEA,IAAMC,gBAAgB,GACpBD,UAAU,GAAG,EAAE,SAAOA,UAAU,GAAKA,UAAU;QACjD,IAAME,cAAc,GAClBnC,eAAe,IAAIgC,QAAQ,GAAG,EAAE,SAAOA,QAAQ,GAAKA,QAAQ;QAC9D,IAAMI,QAAQ,GAAMD,cAAc,SAAID,gBAAkB;QAExD,IAAIhC,UAAU,CAACkC,QAAQ,EAAEpC,eAAe,CAAC,EAAE;UACzCW,eAAe,CAACyB,QAAQ,CAAC;UAEzBC,qBAAqB,CAAC,YAAM;YAAA;YAC1B,IAAMC,YAAY,GAAGF,QAAQ,CAACV,OAAO,CAAC,GAAG,CAAC;YAC1C,IAAMa,eAAe,GAAGf,cAAc,GAAGc,YAAY;YACrD,IAAME,iBAAiB,GAAGD,eAAe,GAAG,CAAC,GAAGD,YAAY,GAAG,CAAC;YAChE,IAAMG,YAAY,GAAGF,eAAe,GAChCD,YAAY,GACZF,QAAQ,CAAChB,MAAM;YACnB,qBAAAtB,QAAQ,CAACmB,OAAO,qBAAhB,kBAAkByB,iBAAiB,CACjCF,iBAAiB,EACjBC,YAAY,CACb;UACH,CAAC,CAAC;QACJ;MACF;IACF;EACF,CAAC,EACD,CACE/B,YAAY,EACZJ,qBAAqB,EACrBR,QAAQ,EACRO,eAAe,EACfH,UAAU,EACVF,eAAe,CAChB,CACF;EAED,IAAM2C,aAAa,GAAGpD,WAAW,CAC/B,UAACyB,CAAC,EAAK;IACL,IAAIA,CAAC,CAAC4B,GAAG,KAAK,OAAO,EAAE;MACrB5B,CAAC,CAACE,MAAM,CAAC2B,IAAI,EAAE;MACf,IAAI,OAAOtC,eAAe,KAAK,UAAU,EACvCA,eAAe,CAACS,CAAC,CAACE,MAAM,CAACnB,KAAK,CAAC;IACnC;IACA,IAAIiB,CAAC,CAAC4B,GAAG,KAAK,WAAW,EAAE;MACzB;IACF;IACA,IAAI5B,CAAC,CAAC4B,GAAG,KAAK,YAAY,EAAE;MAC1B;IACF;IACA,IAAI5B,CAAC,CAAC4B,GAAG,KAAK,QAAQ,EAAE;MACtB9B,SAAS,CAACG,OAAO,GAAG,IAAI;MACxBD,CAAC,CAACE,MAAM,CAAC2B,IAAI,EAAE;MACf,OAAOzC,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACY,CAAC,CAAC;MAC7CF,SAAS,CAACG,OAAO,GAAG,KAAK;IAC3B;IACA,IAAID,CAAC,CAAC4B,GAAG,KAAK,WAAW,EAAE;MACzB;IACF;IACA,IAAI,CAAC5B,CAAC,CAAC8B,OAAO,IAAI9B,CAAC,CAAC+B,OAAO,KAAK/B,CAAC,CAAC4B,GAAG,KAAK,GAAG,EAAE;MAAA;MAC7C,sBAAA9C,QAAQ,CAACmB,OAAO,qBAAhB,mBAAkB+B,MAAM,EAAE;MAC1B;IACF;IACA,IAAMC,KAAK,GAAGjC,CAAC,CAACE,MAAM;IACtB,IAAMgC,KAAK,GAAGD,KAAK,CAACzB,cAAc;IAClC,IAAM2B,GAAG,GAAGF,KAAK,CAACR,YAAY;IAC9B,IAAM/B,YAAY,GAAGuC,KAAK,CAAClD,KAAK;IAChC,IAAIiB,CAAC,CAAC4B,GAAG,KAAK,KAAK,EAAE;MACnB,IAAIM,KAAK,KAAKC,GAAG,EAAE;QACjB,IAAInC,CAAC,CAACoC,QAAQ,EAAE;UACd,IAAMd,YAAY,GAAG5B,YAAY,CAACgB,OAAO,CAAC,GAAG,CAAC;UAC9C,IAAM2B,iBAAiB,GAAGH,KAAK,GAAGZ,YAAY;UAC9C,IAAIe,iBAAiB,EAAE;YAAA;YACrBrC,CAAC,CAACsC,cAAc,EAAE;YAClB,sBAAAxD,QAAQ,CAACmB,OAAO,qBAAhB,mBAAkByB,iBAAiB,CAAC,CAAC,EAAEJ,YAAY,CAAC;UACtD;QACF,CAAC,MAAM;UACL,IAAMA,aAAY,GAAG5B,YAAY,CAACgB,OAAO,CAAC,GAAG,CAAC;UAC9C,IAAMa,eAAe,GAAGW,KAAK,GAAGZ,aAAY;UAC5C,IAAIC,eAAe,EAAE;YAAA;YACnBvB,CAAC,CAACsC,cAAc,EAAE;YAClB,sBAAAxD,QAAQ,CAACmB,OAAO,qBAAhB,mBAAkByB,iBAAiB,CACjCJ,aAAY,GAAG,CAAC,EAChB5B,YAAY,CAACU,MAAM,CACpB;UACH;QACF;MACF;MACA;IACF;IAEA,IAAI8B,KAAK,KAAKC,GAAG,EAAE;MACjB,IAAInC,CAAC,CAAC4B,GAAG,KAAK,SAAS,EAAE;QACvBtB,wBAAwB,CAAC,IAAI,CAAC;QAC9B;MACF;MACA,IAAIN,CAAC,CAAC4B,GAAG,KAAK,WAAW,EAAE;QACzBtB,wBAAwB,CAAC,KAAK,CAAC;QAC/B;MACF;MACA,IAAMc,QAAQ,GACZ1B,YAAY,CAAC6C,SAAS,CAAC,CAAC,EAAEL,KAAK,CAAC,GAChClC,CAAC,CAAC4B,GAAG,GACLlC,YAAY,CAAC6C,SAAS,CAACJ,GAAG,CAAC;MAC7B,IAAI,CAACjD,UAAU,CAACkC,QAAQ,EAAEpC,eAAe,CAAC,EAAE;QAC1CgB,CAAC,CAACsC,cAAc,EAAE;QAClB;MACF;IACF,CAAC,MAAM;MACL,IAAMlB,SAAQ,GACZ1B,YAAY,CAAC6C,SAAS,CAAC,CAAC,EAAEL,KAAK,CAAC,GAChClC,CAAC,CAAC4B,GAAG,GACLlC,YAAY,CAAC6C,SAAS,CAACJ,GAAG,CAAC;MAE7B,IAAI,CAACjD,UAAU,CAACkC,SAAQ,EAAEpC,eAAe,CAAC,EAAE;QAC1CgB,CAAC,CAACsC,cAAc,EAAE;QAClB;MACF;IACF;EACF,CAAC,EACD,CACEhC,wBAAwB,EACxBxB,QAAQ,EACRM,QAAQ,EACRG,eAAe,EACfL,UAAU,EACVF,eAAe,CAChB,CACF;EAED,IAAMwD,YAAY,GAAGjE,WAAW,CAC9B,UAACyB,CAAC,EAAK;IACLL,eAAe,CAACK,CAAC,CAACE,MAAM,CAACnB,KAAK,CAAC;IAC/B,IAAIS,QAAQ,EAAEA,QAAQ,CAACQ,CAAC,CAACE,MAAM,CAACnB,KAAK,CAAC;EACxC,CAAC,EACD,CAACS,QAAQ,CAAC,CACX;EAED,IAAMiD,WAAW,GAAGlE,WAAW,CAC7B,UAACyB,CAAC,EAAK;IAAA;IACL,IAAMQ,cAAc,yBAAG1B,QAAQ,CAACmB,OAAO,qBAAhB,mBAAkBO,cAAc;IACvD,IACE1B,QAAQ,CAACmB,OAAO,IAChBP,YAAY,IACZA,YAAY,CAACU,MAAM,GAAG,CAAC,IACvB,OAAOI,cAAc,KAAK,QAAQ,EAClC;MACA,IAAMC,SAAS,GAAGf,YAAY,CAACgB,OAAO,CAAC,GAAG,CAAC;MAC3C,IAAIF,cAAc,GAAGC,SAAS,EAAE;QAAA;QAC9B,sBAAA3B,QAAQ,CAACmB,OAAO,qBAAhB,mBAAkByB,iBAAiB,CAAC,CAAC,EAAEjB,SAAS,CAAC;MACnD,CAAC,MAAM,IAAID,cAAc,IAAIC,SAAS,EAAE;QAAA;QACtC,sBAAA3B,QAAQ,CAACmB,OAAO,qBAAhB,mBAAkByB,iBAAiB,CACjCjB,SAAS,GAAG,CAAC,EACbf,YAAY,CAACU,MAAM,CACpB;MACH;IACF;IAEA,IAAI,OAAOX,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,CAACO,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACN,YAAY,EAAEZ,QAAQ,EAAEW,OAAO,CAAC,CAClC;EAED,IAAMiD,iBAAiB,GAAGnE,WAAW,CAAC,YAAM;IAC1C,IAAIO,QAAQ,CAACmB,OAAO,EAAE;MAAA;MACpB,sBAAAnB,QAAQ,CAACmB,OAAO,qBAAhB,mBAAkB+B,MAAM,EAAE;IAC5B;EACF,CAAC,EAAE,CAAClD,QAAQ,CAAC,CAAC;EAEd,IAAM6D,UAAU,GAAGnE,OAAO,CAAC,YAAM;IAC/B,OAAO;MACLO,KAAK,EAAEW,YAAY;MACnBkD,MAAM,EAAE7C,UAAU;MAClB8C,SAAS,EAAElB,aAAa;MACxBnC,QAAQ,EAAEgD,YAAY;MACtB/C,OAAO,EAAEgD,WAAW;MACpBK,aAAa,EAAEJ;IACjB,CAAC;EACH,CAAC,EAAE,CACDhD,YAAY,EACZK,UAAU,EACVyC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBf,aAAa,CACd,CAAC;EAEF,OAAO;IACLgB,UAAU,EAAVA,UAAU;IACVhD,eAAe,EAAfA,eAAe;IACfE,YAAY,EAAZA;EACF,CAAC;AACH,CAAC"}