@activecollab/components 1.0.388 → 1.0.390

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), !disabled ? /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({}, inputProps, {
+  }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__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        {!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"}
+{"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"}

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

@@ -8,10 +8,9 @@ exports.EditableHours = void 0;
 var _EditableContent = require("../EditableContent");
 var _react = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../../utils");
-var _HoursWrapper = require("../HoursWrapper");
-var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "inputProps"];
+var _useInputHours2 = require("../../hooks/useInputHours");
+var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -22,7 +21,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var EditableHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var value = _ref.value,
+  var defaultValue = _ref.value,
     onCancel = _ref.onCancel,
     onSave = _ref.onSave,
     allowEmptyValue = _ref.allowEmptyValue,
@@ -35,26 +34,64 @@ var EditableHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
     _ref$minuteIncrement = _ref.minuteIncrement,
     minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
     className = _ref.className,
-    inputProps = _ref.inputProps,
+    externalEnterKeyPress = _ref.onEnterKeyPress,
+    externalInputProps = _ref.inputProps,
+    externalOnClick = _ref.onClick,
     rest = _objectWithoutProperties(_ref, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _useForkRef.default)(ref, inputRef);
-  return /*#__PURE__*/_react.default.createElement(_HoursWrapper.HoursWrapper, {
-    value: value,
-    onCancel: onCancel,
-    onSave: onSave,
-    incrementOnlySelected: incrementOnlySelected,
-    minuteIncrement: minuteIncrement,
-    allowEmptyValue: allowEmptyValue,
-    withLeadingZero: withLeadingZero,
-    validation: validation
-  }, /*#__PURE__*/_react.default.createElement(_EditableContent.EditableContent, _extends({
+  var _useInputHours = (0, _useInputHours2.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;
+  (0, _react.useEffect)(function () {
+    var _value;
+    if (defaultValue !== undefined) {
+      _value = (0, _utils.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]);
+  return /*#__PURE__*/_react.default.createElement(_EditableContent.EditableContent, _extends({
     ref: handleRef,
-    inputProps: _objectSpread(_objectSpread({}, inputProps), {}, {
-      type: "text",
-      className: (0, _classnames.default)("c-input", className)
+    className: className,
+    inputProps: _objectSpread(_objectSpread({}, externalInputProps), {}, {
+      value: value,
+      onBlur: onBlur,
+      onKeyDown: onKeyDown,
+      onChange: onChange,
+      onClick: onClick,
+      onDoubleClick: onDoubleClick,
+      type: "text"
     })
-  }, rest)));
+  }, rest));
 });
 exports.EditableHours = EditableHours;
 EditableHours.displayName = "EditableHours";

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

@@ -1 +1 @@
-{"version":3,"file":"EditableHours.js","names":["EditableHours","React","forwardRef","ref","value","onCancel","onSave","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"}
+{"version":3,"file":"EditableHours.js","names":["EditableHours","React","forwardRef","ref","defaultValue","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","externalEnterKeyPress","onEnterKeyPress","externalInputProps","inputProps","externalOnClick","onClick","rest","inputRef","useRef","handleRef","useForkRef","useInputHours","setCurrentValue","setPrevValue","onBlur","onKeyDown","onChange","onDoubleClick","useEffect","_value","undefined","decimalToHours","prevState","type","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useEffect, useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { decimalToHours, validateTimeInput } from \"../../utils\";\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\n\nexport interface EditableHoursProps\n  extends EditableContentInterface,\n    Omit<IInputHours, \"onChange\"> {\n  className?: string;\n}\nexport const EditableHours = React.forwardRef<\n  HTMLDivElement,\n  EditableHoursProps\n>(\n  (\n    {\n      value: defaultValue,\n      onCancel,\n      onSave,\n      allowEmptyValue,\n      withLeadingZero = true,\n      validation = validateTimeInput,\n      incrementOnlySelected = false,\n      minuteIncrement = 1,\n      className,\n      onEnterKeyPress: externalEnterKeyPress,\n      inputProps: externalInputProps,\n      onClick: externalOnClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const { inputProps, setCurrentValue, setPrevValue } = useInputHours(\n      {\n        value: defaultValue,\n        withLeadingZero,\n        onSave,\n        validation,\n        allowEmptyValue,\n        onCancel,\n        minuteIncrement,\n        incrementOnlySelected,\n        onEnterKeyPress: externalEnterKeyPress,\n        onClick: externalOnClick,\n      },\n      inputRef\n    );\n\n    const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n      inputProps;\n\n    useEffect(() => {\n      let _value;\n      if (defaultValue !== undefined) {\n        _value = decimalToHours(defaultValue, withLeadingZero);\n      }\n      setCurrentValue((prevState) => {\n        if (prevState !== _value) {\n          return _value;\n        }\n        return prevState;\n      });\n      setPrevValue((prevState) => {\n        if (prevState !== _value) {\n          return _value;\n        }\n        return prevState;\n      });\n    }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);\n\n    return (\n      <EditableContent\n        ref={handleRef}\n        className={className}\n        inputProps={{\n          ...externalInputProps,\n          value,\n          onBlur,\n          onKeyDown,\n          onChange,\n          onClick,\n          onDoubleClick,\n          type: \"text\",\n        }}\n        {...rest}\n      />\n    );\n  }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhE,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAI3C,gBAgBEC,GAAG,EACA;EAAA,IAfMC,YAAY,QAAnBC,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGC,wBAAiB;IAAA,6BAC9BC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACQC,qBAAqB,QAAtCC,eAAe;IACHC,kBAAkB,QAA9BC,UAAU;IACDC,eAAe,QAAxBC,OAAO;IACJC,IAAI;EAIT,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACtB,GAAG,EAAEmB,QAAQ,CAAC;EAE3C,qBAAsD,IAAAI,6BAAa,EACjE;MACErB,KAAK,EAAED,YAAY;MACnBK,eAAe,EAAfA,eAAe;MACfF,MAAM,EAANA,MAAM;MACNG,UAAU,EAAVA,UAAU;MACVF,eAAe,EAAfA,eAAe;MACfF,QAAQ,EAARA,QAAQ;MACRO,eAAe,EAAfA,eAAe;MACfD,qBAAqB,EAArBA,qBAAqB;MACrBI,eAAe,EAAED,qBAAqB;MACtCK,OAAO,EAAED;IACX,CAAC,EACDG,QAAQ,CACT;IAdOJ,UAAU,kBAAVA,UAAU;IAAES,eAAe,kBAAfA,eAAe;IAAEC,YAAY,kBAAZA,YAAY;EAgBjD,IAAQvB,KAAK,GACXa,UAAU,CADJb,KAAK;IAAEwB,MAAM,GACnBX,UAAU,CADGW,MAAM;IAAEC,SAAS,GAC9BZ,UAAU,CADWY,SAAS;IAAEC,QAAQ,GACxCb,UAAU,CADsBa,QAAQ;IAAEX,OAAO,GACjDF,UAAU,CADgCE,OAAO;IAAEY,aAAa,GAChEd,UAAU,CADyCc,aAAa;EAGlE,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIC,MAAM;IACV,IAAI9B,YAAY,KAAK+B,SAAS,EAAE;MAC9BD,MAAM,GAAG,IAAAE,qBAAc,EAAChC,YAAY,EAAEK,eAAe,CAAC;IACxD;IACAkB,eAAe,CAAC,UAACU,SAAS,EAAK;MAC7B,IAAIA,SAAS,KAAKH,MAAM,EAAE;QACxB,OAAOA,MAAM;MACf;MACA,OAAOG,SAAS;IAClB,CAAC,CAAC;IACFT,YAAY,CAAC,UAACS,SAAS,EAAK;MAC1B,IAAIA,SAAS,KAAKH,MAAM,EAAE;QACxB,OAAOA,MAAM;MACf;MACA,OAAOG,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACjC,YAAY,EAAEuB,eAAe,EAAEC,YAAY,EAAEnB,eAAe,CAAC,CAAC;EAElE,oBACE,6BAAC,gCAAe;IACd,GAAG,EAAEe,SAAU;IACf,SAAS,EAAEV,SAAU;IACrB,UAAU,kCACLG,kBAAkB;MACrBZ,KAAK,EAALA,KAAK;MACLwB,MAAM,EAANA,MAAM;MACNC,SAAS,EAATA,SAAS;MACTC,QAAQ,EAARA,QAAQ;MACRX,OAAO,EAAPA,OAAO;MACPY,aAAa,EAAbA,aAAa;MACbM,IAAI,EAAE;IAAM;EACZ,GACEjB,IAAI,EACR;AAEN,CAAC,CACF;AAAC;AAEFrB,aAAa,CAACuC,WAAW,GAAG,eAAe"}

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

@@ -9,8 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
 var _utils = require("../../utils");
 var _Input = require("./Input");
-var _HoursWrapper = require("../HoursWrapper");
-var _excluded = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
+var _useInputHours2 = require("../../hooks/useInputHours");
+var _excluded = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -18,10 +18,10 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var InputHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var value = _ref.value,
+  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,
@@ -32,24 +32,42 @@ var InputHours = /*#__PURE__*/_react.default.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 = _objectWithoutProperties(_ref, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _useForkRef.default)(ref, inputRef);
-  return /*#__PURE__*/_react.default.createElement(_HoursWrapper.HoursWrapper, {
+  var _useInputHours = (0, _useInputHours2.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.default.createElement(_Input.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.default.createElement(_Input.Input, _extends({
-    className: className,
-    placeholder: withLeadingZero ? "00:00" : "0:00"
-  }, rest)));
+  }));
 });
 exports.InputHours = InputHours;
 InputHours.displayName = "InputHours";

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

@@ -1 +1 @@
-{"version":3,"file":"InputHours.js","names":["InputHours","React","forwardRef","ref","value","onCancel","onSave","onEnterKeyPress","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","rest","inputRef","useRef","handleRef","useForkRef","displayName"],"sources":["../../../../src/components/Input/InputHours.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { Input } from \"./Input\";\nimport { HoursWrapper } from \"../HoursWrapper\";\nimport type { InputProps } from \"./Input\";\nimport type { EditableHoursProps } from \"../EditableHours\";\n\nexport interface InputHoursProps\n  extends Omit<EditableHoursProps, \"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;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQxC,IAAMA,UAAU,gBAAGC,cAAK,CAACC,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,gCAAGC,wBAAiB;IAAA,6BAC9BC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIT,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAAChB,GAAG,EAAEa,QAAQ,CAAC;EAE3C,oBACE,6BAAC,0BAAY;IACX,KAAK,EAAEZ,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,eAAe,EAAEC,eAAgB;IACjC,qBAAqB,EAAEK,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEL,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC,UAAW;IACvB,GAAG,EAAEQ;EAAU,gBAEf,6BAAC,YAAK;IACJ,SAAS,EAAEJ,SAAU;IACrB,WAAW,EAAEL,eAAe,GAAG,OAAO,GAAG;EAAO,GAC5CM,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAAC;AAEFf,UAAU,CAACoB,WAAW,GAAG,YAAY"}
+{"version":3,"file":"InputHours.js","names":["InputHours","React","forwardRef","ref","defaultValue","value","onCancel","onSave","externalEnterKeyPress","onEnterKeyPress","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","externalOnChange","onChange","externalOnClick","onClick","rest","inputRef","useRef","handleRef","useForkRef","useInputHours","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;AACA;AACA;AACA;AAEA;AAAuE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMhE,IAAMA,UAAU,gBAAGC,cAAK,CAACC,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,gCAAGC,wBAAiB;IAAA,6BAC9BC,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,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACtB,GAAG,EAAEmB,QAAQ,CAAC;EAE3C,qBAAuB,IAAAI,6BAAa,EAClC;MACErB,KAAK,EAAED,YAAY;MACnBO,eAAe,EAAfA,eAAe;MACfJ,MAAM,EAANA,MAAM;MACNK,UAAU,EAAVA,UAAU;MACVF,eAAe,EAAfA,eAAe;MACfJ,QAAQ,EAARA,QAAQ;MACRS,eAAe,EAAfA,eAAe;MACfD,qBAAqB,EAArBA,qBAAqB;MACrBL,eAAe,EAAED,qBAAqB;MACtCU,QAAQ,EAAED,gBAAgB;MAC1BG,OAAO,EAAED;IACX,CAAC,EACDG,QAAQ,CACT;IAfOK,UAAU,kBAAVA,UAAU;EAiBlB,IAAQtB,KAAK,GACXsB,UAAU,CADJtB,KAAK;IAAEuB,MAAM,GACnBD,UAAU,CADGC,MAAM;IAAEC,SAAS,GAC9BF,UAAU,CADWE,SAAS;IAAEX,QAAQ,GACxCS,UAAU,CADsBT,QAAQ;IAAEE,OAAO,GACjDO,UAAU,CADgCP,OAAO;IAAEU,aAAa,GAChEH,UAAU,CADyCG,aAAa;EAGlE,oBACE,6BAAC,YAAK,eACAT,IAAI;IACR,SAAS,EAAEL,SAAU;IACrB,WAAW,EAAEL,eAAe,GAAG,OAAO,GAAG,MAAO;IAChD,KAAK,EAAEN,KAAM;IACb,MAAM,EAAEuB,MAAO;IACf,SAAS,EAAEC,SAAU;IACrB,QAAQ,EAAEX,QAAS;IACnB,OAAO,EAAEE,OAAQ;IACjB,aAAa,EAAEU,aAAc;IAC7B,GAAG,EAAEN;EAAU,GACf;AAEN,CAAC,CACF;AAAC;AAEFxB,UAAU,CAAC+B,WAAW,GAAG,YAAY"}

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

@@ -1,74 +1,50 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HoursWrapper = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _timeUtils = require("../../utils/timeUtils");
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _utils = require("../../utils");
-var _EditableContent = require("../EditableContent");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+exports.useInputHours = void 0;
+var _react = require("react");
+var _utils = require("../utils");
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    value = _ref.value,
-    onCancel = _ref.onCancel,
+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 ? _utils.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 = (0, _react.useRef)(null);
-  var handleRef = (0, _useForkRef.default)(ref, inputRef);
+    minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
+    incrementOnlySelected = _ref.incrementOnlySelected,
+    onEnterKeyPress = _ref.onEnterKeyPress,
+    onChange = _ref.onChange,
+    onClick = _ref.onClick;
   var _useState = (0, _react.useState)(function () {
-      return (0, _timeUtils.decimalToHours)(value, withLeadingZero);
+      return (0, _utils.decimalToHours)(value, withLeadingZero);
     }),
     _useState2 = _slicedToArray(_useState, 2),
     currentValue = _useState2[0],
     setCurrentValue = _useState2[1];
   var _useState3 = (0, _react.useState)(function () {
-      return (0, _timeUtils.decimalToHours)(value, withLeadingZero);
+      return (0, _utils.decimalToHours)(value, withLeadingZero);
     }),
     _useState4 = _slicedToArray(_useState3, 2),
     prevValue = _useState4[0],
     setPrevValue = _useState4[1];
   var escapeRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(function () {
-    var _value;
-    if (value !== undefined) {
-      _value = (0, _timeUtils.decimalToHours)(value, withLeadingZero);
-    }
-    if (currentValue !== _value) {
-      setCurrentValue(_value);
-      setPrevValue(_value);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
   var handleBlur = (0, _react.useCallback)(function (e) {
     if (escapeRef.current) {
       setCurrentValue(prevValue);
     } else {
       if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-        var _value = (0, _timeUtils.decimalToHours)(e.target.value, withLeadingZero);
+        var _value = (0, _utils.decimalToHours)(e.target.value, withLeadingZero);
         setPrevValue(_value);
         setCurrentValue(_value);
         typeof onSave === "function" && onSave(e);
@@ -142,11 +118,11 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         }
       }
     }
-  }, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
+  }, [currentValue, incrementOnlySelected, inputRef, minuteIncrement, validation, withLeadingZero]);
   var handleKeyDown = (0, _react.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;
@@ -215,11 +191,12 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         return;
       }
     }
-  }, [handleIncrementDecrement, onCancel, onEnterKeyPress, validation, withLeadingZero]);
+  }, [handleIncrementDecrement, inputRef, onCancel, onEnterKeyPress, validation, withLeadingZero]);
   var handleChange = (0, _react.useCallback)(function (e) {
     setCurrentValue(e.target.value);
-  }, []);
-  var handleClick = function handleClick() {
+    if (onChange) onChange(e.target.value);
+  }, [onChange]);
+  var handleClick = (0, _react.useCallback)(function (e) {
     var _inputRef$current5;
     var selectionStart = (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.selectionStart;
     if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
@@ -232,39 +209,31 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         (_inputRef$current7 = inputRef.current) === null || _inputRef$current7 === void 0 ? void 0 : _inputRef$current7.setSelectionRange(dotsIndex + 1, currentValue.length);
       }
     }
-  };
-  var handleDoubleClick = function handleDoubleClick() {
+    if (typeof onClick === "function") {
+      onClick(e);
+    }
+  }, [currentValue, inputRef, onClick]);
+  var handleDoubleClick = (0, _react.useCallback)(function () {
     if (inputRef.current) {
       var _inputRef$current8;
       (_inputRef$current8 = inputRef.current) === null || _inputRef$current8 === void 0 ? void 0 : _inputRef$current8.select();
     }
+  }, [inputRef]);
+  var inputProps = (0, _react.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.default.createElement(_react.default.Fragment, null, _react.default.Children.map(children, function (child) {
-    var el = child;
-    if (el && el.type === _EditableContent.EditableContent) {
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        ref: handleRef,
-        inputProps: inputProps
-      });
-    }
-    return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread({
-      ref: handleRef
-    }, inputProps));
-  }));
-});
-exports.HoursWrapper = HoursWrapper;
-HoursWrapper.displayName = "HoursWrapper";
-//# sourceMappingURL=HoursWrapper.js.map
+};
+exports.useInputHours = useInputHours;
+//# sourceMappingURL=useInputHours.js.map

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

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

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,yuJAwD3B,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,yuJAsD3B,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), !disabled ? /*#__PURE__*/React.createElement(StyledInput, _extends({}, inputProps, {
+  }, inputProps == null ? void 0 : inputProps.value), /*#__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        {!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"}
+{"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"}

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

@@ -1,15 +1,7 @@
 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 { IInputHours } from "../../hooks/useInputHours";
+export interface EditableHoursProps extends EditableContentInterface, Omit<IInputHours, "onChange"> {
     className?: string;
 }
 export declare const EditableHours: React.ForwardRefExoticComponent<EditableHoursProps & React.RefAttributes<HTMLDivElement>>;

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,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,WAAW,EAAiB,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,kBACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,aAAa,2FAiFzB,CAAC"}