@activecollab/components 1.0.390 → 1.0.392

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

@@ -8,7 +8,7 @@ exports.EditableContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../utils");
 var _Styles = require("./Styles");
-var _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef"];
+var _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -23,6 +23,7 @@ var EditableContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     inputProps = _ref.inputProps,
     wrapRef = _ref.wrapRef,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var intInputRef = (0, _react.useRef)(null);
   var handleRef = (0, _utils.useForkRef)(ref, intInputRef);
@@ -39,8 +40,9 @@ var EditableContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     variant: variant,
     forwardedAs: "span",
     weight: weight,
-    $disabled: disabled
-  }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({}, inputProps, {
+    $disabled: disabled,
+    className: "presentation"
+  }, children ? children : inputProps === null || inputProps === void 0 ? void 0 : inputProps.value), /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({}, inputProps, {
     ref: handleRef,
     forwardedAs: "input",
     variant: variant,

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

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

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

@@ -32,7 +32,7 @@ StyledSpan.displayName = "StyledSpan";
 var StyledInput = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-1wapx2a-2"
-})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{display:none;}"], {
+})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}"], {
   "position": "absolute",
   "inset": "0px",
   "boxSizing": "border-box",

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledDiv","styled","div","FontStyle","BoxSizingStyle","StyledSpan","Typography","$disabled","css","displayName","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    display: none;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAAsD;AAAA;AAE/C,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,uBAC/BC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,sBAAU,CAAC;EAAA;EAAA;AAAA,2TAgBxC;EAAA,IAAGC,SAAS,QAATA,SAAS;EAAA,OACZA,SAAS,QACTC,qBAAG,0BAEF;AAAA,EAKJ;AAAC;AAEFH,UAAU,CAACI,WAAW,GAAG,YAAY;AAE9B,IAAMC,WAAW,GAAG,IAAAT,yBAAM,EAACK,sBAAU,CAAC;EAAA;EAAA;AAAA,iQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAiBb;AAAC;AAEFI,WAAW,CAACD,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["StyledDiv","styled","div","FontStyle","BoxSizingStyle","StyledSpan","Typography","$disabled","css","displayName","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAAsD;AAAA;AAE/C,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,uBAC/BC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,sBAAU,CAAC;EAAA;EAAA;AAAA,2TAgBxC;EAAA,IAAGC,SAAS,QAATA,SAAS;EAAA,OACZA,SAAS,QACTC,qBAAG,0BAEF;AAAA,EAKJ;AAAC;AAEFH,UAAU,CAACI,WAAW,GAAG,YAAY;AAE9B,IAAMC,WAAW,GAAG,IAAAT,yBAAM,EAACK,sBAAU,CAAC;EAAA;EAAA;AAAA,8PACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAiBb;AAAC;AAEFI,WAAW,CAACD,WAAW,GAAG,aAAa"}

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

@@ -10,7 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
 var _utils = require("../../utils");
 var _useInputHours2 = require("../../hooks/useInputHours");
-var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick"];
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick", "ticking", "onFocus"];
 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,26 +19,41 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 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; }
+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; }
 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 defaultValue = _ref.value,
