@ironsource/shared-ui 2.1.12-rc.25 → 2.1.12-rc.26

package/components/includeExclude/index.d.ts

@@ -17,13 +17,13 @@ declare const IncludeExcludeTypes: () => (({
             loading: boolean;
             autoFocus: boolean;
             hasSubtitle: boolean;
+            showClearAll: boolean;
             defaultOpen: boolean;
             isOnTop: boolean;
             onSearch: (option: any, term: string) => boolean;
             searchPlaceholder: string;
             titleText: string;
             alwayesOpen: boolean;
-            showClearAll: boolean;
             distanceOffset: number;
             skiddingOffset: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -63,6 +63,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showClearAll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -90,10 +94,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showClearAll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             distanceOffset: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -108,7 +108,7 @@ declare const IncludeExcludeTypes: () => (({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "defaultOpen" | "isOnTop" | "onSearch" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "showClearAll" | "defaultOpen" | "isOnTop" | "onSearch" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "distanceOffset" | "skiddingOffset">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -159,6 +159,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showClearAll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -186,10 +190,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showClearAll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             distanceOffset: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -214,13 +214,13 @@ declare const IncludeExcludeTypes: () => (({
             loading: boolean;
             autoFocus: boolean;
             hasSubtitle: boolean;
+            showClearAll: boolean;
             defaultOpen: boolean;
             isOnTop: boolean;
             onSearch: (option: any, term: string) => boolean;
             searchPlaceholder: string;
             titleText: string;
             alwayesOpen: boolean;
-            showClearAll: boolean;
             distanceOffset: number;
             skiddingOffset: number;
         }, {}, string> & {
@@ -280,6 +280,10 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClearAll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         defaultOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -307,10 +311,6 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showClearAll: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         distanceOffset: {
             type: import("vue").PropType<number>;
             default: number;
@@ -366,6 +366,10 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showClearAll: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     defaultOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -393,10 +397,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showClearAll: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     distanceOffset: {
         type: import("vue").PropType<number>;
         default: number;
@@ -421,13 +421,13 @@ declare const IncludeExcludeTypes: () => (({
     loading: boolean;
     autoFocus: boolean;
     hasSubtitle: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     isOnTop: boolean;
     onSearch: (option: any, term: string) => boolean;
     searchPlaceholder: string;
     titleText: string;
     alwayesOpen: boolean;
-    showClearAll: boolean;
     distanceOffset: number;
     skiddingOffset: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -460,13 +460,13 @@ declare const IncludeExcludeTypes: () => (({
             loading: boolean;
             autoFocus: boolean;
             hasSubtitle: boolean;
+            showClearAll: boolean;
             defaultOpen: boolean;
             isOnTop: boolean;
             onSearch: (option: any, term: string) => boolean;
             searchPlaceholder: string;
             titleText: string;
             alwayesOpen: boolean;
-            showClearAll: boolean;
             distanceOffset: number;
             skiddingOffset: number;
             isDraggable: boolean;
@@ -504,6 +504,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showClearAll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -531,10 +535,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showClearAll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             distanceOffset: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -559,7 +559,7 @@ declare const IncludeExcludeTypes: () => (({
             "onUpdate:modelValue"?: (value: unknown) => any;
             onChangeDragDrop?: (value: unknown) => any;
             onClickOutside?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "defaultOpen" | "isOnTop" | "onSearch" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "showClearAll" | "defaultOpen" | "isOnTop" | "onSearch" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -606,6 +606,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showClearAll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -633,10 +637,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showClearAll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             distanceOffset: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -672,13 +672,13 @@ declare const IncludeExcludeTypes: () => (({
             loading: boolean;
             autoFocus: boolean;
             hasSubtitle: boolean;
+            showClearAll: boolean;
             defaultOpen: boolean;
             isOnTop: boolean;
             onSearch: (option: any, term: string) => boolean;
             searchPlaceholder: string;
             titleText: string;
             alwayesOpen: boolean;
-            showClearAll: boolean;
             distanceOffset: number;
             skiddingOffset: number;
             isDraggable: boolean;
@@ -736,6 +736,10 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClearAll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         defaultOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -763,10 +767,6 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showClearAll: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         distanceOffset: {
             type: import("vue").PropType<number>;
             default: number;
@@ -828,6 +828,10 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showClearAll: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     defaultOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -855,10 +859,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showClearAll: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     distanceOffset: {
         type: import("vue").PropType<number>;
         default: number;
@@ -894,13 +894,13 @@ declare const IncludeExcludeTypes: () => (({
     loading: boolean;
     autoFocus: boolean;
     hasSubtitle: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     isOnTop: boolean;
     onSearch: (option: any, term: string) => boolean;
     searchPlaceholder: string;
     titleText: string;
     alwayesOpen: boolean;
-    showClearAll: boolean;
     distanceOffset: number;
     skiddingOffset: number;
     isDraggable: boolean;

package/components/switch/v4/SwitchV4.vue.d.ts

@@ -1,13 +1,18 @@
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: unknown[];
     modelValue: unknown;
     variant: 'primary' | 'default';
     testId?: string;
     iconKey?: string;
+    tooltipTextKey?: string;
+    tooltipPlacement?: TooltipPositions;
 }>, {
     testId: string;
     variant: string;
     iconKey: string;
+    tooltipTextKey: string;
+    tooltipPlacement: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -16,16 +21,22 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     variant: 'primary' | 'default';
     testId?: string;
     iconKey?: string;
+    tooltipTextKey?: string;
+    tooltipPlacement?: TooltipPositions;
 }>, {
     testId: string;
     variant: string;
     iconKey: string;
+    tooltipTextKey: string;
+    tooltipPlacement: string;
 }>>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     testId: string;
     variant: 'primary' | 'default';
+    tooltipPlacement: TooltipPositions;
     iconKey: string;
+    tooltipTextKey: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/switch/v4/SwitchV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SwitchV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_fa120cf6_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fa120cf6"]]);
+// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-cd6621a7"]]);
 export {
   s as default
 };

package/components/switch/v4/SwitchV4.vue2.js

@@ -1,46 +1,59 @@
- import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_fa120cf6_lang.css"; import { defineComponent as k, ref as h, onMounted as I, openBlock as l, createElementBlock as r, normalizeClass as u, unref as i, Fragment as V, renderList as $, createBlock as B } from "vue";
-import { useVModel as C } from "@vueuse/core";
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
+import { useVModel as I } from "@vueuse/core";
+import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
 import "../../button/v4/ButtonV4.vue.js";
-import w from "../../button/v4/IconButtonV4.vue.js";
+import $ from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import { SwitchTestIdModifiers as m } from "../../../testids/index.js";
-const y = ["data-testid"], g = /* @__PURE__ */ k({
+import B from "../../tooltip/v4/TooltipV4.vue.js";
+const K = ["data-testid"], A = /* @__PURE__ */ T({
   __name: "SwitchV4",
   props: {
     options: null,
     modelValue: null,
     variant: { default: "default" },
     testId: { default: "" },
-    iconKey: { default: "icon" }
+    iconKey: { default: "icon" },
+    tooltipTextKey: { default: "tooltipText" },
+    tooltipPlacement: { default: "top" }
   },
   emits: ["update:modelValue"],
   setup(t, { emit: f }) {
-    const a = t, n = h(), v = C(a, "modelValue", f), c = (e) => n.value === e;
-    I(() => {
-      n.value = a.options.findIndex(
-        (e) => e === a.modelValue
+    const i = t, n = h(), p = I(i, "modelValue", f), d = (e) => n.value === e;
+    k(() => {
+      n.value = i.options.findIndex(
+        (e) => e === i.modelValue
       );
     });
-    const p = (e, s) => {
-      n.value = s, v.value = e;
+    const v = (e, s) => {
+      n.value = s, p.value = e;
     };
-    return (e, s) => (l(), r("div", {
-      class: u(["switch", [`switch--variant-${t.variant}`]]),
-      "data-testid": `${t.testId}-${i(m).WRAPPER}`
+    return (e, s) => (c(), r("div", {
+      class: m(["switch", [`switch--variant-${t.variant}`]]),
+      "data-testid": `${t.testId}-${a(u).WRAPPER}`
     }, [
-      (l(!0), r(V, null, $(t.options, (d, o) => (l(), B(i(w), {
-        key: o,
-        class: u(["option", { "option--selected": c(o) }]),
-        "icon-name": d[t.iconKey],
-        size: "small",
-        color: c(o) ? t.variant : "default",
-        "data-testid": `${t.testId}-${i(m).BUTTON}`,
-        onClick: (M) => p(d, o)
-      }, null, 8, ["class", "icon-name", "color", "data-testid", "onClick"]))), 128))
-    ], 10, y));
+      (c(!0), r(x, null, V(t.options, (o, l) => (c(), w(a(B), {
+        key: l,
+        text: o[t.tooltipTextKey],
+        disabled: !o[t.tooltipTextKey],
+        placement: t.tooltipPlacement,
+        class: "option-wrapper"
+      }, {
+        default: y(() => [
+          C(a($), {
+            class: m(["option", { "option--selected": d(l) }]),
+            "icon-name": o[t.iconKey],
+            size: "small",
+            color: d(l) ? t.variant : "default",
+            "data-testid": `${t.testId}-${a(u).BUTTON}`,
+            onClick: (P) => v(o, l)
+          }, null, 8, ["class", "icon-name", "color", "data-testid", "onClick"])
+        ]),
+        _: 2
+      }, 1032, ["text", "disabled", "placement"]))), 128))
+    ], 10, K));
   }
 });
 export {
-  g as default
+  A as default
 };

package/components/switch/v4/index.d.ts

@@ -8,6 +8,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    tooltipPlacement: {
+        type: import("vue").PropType<"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">;
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -20,6 +24,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    tooltipTextKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -32,6 +40,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    tooltipPlacement: {
+        type: import("vue").PropType<"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">;
+        default: string;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -44,12 +56,18 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    tooltipTextKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     testId: string;
     variant: "default" | "primary";
+    tooltipPlacement: "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";
     iconKey: string;
+    tooltipTextKey: string;
 }>[];
 export { default as Switch } from './SwitchV4.vue';
 export { SwitchTypes };

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5b72e35a"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0963bb3c"]]);
 export {
-  s as default
+  a as default
 };

package/components/table/v4/DataGrid.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as g, openBlock as i, createElementBlock as o, createElementVNode as f, normalizeStyle as v, normalizeClass as u, renderSlot as c, createVNode as h, withCtx as $, createTextVNode as R, toDisplayString as P, createCommentVNode as n, isRef as Se, Fragment as T, renderList as x, mergeProps as L, createBlock as D } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as g, openBlock as i, createElementBlock as o, createElementVNode as f, normalizeStyle as v, normalizeClass as u, renderSlot as c, createVNode as h, withCtx as $, createTextVNode as R, toDisplayString as P, createCommentVNode as n, isRef as Se, Fragment as T, renderList as x, mergeProps as L, createBlock as D } from "vue";
 import p from "../../typography/v4/Typography.vue.js";
 import ke from "../../skeleton/v4/SkeletonV4.vue.js";
 import ge from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -67,9 +67,9 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
   setup(l, { expose: m, emit: k }) {
     const a = l;
     ye((s) => ({
-      "6eb1b581": l.zIndexBase,
-      "4420f996": t(ee),
-      "3030c624": t(K)
+      "63c838b5": l.zIndexBase,
+      "8cc8612e": t(ee),
+      ec9ca7bc: t(K)
     }));
     const b = fe(), Q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
       list: w,