@cloudtower/eagle 0.0.0-config-rc-7 → 0.0.0-data-testid

package/dist/cjs/coreX/InfoRowList/InfoRow.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var react = require('@linaria/react');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const InfoRow = ({
+  label,
+  content,
+  className,
+  onClick
+}) => {
+  return /* @__PURE__ */React__default.default.createElement(Col, {
+    className,
+    onClick
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "col-label"
+  }, label), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "col-content"
+  }, content));
+};
+const Col = /*#__PURE__*/react.styled('div')({
+  name: "Col",
+  class: "E_c14ouk5o",
+  propsAsIs: false
+});
+
+exports.InfoRow = InfoRow;

package/dist/cjs/coreX/InfoRowList/InfoRowList.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var index = require('../../core/Loading/index.js');
+var React = require('react');
+var InfoRow = require('./InfoRow.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const InfoListRowStyle = "E_i5w779o";
+const LooseStyle = "E_l18dja44";
+const ContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ContentWrapper",
+  class: "E_c8c2hys",
+  propsAsIs: false
+});
+const NullText = /*#__PURE__*/react.styled('div')({
+  name: "NullText",
+  class: "E_n4m6c4d",
+  propsAsIs: false
+});
+const InfoRowList = React__default.default.forwardRef(function InfoList(props, ref) {
+  const {
+    loading,
+    data,
+    className,
+    rowClassName,
+    compact
+  } = props;
+  if (loading) {
+    return /* @__PURE__ */React__default.default.createElement("div", {
+      ref,
+      className
+    }, /* @__PURE__ */React__default.default.createElement(index, null));
+  }
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    ref,
+    className
+  }, data.map(item => {
+    const {
+      key,
+      value,
+      name,
+      action,
+      hidden
+    } = item;
+    if (hidden) return null;
+    return /* @__PURE__ */React__default.default.createElement(InfoRow.InfoRow, {
+      key,
+      className: core.cx(compact ? "" : LooseStyle, InfoListRowStyle, rowClassName),
+      label: /* @__PURE__ */React__default.default.createElement("div", null, name || key),
+      content: /* @__PURE__ */React__default.default.createElement(ContentWrapper, null, value || /* @__PURE__ */React__default.default.createElement(NullText, null, "-"), action)
+    });
+  }));
+});
+
+exports.InfoRowList = InfoRowList;

package/dist/cjs/coreX/KubeConfigModal/KubeConfigModal.style.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var react = require('@linaria/react');
+
+const KubeConfigModalStyle = "E_kr6am0s";
+const KubeConfigWrapperStyle = "E_k1h3cl5q";
+const KubeConfigTitleStyle = "E_k1a6j97w";
+const KubeConfigTipStyle = "E_k1uim1fg";
+const KubeConfigContentStyle = "E_kobelzt";
+const KubeConfigFooterStyle = "E_kxzv3id";
+const ErrorWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ErrorWrapper",
+  class: "E_eld9lt",
+  propsAsIs: false
+});
+const ErrorContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ErrorContentWrapper",
+  class: "E_e1505fqc",
+  propsAsIs: false
+});
+
+exports.ErrorContentWrapper = ErrorContentWrapper;
+exports.ErrorWrapper = ErrorWrapper;
+exports.KubeConfigContentStyle = KubeConfigContentStyle;
+exports.KubeConfigFooterStyle = KubeConfigFooterStyle;
+exports.KubeConfigModalStyle = KubeConfigModalStyle;
+exports.KubeConfigTipStyle = KubeConfigTipStyle;
+exports.KubeConfigTitleStyle = KubeConfigTitleStyle;
+exports.KubeConfigWrapperStyle = KubeConfigWrapperStyle;

