@ironsource/shared-ui 1.4.2-test.9 → 1.4.2

package/components/table/Table.vue.js

@@ -1,4 +1,5 @@
-import { defineComponent, useCssVars, unref, ref, provide, computed, useSlots, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
+import { defineComponent, useCssVars, unref, ref, provide, computed, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
+import { TableTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                            *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    */import ScrollButton from '../button/ScrollButton.vue.js';
@@ -9,14 +10,19 @@ import { useVirtualList, useInfiniteScroll } from '@vueuse/core';
 import { TableContext } from './TableContext.vue.js';
 /* empty css                                                       *//* empty css                                           */
 import "../../Table.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "table-title" };
-const _hoisted_2 = { class: "table-header-actions" };
-const _hoisted_3 = { class: "sections" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "table-head-container" };
-const _hoisted_6 = ["onMouseenter"];
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = { key: 1 };
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["data-testid"];
+const _hoisted_4 = ["data-testid"];
+const _hoisted_5 = ["data-testid"];
+const _hoisted_6 = ["data-testid"];
+const _hoisted_7 = ["data-testid"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "table-head-container" };
+const _hoisted_10 = ["data-testid"];
+const _hoisted_11 = ["onMouseenter"];
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
@@ -26,7 +32,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     sections: { default: null },
     sort: null,
     isSticky: { type: Boolean, default: true },
-    isStickyHeader: { type: Boolean, default: false },
     isLoading: { type: Boolean, default: false },
     emptyStateTitle: { default: "No results found" },
     emptyStateSubtitle: { default: "Try again with different filters" },
@@ -34,13 +39,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     infiniteScrollThreshold: { default: 100 },
     rowHeight: { type: [Number, Function], default: 48 },
     loadingRowCount: { default: 3 },
-    defaultScrollPosition: { default: null }
+    testId: { default: "" }
   },
   emits: ["update:sort", "saveRow", "loadMore"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "3dbbd311": unref(gridColumnTemplate)
+      "04775a54": unref(gridColumnTemplate)
     }));
     const savingRows = ref([]);
     provide(TableContext, {
@@ -78,22 +83,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const floatingActionRef = ref(null);
     const floatingActionPosition = ref(0);
-    const slots = useSlots();
-    const hasSearchSlot = computed(() => !!slots.search);
     const onScroll = (event) => {
       containerProps.onScroll();
       floatingActionPosition.value = event.target.scrollLeft + event.target.getBoundingClientRect().width;
     };
     onMounted(() => {
       floatingActionPosition.value = containerProps.ref.value?.getBoundingClientRect().width;
-      if (props.defaultScrollPosition) {
-        setTimeout(() => {
-          containerProps.ref.value.scrollTo({
-            top: props.defaultScrollPosition,
-            behavior: "smooth"
-          });
-        }, 1e3);
-      }
     });
     const showBackToTopButton = computed(() => {
       const [firstListItem] = list.value;
@@ -155,18 +150,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "table-container",
+        "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).CONTAINER}`,
         onMouseleave: _cache[0] || (_cache[0] = ($event) => activeRow.value = null)
       }, [
         createElementVNode("table", {
           ref: unref(containerProps).ref,
           style: normalizeStyle(unref(containerStyle)),
+          "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).TABLE}`,
           onScrollPassive: onScroll
         }, [
           __props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["table-header", { isStickyHeader: __props.isStickyHeader }])
+            class: "table-header",
+            "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).HEADER}`
           }, [
-            createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", {
+              class: "table-title",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).TITLE}`
+            }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createVNode(unref(Text), {
                   size: "md",
@@ -178,20 +179,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ], true)
-            ]),
+            ], 8, _hoisted_4),
             createElementVNode("div", {
-              class: normalizeClass(["table-header-right", unref(hasSearchSlot) ? "border-search" : ""])
+              class: "table-header-right",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).HEADER_RIGHT}`
             }, [
               renderSlot(_ctx.$slots, "search", {}, void 0, true)
-            ], 2),
-            createElementVNode("div", _hoisted_2, [
+            ], 8, _hoisted_5),
+            createElementVNode("div", {
+              class: "table-header-actions",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).ACTIONS}`
+            }, [
               renderSlot(_ctx.$slots, "table-header-actions", {}, void 0, true)
-            ])
-          ], 2)) : createCommentVNode("", true),
+            ], 8, _hoisted_6)
+          ], 8, _hoisted_3)) : createCommentVNode("", true),
           createElementVNode("thead", {
-            class: normalizeClass({ sticky: __props.isSticky, isStickyHeader: __props.isStickyHeader })
+            class: normalizeClass({ sticky: __props.isSticky })
           }, [
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", {
+              class: "sections",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).SECTIONS}`
+            }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section) => {
                 return openBlock(), createElementBlock("div", {
                   key: section.id,
@@ -212,21 +220,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], true)
                 ], 2);
               }), 128))
