@cloudtower/eagle 0.35.7 → 0.35.8

package/dist/esm/core/Duration/index.js

@@ -0,0 +1,72 @@
+import React__default from 'react';
+import { cx } from '@linaria/core';
+import Empty from '../Empty/index.js';
+import { ParrotTrans } from '../ParrotTrans/index.js';
+import { useFormatDuration } from '../../hooks/useFormatDuration.js';
+import isEmpty from '../../utils/isEmpty.js';
+import { formatDuration } from '../../utils/formatDuration.js';
+import { UnitStyle } from '../Styled/index.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const Duration = ({
+  rawValue,
+  valueClassName,
+  unitClassName,
+  abbreviate,
+  emptyProps,
+  maxDisplayUnits = 2,
+  minUnit = "second",
+  noUnitOnZero = false,
+  contentRender
+}) => {
+  const { parts } = useFormatDuration(rawValue != null ? rawValue : 0, {
+    maxDisplayUnits,
+    useAbbreviation: abbreviate,
+    minUnit
+  });
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+  }
+  if (parts.length === 0) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+  }
+  if (contentRender) {
+    const formatItems = formatDuration(rawValue, {
+      maxDisplayUnits,
+      minUnit
+    });
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, contentRender(formatItems));
+  }
+  const allZero = parts.every((part) => part.value === 0);
+  if (noUnitOnZero && allZero) {
+    return /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, "0");
+  }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, parts.map((part, index) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: `${part.unit}-${index}` }, index > 0 && /* @__PURE__ */ React__default.createElement("span", null, " "), /* @__PURE__ */ React__default.createElement(
+    ParrotTrans,
+    {
+      parent: "span",
+      i18nKey: part.i18nKey,
+      count: part.value
+    },
+    /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }),
+    /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) })
+  ))));
+};
+var Duration$1 = Duration;
+
+export { Duration$1 as default };

package/dist/esm/core/index.js

@@ -3,6 +3,7 @@ import BitPerSecond from './BitPerSecond/index.js';
 import Bps from './Bps/index.js';
 import Byte from './Byte/index.js';
 import BytePerSecond from './BytePerSecond/index.js';
+import Duration from './Duration/index.js';
 import Frequency from './Frequency/index.js';
 import Percent from './Percent/index.js';
 import Second from './Second/index.js';
@@ -17,7 +18,8 @@ const units = {
   Bps,
   BitPerSecond,
   Bit,
-  Second
+  Second,
+  Duration
 };
 
-export { Bit, BitPerSecond, Bps, Byte, BytePerSecond, Frequency, Percent, Second, Speed, units as Units, units };
+export { Bit, BitPerSecond, Bps, Byte, BytePerSecond, Duration, Frequency, Percent, Second, Speed, units as Units, units };

package/dist/esm/hooks/useFormatDuration.js

@@ -0,0 +1,33 @@
+import { useMemo } from 'react';
+import { formatDuration } from '../utils/formatDuration.js';
+
+function useFormatDuration(milliseconds, options = {
+  maxDisplayUnits: 2,
+  useAbbreviation: false,
+  minUnit: "second"
+}) {
+  const {
+    maxDisplayUnits = 2,
+    useAbbreviation = false,
+    minUnit = "second"
+  } = options;
+  const result = useMemo(() => {
+    const items = formatDuration(milliseconds, { maxDisplayUnits, minUnit });
+    const shouldUseAbbreviation = items.length > 1 && useAbbreviation;
+    const parts = items.map((item) => {
+      const suffix = shouldUseAbbreviation ? "_abbreviation" : "";
+      const i18nKey = `unit.${item.unit}${suffix}`;
+      return {
+        value: item.value,
+        unit: item.unit,
+        i18nKey
+      };
+    });
+    return {
+      parts
+    };
+  }, [milliseconds, maxDisplayUnits, useAbbreviation, minUnit]);
+  return result;
+}
+
+export { useFormatDuration };

package/dist/esm/index.js

@@ -31,6 +31,7 @@ export { default as DeprecatedProgress } from './core/DeprecatedProgress/index.j
 export { default as DetailCard } from './core/DetailCard/index.js';
 export { default as DonutChart, DonutChartColor, formatChartData, formatCollapse } from './core/DonutChart/index.js';
 export { default as DropdownMenu, RenderMenuItem } from './core/DropdownMenu/index.js';
+export { default as Duration } from './core/Duration/index.js';
 export { default as Empty } from './core/Empty/index.js';
 export { default as Error } from './core/Error/index.js';
 export { default as ErrorBoundary } from './core/ErrorBoundary/index.js';