@ironsource/shared-ui 2.1.5-rc.1 → 2.1.5-rc.2

package/components/dropdown/common/Dropdown.common.d.ts

@@ -28,7 +28,7 @@ export declare const dropdownCommon: (props: any, emit: any, commonOptions: any)
     virtualOptions: Ref<UseVirtualListItem<unknown>[]>;
     isSelected: (arr: any, element: any) => boolean;
     selectedOption: import("vue").WritableComputedRef<unknown>;
-    selectedOptionPrevious: Ref<any[]>;
+    selectedOptionPrevious: Ref<unknown>;
     selectedValue: import("vue").ComputedRef<any>;
     onSelect: (option: any, index?: number) => void;
     activeIndex: Ref<number>;

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

@@ -1,13 +1,13 @@
-import { useToggle as Oe } from "../../../composables/useToggle.js";
-import { ref as n, computed as r, watch as O, useSlots as Pe, toRaw as b, nextTick as D, provide as Te, onMounted as we } from "vue";
+import { useToggle as me } from "../../../composables/useToggle.js";
+import { ref as n, computed as r, watch as m, useSlots as Pe, toRaw as A, nextTick as D, provide as Te, onMounted as we } from "vue";
 import { isObjectInArray as Q } from "../../../utils/array.js";
 import { objectsEqual as xe } from "../../../utils/object.js";
 import { useClamp as Ie, useVirtualList as De, onClickOutside as W } from "@vueuse/core";
-import { Mode as A, Type as _, DropdownContext as Ne } from "./DropdownContext.js";
+import { Mode as O, Type as _, DropdownContext as Ne } from "./DropdownContext.js";
 import { pxToRem as Re } from "../../../utils/style.js";
 import { useEditableContext as Ee } from "../../table-cells/common/EditableContext.js";
