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

package/components/toggle/Toggle.vue.js

@@ -1,12 +1,14 @@
-import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
+import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, unref, normalizeClass, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
+import { ToggleTestIdModifiers } 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 { COLORS } from '../../consts/colors.vue.js';
 /* empty css                                                        */
 import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "toggle-wrap" };
-const _hoisted_2 = { class: "toggle-head" };
-const _hoisted_3 = ["disabled", "checked"];
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = { class: "toggle-head" };
+const _hoisted_4 = ["disabled", "checked", "data-testid"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
@@ -17,13 +19,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     helperText: { default: void 0 },
     isDisabled: { type: Boolean, default: false },
     isLoading: { type: Boolean, default: false },
-    color: { default: COLORS.PRIMARY_500 }
+    color: { default: COLORS.PRIMARY_500 },
+    testId: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "7a6f4588": __props.color
+      "189a2944": __props.color
     }));
     const toggleValue = () => {
       if (props.isDisabled)
@@ -32,12 +35,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "toggle-wrap",
+          "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).WRAPPER}`
+        }, [
           createElementVNode("div", {
             class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
+            "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).BODY}`,
             onClick: toggleValue
           }, [
-            createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
               __props.isLoading ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 class: normalizeClass(["loader", {
@@ -45,50 +52,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }])
               }, null, 2)) : createCommentVNode("", true)
             ])
-          ], 2),
+          ], 10, _hoisted_2),
           createElementVNode("input", {
             type: "checkbox",
             disabled: __props.isDisabled,
             checked: __props.modelValue,
+            "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).FIELD}`,
             class: "checkbox"
-          }, null, 8, _hoisted_3),
+          }, null, 8, _hoisted_4),
           createVNode(unref(Text), {
             size: "sm",
             "is-truncated": "",
-            class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }])
+            class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }]),
+            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).TEXT}`
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.modelValue ? __props.activeText : __props.inactiveText), 1)
             ]),
             _: 1
-          }, 8, ["class"])
-        ]),
+          }, 8, ["class", "test-id"])
+        ], 8, _hoisted_1),
         createElementVNode("div", null, [
           __props.helperText ? (openBlock(), createBlock(unref(Text), {
             key: 0,
             size: "caption",
-            class: "helper-text"
+            class: "helper-text",
+            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).HELPER_TEXT}`
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.helperText), 1)
             ]),
             _: 1
-          })) : createCommentVNode("", true),
+          }, 8, ["test-id"])) : createCommentVNode("", true),
           __props.errorText ? (openBlock(), createBlock(unref(Text), {
             key: 1,
             size: "caption",
-            class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }])
+            class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }]),
+            "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).ERROR_TEXT}`
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.errorText), 1)
             ]),
             _: 1
-          }, 8, ["class"])) : createCommentVNode("", true)
+          }, 8, ["class", "test-id"])) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27275176"]]);
+var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b2024eb"]]);
 
 export { Toggle as default };

package/components/toggle/index.d.ts

@@ -1,4 +1,9 @@
 declare const ToggleTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -41,6 +46,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -83,6 +93,7 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
+    testId: string;
     helperText: string;
     color: string;
     isLoading: boolean;

package/components/tooltip/TextWithTitleContent.vue.d.ts

@@ -1,10 +1,18 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     header: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    testId?: 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_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     header: string;
-}>>>, {}>;
+    testId?: string;
+}>, {
+    testId: string;
+}>>>, {
+    testId: string;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -15,3 +23,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/tooltip/TextWithTitleContent.vue.js

@@ -1,4 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { TooltipTestIdModifiers } 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                                                                      */
@@ -10,39 +11,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextWithTitleContent",
   props: {
     text: null,
-    header: null
+    header: null,
+    testId: { default: "" }
   },
   setup(__props) {
+    const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createVNode(unref(Text), {
             size: "md",
             "is-truncated": false,
-            strong: ""
+            strong: "",
+            "test-id": `${props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.header), 1)
             ]),
             _: 1
-          })
+          }, 8, ["test-id"])
         ]),
         createElementVNode("div", _hoisted_3, [
           createVNode(unref(Text), {
             size: "xs",
             "is-truncated": false,
-            strong: ""
+            strong: "",
+            "test-id": `${props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.text), 1)
             ]),
             _: 1
-          })
+          }, 8, ["test-id"])
         ])
       ]);
     };
   }
 });
-var TextWithTitleContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b51333e"]]);
+var TextWithTitleContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aef63464"]]);
 
 export { TextWithTitleContent as default };

package/components/tooltip/Tooltip.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme?: string;
     disabled?: boolean;
