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

package/components/icon/Icon.vue.js

@@ -184,7 +184,6 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/Success.vue': return import('./icons/Success.vue.js');
     case './icons/SuccessFull.vue': return import('./icons/SuccessFull.vue.js');
     case './icons/Switch.vue': return import('./icons/Switch.vue.js');
-    case './icons/TableEdit.vue': return import('./icons/TableEdit.vue.js');
     case './icons/TabletLandscape.vue': return import('./icons/TabletLandscape.vue.js');
     case './icons/TabletMac.vue': return import('./icons/TabletMac.vue.js');
     case './icons/TabletPortrait.vue': return import('./icons/TabletPortrait.vue.js');

package/components/icon/icons/index.d.ts

@@ -533,9 +533,6 @@ export declare const icons: {
     switch: {
         fileName: string;
     };
-    'table-edit': {
-        fileName: string;
-    };
     'tablet-landscape': {
         fileName: string;
     };

package/components/icon/icons/index.vue.js

@@ -533,9 +533,6 @@ const icons = {
   switch: {
     fileName: "Switch"
   },
-  "table-edit": {
-    fileName: "TableEdit"
-  },
   "tablet-landscape": {
     fileName: "TabletLandscape"
   },

package/components/icon/index.d.ts

@@ -534,9 +534,6 @@ declare const IconTypes: () => ({
     switch: {
         fileName: string;
     };
-    'table-edit': {
-        fileName: string;
-    };
     'tablet-landscape': {
         fileName: string;
     };

package/components/includeExclude/IncludeExclude.vue.d.ts

@@ -19,8 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     skiddingOffset?: number;
     hasSubtitle?: boolean;
     keyField: string;
-    isDraggable?: boolean;
-    draggableArgs?: object;
+    testId?: string;
 }>, {
     titleText: string;
     loading: boolean;
@@ -37,12 +36,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     distanceOffset: number;
     skiddingOffset: number;
     hasSubtitle: boolean;
-    isDraggable: boolean;
-    draggableArgs: any;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: unknown) => void;
-} & {
-    changeDragDrop: (value: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     titleText?: string;
     loading?: boolean;
@@ -63,8 +59,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     skiddingOffset?: number;
     hasSubtitle?: boolean;
     keyField: string;
-    isDraggable?: boolean;
-    draggableArgs?: object;
+    testId?: string;
 }>, {
     titleText: string;
     loading: boolean;
@@ -81,12 +76,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     distanceOffset: number;
     skiddingOffset: number;
     hasSubtitle: boolean;
-    isDraggable: boolean;
-    draggableArgs: any;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: unknown) => any;
-    onChangeDragDrop?: (value: unknown) => any;
 }, {
+    testId: string;
     loading: boolean;
     placement: Placement;
     disabled: boolean;
@@ -102,8 +96,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     alwayesOpen: boolean;
     distanceOffset: number;
     skiddingOffset: number;
-    isDraggable: boolean;
-    draggableArgs: object;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/includeExclude/IncludeExclude.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, mergeProps, Fragment, renderList, toRaw, isRef, nextTick } from 'vue';
+import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, normalizeClass, mergeProps, Fragment, renderList, toRaw, nextTick } from 'vue';
 import _sfc_main$1 from '../popover/Popover.vue.js';
 import Button from '../button/Button.vue.js';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import { IncludeExcludeTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import Text from '../typography/Text.vue.js';
 /* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
 /* empty css                                                      *//* empty css                                                                      */import Search from '../search/Search.vue.js';
@@ -11,39 +12,38 @@ import EmptyState from '../emptyState/EmptyState.vue.js';
 import { useToggle } from '../../composables/useToggle.vue.js';
 import { IncludeExcludeContext } from './IncludeExcludeContext.vue.js';
 import { onClickOutside, useClamp, useVirtualList } from '@vueuse/core';
-import draggable from 'vuedraggable';
 /* empty css                                                                */
 import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "include-exclude-header" };
-const _hoisted_2 = { class: "include-exclude-header-left-section" };
-const _hoisted_3 = { class: "include-exclude-header-right-section" };
-const _hoisted_4 = { class: "include-exclude-container-wrapper" };
-const _hoisted_5 = {
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = { class: "include-exclude-header" };
+const _hoisted_4 = { class: "include-exclude-header-left-section" };
+const _hoisted_5 = { class: "include-exclude-header-right-section" };
+const _hoisted_6 = { class: "include-exclude-container-wrapper" };
+const _hoisted_7 = {
   key: 0,
   class: "include-exclude-container"
 };
-const _hoisted_6 = {
+const _hoisted_8 = {
   key: 1,
   class: "include-exclude-container"
 };
-const _hoisted_7 = { class: "include-exclude-list-wrapper" };
-const _hoisted_8 = {
+const _hoisted_9 = ["data-testid"];
+const _hoisted_10 = {
   key: 1,
   class: "loader-wrapper"
 };
-const _hoisted_9 = ["aria-selected", "aria-disabled", "onClick"];
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = { key: 1 };
-const _hoisted_12 = { class: "loader-wrapper" };
-const _hoisted_13 = { class: "include-exclude-selected-wrapper" };
-const _hoisted_14 = {
+const _hoisted_11 = ["aria-selected", "aria-disabled", "onClick"];
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { class: "loader-wrapper" };
+const _hoisted_14 = ["data-testid"];
+const _hoisted_15 = {
   key: 0,
   class: "loader-wrapper"
 };
-const _hoisted_15 = { class: "include-exclude-selected-header-left" };
-const _hoisted_16 = { class: "include-exclude-selected-header-right" };
-const _hoisted_17 = { class: "drag-item" };
-const _hoisted_18 = { key: 2 };
+const _hoisted_16 = { class: "include-exclude-selected-header-left" };
+const _hoisted_17 = { class: "include-exclude-selected-header-right" };
+const _hoisted_18 = { key: 1 };
 const _hoisted_19 = { class: "loader-wrapper" };
 const _hoisted_20 = { class: "include-exclude-footer" };
 const _hoisted_21 = { class: "include-exclude-footer-buttons" };
@@ -69,10 +69,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     skiddingOffset: { default: 0 },
     hasSubtitle: { type: Boolean, default: false },
     keyField: null,
-    isDraggable: { type: Boolean, default: false },
-    draggableArgs: { default: null }
+    testId: { default: "" }
   },
-  emits: ["update:modelValue", "changeDragDrop"],
+  emits: ["update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
     const scrollPrerenderedItems = 10;
@@ -120,11 +119,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         (x) => props.onSearch(x, query.value)
       );
     });
-    const filteredOptionsWithoutGroup = computed(() => {
-      return filteredOptions.value.filter(
-        (option) => !option?.groupOption
-      );
-    });
     const onApply = () => {
       if (selectedOption.value?.length !== props.options?.length) {
         selectedOption.value = selectedOptionRef.value;
@@ -150,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return false;
       }
       const selected = selectedOptionRef.value;
-      const filtered = filteredOptionsWithoutGroup.value || filteredOptions.value;
+      const filtered = filteredOptions.value;
       if (selected === filtered) {
         return true;
       }
@@ -215,9 +209,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const activeIndex = useClamp(0, 0, maxClamped);
     const onSelect = (option) => {
-      if (option?.groupOption) {
-        return;
-      }
       inputRef.value?.focus();
       const rawSelectedOption = selectedOptionRef.value;
       if (rawSelectedOption.includes(option)) {
@@ -257,7 +248,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       removeSelection
     };
     const toggleSelectAll = () => {
-      selectedOptionRef.value = selectedOptionRef.value?.length !== filteredOptionsWithoutGroup.value?.length ? filteredOptionsWithoutGroup.value : [];
+      if (selectedOptionRef.value?.length !== filteredOptions.value?.length) {
+        selectedOptionRef.value = filteredOptions.value;
+      } else {
+        selectedOptionRef.value = [];
+      }
     };
     provide(IncludeExcludeContext, api);
     const filteredOptions = computed(() => {
@@ -296,19 +291,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         event.preventDefault();
       }
     };
-    const expandCollapseIds = ref([]);
-    const isCollapsed = (option) => {
-      return expandCollapseIds.value.includes(option?.[props.keyField]);
-    };
-    const toggleCollapse = (option) => {
-      if (option.groupOption) {
-        option.groupOption.isCollapse = !option?.groupOption.isCollapse;
-      }
-      expandCollapseIds.value = virtualOptions.value.filter((item) => item?.data?.groupOption?.isCollapse).flatMap((item) => item?.data?.groupOption?.childOptionsIds || []);
-    };
-    const onChangeDragDrop = () => {
-      emit("changeDragDrop", virtualOptionsSelected.value);
-    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), {
         distance: unref(popoverDistance) + __props.distanceOffset,
@@ -323,6 +305,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: buttonRef,
             class: "include-exclude-trigger",
             tabindex: "0",
+            "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).TRIGGER}`,
             onClick: triggerAction,
             onKeydown: onButtonKeydown
           }, [
@@ -332,18 +315,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref: buttonRef
               }, "Default trigger", 512)
             ], true)
-          ], 544)
+          ], 40, _hoisted_1)
         ]),
         content: withCtx(() => [
           createElementVNode("div", {
             ref_key: "popoverWrapperRef",
             ref: popoverWrapperRef,
-            class: normalizeClass(["include-exclude-content", {
-              "include-exclude-content-draggable": __props.isDraggable
-            }])
+            class: "include-exclude-content",
+            "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).CONTENT}`
           }, [
-            createElementVNode("div", _hoisted_1, [
-              createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
                 renderSlot(_ctx.$slots, "header-left-section", {}, () => [
                   __props.titleText ? (openBlock(), createBlock(unref(Text), {
                     key: 0,
@@ -358,7 +340,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })) : createCommentVNode("", true)
                 ], true)
               ]),
-              createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_5, [
                 renderSlot(_ctx.$slots, "header-right-section", {}, () => [
                   createVNode(unref(Search), {
                     ref_key: "searchRef",
@@ -368,18 +350,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     class: "include-exclude-header-right-section-search-input",
                     variant: "transparent",
                     placeholder: __props.searchPlaceholder,
-                    disabled: __props.loading
-                  }, null, 8, ["modelValue", "placeholder", "disabled"])
+                    disabled: __props.loading,
+                    "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).SEARCH}`
+                  }, null, 8, ["modelValue", "placeholder", "disabled", "data-testid"])
                 ], true)
               ])
             ]),
