@cloudtower/eagle 490.0.8 → 490.0.10

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

@@ -33,12 +33,15 @@ const AccordionCard = props => {
     className,
     defaultExpand = true,
     mountOnEnter,
-    unmountOnExit
+    unmountOnExit,
+    "data-testid": dataTestId
   } = props;
   const [active, setActive] = useState(defaultExpand);
   return /* @__PURE__ */React__default.createElement(Card, {
+    "data-testid": dataTestId,
     className: cs(active && "active", className)
   }, /* @__PURE__ */React__default.createElement("header", {
+    "data-testid": dataTestId ? `${dataTestId}-header` : void 0,
     onClick: () => setActive(!active),
     className: "show-close"
   }, typeof header === "function" ? header(active) : header), /* @__PURE__ */React__default.createElement(DropdownTransition, {

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

@@ -46,9 +46,10 @@ const Alert = _a => {
       closeText,
       action,
       message,
-      closable
+      closable,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message", "closable"]);
+    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message", "closable", "data-testid"]);
   const _icon = /* @__PURE__ */React__default.createElement(Icon, {
     alt: type,
     src: getAlertIcon(type)
@@ -56,6 +57,7 @@ const Alert = _a => {
   const _type = type === "normal" ? "info" : type;
   const _closable = closable || Boolean(onClose) || Boolean(closeText);
   return /* @__PURE__ */React__default.createElement(Alert$2, __spreadProps(__spreadValues({}, props), {
+    "data-testid": dataTestId,
     className: cs(AlertStyle, type ? `alert-${type}` : "", className, {
       action
     }),

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

@@ -1,14 +1,16 @@
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import React__default from 'react';
 
-const Arch = (props) => {
+const Arch = ({
+  architecture,
+  "data-testid": dataTestId
+}) => {
   const { t } = useParrotTranslation();
-  const { architecture } = props;
   let text = "";
   if (architecture) {
     text = t(`components.Architecture_${architecture}`);
   }
-  return /* @__PURE__ */ React__default.createElement("span", null, text);
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, text);
 };
 var Arch$1 = Arch;
 

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

@@ -17,9 +17,11 @@ const AvatarWrapper = /*#__PURE__*/styled('span')({
 const Avatar = ({
   username,
   className,
-  background = "light-blue"
+  background = "light-blue",
+  "data-testid": dataTestId
 }) => {
   return /* @__PURE__ */React__default.createElement(AvatarWrapper, {
+    "data-testid": dataTestId,
     background: Color.gradient[background] || background,
     className: cx(className, "user-icon btn-item")
   }, /* @__PURE__ */React__default.createElement("span", {

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

@@ -6,8 +6,13 @@ import React__default from 'react';
 import { BasicBanner, ErrorBanner, InfoBanner, WarningBanner } from './banner.style.js';
 import { Show } from '../../coreX/Show/index.js';
 
-const Banner = ({ message, type, btnProps }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { id: "global-banner" }, /* @__PURE__ */ React__default.createElement(
+const Banner = ({
+  message,
+  type,
+  btnProps,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ React__default.createElement("div", { "data-testid": dataTestId, id: "global-banner" }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: cs(Typo.Label.l3_bold, BasicBanner, {
@@ -18,7 +23,15 @@ const Banner = ({ message, type, btnProps }) => {
     },
     /* @__PURE__ */ React__default.createElement(Icon, { src: InfoICircleFill16OntintIcon }),
     /* @__PURE__ */ React__default.createElement("span", null, message),
-    /* @__PURE__ */ React__default.createElement(Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.createElement("span", { className: "dashed-btn", onClick: btnProps == null ? void 0 : btnProps.onClick }, btnProps == null ? void 0 : btnProps.text))
+    /* @__PURE__ */ React__default.createElement(Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.createElement(
+      "span",
+      {
+        className: "dashed-btn",
+        "data-testid": dataTestId ? `${dataTestId}-action` : void 0,
+        onClick: btnProps == null ? void 0 : btnProps.onClick
+      },
+      btnProps == null ? void 0 : btnProps.text
+    ))
   ));
 };
 

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

@@ -1,15 +1,19 @@
-import React__default, { useMemo } from 'react';
 import { cx } from '@linaria/core';
-import { BasicCTErrorStyle } from './BasicCTError.style.js';
-import { Typo } from '../Typo/index.js';
 import { useCTErrorMsg } from '../../hooks/useCTErrorMsg.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default, { useMemo } from 'react';
+import { Typo } from '../Typo/index.js';
+import { BasicCTErrorStyle } from './BasicCTError.style.js';
 
-const defaultErrorContainerRender = ({
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Label.l3_regular, BasicCTErrorStyle, className) }, children);
+const defaultErrorContainerRender = ({ children, className, "data-testid": dataTestId }) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "span",
+    {
+      "data-testid": dataTestId,
+      className: cx(Typo.Label.l3_regular, BasicCTErrorStyle, className)
+    },
+    children
+  );
 };
 const BasicCTError = (props) => {
   const {
@@ -17,18 +21,27 @@ const BasicCTError = (props) => {
     className,
     ErrorItemRender,
     ErrorContainerRender,
-    errorMsgOptions
+    errorMsgOptions,
+    "data-testid": dataTestId
   } = props;
   const msgs = useCTErrorMsg(error, errorMsgOptions);
-  const { t } = useParrotTranslation();
+  useParrotTranslation();
   const ContainerRender = ErrorContainerRender || defaultErrorContainerRender;
   const child = useMemo(() => {
     if (ErrorItemRender) {
       return msgs.map((errorMsg, index) => /* @__PURE__ */ React__default.createElement(ErrorItemRender, { errorMsg, index, key: index }));
     }
     return msgs.join("");
-  }, [msgs, ErrorItemRender, t]);
-  return /* @__PURE__ */ React__default.createElement(ContainerRender, { className, errorMsgs: msgs, children: child });
+  }, [msgs, ErrorItemRender]);
+  return /* @__PURE__ */ React__default.createElement(
+    ContainerRender,
+    {
+      className,
+      errorMsgs: msgs,
+      children: child,
+      "data-testid": dataTestId
+    }
+  );
 };
 
 export { BasicCTError };

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

@@ -26,13 +26,14 @@ const Bit = ({
   decimals,
   unitClassName,
   valueClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = formatBits(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Bit$1 = Bit;
 

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

@@ -26,13 +26,14 @@ const BitPerSecond = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = formatBitPerSecond(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var BitPerSecond$1 = BitPerSecond;
 

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

@@ -41,23 +41,24 @@ const SIZE_FONT_MAP = {
     title: Typo.Heading.h2_regular_title
   }
 };
-const BlankState = (props) => {
-  const {
-    className,
-    style,
-    width,
-    height,
-    title,
-    description,
-    action,
-    backgroundColor,
-    size = "medium"
-  } = props;
+const BlankState = ({
+  className,
+  style,
+  width,
+  height,
+  title,
+  description,
+  action,
+  backgroundColor,
+  size = "medium",
+  "data-testid": dataTestId
+}) => {
   const fontStyle = SIZE_FONT_MAP[size];
   const buttonSize = size === "large" || size === "medium" ? "middle" : "small";
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
+      "data-testid": dataTestId,
       className: cx(className, BlankStateWrapper, size, backgroundColor),
       style: __spreadValues({
         width: typeof width === "number" ? `${width}px` : width,
@@ -72,6 +73,7 @@ const BlankState = (props) => {
         type: "ordinary",
         size: buttonSize,
         className: cx("action-button", buttonSize),
+        "data-testid": dataTestId ? `${dataTestId}-action` : void 0,
         onClick: action.onClick
       },
       action.label

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

@@ -26,13 +26,14 @@ const Bps = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = formatBps(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Bps$1 = Bps;
 

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

@@ -9,9 +9,11 @@ const BreadWrapper = /*#__PURE__*/styled('div')({
 });
 const Breadcrumb = props => {
   const {
-    items
+    items,
+    "data-testid": dataTestId
   } = props;
   return /* @__PURE__ */React__default.createElement(BreadWrapper, {
+    "data-testid": dataTestId,
     className: Typo.Heading.h3_bold_title
   }, items.map((item, index) => {
     return /* @__PURE__ */React__default.createElement("span", {
@@ -31,6 +33,7 @@ const Breadcrumb = props => {
       fillOpacity: "0.18"
     })) : null, /* @__PURE__ */React__default.createElement("span", {
       className: "breadcrumb-link",
+      "data-testid": item["data-testid"],
       onClick: item.onClick
     }, item.name), index === items.length - 1 && /* @__PURE__ */React__default.createElement("svg", {
       style: {

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

@@ -39,12 +39,14 @@ const ButtonGroup = React__default.forwardRef((props, ref) => {
   const {
     className,
     options,
-    size = "middle"
+    size = "middle",
+    "data-testid": dataTestId
   } = props;
   if (!options.length) {
     return null;
   }
   return /* @__PURE__ */React__default.createElement(ButtonGroupContainer, {
+    "data-testid": dataTestId,
     className,
     ref
   }, options.map((button, index) => {

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

@@ -28,20 +28,21 @@ const Byte = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   const { t } = useParrotTranslation();
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   if (rawValue === -1) {
-    return /* @__PURE__ */ React__default.createElement("span", null, t("common.calculation"));
+    return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, t("common.calculation"));
   }
   const { value, unit } = formatBytes(rawValue, decimals);
   if (noUnitOnZero && value === 0) {
-    return /* @__PURE__ */ React__default.createElement("span", { className: "value" }, value);
+    return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId, className: "value" }, value);
   }
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Byte$1 = Byte;
 

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

@@ -26,13 +26,14 @@ const BytePerSecond = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = formatBytePerSecond(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var BytePerSecond$1 = BytePerSecond;
 

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

@@ -46,7 +46,8 @@ const Card = React__default.forwardRef(
       className,
       defaultOpen = false,
       hoverable,
-      shadow = true
+      shadow = true,
+      "data-testid": dataTestId
     } = _a, domProps = __objRest(_a, [
       "collapsible",
       "title",
@@ -54,7 +55,8 @@ const Card = React__default.forwardRef(
       "className",
       "defaultOpen",
       "hoverable",
-      "shadow"
+      "shadow",
+      "data-testid"
     ]);
     const [open, setOpen] = useState(defaultOpen);
     return /* @__PURE__ */ React__default.createElement(
@@ -63,7 +65,8 @@ const Card = React__default.forwardRef(
         ref,
         className: cs(["card-wrapper", className, hoverable && "hoverable"])
       }, domProps), {
-        shadow
+        shadow,
+        "data-testid": dataTestId
       }),
       title && /* @__PURE__ */ React__default.createElement(
         CardTitle,
@@ -74,6 +77,7 @@ const Card = React__default.forwardRef(
           "div",
           {
             className: cs(["title-wrapper", open ? "is-open" : ""]),
+            "data-testid": dataTestId && collapsible ? `${dataTestId}-header` : void 0,
             onClick: () => {
               collapsible && setOpen(!open);
             }

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

@@ -2,7 +2,7 @@ import { CheckboxStyle } from './checkbox.style.js';
 import { Typo } from '../Typo/index.js';
 import { Checkbox as Checkbox$2 } from 'antd';
 import cs from 'classnames';
-import React__default from 'react';
+import React__default, { useCallback } from 'react';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -36,13 +36,39 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const Checkbox = (_a) => {
-  var _b = _a, { className, children, description, compact } = _b, props = __objRest(_b, ["className", "children", "description", "compact"]);
+  var _b = _a, {
+    className,
+    children,
+    description,
+    compact,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "description",
+    "compact",
+    "data-testid"
+  ]);
+  const markerRef = useCallback(
+    (node) => {
+      if (node) {
+        const label = node.closest("label.ant-checkbox-wrapper");
+        if (label) {
+          const testId = dataTestId || props.value;
+          if (testId) {
+            label.setAttribute("data-testid", String(testId));
+          }
+        }
+      }
+    },
+    [dataTestId, props.value]
+  );
   return /* @__PURE__ */ React__default.createElement(
     Checkbox$2,
     __spreadProps(__spreadValues({}, props), {
-      "data-test": props["data-test"] || props.value,
       className: cs(className, CheckboxStyle, compact && "compact")
     }),
+    (dataTestId || props.value) && /* @__PURE__ */ React__default.createElement("span", { ref: markerRef, style: { display: "none" } }),
     children ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: cs("main", Typo.Label.l2_regular) }, children), description ? /* @__PURE__ */ React__default.createElement("div", { className: cs("sub", Typo.Label.l4_regular) }, description) : null) : null
   );
 };

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

@@ -1,3 +1,4 @@
+import { useAntdPatchEnLocales } from '../../hooks/useAntdPatchEnLocales.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { ConfigProvider as ConfigProvider$2 } from 'antd';
 import enUS from 'antd/lib/locale/en_US';
@@ -8,7 +9,6 @@ import antd5zhCN from 'antd5/lib/locale/zh_CN';
 import dayjs from 'dayjs';
 import moment from 'moment';
 import React__default, { createContext, useContext, useEffect } from 'react';
-import { useAntdPatchEnLocales } from '../../hooks/useAntdPatchEnLocales.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

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

@@ -8,13 +8,17 @@ const CardWrapper = /*#__PURE__*/styled('div')({
 });
 const DetailCard = props => {
   const {
-    title
+    title,
+    children,
+    "data-testid": dataTestId
   } = props;
-  return /* @__PURE__ */React__default.createElement(CardWrapper, null, title && /* @__PURE__ */React__default.createElement("div", {
+  return /* @__PURE__ */React__default.createElement(CardWrapper, {
+    "data-testid": dataTestId
+  }, title && /* @__PURE__ */React__default.createElement("div", {
     className: "card-title"
   }, title), /* @__PURE__ */React__default.createElement("div", {
     className: "card-body"
-  }, props.children));
+  }, children));
 };
 var DetailCard$1 = DetailCard;
 

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

@@ -97,7 +97,8 @@ const DonutChart = ({
   innerRadius = 45,
   outerRadius = 50,
   widthPadding = true,
-  showLegend = true
+  showLegend = true,
+  "data-testid": dataTestId
 }) => {
   const initColorMap = color ? ColorMap[color] : [];
   const {
@@ -112,6 +113,7 @@ const DonutChart = ({
     });
   }, [data, otherData, t, collapseText]);
   return /* @__PURE__ */React__default.createElement(DonutChartWrapper, {
+    "data-testid": dataTestId,
     width
   }, /* @__PURE__ */React__default.createElement(PieChart, {
     width,

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

@@ -24,7 +24,8 @@ const RenderMenuItem = item => {
       danger: item.danger,
       key: item.key,
       disabled: item.disabled,
-      onClick: item.onClick
+      onClick: item.onClick,
+      "data-testid": item["data-testid"]
     }, /* @__PURE__ */React__default.createElement(Tooltip, {
       title: item.tooltip
     }, item.icon ? React__default.cloneElement(item.icon, {}, item.text) : /* @__PURE__ */React__default.createElement("div", null, item.text)));
@@ -33,7 +34,8 @@ const RenderMenuItem = item => {
     danger: item.danger,
     key: item.key,
     disabled: item.disabled,
-    onClick: item.onClick
+    onClick: item.onClick,
+    "data-testid": item["data-testid"]
   }, item.icon ? React__default.cloneElement(item.icon, {}, item.text) : item.text);
 };
 const DropdownMenu = ({
@@ -42,7 +44,8 @@ const DropdownMenu = ({
   placement,
   trigger,
   customStyle,
-  slotsElements = {}
+  slotsElements = {},
+  "data-testid": dataTestId
 }) => {
   const menuItems = items.filter(item => !item.hidden);
   const menuDisabled = disabled || menuItems.length === 0;
@@ -54,7 +57,9 @@ const DropdownMenu = ({
     overlay: /* @__PURE__ */React__default.createElement(Menu, null, menuItems.map(item => {
       return RenderMenuItem(item);
     }))
-  }, /* @__PURE__ */React__default.createElement("span", null, slotsElements.trigger ? slotsElements.trigger({}) : null));
+  }, /* @__PURE__ */React__default.createElement("span", {
+    "data-testid": dataTestId
+  }, slotsElements.trigger ? slotsElements.trigger({}) : null));
 };
 var DropdownMenu$1 = DropdownMenu;
 

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

@@ -1,10 +1,10 @@
-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 isEmpty from '../../utils/isEmpty.js';
+import React__default from 'react';
 import { UnitStyle } from '../Styled/index.js';
 
 var __defProp = Object.defineProperty;
@@ -32,7 +32,8 @@ const Duration = ({
   maxDisplayUnits = 2,
   minUnit = "second",
   noUnitOnZero = false,
-  contentRender
+  contentRender,
+  "data-testid": dataTestId
 }) => {
   const { parts } = useFormatDuration(rawValue != null ? rawValue : 0, {
     maxDisplayUnits,
@@ -40,10 +41,10 @@ const Duration = ({
     minUnit
   });
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   if (parts.length === 0) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   if (contentRender) {
     const formatItems = formatDuration(rawValue, {
@@ -54,7 +55,7 @@ const Duration = ({
   }
   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("span", { "data-testid": dataTestId, 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,

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

@@ -1,8 +1,11 @@
 import React__default from 'react';
 
-const Empty = (props) => {
-  const { className, style } = props;
-  return /* @__PURE__ */ React__default.createElement("span", { className, style }, "-");
+const Empty = ({
+  className,
+  style,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId, className, style }, "-");
 };
 var Empty$1 = Empty;
 

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

@@ -1,6 +1,9 @@
 import React__default from 'react';
 
-const Error = ({ error }) => /* @__PURE__ */ React__default.createElement("div", { className: "error" }, String(error));
+const Error = ({
+  error,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ React__default.createElement("div", { "data-testid": dataTestId, className: "error" }, String(error));
 var Error$1 = Error;
 
 export { Error$1 as default };

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

@@ -10,18 +10,21 @@ const FailedLoad = props => {
     refetch,
     className,
     title,
-    refetchText
+    refetchText,
+    "data-testid": dataTestId
   } = props;
   const {
     t
   } = useParrotTranslation();
   return /* @__PURE__ */React__default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs(FailedLoadStyle, className),
     title
   }, /* @__PURE__ */React__default.createElement("div", {
     className: "error-text"
   }, String(error)), /* @__PURE__ */React__default.createElement(Button, {
     type: "ordinary",
+    "data-testid": dataTestId ? `${dataTestId}-retry` : void 0,
     onClick: () => refetch()
   }, refetchText || t("common.retry")));
 };