-            ]),
+            ], 8, _hoisted_7),
             createElementVNode("tr", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
                 return openBlock(), createElementBlock("th", {
                   key: column.id,
-                  class: normalizeClass({
-                    sticky: column.isSticky,
-                    bordered: column.isBordered,
-                    isTextRight: column.isTextRight,
-                    isSortable: column.isSortable
-                  }),
+                  class: normalizeClass({ sticky: column.isSticky, bordered: column.isBordered }),
                   style: normalizeStyle(column.isSticky ? unref(columnsStickyPositions)[column.id] : null),
                   onClick: ($event) => toggleSortOrder(column)
                 }, [
-                  createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_9, [
                     renderSlot(_ctx.$slots, `header-${column.id}`, { column }, () => [
                       createVNode(unref(Text), {
                         size: "sm",
@@ -245,14 +248,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "sort-order": __props.sort.sortOrder
                     }, null, 8, ["sort-order"])) : createCommentVNode("", true)
                   ])
-                ], 14, _hoisted_4);
+                ], 14, _hoisted_8);
               }), 128))
             ])
           ], 2),
           createElementVNode("tbody", null, [
             unref(list).length > 0 ? (openBlock(), createElementBlock("div", mergeProps({
               key: 0,
-              class: "table-body-wrapper"
+              class: "table-body-wrapper",
+              "data-testid": `${__props.testId}-${unref(TableTestIdModifiers).BODY_WRAPPER}`
             }, unref(wrapperProps)), [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (row) => {
                 return openBlock(), createElementBlock("tr", {
@@ -282,8 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: cellIndex,
                       class: normalizeClass({
                         sticky: __props.columns[cellIndex].isSticky,
-                        bordered: __props.columns[cellIndex].isBordered,
-                        isTextRight: __props.columns[cellIndex].isTextRight
+                        bordered: __props.columns[cellIndex].isBordered
                       }),
                       style: normalizeStyle(
                         __props.columns[cellIndex].isSticky ? unref(columnsStickyPositions)[__props.columns[cellIndex].id] : null
@@ -316,27 +319,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ], true)
                     ], 6);
                   }), 128))
-                ], 42, _hoisted_6);
+                ], 42, _hoisted_11);
               }), 128))
-            ], 16)) : (openBlock(), createElementBlock("div", _hoisted_7, [
+            ], 16, _hoisted_10)) : (openBlock(), createElementBlock("div", _hoisted_12, [
               renderSlot(_ctx.$slots, "empty-state", {}, () => [
                 createVNode(unref(EmptyState), {
                   title: __props.emptyStateTitle,
-                  subtitle: __props.emptyStateSubtitle
-                }, null, 8, ["title", "subtitle"])
+                  subtitle: __props.emptyStateSubtitle,
+                  "test-id": `${__props.testId}-${unref(TableTestIdModifiers).EMPTY_STATE}`
+                }, null, 8, ["title", "subtitle", "test-id"])
               ], true)
             ]))
           ]),
-          unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_8)) : createCommentVNode("", true)
-        ], 36),
+          unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_13)) : createCommentVNode("", true)
+        ], 44, _hoisted_2),
         createVNode(unref(ScrollButton), {
           show: unref(showBackToTopButton),
           onScrolled: scrollToTop
         }, null, 8, ["show"])
-      ], 32);
+      ], 40, _hoisted_1);
     };
   }
 });
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-207d9674"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-392e31d7"]]);
 
 export { Table as default };

package/components/table/index.d.ts

