@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

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

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

package/src/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";
-console.log('scoped// import "../../../Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css"; //*');
-console.log('global// import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  //');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-aaa8c4bb"]]);
-export {
-  a as default
-};