package/dist/cjs/coreX/KubeConfigModal/index.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index$1 = require('../../core/LegacyModal/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var KubeConfigModal_style = require('./KubeConfigModal.style.js');
+var utils = require('./utils.js');
+var index = require('../../core/KitStoreProvider/index.js');
+var message = require('../../core/message/message.js');
+var index$2 = require('../../core/Button/index.js');
+var index$3 = require('../../core/Icon/index.js');
+var index$5 = require('../../core/Loading/index.js');
+var index$4 = require('../../core/Typo/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ErrorContent = (props) => {
+  const { refetch, errorText } = props;
+  const { t } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.default.createElement(KubeConfigModal_style.ErrorWrapper, { className: props.className, style: props.style }, /* @__PURE__ */ React__default.default.createElement(KubeConfigModal_style.ErrorContentWrapper, null, /* @__PURE__ */ React__default.default.createElement("p", { className: core.cx(index$4.Typo.Label.l1_regular_title, "title") }, errorText || t("common.obtain_data_error")), !refetch ? null : /* @__PURE__ */ React__default.default.createElement(
+    index$2,
+    {
+      size: "small",
+      type: "ordinary",
+      onClick: (e) => {
+        e.stopPropagation();
+        refetch == null ? void 0 : refetch();
+      }
+    },
+    t("common.retry")
+  )));
+};
+const KubeConfigModal = ({
+  downloadName,
+  customDesc,
+  loading,
+  data,
+  error,
+  refetch
+}) => {
+  const { t } = useParrotTranslation();
+  const popModal = index.usePopModal();
+  const onCopy = React.useCallback(() => {
+    utils.copy(data);
+    message.default.success(t("common.copy_kubeconfig_success"));
+  }, [data, t]);
+  const onDownload = React.useCallback(() => {
+    utils.download(`${downloadName}.yaml`, data);
+    popModal();
+  }, [data, popModal, downloadName]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    index$1,
+    {
+      visible: true,
+      fullscreen: true,
+      className: KubeConfigModal_style.KubeConfigModalStyle,
+      onCancel: () => {
+        popModal();
+      },
+      footer: /* @__PURE__ */ React__default.default.createElement("div", { className: KubeConfigModal_style.KubeConfigFooterStyle }, /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          type: "default",
+          prefixIcon: /* @__PURE__ */ React__default.default.createElement(
+            index$3,
+            {
+              src: iconsReact.ClipboardCopy16GradientGrayIcon,
+              hoverSrc: iconsReact.ClipboardCopy16GradientBlueIcon
+            }
+          ),
+          onClick: onCopy
+        },
+        t("common.copy")
+      ), /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          type: "text",
+          onClick: () => {
+            popModal();
+          }
+        },
+        t("common.cancel")
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          type: "primary",
+          onClick: onDownload,
+          disabled: loading || !!error
+        },
+        t("common.download")
+      )))
+    },
+    /* @__PURE__ */ React__default.default.createElement("div", { className: KubeConfigModal_style.KubeConfigWrapperStyle }, /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(KubeConfigModal_style.KubeConfigTitleStyle, index$4.Typo.Display.d1s_bold_title) }, t("common.download_kubeconfig")), /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(KubeConfigModal_style.KubeConfigTipStyle, index$4.Typo.Label.l1_regular) }, customDesc || t("common.download_kubeconfig_tip")), loading ? /* @__PURE__ */ React__default.default.createElement(index$5, { fullView: true }) : error ? /* @__PURE__ */ React__default.default.createElement("div", { className: KubeConfigModal_style.KubeConfigContentStyle }, /* @__PURE__ */ React__default.default.createElement(ErrorContent, { refetch, errorText: error })) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: KubeConfigModal_style.KubeConfigContentStyle }, data)))
+  );
+};
+var KubeConfigModal$1 = KubeConfigModal;
+
+module.exports = KubeConfigModal$1;

package/dist/cjs/coreX/KubeConfigModal/utils.js

@@ -0,0 +1,25 @@
+'use strict';
+
+function download(filename, content) {
+  const element = document.createElement("a");
+  element.setAttribute(
+    "href",
+    "data:text/plain;charset=utf-8," + encodeURIComponent(content)
+  );
+  element.setAttribute("download", filename);
+  element.style.display = "none";
+  document.body.appendChild(element);
+  element.click();
+  document.body.removeChild(element);
+}
+function copy(content) {
+  const textarea = document.createElement("textarea");
+  textarea.value = content;
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("Copy");
+  document.body.removeChild(textarea);
+}
+
+exports.copy = copy;
+exports.download = download;

