@ironsource/shared-ui 1.4.2-vite.1 → 1.4.3-andyk.1

package/components/switch/Switch.vue2.js

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

package/components/switch/index.js

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

package/components/table/Table.vue2.js

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

package/components/table/TableContext.js

@@ -1,18 +0,0 @@
-import { inject as o } from "vue";
-const n = Symbol(
-  "TableContext"
-);
-function c(e) {
-  const t = o(n, {});
-  if (t === null) {
-    const r = new Error(
-      `<${e} /> is missing a parent <Table /> component.`
-    );
-    throw Error.captureStackTrace && Error.captureStackTrace(r, c), r;
-  }
-  return t;
-}
-export {
-  n as TableContext,
-  c as useTableContext
-};

package/components/table/TableHeaderSorter.vue2.js

@@ -1,23 +0,0 @@
-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
-};

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

@@ -1,66 +0,0 @@
-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/table-cells/EditableContext.js

@@ -1,11 +0,0 @@
-import { inject as t } from "vue";
-const e = Symbol(
-  "EditableContext"
-);
-function n() {
-  return t(e, {});
-}
-export {
-  e as EditableContext,
-  n as useEditableContext
-};

package/components/table-cells/index.js

@@ -1,10 +0,0 @@
-import t from "./Editable.vue.js";
-import { EditableContext as e } from "./EditableContext.js";
-import { useEditableContext as a } from "./EditableContext.js";
-const i = () => [t, e];
-export {
-  t as Editable,
-  e as EditableContext,
-  i as EditableTypes,
-  a as useEditableContext
-};

package/components/tabs/Tabs.vue2.js

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

package/components/tabs/index.js

@@ -1,6 +0,0 @@
-import o from "./Tabs.vue.js";
-const p = () => [o];
-export {
-  o as Tabs,
-  p as TabsTypes
-};

package/components/textArea/TextArea.vue2.js

@@ -1,58 +0,0 @@
-import { defineComponent as m, openBlock as a, createElementBlock as t, normalizeClass as d, createVNode as r, unref as c, withCtx as o, createTextVNode as n, toDisplayString as u, createCommentVNode as i, createElementVNode as x } from "vue";
-/* empty css                          */import s from "../typography/Text.vue.js";
-const h = {
-  key: 0,
-  class: "label-container"
-}, k = ["value", "placeholder", "disabled"], T = {
-  key: 1,
-  class: "extra-text-container"
-}, y = /* @__PURE__ */ m({
-  __name: "TextArea",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    label: { default: "" },
-    feedbackHelpText: { default: "" },
-    feedbackErrorText: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: f }) {
-    const b = (l) => {
-      f("update:modelValue", l.target.value);
-    };
-    return (l, V) => (a(), t("div", {
-      class: d({ "textarea-with-label-container": !0, disabled: e.disabled })
-    }, [
-      e.label ? (a(), t("div", h, [
-        r(c(s), { class: "label" }, {
-          default: o(() => [
-            n(u(e.label), 1)
-          ]),
-          _: 1
-        })
-      ])) : i("", !0),
-      x("textarea", {
-        class: "textarea",
-        value: e.modelValue,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        onInput: b
-      }, null, 40, k),
-      e.feedbackErrorText || e.feedbackHelpText ? (a(), t("div", T, [
-        r(c(s), {
-          class: d({ [e.feedbackErrorText ? "error" : "help"]: !0 }),
-          size: "caption"
-        }, {
-          default: o(() => [
-            n(u(e.feedbackErrorText || e.feedbackHelpText), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ])) : i("", !0)
-    ], 2));
-  }
-});
-export {
-  y as default
-};

package/components/textArea/index.js

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