@cloudtower/eagle 0.0.0-no-uikit-1 → 0.0.0-theme-rc-1

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

@@ -11,7 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const TableLoadingStyle = "E_t13ef470";
+const TableLoadingStyle = "E_0_0_0_theme_rc_1_t13ef470";
 const TableLoading = () => {
   const sizes = useElementsSize({
     loading: ".ant-table-wrapper .ant-spin"

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@linaria/core');
-var index = require('../Loading/index.js');
 var common = require('./common.js');
 var TableWidget = require('./TableWidget.js');
 var antd = require('antd');
 var cs = require('classnames');
 var React = require('react');
+var TableSkeleton = require('./TableSkeleton.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -35,13 +35,14 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const TableContainerStyle = "E_tc97u5y";
-const tableStyleCover = "E_tfzf37v";
+const TableContainerStyle = "E_0_0_0_theme_rc_1_tc97u5y";
+const emptyTableStyle = "E_0_0_0_theme_rc_1_efzf37v";
+const tableStyleCover = "E_0_0_0_theme_rc_1_t1fisho6";
 const Table = props => {
   const {
-    loading,
+    loading = false,
     error,
-    dataSource,
+    dataSource: _dataSource,
     columns,
     onSorterChange,
     onRowClick,
@@ -52,14 +53,18 @@ const Table = props => {
     rowSelection,
     empty,
     tableLayout = "fixed",
-    initLoading,
+    // FIXME Should be removed at 0.30.x
+    initLoading = false,
     rowKey,
     wrapper,
     pagination,
-    onRow
+    onRow,
+    skeletonProps,
+    expandable,
+    "data-testid": dataTestId
   } = props;
   const orderRef = React.useRef(null);
-  const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, dataSource);
+  const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, _dataSource);
   const _columns = React.useMemo(() => columns.map(column => {
     const _column = __spreadValues({}, column);
     if (_column.sorter && typeof _column.title !== "function") {
@@ -73,19 +78,38 @@ const Table = props => {
     }
     return _column;
   }), [columns]);
+  const dataSource = React.useMemo(() => {
+    if (loading) {
+      return _dataSource;
+    }
+    if (!!error) {
+      return [];
+    }
+    return _dataSource != null ? _dataSource : [];
+  }, [_dataSource, error, loading]);
+  const emptyText = React.useMemo(() => {
+    if (loading) {
+      return "";
+    }
+    if (!!error) {
+      return error;
+    }
+    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) && "empty-table", initLoading && "table-init-loading", rowSelection && "has-selection"),
+    className: cs__default.default(tableStyleCover, !(dataSource == null ? void 0 : dataSource.length) && emptyTableStyle, rowSelection && "has-selection"),
     bordered,
     loading: {
-      spinning: loading,
-      indicator: initLoading ? /* @__PURE__ */React__default.default.createElement(TableWidget.TableLoading, null) : /* @__PURE__ */React__default.default.createElement(index, null)
+      spinning: loading || initLoading,
+      indicator: /* @__PURE__ */React__default.default.createElement(TableSkeleton.TableSkeleton, __spreadValues({}, skeletonProps))
     },
     locale: {
-      emptyText: error || /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, loading ? "" : empty)
+      emptyText
     },
-    dataSource: dataSource || [],
+    dataSource,
     pagination: pagination || false,
     columns: _columns,
     components,
@@ -106,7 +130,8 @@ const Table = props => {
     rowSelection: rowSelection && __spreadProps(__spreadValues({}, rowSelection), {
       columnWidth: 32
     }),
-    showSorterTooltip: false
+    showSorterTooltip: false,
+    expandable
   }));
 };
 var Table$1 = Table;
@@ -116,5 +141,7 @@ exports.ColumnTitle = TableWidget.ColumnTitle;
 exports.EmptyRowMenu = TableWidget.EmptyRowMenu;
 exports.KitTableContext = TableWidget.KitTableContext;
 exports.TableLoading = TableWidget.TableLoading;
+exports.TableSkeleton = TableSkeleton.TableSkeleton;
 exports.default = Table$1;
+exports.emptyTableStyle = emptyTableStyle;
 exports.tableStyleCover = tableStyleCover;

package/dist/cjs/core/TableForm/AddRowButton.js

@@ -46,9 +46,17 @@ var __objRest = (source, exclude) => {
 };
 const AddRowButton = (props) => {
   const {
-    config: { maximum, className, CustomizedButton, buttonProps, text },
+    config: {
+      maximum,
+      className,
+      CustomizedButton,
+      buttonProps,
+      text,
+      extraAction
+    },
+    style: style$1,
     columns,
-    updateData,
+    addData,
     data
   } = props;
   const { t } = useParrotTranslation();
@@ -63,7 +71,7 @@ const AddRowButton = (props) => {
     const newData = [...data2];
     const newRow = utils.genEmptyRow(columns);
     newData.push(newRow);
-    updateData(newData);
+    addData(newData);
     onClick == null ? void 0 : onClick(e);
   };
   const disabled = React.useMemo(
@@ -80,7 +88,7 @@ const AddRowButton = (props) => {
   if (!columns.length) {
     return null;
   }
-  return CustomizedButton ? /* @__PURE__ */ React__default.default.createElement(CustomizedButton, __spreadValues({}, props)) : /* @__PURE__ */ React__default.default.createElement(style.AddRowButtonWrapper, { className }, /* @__PURE__ */ React__default.default.createElement(
+  return CustomizedButton ? /* @__PURE__ */ React__default.default.createElement(CustomizedButton, __spreadValues({}, props)) : /* @__PURE__ */ React__default.default.createElement(style.AddRowButtonWrapper, { className, style: style$1 }, /* @__PURE__ */ React__default.default.createElement(
     index,
     __spreadProps(__spreadValues({}, restButtonProps), {
       type: restButtonProps.type || "ordinary",
@@ -93,7 +101,7 @@ const AddRowButton = (props) => {
       disabled
     }),
     CustomizedButtonText || t("components.add")
-  ), typeof maximum === "number" ? /* @__PURE__ */ React__default.default.createElement(
+  ), extraAction, typeof maximum === "number" ? /* @__PURE__ */ React__default.default.createElement(
     "span",
     {
       className: core.cx(

package/dist/cjs/core/TableForm/Columns/AffixColumn.js

@@ -28,7 +28,7 @@ const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
     },
     [prefix, onChange]
   );
-  return /* @__PURE__ */ React__default.default.createElement(antd.Space, null, !column.disablePrefix ? /* @__PURE__ */ React__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement(antd.Space, { style: { marginTop: "4px" } }, !column.disablePrefix ? /* @__PURE__ */ React__default.default.createElement(
     antd.Input,
     {
       value: prefix,

package/dist/cjs/core/TableForm/Columns/CheckboxColumn.js

@@ -14,7 +14,7 @@ const CheckboxColumnHeaderCell = ({ onChange }) => {
     },
     [onChange]
   );
-  return /* @__PURE__ */ React__default.default.createElement(index, { onChange: _onChange });
+  return /* @__PURE__ */ React__default.default.createElement(index, { style: { marginTop: "4px" }, onChange: _onChange });
 };
 const CheckboxColumnBodyCell = ({ data, column, index: index$1, onChange }) => {
   const value = data[index$1][column.key] === void 0 ? column.defaultValue : data[index$1][column.key];

package/dist/cjs/core/TableForm/Columns/FormItem.js

@@ -7,7 +7,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const FormItemStyle = "E_f16blduf";
+const FormItemStyle = "E_0_0_0_theme_rc_1_f16blduf";
 const FormItem = props => {
   const {
     validateStatus,

package/dist/cjs/core/TableForm/Columns/InputColumn.js

@@ -74,6 +74,7 @@ const InputColumnHeaderCell = ({ disabled, column, onChange, onBlur, onVisibleCh
   return /* @__PURE__ */ React__default.default.createElement(
     CustomInput,
     {
+      style: { marginTop: "4px" },
       type: column.type,
       placeholder: column.placeholder,
       disabled,

package/dist/cjs/core/TableForm/TableFormBodyCell.js

@@ -42,22 +42,16 @@ const TableFormBodyCell = (props) => {
     disabled,
     onChange,
     onBlur,
-    validateAll,
-    error
+    validateAllCount,
+    error,
+    onValidate
   } = props;
   const [validateResult, setValidateResult] = React.useState();
   const [isTouched, setIsTouched] = React.useState(false);
   const width = typeof column.width === "number" ? column.width + "px" : column.width;
-  const isCellErrorStyle = Boolean((validateResult == null ? void 0 : validateResult.isError) || isRowError);
-  React.useEffect(() => {
-    if (isTouched)
-      setValidateResult(
-        error ? {
-          msg: error,
-          isError: true
-        } : void 0
-      );
-  }, [error, isTouched]);
+  const isCellErrorStyle = Boolean(
+    isTouched && error || (validateResult == null ? void 0 : validateResult.isError) || isRowError
+  );
   const triggerValidate = React.useCallback(
     (currentValue) => {
       var _a;
@@ -75,17 +69,18 @@ const TableFormBodyCell = (props) => {
         });
         const isError = result ? typeof result === "string" : false;
         setValidateResult({ msg: result || "", isError });
+        onValidate == null ? void 0 : onValidate(`${column.key}${rowIndex}`, !isError);
         return;
       }
     },
-    [data, rowIndex, column, getRowValidateResult]
+    [data, rowIndex, column, getRowValidateResult, onValidate]
   );
   React.useEffect(() => {
-    if (validateAll) {
+    if (validateAllCount > 0) {
       setIsTouched(true);
       triggerValidate();
     }
-  }, [validateAll, triggerValidate, setIsTouched]);
+  }, [validateAllCount, triggerValidate, setIsTouched]);
   const _onChange = (value, data2) => {
     const newData = data2.map(
       (row, i) => i === rowIndex ? __spreadProps(__spreadValues({}, row), { [column.key]: value }) : row
@@ -131,7 +126,8 @@ const TableFormBodyCell = (props) => {
     },
     onBlur: _onBlur,
     rowIndex,
-    error: isCellErrorStyle
+    error: isCellErrorStyle,
+    formValue: data
   }) : renderDefaultComponent();
   const CellDescription = React.useMemo(() => {
     var _a;
@@ -158,7 +154,7 @@ const TableFormBodyCell = (props) => {
       FormItem.FormItem,
       {
         validateStatus: isCellErrorStyle ? "error" : "",
-        message: isRowError ? "" : validateResult == null ? void 0 : validateResult.msg
+        message: isRowError ? "" : (isTouched ? error : void 0) || (validateResult == null ? void 0 : validateResult.msg)
       },
       Cell
     ),

package/dist/cjs/core/TableForm/TableFormBodyRows.js

@@ -84,7 +84,8 @@ const TableFormRow = (props) => {
     updateData,
     onBodyBlur,
     renderRowDescription,
-    validateAll
+    validateAllCount,
+    onValidate
   } = props;
   const rowData = data[rowIndex];
   const errorFromProps = errors[rowIndex];
@@ -95,6 +96,9 @@ const TableFormRow = (props) => {
   React.useEffect(() => {
     setRowError(rowLevelError);
   }, [rowLevelError]);
+  React.useEffect(() => {
+    onValidate == null ? void 0 : onValidate(`table_row_${rowIndex}`, !rowError);
+  }, [onValidate, rowError, rowIndex]);
   const rowDeletable = typeof (row == null ? void 0 : row.deletable) === "boolean" ? row.deletable : (_a = typeof (row == null ? void 0 : row.deletable) === "function" || (deleteConfig == null ? void 0 : deleteConfig.deletable)) != null ? _a : false;
   const getRowValidateResult = React.useCallback(
     (rowData2) => {
@@ -123,8 +127,9 @@ const TableFormRow = (props) => {
         validateTriggerType,
         isRowError: !!rowError,
         getRowValidateResult,
-        validateAll,
-        error: cellError
+        validateAllCount,
+        error: cellError,
+        onValidate
       }
     );
   });

package/dist/cjs/core/TableForm/TableFormHeaderCell.js

@@ -1,12 +1,13 @@
 'use strict';
 
 var core = require('@linaria/core');
-var index$1 = require('./Columns/index.js');
+var index$2 = require('./Columns/index.js');
 var FormItem = require('./Columns/FormItem.js');
 var style = require('./style.js');
 var utils = require('./utils.js');
-var index = require('../Typo/index.js');
+var index$1 = require('../Typo/index.js');
 var React = require('react');
+var index = require('../../coreX/OverflowTooltip/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -50,28 +51,56 @@ const BatchInputListHeaderCell = (props) => {
     },
     [onChange, data, column]
   );
-  const _onBlur = React.useCallback(() => {
+  const headerOnBlur = React.useCallback(() => {
     onBlur == null ? void 0 : onBlur(column.key, errMsg);
   }, [column.key, onBlur, errMsg]);
   const renderDefaultComponent = () => {
     if (!column.type)
       return null;
-    const CellComponent = index$1.ColumnHeaderImpls[column.type];
+    const CellComponent = index$2.ColumnHeaderImpls[column.type];
     return /* @__PURE__ */ React__default.default.createElement(
       CellComponent,
       __spreadProps(__spreadValues({}, props), {
         column,
         onChange: headerOnChange,
-        onBlur: _onBlur
+        onBlur: headerOnBlur
       })
     );
   };
-  const renderCell = () => column.render ? column.render({
-    isHeader: true,
-    disabled,
-    onChange: headerOnChange,
-    onBlur: _onBlur
-  }) : renderDefaultComponent();
+  const renderTitle = () => {
+    const titleContent = typeof column.title === "string" ? /* @__PURE__ */ React__default.default.createElement(index, { tooltip: column.title, content: column.title }) : column.title;
+    return /* @__PURE__ */ React__default.default.createElement("p", { className: core.cx(index$1.Typo.Label.l3_bold_title, style.TitleStyle) }, titleContent);
+  };
+  const renderSubTitle = () => {
+    if (column.subTitleRender) {
+      return column.subTitleRender({
+        isHeader: true,
+        disabled,
+        onChange: headerOnChange,
+        onBlur: headerOnBlur,
+        formValue: data
+      });
+    }
+    if (disableBatchFilling) {
+      return null;
+    }
+    return /* @__PURE__ */ React__default.default.createElement(
+      FormItem.FormItem,
+      {
+        validateStatus: typeof errMsg === "string" && errMsg ? "error" : "",
+        message: errMsg || void 0
+      },
+      // if the render prop is provided, use it to render the subTitle
+      // otherwise, render the default component
+      column.render ? column.render({
+        isHeader: true,
+        disabled,
+        onChange: headerOnChange,
+        onBlur: headerOnBlur,
+        formValue: data
+      }) : renderDefaultComponent()
+    );
+  };
   return /* @__PURE__ */ React__default.default.createElement(
     "div",
     {
@@ -82,15 +111,8 @@ const BatchInputListHeaderCell = (props) => {
         visibility: column.hidden ? "hidden" : "visible"
       }
     },
-    /* @__PURE__ */ React__default.default.createElement("p", { className: core.cx(index.Typo.Label.l3_bold_title, style.TitleStyle) }, column.title),
-    disableBatchFilling ? null : /* @__PURE__ */ React__default.default.createElement(
-      FormItem.FormItem,
-      {
-        validateStatus: typeof errMsg === "string" && errMsg ? "error" : "",
-        message: errMsg || void 0
-      },
-      renderCell()
-    )
+    renderTitle(),
+    renderSubTitle()
   );
 };
 

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

@@ -6,7 +6,6 @@ var AddRowButton = require('./AddRowButton.js');
 var style = require('./style.js');
 var TableFormBodyRows = require('./TableFormBodyRows.js');
 var TableFormHeaderCell = require('./TableFormHeaderCell.js');
-var utils = require('./utils.js');
 var antd = require('antd');
 var React = require('react');
 
@@ -33,7 +32,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const DEFAULT_ROW_COUNT = 3;
 const TableForm = React__default.default.forwardRef(
   (props, ref) => {
     var _a, _b;
@@ -54,16 +52,19 @@ const TableForm = React__default.default.forwardRef(
       onHeaderChange,
       onHeaderBlur,
       onBodyChange,
+      onBodyAdd,
       onBodyBlur,
       row,
-      errors
+      errors,
+      hideEmptyTable
     } = props;
     const [data, setData] = React.useState(defaultData || []);
     const [passwordVisible, setPasswordVisible] = React.useState(false);
     const [latestData, setLatestData] = React.useState(defaultData || []);
-    const [validateAll, setValidateAll] = React.useState(false);
+    const [validateAllCount, setValidateAllCount] = React.useState(0);
     const rowSplitType = (row == null ? void 0 : row.splitType) || props.rowSplitType || "border";
     const draggable = (_b = (_a = row == null ? void 0 : row.draggable) != null ? _a : props.draggable) != null ? _b : false;
+    const formValidMapRef = React.useRef({});
     const updateData = React.useCallback(
       (value, rowIndex, columnKey) => {
         setLatestData(value);
@@ -72,13 +73,16 @@ const TableForm = React__default.default.forwardRef(
       },
       [onBodyChange]
     );
-    React.useLayoutEffect(() => {
-      if (!defaultData) {
-        updateData(
-          [...Array(DEFAULT_ROW_COUNT)].map(() => utils.genEmptyRow(columns))
-        );
-      }
-    }, [columns, defaultData, updateData]);
+    const addData = React.useCallback(
+      (value) => {
+        setLatestData(value);
+        setData(value);
+        onBodyChange == null ? void 0 : onBodyChange(value);
+        const rowIndex = value.length - 1;
+        onBodyAdd == null ? void 0 : onBodyAdd(value, rowIndex);
+      },
+      [onBodyChange, onBodyAdd]
+    );
     const handleBatchChange = React.useCallback(
       (newData, columnKey, shouldUpdateData) => {
         setLatestData(newData);
@@ -91,19 +95,19 @@ const TableForm = React__default.default.forwardRef(
       [onHeaderChange, onBodyChange]
     );
     const handleBatchBlur = React.useCallback(
-      (key, error) => {
+      (columnKey, error) => {
         if (error) {
           const newData = latestData.map((cell) => {
             return __spreadProps(__spreadValues({}, cell), {
-              [key]: ""
+              [columnKey]: ""
             });
           });
           setLatestData(newData);
-          onHeaderBlur == null ? void 0 : onHeaderBlur(newData);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(newData, columnKey);
         } else {
           setData(latestData);
-          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, key);
-          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData);
+          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, columnKey);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData, columnKey);
         }
       },
       [latestData, onHeaderBlur, onBodyChange]
@@ -114,12 +118,25 @@ const TableForm = React__default.default.forwardRef(
         setData: (data2) => {
           updateData(data2);
         },
+        setDataWithoutTriggerChange: (data2) => {
+          setLatestData(data2);
+          setData(data2);
+        },
         validateWholeFields() {
-          setValidateAll(true);
+          formValidMapRef.current = {};
+          setValidateAllCount((c) => c + 1);
+        },
+        isValid() {
+          return Object.values(formValidMapRef.current).every(
+            (v) => v === true
+          );
         }
       }),
       [updateData]
     );
+    const onValidate = (id, isValid) => {
+      formValidMapRef.current[id] = isValid;
+    };
     const headerCells = columns.map((col) => {
       return /* @__PURE__ */ React__default.default.createElement(
         TableFormHeaderCell.BatchInputListHeaderCell,
@@ -142,9 +159,10 @@ const TableForm = React__default.default.forwardRef(
       } : void 0,
       [maxHeight]
     );
-    return /* @__PURE__ */ React__default.default.createElement("div", { className }, /* @__PURE__ */ React__default.default.createElement(
+    return /* @__PURE__ */ React__default.default.createElement("div", { className }, hideEmptyTable && data.length < 1 ? null : /* @__PURE__ */ React__default.default.createElement(
       style.TableFormWrapper,
       {
+        "data-testid": "eagle-table-form-wrapper",
         className: `table-form row-split-by-${rowSplitType}`,
         style: tableFormWrapperStyle
       },
@@ -173,15 +191,17 @@ const TableForm = React__default.default.forwardRef(
           updateData,
           renderRowDescription,
           rowValidator,
-          validateAll,
-          errors
+          validateAllCount,
+          errors,
+          onValidate
         }
       ))
     ), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React__default.default.createElement(
       AddRowButton,
       {
+        style: { marginTop: hideEmptyTable && !data.length ? 0 : 8 },
         config: rowAddConfig,
-        updateData,
+        addData,
         columns,
         data
       }

package/dist/cjs/core/TableForm/style.js

@@ -2,27 +2,27 @@
 
 var react = require('@linaria/react');
 
-const TitleStyle = "E_t1dtlqs1";
-const SubtitleStyle = "E_s1ese5oy";
-const BodyCellTextStyle = "E_b1ibis43";
+const TitleStyle = "E_0_0_0_theme_rc_1_t1dtlqs1";
+const SubtitleStyle = "E_0_0_0_theme_rc_1_s1ese5oy";
+const BodyCellTextStyle = "E_0_0_0_theme_rc_1_b1ibis43";
 const BodyCellTextWrapper = /*#__PURE__*/react.styled('div')({
   name: "BodyCellTextWrapper",
-  class: "E_bsub5bw",
+  class: "E_0_0_0_theme_rc_1_bsub5bw",
   propsAsIs: false
 });
 const TableFormWrapper = /*#__PURE__*/react.styled('div')({
   name: "TableFormWrapper",
-  class: "E_tmoyoag",
+  class: "E_0_0_0_theme_rc_1_tmoyoag",
   propsAsIs: false
 });
 const AddRowButtonWrapper = /*#__PURE__*/react.styled('div')({
   name: "AddRowButtonWrapper",
-  class: "E_a138syjm",
+  class: "E_0_0_0_theme_rc_1_a138syjm",
   propsAsIs: false
 });
 const DraggableHandleWrapper = /*#__PURE__*/react.styled('div')({
   name: "DraggableHandleWrapper",
-  class: "E_d77i8u0",
+  class: "E_0_0_0_theme_rc_1_d77i8u0",
   propsAsIs: false
 });
 

package/dist/cjs/core/Tag/SplitTag.js

@@ -40,7 +40,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const WrapperStyle = "E_w7ob4th";
+const WrapperStyle = "E_0_0_0_theme_rc_1_w7ob4th";
 const SplitTag = _a => {
   var _b = _a,
     {

package/dist/cjs/core/Tag/style.js

@@ -1,12 +1,12 @@
 'use strict';
 
 const Size = {
-  small: "E_slr2ynn",
-  medium: "E_m140wbb6"
+  small: "E_0_0_0_theme_rc_1_slr2ynn",
+  medium: "E_0_0_0_theme_rc_1_m140wbb6"
 };
-const TagStyle = "E_t1fozc1i";
-const IconStyle = "E_i1vxv4ln";
-const NameTagStyle = "E_n1afl31m";
+const TagStyle = "E_0_0_0_theme_rc_1_t1fozc1i";
+const IconStyle = "E_0_0_0_theme_rc_1_i1vxv4ln";
+const NameTagStyle = "E_0_0_0_theme_rc_1_n1afl31m";
 
 exports.IconStyle = IconStyle;
 exports.NameTagStyle = NameTagStyle;

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,