@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.6

package/components/table/Table.vue2.js

@@ -1,298 +0,0 @@
- import "../../Table.vue_vue_type_style_index_0_scoped_096d493a_lang.css"; import { defineComponent as Q, useCssVars as U, unref as i, ref as w, provide as X, computed as S, useSlots as Z, onMounted as p, openBlock as a, createElementBlock as r, createElementVNode as u, normalizeStyle as v, normalizeClass as c, renderSlot as f, createVNode as g, withCtx as C, createTextVNode as R, toDisplayString as B, createCommentVNode as A, Fragment as E, renderList as I, createBlock as _, mergeProps as tt, withDirectives as et, vShow as st } from "vue";
-import "../typography/Heading.vue.js";
-import L from "../typography/Text.vue.js";
-import "../button/v3/Button.vue.js";
-import "../button/v3/IconButton.vue.js";
-import it from "../button/v3/ScrollButton.vue.js";
-import ot from "../skeleton/Skeleton.vue.js";
-import lt from "../emptyState/EmptyState.vue.js";
-import at from "./TableHeaderSorter.vue.js";
-import { useVirtualList as rt, useInfiniteScroll as nt } from "@vueuse/core";
-import { TableContext as dt } from "./TableContext.js";
-import { TableTestIdModifiers as h } from "../../testids/index.js";
-const ut = ["data-testid"], ct = ["data-testid"], ft = ["data-testid"], ht = ["data-testid"], yt = ["data-testid"], St = ["data-testid"], gt = ["data-testid"], mt = ["onClick"], vt = { class: "table-head-container" }, $t = ["data-testid"], kt = ["onMouseenter"], Tt = { key: 1 }, bt = { key: 1 }, xt = /* @__PURE__ */ Q({
-  __name: "Table",
-  props: {
-    title: null,
-    columns: null,
-    rows: null,
-    sections: { default: null },
-    sort: null,
-    isSticky: { type: Boolean, default: !0 },
-    isStickyHeader: { type: Boolean, default: !1 },
-    isLoading: { type: Boolean, default: !1 },
-    emptyStateTitle: { default: "No results found" },
-    emptyStateSubtitle: { default: "Try again with different filters" },
-    isInfiniteScroll: { type: Boolean, default: !1 },
-    infiniteScrollThreshold: { default: 100 },
-    rowHeight: { type: [Number, Function], default: 48 },
-    loadingRowCount: { default: 3 },
-    defaultScrollPosition: { default: null },
-    testId: { default: "" }
-  },
-  emits: ["update:sort", "onScroll", "saveRow", "loadMore"],
-  setup(s, { emit: $ }) {
-    const o = s;
-    U((e) => ({
-      "1d573854": i(N)
-    }));
-    const m = w([]);
-    X(dt, {
-      onClose({ rowIndex: e, cellIndex: l, value: t } = {}) {
-        t && (m.value = [...m.value, e], $("saveRow", {
-          rowIndex: e,
-          cellIndex: l,
-          value: t,
-          confirm: () => {
-            m.value = m.value.filter((d) => d !== e);
-          }
-        }));
-      }
-    });
-    const N = S(() => o.columns.reduce((e, l) => {
-      if (l === o.columns[o.columns.length - 1] && l.width)
-        return `${e} minmax(${l.width}px, 1fr)`;
-      const t = l.width ? `${l.width}px` : `${l.colSpan || 1}fr`;
-      return `${e} ${t}`;
-    }, "")), k = w(null), O = S(() => Array(o.loadingRowCount).fill(
-      Array(o.columns.length).fill("")
-    )), x = S(() => o.isLoading ? [...o.rows, ...O.value] : o.rows), { list: T, containerProps: y, wrapperProps: M } = rt(x, {
-      itemHeight: o.rowHeight
-    }), z = w(null), P = w(0), V = Z(), D = S(() => !!V.search), F = (e) => {
-      y.onScroll(), P.value = e.target.scrollLeft + e.target.getBoundingClientRect().width, $("onScroll", e.target.scrollTop);
-    };
-    p(() => {
-      P.value = y.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
-        y.ref?.value?.scrollTo({
-          top: o.defaultScrollPosition,
-          behavior: "smooth"
-        });
-      }, 300);
-    });
-    const Y = S(() => {
-      const [e] = T.value;
-      return e && e.index > 0;
-    }), G = S(() => y.style), H = S(() => o.columns.reduce((e, l) => (l.isSticky && (e[l.id] = q(l)), e), {}));
-    nt(
-      y.ref,
-      () => {
-        o.isInfiniteScroll && $("loadMore");
-      },
-      { distance: o.infiniteScrollThreshold }
-    );
-    function W() {
-      y.ref.value?.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      });
-    }
-    function j(e) {
-      const l = o.sort.sortBy === e.id;
-      if (!(e.isSortable || e.isSortable === void 0))
-        return;
-      let d = o.sort.sortOrder, n = o.sort.sortBy;
-      l ? d = o.sort.sortOrder === "asc" ? "desc" : "asc" : n = e.id, $("update:sort", { sortBy: n, sortOrder: d });
-    }
-    function q(e) {
-      const { isSticky: l, width: t } = e;
-      if (!l || !t)
-        return null;
-      const d = o.columns.findIndex((b) => b.id === e.id);
-      return {
-        left: `${o.columns.reduce((b, J, K) => K < d ? b + J.width : b, 0)}px`,
-        zIndex: 1
-      };
-    }
-    return (e, l) => (a(), r("div", {
-      class: "table-container",
-      "data-testid": `${s.testId}-${i(h).CONTAINER}`,
-      onMouseleave: l[0] || (l[0] = (t) => k.value = null)
-    }, [
-      u("table", {
-        ref: i(y).ref,
-        style: v(i(G)),
-        "data-testid": `${s.testId}-${i(h).TABLE}`,
-        onScrollPassive: F
-      }, [
-        s.title || e.$slots.search ? (a(), r("div", {
-          key: 0,
-          class: c(["table-header", { isStickyHeader: s.isStickyHeader }]),
-          "data-testid": `${s.testId}-${i(h).HEADER}`
-        }, [
-          u("div", {
-            class: c(["table-title", i(D) ? "border-search" : ""]),
-            "data-testid": `${s.testId}-${i(h).TITLE}`
-          }, [
-            f(e.$slots, "title", {}, () => [
-              g(i(L), {
-                size: "md",
-                strong: ""
-              }, {
-                default: C(() => [
-                  R(B(s.title), 1)
-                ]),
-                _: 1
-              })
-            ], !0)
-          ], 10, ht),
-          u("div", {
-            class: "table-header-right",
-            "data-testid": `${s.testId}-${i(h).HEADER_RIGHT}`
-          }, [
-            f(e.$slots, "search", {}, void 0, !0)
-          ], 8, yt),
-          u("div", {
-            class: "table-header-actions",
-            "data-testid": `${s.testId}-${i(h).ACTIONS}`
-          }, [
-            f(e.$slots, "table-header-actions", {}, void 0, !0)
-          ], 8, St)
-        ], 10, ft)) : A("", !0),
-        u("thead", {
-          class: c({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
-        }, [
-          u("div", {
-            class: "sections",
-            "data-testid": `${s.testId}-${i(h).SECTIONS}`
-          }, [
-            (a(!0), r(E, null, I(s.sections, (t) => (a(), r("div", {
-              key: t.id,
-              class: c(["section-container", { sticky: t.isSticky }])
-            }, [
-              f(e.$slots, `section-${t.id}`, {}, () => [
-                u("div", {
-                  style: v({ width: t.width + "px" }),
-                  class: c({ section: !0 })
-                }, [
-                  g(i(L), { size: "xs" }, {
-                    default: C(() => [
-                      R(B(t.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], 4)
-              ], !0)
-            ], 2))), 128))
-          ], 8, gt),
-          u("tr", null, [
-            (a(!0), r(E, null, I(s.columns, (t) => (a(), r("th", {
-              key: t.id,
-              class: c({
-                sticky: t.isSticky,
-                bordered: t.isBordered,
-                isTextRight: t.isTextRight,
-                isSortable: t.isSortable
-              }),
-              style: v(t.isSticky ? i(H)[t.id] : null),
-              onClick: (d) => j(t)
-            }, [
-              u("div", vt, [
-                f(e.$slots, `header-${t.id}`, { column: t }, () => [
-                  g(i(L), {
-                    size: "sm",
-                    strong: "",
-                    "is-truncated": !1
-                  }, {
-                    default: C(() => [
-                      R(B(t.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], !0),
-                t.id === s.sort.sortBy ? (a(), _(at, {
-                  key: 0,
-                  class: "table-head-sorter",
-                  "sort-order": s.sort.sortOrder
-                }, null, 8, ["sort-order"])) : A("", !0)
-              ])
-            ], 14, mt))), 128))
-          ])
-        ], 2),
-        u("tbody", null, [
-          i(T).length > 0 ? (a(), r("div", tt({
-            key: 0,
-            class: "table-body-wrapper",
-            "data-testid": `${s.testId}-${i(h).BODY_WRAPPER}`
-          }, i(M)), [
-            (a(!0), r(E, null, I(i(T), (t) => (a(), r("tr", {
-              key: t.index,
-              class: c(["table-row", {
-                loading: s.isLoading || s.isLoading && !t.data || m.value.includes(t.index),
-                active: k.value === t.index
-              }]),
-              onMouseenter: (d) => k.value = t.index
-            }, [
-              et(u("div", {
-                ref_for: !0,
-                ref_key: "floatingActionRef",
-                ref: z,
-                style: v({ left: P.value + "px" }),
-                class: "floating-actions"
-              }, [
-                f(e.$slots, "floating-actions", { row: t }, void 0, !0)
-              ], 4), [
-                [
-                  st,
-                  e.$slots["floating-actions"] && k.value === t.index && !s.isLoading
-                ]
-              ]),
-              (a(!0), r(E, null, I(t.data, (d, n) => (a(), r("td", {
-                key: n,
-                class: c({
-                  sticky: s.columns[n].isSticky,
-                  bordered: s.columns[n].isBordered,
-                  isTextRight: s.columns[n].isTextRight
-                }),
-                style: v(
-                  s.columns[n].isSticky ? i(H)[s.columns[n].id] : null
-                )
-              }, [
-                !s.isLoading || s.isLoading && d ? (a(), r("div", {
-                  key: 0,
-                  class: c({
-                    last: n === t.data.length - 1,
-                    "table-cell": !0,
-                    floating: e.$slots["floating-actions"]
-                  })
-                }, [
-                  f(e.$slots, `cell-${s.columns[n].id}`, {
-                    cell: d,
-                    isLoading: m.value.includes(t.index),
-                    cellIndex: n,
-                    row: t,
-                    rowIndex: t.index
-                  }, () => [
-                    g(i(L), { size: "sm" }, {
-                      default: C(() => [
-                        R(B(d), 1)
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ], !0)
-                ], 2)) : f(e.$slots, "loader", { key: 1 }, () => [
-                  g(i(ot), { round: "" })
-                ], !0)
-              ], 6))), 128))
-            ], 42, kt))), 128))
-          ], 16, $t)) : (a(), r("div", Tt, [
-            f(e.$slots, "empty-state", {}, () => [
-              g(i(lt), {
-                title: s.emptyStateTitle,
-                subtitle: s.emptyStateSubtitle,
-                "test-id": `${s.testId}-${i(h).EMPTY_STATE}`
-              }, null, 8, ["title", "subtitle", "test-id"])
-            ], !0)
-          ]))
-        ]),
-        i(T).length > 0 ? (a(), r("tfoot", bt)) : A("", !0)
-      ], 44, ct),
-      g(i(it), {
-        show: i(Y),
-        onScrolled: W
-      }, null, 8, ["show"])
-    ], 40, ut));
-  }
-});
-export {
-  xt as default
-};

package/components/table/TableHeaderSorter.vue.js

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

package/components/table/index.js

@@ -1,8 +0,0 @@
-import o from "./Table.vue.js";
-import { TableContext as e } from "./TableContext.js";
-const m = () => [o, e];
-export {
-  o as Table,
-  e as TableContext,
-  m as TableTypes
-};

package/components/table-cells/Editable.vue.js

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

package/components/table-cells/Editable.vue2.js

@@ -1,66 +0,0 @@
- import "../../Editable.vue_vue_type_style_index_0_scoped_3b865286_lang.css"; import { defineComponent as v, ref as n, provide as p, openBlock as u, createElementBlock as c, createElementVNode as m, renderSlot as d, createVNode as x, withCtx as C, createTextVNode as b, toDisplayString as E } from "vue";
-import _ from "../typography/Text.vue.js";
-import { EditableContext as g } from "./EditableContext.js";
-import { onClickOutside as k } from "@vueuse/core";
-import { useTableContext as y } from "../table/TableContext.js";
-const I = { class: "editable-container" }, h = {
-  key: 1,
-  class: "editable-content"
-}, S = /* @__PURE__ */ v({
-  __name: "Editable",
-  props: {
-    cell: { default: "" },
-    isEditing: { type: Boolean, default: !1 },
-    validateFunction: { type: Function, default: () => !1 },
-    isLoading: { type: Boolean, default: !1 },
-    rowIndex: null,
-    cellIndex: null
-  },
-  setup(r) {
-    const l = r, t = n(!1), o = n(l.cell), i = n(null), s = y("Editable"), a = n(null);
-    p(g, {
-      focusable: !0,
-      value: o,
-      error: a,
-      confirmable: !0,
-      onChange(e) {
-        o.value = e, a.value = l.validateFunction?.(o.value);
-      },
-      onClose: () => {
-        const e = l.validateFunction?.(o.value);
-        a.value = e, !e && (s.onClose({
-          rowIndex: l.rowIndex,
-          cellIndex: l.cellIndex,
-          value: o.value
-        }), t.value = !1);
-      }
-    });
-    const f = () => {
-      t.value || (t.value = !t.value);
-    };
-    return k(i, () => {
-      t.value = !1, s.onClose();
-    }), (e, w) => (u(), c("div", {
-      ref_key: "target",
-      ref: i,
-      class: "container",
-      onClick: f
-    }, [
-      m("div", I, [
-        t.value ? d(e.$slots, "input", { key: 0 }, void 0, !0) : (u(), c("div", h, [
-          d(e.$slots, "content", {}, () => [
-            x(_, { size: "sm" }, {
-              default: C(() => [
-                b(E(r.cell), 1)
-              ]),
-              _: 1
-            })
-          ], !0)
-        ]))
-      ])
-    ], 512));
-  }
-});
-export {
-  S as default
-};

package/components/tabs/Tabs.vue.js

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

package/components/tabs/Tabs.vue2.js

@@ -1,96 +0,0 @@
- import "../../Tabs.vue_vue_type_style_index_0_scoped_e92a7c21_lang.css"; import { defineComponent as W, useCssVars as y, unref as n, ref as T, computed as c, openBlock as o, createElementBlock as l, normalizeClass as u, Fragment as H, renderList as M, renderSlot as V, createBlock as p, createCommentVNode as m, withCtx as E, createTextVNode as F, toDisplayString as P, pushScopeId as _, popScopeId as A, createElementVNode as R } from "vue";
-import "../typography/Heading.vue.js";
-import U from "../typography/Text.vue.js";
-import D from "../icon/v3/Icon.vue.js";
-import { TabsTestIdModifiers as h } from "../../testids/index.js";
-const j = (s) => (_("data-v-e92a7c21"), s = s(), A(), s), q = ["data-testid"], G = ["data-testid", "onClick", "onMouseover"], J = /* @__PURE__ */ j(() => /* @__PURE__ */ R("div", { class: "tabs-border-line" }, null, -1)), K = {
-  key: 0,
-  class: "tabs-border-line-hover"
-}, ee = /* @__PURE__ */ W({
-  __name: "Tabs",
-  props: {
-    tabsList: { default: () => [] },
-    selectedTab: null,
-    variant: { default: "fill" },
-    size: { default: "sm" },
-    testId: { default: "" }
-  },
-  emits: ["update:selectedTab"],
-  setup(s, { emit: x }) {
-    const r = s;
-    y((e) => ({
-      "995c11c2": n(L),
-      "8202f8e0": n($),
-      "0305a06a": n(g),
-      "2b9ee853": n(N)
-    }));
-    const a = T([]), d = T(null), I = 12, k = { tabsNewList: a }, C = c(
-      () => d.value && d.value !== r.selectedTab
-    ), L = c(() => {
-      const e = i();
-      return a.value[e]?.offsetLeft + "px";
-    }), i = () => r.tabsList.findIndex((e) => e.id === r.selectedTab), $ = c(() => {
-      const e = i();
-      return a.value[e]?.clientWidth + "px";
-    }), f = (e) => {
-      const v = a.value[e]?.offsetLeft, t = a.value[e]?.clientWidth;
-      return (parseFloat(v) + parseFloat(t) / 2 - I).toString() + "px";
-    }, g = c(() => {
-      const e = i();
-      return f(e);
-    }), w = () => r.tabsList.findIndex((e) => e.id === d.value), N = c(() => {
-      const e = w();
-      return f(e);
-    }), S = (e) => {
-      x("update:selectedTab", e.id);
-    }, z = (e) => {
-      e !== null && (d.value = e.id);
-    }, B = () => {
-      d.value = null;
-    };
-    return (e, v) => (o(), l("ul", {
-      class: u(["tabs-wrap", [s.size, s.variant]]),
-      "data-testid": `${s.testId}-${n(h).WRAPPER}`
-    }, [
-      (o(!0), l(H, null, M(s.tabsList, (t) => (o(), l("li", {
-        ref_for: !0,
-        ref: k.tabsNewList,
-        key: t.id,
-        class: u(["tab-item", {
-          "disabled-tab": t.disabled,
-          "selected-tab": t.id === s.selectedTab
-        }]),
-        "data-testid": `${s.testId}-${n(h).TAB}-${t.id}`,
-        onClick: (b) => S(t),
-        onMouseover: (b) => z(t),
-        onMouseleave: B
-      }, [
-        V(e.$slots, "default", { tab: t }, () => [
-          t.iconName ? (o(), p(n(D), {
-            key: 0,
-            name: t.iconName,
-            class: u(["tab-icon", {
-              size: s.size,
-              "lone-icon": !t.name
-            }])
-          }, null, 8, ["name", "class"])) : m("", !0),
-          t.name ? (o(), p(n(U), {
-            key: 1,
-            size: "sm",
-            strong: ""
-          }, {
-            default: E(() => [
-              F(P(t.name), 1)
-            ]),
-            _: 2
-          }, 1024)) : m("", !0)
-        ], !0)
-      ], 42, G))), 128)),
-      J,
-      n(C) ? (o(), l("div", K)) : m("", !0)
-    ], 10, q));
-  }
-});
-export {
-  ee as default
-};

package/components/toggle/Toggle.vue.js

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

package/components/tooltip/TextWithTitleContent.vue.js

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

package/components/tooltip/Tooltip.vue.js

@@ -1,84 +0,0 @@
-import { defineComponent as y, ref as r, useSlots as v, watch as m, openBlock as n, createBlock as s, unref as a, mergeProps as w, withCtx as u, renderSlot as h, createTextVNode as g, toDisplayString as S, createElementVNode as k, nextTick as $ } from "vue";
-import I from "./TextWithTitleContent.vue.js";
-import "../typography/Heading.vue.js";
-import W from "../typography/Text.vue.js";
-import { Tooltip as b } from "floating-vue";
-import { TooltipTestIdModifiers as x } from "../../testids/index.js";
-const N = /* @__PURE__ */ y({
-  __name: "Tooltip",
-  props: {
-    text: { default: null },
-    header: { default: null },
-    delay: { default: 0 },
-    triggers: { default: () => ["hover"] },
-    forceShowWithTruncate: { type: Boolean, default: !1 },
-    placement: { default: "top" },
-    theme: { default: "default" },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  setup(e) {
-    const o = e, i = r(!1), l = r(null), d = r(null), T = v(), f = () => i.value ? o.text : null, c = async () => {
-      if (i.value = !0, await $(), !o.forceShowWithTruncate) {
-        const t = d.value?.children && d.value.children[0];
-        (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (i.value = t.offsetWidth < t.scrollWidth);
-      }
-    };
-    return m(
-      () => o.text,
-      async () => {
-        await c(), l.value = f();
-      },
-      { immediate: !0 }
-    ), m(
-      () => T.default,
-      async () => {
-        await c(), l.value = f();
-      },
-      { immediate: !0 }
-    ), (t, p) => (n(), s(a(b), w(t.$props, {
-      theme: e.theme,
-      "no-auto-focus": "",
-      triggers: e.triggers,
-      delay: { show: e.delay, hide: 0 },
-      placement: e.placement,
-      disabled: e.disabled || e.text && !l.value,
-      "data-testid": `${e.testId}-${a(x).TRIGGER}`,
-      "auto-hide": ""
-    }), {
-      popper: u(() => [
-        h(t.$slots, "tooltip", { text: l.value }, () => [
-          e.header ? (n(), s(I, {
-            key: 1,
-            text: e.text,
-            header: e.header
-          }, null, 8, ["text", "header"])) : (n(), s(a(W), {
-            key: 0,
-            size: "sm",
-            "is-truncated": !1,
-            strong: "",
-            "test-id": `${e.testId}-${a(x).TEXT}`
-          }, {
-            default: u(() => [
-              g(S(l.value), 1)
-            ]),
-            _: 1
-          }, 8, ["test-id"]))
-        ])
-      ]),
-      default: u(() => [
-        k("div", {
-          ref_key: "container",
-          ref: d,
-          class: "container"
-        }, [
-          h(t.$slots, "default")
-        ], 512)
-      ]),
-      _: 3
-    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]));
-  }
-});
-export {
-  N as default
-};

package/components/tooltip/Tooltip.vue2.js

@@ -1,5 +0,0 @@
-import e from "./Tooltip.vue.js";
-/* empty css              */console.log('global// import "../../Tooltip.vue_vue_type_style_index_0_lang.css"; //');
-export {
-  e as default
-};