@cloudtower/eagle 490.0.7 → 490.0.9

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

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

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

@@ -26,7 +26,8 @@ const Pagination = props => {
     onSizeChange,
     showTotal = true,
     className,
-    selectorVisible = true
+    selectorVisible = true,
+    "data-testid": dataTestId
   } = props;
   const sizeRef = React.useRef(size);
   const {
@@ -70,11 +71,13 @@ const Pagination = props => {
           title: t("components.push_to")
         }, selectOptions.map(option => /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
           key: option.value,
+          "data-testid": dataTestId ? `${dataTestId}-page-${option.value}` : void 0,
           onClick: () => onChange(option.value)
         }, option.text))))
       }, /* @__PURE__ */React__default.default.createElement(index$1, {
         alt: "arrowChevronDownSmall16Secondary",
         className: "pagination-left dropdown-trigger",
+        "data-testid": dataTestId ? `${dataTestId}-dropdown` : void 0,
         src: iconsReact.ArrowChevronDownSmall16SecondaryIcon,
         hoverSrc: iconsReact.ArrowChevronDownSmall16BlueIcon,
         prefix: content
@@ -88,6 +91,7 @@ const Pagination = props => {
     return null;
   }
   return /* @__PURE__ */React__default.default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs__default.default(PaginationStyle, "pagination-wrapper", className, selectorVisible && "has-selector")
   }, renderLeft(), /* @__PURE__ */React__default.default.createElement("span", {
     className: "pagination-right"
@@ -95,6 +99,7 @@ const Pagination = props => {
     className: "prev-btn",
     type: "quiet",
     size: "small",
+    "data-testid": dataTestId ? `${dataTestId}-prev` : void 0,
     prefixIcon: /* @__PURE__ */React__default.default.createElement(index$1, {
       alt: "arrowChevronLeftSmall16BoldBlue",
       src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
@@ -108,6 +113,7 @@ const Pagination = props => {
     className: "next-btn",
     type: "quiet",
     size: "small",
+    "data-testid": dataTestId ? `${dataTestId}-next` : void 0,
     suffixIcon: /* @__PURE__ */React__default.default.createElement(index$1, {
       alt: "arrowChevronLeftSmall16BoldBlue",
       src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon

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

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

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

@@ -85,9 +85,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";
@@ -118,7 +119,8 @@ const Progress = _a => {
   }
   return /* @__PURE__ */React__default.default.createElement(ProgressContainer, {
     type,
-    className: core.cx(className, progress_style.ProgressStyle)
+    className: core.cx(className, progress_style.ProgressStyle),
+    "data-testid": dataTestId
   }, titleNode ? /* @__PURE__ */React__default.default.createElement(Row, null, titleNode, statusTextNode) : null, /* @__PURE__ */React__default.default.createElement(antd5.Progress, __spreadProps(__spreadValues({
     className: isBaseProgress ? progress_style.BaseProgressStyle : "",
     strokeWidth: storkeWidth,

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

@@ -49,9 +49,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;
@@ -64,6 +65,7 @@ const Radio = _a => {
   return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(antd.Radio, __spreadValues({
     className: core.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));
 };
@@ -71,15 +73,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.default.createElement(KitRadioGroupContext.Provider, {
     value: {
       disabled: props.disabled,
       name: props.name
     }
   }, /* @__PURE__ */React__default.default.createElement(antd.Radio.Group, __spreadValues({
+    "data-testid": dataTestId,
     className: core.cx(className, RadioGroupStyle)
   }, props), children ? children : null));
 };
@@ -87,9 +91,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",
@@ -108,6 +113,7 @@ const RadioButton = _e => {
       className: "ant-radio-button-input",
       placeholder,
       disabled: inputDisabled,
+      "data-testid": dataTestId ? `${dataTestId}-input-number` : void 0,
       value: !___default.default.isNil(inputValue) ? Number(inputValue) : void 0,
       min,
       max,
@@ -122,6 +128,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);
@@ -137,7 +144,8 @@ const RadioButton = _e => {
   };
   return /* @__PURE__ */React__default.default.createElement(antd.Radio.Button, __spreadValues({
     className: core.cx(className, RadioButtonStyle),
-    value: radioButtonValue
+    value: radioButtonValue,
+    "data-testid": dataTestId
   }, props), renderChildren());
 };
 var Radio$1 = Radio;

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

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

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

@@ -22,11 +22,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;
@@ -39,6 +41,7 @@ const SimplePagination = props => {
     }
   }, [onPageChange, pageLength]);
   return /* @__PURE__ */React__default.default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs__default.default(index.PaginationStyle, "pagination-wrapper", className)
   }, /* @__PURE__ */React__default.default.createElement("span", {
     className: index$1.Typo.Label.l3_regular_title
@@ -50,6 +53,7 @@ const SimplePagination = props => {
     className: "prev-btn",
     type: "quiet",
     size: "small",
+    "data-testid": sub("prev"),
     style: {
       marginRight: "8px"
     },
@@ -64,6 +68,7 @@ const SimplePagination = props => {
     className: cs__default.default(index$1.Typo.Label.l3_regular, inputStyle),
     value: current,
     size: "small",
+    "data-testid": sub("input"),
     onKeyDown: event => {
       if (event.key === "Enter") {
         changeValue(event.target.value);
@@ -78,6 +83,7 @@ const SimplePagination = props => {
     className: "next-btn",
     type: "quiet",
     size: "small",
+    "data-testid": sub("next"),
     style: {
       marginLeft: "8px"
     },

package/dist/cjs/core/SmallDialog/SmallDialog.js

@@ -64,10 +64,12 @@ const SmallDialog = ({
   confirmLoading,
   initializing,
   initializingError,
-  initializingSkeletonRows
+  initializingSkeletonRows,
+  "data-testid": dataTestId
 }) => {
   const { t } = useParrotTranslation();
   const popModal = index.usePopModal();
+  const sub = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
   const handleClose = () => {
     if (onCancel) {
       onCancel(popModal);
@@ -90,6 +92,7 @@ const SmallDialog = ({
     antd.Modal,
     {
       visible: true,
+      "data-testid": dataTestId,
       width,
       title: initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.default.createElement(CustomTitleRender, { title: title || defaultTitle }),
       footer: initializing ? null : hideFooter ? /* @__PURE__ */ React__default.default.createElement("div", null) : /* @__PURE__ */ React__default.default.createElement(
@@ -128,7 +131,8 @@ const SmallDialog = ({
           __spreadValues({
             type: showOk ? "quiet" : "ordinary",
             onClick: handleClose,
-            className: index$2.Typo.Label.l2_bold_title
+            className: index$2.Typo.Label.l2_bold_title,
+            "data-testid": sub("cancel")
           }, cancelButtonProps),
           cancelText || defaultCancelText
         ), showOk && /* @__PURE__ */ React__default.default.createElement(
@@ -136,7 +140,8 @@ const SmallDialog = ({
           __spreadValues({
             type: "primary",
             onClick: handleOk,
-            loading: confirmLoading
+            loading: confirmLoading,
+            "data-testid": sub("ok")
           }, okButtonProps),
           okText || defaultOkText
         ))
@@ -155,7 +160,8 @@ const SmallDialog = ({
           className: SmallDialog_style.CloseIconStyle,
           iconHeight: 24,
           iconWidth: 24,
-          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon
+          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon,
+          "data-testid": sub("close")
         }
       )
     },

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var core = require('@linaria/core');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var React = require('react');
 var SmallDialog_style = require('./SmallDialog.style.js');
-var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var index = require('../Skeleton/index.js');
 var antd = require('antd');
 var index$1 = require('../Typo/index.js');

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

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

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

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

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

@@ -43,9 +43,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__*/react.styled('span')({
     name: "Content",
     class: "E_c1up6e3y",
@@ -55,7 +56,8 @@ const Switch = _a => {
   if (props.size === "large") classNames.push("ant-switch-large");
   return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(antd.Switch, __spreadProps(__spreadValues({
     className: core.cx(...classNames),
-    checked: checked || false
+    checked: checked || false,
+    "data-testid": dataTestId
   }, props), {
     size: props.size
   })), children ? /* @__PURE__ */React__default.default.createElement(Content, null, children) : null);

package/dist/cjs/core/Tab/Tab.js

@@ -25,7 +25,8 @@ const Tab = props => {
     onChange,
     selectedKey,
     extraSlot,
-    size = "medium"
+    size = "medium",
+    "data-testid": dataTestId
   } = props;
   const tabsRef = React.useRef(null);
   const extraSlotRef = React.useRef(null);
@@ -53,6 +54,7 @@ const Tab = props => {
     }
   }, [allTabs, onChange, selectedKey, tabs]);
   return /* @__PURE__ */React__default.default.createElement(Tab_style.TabMenuWrapper, {
+    "data-testid": dataTestId,
     className: core.cx(className, size)
   }, /* @__PURE__ */React__default.default.createElement("div", {
     className: "tab-bar"
@@ -63,6 +65,7 @@ const Tab = props => {
   tabs.map(tab => /* @__PURE__ */React__default.default.createElement("span", {
     className: core.cx("tab-item-title", "common", ...getSelectedStyle(tab.key, Tab_type.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
@@ -81,13 +84,15 @@ const Tab = props => {
     }, moreTabs.map(tab => {
       return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
         className: core.cx("tab-menu-item", ...getSelectedStyle(tab.key, Tab_type.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.default.createElement("span", {
-    className: core.cx("tab-item-title", "more", Tab_style.TabTitleElStyle, activeTabType === Tab_type.ActiveTabType.More && "__selected", activeTabType === Tab_type.ActiveTabType.More ? index.Typo.Label.l1_bold_title : index.Typo.Label.l1_regular)
+    className: core.cx("tab-item-title", "more", Tab_style.TabTitleElStyle, activeTabType === Tab_type.ActiveTabType.More && "__selected", activeTabType === Tab_type.ActiveTabType.More ? index.Typo.Label.l1_bold_title : index.Typo.Label.l1_regular),
+    "data-testid": dataTestId ? `${dataTestId}-more` : void 0
   }, /* @__PURE__ */React__default.default.createElement(index$1, {
     className: Tab_style.IconStyle,
     hoverSrc: iconsReact.MoreMenu16BlueIcon,

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

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

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

@@ -46,20 +46,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: index.Typo.Label.l2_regular,
     middle: index.Typo.Label.l3_regular,
     small: index.Typo.Label.l4_regular
   }[size];
+  const ref = React__default.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.default.createElement(
     antd.Input.TextArea,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues({
+      ref
+    }, props), {
       className: cs__default.default(
         className,
         index$1.InputStyle,

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

@@ -11,20 +11,21 @@ var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var React__default = /*#__PURE__*/_interopDefault(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.default.createElement(React__default.default.Fragment, null, "-");
   const time = dayjs__default.default(date);
   if (plainText) {
     return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
   }
   return /* @__PURE__ */React__default.default.createElement("span", {
+    "data-testid": dataTestId,
     className: cs__default.default("time-wrapper", timeWrapper, className)
   }, dateTemplate !== null && /* @__PURE__ */React__default.default.createElement("span", {
     className: "date"

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

@@ -43,15 +43,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: index.Typo.Label.l2_regular,
     middle: index.Typo.Label.l3_regular,

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

@@ -54,7 +54,8 @@ const TimeZoneSelect = props => {
     disabled,
     defaultUseBrowserTime,
     className,
-    placeholder
+    placeholder,
+    "data-testid": dataTestId
   } = props;
   const [innerValue, setInnerValue] = React.useState(value);
   const {
@@ -94,6 +95,7 @@ const TimeZoneSelect = props => {
     }));
   });
   return /* @__PURE__ */React__default.default.createElement(index$1, {
+    "data-testid": dataTestId,
     className: core.cx(SelectStyle, className),
     dropdownClassName: DropdownStyle,
     placeholder: /* @__PURE__ */React__default.default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),