@activecollab/components 1.0.382 → 1.0.384

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;
@@ -11306,10 +11399,12 @@
   var StyledInputWrapper = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledInputWrapper",
     componentId: "sc-ce8kcp-0"
-  })(["align-items:center;background-color:var(--input-background-color);border-color:var(--color-theme-500);border-radius:8px;border-style:solid;border-width:1px;cursor:text;display:flex;height:32px;padding-block:4px;padding-inline:4px;transition:all 0.3s ease;width:360px;", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
+  })(["align-items:center;background-color:var(--input-background-color);border-color:var(--color-theme-500);border-radius:8px;border-style:solid;border-width:1px;cursor:text;display:flex;height:32px;padding-block:4px;padding-inline:4px;transition:all 0.3s ease;width:360px;", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
     return props.$size === "small" && styled.css(["border-radius:6px;height:24px;"]);
   }, function (props) {
     return props.$size === "big" && styled.css(["height:40px;"]);
+  }, function (props) {
+    return props.$size === "biggest" && styled.css(["height:48px;"]);
   }, function (props) {
     return props.$disabled && styled.css(["cursor:default;opacity:50%;"]);
   }, function (props) {
@@ -11321,8 +11416,10 @@
   var StyledInput$2 = styled__default["default"].input.withConfig({
     displayName: "Styles__StyledInput",
     componentId: "sc-ce8kcp-1"
-  })(["background-color:var(--input-background-color);border:none;color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;margin-block:0;margin-inline:4px;outline:none;padding:0;width:100%;&::placeholder{color:var(--color-theme-transparent-500);}", " ", " ", ""], function (props) {
+  })(["background-color:var(--input-background-color);border:none;color:var(--color-theme-900);font-size:0.875rem;font-weight:400;letter-spacing:0.02em;margin-block:0;margin-inline:4px;outline:none;padding:0;width:100%;&::placeholder{color:var(--color-theme-transparent-500);}", " ", " ", " ", ""], function (props) {
     return props.$size === "big" && styled.css(["font-size:1rem;"]);
+  }, function (props) {
+    return props.$size === "biggest" && styled.css(["font-size:1.25rem;font-weight:500;"]);
   }, function (props) {
     return props.disabled && styled.css(["cursor:default;"]);
   }, function (props) {
@@ -11330,7 +11427,7 @@
   });
   StyledInput$2.displayName = "StyledInput";
 
-  var _excluded$N = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick"];
+  var _excluded$N = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "inputClassName", "wrapperClick"];
   var Input = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
@@ -11346,6 +11443,7 @@
       startAdornment = _ref.startAdornment,
       endAdornment = _ref.endAdornment,
       wrapRef = _ref.wrapRef,
+      inputClassName = _ref.inputClassName,
       wrapperClick = _ref.wrapperClick,
       rest = _objectWithoutProperties(_ref, _excluded$N);
     var intInputRef = React.useRef(null);
@@ -11368,7 +11466,7 @@
       type: type,
       $size: size,
       disabled: disabled,
-      className: "c-input",
+      className: classNames__default["default"]("c-input", inputClassName),
       "aria-invalid": invalid,
       "data-form-type": "other"
     }, rest)), endAdornment);
@@ -12276,99 +12374,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"
@@ -18065,6 +18070,7 @@
   exports._CommandPalette = _CommandPalette;
   exports._Dialog = _Dialog;
   exports._List = _List;
+  exports.decimalToHours = decimalToHours;
   exports.isOptionGroup = isOptionGroup;
   exports.layers = layers;
   exports.signifierTypes = signifierTypes;