+    testId?: string;
 }>, {
     text: any;
     header: any;
@@ -16,6 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement: string;
     theme: 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<{
     text?: string;
     header?: string;
@@ -25,6 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme?: string;
     disabled?: boolean;
+    testId?: string;
 }>, {
     text: any;
     header: any;
@@ -34,9 +37,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement: string;
     theme: string;
     disabled: boolean;
+    testId: string;
 }>>>, {
     header: string;
     text: string;
+    testId: string;
     theme: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];

package/components/tooltip/Tooltip.vue.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
 import TextWithTitleContent from './TextWithTitleContent.vue.js';
+import { TooltipTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import Text from '../typography/Text.vue.js';
 import { Tooltip } from 'floating-vue';
 /* empty css                                             */
@@ -14,7 +15,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     forceShowWithTruncate: { type: Boolean, default: false },
     placement: { default: "top" },
     theme: { default: "default" },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    testId: { default: "" }
   },
   setup(__props) {
     const props = __props;
@@ -58,6 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         delay: { show: __props.delay, hide: 0 },
         placement: __props.placement,
         disabled: __props.disabled || __props.text && !textForDisplay.value,
+        "data-testid": `${__props.testId}-${unref(TooltipTestIdModifiers).TRIGGER}`,
         "auto-hide": ""
       }), {
         popper: withCtx(() => [
@@ -66,13 +69,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 0,
               size: "sm",
               "is-truncated": false,
-              strong: ""
+              strong: "",
+              "test-id": `${__props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(textForDisplay.value), 1)
               ]),
               _: 1
-            })) : (openBlock(), createBlock(TextWithTitleContent, {
+            }, 8, ["test-id"])) : (openBlock(), createBlock(TextWithTitleContent, {
               key: 1,
               text: __props.text,
               header: __props.header
@@ -89,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 512)
         ]),
         _: 3
-      }, 16, ["theme", "triggers", "delay", "placement", "disabled"]);
+      }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]);
     };
   }
 });

package/components/tooltip/index.d.ts

@@ -9,6 +9,11 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     theme: {
         type: import("vue").PropType<string>;
     } & {
@@ -50,6 +55,11 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     theme: {
         type: import("vue").PropType<string>;
     } & {
@@ -83,6 +93,7 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
 }>>, {
     header: string;
     text: string;
+    testId: string;
     theme: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];

package/components/typography/Heading.vue.d.ts

@@ -1,15 +1,20 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     level?: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
+    testId?: string;
 }>, {
     level: 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_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     level?: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
+    testId?: string;
 }>, {
     level: string;
+    testId: string;
 }>>>, {
     level: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
+    testId: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/typography/Heading.vue.js

@@ -1,4 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
+import { HeaderTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Heading.vue_vue_type_style_index_0_scoped_true_lang.css";
@@ -6,7 +7,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Heading",
   props: {
     isTruncated: { type: Boolean },
-    level: { default: "1" }
+    level: { default: "1" },
+    testId: { default: "" }
   },
   setup(__props) {
     const props = __props;
@@ -18,16 +20,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
-        class: normalizeClass(["heading", { truncate: __props.isTruncated }])
+        class: normalizeClass(["heading", { truncate: __props.isTruncated }]),
+        "data-testid": `${__props.testId}-${unref(HeaderTestIdModifiers).HEADER}`
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _: 3
-      }, 8, ["class"]);
+      }, 8, ["class", "data-testid"]);
     };
   }
 });
-var Heading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc7b6ce8"]]);
+var Heading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe98da04"]]);
 
 export { Heading as default };

package/components/typography/Text.vue.d.ts

@@ -2,16 +2,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isTruncated?: boolean;
     strong?: boolean;
     size?: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
+    testId?: string;
 }>, {
     size: 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_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     strong?: boolean;
     size?: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
+    testId?: string;
 }>, {
     size: string;
+    testId: string;
 }>>>, {
     size: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
+    testId: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/typography/Text.vue.js

@@ -1,13 +1,16 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { TextTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Text.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["data-testid"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Text",
   props: {
     isTruncated: { type: Boolean },
     strong: { type: Boolean },
-    size: { default: "md" }
+    size: { default: "md" },
+    testId: { default: "" }
   },
   setup(__props) {
     const props = __props;
@@ -16,13 +19,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }])
+        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }]),
+        "data-testid": `${__props.testId}-${unref(TextTestIdModifiers).TEXT}`
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
+      ], 10, _hoisted_1);
     };
   }
 });
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f640dd6"]]);
+var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6659fd26"]]);
 
 export { Text as default };

package/components/typography/index.d.ts

@@ -4,6 +4,11 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
@@ -13,11 +18,17 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
 }>>, {
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+    testId: string;
 }> | import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
@@ -27,6 +38,11 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     strong: {
         type: import("vue").PropType<boolean>;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
@@ -39,11 +55,17 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     strong: {
         type: import("vue").PropType<boolean>;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
 }>>, {
     size: "md" | "sm" | "lg" | "caption" | "xs";
+    testId: string;
 }>)[];
 export { default as Heading } from './Heading.vue';
 export { default as Text } from './Text.vue';

package/index.vue.js

@@ -1,4 +1,4 @@
-import './FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './AddFilterButton.vue_vue_type_style_index_0_scoped_true_lang.css';
 export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
 export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
 export { MenuItemTypes } from './components/menuItem/index.vue.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.2-rc.15",
+  "version": "1.4.2-rc.17",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"