-            createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_6, [
               createVNode(Transition, {
                 name: "switch",
                 mode: "out-in"
               }, {
                 default: withCtx(() => [
-                  !unref(filteredOptions)?.length && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                  !unref(filteredOptions)?.length && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_7, [
                     renderSlot(_ctx.$slots, "no-result", {}, () => [
                       createVNode(unref(EmptyState), {
                         size: "lg",
@@ -389,8 +372,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         "icon-height": 72
                       })
                     ], true)
-                  ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
-                    createElementVNode("div", _hoisted_7, [
+                  ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+                    createElementVNode("div", {
+                      class: "include-exclude-list-wrapper",
+                      "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).LIST}`
+                    }, [
                       createElementVNode("div", {
                         class: normalizeClass(["include-exclude-list-header", {
                           "include-exclude-list-header-loading": __props.loading,
@@ -404,9 +390,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           "is-indeterminate": unref(selectedOption)?.length > 0 && !unref(isAllFilteredSelected),
                           disabled: !unref(filteredOptions)?.length,
                           label: "Select all",
+                          "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).SELECT_ALL}`,
                           onClick: toggleSelectAll
-                        }, null, 8, ["is-checked", "is-indeterminate", "disabled"])) : createCommentVNode("", true),
-                        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                        }, null, 8, ["is-checked", "is-indeterminate", "disabled", "data-testid"])) : createCommentVNode("", true),
+                        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_10, [
                           createVNode(unref(Skeleton), {
                             class: "dot-skeleton",
                             round: ""
@@ -414,11 +401,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           createVNode(unref(Skeleton), { round: "" })
                         ])) : createCommentVNode("", true)
                       ], 2),
-                      createElementVNode("div", mergeProps({ class: "include-exclude-list" }, unref(containerProps), {
-                        class: {
-                          "include-exclude-list-draggable": __props.isDraggable
-                        }
-                      }), [
+                      createElementVNode("div", mergeProps({ class: "include-exclude-list" }, unref(containerProps)), [
                         !__props.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperProps), {
                           ref_key: "listRef",
                           ref: listRef,
@@ -431,30 +414,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               "aria-disabled": !!__props.disabled,
                               onClick: () => onSelect(data)
                             }, [
-                              data.groupOption ? (openBlock(), createElementBlock("div", {
-                                key: 0,
-                                class: "option-collapse",
-                                onClick: ($event) => toggleCollapse(data)
-                              }, [
-                                renderSlot(_ctx.$slots, "option-group", { option: data }, void 0, true)
-                              ], 8, _hoisted_10)) : createCommentVNode("", true),
-                              !data.groupOption && !isCollapsed(data) ? renderSlot(_ctx.$slots, "option", {
-                                key: 1,
+                              renderSlot(_ctx.$slots, "option", {
                                 showCheckbox: true,
                                 option: data,
                                 selected: toRaw(unref(selectedOption)) === data,
                                 active: toRaw(unref(activeIndex)) === index
-                              }, void 0, true) : createCommentVNode("", true)
-                            ], 8, _hoisted_9);
+                              }, void 0, true)
+                            ], 8, _hoisted_11);
                           }), 128))
                         ], 16)) : createCommentVNode("", true),
