@ironsource/shared-ui 2.0.0-rc.2 → 2.0.0-test.1

package/components/dropdown/common/Dropdown.common.vue.js

@@ -1,299 +0,0 @@
-import { useToggle as me } from "../../../composables/useToggle.vue.js";
-import { ref as i, computed as r, watch as m, useSlots as ye, nextTick as w, toRaw as T, provide as Oe, onMounted as be } from "vue";
-import { isObjectInArray as X } from "../../../utils/array.vue.js";
-import { objectsEqual as Pe } from "../../../utils/object.vue.js";
-import { useClamp as Te, useVirtualList as Ae, onClickOutside as Se } from "@vueuse/core";
-import { Mode as y, Type as E, DropdownContext as we } from "./DropdownContext.vue.js";
-import { pxToRem as Ie } from "../../../utils/style.vue.js";
-const He = (l, O) => {
-  const q = (e, t) => l.multi ? X(e, t) : T(e) === t;
-  let p;
-  ((e) => {
-    e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
-  })(p || (p = {}));
-  const a = i(
-    l.selected
-  ), u = r({
-    get() {
-      return a.value;
-    },
-    set(e) {
-      O("update:selected", e);
-    }
-  });
-  m(
-    () => l.selected,
-    () => {
-      a.value = l.selected;
-    }
-  );
-  const K = ye(), A = i(null), d = i(null), $ = i(null), I = i(null), R = i(null), D = i(null), j = i(null), z = i(null), J = 8, Q = r(() => D.value?.getBoundingClientRect().height + J + l.distance), c = i([]), b = i(-1), S = i(""), _ = i([]), k = () => D.value?.focus(), [v, W, Y] = me({
-    disabled: l.disabled,
-    initialValue: l.defaultOpen
-  });
-  m(
-    () => l.disabled,
-    (e) => {
-      e !== void 0 && Y(e);
-    }
-  );
-  const H = (e) => {
-    Z.value = W(e);
-  }, Z = r({
-    get() {
-      return l.isOpen;
-    },
-    set(e) {
-      O("update:isOpen", e);
-    }
-  }), F = r(() => s.value.length - 1), o = Te(0, 0, F), ee = r(() => u.value ? l.displayValue(u.value) : ""), le = (e) => {
-    if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
-      return l.placeholder;
-    const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
-    return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
-  }, te = r(() => {
-    if (!l.multi)
-      return u.value ? l.displayValue(u.value) : l.placeholder;
-    if (Array.isArray(a.value))
-      return le(a);
-  }), L = r(() => {
-    if (Array.isArray(a.value))
-      return a.value.length === s.value.length;
-  }), ae = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), x = (e) => {
-    S.value = e;
-  }, s = r(
-    () => l.options.filter((e) => l.onSearch(e, S.value))
-  ), ue = r(() => c.value[0]?.hasSubtitle), V = r(() => n.mode === y.Multi), C = r(
-    () => ue.value ? 48 : 34
-  ), {
-    list: U,
-    containerProps: G,
-    wrapperProps: ne,
-    scrollTo: M
-  } = Ae(s, {
-    itemHeight: C.value
-  });
-  m(
-    () => l.isOpen,
-    (e) => {
-      H(e);
-    }
-  ), m([b], async () => {
-    await w();
-  }), m(
-    [v, o, b],
-    async ([e], [t]) => {
-      v.value && (await w(), b.value !== -1 && e !== t && setTimeout(() => {
-        M(b.value);
-      }), o.value && setTimeout(() => {
-        M(o.value);
-      }));
-    }
-  );
-  const f = (e, t = !1) => {
-    l.disabled || (H(e), w(() => {
-      v.value && O("opened"), v.value || O("closed"), A.value && t && A.value.focus();
-    }));
-  };
-  m(v, (e) => {
-    if (e) {
-      V.value && Array.isArray(u.value) && (_.value = T(u.value).slice());
-      return;
-    }
-    k();
-  });
-  const ie = () => {
-    re(), u.value = a.value;
-  }, re = () => {
-    if (L.value) {
-      a.value = [];
-      return;
-    }
-    if (Array.isArray(a.value)) {
-      if (a.value.length === s.value.length) {
-        a.value = [];
-        return;
-      }
-      a.value = s.value;
-    }
-  }, N = (e, t) => {
-    if (e = T(e), c.value[t]?.disabled)
-      return;
-    if (b.value = t, n.mode !== y.Multi) {
-      l.keepOpen || f(!1), n.goToOption(
-        0
-        /* None */
-      ), u.value = e, x(""), k(), n.type === E.Search && d.value && (d.value.value = l.displayValue(e));
-      return;
-    }
-    if (!Array.isArray(a.value))
-      return;
-    d.value?.focus();
-    const g = T(a.value);
-    if (X(g, e)) {
-      a.value = g.filter(
-        (P) => !Pe(P, e)
-      );
-      return;
-    } else {
-      a.value = [...g, e];
-      return;
-    }
-  }, oe = (e) => c.value[e]?.disabled, n = {
-    activeIndex: o,
-    options: c,
-    selectedOption: u,
-    labelRef: R,
-    activeOption: I,
-    listRef: A,
-    clearable: l.clearable,
-    type: K.input ? E.Search : E.Dropdown,
-    mode: l.multi ? y.Multi : y.Single,
-    query: S,
-    selectedValue: ee,
-    toggle: f,
-    disabled: l.disabled,
-    open: v,
-    mandatory: l.mandatory,
-    size: l.size,
-    placeholder: l.placeholder,
-    select: N,
-    clearSelection: () => {
-      x(""), u.value = n.mode === y.Single ? null : [], d.value && (d.value.value = "");
-    },
-    search: x,
-    goToOption: async (e) => {
-      if (!v.value)
-        return;
-      let t = o.value + e;
-      const h = c.value.filter(
-        (P) => P.disabled
-      ).length, g = s.value.length - h;
-      for (t > g && (t = g + 1); ; ) {
-        if (!c.value[t]?.disabled) {
-          I.value = s.value[t], o.value = t;
-          return;
-        }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!oe(o.value)) {
-          I.value = s.value[t], o.value = t;
-          return;
-        }
-      }
-    },
-    registerInput: (e) => {
-      d.value = e.value;
-    },
-    registerOption: (e, t, h) => {
-      c.value = [...c.value, { id: e, disabled: t, hasSubtitle: h }];
-    },
-    unRegisterOption(e) {
-      c.value = c.value.filter((t) => t.id !== e);
-    }
-  };
-  Oe(we, n), Se(
-    A,
-    () => {
-      v.value && B();
-    },
-    {
-      ignore: [D, j, z, d, G.ref]
-    }
-  );
-  const se = () => {
-    d.value && (d.value.value = n.query.value = "");
-  };
-  be(async () => {
-    l.autoFocus && (await w(), setTimeout(() => {
-      $.value.focus();
-    })), n.goToOption(0);
-  });
-  const ce = () => {
-    u.value = a.value, O("apply", u.value), f(!1), se();
-  }, B = () => {
-    V.value && Array.isArray(_.value) && (u.value = T(_.value).slice()), f(!1);
-  }, ve = (e) => {
-    if (!l.disableKeyboardEvents)
-      switch (e.key) {
-        case "Space":
-        case "Enter":
-        case "ArrowUp":
-        case "ArrowDown":
-          f(!0), e.preventDefault();
-      }
-  }, de = (e) => {
-    if (!l.disableKeyboardEvents)
-      switch (e.key) {
-        case "ArrowUp": {
-          n.goToOption(
-            -1
-            /* Previous */
-          ), e.preventDefault(), e.stopPropagation();
-          break;
-        }
-        case "ArrowDown": {
-          n.goToOption(
-            1
-            /* Next */
-          ), e.preventDefault(), e.stopPropagation();
-          break;
-        }
-        case "Escape": {
-          f(!1), e.preventDefault();
-          break;
-        }
-        case "PageUp": {
-          n.goToOption(
-            10
-            /* NextPage */
-          ), e.preventDefault();
-          break;
-        }
-        case "PageDown": {
-          n.goToOption(
-            -10
-            /* PrevPage */
-          ), e.preventDefault();
-          break;
-        }
-        case "Enter": {
-          if (!v.value) {
-            f(!0);
-            return;
-          }
-          N(s.value[o.value], o.value), n.mode === y.Single && !l.keepOpen && f(!1), e.preventDefault();
-          break;
-        }
-      }
-  }, fe = r(() => {
-    const h = U.value.length, g = l.showSelectAll ? 1 : 0, P = h > 7, ge = h + g, he = P ? 7 + 0.5 : ge;
-    return Ie(he * C.value + 8);
-  });
-  return {
-    onKeydown: de,
-    location: Q,
-    open: v,
-    toggleMenu: f,
-    onButtonKeydown: ve,
-    displayedValue: te,
-    labelRef: R,
-    query: S,
-    containerProps: G,
-    calculateTableHeight: fe,
-    wrapperProps: ne,
-    filteredOptions: s,
-    allSelected: L,
-    isIndeterminate: ae,
-    onSelectAll: ie,
-    virtualOptions: U,
-    isSelected: q,
-    selectedOption: u,
-    onSelect: N,
-    activeIndex: o,
-    onCancel: B,
-    onApply: ce,
-    scrollTo: M
-  };
-};
-export {
-  He as dropdownCommon
-};

