@ironsource/shared-ui 2.1.12-test.50 → 2.1.12-test.52

package/components/sortableList/SortableList.vue2.js

@@ -1,25 +1,25 @@
- import "../../SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css"; import { defineComponent as z, useCssVars as G, useSlots as U, computed as y, ref as K, openBlock as d, createElementBlock as r, mergeProps as V, unref as l, normalizeClass as Q, renderSlot as h, createCommentVNode as c, createBlock as v, isRef as j, withCtx as S, Fragment as B, renderList as D, createSlots as E, createElementVNode as J, createVNode as H, createTextVNode as W, toDisplayString as X } from "vue";
-import { VueDraggable as Y } from "vue-draggable-plus";
+ import "../../SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css"; import { defineComponent as P, useCssVars as z, useSlots as G, computed as S, ref as U, openBlock as s, createElementBlock as r, mergeProps as V, unref as l, normalizeClass as K, renderSlot as g, createCommentVNode as h, createBlock as p, isRef as A, withCtx as I, Fragment as x, renderList as B, createSlots as E, createElementVNode as Q, createVNode as H, createTextVNode as j, toDisplayString as J } from "vue";
+import { VueDraggable as W } from "vue-draggable-plus";
 import N from "./SortableItem.vue.js";
-import Z from "../search/v4/SearchV4.vue.js";
-import x from "../typography/v4/Typography.vue.js";
-import _ from "../skeleton/v4/SkeletonV4.vue.js";
-import { useVModel as ee } from "@vueuse/core";
+import X from "../search/v4/SearchV4.vue.js";
+import Y from "../typography/v4/Typography.vue.js";
+import Z from "../skeleton/v4/SkeletonV4.vue.js";
+import { useVModel as _ } from "@vueuse/core";
 import { matchString as q } from "../../utils/search.js";
-import { useTestIdAttrs as te } from "../../utils/testIds.js";
-import { SortableListTestIdModifiers as I } from "../../testids/index.js";
+import { useTestIdAttrs as ee } from "../../utils/testIds.js";
+import { SortableListTestIdModifiers as v } from "../../testids/index.js";
 import { DRAG_CURSOR_CSS_CLASS as O } from "./consts.js";
