@ironsource/shared-ui 2.1.11-test.8 → 2.1.11-test.9

package/components/sortableList/SortableList.vue2.js

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

package/components/statusDot/StatusDot.vue.js

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

package/components/statusDot/StatusDot.vue2.js

@@ -0,0 +1,15 @@
+ import "../../StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css"; import { defineComponent as t, openBlock as s, createElementBlock as o, normalizeClass as a } from "vue";
+const r = /* @__PURE__ */ t({
+  __name: "StatusDot",
+  props: {
+    type: { default: "success" }
+  },
+  setup(e) {
+    return (n, c) => (s(), o("div", {
+      class: a([e.type, "status-dot"])
+    }, null, 2));
+  }
+});
+export {
+  r as default
+};

package/components/switch/v3/Switch.vue.js

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

package/components/switch/v3/Switch.vue2.js

@@ -0,0 +1,69 @@
+ import "../../../Switch.vue_vue_type_style_index_0_scoped_9c008fc4_lang.css"; import { defineComponent as b, ref as d, computed as k, onMounted as z, openBlock as r, createElementBlock as c, normalizeClass as u, unref as l, createElementVNode as V, normalizeStyle as g, Fragment as T, renderList as C, renderSlot as I, createVNode as y, withCtx as S, createTextVNode as E, toDisplayString as N } from "vue";
+import { useVModel as R } from "@vueuse/core";
+import B from "../../typography/Text.vue.js";
+import { SwitchTestIdModifiers as f } from "../../../testids/index.js";
+const M = ["data-testid"], P = ["aria-label", "data-testid", "onClick"], D = /* @__PURE__ */ b({
+  __name: "Switch",
+  props: {
+    options: null,
+    modelValue: null,
+    size: { default: "lg" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: v }) {
+    const n = e, w = d(null), p = R(n, "modelValue", v), i = d([]), x = { optionsRefs: i }, t = d(), m = k(() => ({
+      left: i.value[t.value]?.offsetLeft,
+      width: i.value[t.value]?.offsetWidth
+    }));
+    z(() => {
+      t.value = n.options.findIndex(
+        (s) => s === n.modelValue
+      );
+    });
+    const $ = (s, h) => {
+      t.value = h, p.value = s;
+    };
+    return (s, h) => (r(), c("div", {
+      class: u(["switch", { "switch--lg": e.size === "lg", "switch--sm": e.size === "sm" }]),
+      "data-testid": `${e.testId}-${l(f).WRAPPER}`
+    }, [
+      V("span", {
+        ref_key: "box",
+        ref: w,
+        class: u(["box", { "box--lg": e.size === "lg", "box--sm": e.size === "sm" }]),
+        style: g({
+          transform: `translateX(${l(m)?.left}px)`,
+          width: l(m)?.width + "px"
+        })
+      }, null, 6),
+      (r(!0), c(T, null, C(e.options, (o, a) => (r(), c("button", {
+        ref_for: !0,
+        ref: x.optionsRefs,
+        key: a,
+        "aria-label": o,
+        class: u([{ "option--selected": t.value === a }, "option"]),
+        "data-testid": `${e.testId}-${l(f).BUTTON}`,
+        onClick: (L) => $(o, a)
+      }, [
+        I(s.$slots, "default", {
+          option: o,
+          selected: t.value === a
+        }, () => [
+          y(B, {
+            size: "caption",
+            "data-testid": `${e.testId}-${l(f).TEXT}`
+          }, {
+            default: S(() => [
+              E(N(o), 1)
+            ]),
+            _: 2
+          }, 1032, ["data-testid"])
+        ], !0)
+      ], 10, P))), 128))
+    ], 10, M));
+  }
+});
+export {
+  D as default
+};

package/components/switch/v4/SwitchV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./SwitchV4.vue2.js";
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c2e356f5"]]);
+export {
+  s as default
+};

package/components/switch/v4/SwitchV4.vue2.js

@@ -0,0 +1,44 @@
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css"; import { defineComponent as p, ref as k, onMounted as v, openBlock as a, createElementBlock as d, unref as s, Fragment as I, renderList as V, createBlock as h, normalizeClass as B } from "vue";
+import { useVModel as C } from "@vueuse/core";
+import "../../button/v4/ButtonV4.vue.js";
+import $ from "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
+const w = ["data-testid"], S = /* @__PURE__ */ p({
+  __name: "SwitchV4",
+  props: {
+    options: null,
+    modelValue: null,
+    testId: { default: "" },
+    iconKey: { default: "icon" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: m }) {
+    const o = e, n = k(), u = C(o, "modelValue", m);
+    v(() => {
+      n.value = o.options.findIndex(
+        (t) => t === o.modelValue
+      );
+    });
+    const f = (t, i) => {
+      n.value = i, u.value = t;
+    };
+    return (t, i) => (a(), d("div", {
+      class: "switch",
+      "data-testid": `${e.testId}-${s(r).WRAPPER}`
+    }, [
+      (a(!0), d(I, null, V(e.options, (c, l) => (a(), h(s($), {
+        key: l,
+        class: B(["option", { "option--selected": n.value === l }]),
+        "icon-name": c[e.iconKey],
+        size: "small",
+        "data-testid": `${e.testId}-${s(r).BUTTON}`,
+        onClick: (y) => f(c, l)
+      }, null, 8, ["class", "icon-name", "data-testid", "onClick"]))), 128))
+    ], 8, w));
+  }
+});
+export {
+  S as default
+};

package/components/table/common/Table.common.js