package/dist/cjs/coreX/OverflowTooltip/index.js

@@ -30,6 +30,14 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
 const OverflowText = "E_ou7iq30";
 const SingleLineStyle = "E_s1tui002";
 const _exp = /*#__PURE__*/() => ({
@@ -43,13 +51,17 @@ const MultipleLine = /*#__PURE__*/react.styled('div')({
     "mxrc2zg-0": [_exp()]
   }
 });
+const TooltipDefaultClass = "E_t1vv6d68";
 const OverflowTooltip = props => {
-  const {
-    content,
-    className,
-    onClick,
-    multiLines
-  } = props;
+  const _a = props,
+    {
+      content,
+      className,
+      onClick,
+      multiLines,
+      overlayClassName
+    } = _a,
+    restProps = __objRest(_a, ["content", "className", "onClick", "multiLines", "overlayClassName"]);
   const tooltip = props.tooltip || content;
   const [ellipsis, setEllipsis] = React.useState(false);
   const textRef = React.useRef(null);
@@ -72,10 +84,11 @@ const OverflowTooltip = props => {
       observer == null ? void 0 : observer.disconnect();
     };
   });
-  return /* @__PURE__ */React__default.default.createElement(index, __spreadProps(__spreadValues({}, !ellipsis && {
+  return /* @__PURE__ */React__default.default.createElement(index, __spreadProps(__spreadValues(__spreadValues({}, restProps), !ellipsis && {
     visible: false
   }), {
-    title: tooltip
+    title: tooltip,
+    overlayClassName: core.cx(TooltipDefaultClass, overlayClassName)
   }), isMultiLine ? /* @__PURE__ */React__default.default.createElement(MultipleLine, {
     ref: textRef,
     className: core.cx(OverflowText, className),

package/dist/cjs/coreX/Show/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Show = ({
+  condition,
+  children,
+  fallback
+}) => {
+  if (typeof condition === "function") {
+    condition = condition();
+  }
+  return condition ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, children) : fallback != null ? fallback : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null);
+};
+
+exports.Show = Show;

package/dist/cjs/coreX/Sider/index.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var core = require('@linaria/core');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+var index$1 = require('../../core/Icon/index.js');
+var index = require('../../core/Typo/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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 SiderStyle = "E_s1at6qmn";
+const ShrinkStyle = "E_s1wu0lms";
+const NavLinkStyle = "E_n1ugzfva";
+const NormalWidth = 256;
+const ShrinkWidth = 52;
+const Sider = ({
+  config = [],
+  selectedKeys,
+  isShrink,
+  onClick,
+  children,
+  antdSiderProps
+}) => {
+  const renderItem = item => {
+    const iconSrc = selectedKeys.includes(item.key || "") ? item.icon.active : item.icon.normal;
+    const icon = /* @__PURE__ */React__default.default.createElement(index$1, {
+      iconWidth: 24,
+      iconHeight: 24,
+      src: iconSrc,
+      style: {
+        opacity: item.disabled ? 0.5 : 1
+      }
+    });
+    const _onClick = () => {
+      if (item.onClick) {
+        item.onClick(item.key);
+      }
+      onClick == null ? void 0 : onClick(item.key);
+    };
+    if (isShrink) {
+      return /* @__PURE__ */React__default.default.createElement("div", {
+        className: NavLinkStyle,
+        onClick: _onClick
+      }, /* @__PURE__ */React__default.default.createElement(antd.Tooltip, {
+        title: item.title,
+        placement: "right"
+      }, icon));
+    } else {
+      return /* @__PURE__ */React__default.default.createElement("div", {
+        className: NavLinkStyle,
+        onClick: _onClick
+      }, icon, /* @__PURE__ */React__default.default.createElement("span", {
+        className: "link-title"
+      }, item.title));
+    }
+  };
+  return /* @__PURE__ */React__default.default.createElement(antd.Layout.Sider, __spreadValues({
+    className: core.cx(SiderStyle, ShrinkStyle, isShrink ? "shrink" : ""),
+    width: isShrink ? ShrinkWidth : NormalWidth
+  }, antdSiderProps), /* @__PURE__ */React__default.default.createElement(antd.Menu, {
+    className: core.cx(index.Typo.Label.l2_regular),
+    selectedKeys
+  }, config.filter(item => !item.hidden).map(item => {
+    if ("items" in item) {
+      return /* @__PURE__ */React__default.default.createElement(antd.Menu.ItemGroup, {
+        className: cs__default.default({
+          split: item.isShowDivider
+        }),
+        key: item.key,
+        title: item.title ? /* @__PURE__ */React__default.default.createElement("span", {
+          className: index.Typo.Heading.h3_regular_upper
+        }, item.title) : null
+      }, (item.items || []).filter(childItem => !childItem.hidden).map(childItem => {
+        return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+          key: childItem.key,
+          disabled: childItem.disabled
+        }, renderItem(childItem));
+      }));
+    }
+    return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+      key: item.key,
+      disabled: item.disabled
+    }, renderItem(item));
+  })), /* @__PURE__ */React__default.default.createElement("footer", null, children));
+};
+var Sider$1 = Sider;
+
+module.exports = Sider$1;

package/dist/cjs/coreX/SummaryTable/index.js

@@ -50,12 +50,14 @@ const SummaryTableRow = props => {
     title,
     children,
     hiddenTitle = false,
-    hiddenBorder = false
+    hiddenBorder = false,
+    dataKey
   } = props;
   return /* @__PURE__ */React__default.default.createElement(TableRow, {
     className: cs__default.default("table-row", {
       hiddenBorder
-    })
+    }),
+    "data-key": dataKey
   }, /* @__PURE__ */React__default.default.createElement(RowLabel, {
     width: labelWidth,
     className: cs__default.default({
@@ -81,7 +83,8 @@ const SummaryTableContent = props => {
       labelWidth,
       hiddenTitle: item == null ? void 0 : item.hiddenTitle,
       hiddenBorder: item == null ? void 0 : item.hiddenBorder,
-      title: item.title
+      title: item.title,
+      dataKey: item.key
     }, item.render ? item.render(value, dataSource) : ___default.default.isNull(value) || ___default.default.isUndefined(value) || value === "" ? index : value);
   }));
 };

