@cloudtower/eagle 0.0.0-config-rc-7 → 0.0.0-data-testid

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

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

package/dist/esm/core/Cascader/cascader.widget.js

@@ -1,13 +1,14 @@
 import { cx } from '@linaria/core';
 import Link from '../Link/index.js';
 import Token from '../Token/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { Flex } from 'antd5';
 import cs from 'classnames';
 import React__default, { useState } from 'react';
-import SearchInput from '../SearchInput/index.js';
 import { Typo } from '../Typo/index.js';
 import { CascaderNotData, CascaderDefaultHeaderContainer, CascaderDefaultHeaderSearch, CascaderDefaultHeader, DoubleRowOptionStyleWrapper, Hide, CascaderDefaultOptionLabel } from './cascader.style.js';
+import { SearchInput } from '../SearchInput/SearchInput.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -93,7 +94,7 @@ const CascaderOptionWithCount = ({ label, count }) => {
   return /* @__PURE__ */ React__default.createElement("div", { className: CascaderDefaultOptionLabel }, label, count ? /* @__PURE__ */ React__default.createElement("span", { className: "label" }, count.selected, "/", count.total) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null));
 };
 const defaultTagRender = (props) => {
-  return /* @__PURE__ */ React__default.createElement(Token, __spreadValues({ size: "medium", color: "blue", key: props.value }, props), props.label);
+  return /* @__PURE__ */ React__default.createElement(Token, __spreadValues({ size: "medium", color: "blue", key: props.value }, props), /* @__PURE__ */ React__default.createElement(OverflowTooltip, { content: props.label, tooltip: props.label }));
 };
 
 export { CascaderDoubleRowOption, CascaderOptionWithCount, NotDataContent, PresetCascaderHeader, PresetCascaderRender, defaultTagRender };

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

@@ -4,7 +4,7 @@ export { CascaderDefaultHeader, CascaderDefaultHeaderContainer, CascaderDefaultH
 import { PresetCascaderRender, NotDataContent, defaultTagRender } from './cascader.widget.js';
 export { CascaderDoubleRowOption, CascaderOptionWithCount, PresetCascaderHeader } from './cascader.widget.js';
 import Icon from '../Icon/index.js';
-import { Antd5ComponentPrefixCls } from '../../utils/constants.js';
+import { Antd5PrefixCls } from '../../utils/constants.js';
 import { Cascader as Cascader$1 } from 'antd5';
 import cs from 'classnames';
 import React__default from 'react';
@@ -53,7 +53,7 @@ const Cascader = (props) => {
     Cascader$1,
     __spreadValues({
       size,
-      prefixCls: Antd5ComponentPrefixCls["Cascader"],
+      prefixCls: `${Antd5PrefixCls}-cascader`,
       expandIcon: /* @__PURE__ */ React__default.createElement(Icon, { src: HierarchyTriangleRight16PrimaryIcon }),
       popupClassName: cs(
         {

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

@@ -40,7 +40,7 @@ const Checkbox = (_a) => {
   return /* @__PURE__ */ React__default.createElement(
     Checkbox$2,
     __spreadProps(__spreadValues({}, props), {
-      "data-test": props["data-test"] || props.value,
+      "data-testid": props["data-testid"] || props.value,
       className: cs(className, CheckboxStyle, compact && "compact")
     }),
     children ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: cs("main", Typo.Label.l2_regular) }, children), description ? /* @__PURE__ */ React__default.createElement("div", { className: cs("sub", Typo.Label.l4_regular) }, description) : null) : null

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

@@ -1,6 +1,14 @@
+import { useAntdPatchEnLocales } from '../../hooks/useAntdPatchEnLocales.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
 import { ConfigProvider as ConfigProvider$2 } from 'antd';
+import enUS from 'antd/lib/locale/en_US';
+import zhCN from 'antd/lib/locale/zh_CN';
 import { ConfigProvider as ConfigProvider$1 } from 'antd5';
-import React__default from 'react';
+import antd5enUS from 'antd5/lib/locale/en_US';
+import antd5zhCN from 'antd5/lib/locale/zh_CN';
+import dayjs from 'dayjs';
+import moment from 'moment';
+import React__default, { createContext, useContext, useEffect } from 'react';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -18,12 +26,41 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+const ConfigProviderContext = createContext({});
+const useConfig = () => {
+  return useContext(ConfigProviderContext);
+};
 const ConfigProvider = ({
   antd5Configs,
   antd4Configs,
+  config = {},
   children
 }) => {
-  return /* @__PURE__ */ React__default.createElement(ConfigProvider$1, __spreadValues({}, antd5Configs), /* @__PURE__ */ React__default.createElement(ConfigProvider$2, __spreadValues({}, antd4Configs), children));
+  const { i18n } = useParrotTranslation();
+  useEffect(() => {
+    const adjustDateLocale = (lng) => {
+      moment.locale(lng === "zh-CN" ? "zh-cn" : "en");
+      dayjs.locale(lng === "zh-CN" ? "zh-cn" : "en");
+    };
+    i18n.on("languageChanged", adjustDateLocale);
+    adjustDateLocale(i18n.language);
+  }, [i18n]);
+  const patchEnLocale = useAntdPatchEnLocales(enUS);
+  return /* @__PURE__ */ React__default.createElement(ConfigProviderContext.Provider, { value: config }, /* @__PURE__ */ React__default.createElement(
+    ConfigProvider$1,
+    __spreadValues({
+      autoInsertSpaceInButton: false,
+      locale: i18n.language === "zh-CN" ? antd5zhCN : antd5enUS
+    }, antd5Configs),
+    /* @__PURE__ */ React__default.createElement(
+      ConfigProvider$2,
+      __spreadValues({
+        autoInsertSpaceInButton: false,
+        locale: i18n.language === "zh-CN" ? zhCN : patchEnLocale
+      }, antd4Configs),
+      children
+    )
+  ));
 };
 
-export { ConfigProvider };
+export { ConfigProvider, useConfig };

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

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

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

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

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

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

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

@@ -0,0 +1,73 @@
+import { cx } from '@linaria/core';
+import Empty from '../Empty/index.js';
+import { ParrotTrans } from '../ParrotTrans/index.js';
+import { useFormatDuration } from '../../hooks/useFormatDuration.js';
+import { formatDuration } from '../../utils/formatDuration.js';
+import isEmpty from '../../utils/isEmpty.js';
+import React__default from 'react';
+import { UnitStyle } from '../Styled/index.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const Duration = ({
+  rawValue,
+  valueClassName,
+  unitClassName,
+  abbreviate,
+  emptyProps,
+  maxDisplayUnits = 2,
+  minUnit = "second",
+  noUnitOnZero = false,
+  contentRender,
+  "data-testid": dataTestId
+}) => {
+  const { parts } = useFormatDuration(rawValue != null ? rawValue : 0, {
+    maxDisplayUnits,
+    useAbbreviation: abbreviate,
+    minUnit
+  });
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
+  }
+  if (parts.length === 0) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
+  }
+  if (contentRender) {
+    const formatItems = formatDuration(rawValue, {
+      maxDisplayUnits,
+      minUnit
+    });
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, contentRender(formatItems));
+  }
+  const allZero = parts.every((part) => part.value === 0);
+  if (noUnitOnZero && allZero) {
+    return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId, className: cx("value", valueClassName) }, "0");
+  }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, parts.map((part, index) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: `${part.unit}-${index}` }, index > 0 && /* @__PURE__ */ React__default.createElement("span", null, " "), /* @__PURE__ */ React__default.createElement(
+    ParrotTrans,
+    {
+      parent: "span",
+      i18nKey: part.i18nKey,
+      count: part.value
+    },
+    /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }),
+    /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) })
+  ))));
+};
+var Duration$1 = Duration;
+
+export { Duration$1 as default };

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

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

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

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

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

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

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