@@ -0,0 +1,123 @@
+import { useSlots as G, ref as c, provide as N, computed as s, onMounted as V, nextTick as j } from "vue";
+import { useVirtualList as q, useInfiniteScroll as F } from "@vueuse/core";
+import { TableContext as J } from "./TableContext.js";
+const Q = 46, U = 46, tt = (e, u) => {
+  const S = G(), a = c([]);
+  N(J, {
+    onClose({ rowIndex: t, cellIndex: o, value: l } = {}) {
+      a.value = [...a.value, t], u("saveRow", {
+        rowIndex: t,
+        cellIndex: o,
+        value: l,
+        confirm: () => {
+          a.value = a.value.filter((n) => n !== t);
+        }
+      });
+    },
+    setActiveMenuRow(t) {
+      x.value = t;
+    }
+  });
+  const y = s(() => !!e.selection), C = s(() => {
+    const t = (y.value ? `${U}px ` : "") + (g.value ? `${Q}px ` : "");
+    return e.columns.reduce((o, l) => {
+      const n = l.width ? `${l.width}px` : `${l.colSpan || 1}fr`;
+      return `${o} ${n}`;
+    }, t);
+  }), g = s(() => !!S.expanded), A = c(null), x = c(null), R = s(() => Array(e.loadingRowCount).fill(
+    Array(e.columns.length).fill("")
+  )), H = s(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...R.value] : e.rows : e.isLoading ? [
+    ...e.rows.map((o) => o[e.rowDataKey]),
+    ...R.value
+  ] : e.rows.map((o) => o[e.rowDataKey])), { list: T, containerProps: i, wrapperProps: $, scrollTo: b } = q(
+    H,
+    {
+      itemHeight: g.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
+    }
+  ), k = c(null), h = c(0), B = s(() => !!S.search), I = (t) => {
+    i.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
+  };
+  V(() => {
+    h.value = i.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
+      i.ref.value?.scrollTo({
+        top: e.defaultScrollPosition,
+        behavior: "smooth"
+      });
+    }, 300);
+  });
+  const O = s(() => {
+    const [t] = T.value;
+    return t && t.index > 0;
+  }), P = s(() => i.style), L = s(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = M(o)), t), {}));
+  F(
+    i.ref,
+    () => {
+      e.isInfiniteScroll && u("loadMore");
+    },
+    { distance: e.infiniteScrollThreshold }
+  );
+  function E() {
+    i.ref.value?.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }
+  function D(t) {
+    if (!e.sort)
+      return;
+    const o = e.sort.sortBy === t.id;
+    if (!(t.isSortable || t.isSortable === void 0))
+      return;
+    let n = e.sort.sortOrder, f = e.sort.sortBy;
+    o ? n = e.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: n });
+  }
+  function M(t) {
+    const { isSticky: o, width: l } = t;
+    if (!o || !l)
+      return null;
+    const n = e.columns.findIndex((r) => r.id === t.id), f = e.columns.reduce((r, v, m) => m < n ? r + v.width : r, 0), z = e.columns.reduce((r, v, m) => m > n ? r + v.width : r, 0);
+    return {
+      ...t.isStickyRight ? { right: `${z}px` } : { left: `${f}px` },
+      zIndex: 1
+    };
+  }
+  const d = c([]), w = {}, _ = (t) => d.value.includes(t), K = async (t, o) => {
+    const l = d.value.indexOf(t);
+    if (l === -1) {
+      d.value.push(t);
+      const n = o.target.closest("tr");
+      await j(), n && (w[t] = n.offsetHeight);
+    } else
+      d.value.splice(l, 1), delete w[t];
+  }, W = s(() => `${e.rowHeight}px`), X = s(
+    () => `1 / span ${e.columns.length + 1}`
+  );
+  return {
+    list: T,
+    containerProps: i,
+    wrapperProps: $,
+    activeRow: A,
+    gridColumnTemplate: C,
+    floatingActionRef: k,
+    scrollToTop: E,
+    toggleSortOrder: D,
+    columnsStickyPositions: L,
+    hasSearchSlot: B,
+    showBackToTopButton: O,
+    containerStyle: P,
+    onScroll: I,
+    scrollTo: b,
+    savingRows: a,
+    floatingActionPosition: h,
+    hasExpandSlot: g,
+    hasCheckboxes: y,
+    toggleExpandRow: K,
+    isRowExpanded: _,
+    cssRowHeight: W,
+    cssExpandGridCol: X,
+    activeMenuRow: x
+  };
+};
+export {
+  tt as tableCommon
+};

package/components/table/v3/SortOrderIcon.vue.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as e, pushScopeId as c, popScopeId as r, createElementVNode as n } from "vue";
+/* empty css                    */import s from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {}, d = (o) => (c("data-v-cb20f507"), o = o(), r(), o), p = {
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i = /* @__PURE__ */ d(() => /* @__PURE__ */ n("path", {
+  d: "M7.94188 3.66979L4.21022 0.0771272C4.1034 -0.0257091 3.89773 -0.0257091 3.78978 0.0771272L0.0581151 3.66979C-0.0805157 3.80376 0.0444792 4 0.268334 4H7.73167C7.95552 4 8.08052 3.80376 7.94188 3.66979Z",
+  fill: "currentColor"
+}, null, -1)), l = [
+  i
+];
+function a(o, f) {
+  return t(), e("svg", p, l);
+}
+const u = /* @__PURE__ */ s(_, [["render", a], ["__scopeId", "data-v-cb20f507"]]);
+export {
+  u as default
+};

package/components/table/v3/Table.vue.js

@@ -0,0 +1,7 @@
+import o from "./Table.vue2.js";
+/* empty css            *//* empty css            */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9375215d"]]);
+export {
+  r as default
+};