@activecollab/components 1.0.381 → 1.0.383

package/dist/esm/components/Stopwatch/Stopwatch.js

@@ -0,0 +1,43 @@
+import React, { useState } from "react";
+import { StyledStopwatch, StyledStopwatchCenterWrapper, StyledTrigger } from "./Stopwatch.style";
+import { IconButton } from "../IconButton";
+import { CloseIcon, NoteIcon, PauseSmallIcon, PlaySmallIcon, UploadIcon } from "../Icons";
+import { EditableHours } from "../EditableHours";
+import classNames from "classnames";
+export var Stopwatch = function Stopwatch() {
+  var _useState = useState(false),
+    isActive = _useState[0],
+    setIsActive = _useState[1];
+  return /*#__PURE__*/React.createElement(StyledStopwatch, {
+    className: classNames("", {
+      "tw-bg-red-100": isActive,
+      "tw-bg-gray-100": !isActive
+    })
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    onClick: function onClick() {
+      return setIsActive(!isActive);
+    },
+    className: classNames("tw-shadow-none hover:tw-shadow-none", {
+      "tw-bg-red-400 hover:bg-red-500": isActive,
+      "tw-bg-indigo-400 hover:bg-indigo-400": !isActive
+    })
+  }, !isActive ? /*#__PURE__*/React.createElement(PlaySmallIcon, null) : /*#__PURE__*/React.createElement(PauseSmallIcon, null)), /*#__PURE__*/React.createElement(StyledStopwatchCenterWrapper, null, /*#__PURE__*/React.createElement(EditableHours, {
+    value: "00:00"
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    size: "small",
+    variant: "tertiary"
+  }, /*#__PURE__*/React.createElement(NoteIcon, {
+    width: 20
+  })), true && /*#__PURE__*/React.createElement(IconButton, {
+    size: "small",
+    variant: "tertiary"
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    width: 20
+  }))), /*#__PURE__*/React.createElement(StyledTrigger, {
+    onClick: function onClick() {
+      return setIsActive(!isActive);
+    }
+  }, /*#__PURE__*/React.createElement(UploadIcon, null)));
+};
+Stopwatch.displayName = "Stopwatch";
+//# sourceMappingURL=Stopwatch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.js","names":["React","useState","StyledStopwatch","StyledStopwatchCenterWrapper","StyledTrigger","IconButton","CloseIcon","NoteIcon","PauseSmallIcon","PlaySmallIcon","UploadIcon","EditableHours","classNames","Stopwatch","isActive","setIsActive","displayName"],"sources":["../../../../src/components/Stopwatch/Stopwatch.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  StyledStopwatch,\n  StyledStopwatchCenterWrapper,\n  StyledTrigger,\n} from \"./Stopwatch.style\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  CloseIcon,\n  NoteIcon,\n  PauseSmallIcon,\n  PlaySmallIcon,\n  UploadIcon,\n} from \"../Icons\";\nimport { EditableHours } from \"../EditableHours\";\nimport classNames from \"classnames\";\n\nexport const Stopwatch = () => {\n  const [isActive, setIsActive] = useState<boolean>(false);\n\n  return (\n    <StyledStopwatch\n      className={classNames(\"\", {\n        \"tw-bg-red-100\": isActive,\n        \"tw-bg-gray-100\": !isActive,\n      })}\n    >\n      <IconButton\n        onClick={() => setIsActive(!isActive)}\n        className={classNames(\"tw-shadow-none hover:tw-shadow-none\", {\n          \"tw-bg-red-400 hover:bg-red-500\": isActive,\n          \"tw-bg-indigo-400 hover:bg-indigo-400\": !isActive,\n        })}\n      >\n        {!isActive ? <PlaySmallIcon /> : <PauseSmallIcon />}\n      </IconButton>\n      <StyledStopwatchCenterWrapper>\n        <EditableHours value=\"00:00\" />\n        <IconButton size=\"small\" variant=\"tertiary\">\n          <NoteIcon width={20} />\n        </IconButton>\n        {true && (\n          <IconButton size=\"small\" variant=\"tertiary\">\n            <CloseIcon width={20} />\n          </IconButton>\n        )}\n      </StyledStopwatchCenterWrapper>\n      <StyledTrigger onClick={() => setIsActive(!isActive)}>\n        <UploadIcon />\n      </StyledTrigger>\n    </StyledStopwatch>\n  );\n};\n\nStopwatch.displayName = \"Stopwatch\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,eAAe,EACfC,4BAA4B,EAC5BC,aAAa,QACR,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,eAAe;AAC1C,SACEC,SAAS,EACTC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,UAAU,QACL,UAAU;AACjB,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC7B,gBAAgCZ,QAAQ,CAAU,KAAK,CAAC;IAAjDa,QAAQ;IAAEC,WAAW;EAE5B,oBACE,oBAAC,eAAe;IACd,SAAS,EAAEH,UAAU,CAAC,EAAE,EAAE;MACxB,eAAe,EAAEE,QAAQ;MACzB,gBAAgB,EAAE,CAACA;IACrB,CAAC;EAAE,gBAEH,oBAAC,UAAU;IACT,OAAO,EAAE;MAAA,OAAMC,WAAW,CAAC,CAACD,QAAQ,CAAC;IAAA,CAAC;IACtC,SAAS,EAAEF,UAAU,CAAC,qCAAqC,EAAE;MAC3D,gCAAgC,EAAEE,QAAQ;MAC1C,sCAAsC,EAAE,CAACA;IAC3C,CAAC;EAAE,GAEF,CAACA,QAAQ,gBAAG,oBAAC,aAAa,OAAG,gBAAG,oBAAC,cAAc,OAAG,CACxC,eACb,oBAAC,4BAA4B,qBAC3B,oBAAC,aAAa;IAAC,KAAK,EAAC;EAAO,EAAG,eAC/B,oBAAC,UAAU;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAC;EAAU,gBACzC,oBAAC,QAAQ;IAAC,KAAK,EAAE;EAAG,EAAG,CACZ,EACZ,IAAI,iBACH,oBAAC,UAAU;IAAC,IAAI,EAAC,OAAO;IAAC,OAAO,EAAC;EAAU,gBACzC,oBAAC,SAAS;IAAC,KAAK,EAAE;EAAG,EAAG,CAE3B,CAC4B,eAC/B,oBAAC,aAAa;IAAC,OAAO,EAAE;MAAA,OAAMC,WAAW,CAAC,CAACD,QAAQ,CAAC;IAAA;EAAC,gBACnD,oBAAC,UAAU,OAAG,CACA,CACA;AAEtB,CAAC;AAEDD,SAAS,CAACG,WAAW,GAAG,WAAW"}

