@ironsource/shared-ui 1.4.2-rc.15 → 1.4.2-rc.17

package/components/dialog/Dialog.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     title?: string;
     showCloseButton?: boolean;
     themeClass?: string;
+    testId?: string;
 }>, {
     content: any;
     width: string;
@@ -28,6 +29,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     escapeToClose: boolean;
     beforeClose: any;
     themeClass: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 } & {
@@ -49,6 +51,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     title?: string;
     showCloseButton?: boolean;
     themeClass?: string;
+    testId?: string;
 }>, {
     content: any;
     width: string;
@@ -63,12 +66,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     escapeToClose: boolean;
     beforeClose: any;
     themeClass: string;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: Reason) => any;
     onOpen?: () => any;
 }, {
     title: string;
+    testId: string;
     content: string;
     width: string | number;
     appendToBody: boolean;

package/components/dialog/Dialog.vue.js

@@ -6,19 +6,21 @@ import { NOOP } from '@vue/shared';
 import { Reason } from './Reason.vue.js';
 import IconButton from '../button/IconButton.vue.js';
 import Icon from '../icon/Icon.vue.js';
+import { DialogTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Dialog.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = {
-  key: 0,
-  class: "header--secondary"
-};
-const _hoisted_2 = { class: "placeholder" };
-const _hoisted_3 = {
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["data-testid"];
+const _hoisted_4 = ["data-testid"];
+const _hoisted_5 = { class: "placeholder" };
+const _hoisted_6 = {
   key: 1,
   class: "footer"
 };
-const _hoisted_4 = { class: "action-buttons" };
+const _hoisted_7 = ["data-testid"];
+const _hoisted_8 = ["data-testid"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Dialog",
   props: {
@@ -35,13 +37,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     beforeClose: { type: Function, default: null },
     title: { default: "" },
     showCloseButton: { type: Boolean, default: true },
-    themeClass: { default: "" }
+    themeClass: { default: "" },
+    testId: { default: "" }
   },
   emits: ["update:modelValue", "open", "close"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "ee619eb0": __props.width
+      "7d57480a": __props.width
     }));
     const visible = ref(false);
     let openTimer = void 0;
@@ -118,10 +121,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", {
                   class: "modal",
                   style: normalizeStyle(unref(inlineStyle)),
+                  "data-testid": `${__props.testId}-${unref(DialogTestIdModifiers).WRAPPER}`,
                   onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => __props.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
                 }, [
                   createElementVNode("header", {
-                    class: normalizeClass(["header", { "header--bordered": __props.headerBorder }])
+                    class: normalizeClass(["header", { "header--bordered": __props.headerBorder }]),
+                    "data-testid": `${__props.testId}-${unref(DialogTestIdModifiers).HEADER}`
                   }, [
                     __props.headerBorder ? renderSlot(_ctx.$slots, "header", { key: 0 }, () => [
                       createVNode(Text, { strong: "" }, {
@@ -138,6 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       theme: "secondary",
                       variant: "colorized",
                       "icon-name": "close",
+                      "data-testid": `${__props.testId}-${unref(DialogTestIdModifiers).ACTION_CLOSE}`,
                       onClick: _cache[0] || (_cache[0] = ($event) => handleClose(unref(Reason).CloseButton))
                     }, {
                       default: withCtx(() => [
@@ -147,9 +153,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         })
                       ]),
                       _: 1
-                    })) : createCommentVNode("", true)
-                  ], 2),
-                  !__props.headerBorder ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                    }, 8, ["data-testid"])) : createCommentVNode("", true)
+                  ], 10, _hoisted_2),
+                  !__props.headerBorder ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "header--secondary",
+                    "data-testid": `${__props.testId}-${unref(DialogTestIdModifiers).HEADER_SECONDARY}`
+                  }, [
                     renderSlot(_ctx.$slots, "header", {}, () => [
                       createVNode(Text, { strong: "" }, {
                         default: withCtx(() => [
@@ -158,25 +168,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ], true)
-                  ])) : createCommentVNode("", true),
+                  ], 8, _hoisted_3)) : createCommentVNode("", true),
                   createElementVNode("div", {
-                    class: normalizeClass(["content", { "content--bordered": __props.headerBorder }])
+                    class: normalizeClass(["content", { "content--bordered": __props.headerBorder }]),
+                    "data-testid": `${__props.testId}-${unref(DialogTestIdModifiers).CONTENT}`
                   }, [
                     renderSlot(_ctx.$slots, "default", {}, () => [
-                      createElementVNode("div", _hoisted_2, toDisplayString(__props.content), 1)
+                      createElementVNode("div", _hoisted_5, toDisplayString(__props.content), 1)
                     ], true)
-                  ], 2),
-                  _ctx.$slots["footer"] ? (openBlock(), createElementBlock("footer", _hoisted_3, [
-                    createElementVNode("div", _hoisted_4, [
+                  ], 10, _hoisted_4),
+                  _ctx.$slots["footer"] ? (openBlock(), createElementBlock("footer", _hoisted_6, [
+                    createElementVNode("div", {
+                      class: "action-buttons",
+                      "data-testid": `${__props.testId}-${unref(DialogTestIdModifiers).ACTION_BUTTONS_WRAPPER}`
+                    }, [
                       renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-                    ])
+                    ], 8, _hoisted_7)
                   ])) : createCommentVNode("", true)
-                ], 36),
+                ], 44, _hoisted_1),
                 __props.showBackdrop ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "backdrop",
