@cloudtower/eagle 0.35.7 → 0.35.9

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/coreX/Copy/CopyButton.js

@@ -0,0 +1,34 @@
+import Button from '../../core/Button/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default, { useState } from 'react';
+import CopyTooltip from './CopyTooltip.js';
+
+const CopyButton = ({
+  text,
+  buttonText,
+  tooltipText
+}) => {
+  const { t } = useParrotTranslation();
+  const [tooltipVisible, setTooltipVisible] = useState(false);
+  const handleCopy = async () => {
+    try {
+      setTooltipVisible(true);
+      setTimeout(() => {
+        setTooltipVisible(false);
+      }, 1e3);
+    } catch (err) {
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    CopyTooltip,
+    {
+      tooltipProps: { visible: tooltipVisible },
+      text,
+      afterTooltip: tooltipText ? tooltipText : t("common.has_copied_to_clipboard")
+    },
+    /* @__PURE__ */ React__default.createElement(Button, { onClick: handleCopy }, buttonText ? buttonText : t("common.copy"))
+  );
+};
+var CopyButton$1 = CopyButton;
+
+export { CopyButton$1 as default };

package/dist/esm/coreX/Copy/CopyTooltip.js

@@ -0,0 +1,59 @@
+import { ClipboardCopy16GradientGrayIcon } from '@cloudtower/icons-react';
+import Icon from '../../core/Icon/index.js';
+import Tooltip from '../../core/Tooltip/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default, { useState } from 'react';
+import CopyToClipboard from 'react-copy-to-clipboard';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const CopyTooltip = React__default.forwardRef(
+  (props, ref) => {
+    const { t } = useParrotTranslation();
+    const {
+      text,
+      beforeTooltip = t("common.click_to_copy"),
+      afterTooltip = t("common.copy_done"),
+      children = /* @__PURE__ */ React__default.createElement(Icon, { src: ClipboardCopy16GradientGrayIcon }),
+      tooltipProps,
+      className
+    } = props;
+    const [tooltipText, setTooltipText] = useState(beforeTooltip);
+    return /* @__PURE__ */ React__default.createElement(
+      "span",
+      {
+        ref,
+        onMouseEnter: () => setTooltipText(beforeTooltip),
+        className
+      },
+      /* @__PURE__ */ React__default.createElement(Tooltip, __spreadProps(__spreadValues({}, tooltipProps), { title: tooltipText }), /* @__PURE__ */ React__default.createElement(
+        CopyToClipboard,
+        {
+          text,
+          onCopy: () => setTooltipText(afterTooltip)
+        },
+        children
+      ))
+    );
+  }
+);
+var CopyTooltip$1 = CopyTooltip;
+
+export { CopyTooltip$1 as default };

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';
@@ -131,6 +132,8 @@ export { default as BarChart, getWidth } from './coreX/BarChart/index.js';
 export { default as BatchOperation, renderBatchOperationMenuItem } from './coreX/BatchOperation/index.js';
 export { default as ChartWithTooltip, ChartWithUnit } from './coreX/ChartWithTooltip/index.js';
 export { default as CircleLoading } from './coreX/CircleLoading/index.js';
+export { default as CopyButton } from './coreX/Copy/CopyButton.js';
+export { default as CopyTooltip } from './coreX/Copy/CopyTooltip.js';
 export { default as Counting } from './coreX/Counting/index.js';
 export { default as CronCalendar } from './coreX/CronCalendar/index.js';
 export { default as CronPlan, stringifyPlan } from './coreX/CronPlan/index.js';