-const Ue = (l, P, m) => {
-  const Y = (e, t) => l.multi ? Q(e, t) : b(e) === t;
+const Ue = (l, P, b) => {
+  const Y = (e, t) => l.multi ? Q(e, t) : A(e) === t;
   let k;
   ((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";
@@ -22,17 +22,17 @@ const Ue = (l, P, m) => {
       N.onChange?.(e), N.onClose?.(), P("update:selected", e);
     }
   });
-  O(
+  m(
     () => l.selected,
     () => {
       a.value = l.selected;
     }
   );
-  const Z = Pe(), T = n(null), f = n(null), V = n(null), R = n(null), H = n(null), w = n(null), F = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => w.value ? w.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), x = n(-1), I = n(""), g = n([]), q = () => w.value?.focus(), [v, te, ae] = Oe({
+  const Z = Pe(), T = n(null), f = n(null), V = n(null), R = n(null), H = n(null), w = n(null), F = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => w.value ? w.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), x = n(-1), I = n(""), g = n([]), q = () => w.value?.focus(), [v, te, ae] = me({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
-  O(
+  m(
     () => l.disabled,
     (e) => {
       e !== void 0 && ae(e);
@@ -63,19 +63,19 @@ const Ue = (l, P, m) => {
   }), oe = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), E = (e) => {
     I.value = e;
   }, se = r(() => {
-    const e = b(g.value), t = {
+    const e = A(g.value), t = {
       selected: [],
       notSelected: []
     };
-    return b(l.options).forEach((y) => {
+    return A(l.options).forEach((y) => {
       const d = e.includes(y) ? "selected" : "notSelected";
       t[d].push(y);
     }), [].concat(t.selected, t.notSelected);
   }), s = r(() => {
-    const e = Array.isArray(g.value) && l.multi && m.VERSION === 4 ? se.value : l.options;
+    const e = Array.isArray(g.value) && l.multi && b.VERSION === 4 ? se.value : l.options;
     return l.onSearch ? e.filter((t) => l.onSearch(t, I.value)) : e;
-  }), ce = r(() => c.value[0]?.hasSubtitle), X = r(() => i.mode === A.Multi), j = r(
-    () => ce.value ? m.MULTILINE_LIST_HEIGHT : m.LIST_HEIGHT
+  }), ce = r(() => c.value[0]?.hasSubtitle), X = r(() => i.mode === O.Multi), j = r(
+    () => ce.value ? b.MULTILINE_LIST_HEIGHT : b.LIST_HEIGHT
   ), {
     list: z,
     containerProps: p,
@@ -85,18 +85,18 @@ const Ue = (l, P, m) => {
     itemHeight: j.value,
     overscan: 2
   });
-  O(
+  m(
     () => l.isOpen,
     (e) => {
       G(e);
     }
-  ), O([x], async () => {
+  ), m([x], async () => {
     await D();
-  }), O(
+  }), m(
     [v, o, x],
     async ([e], [t]) => {
       v.value && (await D(), x.value !== -1 && e !== t && setTimeout(() => {
-        l.multi && m.VERSION === 4 || M(x.value);
+        l.multi && b.VERSION === 4 || M(x.value);
       }), o.value && setTimeout(() => {
         M(o.value);
       }));
@@ -107,16 +107,14 @@ const Ue = (l, P, m) => {
       v.value && P("opened"), v.value || P("closed"), T.value && t && T.value.focus();
     }));
   };
-  O(v, (e) => {
+  m(v, (e) => {
     if (e) {
-      X.value && Array.isArray(u.value) && (g.value = b(u.value).slice());
+      X.value && Array.isArray(u.value) && (g.value = A(u.value).slice());
       return;
     }
     q();
   });
   const de = () => {
-    fe(), u.value = a.value;
-  }, fe = () => {
     if ($.value) {
       a.value = [];
       return;
@@ -128,12 +126,14 @@ const Ue = (l, P, m) => {
       }
       a.value = s.value;
     }
+  }, fe = () => {
+    de(), b.VERSION !== 4 && (u.value = a.value);
   }, ge = (e = !0) => {
     a.value = [], e && (u.value = [], g.value = []);
   }, C = (e, t) => {
-    if (e = b(e), c.value[t]?.disabled)
+    if (e = A(e), c.value[t]?.disabled)
       return;
-    if (x.value = t, i.mode !== A.Multi) {
+    if (x.value = t, i.mode !== O.Multi) {
       l.keepOpen || h(!1), i.goToOption(
         0
         /* None */
@@ -143,7 +143,7 @@ const Ue = (l, P, m) => {
     if (!Array.isArray(a.value))
       return;
     f.value?.focus();
-    const S = b(a.value);
+    const S = A(a.value);
     if (Q(S, e)) {
       a.value = S.filter(
         (d) => !xe(d, e)
@@ -162,7 +162,7 @@ const Ue = (l, P, m) => {
     listRef: T,
     clearable: l.clearable,
     type: Z.input ? _.Search : _.Dropdown,
-    mode: l.multi ? A.Multi : A.Single,
+    mode: l.multi ? O.Multi : O.Single,
     query: I,
     selectedValue: K,
     toggle: h,
@@ -173,7 +173,7 @@ const Ue = (l, P, m) => {
     placeholder: l.placeholder,
     select: C,
     clearSelection: () => {
-      E(""), u.value = i.mode === A.Single ? null : [], g.value = i.mode === A.Single ? null : [], f.value && (f.value.value = "");
+      E(""), u.value = i.mode === O.Single ? null : [], g.value = i.mode === O.Single ? null : [], f.value && (f.value.value = "");
     },
     search: E,
     goToOption: async (e) => {
@@ -229,9 +229,9 @@ const Ue = (l, P, m) => {
     })), i.goToOption(0);
   });
   const Se = () => {
-    u.value = a.value, Array.isArray(u.value) && (g.value = b(u.value).slice()), P("apply", u.value), h(!1), ye();
+    u.value = a.value, Array.isArray(u.value) && (g.value = A(u.value).slice()), P("apply", u.value), h(!1), ye();
   }, J = () => {
-    X.value && Array.isArray(g.value) && (u.value = b(g.value).slice()), I.value = "", h(!1);
+    X.value && Array.isArray(g.value) && (u.value = A(g.value).slice()), I.value = "", h(!1);
   }, be = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
@@ -241,7 +241,7 @@ const Ue = (l, P, m) => {
         case "ArrowDown":
           h(!0), e.preventDefault();
       }
-  }, me = (e) => {
+  }, Ae = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "ArrowUp": {
@@ -281,19 +281,19 @@ const Ue = (l, P, m) => {
             h(!0);
             return;
           }
-          C(s.value[o.value], o.value), i.mode === A.Single && !l.keepOpen && h(!1), e.preventDefault();
+          C(s.value[o.value], o.value), i.mode === O.Single && !l.keepOpen && h(!1), e.preventDefault();
           break;
         }
       }
-  }, Ae = r(() => {
-    const e = z.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > m.MAX_NUMBER_OF_OPTIONS, S = e + t;
-    let d = y ? m.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
+  }, Oe = r(() => {
+    const e = z.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > b.MAX_NUMBER_OF_OPTIONS, S = e + t;
+    let d = y ? b.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
     return l.noResultsText && d === 0 && (d = d + 1), Re(
-      d * j.value + m.PADDING_PX
+      d * j.value + b.PADDING_PX
     );
   });
   return {
-    onKeydown: me,
+    onKeydown: Ae,
     location: le,
     open: v,
     toggleMenu: h,
@@ -302,12 +302,12 @@ const Ue = (l, P, m) => {
     labelRef: H,
     query: I,
     containerProps: p,
-    calculateTableHeight: Ae,
+    calculateTableHeight: Oe,
     wrapperProps: ve,
     filteredOptions: s,
     allSelected: $,
     isIndeterminate: oe,
-    onSelectAll: de,
+    onSelectAll: fe,
     virtualOptions: z,
     isSelected: Y,
     selectedOption: u,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.5-rc.1",
+  "version": "2.1.5-rc.2",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"