@ironsource/shared-ui 2.1.12-test.98 → 2.1.12-test.99

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,164 +0,0 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
-import { NOOP as I } from "@vue/shared";
-import b from "../../typography/v4/Typography.vue.js";
-import O from "../../button/v4/ButtonV4.vue.js";
-import S from "../../button/v4/IconButtonV4.vue.js";
-import "../../button/v4/ButtonGroup.vue.js";
-import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import { Reason as g } from "../common/Reason.js";
-import { dialogCommon as V } from "../common/Dialog.common.js";
-import { DialogTestIdModifiers as a } from "../../../testids/index.js";
-import { useTestIdAttrs as p } from "../../../utils/testIds.js";
-import { useMagicKeys as D, whenever as R } from "@vueuse/core";
-const $ = {
-  key: 0,
-  class: "container light-theme-v4"
-}, F = { class: "title" }, U = {
-  key: 1,
-  class: "footer"
-}, Y = /* @__PURE__ */ L({
-  __name: "DialogV4",
-  props: {
-    modelValue: { type: Boolean },
-    content: { default: null },
-    title: { default: "" },
-    subtitle: { default: "" },
-    appendToBody: { type: Boolean, default: !0 },
-    size: { default: "small" },
-    showBackdrop: { type: Boolean, default: !0 },
-    closeDelay: { default: 0 },
-    openDelay: { default: 0 },
-    escapeToClose: { type: Boolean, default: !0 },
-    closeOnClickOutside: { type: Boolean, default: !1 },
-    beforeClose: { type: Function, default: null },
-    showCloseButton: { type: Boolean, default: !0 },
-    showCancelButton: { type: Boolean, default: !0 },
-    showSaveButton: { type: Boolean, default: !0 },
-    showFooter: { type: Boolean, default: !0 },
-    saveButtonLabel: { default: "Save" },
-    saveButtonLoading: { type: Boolean, default: !1 },
-    saveButtonColor: { default: "primary" },
-    cancelButtonLabel: { default: "Cancel" },
-    cancelButtonColor: { default: "default" },
-    testId: { default: "" },
-    noPadding: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "open", "close", "save", "cancel"],
-  setup(e, { emit: C }) {
-    const r = e, { escape: w } = D(), n = p(r.testId, a), { visible: h, handleClose: v } = V(r, C);
-    R(w, () => {
-      h.value && r.escapeToClose && !r.saveButtonLoading && v(g.Escape);
-    });
-    const N = () => {
-      const { closeOnClickOutside: c, saveButtonLoading: d } = r;
-      c && !d ? v(g.Backdrop) : I();
-    };
-    return (c, d) => (o(), u(E, {
-      to: "body",
-      disabled: !e.appendToBody
-    }, [
-      A(P, null, {
-        default: i(() => [
-          t(h) ? (o(), m("div", $, [
-            y("div", s({
-              class: ["dialog", [`dialog--${e.size}`]]
-            }, t(n)[t(a).WRAPPER]), [
-              e.title || e.subtitle || e.showCloseButton ? (o(), m("header", s({
-                key: 0,
-                class: "header"
-              }, t(n)[t(a).HEADER]), [
-                y("div", F, [
-                  k(c.$slots, "header", {}, () => [
-                    e.title ? (o(), u(t(b), {
-                      key: 0,
-                      variant: "h3"
-                    }, {
-                      default: i(() => [
-                        f(B(e.title), 1)
-                      ]),
-                      _: 1
-                    })) : l("", !0),
-                    e.subtitle ? (o(), u(t(b), {
-                      key: 1,
-                      class: "subtitle",
-                      variant: "body1"
-                    }, {
-                      default: i(() => [
-                        f(B(e.subtitle), 1)
-                      ]),
-                      _: 1
-                    })) : l("", !0)
-                  ], !0)
-                ]),
-                e.showCloseButton ? (o(), u(t(S), s({
-                  key: 0,
-                  class: "close-button",
-                  "icon-name": "x",
-                  disabled: e.saveButtonLoading
-                }, t(n)[t(a).ACTION_CLOSE], {
-                  onClick: d[0] || (d[0] = (T) => t(v)(t(g).CloseButton))
-                }), null, 16, ["disabled"])) : l("", !0)
-              ], 16)) : l("", !0),
-              y("div", s({
-                class: ["content", { "content--no-padding": e.noPadding }]
-              }, t(n)[t(a).CONTENT]), [
-                k(c.$slots, "default", {}, () => [
-                  e.content ? (o(), u(t(b), {
-                    key: 0,
-                    variant: "body1"
-                  }, {
-                    default: i(() => [
-                      f(B(e.content), 1)
-                    ]),
-                    _: 1
-                  })) : l("", !0)
-                ], !0)
-              ], 16),
-              e.showFooter ? (o(), m("footer", U, [
-                y("div", s({ class: "action-buttons" }, t(n)[t(a).ACTION_BUTTONS_WRAPPER]), [
-                  k(c.$slots, "footer", {}, () => [
-                    e.showCancelButton ? (o(), u(t(O), s({
-                      key: 0,
-                      class: "form-action",
-                      variant: "outlined",
-                      color: e.cancelButtonColor,
-                      disabled: e.saveButtonLoading
-                    }, t(n)[t(a).CANCEL_BUTTON], {
-                      onClick: d[1] || (d[1] = (T) => C("cancel"))
-                    }), {
-                      default: i(() => [
-                        f(B(e.cancelButtonLabel), 1)
-                      ]),
-                      _: 1
-                    }, 16, ["color", "disabled"])) : l("", !0),
-                    e.showSaveButton ? (o(), u(t(O), s({
-                      key: 1,
-                      class: "form-action",
-                      loading: e.saveButtonLoading,
-                      color: e.saveButtonColor
-                    }, t(n)[t(a).SAVE_BUTTON], {
-                      onClick: d[2] || (d[2] = (T) => C("save"))
-                    }), {
-                      default: i(() => [
-                        f(B(e.saveButtonLabel), 1)
-                      ]),
-                      _: 1
-                    }, 16, ["loading", "color"])) : l("", !0)
-                  ], !0)
-                ], 16)
-              ])) : l("", !0)
-            ], 16),
-            e.showBackdrop ? (o(), m("div", s({
-              key: 0,
-              class: "dialog-backdrop"
-            }, t(n)[t(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
-          ])) : l("", !0)
-        ]),
-        _: 3
-      })
-    ], 8, ["disabled"]));
-  }
-});
-export {
-  Y as default
-};

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

@@ -1,399 +0,0 @@
-import { useToggle as ke } from "../../../composables/useToggle.js";
-import { inject as Ge, ref as r, computed as c, watch as b, useSlots as Le, toRaw as I, nextTick as N, provide as Ue, onMounted as Be } from "vue";
-import { isObjectInArray as ue } from "../../../utils/array.js";
-import { objectsEqual as He } from "../../../utils/object.js";
-import { useClamp as qe, useVirtualList as Xe, onClickOutside as ie, useInfiniteScroll as $e } from "@vueuse/core";
-import { Mode as w, Type as U, DropdownContext as je } from "./DropdownContext.js";
-import { pxToRem as ze } from "../../../utils/style.js";
-import { useEditableContext as We } from "../../table-cells/common/EditableContext.js";
-import { useGroupedOptions as Je } from "./useGroupedOptions.js";
-const nl = (e, d, y) => {
-  const B = Ge("isTreeDropdown", !1), {
-    sortOutGroups: H,
-    flattenAndMarkGroupOptions: q,
-    isGroup: X,
-    selectAllWithGroups: re,
-    isIndeterminateGrouped: oe,
-    allSelectedGrouped: $,
-    areAllPreviousSelected: ce,
-    groupedChildOptionsLength: se
-  } = Je(e), de = (l, t) => e.multi && Array.isArray(l) ? e.comparingKey ? l?.findIndex(
-    (i) => i[e.comparingKey] === t[e.comparingKey]
-  ) > -1 : ue(l, t) : e.comparingKey ? l?.[e.comparingKey] === t[e.comparingKey] : l === t;
-  let j;
-  ((l) => {
-    l[l.None = 0] = "None", l[l.Next = 1] = "Next", l[l.Previous = -1] = "Previous", l[l.NextPage = 10] = "NextPage", l[l.PrevPage = -10] = "PrevPage";
-  })(j || (j = {}));
-  const a = r(
-    e.selected
-  ), K = We(), n = c({
-    get() {
-      return K?.value?.value ?? a.value;
-    },
-    set(l) {
-      K.onChange?.(l), K.onClose?.(), d("update:selected", l);
-    }
-  });
-  b(
-    () => e.selected,
-    () => {
-      a.value = e.selected, v.value = e.selected;
-    }
-  );
-  const ve = Le(), x = r(null), m = r(null), z = r(null), R = r(null), W = r(null), D = r(null), fe = r(), J = r(null), Q = r(null), Y = r(null), ge = 8, ye = c(() => D.value ? D.value.getBoundingClientRect().height + ge + e.distance : 0), C = r(!1), h = r([]), T = r(-1), O = r(""), v = r(e.selected || []), Z = () => D.value?.focus(), [S, he, Oe] = ke({
-    disabled: e.disabled,
-    initialValue: e.defaultOpen
-  });
-  b(
-    () => e.disabled,
-    (l) => {
-      l !== void 0 && Oe(l);
-    }
-  );
-  const F = (l) => {
-    Se.value = he(l);
-  }, Se = c({
-    get() {
-      return e.isOpen;
-    },
-    set(l) {
-      d("update:isOpen", l);
-    }
-  }), me = c(() => o.value.length - 1), g = qe(0, 0, me), p = c(() => n.value ? e.displayValue(n.value) : ""), Ae = (l) => {
-    if (!l.value.length && !e.multiOptionsPlaceholderPrefix && !e.multiOptionsPlaceholderSuffix)
-      return e.placeholder;
-    const t = !e.multiOptionsPlaceholderPrefix && !e.multiOptionsPlaceholderSuffix ? `${l.value.length} selected` : `${e.multiOptionsPlaceholderPrefix ?? ""}${l.value.length ?? "0"}${e.multiOptionsPlaceholderSuffix ?? ""}`;
-    return l.value.length == 1 && e.displayValue ? e.displayValue(l.value[0]) : t;
-  }, be = c(() => {
-    if (!e.multi)
-      return n.value ? e.displayValue(n.value) : e.placeholder;
-    if (Array.isArray(a.value))
-      return Ae(a);
-  }), E = c(() => {
-    if (Array.isArray(a.value))
-      return e.groupedOptions ? $(o, a) : a.value.length === o.value.length;
-  }), Te = c(() => !e.multi || !Array.isArray(a.value) ? !1 : e.groupedOptions ? oe(
-    o,
-    a
-  ) : a.value.length > 0 && a.value.length < o.value.length), _ = (l) => {
-    O.value = l;
-  }, M = c(() => e.groupedOptions ? q(e.options) : e.options), Pe = c(() => {
-    if (ce(
-      M,
-      v
-    ))
-      return M.value;
-    const l = {
-      selected: [],
-      notSelected: []
-    };
-    I(M).value.forEach((i) => {
-      const u = (e.comparingKey ? v.value.findIndex(
-        (L) => L[e.comparingKey] === i[e.comparingKey]
-      ) > -1 : v.value.includes(i)) ? "selected" : "notSelected";
-      l[u].push(i);
-    });
-    const t = e.groupedOptions ? H(l.notSelected) : l.notSelected;
-    return [].concat(l.selected, t);
-  }), o = c(() => {
-    const l = Array.isArray(v.value) && e.multi && y.VERSION === 4 && !B ? Pe.value : M.value;
-    if (e.onSearch) {
-      const t = l.filter((i) => e.groupedOptions && X(i) ? i : e.onSearch(i, O.value));
-      return e.groupedOptions ? H(t) : t;
-    } else
-      return l;
-  }), Ie = c(() => h.value[0]?.hasSubtitle), ee = c(() => s.mode === w.Multi), le = c(
-    () => Ie.value ? y.MULTILINE_LIST_HEIGHT : y.LIST_HEIGHT
-  ), {
-    list: V,
-    containerProps: k,
-    wrapperProps: we,
-    scrollTo: P
-  } = Xe(o, {
-    itemHeight: le.value,
-    overscan: e.disableVirtualScroll ? 1 / 0 : 2
-  });
-  b(
-    () => e.isOpen,
-    (l) => {
-      F(l);
-    }
-  ), b([T], async () => {
-    await N();
-  }), b(
-    [S, g, T],
-    async ([l], [t]) => {
-      S.value && (await N(), T.value !== -1 && l !== t && setTimeout(() => {
-        if (!(e.multi && y.VERSION === 4))
-          if (P(T.value), e.groupedOptions) {
-            const i = M.value.findIndex(
-              (f) => f === n.value
-            );
-            P(i);
-          } else
-            P(T.value);
-      }), g.value && setTimeout(() => {
-        P(g.value);
-      }));
-    }
-  ), b(O, () => {
-    d("onsearch", O.value), P(0);
-  });
-  const A = (l, t = !1) => {
-    e.disabled || (F(l), N(() => {
-      S.value && d("opened"), S.value || d("closed"), x.value && t && x.value.focus();
-    }));
-  };
-  b(S, (l) => {
-    if (l) {
-      O.value = "", ee.value && Array.isArray(n.value) && (v.value = I(n.value).slice());
-      return;
-    }
-    Z();
-  });
-  const xe = () => {
-    if (E.value) {
-      a.value = [];
-      return;
-    }
-    if (Array.isArray(a.value)) {
-      if (e.groupedOptions)
-        re(o, a);
-      else {
-        if (a.value.length === o.value.length) {
-          a.value = [];
-          return;
-        }
-        a.value = o.value;
-      }
-      d("selectAll");
-    }
-  }, De = () => {
-    xe(), y.VERSION !== 4 && (n.value = a.value);
-  }, Me = (l = !0) => {
-    a.value = [], l ? (n.value = [], v.value = [], d("clear")) : e.dynamicFilterMode || d("clear");
-  }, G = (l, t) => {
-    if (l = I(l), y.VERSION === 4 ? l[e.disabledOptionKey] : h.value[t]?.disabled)
-      return;
-    if (T.value = t, !e.multi) {
-      e.keepOpen || A(!1), s.goToOption(
-        0
-        /* None */
-      ), n.value = l, _(""), Z(), s.type === U.Search && m.value && (m.value.value = e.displayValue(l)), ae();
-      return;
-    }
-    if (!Array.isArray(a.value))
-      return;
-    m.value?.focus();
-    const f = I(a.value);
-    if (ue(f, l) || e.comparingKey && f.findIndex(
-      (u) => u[e.comparingKey] === l[e.comparingKey]
-    ) > -1) {
-      a.value = f.filter((u) => e.comparingKey ? u[e.comparingKey] !== l[e.comparingKey] : !He(u, l));
-      return;
-    } else {
-      a.value = [...f, l];
-      return;
-    }
-  }, Ce = (l) => h.value[l]?.disabled, s = {
-    activeIndex: g,
-    options: h,
-    selectedOption: n,
-    labelRef: W,
-    activeOption: R,
-    listRef: x,
-    clearable: e.clearable,
-    type: ve.input ? U.Search : U.Dropdown,
-    mode: e.multi ? w.Multi : w.Single,
-    query: O,
-    selectedValue: p,
-    toggle: A,
-    disabled: e.disabled,
-    open: S,
-    mandatory: e.mandatory,
-    size: e.size,
-    placeholder: e.placeholder,
-    select: G,
-    clearSelection: () => {
-      _(""), n.value = s.mode === w.Single ? null : [], v.value = s.mode === w.Single ? null : [], m.value && (m.value.value = "");
-    },
-    search: _,
-    goToOption: async (l) => {
-      if (!S.value)
-        return;
-      let t = g.value + l;
-      const i = h.value.filter(
-        (u) => u.disabled
-      ).length, f = o.value.length - i;
-      for (t > f && (t = f + 1); ; ) {
-        if (!h.value[t]?.disabled) {
-          R.value = o.value[t], g.value = t;
-          return;
-        }
-        if ((l === 1 || l === 10) && (t = t + 1), (l === -1 || l === -10) && (t = t + -1), !!Ce(g.value)) {
-          R.value = o.value[t], g.value = t;
-          return;
-        }
-      }
-    },
-    registerInput: (l) => {
-      m.value = l.value;
-    },
-    registerOption: (l, t, i) => {
-      h.value = [...h.value, { id: l, disabled: t, hasSubtitle: i }];
-    },
-    unRegisterOption(l) {
-      h.value = h.value.filter((t) => t.id !== l);
-    }
-  };
-  Ue(je, s), ie(
-    x,
-    () => {
-      S.value && ne();
-    },
-    {
-      ignore: [
-        D,
-        J,
-        Q,
-        Y,
-        m,
-        k.ref
-      ]
-    }
-  );
-  const Ne = () => {
-    m.value && (m.value.value = s.query.value = "");
-  }, te = () => {
-    e.multi && !B && (e.groupedOptions ? C.value = $(
-      o,
-      a
-    ) : C.value = e.options.length === e.selected.length);
-  };
-  Be(async () => {
-    e.autoFocus && (await N(), setTimeout(() => {
-      z.value.focus();
-    })), s.goToOption(0), te();
-  }), b([() => e.options, () => e.selected], () => {
-    te();
-  });
-  const ae = () => {
-    e.multi && (n.value = a.value, Array.isArray(n.value) && (v.value = I(n.value).slice(), C.value = e.groupedOptions ? se(e.options) === n.value.length : e.options.length === n.value.length)), d("apply", n.value), d("allSelectedChanged", E.value), A(!1), Ne();
-  }, ne = () => {
-    ee.value && Array.isArray(v.value) && (n.value = I(v.value).slice()), O.value = "", A(!1);
-  }, Ke = (l) => {
-    if (!e.disableKeyboardEvents)
-      switch (l.key) {
-        case "Space":
-        case "Enter":
-        case "ArrowUp":
-        case "ArrowDown":
-          A(!0), l.preventDefault();
-      }
-  }, Re = (l) => {
-    if (!e.disableKeyboardEvents)
-      switch (l.key) {
-        case "ArrowUp": {
-          s.goToOption(
-            -1
-            /* Previous */
-          ), l.preventDefault(), l.stopPropagation();
-          break;
-        }
-        case "ArrowDown": {
-          s.goToOption(
-            1
-            /* Next */
-          ), l.preventDefault(), l.stopPropagation();
-          break;
-        }
-        case "Escape": {
-          A(!1), l.preventDefault();
-          break;
-        }
-        case "PageUp": {
-          s.goToOption(
-            10
-            /* NextPage */
-          ), l.preventDefault();
-          break;
-        }
-        case "PageDown": {
-          s.goToOption(
-            -10
-            /* PrevPage */
-          ), l.preventDefault();
-          break;
-        }
-        case "Enter": {
-          if (!S.value) {
-            A(!0);
-            return;
-          }
-          G(o.value[g.value], g.value), s.mode === w.Single && !e.keepOpen && A(!1), l.preventDefault();
-          break;
-        }
-      }
-  }, Ee = c(() => {
-    if (e.loading)
-      return 8.5;
-    const l = e.loadMoreLoading && y.MAX_NUMBER_OF_OPTIONS || e.customNumberOfDisplayedOptions || V.value.reduce((L, _e) => {
-      const Ve = e.overrideOptionCountCalculation ? e.overrideOptionCountCalculation(_e.data) : 1;
-      return L + Ve;
-    }, 0), t = e.multi && e.showSelectAll && !O.value ? 1 : 0, i = l > y.MAX_NUMBER_OF_OPTIONS, f = l + t;
-    let u = i ? y.MAX_NUMBER_OF_OPTIONS + 0.1 : f;
-    return e.loadMoreLoading && e.multi && (V.value.length ? u = u + 0.1 : u = u - 0.9), e.noResultsText && u === 0 && (u = u + 1), e.withConditions && O.value && (u = u + 1), ze(
-      u * le.value + y.PADDING_PX
-    );
-  });
-  return $e(
-    k.ref,
-    () => {
-      !e.loadMoreLoading && e.infiniteLoading && d("loadMore");
-    },
-    { distance: e.infiniteScrollThreshold }
-  ), b(a, () => {
-    d("unsavedSelectionUpdate", a.value);
-  }), {
-    onKeydown: Re,
-    location: ye,
-    open: S,
-    toggleMenu: A,
-    onButtonKeydown: Ke,
-    displayedValue: be,
-    labelRef: W,
-    query: O,
-    containerProps: k,
-    calculateTableHeight: Ee,
-    wrapperProps: we,
-    filteredOptions: o,
-    allSelected: E,
-    allSelectedApplied: C,
-    isIndeterminate: Te,
-    onSelectAll: De,
-    virtualOptions: V,
-    isSelected: de,
-    selectedOption: n,
-    selectedOptionPrevious: v,
-    selectedValue: p,
-    onSelect: G,
-    activeIndex: g,
-    onCancel: ne,
-    onApply: ae,
-    scrollTo: P,
-    onClickOutside: ie,
-    listRef: x,
-    buttonRef: D,
-    apply: J,
-    cancel: Q,
-    el: z,
-    triggerRef: fe,
-    clearAll: Y,
-    onClearAllSelections: Me,
-    isGroup: X,
-    flattenAndMarkGroupOptions: q
-  };
-};
-export {
-  nl as dropdownCommon
-};

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

@@ -1,8 +0,0 @@
-import o from "./Dropdown.vue2.js";
-/* empty css               *//* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css"; //*');
-// import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  //');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-aaa8c4bb"]]);
-export {
-  a as default
-};