package/dist/esm/components/Stopwatch/Stopwatch.style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledStopwatch: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledStopwatchCenterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | "slot" | "style" | "title" | "key" | "css" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cs" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw"> & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+//# sourceMappingURL=Stopwatch.style.d.ts.map

package/dist/esm/components/Stopwatch/Stopwatch.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.style.d.ts","sourceRoot":"","sources":["../../../../src/components/Stopwatch/Stopwatch.style.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,eAAe,oEAS3B,CAAC;AAEF,eAAO,MAAM,4BAA4B,oEAKxC,CAAC;AAEF,eAAO,MAAM,aAAa,46JAiBzB,CAAC"}

package/dist/esm/components/Stopwatch/Stopwatch.style.js

@@ -0,0 +1,15 @@
+import styled from "styled-components";
+import { Trigger } from "../Trigger";
+export var StyledStopwatch = styled.div.withConfig({
+  displayName: "Stopwatchstyle__StyledStopwatch",
+  componentId: "sc-h5uscw-0"
+})(["background-color:var(--color-theme-300);border-radius:21px;padding:4px;max-width:320px;height:34px;display:flex;align-items:center;"]);
+export var StyledStopwatchCenterWrapper = styled.div.withConfig({
+  displayName: "Stopwatchstyle__StyledStopwatchCenterWrapper",
+  componentId: "sc-h5uscw-1"
+})(["flex-grow:1;display:flex;align-items:center;justify-content:center;"]);
+export var StyledTrigger = styled(Trigger).withConfig({
+  displayName: "Stopwatchstyle__StyledTrigger",
+  componentId: "sc-h5uscw-2"
+})(["width:32px;height:32px;border-radius:9999px;display:flex;justify-content:center;align-items:center;svg{fill:var(--color-theme-700);}&:hover{svg{fill:var(--color-theme-900);}}"]);
+//# sourceMappingURL=Stopwatch.style.js.map

