@cloudtower/eagle 490.0.8 → 490.0.10

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

@@ -40,12 +40,15 @@ const AccordionCard = props => {
     className,
     defaultExpand = true,
     mountOnEnter,
-    unmountOnExit
+    unmountOnExit,
+    "data-testid": dataTestId
   } = props;
   const [active, setActive] = React.useState(defaultExpand);
   return /* @__PURE__ */React__default.default.createElement(Card, {
+    "data-testid": dataTestId,
     className: cs__default.default(active && "active", className)
   }, /* @__PURE__ */React__default.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.default.createElement(index, {

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

@@ -53,9 +53,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.default.createElement(index, {
     alt: type,
     src: icon.getAlertIcon(type)
@@ -63,6 +64,7 @@ const Alert = _a => {
   const _type = type === "normal" ? "info" : type;
   const _closable = closable || Boolean(onClose) || Boolean(closeText);
   return /* @__PURE__ */React__default.default.createElement(antd.Alert, __spreadProps(__spreadValues({}, props), {
+    "data-testid": dataTestId,
     className: cs__default.default(AlertStyle, type ? `alert-${type}` : "", className, {
       action
     }),

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

@@ -9,14 +9,16 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(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.default.createElement("span", null, text);
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, text);
 };
 var Arch$1 = Arch;
 

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

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

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

@@ -13,8 +13,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const Banner = ({ message, type, btnProps }) => {
-  return /* @__PURE__ */ React__default.default.createElement("div", { id: "global-banner" }, /* @__PURE__ */ React__default.default.createElement(
+const Banner = ({
+  message,
+  type,
+  btnProps,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": dataTestId, id: "global-banner" }, /* @__PURE__ */ React__default.default.createElement(
     "div",
     {
       className: cs__default.default(index.Typo.Label.l3_bold, banner_style.BasicBanner, {
@@ -25,7 +30,15 @@ const Banner = ({ message, type, btnProps }) => {
     },
     /* @__PURE__ */ React__default.default.createElement(index$1, { src: iconsReact.InfoICircleFill16OntintIcon }),
     /* @__PURE__ */ React__default.default.createElement("span", null, message),
-    /* @__PURE__ */ React__default.default.createElement(index$2.Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.default.createElement("span", { className: "dashed-btn", onClick: btnProps == null ? void 0 : btnProps.onClick }, btnProps == null ? void 0 : btnProps.text))
+    /* @__PURE__ */ React__default.default.createElement(index$2.Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.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/cjs/core/BasicCTError/index.js

@@ -1,21 +1,25 @@
 'use strict';
 
-var React = require('react');
 var core = require('@linaria/core');
-var BasicCTError_style = require('./BasicCTError.style.js');
-var index = require('../Typo/index.js');
 var useCTErrorMsg = require('../../hooks/useCTErrorMsg.js');
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var index = require('../Typo/index.js');
+var BasicCTError_style = require('./BasicCTError.style.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const defaultErrorContainerRender = ({
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index.Typo.Label.l3_regular, BasicCTError_style.BasicCTErrorStyle, className) }, children);
+const defaultErrorContainerRender = ({ children, className, "data-testid": dataTestId }) => {
+  return /* @__PURE__ */ React__default.default.createElement(
+    "span",
+    {
+      "data-testid": dataTestId,
+      className: core.cx(index.Typo.Label.l3_regular, BasicCTError_style.BasicCTErrorStyle, className)
+    },
+    children
+  );
 };
 const BasicCTError = (props) => {
   const {
@@ -23,18 +27,27 @@ const BasicCTError = (props) => {
     className,
     ErrorItemRender,
     ErrorContainerRender,
-    errorMsgOptions
+    errorMsgOptions,
+    "data-testid": dataTestId
   } = props;
   const msgs = useCTErrorMsg.useCTErrorMsg(error, errorMsgOptions);
-  const { t } = useParrotTranslation();
+  useParrotTranslation();
   const ContainerRender = ErrorContainerRender || defaultErrorContainerRender;
   const child = React.useMemo(() => {
     if (ErrorItemRender) {
       return msgs.map((errorMsg, index) => /* @__PURE__ */ React__default.default.createElement(ErrorItemRender, { errorMsg, index, key: index }));
     }
     return msgs.join("");
-  }, [msgs, ErrorItemRender, t]);
-  return /* @__PURE__ */ React__default.default.createElement(ContainerRender, { className, errorMsgs: msgs, children: child });
+  }, [msgs, ErrorItemRender]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    ContainerRender,
+    {
+      className,
+      errorMsgs: msgs,
+      children: child,
+      "data-testid": dataTestId
+    }
+  );
 };
 
 exports.BasicCTError = BasicCTError;

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

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

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

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

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

@@ -47,23 +47,24 @@ const SIZE_FONT_MAP = {
     title: index.Typo.Heading.h2_regular_title
   }
 };
-const BlankState = (props) => {
-  const {
-    className,
-    style: style$1,
-    width,
-    height,
-    title,
-    description,
-    action,
-    backgroundColor,
-    size = "medium"
-  } = props;
+const BlankState = ({
+  className,
+  style: style$1,
+  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.default.createElement(
     "div",
     {
+      "data-testid": dataTestId,
       className: core.cx(className, style.BlankStateWrapper, size, backgroundColor),
       style: __spreadValues({
         width: typeof width === "number" ? `${width}px` : width,
@@ -78,6 +79,7 @@ const BlankState = (props) => {
         type: "ordinary",
         size: buttonSize,
         className: core.cx("action-button", buttonSize),
+        "data-testid": dataTestId ? `${dataTestId}-action` : void 0,
         onClick: action.onClick
       },
       action.label

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

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

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

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

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

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

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

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

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

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

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

@@ -53,7 +53,8 @@ const Card = React__default.default.forwardRef(
       className,
       defaultOpen = false,
       hoverable,
-      shadow = true
+      shadow = true,
+      "data-testid": dataTestId
     } = _a, domProps = __objRest(_a, [
       "collapsible",
       "title",
@@ -61,7 +62,8 @@ const Card = React__default.default.forwardRef(
       "className",
       "defaultOpen",
       "hoverable",
-      "shadow"
+      "shadow",
+      "data-testid"
     ]);
     const [open, setOpen] = React.useState(defaultOpen);
     return /* @__PURE__ */ React__default.default.createElement(
@@ -70,7 +72,8 @@ const Card = React__default.default.forwardRef(
         ref,
         className: cs__default.default(["card-wrapper", className, hoverable && "hoverable"])
       }, domProps), {
-        shadow
+        shadow,
+        "data-testid": dataTestId
       }),
       title && /* @__PURE__ */ React__default.default.createElement(
         CardTitle,
@@ -81,6 +84,7 @@ const Card = React__default.default.forwardRef(
           "div",
           {
             className: cs__default.default(["title-wrapper", open ? "is-open" : ""]),
+            "data-testid": dataTestId && collapsible ? `${dataTestId}-header` : void 0,
             onClick: () => {
               collapsible && setOpen(!open);
             }

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

@@ -43,13 +43,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 = React.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.default.createElement(
     antd.Checkbox,
     __spreadProps(__spreadValues({}, props), {
-      "data-test": props["data-test"] || props.value,
       className: cs__default.default(className, checkbox_style.CheckboxStyle, compact && "compact")
     }),
+    (dataTestId || props.value) && /* @__PURE__ */ React__default.default.createElement("span", { ref: markerRef, style: { display: "none" } }),
     children ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("main", index.Typo.Label.l2_regular) }, children), description ? /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("sub", index.Typo.Label.l4_regular) }, description) : null) : null
   );
 };

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var useAntdPatchEnLocales = require('../../hooks/useAntdPatchEnLocales.js');
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var antd = require('antd');
 var enUS = require('antd/lib/locale/en_US');
@@ -10,7 +11,6 @@ var antd5zhCN = require('antd5/lib/locale/zh_CN');
 var dayjs = require('dayjs');
 var moment = require('moment');
 var React = require('react');
-var useAntdPatchEnLocales = require('../../hooks/useAntdPatchEnLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

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

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

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

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

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

@@ -32,7 +32,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.default.createElement(index, {
       title: item.tooltip
     }, item.icon ? React__default.default.cloneElement(item.icon, {}, item.text) : /* @__PURE__ */React__default.default.createElement("div", null, item.text)));
@@ -41,7 +42,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.default.cloneElement(item.icon, {}, item.text) : item.text);
 };
 const DropdownMenu = ({
@@ -50,7 +52,8 @@ const DropdownMenu = ({
   placement,
   trigger,
   customStyle,
-  slotsElements = {}
+  slotsElements = {},
+  "data-testid": dataTestId
 }) => {
   const menuItems = items.filter(item => !item.hidden);
   const menuDisabled = disabled || menuItems.length === 0;
@@ -62,7 +65,9 @@ const DropdownMenu = ({
     overlay: /* @__PURE__ */React__default.default.createElement(antd.Menu, null, menuItems.map(item => {
       return RenderMenuItem(item);
     }))
-  }, /* @__PURE__ */React__default.default.createElement("span", null, slotsElements.trigger ? slotsElements.trigger({}) : null));
+  }, /* @__PURE__ */React__default.default.createElement("span", {
+    "data-testid": dataTestId
+  }, slotsElements.trigger ? slotsElements.trigger({}) : null));
 };
 var DropdownMenu$1 = DropdownMenu;
 

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var React = require('react');
 var core = require('@linaria/core');
 var index = require('../Empty/index.js');
 var index$1 = require('../ParrotTrans/index.js');
 var useFormatDuration = require('../../hooks/useFormatDuration.js');
-var isEmpty = require('../../utils/isEmpty.js');
 var formatDuration = require('../../utils/formatDuration.js');
+var isEmpty = require('../../utils/isEmpty.js');
+var React = require('react');
 var index$2 = require('../Styled/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -38,7 +38,8 @@ const Duration = ({
   maxDisplayUnits = 2,
   minUnit = "second",
   noUnitOnZero = false,
-  contentRender
+  contentRender,
+  "data-testid": dataTestId
 }) => {
   const { parts } = useFormatDuration.useFormatDuration(rawValue != null ? rawValue : 0, {
     maxDisplayUnits,
@@ -46,10 +47,10 @@ const Duration = ({
     minUnit
   });
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   if (parts.length === 0) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   if (contentRender) {
     const formatItems = formatDuration.formatDuration(rawValue, {
@@ -60,7 +61,7 @@ const Duration = ({
   }
   const allZero = parts.every((part) => part.value === 0);
   if (noUnitOnZero && allZero) {
-    return /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, "0");
+    return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId, className: core.cx("value", valueClassName) }, "0");
   }
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, parts.map((part, index) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, { key: `${part.unit}-${index}` }, index > 0 && /* @__PURE__ */ React__default.default.createElement("span", null, " "), /* @__PURE__ */ React__default.default.createElement(
     index$1.ParrotTrans,

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

@@ -6,9 +6,12 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const Empty = (props) => {
-  const { className, style } = props;
-  return /* @__PURE__ */ React__default.default.createElement("span", { className, style }, "-");
+const Empty = ({
+  className,
+  style,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId, className, style }, "-");
 };
 var Empty$1 = Empty;
 

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

@@ -6,7 +6,10 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const Error = ({ error }) => /* @__PURE__ */ React__default.default.createElement("div", { className: "error" }, String(error));
+const Error = ({
+  error,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": dataTestId, className: "error" }, String(error));
 var Error$1 = Error;
 
 module.exports = Error$1;

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

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