@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.51

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,18 +1,18 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; import { defineComponent as M, computed as $, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as z, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as O, renderList as V, withModifiers as x } from "vue";
-import U from "../../icon/v4/IconV4.vue.js";
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
+import D from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import D from "../../button/v4/ButtonV4.vue.js";
-import H from "../../button/v4/IconButtonV4.vue.js";
+import H from "../../button/v4/ButtonV4.vue.js";
+import F from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import S from "../../typography/v4/Typography.vue.js";
-import { snackbarCommon as F } from "../common/snackbar.common.js";
-import { useTestIdAttrs as G } from "../../../utils/testIds.js";
+import b from "../../typography/v4/Typography.vue.js";
+import { snackbarCommon as G } from "../common/snackbar.common.js";
+import { useTestIdAttrs as P } from "../../../utils/testIds.js";
 import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
-const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { class: "message" }, J = { class: "action-wrapper" }, K = {
+const R = ["id"], j = { class: "container" }, q = { class: "texts" }, J = { class: "message" }, K = { class: "action-wrapper" }, Q = {
   key: 0,
   class: "actions"
-}, Q = { class: "close-button-wrapper" }, ae = /* @__PURE__ */ M({
+}, W = { class: "close-button-wrapper" }, lt = /* @__PURE__ */ $({
   __name: "SnackbarV4",
   props: {
     customClass: null,
@@ -32,15 +32,15 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
     testId: { default: "" }
   },
   emits: ["destroy"],
-  setup(t) {
-    const u = t, {
-      visible: b,
-      horizontalClass: p,
-      positionStyle: w,
+  setup(e) {
+    const m = e, {
+      visible: p,
+      horizontalClass: w,
+      positionStyle: L,
       clearTimer: k,
       startTimer: C,
-      close: L
-    } = F(u), E = {
+      close: y
+    } = G(m), E = {
       info: {
         iconName: "info",
         class: "snackbar-icon-info"
@@ -53,83 +53,85 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
         iconName: "check-circle",
         class: "snackbar-icon-success"
       }
-    }, y = $(() => E[u.type]), r = G(u.testId, i);
-    return (m, o) => (n(), c(A, {
+    }, v = A(() => E[m.type]), r = P(m.testId, i), M = ({ closeOnClick: c, onClick: o }) => () => {
+      c && y(), o && o();
+    };
+    return (c, o) => (n(), d(O, {
       name: "snackbar",
-      onBeforeLeave: t.onClose,
-      onAfterLeave: o[3] || (o[3] = (s) => m.$emit("destroy"))
+      onBeforeLeave: e.onClose,
+      onAfterLeave: o[3] || (o[3] = (s) => c.$emit("destroy"))
     }, {
       default: f(() => [
-        g(a("div", l({
-          id: t.id,
-          class: ["snackbar light-theme-v4", [t.customClass, e(p)]],
-          style: e(w),
+        I(a("div", l({
+          id: e.id,
+          class: ["snackbar light-theme-v4", [e.customClass, t(w)]],
+          style: t(L),
           role: "alert"
-        }, e(r)[e(i).CONTAINER], {
+        }, t(r)[t(i).CONTAINER], {
           onMouseenter: o[0] || (o[0] = //@ts-ignore
-          (...s) => e(k) && e(k)(...s)),
+          (...s) => t(k) && t(k)(...s)),
           onMouseleave: o[1] || (o[1] = //@ts-ignore
-          (...s) => e(C) && e(C)(...s)),
+          (...s) => t(C) && t(C)(...s)),
           onClick: o[2] || (o[2] = //@ts-ignore
-          (...s) => t.onClick && t.onClick(...s))
+          (...s) => e.onClick && e.onClick(...s))
         }), [
-          a("div", R, [
-            a("div", j, [
-              t.title ? (n(), c(e(S), l({
+          a("div", j, [
+            a("div", q, [
+              e.title ? (n(), d(t(b), l({
                 key: 0,
                 variant: "h4",
                 class: "title"
-              }, e(r)[e(i).TITLE]), {
+              }, t(r)[t(i).TITLE]), {
                 default: f(() => [
-                  z(e(U), l({
-                    name: e(y).iconName,
+                  z(t(D), l({
+                    name: t(v).iconName,
                     type: "fill",
                     size: "20px",
-                    class: [e(y).class, "icon-container"]
-                  }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
-                  I(" " + T(t.title), 1)
+                    class: [t(v).class, "icon-container"]
+                  }, t(r)[t(i).ICON]), null, 16, ["name", "class"]),
+                  T(" " + h(e.title), 1)
                 ]),
                 _: 1
-              }, 16)) : d("", !0),
-              g(a("div", q, [
-                h(m.$slots, "default", {}, () => [
-                  t.dangerouslyUseHTMLString ? d("", !0) : (n(), c(e(S), l({
+              }, 16)) : u("", !0),
+              I(a("div", J, [
+                B(c.$slots, "default", {}, () => [
+                  e.dangerouslyUseHTMLString ? u("", !0) : (n(), d(t(b), l({
                     key: 0,
                     variant: "body2"
-                  }, e(r)[e(i).MESSAGE]), {
+                  }, t(r)[t(i).MESSAGE]), {
                     default: f(() => [
-                      I(T(t.message), 1)
+                      T(h(e.message), 1)
                     ]),
                     _: 1
                   }, 16))
                 ], !0)
               ], 512), [
-                [B, t.message]
+                [N, e.message]
               ]),
-              a("div", J, [
-                h(m.$slots, "actions", {}, () => [
-                  t.actionButtons ? (n(), N("div", K, [
-                    (n(!0), N(O, null, V(t.actionButtons, (s, v) => (n(), c(e(D), l({
-                      key: v,
-                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : "",
+              a("div", K, [
+                B(c.$slots, "actions", {}, () => [
+                  e.actionButtons ? (n(), S("div", Q, [
+                    (n(!0), S(V, null, x(e.actionButtons, (s, g) => (n(), d(t(H), l({
+                      key: g,
+                      "data-testid": e.testId ? `${e.testId}-${t(i).ACTION_BUTTON}-${g}` : "",
                       size: "small"
-                    }, { ...s }), null, 16, ["data-testid"]))), 128))
-                  ])) : d("", !0)
+                    }, { ...s, onClick: M(s) }), null, 16, ["data-testid"]))), 128))
+                  ])) : u("", !0)
                 ], !0)
               ])
             ]),
-            a("div", Q, [
-              t.showClose ? (n(), c(e(H), l({
+            a("div", W, [
+              e.showClose ? (n(), d(t(F), l({
                 key: 0,
                 "icon-name": "x",
                 size: "small"
-              }, e(r)[e(i).CLOSE], {
-                onClick: x(e(L), ["stop"])
-              }), null, 16, ["onClick"])) : d("", !0)
+              }, t(r)[t(i).CLOSE], {
+                onClick: U(t(y), ["stop"])
+              }), null, 16, ["onClick"])) : u("", !0)
             ])
           ])
-        ], 16, P), [
-          [B, e(b)]
+        ], 16, R), [
+          [N, t(p)]
         ])
       ]),
       _: 3
@@ -137,5 +139,5 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
   }
 });
 export {
-  ae as default
+  lt as default
 };

package/components/sortableList/SortableItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./SortableItem.vue2.js";
 /* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9dd4d372"]]);
+// import "../../SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7cb676f1"]]);
 export {
-  s as default
+  c as default
 };

package/components/sortableList/SortableItem.vue2.js

@@ -1,12 +1,12 @@
- import "../../SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css"; import { defineComponent as P, computed as x, watch as E, ref as $, openBlock as o, createElementBlock as a, normalizeClass as f, unref as e, withModifiers as c, createElementVNode as r, createVNode as h, createBlock as s, withCtx as b, createTextVNode as w, toDisplayString as F, createCommentVNode as u, renderSlot as z, mergeProps as S, normalizeProps as I, Fragment as R, renderList as D } from "vue";
+ import "../../SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css"; import { defineComponent as P, useSlots as E, computed as x, watch as $, ref as I, openBlock as l, createElementBlock as i, normalizeClass as f, unref as e, withModifiers as u, createElementVNode as a, createVNode as h, createBlock as r, withCtx as b, createTextVNode as S, toDisplayString as w, createCommentVNode as d, renderSlot as R, mergeProps as F, normalizeProps as D, Fragment as j, renderList as q } from "vue";
 import V from "../typography/v4/Typography.vue.js";
 import m from "../icon/v4/IconV4.vue.js";
 import L from "../icon/v4/IconFlag.vue.js";
-import j from "./SortableItemLabel.vue.js";
-import { useVirtualList as q } from "@vueuse/core";
-import { matchString as A } from "../../utils/search.js";
-import { useHoverEffect as G } from "./composables/useHoverEffect.js";
-const J = { class: "draggable-handle" }, K = { class: "item__prefix" }, U = ["onClick"], W = { class: "item__text" }, X = ["onClick"], re = /* @__PURE__ */ P({
+import A from "./SortableItemLabel.vue.js";
+import { useVirtualList as G } from "@vueuse/core";
+import { matchString as J } from "../../utils/search.js";
+import { useHoverEffect as K } from "./composables/useHoverEffect.js";
+const U = { class: "draggable-handle" }, W = { class: "item__prefix" }, X = ["onClick"], Y = { class: "item__text" }, Z = ["onClick"], ae = /* @__PURE__ */ P({
   __name: "SortableItem",
   props: {
     item: null,
@@ -20,121 +20,122 @@ const J = { class: "draggable-handle" }, K = { class: "item__prefix" }, U = ["on
   },
   emits: ["toggle", "select", "selectChild"],
   setup(t, { emit: y }) {
-    const n = t, Q = () => {
+    const n = t, Q = E(), B = () => {
       y("toggle", !n.isOpen);
     }, g = x(() => (n.item.children || []).filter(
-      (l) => n.searchHandler ? n.searchHandler(l, n.searchQuery) : A(l.displayText, n.searchQuery)
-    )), p = x(() => g.value.length > 0), B = (d) => d.id === n.selectedChildId, {
-      list: H,
-      containerProps: M,
-      wrapperProps: T,
+      (o) => n.searchHandler ? n.searchHandler(o, n.searchQuery) : J(o.displayText, n.searchQuery)
+    )), k = x(() => g.value.length > 0), H = (c) => c.id === n.selectedChildId, {
+      list: M,
+      containerProps: T,
+      wrapperProps: z,
       scrollTo: N
-    } = q(g, {
+    } = G(g, {
       itemHeight: 34
     });
-    E(
+    $(
       () => n.searchQuery,
       () => N(0)
     );
-    const k = $(null), { handleMouseout: v, handleMouseover: C } = G(
-      k,
+    const p = I(null), { handleMouseout: v, handleMouseover: C } = K(
+      p,
       "sortable-item--hovered"
     );
-    return (d, l) => (o(), a("div", {
+    return (c, o) => (l(), i("div", {
       ref_key: "itemRef",
-      ref: k,
+      ref: p,
       class: f(["sortable-item", { "sortable-item--selected": t.isSelected }]),
-      onMouseover: l[1] || (l[1] = //@ts-ignore
-      (...i) => e(C) && e(C)(...i)),
-      onMouseout: l[2] || (l[2] = //@ts-ignore
-      (...i) => e(v) && e(v)(...i)),
-      onClick: l[3] || (l[3] = c((i) => y("select"), ["stop"]))
+      onMouseover: o[1] || (o[1] = //@ts-ignore
+      (...s) => e(C) && e(C)(...s)),
+      onMouseout: o[2] || (o[2] = //@ts-ignore
+      (...s) => e(v) && e(v)(...s)),
+      onClick: o[3] || (o[3] = u((s) => y("select"), ["stop"]))
     }, [
-      r("div", {
+      a("div", {
         class: f(["item", { "drag-allowed": !t.item.isLocked && !t.searchQuery }])
       }, [
-        r("div", J, [
+        a("div", U, [
           h(e(m), {
             name: "dots-six-vertical",
             width: "20px",
             type: "bold"
           })
         ]),
-        r("div", K, [
-          t.item.isLocked ? (o(), s(e(m), {
+        a("div", W, [
+          t.item.isLocked ? (l(), r(e(m), {
             key: 1,
             class: "locked-icon",
             name: "lock",
             width: "16px"
-          })) : (o(), s(e(V), {
+          })) : (l(), r(e(V), {
             key: 0,
             class: "order-num",
             variant: "subtitle2"
           }, {
             default: b(() => [
-              w(F(t.index + 1) + ". ", 1)
+              S(w(t.index + 1) + ". ", 1)
             ]),
             _: 1
           }))
         ]),
-        e(p) && !t.searchQuery ? (o(), a("div", {
+        e(k) && !t.searchQuery ? (l(), i("div", {
           key: 0,
           class: "expand-icon",
-          onClick: c(Q, ["stop"])
+          onClick: u(B, ["stop"])
         }, [
-          t.isOpen ? (o(), s(e(m), {
+          t.isOpen ? (l(), r(e(m), {
             key: 0,
             name: "caret-down",
-            width: "16px"
-          })) : (o(), s(e(m), {
+            size: "16px"
+          })) : (l(), r(e(m), {
             key: 1,
             name: "caret-right",
-            width: "16px"
+            size: "16px"
           }))
-        ], 8, U)) : u("", !0),
-        r("div", W, [
-          t.item.countryFlag ? (o(), s(e(L), {
+        ], 8, X)) : d("", !0),
+        a("div", Y, [
+          t.item.countryFlag ? (l(), r(e(L), {
             key: 0,
             class: "country-flag",
             "country-code": t.item.countryFlag
-          }, null, 8, ["country-code"])) : u("", !0),
-          h(j, {
+          }, null, 8, ["country-code"])) : d("", !0),
+          h(A, {
             "display-value": t.displayValue,
             item: t.item
           }, null, 8, ["display-value", "item"])
         ]),
-        r("div", {
+        e(Q).menu ? (l(), i("div", {
+          key: 1,
           class: "item__menu",
-          onClick: l[0] || (l[0] = c(() => {
+          onClick: o[0] || (o[0] = u(() => {
           }, ["stop"]))
         }, [
-          z(d.$slots, "menu", {}, void 0, !0)
-        ])
+          R(c.$slots, "menu", {}, void 0, !0)
+        ])) : d("", !0)
       ], 2),
-      r("div", S(e(M), { class: "child-list" }), [
-        e(p) && t.isOpen ? (o(), a("ul", I(S({ key: 0 }, e(T))), [
-          (o(!0), a(R, null, D(e(H), ({ data: i, index: O }) => (o(), a("li", {
+      a("div", F(e(T), { class: "child-list" }), [
+        e(k) && t.isOpen ? (l(), i("ul", D(F({ key: 0 }, e(z))), [
+          (l(!0), i(j, null, q(e(M), ({ data: s, index: O }) => (l(), i("li", {
             key: O,
-            class: f({ selected: B(i) }),
-            onClick: c((Y) => y("selectChild", i), ["stop"])
+            class: f({ selected: H(s) }),
+            onClick: u((_) => y("selectChild", s), ["stop"])
           }, [
-            i.countryFlag ? (o(), s(e(L), {
+            s.countryFlag ? (l(), r(e(L), {
               key: 0,
               class: "country-flag",
-              "country-code": i.countryFlag
-            }, null, 8, ["country-code"])) : u("", !0),
+              "country-code": s.countryFlag
+            }, null, 8, ["country-code"])) : d("", !0),
             h(e(V), { variant: "body2" }, {
               default: b(() => [
-                w(F(t.displayValue(i)), 1)
+                S(w(t.displayValue(s)), 1)
               ]),
               _: 2
             }, 1024)
-          ], 10, X))), 128))
-        ], 16)) : u("", !0)
+          ], 10, Z))), 128))
+        ], 16)) : d("", !0)
       ], 16)
     ], 34));
   }
 });
 export {
-  re as default
+  ae as default
 };

package/components/sortableList/SortableItemLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./SortableItemLabel.vue2.js";
 /* empty css                        */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1386ae20"]]);
+// import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f2ced2f4"]]);
 export {
-  s as default
+  a as default
 };

package/components/sortableList/SortableItemLabel.vue2.js

@@ -1,30 +1,30 @@
- import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css"; import { defineComponent as m, openBlock as a, createBlock as u, unref as l, withCtx as t, createElementVNode as p, createElementBlock as c, Fragment as h, renderList as f, createVNode as i, createTextVNode as o, toDisplayString as r, normalizeClass as x } from "vue";
+ import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; import { defineComponent as m, openBlock as a, createBlock as p, unref as l, withCtx as e, createElementVNode as u, createElementBlock as d, Fragment as f, renderList as h, createVNode as i, createTextVNode as o, toDisplayString as r } from "vue";
 import n from "../typography/v4/Typography.vue.js";
-import y from "../tooltip/v4/TooltipV4.vue.js";
-const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
+import _ from "../tooltip/v4/TooltipV4.vue.js";
+const x = { class: "tooltip-content" }, g = /* @__PURE__ */ m({
   __name: "SortableItemLabel",
   props: {
     item: null,
     displayValue: null
   },
-  setup(e) {
-    return (b, T) => (a(), u(l(y), {
+  setup(t) {
+    return (y, b) => (a(), p(l(_), {
       class: "item-label",
       placement: "right",
-      disabled: !e.item.helpText
+      disabled: !t.item.helpText
     }, {
-      tooltip: t(() => [
-        p("div", _, [
-          (a(!0), c(h, null, f(e.item.helpText, (s, d) => (a(), c("div", {
-            key: d,
+      tooltip: e(() => [
+        u("div", x, [
+          (a(!0), d(f, null, h(t.item.helpText, (c, s) => (a(), d("div", {
+            key: s,
             class: "help"
           }, [
             i(l(n), {
               class: "help__title",
               variant: "h5"
             }, {
-              default: t(() => [
-                o(r(s.title), 1)
+              default: e(() => [
+                o(r(c.title), 1)
               ]),
               _: 2
             }, 1024),
@@ -32,29 +32,26 @@ const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
               class: "help__text",
               variant: "body2"
             }, {
-              default: t(() => [
-                o(r(s.text), 1)
+              default: e(() => [
+                o(r(c.text), 1)
               ]),
               _: 2
             }, 1024)
           ]))), 128))
         ])
       ]),
-      default: t(() => [
-        i(l(n), {
-          variant: "body2",
-          class: x({ "decorated-text": e.item.helpText?.length })
-        }, {
-          default: t(() => [
-            o(r(e.displayValue(e.item)), 1)
+      default: e(() => [
+        i(l(n), { variant: "body2" }, {
+          default: e(() => [
+            o(r(t.displayValue(t.item)), 1)
           ]),
           _: 1
-        }, 8, ["class"])
+        })
       ]),
       _: 1
     }, 8, ["disabled"]));
   }
 });
 export {
-  k as default
+  g as default
 };

package/components/sortableList/SortableList.vue.d.ts

@@ -67,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     emptyStateTitle: string;
     testId: string;
 }>>> & {
+    onClearSearch?: () => any;
     onSortableItemDragged?: (event: {
         id: string;
         newIndex: number;
@@ -76,7 +77,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:selectedId"?: (id: string | number) => any;
     "onUpdate:selectedChildId"?: (id: string | number) => any;
     "onUpdate:search"?: (query: string) => any;
-    onClearSearch?: () => any;
 }, {
     search: string;
     testId: string;

package/components/sortableList/SortableList.vue.js

@@ -1,7 +1,7 @@
 import o from "./SortableList.vue2.js";
-/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e9cd63b8"]]);
+/* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-156c01ca"]]);
 export {
   c as default
 };