@@ -7,6 +7,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         type: import("vue").PropType<string>;
         required: true;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     columns: {
         type: import("vue").PropType<import("./Table.types").Column[]>;
         required: true;
@@ -21,11 +26,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: boolean;
     };
-    isStickyHeader: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
     sections: {
         type: import("vue").PropType<import("./Table.types").Section[]>;
     } & {
@@ -61,11 +61,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: number;
     };
-    defaultScrollPosition: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: any;
-    };
     rows: {
         type: import("vue").PropType<unknown[][]>;
         required: true;
@@ -90,6 +85,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
         type: import("vue").PropType<string>;
         required: true;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     columns: {
         type: import("vue").PropType<import("./Table.types").Column[]>;
         required: true;
@@ -104,11 +104,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: boolean;
     };
-    isStickyHeader: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
     sections: {
         type: import("vue").PropType<import("./Table.types").Section[]>;
     } & {
@@ -144,11 +139,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: number;
     };
-    defaultScrollPosition: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: any;
-    };
     rows: {
         type: import("vue").PropType<unknown[][]>;
         required: true;
@@ -163,9 +153,9 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     }) => any;
     onLoadMore?: () => any;
 }, {
+    testId: string;
     isLoading: boolean;
     isSticky: boolean;
-    isStickyHeader: boolean;
     sections: import("./Table.types").Section[];
     emptyStateTitle: string;
     emptyStateSubtitle: string;
@@ -173,7 +163,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
-    defaultScrollPosition: number;
 }>)[];
 export { default as Table } from './Table.vue';
 export { TableContext } from './TableContext';

package/components/table-cells/Editable.vue.js

@@ -84,6 +84,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Editable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-73de8e4d"]]);
+var Editable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20f632f8"]]);
 
 export { Editable as default };

package/components/tabs/Tabs.vue.d.ts

@@ -8,10 +8,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selectedTab: number | string;
     variant?: 'fix' | 'fill';
     size?: 'sm' | 'md' | 'lg' | 'xl';
+    testId?: string;
 }>, {
     tabsList: () => any[];
     variant: string;
     size: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedTab": (tabId: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -24,14 +26,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selectedTab: number | string;
     variant?: 'fix' | 'fill';
     size?: 'sm' | 'md' | 'lg' | 'xl';
+    testId?: string;
 }>, {
     tabsList: () => any[];
     variant: string;
     size: string;
+    testId: string;
 }>>> & {
     "onUpdate:selectedTab"?: (tabId: string | number) => any;
 }, {
     size: 'sm' | 'md' | 'lg' | 'xl';
+    testId: string;
     variant: 'fix' | 'fill';
     tabsList: {
         id: number | string;

package/components/tabs/Tabs.vue.js

@@ -1,13 +1,15 @@
 import { defineComponent, useCssVars, unref, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString, pushScopeId, popScopeId, createElementVNode } from 'vue';
+import { TabsTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import Icon from '../icon/Icon.vue.js';
 /* empty css                                                      */
 import "../../Tabs.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-43f1459d"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["onClick", "onMouseover"];
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "tabs-border-line" }, null, -1));
-const _hoisted_3 = {
+const _withScopeId = (n) => (pushScopeId("data-v-c22c2836"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid", "onClick", "onMouseover"];
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "tabs-border-line" }, null, -1));
+const _hoisted_4 = {
   key: 0,
   class: "tabs-border-line-hover"
 };
@@ -17,16 +19,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tabsList: { default: () => [] },
     selectedTab: null,
     variant: { default: "fill" },
-    size: { default: "sm" }
+    size: { default: "sm" },
+    testId: { default: "" }
   },
   emits: ["update:selectedTab"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "87ea7e12": unref(selectedTabPosition),
-      "fb546e90": unref(selectedTabWidth),
-      "b3e2e0ba": unref(selectedTabCenter),
-      "2213a50a": unref(hoveredTabCenter)
+      "99d50838": unref(selectedTabPosition),
+      "1eedbceb": unref(selectedTabWidth),
+      "c715bc60": unref(selectedTabCenter),
+      "e8e3bca4": unref(hoveredTabCenter)
     }));
     const tabsNewList = ref([]);
     const hoveredTab = ref(null);
