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

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.d.ts

@@ -181,6 +181,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSelectionBordered: boolean;
 }>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
     column: Column;
+}) => any>> & Partial<Record<`after-header-${string}`, (_: {
+    column: Column;
 }) => any>> & Partial<Record<`total-${string}`, (_: {
     column: Column;
 }) => any>> & Partial<Record<`cell-${string}`, (_: {

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_b21a79b1_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b21a79b1"]]);
 export {
   s as default
 };