@@ -30,12 +30,21 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const FieldsBoolean = (_a) => {
-  var _b = _a, { input, children } = _b, props = __objRest(_b, ["input", "children"]);
+  var _b = _a, {
+    input,
+    children,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "input",
+    "children",
+    "data-testid"
+  ]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     Checkbox,
     __spreadValues({
       checked: Boolean(input.value),
-      onChange: (e) => input.onChange(e.target.checked)
+      onChange: (e) => input.onChange(e.target.checked),
+      "data-testid": dataTestId
     }, props),
     children
   ));

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

@@ -1,9 +1,13 @@
 import { DatePicker } from 'antd';
 import React__default from 'react';
 
-const FieldsDateTime = ({ input }) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+const FieldsDateTime = ({
+  input,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
   DatePicker,
   {
+    "data-testid": dataTestId,
     onFocus: () => {
       var _a;
       return (_a = input.onFocus) == null ? void 0 : _a.call(input);

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

@@ -2,9 +2,25 @@ import { DatePicker } from 'antd';
 import moment from 'moment';
 import React__default from 'react';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -19,14 +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
+    }, inputWithTestId), {
       onFocus: () => {
         var _a3;
         return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);
@@ -35,12 +56,11 @@ const FieldsDateTimeRange = (_a) => {
         var _a3;
         return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
       },
-      showTime: true,
       defaultValue: (_a2 = input.value) == null ? void 0 : _a2.map((v) => v && moment(v)),
       onChange: input.onChange,
       value: (_b2 = input.value) == null ? void 0 : _b2.map((v) => v && moment(v)),
       format: props.format
-    }
+    })
   ));
 };
 var FieldsDateTimeRange$1 = FieldsDateTimeRange;

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

@@ -1,6 +1,6 @@
-import { Select as Select$1 } from 'antd';
+import { Select } from 'antd';
 import React__default from 'react';
-import Select from '../../Select/index.js';
+import LegacySelect from '../../LegacySelect/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -34,16 +34,18 @@ 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(Select, __spreadValues({}, restProps), emptyLabel && /* @__PURE__ */ React__default.createElement(Select$1.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$1.Option,
+      Select.Option,
       {
         key: item.value,
         value: item.value,

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);