@ironsource/shared-ui 2.1.7-rc.5 → 2.1.7-test.1

package/components/sortableList/SortableItem.vue2.js

@@ -1,140 +0,0 @@
- 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 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({
-  __name: "SortableItem",
-  props: {
-    item: null,
-    index: { default: null },
-    isOpen: { type: Boolean, default: !1 },
-    isSelected: { type: Boolean, default: !1 },
-    selectedChildId: { default: null },
-    searchQuery: { default: null },
-    searchHandler: { type: Function, default: null },
-    displayValue: null
-  },
-  emits: ["toggle", "select", "selectChild"],
-  setup(t, { emit: y }) {
-    const n = t, Q = () => {
-      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,
-      scrollTo: N
-    } = q(g, {
-      itemHeight: 34
-    });
-    E(
-      () => n.searchQuery,
-      () => N(0)
-    );
-    const k = $(null), { handleMouseout: v, handleMouseover: C } = G(
-      k,
-      "sortable-item--hovered"
-    );
-    return (d, l) => (o(), a("div", {
-      ref_key: "itemRef",
-      ref: k,
-      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"]))
-    }, [
-      r("div", {
-        class: f(["item", { "drag-allowed": !t.item.isLocked && !t.searchQuery }])
-      }, [
-        r("div", J, [
-          h(e(m), {
-            name: "dots-six-vertical",
-            width: "20px",
-            type: "bold"
-          })
-        ]),
-        r("div", K, [
-          t.item.isLocked ? (o(), s(e(m), {
-            key: 1,
-            class: "locked-icon",
-            name: "lock",
-            width: "16px"
-          })) : (o(), s(e(V), {
-            key: 0,
-            class: "order-num",
-            variant: "subtitle2"
-          }, {
-            default: b(() => [
-              w(F(t.index + 1) + ". ", 1)
-            ]),
-            _: 1
-          }))
-        ]),
-        e(p) && !t.searchQuery ? (o(), a("div", {
-          key: 0,
-          class: "expand-icon",
-          onClick: c(Q, ["stop"])
-        }, [
-          t.isOpen ? (o(), s(e(m), {
-            key: 0,
-            name: "caret-down",
-            width: "16px"
-          })) : (o(), s(e(m), {
-            key: 1,
-            name: "caret-right",
-            width: "16px"
-          }))
-        ], 8, U)) : u("", !0),
-        r("div", W, [
-          t.item.countryFlag ? (o(), s(e(L), {
-            key: 0,
-            class: "country-flag",
-            "country-code": t.item.countryFlag
-          }, null, 8, ["country-code"])) : u("", !0),
-          h(j, {
-            "display-value": t.displayValue,
-            item: t.item
-          }, null, 8, ["display-value", "item"])
-        ]),
-        r("div", {
-          class: "item__menu",
-          onClick: l[0] || (l[0] = c(() => {
-          }, ["stop"]))
-        }, [
-          z(d.$slots, "menu", {}, void 0, !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", {
-            key: O,
-            class: f({ selected: B(i) }),
-            onClick: c((Y) => y("selectChild", i), ["stop"])
-          }, [
-            i.countryFlag ? (o(), s(e(L), {
-              key: 0,
-              class: "country-flag",
-              "country-code": i.countryFlag
-            }, null, 8, ["country-code"])) : u("", !0),
-            h(e(V), { variant: "body2" }, {
-              default: b(() => [
-                w(F(t.displayValue(i)), 1)
-              ]),
-              _: 2
-            }, 1024)
-          ], 10, X))), 128))
-        ], 16)) : u("", !0)
-      ], 16)
-    ], 34));
-  }
-});
-export {
-  re as default
-};

package/components/sortableList/SortableItemLabel.vue.js

@@ -1,7 +0,0 @@
-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"]]);
-export {
-  s as default
-};

package/components/sortableList/SortableItemLabel.vue2.js

