@ironsource/shared-ui 2.1.7-test.4 → 2.1.7-test.6

package/components/table-cells/v4/EditableV4.vue2.js

@@ -1,13 +1,13 @@
- import "../../../EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as i, unref as t, createElementVNode as f, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
-import { editableCommon as x } from "../common/Editable.common.js";
-import v from "../../typography/v4/Typography.vue.js";
-import w from "../../input/v4/TextField.vue.js";
-import C from "../../icon/v4/IconV4.vue.js";
+ import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as i, unref as t, createElementVNode as f, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
+import { editableCommon as v } from "../common/Editable.common.js";
+import x from "../../typography/v4/Typography.vue.js";
+import C from "../../input/v4/TextField.vue.js";
+import w from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-const E = { class: "editable-wrapper" }, B = {
+const B = { class: "editable-wrapper" }, E = {
   key: 1,
   class: "editable-content"
-}, _ = /* @__PURE__ */ m({
+}, S = /* @__PURE__ */ m({
   __name: "EditableV4",
   props: {
     cell: { default: "" },
@@ -15,30 +15,31 @@ const E = { class: "editable-wrapper" }, B = {
     rowIndex: null,
     cellIndex: null,
     type: { default: "input" },
+    saveOnClickOutside: { type: Boolean, default: !0 },
     validateFunction: { type: Function, default: () => !1 },
     displayValue: { type: Function, default: (e) => e }
   },
   setup(e) {
-    const c = e, { onEdit: n, target: s, isEditing: p } = x(c);
+    const s = e, { onEdit: n, target: c, isEditing: u } = v(s);
     return (l, a) => (o(), i("div", {
       ref_key: "target",
-      ref: s,
+      ref: c,
       class: "editable",
       onClick: a[0] || (a[0] = //@ts-ignore
-      (...u) => t(n) && t(n)(...u))
+      (...p) => t(n) && t(n)(...p))
     }, [
-      f("div", E, [
-        t(p) ? r(l.$slots, "input", { key: 0 }, () => [
-          d(t(w))
-        ], !0) : (o(), i("div", B, [
+      f("div", B, [
+        t(u) ? r(l.$slots, "input", { key: 0 }, () => [
+          d(t(C))
+        ], !0) : (o(), i("div", E, [
           r(l.$slots, "content", {}, () => [
-            d(t(v), { variant: "body1" }, {
+            d(t(x), { variant: "body1" }, {
               default: y(() => [
                 k(V(e.displayValue(e.cell)), 1)
               ]),
               _: 1
             }),
-            e.type === "dropdown" ? (o(), b(t(C), {
+            e.type === "dropdown" ? (o(), b(t(w), {
               key: 0,
               class: "caret-icon",
               name: "caret-down",
@@ -51,5 +52,5 @@ const E = { class: "editable-wrapper" }, B = {
   }
 });
 export {
-  _ as default
+  S as default
 };

package/components/table-cells/v4/index.d.ts

@@ -6,6 +6,7 @@ declare const EditableTypes: () => ({
         $props: Partial<{
             type: "input" | "dropdown";
             cell: string;
+            saveOnClickOutside: boolean;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
             displayValue: (option: unknown) => unknown;
@@ -19,6 +20,10 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -39,7 +44,7 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<(option: unknown) => unknown>;
                 default: (cell: unknown) => unknown;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -63,6 +68,10 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -86,6 +95,7 @@ declare const EditableTypes: () => ({
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             type: "input" | "dropdown";
             cell: string;
+            saveOnClickOutside: boolean;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
             displayValue: (option: unknown) => unknown;
@@ -119,6 +129,10 @@ declare const EditableTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        saveOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -153,6 +167,10 @@ declare const EditableTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    saveOnClickOutside: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     validateFunction: {
         type: import("vue").PropType<(value: unknown) => string | boolean>;
         default: () => false;
@@ -176,6 +194,7 @@ declare const EditableTypes: () => ({
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "input" | "dropdown";
     cell: string;
+    saveOnClickOutside: boolean;
     validateFunction: (value: unknown) => string | boolean;
     isLoading: boolean;
     displayValue: (option: unknown) => unknown;

package/components/tabs/v4/TabsV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./TabsV4.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bab40cfe"]]);
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f9433b11"]]);
 export {
-  a as default
+  p as default
 };

package/components/tabs/v4/TabsV4.vue2.js

@@ -1,9 +1,9 @@
- import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; import { defineComponent as h, useCssVars as C, ref as v, watch as w, nextTick as $, openBlock as r, createElementBlock as l, mergeProps as y, unref as s, Fragment as S, renderList as g, normalizeClass as A, renderSlot as N, createBlock as V, withCtx as B, createTextVNode as M, toDisplayString as E, createCommentVNode as P, pushScopeId as W, popScopeId as _, createElementVNode as H } from "vue";
-import R from "../../typography/v4/Typography.vue.js";
-import { TabsTestIdModifiers as c } from "../../../testids/index.js";
+ import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; import { defineComponent as x, useCssVars as y, ref as l, watch as C, nextTick as $, openBlock as o, createElementBlock as c, mergeProps as w, unref as s, Fragment as A, renderList as S, normalizeClass as g, renderSlot as V, createBlock as B, withCtx as M, createTextVNode as N, toDisplayString as R, createCommentVNode as _, pushScopeId as E, popScopeId as P, createElementVNode as W } from "vue";
+import H from "../../typography/v4/Typography.vue.js";
+import { TabsTestIdModifiers as m } from "../../../testids/index.js";
 import { tabsCommon as z } from "../common/tabsCommon.js";
 import { useTestIdAttrs as D } from "../../../utils/testIds.js";
-const F = (t) => (W("data-v-bab40cfe"), t = t(), _(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ H("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ h({
+const F = (t) => (E("data-v-f9433b11"), t = t(), P(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ W("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ x({
   __name: "TabsV4",
   props: {
     tabsList: { default: () => [] },
@@ -12,59 +12,56 @@ const F = (t) => (W("data-v-bab40cfe"), t = t(), _(), t), U = ["data-testid", "o
     testId: { default: "" }
   },
   emits: ["update:selectedTab"],
-  setup(t, { emit: f }) {
-    const a = t;
-    C((o) => ({
-      "57c21ae0": b.value,
-      bdc3e3e6: m.value
+  setup(t, { emit: p }) {
+    const r = t;
+    y((a) => ({
+      "167b065e": v.value,
+      "8cfadb62": b.value
     }));
-    const {
-      skipUnwrap: p,
-      selectTab: T,
-      setHover: I,
-      clearHover: u,
-      tabsNewList: L,
-      getSelectedTabIndex: k
-    } = z(a, f), x = D(a.testId, c), d = (o) => o.id === a.selectedTab, m = v(), b = v();
-    return w(
-      [() => a.variant, () => a.selectedTab, () => a.tabsList],
+    const { skipUnwrap: T, selectTab: I, setHover: L, clearHover: u, getSelectedTabIndex: k } = z(r, p), f = l(null), h = D(r.testId, m), i = (a) => a.id === r.selectedTab, b = l(), v = l();
+    return C(
+      [() => r.variant, () => r.selectedTab, () => r.tabsList],
       async () => {
-        const o = k();
+        const a = k();
+        if (a === -1)
+          return;
         await $();
-        const i = L.value[o];
-        m.value = i?.clientWidth + "px", b.value = i?.offsetLeft + "px";
+        const e = Array.from(f.value?.children || []).at(a);
+        b.value = e?.clientWidth + "px", v.value = e?.offsetLeft + "px";
       },
       { immediate: !0 }
-    ), (o, i) => (r(), l("ul", y({
+    ), (a, n) => (o(), c("ul", w({
+      ref_key: "tabsListRef",
+      ref: f,
       class: ["tabs-list", [`tabs-list--${t.variant}`]]
-    }, s(x)[s(c).WRAPPER]), [
-      (r(!0), l(S, null, g(t.tabsList, (e) => (r(), l("li", {
+    }, s(h)[s(m).WRAPPER]), [
+      (o(!0), c(A, null, S(t.tabsList, (e) => (o(), c("li", {
         ref_for: !0,
-        ref: s(p).tabsNewList,
+        ref: s(T).tabsNewList,
         key: e.id,
-        class: A(["tab-item", {
+        class: g(["tab-item", {
           "tab-item--disabled": e.disabled,
-          "tab-item--active": d(e)
+          "tab-item--active": i(e)
         }]),
-        "data-testid": t.testId ? `${t.testId}-${s(c).TAB}-${e.id}` : void 0,
-        onClick: (n) => s(T)(e),
-        onMouseover: (n) => s(I)(e),
-        onMouseleave: i[0] || (i[0] = //@ts-ignore
-        (...n) => s(u) && s(u)(...n))
+        "data-testid": t.testId ? `${t.testId}-${s(m).TAB}-${e.id}` : void 0,
+        onClick: (d) => s(I)(e),
+        onMouseover: (d) => s(L)(e),
+        onMouseleave: n[0] || (n[0] = //@ts-ignore
+        (...d) => s(u) && s(u)(...d))
       }, [
-        N(o.$slots, "tab-icon", {
+        V(a.$slots, "tab-icon", {
           tab: e,
-          active: d(e)
+          active: i(e)
         }, void 0, !0),
-        e.name ? (r(), V(s(R), {
+        e.name ? (o(), B(s(H), {
           key: 0,
-          variant: d(e) ? "tabLabel2" : "tabLabel1"
+          variant: i(e) ? "tabLabel2" : "tabLabel1"
         }, {
-          default: B(() => [
-            M(E(e.name), 1)
+          default: M(() => [
+            N(R(e.name), 1)
           ]),
           _: 2
-        }, 1032, ["variant"])) : P("", !0)
+        }, 1032, ["variant"])) : _("", !0)
       ], 42, U))), 128)),
       j
     ], 16));