+                  "data-testid": `${__props.testId}-${unref(DialogTestIdModifiers).BACKDROP}`,
                   onClick: _cache[2] || (_cache[2] = ($event) => __props.closeOnClickOutside ? handleClose(unref(Reason).Backdrop) : unref(NOOP)())
-                })) : createCommentVNode("", true)
+                }, null, 8, _hoisted_8)) : createCommentVNode("", true)
               ]),
               _: 3
             }, 8, ["class"])) : createCommentVNode("", true)
@@ -187,6 +202,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-699f96fa"]]);
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-55aea585"]]);
 
 export { Dialog as default };

package/components/dialog/index.d.ts

@@ -4,6 +4,11 @@ declare const DialogTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -80,6 +85,11 @@ declare const DialogTypes: () => import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -150,6 +160,7 @@ declare const DialogTypes: () => import("vue").DefineComponent<{
     onOpen?: () => any;
 }, {
     title: string;
+    testId: string;
     content: string;
     width: string | number;
     appendToBody: boolean;

package/components/dropdown/Dropdown.vue.d.ts

@@ -36,6 +36,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disableKeyboardEvents?: boolean;
     multiOptionsPlaceholderPrefix?: string;
     multiOptionsPlaceholderSuffix?: string;
+    testId?: string;
 }>, {
     multi: boolean;
     searchPlaceholder: string;
@@ -69,6 +70,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disableKeyboardEvents: boolean;
     multiOptionsPlaceholderPrefix: string;
     multiOptionsPlaceholderSuffix: string;
+    testId: string;
 }>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
@@ -119,6 +121,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disableKeyboardEvents?: boolean;
     multiOptionsPlaceholderPrefix?: string;
     multiOptionsPlaceholderSuffix?: string;
+    testId?: string;
 }>, {
     multi: boolean;
     searchPlaceholder: string;
@@ -152,6 +155,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disableKeyboardEvents: boolean;
     multiOptionsPlaceholderPrefix: string;
     multiOptionsPlaceholderSuffix: string;
+    testId: string;
 }>>> & {
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
@@ -162,6 +166,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: 'sm' | 'lg';
     title: string;
     error: string;
+    testId: string;
     theme: string;
     placement: Placement;
     disabled: boolean;

package/components/dropdown/Dropdown.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, computed, watch, useSlots, nextTick, toRaw, provide, onMounted, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, unref, withCtx, Transition, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, withModifiers, Fragment, renderList, pushScopeId, popScopeId } from 'vue';
+import { defineComponent, ref, computed, watch, useSlots, nextTick, toRaw, provide, onMounted, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, Transition, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, withModifiers, Fragment, renderList, pushScopeId, popScopeId } from 'vue';
 import Button from '../button/Button.vue.js';
 import Icon from '../icon/Icon.vue.js';
