@ironsource/shared-ui 1.4.2-test.4 → 1.4.2-test.6

package/components/dropdown/Option.vue2.js

@@ -1,101 +0,0 @@
-import { defineComponent as M, ref as x, onMounted as I, onUnmounted as N, computed as m, toRaw as p, openBlock as l, createElementBlock as r, normalizeClass as k, unref as e, createElementVNode as f, createBlock as y, createCommentVNode as s, renderSlot as v, createVNode as O, withCtx as h, createTextVNode as z, toDisplayString as A, withModifiers as P } from "vue";
-/* empty css                          */import g from "../typography/Text.vue.js";
-import { useDropdownContext as S, Mode as C } from "./DropdownContext.js";
-import { useId as V } from "../../composables/useId.js";
-import D from "../checkbox/Checkbox.vue.js";
-import E from "../icon/Icon.vue.js";
-import { NOOP as R } from "@vue/shared";
-const T = {
-  key: 1,
-  class: "image"
-}, U = {
-  key: 2,
-  class: "start-icon"
-}, j = { class: "text-container" }, q = { key: 0 }, X = /* @__PURE__ */ M({
-  __name: "Option",
-  props: {
-    option: { default: null },
-    subtitle: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    selectedProp: { type: Boolean },
-    isIndeterminate: { type: Boolean, default: !1 },
-    selectAllOption: { type: Boolean, default: !1 },
-    active: { type: Boolean, default: null }
-  },
-  setup(n) {
-    const i = n, t = S("Option"), d = V().value, B = x(null), $ = (o) => {
-      i.selectAllOption ? o.stopPropagation() : t.select(i.option);
-    };
-    I(() => t.registerOption(d, i.disabled, !!i.subtitle)), N(() => {
-      t.unRegisterOption(d);
-    });
-    const c = m(() => t.mode === C.Multi), w = m(() => i.active !== null ? i.active : t.activeIndex.value !== null ? t.activeOption.value === i.option : !1), u = m(() => i.selectedProp ? !0 : t.mode === C.Multi && Array.isArray(t.selectedOption.value) ? p(t.selectedOption.value.includes(i.option)) : p(t.selectedOption.value) === p(i.option));
-    return (o, a) => (l(), r("div", {
-      ref_key: "el",
-      ref: B,
-      class: k(["item-container", {
-        "item-container--disabled": n.disabled,
-        "item-container--active": e(w),
-        "item-container--selected": e(u),
-        "item-container--multi": e(c)
-      }])
-    }, [
-      f("div", {
-        class: k(["item", {
-          "item--multi": e(c),
-          "item--with-icon": o.$slots["icon-start"] || o.$slots.image
-        }])
-      }, [
-        e(c) ? (l(), y(e(D), {
-          key: 0,
-          id: e(d).toString(),
-          tabindex: "-1",
-          class: "checkbox",
-          size: "sm",
-          "is-checked": e(u),
-          "is-indeterminate": n.isIndeterminate && !n.option,
-          onClick: a[0] || (a[0] = (b) => n.disabled ? e(R)() : $(b))
-        }, null, 8, ["id", "is-checked", "is-indeterminate"])) : s("", !0),
-        o.$slots.image ? (l(), r("div", T, [
-          v(o.$slots, "image", {}, void 0, !0)
-        ])) : s("", !0),
-        o.$slots["icon-start"] ? (l(), r("div", U, [
-          v(o.$slots, "icon-start", {}, void 0, !0)
-        ])) : s("", !0),
-        f("div", j, [
-          O(e(g), { size: "sm" }, {
-            default: h(() => [
-              v(o.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }),
-          n.subtitle ? (l(), y(e(g), {
-            key: 0,
-            class: "subtitle",
-            size: "xs"
-          }, {
-            default: h(() => [
-              z(A(n.subtitle), 1)
-            ]),
-            _: 1
-          })) : s("", !0)
-        ])
-      ], 2),
-      e(t).clearable && e(u) ? (l(), r("div", q, [
-        f("button", {
-          class: "clear-button",
-          onClick: a[1] || (a[1] = P((b) => e(t).clearSelection(), ["prevent", "stop"]))
-        }, [
-          O(e(E), {
-            name: "close",
-            width: "8",
-            height: 8
-          })
-        ])
-      ])) : s("", !0)
-    ], 2));
-  }
-});
-export {
-  X as default
-};

package/components/dropdown/SearchInput.vue2.js

@@ -1,80 +0,0 @@
-import { defineComponent as I, useSlots as x, ref as v, onMounted as z, computed as a, watch as V, renderSlot as f, unref as t, createElementVNode as m, normalizeClass as s, openBlock as u, createElementBlock as $, createCommentVNode as i, createVNode as O, withCtx as A, createBlock as h } from "vue";
-import { useDropdownContext as B, Mode as b } from "./DropdownContext.js";
-import g from "../icon/Icon.vue.js";
-import E from "../button/IconButton.vue.js";
-const M = {
-  key: 0,
-  class: "prefix"
-}, S = ["disabled", "placeholder"], R = /* @__PURE__ */ I({
-  __name: "SearchInput",
-  setup(F) {
-    const e = B("searchInput"), y = x(), l = v(null), r = v();
-    z(() => {
-      e.registerInput(l);
-    });
-    const c = (n) => {
-      e.toggle(!0), e.search(n.target.value);
-    }, C = a(() => !e.open.value && y.prefix && !Array.isArray(e.selectedOption.value) && e.selectedOption.value), d = a(() => e.mode === b.Multi && Array.isArray(e.selectedOption.value) && e.selectedOption.value.length ? `${e.selectedOption.value.length} selected` : e.open.value && e.selectedValue.value ? e.selectedValue.value : e.placeholder), p = a(() => e.query.value !== "" || e.selectedValue.value);
-    V(e.open, (n) => {
-      n && l.value.focus(), e.mode !== b.Multi && (!n || !l.value || (l.value.value = ""));
-    });
-    const k = a(() => p.value ? "cancel" : "search-bold"), _ = () => {
-      e.clearSelection(), l.value.focus();
-    };
-    return (n, o) => f(n.$slots, "default", {
-      inputRef: l.value,
-      disabled: t(e).disabled,
-      change: c,
-      placeholder: t(d)
-    }, () => [
-      m("div", {
-        class: s(["container", {
-          "container--open": t(e).open.value,
-          "container--disabled": t(e).disabled,
-          [`container--${t(e).size}`]: !0,
-          focused: r.value
-        }])
-      }, [
-        t(C) ? (u(), $("div", M, [
-          f(n.$slots, "prefix", {}, void 0, !0)
-        ])) : i("", !0),
-        m("input", {
-          ref_key: "inputEl",
-          ref: l,
-          disabled: t(e).disabled,
-          class: s(["input", { "input--disabled": t(e).disabled }]),
-          placeholder: t(d),
-          onFocusin: o[0] || (o[0] = (w) => r.value = !0),
-          onFocusout: o[1] || (o[1] = (w) => r.value = !1),
-          onInput: c
-        }, null, 42, S),
-        O(E, {
-          variant: "colorized",
-          size: "sm",
-          theme: "secondary",
-          class: s(["search-right-icon", { "search-right-icon-clear": t(p) }]),
-          disabled: t(e).disabled
-        }, {
-          default: A(() => [
-            t(e).open.value ? i("", !0) : (u(), h(t(g), {
-              key: 0,
-              "font-size": "sm",
-              class: "angle-down",
-              name: "angle-down"
-            })),
-            t(e).open.value ? (u(), h(t(g), {
-              key: 1,
-              "font-size": "sm",
-              name: t(k),
-              onClick: _
-            }, null, 8, ["name"])) : i("", !0)
-          ]),
-          _: 1
-        }, 8, ["disabled", "class"])
-      ], 2)
-    ], !0);
-  }
-});
-export {
-  R as default
-};

package/components/dropdown/index.js

@@ -1,12 +0,0 @@
-import o from "./Dropdown.vue.js";
-import r from "./Option.vue.js";
-import p from "./Label.vue.js";
-import m from "./SearchInput.vue.js";
-const f = () => [o, r, p, m];
-export {
-  o as Dropdown,
-  f as DropdownTypes,
-  p as Label,
-  r as Option,
-  m as SearchInput
-};

package/components/emptyState/EmptyState.vue2.js

@@ -1,89 +0,0 @@
-import { defineComponent as h, computed as p, openBlock as o, createElementBlock as b, normalizeClass as d, createElementVNode as f, renderSlot as a, createVNode as k, normalizeProps as B, guardReactiveProps as g, unref as i, createBlock as l, createCommentVNode as n, withCtx as s, createTextVNode as r, toDisplayString as m } from "vue";
-/* empty css                          */import y from "../typography/Text.vue.js";
-import v from "../icon/Icon.vue.js";
-import N from "../button/Button.vue.js";
-/* empty css                        *//* empty css                         */import "floating-vue";
-/* empty css                                   *//* empty css                       *//* empty css                           */import $ from "./EmptyStateIcon.vue.js";
-const S = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
-  __name: "EmptyState",
-  props: {
-    title: { default: void 0 },
-    subtitle: { default: void 0 },
-    buttonText: { default: void 0 },
-    isHorizontal: { type: Boolean, default: !1 },
-    hasIcon: { type: Boolean, default: !0 },
-    isBordered: { type: Boolean, default: !1 },
-    iconName: { default: null },
-    fontSize: { default: "5rem" },
-    size: { default: "lg" },
-    iconWidth: { default: 44 },
-    iconHeight: { default: 44 }
-  },
-  emits: ["click"],
-  setup(t) {
-    const u = t, z = p(() => ({
-      width: u.iconWidth,
-      height: u.iconHeight
-    }));
-    return (e, c) => (o(), b("div", {
-      class: d(["empty-state-container", { horizontal: t.isHorizontal, bordered: t.isBordered }])
-    }, [
-      f("div", {
-        class: d(`empty-state-icon-container empty-state-icon-container--${t.size}`)
-      }, [
-        t.hasIcon ? a(e.$slots, "icon", { key: 0 }, () => [
-          k($, B(g(i(z))), null, 16),
-          t.iconName ? (o(), l(i(v), {
-            key: 0,
-            name: t.iconName,
-            "font-size": t.fontSize,
-            class: "empty-state-icon"
-          }, null, 8, ["name", "font-size"])) : n("", !0)
-        ], !0) : n("", !0)
-      ], 2),
-      f("div", S, [
-        a(e.$slots, "title", {}, () => [
-          t.title ? (o(), l(i(y), {
-            key: 0,
-            size: "lg",
-            strong: "",
-            class: "empty-state-title"
-          }, {
-            default: s(() => [
-              r(m(t.title), 1)
-            ]),
-            _: 1
-          })) : n("", !0)
-        ], !0),
-        a(e.$slots, "subtitle", {}, () => [
-          t.subtitle ? (o(), l(i(y), {
-            key: 0,
-            size: "sm",
-            class: "empty-state-subtitle"
-          }, {
-            default: s(() => [
-              r(m(t.subtitle), 1)
-            ]),
-            _: 1
-          })) : n("", !0)
-        ], !0)
-      ]),
-      a(e.$slots, "button", {}, () => [
-        t.buttonText ? (o(), l(i(N), {
-          key: 0,
-          theme: "secondary",
-          class: "empty-state-button",
-          onClick: c[0] || (c[0] = (C) => e.$emit("click"))
-        }, {
-          default: s(() => [
-            r(m(t.buttonText), 1)
-          ]),
-          _: 1
-        })) : n("", !0)
-      ], !0)
-    ], 2));
-  }
-});
-export {
-  q as default
-};

package/components/emptyState/index.js

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

package/components/filterDropdown/AddFilterButton.vue2.js

@@ -1,48 +0,0 @@
-import { defineComponent as d, openBlock as o, createBlock as i, normalizeClass as r, createSlots as s, withCtx as t, createVNode as l, renderSlot as n } from "vue";
-import c from "../icon/Icon.vue.js";
-import f from "../chip/Chip.vue.js";
-import m from "../typography/Text.vue.js";
-const C = /* @__PURE__ */ d({
-  __name: "AddFilterButton",
-  props: {
-    selected: { type: Boolean },
-    disabled: { type: Boolean },
-    prefix: null
-  },
-  setup(e) {
-    return (a, u) => (o(), i(f, {
-      clearable: "",
-      class: r(["add-filter", { disabled: e.disabled }]),
-      selected: e.selected,
-      disabled: e.disabled,
-      prefix: e.prefix
-    }, s({
-      default: t(() => [
-        l(m, {
-          size: "sm",
-          strong: ""
-        }, {
-          default: t(() => [
-            n(a.$slots, "default", {}, void 0, !0)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 2
-    }, [
-      e.prefix ? void 0 : {
-        name: "icon-start",
-        fn: t(() => [
-          l(c, {
-            name: "tune",
-            "font-size": "sm"
-          })
-        ]),
-        key: "0"
-      }
-    ]), 1032, ["class", "selected", "disabled", "prefix"]));
-  }
-});
-export {
-  C as default
-};

package/components/filterDropdown/FilterDropdown.vue2.js

@@ -1,51 +0,0 @@
-import { defineComponent as n, openBlock as r, createBlock as s, unref as o, withCtx as t, createVNode as i, createTextVNode as l, toDisplayString as a } from "vue";
-import p from "../dropdown/Dropdown.vue.js";
-import u from "../dropdown/Option.vue.js";
-/* empty css                          *//* empty css                       *//* empty css                      *//* empty css                 *//* empty css                        *//* empty css                         *//* empty css                            */import c from "./AddFilterButton.vue.js";
-const S = /* @__PURE__ */ n({
-  __name: "FilterDropdown",
-  props: {
-    displayValue: null,
-    text: { default: "Add Filter" },
-    disabled: { type: Boolean, default: !1 },
-    onSearch: null,
-    options: null,
-    addNewFilter: null
-  },
-  setup(e) {
-    return (m, f) => (r(), s(o(p), {
-      "display-value": e.displayValue,
-      disabled: e.disabled,
-      "on-search": e.onSearch,
-      distance: 0,
-      skidding: 0,
-      "is-on-top": "",
-      options: e.options,
-      "onUpdate:selected": e.addNewFilter
-    }, {
-      input: t(() => [
-        i(c, {
-          class: "add-filter-button",
-          disabled: e.disabled
-        }, {
-          default: t(() => [
-            l(a(e.text), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled"])
-      ]),
-      default: t(({ option: d }) => [
-        i(o(u), { option: d }, {
-          default: t(() => [
-            l(a(d), 1)
-          ]),
-          _: 2
-        }, 1032, ["option"])
-      ]),
-      _: 1
-    }, 8, ["display-value", "disabled", "on-search", "options", "onUpdate:selected"]));
-  }
-});
-export {
-  S as default
-};

package/components/filterDropdown/index.js

@@ -1,8 +0,0 @@
-import o from "./FilterDropdown.vue.js";
-import r from "./AddFilterButton.vue.js";
-const e = () => [o, r];
-export {
-  r as AddFilterButton,
-  o as FilterDropdown,
-  e as FilterDropdownTypes
-};

package/components/filtersPanel/FilterSearchInput.vue2.js

@@ -1,46 +0,0 @@
-import { defineComponent as m, ref as c, onMounted as s, openBlock as a, createElementBlock as l, createVNode as o, unref as r, withCtx as u, createElementVNode as i } from "vue";
-import "@vueuse/core";
-import "floating-vue";
-/* empty css                          *//* empty css                       */import h from "../icon/Icon.vue.js";
-/* empty css                        */import "../button/Button.vue3.js";
-/* empty css                         *//* empty css                                   *//* empty css                       *//* empty css                           *//* empty css                         */import "@vue/shared";
-/* empty css                       *//* empty css                     *//* empty css                         *//* empty css                         *//* empty css                      */import d from "../dropdown/SearchInput.vue.js";
-const _ = {
-  class: "search-container",
-  tabindex: "0"
-}, f = { class: "search" }, I = ["placeholder", "disabled", "onInput"], J = /* @__PURE__ */ m({
-  __name: "FilterSearchInput",
-  setup(x) {
-    const t = c(null);
-    return s(() => {
-      setTimeout(() => {
-        t.value.focus();
-      }, 250);
-    }), (k, v) => (a(), l("div", _, [
-      o(r(d), null, {
-        default: u(({ disabled: n, change: p, placeholder: e }) => [
-          i("div", f, [
-            o(r(h), {
-              class: "search-icon",
-              width: "12",
-              height: "12",
-              name: "search"
-            }),
-            i("input", {
-              ref_key: "element",
-              ref: t,
-              class: "search-input",
-              placeholder: e || "Search",
-              disabled: n,
-              onInput: p
-            }, null, 40, I)
-          ])
-        ]),
-        _: 1
-      })
-    ]));
-  }
-});
-export {
-  J as default
-};

package/components/filtersPanel/FiltersPanel.vue2.js

@@ -1,37 +0,0 @@
-import { defineComponent as p, computed as i, openBlock as s, createElementBlock as d, Fragment as m, renderList as f, unref as l, normalizeClass as h, renderSlot as a, normalizeProps as F, guardReactiveProps as v, createCommentVNode as y } from "vue";
-const k = { class: "filter-panel" }, C = /* @__PURE__ */ p({
-  __name: "FiltersPanel",
-  props: {
-    filters: null,
-    isOpen: { type: Boolean, default: !1 },
-    selected: null
-  },
-  setup(n) {
-    const o = n, u = i(() => {
-      const { filters: t } = o;
-      return t.sort((r, e) => e.order - r.order).sort((r, e) => r.hidden || e.hidden ? 1 : -1);
-    }), c = i(
-      () => o.filters.filter((t) => t.hidden)
-    );
-    return (t, r) => (s(), d("div", k, [
-      (s(!0), d(m, null, f(l(u), (e) => (s(), d("div", {
-        key: e.id,
-        class: h(["filter-button", {
-          "always-first": !!e.alwaysFirst,
-          hidden: e.hidden,
-          selected: !!n.selected[e.id],
-          exposed: !e.hidden
-        }])
-      }, [
-        a(t.$slots, e.id, F(v(e)), void 0, !0)
-      ], 2))), 128)),
-      n.isOpen ? y("", !0) : a(t.$slots, "add", {
-        key: 0,
-        hiddenFilters: l(c)
-      }, void 0, !0)
-    ]));
-  }
-});
-export {
-  C as default
-};

package/components/filtersPanel/index.js

@@ -1,14 +0,0 @@
-import r from "./FiltersPanel.vue.js";
-import e from "./FilterSearchInput.vue.js";
-import { useHiddenFilter as t } from "./useHiddenFilter.js";
-const m = () => [
-  r,
-  e,
-  t
-];
-export {
-  m as FilterPanelTypes,
-  e as FilterSearchInput,
-  r as FiltersPanel,
-  t as useHiddenFilter
-};

package/components/filtersPanel/useHiddenFilter.js

@@ -1,20 +0,0 @@
-import { computed as l, ref as n, reactive as i } from "vue";
-const f = ({ filters: o }) => {
-  const d = l(() => ({ label: e }, s) => e.toLowerCase().replace(/\s+/g, "").includes(s.toLowerCase().replace(/\s+/g, ""))), t = n([]), a = i({}), r = n(!1), c = (e) => {
-    t.value.push(e), r.value = !0;
-  }, u = l(() => t.value.length === o.filter((e) => e.hidden).length);
-  return {
-    onClear: (e) => {
-      t.value = t.value.filter((s) => s.id !== e.id), r.value = !1, delete a[e.id];
-    },
-    disabled: u,
-    isOpen: r,
-    state: a,
-    added: t,
-    search: d,
-    addNewFilter: c
-  };
-};
-export {
-  f as useHiddenFilter
-};

package/components/floatingToolbar/FloatingToolbar.vue2.js

@@ -1,68 +0,0 @@
-import { defineComponent as c, openBlock as e, createBlock as m, Teleport as p, createVNode as l, Transition as f, withCtx as n, unref as y, createElementBlock as a, toDisplayString as b, createCommentVNode as s, renderSlot as i } from "vue";
-import v from "../icon/Icon.vue.js";
-import k from "../icon/icons/Close.vue.js";
-import { useVModel as B } from "@vueuse/core";
-import V from "../button/IconButton.vue.js";
-const h = {
-  key: 0,
-  class: "floating-toolbar"
-}, C = {
-  key: 0,
-  class: "counter"
-}, T = {
-  key: 1,
-  class: "labels"
-}, _ = {
-  key: 2,
-  class: "actions"
-}, D = /* @__PURE__ */ c({
-  __name: "FloatingToolbar",
-  props: {
-    modelValue: { type: Boolean },
-    count: { default: null },
-    appendToBody: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue"],
-  setup(o, { emit: u }) {
-    const r = B(o, "modelValue", u);
-    return (t, d) => (e(), m(p, {
-      to: "body",
-      disabled: !o.appendToBody
-    }, [
-      l(f, { name: "floating-toolbar" }, {
-        default: n(() => [
-          y(r) ? (e(), a("div", h, [
-            o.count ? (e(), a("div", C, b(o.count), 1)) : s("", !0),
-            t.$slots.label ? (e(), a("div", T, [
-              i(t.$slots, "label", {}, void 0, !0)
-            ])) : s("", !0),
-            t.$slots.actions ? (e(), a("div", _, [
-              i(t.$slots, "actions", {}, void 0, !0)
-            ])) : s("", !0),
-            l(V, {
-              class: "close-icon",
-              theme: "secondary",
-              variant: "colorized",
-              size: "sm",
-              onClick: d[0] || (d[0] = (g) => r.value = !1)
-            }, {
-              default: n(() => [
-                l(v, null, {
-                  default: n(() => [
-                    l(k)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ])) : s("", !0)
-        ]),
-        _: 3
-      })
-    ], 8, ["disabled"]));
-  }
-});
-export {
-  D as default
-};

package/components/floatingToolbar/index.js

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