-                        __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_11, [
+                        __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_12, [
                           (openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
                             return createElementVNode("li", {
                               key: n,
                               class: "include-exclude-list-item-skeleton"
                             }, [
-                              createElementVNode("div", _hoisted_12, [
+                              createElementVNode("div", _hoisted_13, [
                                 createVNode(unref(Skeleton), {
                                   class: "dot-skeleton",
                                   round: ""
@@ -465,18 +440,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }), 64))
                         ])) : createCommentVNode("", true)
                       ], 16)
-                    ]),
-                    createElementVNode("div", _hoisted_13, [
+                    ], 8, _hoisted_9),
+                    createElementVNode("div", {
+                      class: "include-exclude-selected-wrapper",
+                      "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).LIST_SELECTED}`
+                    }, [
                       createElementVNode("div", {
                         class: normalizeClass(["include-exclude-selected-header", {
                           "include-exclude-list-selected-header-loading": __props.loading,
                           "include-exclude-list-header-loaded": !__props.loading
                         }])
                       }, [
-                        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_15, [
                           createVNode(unref(Skeleton), { round: "" })
                         ])) : createCommentVNode("", true),
-                        createElementVNode("div", _hoisted_15, [
+                        createElementVNode("div", _hoisted_16, [
                           !__props.loading ? (openBlock(), createBlock(unref(Text), {
                             key: 0,
                             class: "include-exclude-selected-header-left-selected",
@@ -488,30 +466,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             _: 1
                           })) : createCommentVNode("", true)
                         ]),
-                        createElementVNode("div", _hoisted_16, [
-                          renderSlot(_ctx.$slots, "selected-header-right", {}, () => [
-                            unref(selectedOption)?.length && !__props.loading && __props.showClearAll ? (openBlock(), createBlock(unref(Button), {
-                              key: 0,
-                              variant: "link",
-                              theme: "third",
-                              size: "md",
-                              strong: false,
-                              onClick: clearSelections
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode("Clear all")
-                              ]),
-                              _: 1
-                            })) : createCommentVNode("", true)
-                          ], true)
+                        createElementVNode("div", _hoisted_17, [
+                          unref(selectedOption)?.length && !__props.loading && __props.showClearAll ? (openBlock(), createBlock(unref(Button), {
+                            key: 0,
+                            variant: "link",
+                            theme: "third",
+                            size: "md",
+                            strong: false,
+                            "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).CLEAR_ALL}`,
+                            onClick: clearSelections
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode("Clear all")
+                            ]),
+                            _: 1
+                          }, 8, ["data-testid"])) : createCommentVNode("", true)
                         ])
                       ], 2),