@@ -1,60 +0,0 @@
- 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 n from "../typography/v4/Typography.vue.js";
-import y from "../tooltip/v4/TooltipV4.vue.js";
-const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
-  __name: "SortableItemLabel",
-  props: {
-    item: null,
-    displayValue: null
-  },
-  setup(e) {
-    return (b, T) => (a(), u(l(y), {
-      class: "item-label",
-      placement: "right",
-      disabled: !e.item.helpText
-    }, {
-      tooltip: t(() => [
-        p("div", _, [
-          (a(!0), c(h, null, f(e.item.helpText, (s, d) => (a(), c("div", {
-            key: d,
-            class: "help"
-          }, [
-            i(l(n), {
-              class: "help__title",
-              variant: "h5"
-            }, {
-              default: t(() => [
-                o(r(s.title), 1)
-              ]),
-              _: 2
-            }, 1024),
-            i(l(n), {
-              class: "help__text",
-              variant: "body2"
-            }, {
-              default: t(() => [
-                o(r(s.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)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      _: 1
-    }, 8, ["disabled"]));
-  }
-});
-export {
-  k as default
-};

package/components/sortableList/SortableList.vue.js

@@ -1,7 +0,0 @@
-import o from "./SortableList.vue2.js";
-/* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-21842d59"]]);
-export {
-  p as default
-};

package/components/sortableList/SortableList.vue2.js

@@ -1,120 +0,0 @@
- import "../../SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css"; import { defineComponent as $, computed as p, ref as F, openBlock as c, createElementBlock as m, mergeProps as v, unref as t, createBlock as y, isRef as E, createCommentVNode as P, createVNode as w, withCtx as C, Fragment as x, renderList as B, renderSlot as D, createElementVNode as G } from "vue";
-import { VueDraggable as U } from "vue-draggable-plus";
-import R from "./SortableItem.vue.js";
-import M from "../search/v4/SearchV4.vue.js";
-import { useVModel as K } from "@vueuse/core";
-import { matchString as q } from "../../utils/search.js";
-import { useTestIdAttrs as Q } from "../../utils/testIds.js";
-import { SortableListTestIdModifiers as f } from "../../testids/index.js";
-import { DRAG_CURSOR_CSS_CLASS as H } from "./consts.js";
-const le = /* @__PURE__ */ $({
-  __name: "SortableList",
-  props: {
-    items: { default: () => [] },
-    displayValue: { type: Function, default: (d) => d.displayText || d.toString() },
-    openId: { default: null },
-    selectedId: { default: null },
-    selectedChildId: { default: null },
-    search: { default: null },
-    showSearch: { type: Boolean, default: !1 },
-    searchPlaceholder: { default: "Search" },
-    searchHandler: { type: Function, default: null },
-    testId: { default: "" }
-  },
-  emits: ["update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
-  setup(d, { emit: s }) {
-    const r = d, o = K(r, "search", s), S = p(() => !!o.value?.trim()), L = p(() => S.value ? r.items.filter((l) => {
-      const a = l.children || [], e = o.value;
-      return r.searchHandler ? r.searchHandler(l, e) : q(l.displayText, e) || // match parent item
-      a.some((n) => q(n.displayText, e));
-    }) : r.items), u = p({
-      get() {
-        return L.value.filter((l) => !l.isLocked);
-      },
-      set(l) {
-        s("update:items", [...l, ...V.value]);
-      }
-    }), V = p(
-      () => L.value.filter((l) => l.isLocked)
-    ), I = F(!1), N = (l) => {
-      I.value = !0, setTimeout(() => l.target.classList.add(H), 50);
-    }, O = (l) => {
-      I.value = !1, l.target.classList.remove(H);
-    }, T = (l) => (S.value || l.id === r.openId) && !I.value, b = (l, a) => {
-      a ? s("update:openId", l.id) : s("update:openId", null);
-    }, i = (l) => l.id === r.selectedId, k = (l) => {
-      s("update:selectedId", l.id), s("update:selectedChildId", null);
-    }, A = (l, a) => {
-      s("update:selectedChildId", l.id), s("update:selectedId", a.id), s("update:openId", a.id);
-    }, g = Q(r.testId, f);
-    return (l, a) => (c(), m("div", v({ class: "sortable-list-container" }, t(g)[t(f).CONTAINER]), [
-      d.showSearch ? (c(), y(t(M), {
-        key: 0,
-        modelValue: t(o),
-        "onUpdate:modelValue": a[0] || (a[0] = (e) => E(o) ? o.value = e : null),
-        class: "list-search",
-        placeholder: d.searchPlaceholder,
-        "test-id": d.testId,
-        onOnClear: a[1] || (a[1] = (e) => s("clearSearch"))
-      }, null, 8, ["modelValue", "placeholder", "test-id"])) : P("", !0),
-      w(t(U), v({
-        modelValue: t(u),
-        "onUpdate:modelValue": a[2] || (a[2] = (e) => E(u) ? u.value = e : null),
-        class: "sortable-list",
-        filter: ".expand-icon",
-        animation: 150,
-        handle: ".draggable-handle",
-        disabled: t(S)
-      }, t(g)[t(f).DRAGGABLE_LIST], {
-        onStart: N,
-        onEnd: O
-      }), {
-        default: C(() => [
-          (c(!0), m(x, null, B(t(u), (e, n) => (c(), y(R, {
-            key: e.id,
-            item: e,
-            index: n,
-            "is-open": T(e),
-            "is-selected": i(e),
-            "selected-child-id": i(e) ? d.selectedChildId : null,
-            "display-value": d.displayValue,
-            "search-query": t(o),
-            "search-handler": d.searchHandler,
-            onToggle: (h) => b(e, h),
-            onSelect: (h) => k(e),
-            onSelectChild: (h) => A(h, e)
-          }, {
-            menu: C(() => [
-              D(l.$slots, "menu", { item: e }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
-        ]),
-        _: 3
-      }, 16, ["modelValue", "disabled"]),
-      G("div", v({ class: "locked-list" }, t(g)[t(f).LOCKED_LIST]), [
-        (c(!0), m(x, null, B(t(V), (e) => (c(), y(R, {
-          key: e.id,
-          item: e,
-          "is-open": T(e),
-          "is-selected": i(e),
-          "selected-child-id": i(e) ? d.selectedChildId : null,
-          "display-value": d.displayValue,
-          "search-query": t(o),
-          "on-search": d.searchHandler,
-          onToggle: (n) => b(e, n),
-          onSelect: (n) => k(e),
-          onSelectChild: (n) => A(n, e)
-        }, {
-          menu: C(() => [
-            D(l.$slots, "menu", { item: e }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "onToggle", "onSelect", "onSelectChild"]))), 128))
-      ], 16)
-    ], 16));
-  }
-});
-export {
-  le as default
-};

package/components/sortableList/composables/useHoverEffect.js

@@ -1,19 +0,0 @@
-import { computed as t } from "vue";
-const d = (e, r) => {
-  const s = t(() => e.value ? Array.from(e.value.parentElement?.children || []) : []);
-  return {
-    handleMouseover: (n) => {
-      s.value.forEach(
-        (o) => o.classList.remove(r)
-      ), s.value.some(
-        (o) => o.classList.contains("sortable-chosen")
-      ) || n.currentTarget.classList.add(r);
-    },
-    handleMouseout: () => {
-      e.value.classList.remove(r);
-    }
-  };
-};
-export {
-  d as useHoverEffect
-};

package/components/sortableList/consts.js

@@ -1,4 +0,0 @@
-const r = "force-grabbing-cursor";
-export {
-  r as DRAG_CURSOR_CSS_CLASS
-};

package/components/sortableList/index.js

@@ -1,6 +0,0 @@
-import t from "./SortableList.vue.js";
-const r = () => [t];
-export {
-  t as SortableList,
-  r as SortableListTypes
-};

package/utils/search.js

@@ -1,4 +0,0 @@
-const t = (e, r) => e.toLowerCase().replace(/\s+/g, "").includes(r.toLowerCase().replace(/\s+/g, ""));
-export {
-  t as matchString
-};