@cloudtower/eagle 490.0.8 → 490.0.9

package/dist/esm/core/Fields/FieldsDateTimeRange/index.js

@@ -35,16 +35,19 @@ var __objRest = (source, exclude) => {
 };
 const FieldsDateTimeRange = (_a) => {
   var _b = _a, {
-    input
+    input,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
-    "input"
+    "input",
+    "data-testid"
   ]);
   var _a2, _b2;
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.createElement(
     DatePicker.RangePicker,
     __spreadProps(__spreadValues({
       showTime: true
-    }, input), {
+    }, inputWithTestId), {
       onFocus: () => {
         var _a3;
         return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);

package/dist/esm/core/Fields/FieldsEnum/index.js

@@ -34,13 +34,15 @@ const FieldsEnum = (_a) => {
   var _b = _a, {
     meta: __,
     enumValues,
-    emptyLabel
+    emptyLabel,
+    "data-testid": dataTestId
   } = _b, restProps = __objRest(_b, [
     "meta",
     "enumValues",
-    "emptyLabel"
+    "emptyLabel",
+    "data-testid"
   ]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(LegacySelect, __spreadValues({}, restProps), emptyLabel && /* @__PURE__ */ React__default.createElement(Select.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(LegacySelect, __spreadValues({ "data-testid": dataTestId }, restProps), emptyLabel && /* @__PURE__ */ React__default.createElement(Select.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
     const item = typeof v === "string" ? { value: v, text: v } : v;
     return /* @__PURE__ */ React__default.createElement(
       Select.Option,

package/dist/esm/core/Fields/FieldsFloat/index.js

@@ -37,16 +37,19 @@ const FieldsFloat = (_a) => {
     input,
     meta,
     onBlur,
-    autoComplete = "off"
+    autoComplete = "off",
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
     "onBlur",
-    "autoComplete"
+    "autoComplete",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     InputNumber,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       onBlur: (e) => onBlur ? onBlur(input, e) : input.onBlur(e),
       autoComplete,
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)

package/dist/esm/core/Fields/FieldsInt/index.js

@@ -38,17 +38,20 @@ const FieldsInt = (_a) => {
     meta,
     onBlur,
     autoComplete = "off",
-    supportNegativeValue = false
+    supportNegativeValue = false,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
     "onBlur",
     "autoComplete",
-    "supportNegativeValue"
+    "supportNegativeValue",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     Input,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       onChange: (e) => {
         const value = e.currentTarget.value;
         if (supportNegativeValue) {

package/dist/esm/core/Fields/FieldsInteger/index.js

@@ -36,15 +36,18 @@ const FieldsInteger = (_a) => {
   var _b = _a, {
     meta,
     input,
-    onBlur
+    onBlur,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "meta",
     "input",
-    "onBlur"
+    "onBlur",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     InputInteger,
-    __spreadProps(__spreadValues(__spreadValues({}, props), input), {
+    __spreadProps(__spreadValues(__spreadValues({}, props), inputWithTestId), {
       onBlur: (e) => onBlur ? onBlur(input, e) : input.onBlur(e),
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
     })

package/dist/esm/core/Fields/FieldsString/index.js

@@ -52,7 +52,8 @@ const FieldsString = (_a) => {
     onTagsAllowClearClick,
     onClick,
     maxLength,
-    focusIndicator
+    focusIndicator,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
@@ -65,12 +66,15 @@ const FieldsString = (_a) => {
     "onTagsAllowClearClick",
     "onClick",
     "maxLength",
-    "focusIndicator"
+    "focusIndicator",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   if (tags == null ? void 0 : tags.length) {
     return /* @__PURE__ */ React__default.createElement(
       "div",
       {
+        "data-testid": dataTestId,
         className: cs(
           className,
           KitInputStyle,
@@ -80,7 +84,13 @@ const FieldsString = (_a) => {
         onClick
       },
       /* @__PURE__ */ React__default.createElement("div", { className: "input-tags-inner" }, /* @__PURE__ */ React__default.createElement(Overflow, { overflow: tagsOverflow }, /* @__PURE__ */ React__default.createElement("span", { className: "tags-overflow-auto" }, tags.map((tag) => /* @__PURE__ */ React__default.createElement(InputTagItem, { key: tag }, tag))))),
-      /* @__PURE__ */ React__default.createElement("span", { className: "input-tag-suffix" }, allowClear && /* @__PURE__ */ React__default.createElement(CloseCircleFilled, { onClick: onTagsAllowClearClick }))
+      /* @__PURE__ */ React__default.createElement("span", { className: "input-tag-suffix" }, allowClear && /* @__PURE__ */ React__default.createElement(
+        CloseCircleFilled,
+        {
+          "data-testid": dataTestId ? `${dataTestId}-clear` : void 0,
+          onClick: onTagsAllowClearClick
+        }
+      ))
     );
   }
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
@@ -91,7 +101,7 @@ const FieldsString = (_a) => {
         KitInputStyle,
         focusIndicator && "has-focus-indicator"
       )
-    }, input), {
+    }, inputWithTestId), {
       autoComplete: props.type === "password" ? "new-password" : autoComplete,
       size,
       allowClear,

package/dist/esm/core/Fields/FieldsTextArea/index.js

@@ -36,15 +36,18 @@ const FieldsTextArea = (_a) => {
   var _b = _a, {
     input,
     meta,
-    onFocusChangeHeight
+    onFocusChangeHeight,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
-    "onFocusChangeHeight"
+    "onFocusChangeHeight",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     TextArea,
-    __spreadProps(__spreadValues(__spreadValues({}, input), props), {
+    __spreadProps(__spreadValues(__spreadValues({}, inputWithTestId), props), {
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError),
       onFocus: (e) => {
         input.onFocus(e);

package/dist/esm/core/Fields/FieldsTimePicker/index.js

@@ -1,6 +1,6 @@
+import { ConfigProvider } from '../../ConfigProvider/index.js';
 import React__default from 'react';
 import TimePicker from '../../TimePicker/index.js';
-import { ConfigProvider } from '../../ConfigProvider/index.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -36,14 +36,17 @@ var __objRest = (source, exclude) => {
 const FieldsTimePicker = (_a) => {
   var _b = _a, {
     input,
-    meta
+    meta,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
-    "meta"
+    "meta",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.createElement(ConfigProvider, null, /* @__PURE__ */ React__default.createElement(
     TimePicker,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
     }), props)
   ));

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

@@ -22,12 +22,26 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
 const {
   Item: AntdFormItem
 } = Form;
 const FormItemStyle = "E_f7pxqmh";
-const FormItem = props => {
+const FormItem = _a => {
+  var _b = _a,
+    {
+      "data-testid": dataTestId
+    } = _b,
+    props = __objRest(_b, ["data-testid"]);
   return /* @__PURE__ */React__default.createElement(AntdFormItem, __spreadProps(__spreadValues({}, props), {
+    "data-testid": dataTestId,
     className: cs(FormItemStyle, props.className)
   }));
 };

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

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

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

@@ -8,9 +8,9 @@ import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { Modal } from 'antd';
 import cs from 'classnames';
-import React__default, { useMemo } from 'react';
+import React__default, { useCallback, useMemo } from 'react';
 import { ModelTitleSkeleton, ModelContentSkeleton, ModelInitializingError } from '../SmallDialog/SmallDialog.widget.js';
-import { FooterStyle, FooterButtonStyle, ErrorStyle, ErrorIconStyle, ErrorTextStyle, FooterButtonRightStyle, TitleStyle, ImmersiveDialogStyle, FullContentStyle, MultiAreaStyle, CloseIconStyle, BodyStyle, MultiAreaBodyStyle, CancelButtonStyle } from './styles.js';
+import { FooterStyle, FooterButtonStyle, ErrorStyle, ErrorIconStyle, ErrorTextStyle, FooterButtonRightStyle, CancelButtonStyle, TitleStyle, ImmersiveDialogStyle, FullContentStyle, MultiAreaStyle, CloseIconStyle, BodyStyle, MultiAreaBodyStyle } from './styles.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -67,7 +67,8 @@ function ImmersiveDialog(props) {
     onCancel,
     onOk,
     initializing,
-    initializingError
+    initializingError,
+    "data-testid": dataTestId
   } = _a, restProps = __objRest(_a, [
     "className",
     "title",
@@ -94,10 +95,15 @@ function ImmersiveDialog(props) {
     "onCancel",
     "onOk",
     "initializing",
-    "initializingError"
+    "initializingError",
+    "data-testid"
   ]);
   const { t } = useParrotTranslation();
   const popModal = usePopModal();
+  const sub = useCallback(
+    (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0,
+    [dataTestId]
+  );
   const defaultTitle = initializingError ? t("common.load_failed") : "";
   const defaultCancelText = showOk ? t("common.cancel") : t("common.close");
   const defaultOkText = initializingError ? t("common.retry") : t("common.confirm");
@@ -134,6 +140,7 @@ function ImmersiveDialog(props) {
         size: "large",
         type: "quiet",
         className: CancelButtonStyle,
+        "data-testid": sub("cancel"),
         onMouseDown: (e) => {
           e.preventDefault();
         },
@@ -151,7 +158,8 @@ function ImmersiveDialog(props) {
           onOk == null ? void 0 : onOk(e);
         },
         type: "primary",
-        loading: confirmLoading
+        loading: confirmLoading,
+        "data-testid": sub("ok")
       }, okButtonProps),
       _confirmText
     ) : null));
@@ -163,6 +171,7 @@ function ImmersiveDialog(props) {
     error,
     showFooterErrorIcon,
     showCancel,
+    sub,
     cancelButtonProps,
     _cancelText,
     showOk,
@@ -176,6 +185,7 @@ function ImmersiveDialog(props) {
   return /* @__PURE__ */ React__default.createElement(
     Modal,
     __spreadValues({
+      "data-testid": dataTestId,
       width: "calc(100% - 20px)",
       title: initializing ? /* @__PURE__ */ React__default.createElement(ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.createElement("span", { className: cx(Typo.Display.d1_bold_title, TitleStyle) }, title || defaultTitle),
       className: cs(
@@ -194,7 +204,8 @@ function ImmersiveDialog(props) {
           className: CloseIconStyle,
           iconHeight: 24,
           iconWidth: 24,
-          hoverSrc: XmarkCloseBold24SecondaryIcon
+          hoverSrc: XmarkCloseBold24SecondaryIcon,
+          "data-testid": sub("close")
         }
       ),
       footer: finalFooter,

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

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

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

@@ -66,15 +66,27 @@ const InputInteger = _a => {
       prefix,
       max,
       min,
-      controls = false
+      controls = false,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "max", "min", "controls"]);
+    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "max", "min", "controls", "data-testid"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.createElement(AntdIntStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.createElement(AntdIntStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     formatter: formatterInteger,
     parser: formatterInteger,

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

@@ -63,15 +63,27 @@ const InputNumber = _a => {
       size = "middle",
       suffix,
       prefix,
-      controls = true
+      controls = true,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "controls"]);
+    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "controls", "data-testid"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.createElement(AntdInputNumberStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.createElement(AntdInputNumberStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     controls,
     "data-test": props.name,

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

@@ -44,15 +44,27 @@ const InputPassword = _a => {
     {
       size = "small",
       error,
-      className
+      className,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["size", "error", "className"]);
+    props = __objRest(_b, ["size", "error", "className", "data-testid"]);
   const typo = {
     large: Typo.Label.l2_regular,
     middle: Typo.Label.l3_regular,
     small: Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.createElement(AntdPasswordInputStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.createElement(AntdPasswordInputStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     className: cs(className, InputStyle, typo, error && "error")
   }));

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

@@ -60,7 +60,8 @@ const LegacySelect = (_a) => {
     danger,
     size = "middle",
     meta,
-    placeholder
+    placeholder,
+    "data-testid": dataTestId
   } = _b, restProps = __objRest(_b, [
     "input",
     "multiple",
@@ -80,7 +81,8 @@ const LegacySelect = (_a) => {
     "danger",
     "size",
     "meta",
-    "placeholder"
+    "placeholder",
+    "data-testid"
   ]);
   var _a2;
   const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
@@ -109,11 +111,23 @@ const LegacySelect = (_a) => {
         "ant-select-selection-item"
       )[0];
       inputDom && (placeholder || item) && inputDom.setAttribute(
-        "data-test",
+        "data-testid",
         String(placeholder || item.textContent)
       );
     }
   }, [selectRef, placeholder]);
+  useEffect(() => {
+    if (!selectRef.current)
+      return;
+    const realDom = findDOMNode(selectRef.current);
+    if (!realDom)
+      return;
+    if (dataTestId) {
+      realDom.setAttribute("data-testid", dataTestId);
+    } else {
+      realDom.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
   useLegacyComponentWarning(
     "Warning: LegacySelect is deprecated and will be removed in future versions. Please use Select instead."
   );
@@ -170,7 +184,7 @@ const LegacySelect = (_a) => {
     React__default.Children.map(children, (child) => {
       return isElement(child) ? __spreadProps(__spreadValues({}, child), {
         props: __spreadProps(__spreadValues({}, child.props), {
-          "data-test": child.props.value
+          "data-testid": dataTestId ? `${dataTestId}-option-${child.props.value}` : void 0
         })
       }) : child;
     })

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

@@ -28,6 +28,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const LineChart = React__default.forwardRef(
   (props, ref) => {
     const {
+      "data-testid": dataTestId,
       height = 154,
       showPointer = true,
       showLegend = true,
@@ -45,6 +46,7 @@ const LineChart = React__default.forwardRef(
       {
         className: cs("metric-wrapper", !showXaxis && "hidden-xaxis"),
         ref: wrapperRef,
+        "data-testid": dataTestId,
         style: { height: showLegend ? height + 30 : height }
       },
       /* @__PURE__ */ React__default.createElement(RenderChart, __spreadProps(__spreadValues({}, chartProps), { width })),

package/dist/esm/core/LocalUpload/LocalUpload.js

@@ -22,6 +22,7 @@ var __spreadValues = (a, b) => {
 const UploadComp = React__default.forwardRef(
   ({
     className,
+    "data-testid": dataTestId,
     label,
     description,
     type = "dragger",
@@ -50,39 +51,51 @@ const UploadComp = React__default.forwardRef(
     };
     const _maxCount = multiple ? maxCount || Infinity : 1;
     const isSingleSelect = _maxCount === 1;
-    return /* @__PURE__ */ React__default.createElement(UploadComp.Wrapper, { className, ref }, label ? /* @__PURE__ */ React__default.createElement(UploadComp.Label, null, label) : null, description ? /* @__PURE__ */ React__default.createElement(UploadComp.Description, null, description) : null, type === "button" ? /* @__PURE__ */ React__default.createElement(
-      UploadComp.Button,
-      __spreadValues({}, __spreadValues({
-        accept,
-        multiple,
-        disabled,
-        maxCount,
-        fileList,
-        setFileList,
-        validate
-      }, buttonProps)),
-      t("components.select_file")
-    ) : /* @__PURE__ */ React__default.createElement(
-      UploadComp.Dragger,
-      __spreadValues({}, {
-        accept,
-        multiple,
-        disabled,
-        maxCount,
-        fileList,
-        setFileList,
-        validate
-      })
-    ), info != null ? info : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), type === "button" || !isSingleSelect ? /* @__PURE__ */ React__default.createElement(
-      UploadComp.FileList,
+    return /* @__PURE__ */ React__default.createElement(
+      UploadComp.Wrapper,
       {
-        fileList,
-        removeFile,
-        type: listType,
-        disableRemove: disableRemoveList,
-        onRemove
-      }
-    ) : null);
+        className,
+        ref,
+        "data-testid": dataTestId
+      },
+      label ? /* @__PURE__ */ React__default.createElement(UploadComp.Label, null, label) : null,
+      description ? /* @__PURE__ */ React__default.createElement(UploadComp.Description, null, description) : null,
+      type === "button" ? /* @__PURE__ */ React__default.createElement(
+        UploadComp.Button,
+        __spreadValues({}, __spreadValues({
+          accept,
+          multiple,
+          disabled,
+          maxCount,
+          fileList,
+          setFileList,
+          validate
+        }, buttonProps)),
+        t("components.select_file")
+      ) : /* @__PURE__ */ React__default.createElement(
+        UploadComp.Dragger,
+        __spreadValues({}, {
+          accept,
+          multiple,
+          disabled,
+          maxCount,
+          fileList,
+          setFileList,
+          validate
+        })
+      ),
+      info != null ? info : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null),
+      type === "button" || !isSingleSelect ? /* @__PURE__ */ React__default.createElement(
+        UploadComp.FileList,
+        {
+          fileList,
+          removeFile,
+          type: listType,
+          disableRemove: disableRemoveList,
+          onRemove
+        }
+      ) : null
+    );
   }
 );
 UploadComp.Wrapper = UploadWrapper;

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

@@ -28,7 +28,8 @@ const Metric = (props) => {
     showPointer = true,
     showLegend = true,
     showXaxis = false,
-    chartProps
+    chartProps,
+    "data-testid": dataTestId
   } = props;
   const [width, setWidth] = useState();
   const wrapperRef = useRef(null);
@@ -39,6 +40,7 @@ const Metric = (props) => {
   return /* @__PURE__ */ React__default.createElement(ErrorBoundary, { i18n: parrotI18n }, /* @__PURE__ */ React__default.createElement(
     MetricWrapper,
     {
+      "data-testid": dataTestId,
       className: cs("metric-wrapper", !showXaxis && "hidden-xaxis"),
       ref: wrapperRef,
       style: { height: showLegend ? height + 30 : height }