package/components/dropdown/common/Label.vue.vue.js

@@ -1,6 +0,0 @@
-import a from "./Label.vue.vue2.js";
-/* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const e = /* @__PURE__ */ o(a, [["__scopeId", "data-v-5faaafce"]]);
-export {
-  e as default
-};

package/components/dropdown/common/Label.vue.vue2.js

@@ -1,35 +0,0 @@
-import { defineComponent as n, openBlock as l, createElementBlock as d, unref as e, normalizeClass as m, createVNode as c, withCtx as o, renderSlot as i, createBlock as u, createTextVNode as f, createCommentVNode as p } from "vue";
-/* empty css                                 */import a from "../../typography/Text.vue.vue.js";
-import { useDropdownContext as b } from "./DropdownContext.vue.js";
-import { useId as _ } from "../../../composables/useId.vue.js";
-const h = /* @__PURE__ */ n({
-  __name: "Label",
-  setup(x) {
-    const r = `is-system-label-${_().value}`, t = b("label");
-    return (s, C) => (l(), d("label", {
-      id: r,
-      ref: e(t).labelRef,
-      class: m(["label", { "label--disabled": e(t).disabled }])
-    }, [
-      c(e(a), null, {
-        default: o(() => [
-          i(s.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      }),
-      e(t).mandatory ? (l(), u(e(a), {
-        key: 0,
-        size: "lg",
-        class: "mandatory"
-      }, {
-        default: o(() => [
-          f("*")
-        ]),
-        _: 1
-      })) : p("", !0)
-    ], 2));
-  }
-});
-export {
-  h as default
-};

package/components/dropdown/common/Option.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Option.vue.vue2.js";
-/* empty css                 */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d9b9102"]]);
-export {
-  _ as default
-};

package/components/dropdown/common/Option.vue.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.vue.js";
-import { useDropdownContext as S, Mode as C } from "./DropdownContext.vue.js";
-import { useId as V } from "../../../composables/useId.vue.js";
-import D from "../../checkbox/Checkbox.vue.vue.js";
-import E from "../../icon/Icon.vue.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/common/SearchInput.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./SearchInput.vue.vue2.js";
-/* empty css                      */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2fb7762f"]]);
-export {
-  a as default
-};

package/components/dropdown/common/SearchInput.vue.vue2.js

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

package/components/dropdown/v3/Dropdown.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Dropdown.vue.vue2.js";
-/* empty css                   *//* empty css                   */import r from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0f9d5331"]]);
-export {
-  _ as default
-};