package/dist/esm/components/Stopwatch/Stopwatch.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stopwatch.style.js","names":["styled","Trigger","StyledStopwatch","div","StyledStopwatchCenterWrapper","StyledTrigger"],"sources":["../../../../src/components/Stopwatch/Stopwatch.style.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledStopwatch = styled.div`\n  background-color: var(--color-theme-300);\n  border-radius: 21px;\n  padding: 4px;\n  max-width: 320px;\n  height: 34px;\n\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledStopwatchCenterWrapper = styled.div`\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledTrigger = styled(Trigger)`\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    fill: var(--color-theme-700);\n  }\n\n  &:hover {\n    svg {\n      fill: var(--color-theme-900);\n    }\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,QAAQ,YAAY;AAEpC,OAAO,IAAMC,eAAe,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,2IASxC;AAED,OAAO,IAAMC,4BAA4B,GAAGJ,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,2EAKrD;AAED,OAAO,IAAME,aAAa,GAAGL,MAAM,CAACC,OAAO,CAAC;EAAA;EAAA;AAAA,sLAiB3C"}

package/dist/esm/components/Stopwatch/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Stopwatch";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Stopwatch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stopwatch/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/components/Stopwatch/index.js

@@ -0,0 +1,2 @@
+export * from "./Stopwatch";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Stopwatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Stopwatch/index.ts"],"sourcesContent":["export * from \"./Stopwatch\";\n"],"mappings":"AAAA,cAAc,aAAa"}

package/dist/esm/utils/index.d.ts

@@ -2,4 +2,5 @@ export * from "./layers";
 export * from "./validation";
 export { default as useForkRef } from "./useForkRef";
 export { default as useResizeObserver } from "./useResizeObserver";
+export { decimalToHours } from "./timeUtils";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/utils/index.js

@@ -2,4 +2,5 @@ export * from "./layers";
 export * from "./validation";
 export { default as useForkRef } from "./useForkRef";
 export { default as useResizeObserver } from "./useResizeObserver";
+export { decimalToHours } from "./timeUtils";
 //# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB"}
+{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver","decimalToHours"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { decimalToHours } from \"./timeUtils\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB;AAClE,SAASC,cAAc,QAAQ,aAAa"}

package/dist/index.js

@@ -478,6 +478,99 @@
   };
   var useResizeObserver$1 = useResizeObserver;
 
+  // export const decimalToHours = (decimal: string) => {
+  //   // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00
+  //   decimal = parseFloat(decimal).toFixed(2);
+  //   decimal = decimal + "";
+  //   let hours;
+  //   let minutes_decimal;
+  //
+  //   if (decimal.indexOf(".") < 0) {
+  //     hours = parseInt(decimal);
+  //     minutes_decimal = 0;
+  //   } else {
+  //     hours = parseInt(decimal.substring(0, decimal.indexOf(".")));
+  //     minutes_decimal = decimal.substring(decimal.indexOf(".") + 1);
+  //     minutes_decimal = minutes_decimal.substring(0, 2);
+  //     if (minutes_decimal.length === 1) {
+  //       minutes_decimal += "0";
+  //     } // if
+  //     minutes_decimal = parseInt(minutes_decimal);
+  //   } // if
+  //
+  //   const minutes = Math.round((minutes_decimal / 100) * 60);
+  //
+  //   if (hours < 10) {
+  //     hours = `0${hours}`;
+  //   }
+  //   return {
+  //     hours: hours,
+  //     minutes: minutes,
+  //   };
+  // };
+
+  var decimalToHours = function decimalToHours(num) {
+    var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!num) {
+      return "";
+    }
+    if (typeof num === "string" && !num) {
+      return withLeadingZeroHours ? "00:00" : "0:00";
+    }
+    if (typeof num === "string" && num.indexOf(":") >= 0) {
+      //eslint-disable-next-line
+      var _num$split = num.split(":"),
+        _num$split2 = _slicedToArray(_num$split, 2),
+        _hours = _num$split2[0],
+        _minutes = _num$split2[1];
+      if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
+        _minutes = "".concat(Number(_minutes), "0");
+      }
+      if (_hours && _minutes) {
+        if (withLeadingZeroHours) {
+          return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
+        }
+        return "".concat(_hours, ":").concat(_minutes);
+      } else if (!_hours && _minutes) {
+        return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
+      } else if (!_minutes && _hours) {
+        return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
+      } else {
+        return withLeadingZeroHours ? "00:00" : "0:00";
+      }
+    }
+    if (typeof num === "string" && num.indexOf(",") >= 0) {
+      num = num.replace(",", ".");
+    }
+    var input = typeof num === "string" ? parseFloat(num) : num;
+    if (!isDecimal(input)) {
+      if (withLeadingZeroHours) {
+        return "".concat(withLeadingZero(input), ":00");
+      }
+      return "".concat(input, ":00");
+    }
+    var decimal = input.toFixed(2);
+    var time = decimal.toString().split(".");
+    var hours = time[0];
+    if (withLeadingZeroHours) {
+      hours = withLeadingZero(hours);
+    }
+    var minutes = time[1];
+    var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
+    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
+  };
+  var withLeadingZero = function withLeadingZero(num) {
+    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+    var s = "".concat(num);
+    while (s.length < size) {
+      s = "0" + s;
+    }
+    return s;
+  };
+  var isDecimal = function isDecimal(num) {
+    return !Number.isInteger(num);
+  };
+
   var MenuContext = /*#__PURE__*/React.createContext({});
   var MenuContextProvider = MenuContext.Provider;
   MenuContext.Consumer;
@@ -12276,99 +12369,6 @@
   });
   InputAdornment.displayName = "InputAdornment";
 
-  // export const decimalToHours = (decimal: string) => {
-  //   // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00
-  //   decimal = parseFloat(decimal).toFixed(2);
-  //   decimal = decimal + "";
-  //   let hours;
-  //   let minutes_decimal;
-  //
-  //   if (decimal.indexOf(".") < 0) {
-  //     hours = parseInt(decimal);
-  //     minutes_decimal = 0;
-  //   } else {
-  //     hours = parseInt(decimal.substring(0, decimal.indexOf(".")));
-  //     minutes_decimal = decimal.substring(decimal.indexOf(".") + 1);
-  //     minutes_decimal = minutes_decimal.substring(0, 2);
-  //     if (minutes_decimal.length === 1) {
-  //       minutes_decimal += "0";
-  //     } // if
-  //     minutes_decimal = parseInt(minutes_decimal);
-  //   } // if
-  //
-  //   const minutes = Math.round((minutes_decimal / 100) * 60);
-  //
-  //   if (hours < 10) {
-  //     hours = `0${hours}`;
-  //   }
-  //   return {
-  //     hours: hours,
-  //     minutes: minutes,
-  //   };
-  // };
-
-  var decimalToHours = function decimalToHours(num) {
-    var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (!num) {
-      return "";
-    }
-    if (typeof num === "string" && !num) {
-      return withLeadingZeroHours ? "00:00" : "0:00";
-    }
-    if (typeof num === "string" && num.indexOf(":") >= 0) {
-      //eslint-disable-next-line
-      var _num$split = num.split(":"),
-        _num$split2 = _slicedToArray(_num$split, 2),
-        _hours = _num$split2[0],
-        _minutes = _num$split2[1];
-      if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
-        _minutes = "".concat(Number(_minutes), "0");
-      }
-      if (_hours && _minutes) {
-        if (withLeadingZeroHours) {
-          return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
-        }
-        return "".concat(_hours, ":").concat(_minutes);
-      } else if (!_hours && _minutes) {
-        return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
-      } else if (!_minutes && _hours) {
-        return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
-      } else {
-        return withLeadingZeroHours ? "00:00" : "0:00";
-      }
-    }
-    if (typeof num === "string" && num.indexOf(",") >= 0) {
-      num = num.replace(",", ".");
-    }
-    var input = typeof num === "string" ? parseFloat(num) : num;
-    if (!isDecimal(input)) {
-      if (withLeadingZeroHours) {
-        return "".concat(withLeadingZero(input), ":00");
-      }
-      return "".concat(input, ":00");
-    }
-    var decimal = input.toFixed(2);
-    var time = decimal.toString().split(".");
-    var hours = time[0];
-    if (withLeadingZeroHours) {
-      hours = withLeadingZero(hours);
-    }
-    var minutes = time[1];
-    var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
-    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
-  };
-  var withLeadingZero = function withLeadingZero(num) {
-    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-    var s = "".concat(num);
-    while (s.length < size) {
-      s = "0" + s;
-    }
-    return s;
-  };
-  var isDecimal = function isDecimal(num) {
-    return !Number.isInteger(num);
-  };
-
   var StyledDiv = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDiv",
     componentId: "sc-1wapx2a-0"
@@ -12456,6 +12456,7 @@
       value = _ref.value,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave,
+      onEnterKeyPress = _ref.onEnterKeyPress,
       allowEmptyValue = _ref.allowEmptyValue,
       _ref$withLeadingZero = _ref.withLeadingZero,
       withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
@@ -12565,6 +12566,7 @@
     var handleKeyDown = React.useCallback(function (e) {
       if (e.key === "Enter") {
         e.target.blur();
+        onEnterKeyPress && onEnterKeyPress();
       }
       if (e.key === "ArrowLeft") {
         return;
@@ -12633,7 +12635,7 @@
           return;
         }
       }
-    }, [handleIncrementDecrement, onCancel, validation, withLeadingZero]);
+    }, [handleIncrementDecrement, onCancel, onEnterKeyPress, validation, withLeadingZero]);
     var handleChange = React.useCallback(function (e) {
       setCurrentValue(e.target.value);
     }, []);
@@ -12663,7 +12665,8 @@
       onKeyDown: handleKeyDown,
       onChange: handleChange,
       onClick: handleClick,
-      onDoubleClick: handleDoubleClick
+      onDoubleClick: handleDoubleClick,
+      onEnterKeyPress: onEnterKeyPress
     };
     if (!children) {
       console.error("No children provided!");
@@ -12684,11 +12687,12 @@
   });
   HoursWrapper.displayName = "HoursWrapper";
 
-  var _excluded$G = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
+  var _excluded$G = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
   var InputHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var value = _ref.value,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave,
+      onEnterKeyPress = _ref.onEnterKeyPress,
       allowEmptyValue = _ref.allowEmptyValue,
       _ref$withLeadingZero = _ref.withLeadingZero,
       withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
@@ -12706,6 +12710,7 @@
       value: value,
       onCancel: onCancel,
       onSave: onSave,
+      onEnterKeyPress: onEnterKeyPress,
       incrementOnlySelected: incrementOnlySelected,
       minuteIncrement: minuteIncrement,
       allowEmptyValue: allowEmptyValue,
@@ -18060,6 +18065,7 @@
   exports._CommandPalette = _CommandPalette;
   exports._Dialog = _Dialog;
   exports._List = _List;
+  exports.decimalToHours = decimalToHours;
   exports.isOptionGroup = isOptionGroup;
   exports.layers = layers;
   exports.signifierTypes = signifierTypes;