-    onCancel = _ref.onCancel,
-    onSave = _ref.onSave,
-    allowEmptyValue = _ref.allowEmptyValue,
-    _ref$withLeadingZero = _ref.withLeadingZero,
-    withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
-    _ref$validation = _ref.validation,
-    validation = _ref$validation === void 0 ? _utils.validateTimeInput : _ref$validation,
-    _ref$incrementOnlySel = _ref.incrementOnlySelected,
-    incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
-    _ref$minuteIncrement = _ref.minuteIncrement,
-    minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
-    className = _ref.className,
-    externalEnterKeyPress = _ref.onEnterKeyPress,
-    externalInputProps = _ref.inputProps,
-    externalOnClick = _ref.onClick,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var StyledEditableContent = (0, _styledComponents.default)(_EditableContent.EditableContent).withConfig({
+  displayName: "EditableHours__StyledEditableContent",
+  componentId: "sc-nvi34j-0"
+})(["", ""], function (_ref) {
+  var $ticking = _ref.$ticking;
+  return $ticking && (0, _styledComponents.css)([".presentation{visibility:visible;}input{opacity:0;}"]);
+});
+var EditableHours = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
+  var defaultValue = _ref2.value,
+    onCancel = _ref2.onCancel,
+    onSave = _ref2.onSave,
+    allowEmptyValue = _ref2.allowEmptyValue,
+    _ref2$withLeadingZero = _ref2.withLeadingZero,
+    withLeadingZero = _ref2$withLeadingZero === void 0 ? true : _ref2$withLeadingZero,
+    _ref2$validation = _ref2.validation,
+    validation = _ref2$validation === void 0 ? _utils.validateTimeInput : _ref2$validation,
+    _ref2$incrementOnlySe = _ref2.incrementOnlySelected,
+    incrementOnlySelected = _ref2$incrementOnlySe === void 0 ? false : _ref2$incrementOnlySe,
+    _ref2$minuteIncrement = _ref2.minuteIncrement,
+    minuteIncrement = _ref2$minuteIncrement === void 0 ? 1 : _ref2$minuteIncrement,
+    className = _ref2.className,
+    externalEnterKeyPress = _ref2.onEnterKeyPress,
+    externalInputProps = _ref2.inputProps,
+    externalOnClick = _ref2.onClick,
+    ticking = _ref2.ticking,
+    onFocus = _ref2.onFocus,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _useForkRef.default)(ref, inputRef);
   var _useInputHours = (0, _useInputHours2.useInputHours)({
@@ -79,7 +95,19 @@ var EditableHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
       return prevState;
     });
   }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);
-  return /*#__PURE__*/_react.default.createElement(_EditableContent.EditableContent, _extends({
+  var splitTime = (0, _react.useMemo)(function () {
+    if (value && ticking) {
+      var _value$split = value.split(":"),
+        _value$split2 = _slicedToArray(_value$split, 2),
+        hours = _value$split2[0],
+        minutes = _value$split2[1];
+      return {
+        hours: hours,
+        minutes: minutes
+      };
+    }
+  }, [value, ticking]);
+  return /*#__PURE__*/_react.default.createElement(StyledEditableContent, _extends({
     ref: handleRef,
     className: className,
     inputProps: _objectSpread(_objectSpread({}, externalInputProps), {}, {
@@ -89,9 +117,13 @@ var EditableHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
       onChange: onChange,
       onClick: onClick,
       onDoubleClick: onDoubleClick,
+      onFocus: onFocus,
       type: "text"
-    })
-  }, rest));
+    }),
+    $ticking: ticking
+  }, rest), ticking && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, splitTime === null || splitTime === void 0 ? void 0 : splitTime.hours, /*#__PURE__*/_react.default.createElement("span", {
+    className: "tw-animate-ping"
+  }, ":"), splitTime === null || splitTime === void 0 ? void 0 : splitTime.minutes));
 });
 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","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"}