@@ -76,7 +79,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("ul", {
-        class: normalizeClass(["tabs-wrap", [__props.size, __props.variant]])
+        class: normalizeClass(["tabs-wrap", [__props.size, __props.variant]]),
+        "data-testid": `${__props.testId}-${unref(TabsTestIdModifiers).WRAPPER}`
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabsList, (tab) => {
           return openBlock(), createElementBlock("li", {
@@ -87,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "disabled-tab": tab.disabled,
               "selected-tab": tab.id === __props.selectedTab
             }]),
+            "data-testid": `${__props.testId}-${unref(TabsTestIdModifiers).TAB}-${tab.id}`,
             onClick: ($event) => selectTab(tab),
             onMouseover: ($event) => setHover(tab),
             onMouseleave: clearHover
@@ -111,14 +116,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 2
               }, 1024)) : createCommentVNode("", true)
             ], true)
-          ], 42, _hoisted_1);
+          ], 42, _hoisted_2);
         }), 128)),
-        _hoisted_2,
-        unref(isHovered) ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
-      ], 2);
+        _hoisted_3,
+        unref(isHovered) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
     };
   }
 });
-var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-43f1459d"]]);
+var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c22c2836"]]);
 
 export { Tabs as default };

package/components/tabs/index.d.ts

@@ -4,6 +4,11 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     variant: {
         type: import("vue").PropType<"fill" | "fix">;
     } & {
@@ -32,6 +37,11 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     variant: {
         type: import("vue").PropType<"fill" | "fix">;
     } & {
@@ -56,6 +66,7 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
     "onUpdate:selectedTab"?: (tabId: string | number) => any;
 }, {
     size: "md" | "sm" | "lg" | "xl";
+    testId: string;
     variant: "fill" | "fix";
     tabsList: {
         id: string | number;

package/components/textArea/TextArea.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label?: string;
     feedbackHelpText?: string;
     feedbackErrorText?: string;
+    testId?: string;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -21,6 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label?: string;
     feedbackHelpText?: string;
     feedbackErrorText?: string;
+    testId?: string;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -28,10 +31,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     label: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     modelValue: string;
     placeholder: string;

package/components/textArea/TextArea.vue.js

@@ -1,14 +1,13 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+import { TextAreaTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                          */
 import "../../TextArea.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = {
-  key: 0,
-  class: "label-container"
-};
-const _hoisted_2 = ["value", "placeholder", "disabled"];
-const _hoisted_3 = {
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["value", "placeholder", "disabled", "data-testid"];
+const _hoisted_4 = {
   key: 1,
   class: "extra-text-container"
 };
@@ -20,7 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     label: { default: "" },
     feedbackHelpText: { default: "" },
-    feedbackErrorText: { default: "" }
+    feedbackErrorText: { default: "" },
+    testId: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -29,38 +29,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled })
+        class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled }),
+        "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).WRAPPER}`
       }, [
-        __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.label ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "label-container",
+          "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).LABEL}`
+        }, [
           createVNode(unref(Text), { class: "label" }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.label), 1)
             ]),
             _: 1
           })
-        ])) : createCommentVNode("", true),
+        ], 8, _hoisted_2)) : createCommentVNode("", true),
         createElementVNode("textarea", {
           class: "textarea",
           value: __props.modelValue,
           placeholder: __props.placeholder,
           disabled: __props.disabled,
+          "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).FIELD}`,
           onInput: handleInput
-        }, null, 40, _hoisted_2),
-        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        }, null, 40, _hoisted_3),
+        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createVNode(unref(Text), {
             class: normalizeClass({ [__props.feedbackErrorText ? "error" : "help"]: true }),
+            "data-testid": `${__props.testId}-${unref(TextAreaTestIdModifiers).TEXT}`,
             size: "caption"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
             ]),
             _: 1
-          }, 8, ["class"])
+          }, 8, ["class", "data-testid"])
         ])) : createCommentVNode("", true)
-      ], 2);
+      ], 10, _hoisted_1);
     };
   }
 });
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78bc849c"]]);
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6197672e"]]);
 
 export { TextArea as default };

package/components/textArea/index.d.ts

@@ -4,6 +4,11 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -37,6 +42,11 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -66,6 +76,7 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     modelValue: string;
     placeholder: string;