@ironsource/shared-ui 2.1.11-rc.19 → 2.1.11-rc.20

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

@@ -36,10 +36,10 @@ const ll = (l, A, O) => {
   b(
     () => l.selected,
     () => {
-      a.value = l.selected, v.value = l.selected;
+      a.value = l.selected, d.value = l.selected;
     }
   );
-  const se = _e(), w = i(null), m = i(null), $ = i(null), E = i(null), j = i(null), I = i(null), ve = i(), X = i(null), z = i(null), W = i(null), de = 8, fe = c(() => I.value ? I.value.getBoundingClientRect().height + de + l.distance : 0), D = i(!1), f = i([]), x = i(-1), g = i(""), v = i(l.selected || []), J = () => I.value?.focus(), [y, ge, ye] = Ve({
+  const se = _e(), w = i(null), m = i(null), $ = i(null), E = i(null), j = i(null), I = i(null), de = i(), X = i(null), z = i(null), W = i(null), ve = 8, fe = c(() => I.value ? I.value.getBoundingClientRect().height + ve + l.distance : 0), D = i(!1), f = i([]), x = i(-1), g = i(""), d = i(l.selected || []), J = () => I.value?.focus(), [y, ge, ye] = Ve({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
@@ -58,7 +58,7 @@ const ll = (l, A, O) => {
     set(e) {
       A("update:isOpen", e);
     }
-  }), Oe = c(() => r.value.length - 1), d = Le(0, 0, Oe), Y = c(() => n.value ? l.displayValue(n.value) : ""), me = (e) => {
+  }), Oe = c(() => r.value.length - 1), v = Le(0, 0, Oe), Y = c(() => n.value ? l.displayValue(n.value) : ""), me = (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 ?? ""}`;
@@ -79,7 +79,7 @@ const ll = (l, A, O) => {
   }, K = c(() => l.groupedOptions ? ue(l.options) : l.options), be = c(() => {
     if (oe(
       K,
-      v
+      d
     ))
       return K.value;
     const e = {
@@ -87,15 +87,15 @@ const ll = (l, A, O) => {
       notSelected: []
     };
     P(K).value.forEach((u) => {
-      const o = (l.comparingKey ? v.value.findIndex(
+      const o = (l.comparingKey ? d.value.findIndex(
         (_) => _[l.comparingKey] === u[l.comparingKey]
-      ) > -1 : v.value.includes(u)) ? "selected" : "notSelected";
+      ) > -1 : d.value.includes(u)) ? "selected" : "notSelected";
       e[o].push(u);
     });
     const t = l.groupedOptions ? B(e.notSelected) : e.notSelected;
     return [].concat(e.selected, t);
   }), r = c(() => {
-    const e = Array.isArray(v.value) && l.multi && O.VERSION === 4 && !H ? be.value : K.value;
+    const e = Array.isArray(d.value) && l.multi && O.VERSION === 4 && !H ? be.value : K.value;
     if (l.onSearch) {
       const t = e.filter((u) => l.groupedOptions && L(u) ? u : l.onSearch(u, g.value));
       return l.groupedOptions ? B(t) : t;
@@ -120,12 +120,12 @@ const ll = (l, A, O) => {
   ), b([x], async () => {
     await N();
   }), b(
-    [y, d, x],
+    [y, v, x],
     async ([e], [t]) => {
       y.value && (await N(), x.value !== -1 && e !== t && setTimeout(() => {
         l.multi && O.VERSION === 4 || C(x.value);
-      }), d.value && setTimeout(() => {
-        C(d.value);
+      }), v.value && setTimeout(() => {
+        C(v.value);
       }));
     }
   ), b(g, () => {
@@ -138,7 +138,7 @@ const ll = (l, A, O) => {
   };
   b(y, (e) => {
     if (e) {
-      g.value = "", Z.value && Array.isArray(n.value) && (v.value = P(n.value).slice());
+      g.value = "", Z.value && Array.isArray(n.value) && (d.value = P(n.value).slice());
       return;
     }
     J();
@@ -163,7 +163,7 @@ const ll = (l, A, O) => {
   }, Ie = () => {
     we(), O.VERSION !== 4 && (n.value = a.value);
   }, xe = (e = !0) => {
-    a.value = [], e && (n.value = [], v.value = []), A("clear");
+    a.value = [], e && (n.value = [], d.value = []), A("clear");
   }, k = (e, t) => {
     if (e = P(e), O.VERSION === 4 ? e[l.disabledOptionKey] : f.value[t]?.disabled)
       return;
@@ -188,7 +188,7 @@ const ll = (l, A, O) => {
       return;
     }
   }, De = (e) => f.value[e]?.disabled, s = {
-    activeIndex: d,
+    activeIndex: v,
     options: f,
     selectedOption: n,
     labelRef: j,
@@ -207,23 +207,23 @@ const ll = (l, A, O) => {
     placeholder: l.placeholder,
     select: k,
     clearSelection: () => {
-      V(""), n.value = s.mode === T.Single ? null : [], v.value = s.mode === T.Single ? null : [], m.value && (m.value.value = "");
+      V(""), n.value = s.mode === T.Single ? null : [], d.value = s.mode === T.Single ? null : [], m.value && (m.value.value = "");
     },
     search: V,
     goToOption: async (e) => {
       if (!y.value)
         return;
-      let t = d.value + e;
+      let t = v.value + e;
       const u = f.value.filter(
         (o) => o.disabled
       ).length, h = r.value.length - u;
       for (t > h && (t = h + 1); ; ) {
         if (!f.value[t]?.disabled) {
-          E.value = r.value[t], d.value = t;
+          E.value = r.value[t], v.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(d.value)) {
-          E.value = r.value[t], d.value = t;
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(v.value)) {
+          E.value = r.value[t], v.value = t;
           return;
         }
       }
@@ -260,15 +260,15 @@ const ll = (l, A, O) => {
   He(async () => {
     l.autoFocus && (await N(), setTimeout(() => {
       $.value.focus();
-    })), s.goToOption(0), l.multi && !H && (l.groupOption ? D.value = U(
+    })), s.goToOption(0), l.multi && !H && (l.groupedOptions ? D.value = U(
       r,
       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) && (v.value = P(n.value).slice())), A("apply", n.value), S(!1), Ke();
+    l.multi && (D.value = M.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice())), A("apply", n.value), S(!1), Ke();
   }, te = () => {
-    Z.value && Array.isArray(v.value) && (n.value = P(v.value).slice()), g.value = "", S(!1);
+    Z.value && Array.isArray(d.value) && (n.value = P(d.value).slice()), g.value = "", S(!1);
   }, Ce = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
@@ -318,7 +318,7 @@ const ll = (l, A, O) => {
             S(!0);
             return;
           }
-          k(r.value[d.value], d.value), s.mode === T.Single && !l.keepOpen && S(!1), e.preventDefault();
+          k(r.value[v.value], v.value), s.mode === T.Single && !l.keepOpen && S(!1), e.preventDefault();
           break;
         }
       }
@@ -354,10 +354,10 @@ const ll = (l, A, O) => {
     virtualOptions: p,
     isSelected: ce,
     selectedOption: n,
-    selectedOptionPrevious: v,
+    selectedOptionPrevious: d,
     selectedValue: Y,
     onSelect: k,
-    activeIndex: d,
+    activeIndex: v,
     onCancel: te,
     onApply: le,
     scrollTo: C,
@@ -367,7 +367,7 @@ const ll = (l, A, O) => {
     apply: X,
     cancel: z,
     el: $,
-    triggerRef: ve,
+    triggerRef: de,
     clearAll: W,
     onClearAllSelections: xe,
     isGroup: L

package/index.js

@@ -1,4 +1,4 @@
-import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
+import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";

package/package.json

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