+import { DropdownTestIdModifiers } 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                                                                               */import { Dropdown as Dropdown$1 } from 'floating-vue';
@@ -14,8 +15,8 @@ import { Mode, Type, DropdownContext } from './DropdownContext.vue.js';
 import { pxToRem } from '../../utils/style.vue.js';
 /* empty css                                                          *//* empty css                                              */
 import "../../Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Dropdown.vue_vue_type_style_index_1_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-12b53c10"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["tabindex"];
+const _withScopeId = (n) => (pushScopeId("data-v-6b0dd6db"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["tabindex", "data-testid"];
 const _hoisted_2 = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"];
 const _hoisted_3 = {
   key: 0,
@@ -26,19 +27,17 @@ const _hoisted_5 = {
   key: 0,
   class: "dropdown-title"
 };
-const _hoisted_6 = {
-  key: 0,
-  class: "dropdown-title__text"
-};
-const _hoisted_7 = {
+const _hoisted_6 = ["data-testid"];
+const _hoisted_7 = ["data-testid"];
+const _hoisted_8 = {
   key: 0,
   class: "no-result-container"
 };
-const _hoisted_8 = {
+const _hoisted_9 = {
   key: 1,
   class: "loader"
 };
-const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
   width: "100",
   height: "100",
   viewBox: "0 0 100 100"
@@ -62,9 +61,9 @@ const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElem
     })
   ])
 ], -1));