-                      createElementVNode("div", mergeProps({
-                        class: ["include-exclude-selected-list", {
-                          "include-exclude-list-draggable": __props.isDraggable
-                        }]
-                      }, unref(containerPropsSelected)), [
-                        unref(selectedOption)?.length && !__props.loading && !__props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
+                      createElementVNode("div", mergeProps({ class: "include-exclude-selected-list" }, unref(containerPropsSelected)), [
+                        unref(selectedOption)?.length && !__props.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
                           ref: "SelectedlistRef",
                           tabindex: "2"
                         }), [
@@ -525,26 +498,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ]);
                           }), 128))
                         ], 16)) : createCommentVNode("", true),
-                        unref(selectedOption)?.length && !__props.loading && __props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
-                          ref: "SelectedlistRef",
-                          tabindex: "2"
-                        }), [
-                          createVNode(unref(draggable), mergeProps({
-                            modelValue: unref(virtualOptionsSelected),
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(virtualOptionsSelected) ? virtualOptionsSelected.value = $event : null)
-                          }, __props.draggableArgs, { onEnd: onChangeDragDrop }), {
-                            item: withCtx(({ element }) => [
-                              createElementVNode("div", _hoisted_17, [
-                                renderSlot(_ctx.$slots, "selected_option_draggable", {
-                                  option: element.data,
-                                  selected: toRaw(unref(selectedOption)) === element.data,
-                                  active: toRaw(unref(activeIndex)) === element.data.draggableItemKey
-                                }, void 0, true)
-                              ])
-                            ]),
-                            _: 3
-                          }, 16, ["modelValue"])
-                        ], 16)) : createCommentVNode("", true),
                         __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_18, [
                           (openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
                             return createElementVNode("li", {
@@ -558,16 +511,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }), 64))
                         ])) : createCommentVNode("", true)
                       ], 16)
