@ironsource/shared-ui 2.1.11-test.8 → 2.1.11-test.91

package/components/dialog/v4/index.d.ts

@@ -17,12 +17,15 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
             saveButtonColor: string;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            noPadding: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: import("vue").PropType<string>;
@@ -80,6 +83,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -104,13 +115,17 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -181,6 +196,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -205,6 +228,10 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
@@ -231,12 +258,15 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
             saveButtonColor: string;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            noPadding: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -314,6 +344,14 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showCancelButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showSaveButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showFooter: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -338,6 +376,10 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onClose?: (reason: import("../v3").Reason) => any;
@@ -405,6 +447,14 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showCancelButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showSaveButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     showFooter: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -429,6 +479,10 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    noPadding: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: import("../v3").Reason) => any;
@@ -455,12 +509,15 @@ declare const DialogTypes: () => ({
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
     saveButtonColor: string;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    noPadding: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

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

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

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

@@ -0,0 +1,8 @@
+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
+};