-const _hoisted_10 = { key: 2 };
-const _hoisted_11 = ["aria-selected", "aria-disabled", "onClick"];
-const _hoisted_12 = {
+const _hoisted_11 = { key: 2 };
+const _hoisted_12 = ["aria-selected", "aria-disabled", "onClick"];
+const _hoisted_13 = {
   key: 0,
   class: "actions"
 };
@@ -106,7 +105,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autoSize: { type: Boolean, default: false },
     disableKeyboardEvents: { type: Boolean, default: false },
     multiOptionsPlaceholderPrefix: { default: "" },
-    multiOptionsPlaceholderSuffix: { default: "" }
+    multiOptionsPlaceholderSuffix: { default: "" },
+    testId: { default: "" }
   },
   emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
   setup(__props, { expose, emit }) {
@@ -530,6 +530,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: el,
         class: normalizeClass(["dropdown", { "dropdown--disabled": __props.disabled }]),
         tabindex: __props.disabled ? -1 : 0,
+        "data-testid": `${__props.testId}-${unref(DropdownTestIdModifiers).WRAPPER}`,
         onKeydown
       }, [
         renderSlot(_ctx.$slots, "label", {}, void 0, true),
@@ -547,7 +548,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           shown: !!unref(open),
           "auto-hide": false,
           container: __props.container,
-          "auto-size": __props.autoSize
+          "auto-size": __props.autoSize,
+          "data-testid": `${__props.testId}-${unref(DropdownTestIdModifiers).TRIGGER}`
         }, {
           popper: withCtx(() => [
             createVNode(Transition, null, {
@@ -557,14 +559,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ref: listRef
                 }, [
                   __props.inlineSearch || __props.title ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    __props.title ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    __props.title ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: "dropdown-title__text",
+                      "data-testid": `${__props.testId}-${unref(DropdownTestIdModifiers).TITLE}`
+                    }, [
                       createVNode(unref(Text), { strong: "" }, {
                         default: withCtx(() => [
                           createTextVNode(toDisplayString(__props.title), 1)
                         ]),
                         _: 1
                       })
-                    ])) : createCommentVNode("", true),
+                    ], 8, _hoisted_6)) : createCommentVNode("", true),
                     __props.inlineSearch ? (openBlock(), createBlock(unref(Search), {
                       key: 1,
                       modelValue: query.value,
@@ -573,8 +579,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       class: "dropdown-title__search",
                       variant: "transparent",
                       size: "md",
+                      "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).SEARCH}`,
                       onKeydown
-                    }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
+                    }, null, 8, ["modelValue", "placeholder", "test-id"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
                   unref(open) ? (openBlock(), createElementBlock("div", {
                     key: 1,
@@ -584,13 +591,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "input-list", { open: unref(open) }, void 0, true),
                     createElementVNode("div", mergeProps(unref(containerProps), {
                       class: ["list-container", { "list-container--multi": __props.multi }],
-                      style: { height: `${unref(calculateTableHeight)}rem` }
+                      style: { height: `${unref(calculateTableHeight)}rem` },
+                      "data-testid": `${__props.testId}-${unref(DropdownTestIdModifiers).LIST_CONTAINER}`
                     }), [
                       createElementVNode("ul", mergeProps(unref(wrapperProps), {
                         role: "listbox",
                         class: ["list", { "list--multi": __props.multi }]
                       }), [
-                        !unref(filteredOptions).length && !__props.loading ? (openBlock(), createElementBlock("li", _hoisted_7, [
+                        !unref(filteredOptions).length && !__props.loading ? (openBlock(), createElementBlock("li", _hoisted_8, [
                           createVNode(unref(Text), {
                             size: "sm",
                             class: "no-result"
@@ -601,13 +609,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        __props.loading ? (openBlock(), createElementBlock("li", _hoisted_8, [
+                        __props.loading ? (openBlock(), createElementBlock("li", _hoisted_9, [
                           createVNode(unref(Icon), {
                             "font-size": "md",
                             class: "loader-icon"
                           }, {
                             default: withCtx(() => [
-                              _hoisted_9
+                              _hoisted_10
                             ]),
                             _: 1
                           }),
@@ -618,7 +626,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        __props.showSelectAll ? (openBlock(), createElementBlock("li", _hoisted_10, [
+                        __props.showSelectAll ? (openBlock(), createElementBlock("li", _hoisted_11, [
                           createVNode(Option, {
                             "aria-selected": unref(allSelected),
                             "aria-disabled": !!__props.disabled,
@@ -645,37 +653,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               selected: isSelected(toRaw(unref(selectedOption)), data),
                               active: toRaw(unref(activeIndex)) === index
                             }, void 0, true)
-                          ], 8, _hoisted_11);
+                          ], 8, _hoisted_12);
                         }), 128)) : createCommentVNode("", true)
                       ], 16)
-                    ], 16),
-                    __props.multi ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                    ], 16, _hoisted_7),
+                    __props.multi ? (openBlock(), createElementBlock("div", _hoisted_13, [
                       createVNode(unref(Button), {
                         ref_key: "cancel",
                         ref: cancel,
                         size: "sm",
                         variant: "border",
                         theme: "third",
+                        "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).ACTION_CANCEL}`,
                         onClick: onCancel
                       }, {
                         default: withCtx(() => [
                           createTextVNode(" Cancel ")
                         ]),
                         _: 1
-                      }, 512),
+                      }, 8, ["test-id"]),
                       createVNode(unref(Button), {
                         ref_key: "apply",
                         ref: apply,
                         "data-testid": "mutli-apply",
                         size: "sm",
                         class: "apply-button",
+                        "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).ACTION_APPLY}`,
                         onClick: onApply
                       }, {
                         default: withCtx(() => [
                           createTextVNode("Apply ")
                         ]),
                         _: 1
-                      }, 512)
+                      }, 8, ["test-id"])
                     ])) : createCommentVNode("", true)
                   ], 32)) : createCommentVNode("", true)
                 ], 512)
@@ -743,31 +753,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 2)
           ]),
           _: 3
-        }, 8, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"]),
+        }, 8, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size", "data-testid"]),
         !__props.error && __props.helperText ? (openBlock(), createBlock(unref(Text), {
           key: 0,
           size: "caption",
-          class: "helper-text"
+          class: "helper-text",
+          "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).HELPER_TEXT}`
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.helperText), 1)
           ]),
           _: 1
