@cloudtower/eagle 490.0.7 → 490.0.9

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

@@ -9,11 +9,14 @@ const Nav = ({
   right,
   center,
   isScrolled,
-  navRef
+  navRef,
+  className,
+  "data-testid": dataTestId
 }) => {
   return /* @__PURE__ */React__default.createElement(Header, {
+    "data-testid": dataTestId,
     ref: navRef,
-    className: MinWidth,
+    className: cs(MinWidth, className),
     id: "global-header"
   }, /* @__PURE__ */React__default.createElement("div", {
     className: "left"

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

@@ -17,7 +17,8 @@ const Pagination = props => {
     onSizeChange,
     showTotal = true,
     className,
-    selectorVisible = true
+    selectorVisible = true,
+    "data-testid": dataTestId
   } = props;
   const sizeRef = useRef(size);
   const {
@@ -61,11 +62,13 @@ const Pagination = props => {
           title: t("components.push_to")
         }, selectOptions.map(option => /* @__PURE__ */React__default.createElement(Menu.Item, {
           key: option.value,
+          "data-testid": dataTestId ? `${dataTestId}-page-${option.value}` : void 0,
           onClick: () => onChange(option.value)
         }, option.text))))
       }, /* @__PURE__ */React__default.createElement(Icon, {
         alt: "arrowChevronDownSmall16Secondary",
         className: "pagination-left dropdown-trigger",
+        "data-testid": dataTestId ? `${dataTestId}-dropdown` : void 0,
         src: ArrowChevronDownSmall16SecondaryIcon,
         hoverSrc: ArrowChevronDownSmall16BlueIcon,
         prefix: content
@@ -79,6 +82,7 @@ const Pagination = props => {
     return null;
   }
   return /* @__PURE__ */React__default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs(PaginationStyle, "pagination-wrapper", className, selectorVisible && "has-selector")
   }, renderLeft(), /* @__PURE__ */React__default.createElement("span", {
     className: "pagination-right"
@@ -86,6 +90,7 @@ const Pagination = props => {
     className: "prev-btn",
     type: "quiet",
     size: "small",
+    "data-testid": dataTestId ? `${dataTestId}-prev` : void 0,
     prefixIcon: /* @__PURE__ */React__default.createElement(Icon, {
       alt: "arrowChevronLeftSmall16BoldBlue",
       src: ArrowChevronLeftSmall16BoldBlueIcon
@@ -99,6 +104,7 @@ const Pagination = props => {
     className: "next-btn",
     type: "quiet",
     size: "small",
+    "data-testid": dataTestId ? `${dataTestId}-next` : void 0,
     suffixIcon: /* @__PURE__ */React__default.createElement(Icon, {
       alt: "arrowChevronLeftSmall16BoldBlue",
       src: ArrowChevronLeftSmall16BoldBlueIcon

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

@@ -26,13 +26,14 @@ const Percent = ({
   saturated,
   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 } = formatPercent(rawValue, decimals, saturated);
-  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", 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", unitClassName) }, unit));
 };
 var Percent$1 = Percent;
 

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

@@ -80,9 +80,10 @@ const Progress = _a => {
       rightBottom,
       percent = 0,
       className,
-      indeterminate
+      indeterminate,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["type", "status", "size", "leftTop", "rightTop", "leftBottom", "rightBottom", "percent", "className", "indeterminate"]);
+    props = __objRest(_b, ["type", "status", "size", "leftTop", "rightTop", "leftBottom", "rightBottom", "percent", "className", "indeterminate", "data-testid"]);
   const finalStatus = getStatus(status, percent, indeterminate);
   const storkeWidth = size === "small" ? 4 : 8;
   const isBaseProgress = type === "base";
@@ -113,7 +114,8 @@ const Progress = _a => {
   }
   return /* @__PURE__ */React__default.createElement(ProgressContainer, {
     type,
-    className: cx(className, ProgressStyle)
+    className: cx(className, ProgressStyle),
+    "data-testid": dataTestId
   }, titleNode ? /* @__PURE__ */React__default.createElement(Row, null, titleNode, statusTextNode) : null, /* @__PURE__ */React__default.createElement(Progress$1, __spreadProps(__spreadValues({
     className: isBaseProgress ? BaseProgressStyle : "",
     strokeWidth: storkeWidth,

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

@@ -40,9 +40,10 @@ const Radio = _a => {
       children,
       className,
       checked,
-      compact = false
+      compact = false,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["children", "className", "checked", "compact"]);
+    props = __objRest(_b, ["children", "className", "checked", "compact", "data-testid"]);
   const {
     description
   } = props;
@@ -55,6 +56,7 @@ const Radio = _a => {
   return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Radio$2, __spreadValues({
     className: cx(className, RadioStyle, compact && "compact"),
     checked: checked || false,
+    "data-testid": dataTestId,
     "data-test": context.name ? `${context.name}-${String(props.value)}` : String(props.value)
   }, props), children ? children : null));
 };
@@ -62,15 +64,17 @@ const RadioGroup = _c => {
   var _d = _c,
     {
       children,
-      className
+      className,
+      "data-testid": dataTestId
     } = _d,
-    props = __objRest(_d, ["children", "className"]);
+    props = __objRest(_d, ["children", "className", "data-testid"]);
   return /* @__PURE__ */React__default.createElement(KitRadioGroupContext.Provider, {
     value: {
       disabled: props.disabled,
       name: props.name
     }
   }, /* @__PURE__ */React__default.createElement(Radio$2.Group, __spreadValues({
+    "data-testid": dataTestId,
     className: cx(className, RadioGroupStyle)
   }, props), children ? children : null));
 };
@@ -78,9 +82,10 @@ const RadioButton = _e => {
   var _f = _e,
     {
       children,
-      className
+      className,
+      "data-testid": dataTestId
     } = _f,
-    props = __objRest(_f, ["children", "className"]);
+    props = __objRest(_f, ["children", "className", "data-testid"]);
   const {
     type,
     placeholder = "Label",
@@ -99,6 +104,7 @@ const RadioButton = _e => {
       className: "ant-radio-button-input",
       placeholder,
       disabled: inputDisabled,
+      "data-testid": dataTestId ? `${dataTestId}-input-number` : void 0,
       value: !_.isNil(inputValue) ? Number(inputValue) : void 0,
       min,
       max,
@@ -113,6 +119,7 @@ const RadioButton = _e => {
       className: "ant-radio-button-input",
       placeholder,
       disabled: inputDisabled,
+      "data-testid": dataTestId ? `${dataTestId}-input` : void 0,
       value: inputValue,
       onChange: e => {
         setInputValue(e.target.value);
@@ -128,7 +135,8 @@ const RadioButton = _e => {
   };
   return /* @__PURE__ */React__default.createElement(Radio$2.Button, __spreadValues({
     className: cx(className, RadioButtonStyle),
-    value: radioButtonValue
+    value: radioButtonValue,
+    "data-testid": dataTestId
   }, props), renderChildren());
 };
 var Radio$1 = Radio;

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

@@ -28,16 +28,18 @@ const Second = ({
   valueClassName,
   unitClassName,
   abbreviate,
-  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 } = formatSeconds(rawValue, decimals);
   return /* @__PURE__ */ React__default.createElement(
     ParrotTrans,
     {
       parent: "span",
+      "data-testid": dataTestId,
       i18nKey: `unit.${abbreviate ? `${unit}_abbreviation` : unit}`,
       count: value
     },

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

@@ -15,11 +15,13 @@ const SimplePagination = props => {
     current,
     count,
     size,
-    onPageChange
+    onPageChange,
+    "data-testid": dataTestId
   } = props;
   const {
     t
   } = useParrotTranslation();
+  const sub = suffix => dataTestId ? `${dataTestId}-${suffix}` : void 0;
   const pageLength = count === 0 ? 1 : Math.ceil(count / size);
   const showPrev = current > 1;
   const showNext = current * size < count;
@@ -32,6 +34,7 @@ const SimplePagination = props => {
     }
   }, [onPageChange, pageLength]);
   return /* @__PURE__ */React__default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs(PaginationStyle, "pagination-wrapper", className)
   }, /* @__PURE__ */React__default.createElement("span", {
     className: Typo.Label.l3_regular_title
@@ -43,6 +46,7 @@ const SimplePagination = props => {
     className: "prev-btn",
     type: "quiet",
     size: "small",
+    "data-testid": sub("prev"),
     style: {
       marginRight: "8px"
     },
@@ -57,6 +61,7 @@ const SimplePagination = props => {
     className: cs(Typo.Label.l3_regular, inputStyle),
     value: current,
     size: "small",
+    "data-testid": sub("input"),
     onKeyDown: event => {
       if (event.key === "Enter") {
         changeValue(event.target.value);
@@ -71,6 +76,7 @@ const SimplePagination = props => {
     className: "next-btn",
     type: "quiet",
     size: "small",
+    "data-testid": sub("next"),
     style: {
       marginLeft: "8px"
     },

package/dist/esm/core/SmallDialog/SmallDialog.js

@@ -57,10 +57,12 @@ const SmallDialog = ({
   confirmLoading,
   initializing,
   initializingError,
-  initializingSkeletonRows
+  initializingSkeletonRows,
+  "data-testid": dataTestId
 }) => {
   const { t } = useParrotTranslation();
   const popModal = usePopModal();
+  const sub = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
   const handleClose = () => {
     if (onCancel) {
       onCancel(popModal);
@@ -83,6 +85,7 @@ const SmallDialog = ({
     Modal,
     {
       visible: true,
+      "data-testid": dataTestId,
       width,
       title: initializing ? /* @__PURE__ */ React__default.createElement(ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.createElement(CustomTitleRender, { title: title || defaultTitle }),
       footer: initializing ? null : hideFooter ? /* @__PURE__ */ React__default.createElement("div", null) : /* @__PURE__ */ React__default.createElement(
@@ -121,7 +124,8 @@ const SmallDialog = ({
           __spreadValues({
             type: showOk ? "quiet" : "ordinary",
             onClick: handleClose,
-            className: Typo.Label.l2_bold_title
+            className: Typo.Label.l2_bold_title,
+            "data-testid": sub("cancel")
           }, cancelButtonProps),
           cancelText || defaultCancelText
         ), showOk && /* @__PURE__ */ React__default.createElement(
@@ -129,7 +133,8 @@ const SmallDialog = ({
           __spreadValues({
             type: "primary",
             onClick: handleOk,
-            loading: confirmLoading
+            loading: confirmLoading,
+            "data-testid": sub("ok")
           }, okButtonProps),
           okText || defaultOkText
         ))
@@ -148,7 +153,8 @@ const SmallDialog = ({
           className: CloseIconStyle,
           iconHeight: 24,
           iconWidth: 24,
-          hoverSrc: XmarkCloseBold24SecondaryIcon
+          hoverSrc: XmarkCloseBold24SecondaryIcon,
+          "data-testid": sub("close")
         }
       )
     },

package/dist/esm/core/SmallDialog/SmallDialog.widget.js

@@ -1,7 +1,7 @@
 import { cx } from '@linaria/core';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import React__default from 'react';
 import { ModelTitleSkeletonStyle, ModelContentSkeletonStyle, ModelInitializingErrorStyle } from './SmallDialog.style.js';
-import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import Skeleton from '../Skeleton/index.js';
 import { Space } from 'antd';
 import { Typo } from '../Typo/index.js';

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

@@ -26,13 +26,14 @@ const Speed = ({
   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 } = formatSpeed(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 Speed$1 = Speed;
 

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

@@ -6,7 +6,8 @@ const CircleProgress = props => {
   const {
     percent,
     color = "#0080ff",
-    className
+    className,
+    "data-testid": dataTestId
   } = props;
   const wrapperRef = useRef(null);
   const childRef = useRef(null);
@@ -27,6 +28,7 @@ const CircleProgress = props => {
     childStyle.transform = `rotate(${deg}deg)`;
   }, [percent, color]);
   return /* @__PURE__ */React__default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs(CircleProgressStyle, className),
     ref: wrapperRef
   }, /* @__PURE__ */React__default.createElement("div", {

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

@@ -37,9 +37,10 @@ const Switch = _a => {
     {
       children,
       className,
-      checked
+      checked,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["children", "className", "checked"]);
+    props = __objRest(_b, ["children", "className", "checked", "data-testid"]);
   const Content = /*#__PURE__*/styled('span')({
     name: "Content",
     class: "E_c1up6e3y",
@@ -49,7 +50,8 @@ const Switch = _a => {
   if (props.size === "large") classNames.push("ant-switch-large");
   return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Switch$2, __spreadProps(__spreadValues({
     className: cx(...classNames),
-    checked: checked || false
+    checked: checked || false,
+    "data-testid": dataTestId
   }, props), {
     size: props.size
   })), children ? /* @__PURE__ */React__default.createElement(Content, null, children) : null);

package/dist/esm/core/Tab/Tab.js

@@ -19,7 +19,8 @@ const Tab = props => {
     onChange,
     selectedKey,
     extraSlot,
-    size = "medium"
+    size = "medium",
+    "data-testid": dataTestId
   } = props;
   const tabsRef = useRef(null);
   const extraSlotRef = useRef(null);
@@ -47,6 +48,7 @@ const Tab = props => {
     }
   }, [allTabs, onChange, selectedKey, tabs]);
   return /* @__PURE__ */React__default.createElement(TabMenuWrapper, {
+    "data-testid": dataTestId,
     className: cx(className, size)
   }, /* @__PURE__ */React__default.createElement("div", {
     className: "tab-bar"
@@ -57,6 +59,7 @@ const Tab = props => {
   tabs.map(tab => /* @__PURE__ */React__default.createElement("span", {
     className: cx("tab-item-title", "common", ...getSelectedStyle(tab.key, ActiveTabType.Common, selectedKey, activeTabType)),
     key: tab.key,
+    "data-testid": tab["data-testid"],
     onClick: () => onChange == null ? void 0 : onChange(tab.key)
   }, typeof tab.title === "function" ? tab.title({
     isActive: tab.key === selectedKey
@@ -75,13 +78,15 @@ const Tab = props => {
     }, moreTabs.map(tab => {
       return /* @__PURE__ */React__default.createElement(Menu.Item, {
         className: cx("tab-menu-item", ...getSelectedStyle(tab.key, ActiveTabType.More, selectedKey, activeTabType)),
-        key: tab.key
+        key: tab.key,
+        "data-testid": tab["data-testid"]
       }, typeof tab.title === "function" ? tab.title({
         isActive: tab.key === selectedKey
       }) : tab.title);
     }))
   }, /* @__PURE__ */React__default.createElement("span", {
-    className: cx("tab-item-title", "more", TabTitleElStyle, activeTabType === ActiveTabType.More && "__selected", activeTabType === ActiveTabType.More ? Typo.Label.l1_bold_title : Typo.Label.l1_regular)
+    className: cx("tab-item-title", "more", TabTitleElStyle, activeTabType === ActiveTabType.More && "__selected", activeTabType === ActiveTabType.More ? Typo.Label.l1_bold_title : Typo.Label.l1_regular),
+    "data-testid": dataTestId ? `${dataTestId}-more` : void 0
   }, /* @__PURE__ */React__default.createElement(Icon, {
     className: IconStyle,
     hoverSrc: MoreMenu16BlueIcon,

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

@@ -52,7 +52,8 @@ const Table = props => {
     pagination,
     onRow,
     skeletonProps,
-    expandable
+    expandable,
+    "data-testid": dataTestId
   } = props;
   const orderRef = useRef(null);
   const hasScrollBard = useTableBodyHasScrollBar(wrapper, _dataSource);
@@ -88,7 +89,8 @@ const Table = props => {
     return empty;
   }, [empty, error, loading]);
   return /* @__PURE__ */React__default.createElement("div", {
-    className: cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar")
+    className: cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar"),
+    "data-testid": dataTestId
   }, /* @__PURE__ */React__default.createElement(Table$2, {
     className: cs(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && emptyTableStyle, rowSelection && "has-selection"),
     bordered,

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

@@ -39,20 +39,38 @@ const TextArea = (_a) => {
   var _b = _a, {
     className,
     error,
-    size = "middle"
+    size = "middle",
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "className",
     "error",
-    "size"
+    "size",
+    "data-testid"
   ]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
+  const ref = React__default.useCallback(
+    (instance) => {
+      var _a2;
+      const el = (_a2 = instance == null ? void 0 : instance.resizableTextArea) == null ? void 0 : _a2.textArea;
+      if (!el)
+        return;
+      if (dataTestId) {
+        el.setAttribute("data-testid", dataTestId);
+      } else {
+        el.removeAttribute("data-testid");
+      }
+    },
+    [dataTestId]
+  );
   return /* @__PURE__ */ React__default.createElement(
     Input.TextArea,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues({
+      ref
+    }, props), {
       className: cs(
         className,
         InputStyle,

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

@@ -3,20 +3,21 @@ import dayjs from 'dayjs';
 import React__default from 'react';
 
 const timeWrapper = "E_tju3gfj";
-const Time = props => {
-  const {
-    className,
-    date,
-    dateTemplate = "YYYY-MM-DD",
-    timeTemplate = "HH:mm",
-    plainText
-  } = props;
+const Time = ({
+  className,
+  date,
+  dateTemplate = "YYYY-MM-DD",
+  timeTemplate = "HH:mm",
+  plainText,
+  "data-testid": dataTestId
+}) => {
   if (!date) return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, "-");
   const time = dayjs(date);
   if (plainText) {
     return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
   }
   return /* @__PURE__ */React__default.createElement("span", {
+    "data-testid": dataTestId,
     className: cs("time-wrapper", timeWrapper, className)
   }, dateTemplate !== null && /* @__PURE__ */React__default.createElement("span", {
     className: "date"

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

@@ -36,15 +36,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const TimePicker = (_a) => {
-  var _b = _a, {
-    className,
-    error,
-    size = "middle"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "error",
-    "size"
-  ]);
+  var _b = _a, { className, error, size = "middle" } = _b, props = __objRest(_b, ["className", "error", "size"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,

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

@@ -47,7 +47,8 @@ const TimeZoneSelect = props => {
     disabled,
     defaultUseBrowserTime,
     className,
-    placeholder
+    placeholder,
+    "data-testid": dataTestId
   } = props;
   const [innerValue, setInnerValue] = useState(value);
   const {
@@ -87,6 +88,7 @@ const TimeZoneSelect = props => {
     }));
   });
   return /* @__PURE__ */React__default.createElement(LegacySelect, {
+    "data-testid": dataTestId,
     className: cx(SelectStyle, className),
     dropdownClassName: DropdownStyle,
     placeholder: /* @__PURE__ */React__default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),