@ironsource/shared-ui 2.0.0-rc.2 → 2.0.0-rc.3

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
-};

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

@@ -1,372 +0,0 @@
-import { defineComponent as J, openBlock as d, createElementBlock as o, normalizeClass as $, unref as e, renderSlot as b, createVNode as s, withCtx as n, Transition as Q, createElementVNode as f, createTextVNode as r, toDisplayString as h, createCommentVNode as i, createBlock as g, isRef as Z, mergeProps as E, withModifiers as x, Fragment as _, renderList as ee, toRaw as T, pushScopeId as te, popScopeId as le } from "vue";
-import P from "../../button/v3/Button.vue.vue.js";
-import A from "../../icon/Icon.vue.vue.js";
-import { DropdownTestIdModifiers as u } from "../../../testids/index.vue.js";
-/* empty css                                 */import p from "../../typography/Text.vue.vue.js";
-/* empty css                                      *//* empty css                                   *//* empty css                                          */import { Dropdown as ae } from "floating-vue";
-/* empty css                              *//* empty css                                     */import de from "../common/Option.vue.vue.js";
-import ie from "../../search/v4/SearchV4.vue.vue.js";
-import { dropdownCommon as oe } from "../common/Dropdown.common.vue.js";
-const ne = (t) => (te("data-v-0f9d5331"), t = t(), le(), t), se = ["tabindex", "data-testid"], re = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"], ue = {
-  key: 0,
-  class: "image-slot"
-}, ce = { class: "angle-down" }, fe = {
-  key: 0,
-  ref: "listRef",
-  class: "dropdown-title"
-}, me = ["data-testid"], pe = ["data-testid"], ye = {
-  key: 0,
-  class: "no-result-container"
-}, be = {
-  key: 1,
-  class: "loader"
-}, he = /* @__PURE__ */ ne(() => /* @__PURE__ */ f("svg", {
-  width: "100",
-  height: "100",
-  viewBox: "0 0 100 100"
-}, [
-  /* @__PURE__ */ f("circle", {
-    cx: "50",
-    cy: "50",
-    fill: "none",
-    stroke: "currentColor",
-    "stroke-width": "6",
-    r: "35",
-    "stroke-dasharray": "164.93361431346415 56.97787143782138"
-  }, [
-    /* @__PURE__ */ f("animateTransform", {
-      attributeName: "transform",
-      type: "rotate",
-      repeatCount: "indefinite",
-      dur: "1s",
-      values: "0 50 50;360 50 50",
-      keyTimes: "0;1"
-    })
-  ])
-], -1)), ke = { key: 2 }, we = ["aria-selected", "aria-disabled", "onClick"], ve = {
-  key: 0,
-  class: "actions"
-}, Ve = /* @__PURE__ */ J({
-  __name: "Dropdown",
-  props: {
-    modelValue: { default: null },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    mandatory: { type: Boolean, default: !1 },
-    helperText: { default: "" },
-    searchPlaceholder: { default: "" },
-    isOnTop: { type: Boolean, default: !1 },
-    multi: { type: Boolean, default: !1 },
-    title: { default: "" },
-    inlineSearch: { type: Boolean, default: !1 },
-    popperClass: { default: "" },
-    noResultsText: { default: "No results found" },
-    loading: { type: Boolean },
-    selected: { default: null },
-    showSelectAll: { type: Boolean },
-    defaultOpen: { type: Boolean, default: !1 },
-    showButtonOnOpen: { type: Boolean, default: !0 },
-    autoFocus: { type: Boolean, default: !1 },
-    distance: { default: 0 },
-    isOpen: { type: Boolean },
-    skidding: { default: 0 },
-    placement: { default: "bottom-start" },
-    clearable: { type: Boolean, default: !1 },
-    error: { default: "" },
-    size: { default: "lg" },
-    displayValue: null,
-    options: null,
-    onSearch: { type: Function, default: () => !0 },
-    theme: { default: "is-dropdown" },
-    container: { default: "body" },
-    flip: { type: Boolean, default: !0 },
-    keepOpen: { type: Boolean, default: !1 },
-    autoSize: { type: Boolean, default: !1 },
-    disableKeyboardEvents: { type: Boolean, default: !1 },
-    multiOptionsPlaceholderPrefix: { default: "" },
-    multiOptionsPlaceholderSuffix: { default: "" },
-    testId: { default: "" },
-    darkTheme: { type: Boolean, default: !0 },
-    valueToCopy: { default: "" }
-  },
-  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
-  setup(t, { expose: N, emit: V }) {
-    const K = t, {
-      onKeydown: y,
-      location: L,
-      open: m,
-      toggleMenu: C,
-      onButtonKeydown: k,
-      displayedValue: B,
-      labelRef: D,
-      query: w,
-      containerProps: H,
-      calculateTableHeight: F,
-      wrapperProps: M,
-      filteredOptions: G,
-      allSelected: I,
-      isIndeterminate: X,
-      onSelectAll: q,
-      virtualOptions: S,
-      isSelected: z,
-      selectedOption: O,
-      onSelect: R,
-      activeIndex: U,
-      onCancel: W,
-      onApply: Y,
-      scrollTo: j
-    } = oe(K, V);
-    return N({
-      selectItem: R,
-      scrollTo: j
-    }), (c, a) => (d(), o("div", {
-      ref: "el",
-      class: $(["dropdown", { "dropdown--disabled": t.disabled }]),
-      tabindex: t.disabled ? -1 : 0,
-      "data-testid": `${t.testId}-${e(u).WRAPPER}`,
-      onKeydown: a[7] || (a[7] = //@ts-ignore
-      (...l) => e(y) && e(y)(...l))
-    }, [
-      b(c.$slots, "label", {}, void 0, !0),
-      s(e(ae), {
-        theme: t.theme,
-        "popper-class": [
-          t.popperClass,
-          t.autoSize ? "v-popper--theme-is-dropdown--auto-size" : null
-        ],
-        placement: t.placement,
-        skidding: t.isOnTop ? 0 : t.skidding,
-        distance: t.isOnTop ? -e(L) : t.distance,
-        flip: t.flip,
-        triggers: [],
-        shown: !!e(m),
-        "auto-hide": !1,
-        container: t.container,
-        "auto-size": t.autoSize,
-        "data-testid": `${t.testId}-${e(u).TRIGGER}`
-      }, {
-        popper: n(() => [
-          s(Q, null, {
-            default: n(() => [
-              t.inlineSearch || t.title ? (d(), o("div", fe, [
-                f("div", null, [
-                  t.title ? (d(), o("div", {
-                    key: 0,
-                    class: "dropdown-title__text",
-                    "data-testid": `${t.testId}-${e(u).TITLE}`
-                  }, [
-                    s(e(p), { strong: "" }, {
-                      default: n(() => [
-                        r(h(t.title), 1)
-                      ]),
-                      _: 1
-                    })
-                  ], 8, me)) : i("", !0),
-                  t.inlineSearch ? (d(), g(e(ie), {
-                    key: 1,
-                    modelValue: e(w),
-                    "onUpdate:modelValue": a[4] || (a[4] = (l) => Z(w) ? w.value = l : null),
-                    placeholder: t.searchPlaceholder,
-                    class: "dropdown-title__search",
-                    variant: "transparent",
-                    size: "md",
-                    "test-id": `${t.testId}-${e(u).SEARCH}`,
-                    onKeydown: e(y)
-                  }, null, 8, ["modelValue", "placeholder", "test-id", "onKeydown"])) : i("", !0)
-                ]),
-                e(m) ? (d(), o("div", {
-                  key: 0,
-                  class: "dropdown",
-                  onKeydown: a[6] || (a[6] = //@ts-ignore
-                  (...l) => e(y) && e(y)(...l))
-                }, [
-                  b(c.$slots, "input-list", { open: e(m) }, void 0, !0),
-                  f("div", E(e(H), {
-                    class: ["list-container", { "list-container--multi": t.multi }],
-                    style: { height: `${e(F)}rem` },
-                    "data-testid": `${t.testId}-${e(u).LIST_CONTAINER}`
-                  }), [
-                    f("ul", E(e(M), {
-                      role: "listbox",
-                      class: ["list", { "list--multi": t.multi }]
-                    }), [
-                      !e(G).length && !t.loading ? (d(), o("li", ye, [
-                        s(e(p), {
-                          size: "sm",
-                          class: "no-result"
-                        }, {
-                          default: n(() => [
-                            r(h(t.noResultsText), 1)
-                          ]),
-                          _: 1
-                        })
-                      ])) : i("", !0),
-                      t.loading ? (d(), o("li", be, [
-                        s(e(A), {
-                          "font-size": "md",
-                          class: "loader-icon"
-                        }, {
-                          default: n(() => [
-                            he
-                          ]),
-                          _: 1
-                        }),
-                        s(e(p), null, {
-                          default: n(() => [
-                            r("Loading...")
-                          ]),
-                          _: 1
-                        })
-                      ])) : i("", !0),
-                      t.showSelectAll ? (d(), o("li", ke, [
-                        s(de, {
-                          "aria-selected": e(I),
-                          "aria-disabled": !!t.disabled,
-                          "selected-prop": e(I),
-                          "is-indeterminate": e(X),
-                          "select-all-option": "",
-                          onClick: a[5] || (a[5] = x((l) => e(q)(), ["stop"]))
-                        }, {
-                          default: n(() => [
-                            r("Select all ")
-                          ]),
-                          _: 1
-                        }, 8, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
-                      ])) : i("", !0),
-                      e(S).length && !t.loading ? (d(!0), o(_, { key: 3 }, ee(e(S), ({ data: l, index: v }) => (d(), o("li", {
-                        key: v,
-                        "aria-selected": e(z)(T(e(O)), l),
-                        "aria-disabled": !!t.disabled,
-                        onClick: x(() => e(R)(l, v), ["stop"])
-                      }, [
-                        b(c.$slots, "default", {
-                          option: l,
-                          selected: e(z)(T(e(O)), l),
-                          active: T(e(U)) === v
-                        }, void 0, !0)
-                      ], 8, we))), 128)) : i("", !0)
-                    ], 16)
-                  ], 16, pe),
-                  t.multi ? (d(), o("div", ve, [
-                    s(e(P), {
-                      ref: "cancel",
-                      size: "sm",
-                      variant: "border",
-                      theme: "third",
-                      "test-id": `${t.testId}-${e(u).ACTION_CANCEL}`,
-                      onClick: e(W)
-                    }, {
-                      default: n(() => [
-                        r(" Cancel ")
-                      ]),
-                      _: 1
-                    }, 8, ["test-id", "onClick"]),
-                    s(e(P), {
-                      ref: "apply",
-                      "data-testid": "mutli-apply",
-                      size: "sm",
-                      class: "apply-button",
-                      "test-id": `${t.testId}-${e(u).ACTION_APPLY}`,
-                      onClick: e(Y)
-                    }, {
-                      default: n(() => [
-                        r("Apply ")
-                      ]),
-                      _: 1
-                    }, 8, ["test-id", "onClick"])
-                  ])) : i("", !0)
-                ], 32)) : i("", !0)
-              ], 512)) : i("", !0)
-            ]),
-            _: 3
-          })
-        ]),
-        default: n(() => [
-          f("div", {
-            class: $(["button__container", {
-              "button__container--open": !!e(m),
-              [`button__container--${t.size}`]: !0,
-              "button__container--disabled": t.disabled
-            }])
-          }, [
-            c.$slots.input ? (d(), o("div", {
-              key: 0,
-              ref: "buttonRef",
-              onClick: a[0] || (a[0] = (l) => e(C)()),
-              onKeydown: a[1] || (a[1] = //@ts-ignore
-              (...l) => e(k) && e(k)(...l))
-            }, [
-              b(c.$slots, "input", {
-                open: e(m),
-                value: e(B),
-                disabled: t.disabled
-              }, void 0, !0)
-            ], 544)) : i("", !0),
-            c.$slots.input ? i("", !0) : (d(), o("button", {
-              key: 1,
-              ref: "buttonRef",
-              disabled: t.disabled,
-              "aria-haspopup": !0,
-              "aria-expanded": !!e(m),
-              "aria-labelledby": e(D)?.id,
-              "aria-disabled": t.disabled,
-              class: $([{
-                "button--open": !!e(m),
-                [`button--${t.size}`]: !0,
-                "button--disabled": t.disabled
-              }, "button"]),
-              onKeydown: a[2] || (a[2] = //@ts-ignore
-              (...l) => e(k) && e(k)(...l)),
-              onClick: a[3] || (a[3] = (l) => e(C)())
-            }, [
-              c.$slots.image ? (d(), o("div", ue, [
-                b(c.$slots, "image", {}, void 0, !0)
-              ])) : i("", !0),
-              s(e(p), {
-                size: "sm",
-                "is-truncated": ""
-              }, {
-                default: n(() => [
-                  r(h(e(B)), 1)
-                ]),
-                _: 1
-              }),
-              f("div", ce, [
-                s(e(A), {
-                  name: "angle-down",
-                  "font-size": "sm"
-                })
-              ])
-            ], 42, re))
-          ], 2)
-        ]),
-        _: 3
-      }, 8, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size", "data-testid"]),
-      !t.error && t.helperText ? (d(), g(e(p), {
-        key: 0,
-        size: "caption",
-        class: "helper-text",
-        "test-id": `${t.testId}-${e(u).HELPER_TEXT}`
-      }, {
-        default: n(() => [
-          r(h(t.helperText), 1)
-        ]),
-        _: 1
-      }, 8, ["test-id"])) : i("", !0),
-      t.error ? (d(), g(e(p), {
-        key: 1,
-        size: "caption",
-        class: "helper-text helper-text--error",
-        "test-id": `${t.testId}-${e(u).HELPER_TEXT_ERROR}`
-      }, {
-        default: n(() => [
-          r(h(t.error), 1)
-        ]),
-        _: 1
-      }, 8, ["test-id"])) : i("", !0)
-    ], 42, se));
-  }
-});
-export {
-  Ve as default
-};

package/components/dropdown/v4/DropdownV4.vue.vue.js

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