-                    ])
+                    ], 8, _hoisted_14)
                   ]))
                 ]),
                 _: 3
               })
             ]),
-            renderSlot(_ctx.$slots, "footer", {
-              handleApply: onApply,
-              handleCancel: onCancel
-            }, () => [
+            renderSlot(_ctx.$slots, "footer", {}, () => [
               createElementVNode("div", _hoisted_20, [
                 createElementVNode("div", _hoisted_21, [
                   createVNode(unref(Button), {
@@ -577,36 +527,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     variant: "border",
                     theme: "third",
                     text: "Cancel",
+                    "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).ACTION_CANCEL}`,
                     onClick: onCancel
                   }, {
                     default: withCtx(() => [
                       createTextVNode("Cancel")
                     ]),
                     _: 1
-                  }, 512),
+                  }, 8, ["data-testid"]),
                   createVNode(unref(Button), {
                     ref_key: "apply",
                     ref: apply,
                     size: "sm",
                     theme: "primary",
                     text: "Apply",
+                    "data-testid": `${__props.testId}-${unref(IncludeExcludeTestIdModifiers).ACTION_APPLY}`,
                     onClick: onApply
                   }, {
                     default: withCtx(() => [
                       createTextVNode("Apply")
                     ]),
                     _: 1
-                  }, 512)
+                  }, 8, ["data-testid"])
                 ])
               ])
             ], true)
-          ], 2)
+          ], 8, _hoisted_2)
         ]),
         _: 3
       }, 8, ["distance", "skidding", "open", "placement"]);
     };
   }
 });
-var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-302e6d9c"]]);
+var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-791585e5"]]);
 
 export { IncludeExclude as default };

package/components/includeExclude/IncludeExcludeAppHeader.vue.js

@@ -4,10 +4,9 @@ import AppIcon from '../appIcon/AppIcon.vue.js';
 import { useSearch } from '../../composables/useSearch.vue.js';
 import IncludeExclude from './IncludeExclude.vue.js';
 import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                               */import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
-/* empty css                                                                         *//* empty css                                                            *//* empty css                                                                          */
+import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
+/* empty css                                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                            *//* empty css                                                                          */
 import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IncludeExcludeAppHeader",

package/components/includeExclude/IncludeExcludeChipFilter.vue.js

@@ -5,8 +5,8 @@ import { useSearch } from '../../composables/useSearch.vue.js';
 import IncludeExclude from './IncludeExclude.vue.js';
 import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                               *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                      *//* empty css                                                                  *//* empty css                                                                          *//* empty css                                                                         *//* empty css                                                                          */
+/* empty css                                                                  *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      *//* empty css                                                                  *//* empty css                                                                          *//* empty css                                                                         *//* empty css                                                                          */
 import "../../IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = ["src"];

package/components/includeExclude/includeExcludeMocks.d.ts

@@ -18,20 +18,8 @@ export type Platform = {
     name: string;
     icon: string;
 };
-export type groupOption = {
-    childOptionsIds: string[];
-    isCollapse: boolean;
-};
-export type EditColumns = {
-    name: string;
-    titleText: string;
-    icon: string;
-    disabled: boolean;
-    groupOption: groupOption;
-};
 export declare const apps: readonly Application[];
 /** used to test performance (756 apps) */
 export declare const applications: readonly Application[];
 export declare const countries: readonly Country[];
 export declare const platform: readonly Platform[];
-export declare const editColumns: readonly EditColumns[];