+{"version":3,"file":"EditableHours.js","names":["StyledEditableContent","styled","EditableContent","$ticking","css","EditableHours","React","forwardRef","ref","defaultValue","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","externalEnterKeyPress","onEnterKeyPress","externalInputProps","inputProps","externalOnClick","onClick","ticking","onFocus","rest","inputRef","useRef","handleRef","useForkRef","useInputHours","setCurrentValue","setPrevValue","onBlur","onKeyDown","onChange","onDoubleClick","useEffect","_value","undefined","decimalToHours","prevState","splitTime","useMemo","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/cjs/components/EditableText/EditableText.js

@@ -75,7 +75,7 @@ var EditableText = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setCurrentValue(e.target.value);
   }, []);
   return /*#__PURE__*/_react.default.createElement(_EditableContent.EditableContent, _extends({}, props, {
-    wrapRef: ref,
+    ref: ref,
     inputProps: _objectSpread(_objectSpread({}, inputProps), {}, {
       value: currentValue !== null && currentValue !== void 0 ? currentValue : "",
       onBlur: handleBlur,

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.js","names":["EditableText","forwardRef","ref","onSave","onCancel","value","inputProps","allowEmptyString","props","useState","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","useRef","useEffect","handleBlur","useCallback","e","current","target","trim","length","handleKeyDown","key","blur","handleChange","onBlur","onKeyDown","onChange","type","className","classNames","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport classNames from \"classnames\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: () => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    { onSave, onCancel, value, inputProps, allowEmptyString, ...props },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n      },\n      [allowEmptyString, onSave, prevValue]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\") {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel();\n        }\n      },\n      [onCancel]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    return (\n      <EditableContent\n        {...props}\n        wrapRef={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      />\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}
+{"version":3,"file":"EditableText.js","names":["EditableText","forwardRef","ref","onSave","onCancel","value","inputProps","allowEmptyString","props","useState","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","useRef","useEffect","handleBlur","useCallback","e","current","target","trim","length","handleKeyDown","key","blur","handleChange","onBlur","onKeyDown","onChange","type","className","classNames","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport classNames from \"classnames\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: () => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    { onSave, onCancel, value, inputProps, allowEmptyString, ...props },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n      },\n      [allowEmptyString, onSave, prevValue]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\") {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel();\n        }\n      },\n      [onCancel]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    return (\n      <EditableContent\n        {...props}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      />\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}

package/dist/cjs/hooks/useInputHours.js

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

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

@@ -1 +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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"}
+{"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            if (onChange) onChange(newValue);\n\n            requestAnimationFrame(() => {\n              const newDotsIndex = newValue.indexOf(\":\");\n              const isHoursSelected = selectionStart < newDotsIndex;\n              const newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;\n              const selectionEnd = isHoursSelected\n                ? newDotsIndex\n                : newValue.length;\n              inputRef.current?.setSelectionRange(\n                newSelectionStart,\n                selectionEnd\n              );\n            });\n          }\n        }\n      }\n    },\n    [\n      currentValue,\n      incrementOnlySelected,\n      inputRef,\n      minuteIncrement,\n      onChange,\n      validation,\n      withLeadingZero,\n    ]\n  );\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\") {\n        e.target.blur();\n        if (typeof onEnterKeyPress === \"function\")\n          onEnterKeyPress(e.target.value);\n      }\n      if (e.key === \"ArrowLeft\") {\n        return;\n      }\n      if (e.key === \"ArrowRight\") {\n        return;\n      }\n      if (e.key === \"Escape\") {\n        escapeRef.current = true;\n        e.target.blur();\n        typeof onCancel === \"function\" && onCancel(e);\n        escapeRef.current = false;\n      }\n      if (e.key === \"Backspace\") {\n        return;\n      }\n      if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n        inputRef.current?.select();\n        return;\n      }\n      const input = e.target;\n      const start = input.selectionStart;\n      const end = input.selectionEnd;\n      const currentValue = input.value;\n      if (e.key === \"Tab\") {\n        if (start !== end) {\n          if (e.shiftKey) {\n            const newDotsIndex = currentValue.indexOf(\":\");\n            const isMinutesSelected = start > newDotsIndex;\n            if (isMinutesSelected) {\n              e.preventDefault();\n              inputRef.current?.setSelectionRange(0, newDotsIndex);\n            }\n          } else {\n            const newDotsIndex = currentValue.indexOf(\":\");\n            const isHoursSelected = start < newDotsIndex;\n            if (isHoursSelected) {\n              e.preventDefault();\n              inputRef.current?.setSelectionRange(\n                newDotsIndex + 1,\n                currentValue.length\n              );\n            }\n          }\n        }\n        return;\n      }\n\n      if (start !== end) {\n        if (e.key === \"ArrowUp\") {\n          handleIncrementDecrement(true);\n          return;\n        }\n        if (e.key === \"ArrowDown\") {\n          handleIncrementDecrement(false);\n          return;\n        }\n        const newValue =\n          currentValue.substring(0, start) +\n          e.key +\n          currentValue.substring(end);\n        if (!validation(newValue, withLeadingZero)) {\n          e.preventDefault();\n          return;\n        }\n      } else {\n        const newValue =\n          currentValue.substring(0, start) +\n          e.key +\n          currentValue.substring(end);\n\n        if (!validation(newValue, withLeadingZero)) {\n          e.preventDefault();\n          return;\n        }\n      }\n    },\n    [\n      handleIncrementDecrement,\n      inputRef,\n      onCancel,\n      onEnterKeyPress,\n      validation,\n      withLeadingZero,\n    ]\n  );\n\n  const handleChange = useCallback(\n    (e) => {\n      setCurrentValue(e.target.value);\n      if (onChange) onChange(e.target.value);\n    },\n    [onChange]\n  );\n\n  const handleClick = useCallback(\n    (e) => {\n      const selectionStart = inputRef.current?.selectionStart;\n      if (\n        inputRef.current &&\n        currentValue &&\n        currentValue.length > 0 &&\n        typeof selectionStart === \"number\"\n      ) {\n        const dotsIndex = currentValue.indexOf(\":\");\n        if (selectionStart < dotsIndex) {\n          inputRef.current?.setSelectionRange(0, dotsIndex);\n        } else if (selectionStart >= dotsIndex) {\n          inputRef.current?.setSelectionRange(\n            dotsIndex + 1,\n            currentValue.length\n          );\n        }\n      }\n\n      if (typeof onClick === \"function\") {\n        onClick(e);\n      }\n    },\n    [currentValue, inputRef, onClick]\n  );\n\n  const handleDoubleClick = useCallback(() => {\n    if (inputRef.current) {\n      inputRef.current?.select();\n    }\n  }, [inputRef]);\n\n  const inputProps = useMemo(() => {\n    return {\n      value: currentValue,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n      onChange: handleChange,\n      onClick: handleClick,\n      onDoubleClick: handleDoubleClick,\n    };\n  }, [\n    currentValue,\n    handleBlur,\n    handleChange,\n    handleClick,\n    handleDoubleClick,\n    handleKeyDown,\n  ]);\n\n  return {\n    inputProps,\n    setCurrentValue,\n    setPrevValue,\n  };\n};\n"],"mappings":"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"}

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

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

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

@@ -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/EditableContent/Styles.js

@@ -21,7 +21,7 @@ StyledSpan.displayName = "StyledSpan";
 export var StyledInput = styled(Typography).withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-1wapx2a-2"
-})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{display:none;}"], {
+})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}"], {
   "position": "absolute",
   "inset": "0px",
   "boxSizing": "border-box",

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

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

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

@@ -1,8 +1,10 @@
 import { EditableContentInterface } from "../EditableContent";
-import React from "react";
+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,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"}
+{"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,29 +1,39 @@
 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", "onEnterKeyPress", "inputProps", "onClick"];
+var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onEnterKeyPress", "inputProps", "onClick", "ticking", "onFocus"];
 import { EditableContent } from "../EditableContent";
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useMemo, useRef } from "react";
 import useForkRef from "../../utils/useForkRef";
 import { decimalToHours, validateTimeInput } from "../../utils";
 import { useInputHours } from "../../hooks/useInputHours";
-export var EditableHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var defaultValue = _ref.value,
-    onCancel = _ref.onCancel,
-    onSave = _ref.onSave,
-    allowEmptyValue = _ref.allowEmptyValue,
-    _ref$withLeadingZero = _ref.withLeadingZero,
-    withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
-    _ref$validation = _ref.validation,
-    validation = _ref$validation === void 0 ? validateTimeInput : _ref$validation,
-    _ref$incrementOnlySel = _ref.incrementOnlySelected,
-    incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
-    _ref$minuteIncrement = _ref.minuteIncrement,
-    minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
-    className = _ref.className,
-    externalEnterKeyPress = _ref.onEnterKeyPress,
-    externalInputProps = _ref.inputProps,
-    externalOnClick = _ref.onClick,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+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);
   var _useInputHours = useInputHours({
@@ -65,7 +75,18 @@ export var EditableHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return prevState;
     });
   }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);
-  return /*#__PURE__*/React.createElement(EditableContent, _extends({
+  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,
     className: className,
     inputProps: _extends({}, externalInputProps, {
@@ -75,9 +96,13 @@ export var EditableHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onChange: onChange,
       onClick: onClick,
       onDoubleClick: onDoubleClick,
+      onFocus: onFocus,
       type: "text"
-    })
-  }, rest));
+    }),
+    $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