package/dist/cjs/coreX/UnderlineTootip/index.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@linaria/core');
+var index = require('../../core/Tooltip/index.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const UnderlineTooltipStyle = "E_u15heuvq";
+const UnderlineTooltip = props => {
+  const _a = props,
+    {
+      style = "dashed",
+      color = "rgba(107, 128, 167, 0.6)",
+      width = "1px",
+      contentColor,
+      customContentColor,
+      link,
+      underlineContentClassName,
+      title,
+      children,
+      className
+    } = _a,
+    rest = __objRest(_a, ["style", "color", "width", "contentColor", "customContentColor", "link", "underlineContentClassName", "title", "children", "className"]);
+  return /* @__PURE__ */React__default.default.createElement(index, __spreadValues({
+    className: core.cx(UnderlineTooltipStyle, className),
+    title: title || children
+  }, rest), /* @__PURE__ */React__default.default.createElement("span", {
+    className: core.cx("content", !customContentColor && contentColor, link && "link", underlineContentClassName),
+    style: {
+      borderBottomColor: color,
+      borderBottomStyle: style,
+      borderBottomWidth: width,
+      color: customContentColor
+    }
+  }, children));
+};
+var UnderlineTooltip$1 = UnderlineTooltip;
+
+exports.UnderlineTooltipStyle = UnderlineTooltipStyle;
+exports.default = UnderlineTooltip$1;

package/dist/cjs/coreX/UnitWithChart/index.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var index$9 = require('../../core/Bit/index.js');
-var index$8 = require('../../core/BitPerSecond/index.js');
-var index$7 = require('../../core/Bps/index.js');
+var index$a = require('../../core/Bit/index.js');
+var index$9 = require('../../core/BitPerSecond/index.js');
+var index$8 = require('../../core/Bps/index.js');
 var index$4 = require('../../core/Byte/index.js');
+var index$5 = require('../../core/BytePerSecond/index.js');
 var index = require('../../core/Empty/index.js');
-var index$5 = require('../../core/Frequency/index.js');
+var index$6 = require('../../core/Frequency/index.js');
 var index$2 = require('../../core/Percent/index.js');
-var index$a = require('../../core/Second/index.js');
-var index$6 = require('../../core/Speed/index.js');
+var index$b = require('../../core/Second/index.js');
+var index$7 = require('../../core/Speed/index.js');
 var index$1 = require('../BarChart/index.js');
 var index$3 = require('../DeprecatedDonutChart/index.js');
 var React = require('react');
@@ -40,12 +41,13 @@ var __spreadValues = (a, b) => {
 const units = {
   Percent: index$2,
   Byte: index$4,
-  Frequency: index$5,
-  Speed: index$6,
-  Bps: index$7,
-  BitPerSecond: index$8,
-  Bit: index$9,
-  Second: index$a
+  BytePerSecond: index$5,
+  Frequency: index$6,
+  Speed: index$7,
+  Bps: index$8,
+  BitPerSecond: index$9,
+  Bit: index$a,
+  Second: index$b
 };
 const Wrapper = /*#__PURE__*/react.styled('div')({
   name: "Wrapper",

package/dist/cjs/hooks/useAntdPatchEnLocales.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var merge = require('lodash/merge');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var merge__default = /*#__PURE__*/_interopDefault(merge);
+
+const PatchEnLocale = {
+  Modal: {
+    okText: "OK",
+    justOkText: "OK"
+  },
+  Popconfirm: {
+    okText: "OK"
+    // ← 需要修改
+  },
+  DatePicker: {
+    lang: {
+      ok: "OK"
+      // ← 需要修改
+    }
+  },
+  Calendar: {
+    lang: {
+      ok: "OK"
+    }
+  }
+};
+const useAntdPatchEnLocales = (enLocale) => {
+  return React.useMemo(() => merge__default.default(enLocale, PatchEnLocale), [enLocale]);
+};
+
+exports.useAntdPatchEnLocales = useAntdPatchEnLocales;

package/dist/cjs/hooks/useCTErrorMsg.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('../core/ConfigProvider/index.js');
+var cterror = require('../utils/cterror.js');
+var _ = require('lodash');
+var React = require('react');
+var useParrotTranslation = require('./useParrotTranslation.js');
+
+const useCTErrorMsg = (error, options) => {
+  const { t } = useParrotTranslation();
+  const globalConfig = index.useConfig();
+  const err = cterror.parseCTError(error);
+  const ns = (options == null ? void 0 : options.CTErrorI18nNs) || (globalConfig == null ? void 0 : globalConfig.CTErrorI18nNs) || "CTError";
+  const errMsg = React.useMemo(() => {
+    return err.map((e) => {
+      if ("code" in e) {
+        return t(`${ns}.${e.code}`, _.merge(options == null ? void 0 : options.tOptions, e.params));
+      }
+      return e.message;
+    });
+  }, [err, t, ns, options == null ? void 0 : options.tOptions]);
+  return errMsg;
+};
+
+exports.useCTErrorMsg = useCTErrorMsg;

package/dist/cjs/hooks/useFormatDuration.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var formatDuration = require('../utils/formatDuration.js');
+
+function useFormatDuration(milliseconds, options = {
+  maxDisplayUnits: 2,
+  useAbbreviation: false,
+  minUnit: "second"
+}) {
+  const {
+    maxDisplayUnits = 2,
+    useAbbreviation = false,
+    minUnit = "second"
+  } = options;
+  const result = React.useMemo(() => {
+    const items = formatDuration.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;
+}
+
+exports.useFormatDuration = useFormatDuration;