@ironsource/shared-ui 2.0.0-test.9 → 2.0.1

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/TableHeaderSorter.vue2.js

@@ -1,23 +0,0 @@
- import "../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_350aa9f0_lang.css"; import { defineComponent as o, openBlock as a, createElementBlock as l, createVNode as r, normalizeClass as t } from "vue";
-import s from "./SortOrderIcon.vue.js";
-const c = { class: "table-head-sorter-container" }, u = /* @__PURE__ */ o({
-  __name: "TableHeaderSorter",
-  props: {
-    sortOrder: null
-  },
-  setup(e) {
-    return (d, n) => (a(), l("div", c, [
-      r(s, {
-        name: "sort-order",
-        class: t({ "table-head-sorter-selected": e.sortOrder === "asc" })
-      }, null, 8, ["class"]),
-      r(s, {
-        name: "sort-order",
-        class: t(["table-head-sorter-desc", { "table-head-sorter-selected": e.sortOrder === "desc" }])
-      }, null, 8, ["class"])
-    ]));
-  }
-});
-export {
-  u as default
-};