-        })) : createCommentVNode("", true),
+        }, 8, ["test-id"])) : createCommentVNode("", true),
         __props.error ? (openBlock(), createBlock(unref(Text), {
           key: 1,
           size: "caption",
-          class: "helper-text helper-text--error"
+          class: "helper-text helper-text--error",
+          "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).HELPER_TEXT_ERROR}`
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.error), 1)
           ]),
           _: 1
-        })) : createCommentVNode("", true)
+        }, 8, ["test-id"])) : createCommentVNode("", true)
       ], 42, _hoisted_1);
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12b53c10"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b0dd6db"]]);
 
 export { Dropdown as default };

package/components/dropdown/index.d.ts

@@ -18,6 +18,11 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     theme: {
         type: import("vue").PropType<string>;
     } & {
@@ -204,6 +209,11 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     theme: {
         type: import("vue").PropType<string>;
     } & {
@@ -371,6 +381,7 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
     size: "sm" | "lg";
     title: string;
     error: string;
+    testId: string;
     theme: string;
     placement: import("floating-vue").Placement;
     disabled: boolean;

package/components/filterDropdown/AddFilterButton.vue.d.ts

@@ -2,10 +2,12 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     selected?: boolean;
     disabled?: boolean;
     prefix?: string;
+    testId?: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     selected?: boolean;
     disabled?: boolean;
     prefix?: string;
+    testId?: string;
 }>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/filterDropdown/AddFilterButton.vue.js

@@ -10,7 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     selected: { type: Boolean },
     disabled: { type: Boolean },
-    prefix: null
+    prefix: null,
+    testId: null
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -19,7 +20,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["add-filter", { disabled: __props.disabled }]),
         selected: __props.selected,
         disabled: __props.disabled,
-        prefix: __props.prefix
+        prefix: __props.prefix,
+        "test-id": __props.testId
       }, createSlots({
         default: withCtx(() => [
           createVNode(Text, {
@@ -44,10 +46,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["class", "selected", "disabled", "prefix"]);
+      ]), 1032, ["class", "selected", "disabled", "prefix", "test-id"]);
     };
   }
 });
-var AddFilterButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aef29636"]]);
+var AddFilterButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44051188"]]);
 
 export { AddFilterButton as default };

package/components/filterDropdown/FilterDropdown.vue.d.ts

@@ -6,9 +6,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSearch: (item: unknown) => boolean;
     options: unknown[];
     addNewFilter: (filter: Filter) => void;
+    testId?: string;
 }>, {
     text: string;
     disabled: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     displayValue: (item: unknown) => string;
     text?: string;
@@ -16,11 +18,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onSearch: (item: unknown) => boolean;
     options: unknown[];
     addNewFilter: (filter: Filter) => void;
+    testId?: string;
 }>, {
     text: string;
     disabled: boolean;
+    testId: string;
 }>>>, {
     text: string;
+    testId: string;
     disabled: boolean;
 }>;
 export default _default;

package/components/filterDropdown/FilterDropdown.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     onSearch: null,
     options: null,
-    addNewFilter: null
+    addNewFilter: null,
+    testId: { default: "" }
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -25,18 +26,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         skidding: 0,
         "is-on-top": "",
         options: __props.options,
+        "test-id": __props.testId,
         "onUpdate:selected": __props.addNewFilter
       }, {
         input: withCtx(() => [
           createVNode(AddFilterButton, {
             class: "add-filter-button",
-            disabled: __props.disabled
+            disabled: __props.disabled,
+            "test-id": __props.testId
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.text), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])
+          }, 8, ["disabled", "test-id"])
         ]),
         default: withCtx(({ option }) => [
           createVNode(unref(Option), { option }, {
@@ -47,10 +50,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 1032, ["option"])
         ]),
         _: 1
-      }, 8, ["display-value", "disabled", "on-search", "options", "onUpdate:selected"]);
+      }, 8, ["display-value", "disabled", "on-search", "options", "test-id", "onUpdate:selected"]);
     };
   }
 });
-var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-439b9823"]]);
+var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-59e42a26"]]);
 
 export { FilterDropdown as default };