-const le = {
+const te = {
   key: 1,
   class: "sortable-list-container"
-}, ae = { class: "loader-bars" }, de = {
+}, le = { class: "loader-bars" }, de = {
   key: 3,
   class: "empty-state-title"
-}, ge = /* @__PURE__ */ z({
+}, ye = /* @__PURE__ */ P({
   __name: "SortableList",
   props: {
     items: { default: () => [] },
-    displayValue: { type: Function, default: (p) => p.displayText || p.toString() },
+    displayValue: { type: Function, default: (d) => d.displayText || d.toString() },
     openId: { default: null },
     selectedId: { default: null },
     selectedChildId: { default: null },
@@ -36,143 +36,144 @@ const le = {
     testId: { default: "" }
   },
   emits: ["sortableItemDragged", "update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
-  setup(p, { emit: F }) {
-    G((e) => ({
-      "2b5787e0": e.zIndexBase
+  setup(d, { emit: n }) {
+    const i = d;
+    z((t) => ({
+      "2b5787e0": d.zIndexBase
     }));
-    const n = p, s = F, m = U(), i = ee(n, "search", s), k = y(() => !!i.value?.trim()), C = y(() => k.value ? n.items.filter((e) => {
-      const a = e.children || [], t = i.value;
-      return n.searchHandler ? n.searchHandler(e, t) : q(e.displayText, t) || // match parent item
-      a.some((o) => q(o.displayText, t));
-    }) : n.items), f = y({
+    const y = G(), u = _(i, "search", n), k = S(() => !!u.value?.trim()), C = S(() => k.value ? i.items.filter((t) => {
+      const a = t.children || [], e = u.value;
+      return i.searchHandler ? i.searchHandler(t, e) : q(t.displayText, e) || // match parent item
+      a.some((o) => q(o.displayText, e));
+    }) : i.items), f = S({
       get() {
-        return C.value.filter((e) => !e.isLocked);
+        return C.value.filter((t) => !t.isLocked);
       },
-      set(e) {
-        s("update:items", [...e, ...L.value]);
+      set(t) {
+        n("update:items", [...t, ...L.value]);
       }
-    }), L = y(
-      () => C.value.filter((e) => e.isLocked)
-    ), b = K(!1), M = (e) => {
-      b.value = !0, setTimeout(() => e.target.classList.add(O), 50);
-    }, P = (e) => {
-      const { target: a, item: t, newIndex: o } = e;
+    }), L = S(
+      () => C.value.filter((t) => t.isLocked)
+    ), b = U(!1), F = (t) => {
+      b.value = !0, setTimeout(() => t.target.classList.add(O), 50);
+    }, M = (t) => {
+      const { target: a, item: e, newIndex: o } = t;
       b.value = !1, a.classList.remove(O);
-      const u = t.attributes["data-id"]?.value;
-      s("sortableItemDragged", { id: u, newIndex: o });
-    }, R = (e) => (k.value || e.id === n.openId) && !b.value, $ = (e, a) => {
-      a ? s("update:openId", e.id) : s("update:openId", null);
-    }, g = (e) => e.id === n.selectedId, w = (e) => {
-      s("update:selectedId", e.id), s("update:selectedChildId", null);
-    }, A = (e, a) => {
-      s("update:selectedChildId", e.id), s("update:selectedId", a.id), s("update:openId", a.id);
-    }, T = te(n.testId, I);
-    return (e, a) => (d(), r("div", V({ class: "sortable-list-and-header-container" }, l(T)[l(I).CONTAINER]), [
-      l(m).header || e.showSearch ? (d(), r("div", {
+      const c = e.attributes["data-id"]?.value;
+      n("sortableItemDragged", { id: c, newIndex: o });
+    }, D = (t) => (k.value || t.id === i.openId) && !b.value, R = (t, a) => {
+      a ? n("update:openId", t.id) : n("update:openId", null);
+    }, m = (t) => t.id === i.selectedId, $ = (t) => {
+      n("update:selectedId", t.id), n("update:selectedChildId", null);
+    }, w = (t, a) => {
+      n("update:selectedChildId", t.id), n("update:selectedId", a.id), n("update:openId", a.id);
+    }, T = ee(i.testId, v);
+    return (t, a) => (s(), r("div", V({ class: "sortable-list-and-header-container" }, l(T)[l(v).CONTAINER]), [
+      l(y).header || d.showSearch ? (s(), r("div", {
         key: 0,
-        class: Q(["header-container", { sticky: e.isSticky }])
+        class: K(["header-container", { sticky: d.isSticky }])
       }, [
-        l(m).header ? h(e.$slots, "header", { key: 0 }, void 0, !0) : c("", !0),
-        e.showSearch ? (d(), v(l(Z), {
+        l(y).header ? g(t.$slots, "header", { key: 0 }, void 0, !0) : h("", !0),
+        d.showSearch ? (s(), p(l(X), {
           key: 1,
-          modelValue: l(i),
-          "onUpdate:modelValue": a[0] || (a[0] = (t) => j(i) ? i.value = t : null),
-          placeholder: e.searchPlaceholder,
-          "test-id": e.testId,
-          onOnClear: a[1] || (a[1] = (t) => s("clearSearch"))
-        }, null, 8, ["modelValue", "placeholder", "test-id"])) : c("", !0)
-      ], 2)) : c("", !0),
-      e.isLoading ? h(e.$slots, "loader", { key: 2 }, () => [
-        J("div", ae, [
-          (d(!0), r(B, null, D(e.loadingRowCount, (t) => (d(), r("div", { key: t }, [
-            H(l(_), {
+          modelValue: l(u),
+          "onUpdate:modelValue": a[0] || (a[0] = (e) => A(u) ? u.value = e : null),
+          placeholder: d.searchPlaceholder,
+          "test-id": d.testId,
+          onOnClear: a[1] || (a[1] = (e) => n("clearSearch"))
+        }, null, 8, ["modelValue", "placeholder", "test-id"])) : h("", !0)
+      ], 2)) : h("", !0),
+      d.isLoading ? g(t.$slots, "loader", { key: 2 }, () => [
+        Q("div", le, [
+          (s(!0), r(x, null, B(d.loadingRowCount, (e) => (s(), r("div", { key: e }, [
+            H(l(Z), {
               round: "",
               class: "loader-bar"
             })
           ]))), 128))
         ])
-      ], !0) : (d(), r("div", le, [
-        f.value.length ? (d(), v(l(Y), V({
+      ], !0) : (s(), r("div", te, [
+        l(f).length ? (s(), p(l(W), V({
           key: 0,
-          modelValue: f.value,
-          "onUpdate:modelValue": a[2] || (a[2] = (t) => f.value = t),
+          modelValue: l(f),
+          "onUpdate:modelValue": a[2] || (a[2] = (e) => A(f) ? f.value = e : null),
           class: "sortable-list",
           filter: ".expand-icon",
           animation: 150,
           handle: ".draggable-handle",
-          disabled: k.value
-        }, l(T)[l(I).DRAGGABLE_LIST], {
-          onStart: M,
-          onEnd: P
+          disabled: l(k)
+        }, l(T)[l(v).DRAGGABLE_LIST], {
+          onStart: F,
+          onEnd: M
         }), {
-          default: S(() => [
-            (d(!0), r(B, null, D(f.value, (t, o) => (d(), v(N, {
-              key: t.id,
-              "data-id": t.id,
-              item: t,
+          default: I(() => [
+            (s(!0), r(x, null, B(l(f), (e, o) => (s(), p(N, {
+              key: e.id,
+              "data-id": e.id,
+              item: e,
               index: o,
-              "is-open": R(t),
-              "is-selected": g(t),
-              "selected-child-id": g(t) ? e.selectedChildId : null,
-              "display-value": e.displayValue,
-              "search-query": l(i),
-              "search-handler": e.searchHandler,
-              onToggle: (u) => $(t, u),
-              onSelect: (u) => w(t),
-              onSelectChild: (u) => A(u, t)
+              "is-open": D(e),
+              "is-selected": m(e),
+              "selected-child-id": m(e) ? d.selectedChildId : null,
+              "display-value": d.displayValue,
+              "search-query": l(u),
+              "search-handler": d.searchHandler,
+              onToggle: (c) => R(e, c),
+              onSelect: (c) => $(e),
+              onSelectChild: (c) => w(c, e)
             }, E({ _: 2 }, [
-              l(m).menu ? {
+              l(y).menu ? {
                 name: "menu",
-                fn: S(() => [
-                  h(e.$slots, "menu", { item: t }, void 0, !0)
+                fn: I(() => [
+                  g(t.$slots, "menu", { item: e }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["data-id", "item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
           ]),
           _: 3
-        }, 16, ["modelValue", "disabled"])) : c("", !0),
-        L.value.length ? (d(), r("div", V({
+        }, 16, ["modelValue", "disabled"])) : h("", !0),
+        l(L).length ? (s(), r("div", V({
           key: 1,
           class: "locked-list"
-        }, l(T)[l(I).LOCKED_LIST]), [
-          (d(!0), r(B, null, D(L.value, (t) => (d(), v(N, {
-            key: t.id,
-            item: t,
-            "is-open": R(t),
-            "is-selected": g(t),
-            "selected-child-id": g(t) ? e.selectedChildId : null,
-            "display-value": e.displayValue,
-            "search-query": l(i),
-            "on-search": e.searchHandler,
-            "child-list-max-height": e.childListMaxHeight,
-            onToggle: (o) => $(t, o),
-            onSelect: (o) => w(t),
-            onSelectChild: (o) => A(o, t)
+        }, l(T)[l(v).LOCKED_LIST]), [
+          (s(!0), r(x, null, B(l(L), (e) => (s(), p(N, {
+            key: e.id,
+            item: e,
+            "is-open": D(e),
+            "is-selected": m(e),
+            "selected-child-id": m(e) ? d.selectedChildId : null,
+            "display-value": d.displayValue,
+            "search-query": l(u),
+            "on-search": d.searchHandler,
+            "child-list-max-height": d.childListMaxHeight,
+            onToggle: (o) => R(e, o),
+            onSelect: (o) => $(e),
+            onSelectChild: (o) => w(o, e)
           }, E({ _: 2 }, [
-            l(m).menu ? {
+            l(y).menu ? {
               name: "menu",
-              fn: S(() => [
-                h(e.$slots, "menu", { item: t }, void 0, !0)
+              fn: I(() => [
+                g(t.$slots, "menu", { item: e }, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "child-list-max-height", "onToggle", "onSelect", "onSelectChild"]))), 128))
-        ], 16)) : c("", !0)
+        ], 16)) : h("", !0)
       ])),
-      !C.value.length && !e.isLoading ? (d(), r("div", de, [
-        h(e.$slots, "empty-state", {}, () => [
-          H(l(x), { variant: "body2" }, {
-            default: S(() => [
-              W(X(e.emptyStateTitle), 1)
+      !l(C).length && !d.isLoading ? (s(), r("div", de, [
+        g(t.$slots, "empty-state", {}, () => [
+          H(l(Y), { variant: "body2" }, {
+            default: I(() => [
+              j(J(d.emptyStateTitle), 1)
             ]),
             _: 1
           })
         ], !0)
-      ])) : c("", !0)
+      ])) : h("", !0)
     ], 16));
   }
 });
 export {
-  ge as default
+  ye as default
 };