@ironsource/shared-ui 2.1.11-rc.1 → 2.1.11-test.2

package/TreeDropdown.vue_vue_type_style_index_0_scoped_c361375a_lang.css

@@ -0,0 +1 @@
+.child-options[data-v-c361375a]{padding-left:1rem}

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

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

package/components/dropdown/v4/TreeDropdown.vue.js

@@ -1,7 +1,7 @@
 import o from "./TreeDropdown.vue2.js";
 /* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-6ac5f602"]]);
+// import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_c361375a_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c361375a"]]);
 export {
   s as default
 };

package/components/dropdown/v4/TreeDropdown.vue2.js

@@ -1,19 +1,19 @@
- import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css"; import { defineComponent as F, provide as R, ref as c, onMounted as G, watch as m, computed as H, openBlock as v, createBlock as U, unref as d, withCtx as g, createVNode as k, normalizeProps as J, guardReactiveProps as Q, createSlots as W, renderSlot as X, withModifiers as N, createElementBlock as q, withDirectives as Y, createElementVNode as Z, Fragment as _, renderList as ee, vShow as ne, createCommentVNode as oe } from "vue";
+ import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_c361375a_lang.css"; import { defineComponent as R, provide as G, ref as c, onMounted as H, watch as v, computed as J, openBlock as m, createElementBlock as I, Fragment as N, createVNode as g, unref as a, withCtx as K, normalizeProps as Q, guardReactiveProps as W, createSlots as X, renderSlot as Y, withModifiers as q, withDirectives as Z, createElementVNode as x, renderList as _, createBlock as ee, vShow as ne, createCommentVNode as oe, toDisplayString as le } from "vue";
 import te from "./DropdownV4.vue.js";
-import le from "./DefaultDropdownTrigger.vue.js";
+import ie from "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
 import "./ChipDropdownTrigger.vue.js";
 import "./AppDropdownTrigger.vue.js";
 import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
-import x from "./OptionV4.vue.js";
-import { useChildOptions as ie } from "../composables/useChildOptions.js";
+import z from "./OptionV4.vue.js";
+import { useChildOptions as ae } from "../composables/useChildOptions.js";
 import de from "../../search/v4/SearchV4.vue.js";
-const ae = {
+const se = {
   key: 0,
   class: "child-options"
-}, Ce = /* @__PURE__ */ F({
+}, re = { style: { position: "absolute", top: "0", right: "0" } }, Ie = /* @__PURE__ */ R({
   __name: "TreeDropdown",
   props: {
     options: null,
@@ -38,191 +38,194 @@ const ae = {
     preExpandedOptions: null
   },
   emits: ["update:selected", "update:isOpen"],
-  setup(t, { emit: I }) {
-    const o = t;
-    R("isTreeDropdown", !0);
-    const h = c([]), f = c([]), O = c({}), w = c(!1), i = c([...o.selected]), u = c(""), b = () => {
+  setup(l, { emit: O }) {
+    const o = l;
+    G("isTreeDropdown", !0);
+    const h = c([]), f = c([]), w = c({}), b = c(!1), i = c([...o.selected]), u = c(""), E = () => {
       o.options.forEach((n) => {
-        n[o.optionChildrenKey] && n[o.optionChildrenKey].length && (O.value[n[o.optionUniqueIdKey]] = [
+        n[o.optionChildrenKey] && n[o.optionChildrenKey].length && (w.value[n[o.optionUniqueIdKey]] = [
           ...n[o.optionChildrenKey]
         ]);
       }), h.value = [...o.options], f.value = [...o.options];
-    }, { hasChildren: p, getChildren: y, allChildrenSelected: K, someChildrenSelected: z } = ie(i, o.optionChildrenKey), E = (n) => {
+    }, { hasChildren: p, getChildren: y, allChildrenSelected: C, someChildrenSelected: D } = ae(i, o.optionChildrenKey), S = (n) => {
       if (p(n)) {
-        K(n) ? i.value = i.value.filter(
-          (l) => !y(n).includes(l)
+        C(n) ? i.value = i.value.filter(
+          (t) => !y(n).includes(t)
         ) : i.value = [
-          ...i.value.filter((l) => !y(n).includes(l)),
+          ...i.value.filter((t) => !y(n).includes(t)),
           ...y(n)
         ];
         return;
       }
       i.value.includes(n) ? i.value = i.value.filter(
-        (l) => l !== n
+        (t) => t !== n
       ) : i.value = [...i.value, n];
-    }, S = (n) => i.value.includes(n), V = (n) => 1 + (p(n) ? y(n).length : 0), D = () => {
-      I("update:selected", i.value);
-    }, B = () => {
-      i.value = [];
+    }, T = (n) => i.value.includes(n), V = (n) => 1 + (p(n) ? y(n).length : 0), B = () => {
+      O("update:selected", i.value);
     }, L = () => {
+      i.value = [];
+    }, M = () => {
       const n = /* @__PURE__ */ new Set([]);
       f.value.forEach((e) => {
         if (o.selected?.includes(e))
           n.add(e);
         else if (e[o.optionChildrenKey] && e[o.optionChildrenKey].length) {
-          for (const s of e[o.optionChildrenKey])
-            if (o.selected?.includes(s)) {
+          for (const r of e[o.optionChildrenKey])
+            if (o.selected?.includes(r)) {
               n.add(e);
               break;
             }
         }
       });
-      const l = Array.from(n);
+      const t = Array.from(n);
       return f.value.forEach((e) => {
-        !o.selected.includes(e) && !n.has(e) && l.push(e);
-      }), l;
+        !o.selected.includes(e) && !n.has(e) && t.push(e);
+      }), t;
     };
-    G(() => {
-      w.value || (b(), w.value = !0, o.preExpandedOptions && o.preExpandedOptions.forEach((n) => {
-        a.value[n] = 1;
+    H(() => {
+      b.value || (E(), b.value = !0, o.preExpandedOptions && o.preExpandedOptions.forEach((n) => {
+        d.value[n] = 1;
       }));
-    }), m(
+    }), v(
       () => o.options,
       () => {
-        b();
+        E();
       }
-    ), m(
+    ), v(
       () => o.selected,
       () => {
         i.value = [...o.selected];
       }
-    ), m(
+    ), v(
       () => o.isOpen,
       () => {
-        o.isOpen ? h.value = L() : (i.value = [...o.selected], u.value = "");
+        o.isOpen ? h.value = M() : (i.value = [...o.selected], u.value = "");
       }
     );
-    const a = c({}), M = (n) => {
-      a.value[n[o.optionUniqueIdKey]] ? delete a.value[n[o.optionUniqueIdKey]] : a.value[n[o.optionUniqueIdKey]] = 1;
+    const d = c({}), P = (n) => {
+      console.log("toggleTreeCollapse", n), d.value[n[o.optionUniqueIdKey]] ? delete d.value[n[o.optionUniqueIdKey]] : d.value[n[o.optionUniqueIdKey]] = 1;
     };
-    function P(n, l) {
-      const e = n.toLowerCase(), s = [];
-      return l.value.forEach((r) => {
-        const C = r[o.optionNameKey].toLowerCase().includes(e), T = O.value[r[o.optionUniqueIdKey]]?.filter(
-          (j) => j[o.optionNameKey].toLowerCase().includes(e)
+    function $(n, t) {
+      const e = n.toLowerCase(), r = [];
+      return t.value.forEach((s) => {
+        const k = s[o.optionNameKey].toLowerCase().includes(e), U = w.value[s[o.optionUniqueIdKey]]?.filter(
+          (F) => F[o.optionNameKey].toLowerCase().includes(e)
         ) || [];
-        (C || T.length > 0) && (r[o.optionChildrenKey] = T, s.push(r));
-      }), s;
+        (k || U.length > 0) && (s[o.optionChildrenKey] = U, r.push(s));
+      }), r;
     }
     const A = (n) => {
-      const l = P(n, f);
-      n && (Object.keys(a.value).forEach((e) => {
-        delete a.value[e];
-      }), l.forEach((e) => {
-        Array.isArray(e[o.optionChildrenKey]) && e[o.optionChildrenKey].length && (a.value[e[o.optionUniqueIdKey]] = 1);
-      })), h.value = l;
-    }, $ = H(() => {
-      const n = o.options.length, l = o.options.reduce(
-        (e, s) => (a.value[s[o.optionUniqueIdKey]] && (e = e + s[o.optionChildrenKey].length), e),
+      const t = $(n, f);
+      n && (Object.keys(d.value).forEach((e) => {
+        delete d.value[e];
+      }), t.forEach((e) => {
+        Array.isArray(e[o.optionChildrenKey]) && e[o.optionChildrenKey].length && (d.value[e[o.optionUniqueIdKey]] = 1);
+      })), h.value = t;
+    }, j = J(() => {
+      const n = o.options.length, t = o.options.reduce(
+        (e, r) => (d.value[r[o.optionUniqueIdKey]] && (e = e + r[o.optionChildrenKey].length), e),
         0
       );
-      return n + l;
+      return n + t;
     });
-    return m(
+    return v(
       () => u.value,
       () => {
         A(u.value);
       }
-    ), (n, l) => (v(), U(d(te), {
-      multi: "",
-      class: "tree-dropdown",
-      "show-select-all": !1,
-      "is-open": t.isOpen,
-      options: h.value,
-      selected: t.selected,
-      "display-value": t.displayValue,
-      placeholder: t.placeholder,
-      "inline-search": "",
-      "inline-search-placeholder": t.inlineSearchPlaceholder,
-      "option-name-key": t.optionNameKey,
-      size: t.size,
-      "test-id": t.testId,
-      disabled: t.disabled,
-      "disable-virtual-scroll": "",
-      "override-option-count-calculation": V,
-      "trigger-show-all-selected-text": !1,
-      "predefined-trigger": "default",
-      "custom-number-of-displayed-options": d($),
-      "onUpdate:isOpen": l[1] || (l[1] = (e) => I("update:isOpen", e)),
-      onApply: D,
-      onClear: B
-    }, {
-      "dropdown-trigger": g(({ defaultTriggerProps: e }) => [
-        k(d(le), J(Q(e)), W({ _: 2 }, [
-          n.$slots["trigger-end-icon"] ? {
-            name: "end-icon",
-            fn: g(() => [
-              X(n.$slots, "trigger-end-icon", {}, void 0, !0)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040)
-      ]),
-      "inline-search": g(() => [
-        k(d(de), {
-          modelValue: u.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (e) => u.value = e),
-          placeholder: t.inlineSearchPlaceholder,
-          variant: "transparent",
-          size: "md",
-          "auto-focus": "",
-          "test-id": t.testId
-        }, null, 8, ["modelValue", "placeholder", "test-id"])
-      ]),
-      default: g(({ option: e, index: s }) => [
-        k(d(x), {
-          option: e,
-          "selected-prop": d(p)(e) ? d(K)(e) : S(e),
-          "is-indeterminate": !d(K)(e) && d(z)(e),
-          disabled: e[t.disabledOptionKey],
-          "name-key": t.optionNameKey,
-          "image-key": t.optionImageKey,
-          "icon-key": t.optionIconKey,
-          "icon-type": t.optionIconType,
-          "end-icon-key": t.optionEndIconKey,
-          "end-icon-type": t.optionEndIconType,
-          "tree-main-option": d(p)(e),
-          "tree-main-option-expanded": a.value[e[t.optionUniqueIdKey]],
-          "stop-option-click-event-propagation": "",
-          onClick: N(() => E(e), ["stop"]),
-          onToggleTreeCollapse: M
-        }, null, 8, ["option", "selected-prop", "is-indeterminate", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-main-option", "tree-main-option-expanded", "onClick"]),
-        d(p)(e) ? (v(), q("div", ae, [
-          Y(Z("div", null, [
-            (v(!0), q(_, null, ee(d(y)(e), (r, C) => (v(), U(d(x), {
-              key: `${s}-${C}`,
-              option: r,
-              "selected-prop": S(r),
-              disabled: r[t.disabledOptionKey],
-              "name-key": t.optionNameKey,
-              "image-key": t.optionImageKey,
-              "icon-key": t.optionIconKey,
-              "icon-type": t.optionIconType,
-              "end-icon-key": t.optionEndIconKey,
-              "end-icon-type": t.optionEndIconType,
-              "tree-child-shown": a.value[e[t.optionUniqueIdKey]],
-              "stop-option-click-event-propagation": "",
-              onClick: N(() => E(r), ["stop"])
-            }, null, 8, ["option", "selected-prop", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-child-shown", "onClick"]))), 128))
-          ], 512), [
-            [ne, a.value[e[t.optionUniqueIdKey]]]
-          ])
-        ])) : oe("", !0)
-      ]),
-      _: 3
-    }, 8, ["is-open", "options", "selected", "display-value", "placeholder", "inline-search-placeholder", "option-name-key", "size", "test-id", "disabled", "custom-number-of-displayed-options"]));
+    ), (n, t) => (m(), I(N, null, [
+      g(a(te), {
+        multi: "",
+        class: "tree-dropdown",
+        "show-select-all": !1,
+        "is-open": l.isOpen,
+        options: h.value,
+        selected: l.selected,
+        "display-value": l.displayValue,
+        placeholder: l.placeholder,
+        "inline-search": "",
+        "inline-search-placeholder": l.inlineSearchPlaceholder,
+        "option-name-key": l.optionNameKey,
+        size: l.size,
+        "test-id": l.testId,
+        disabled: l.disabled,
+        "disable-virtual-scroll": "",
+        "override-option-count-calculation": V,
+        "trigger-show-all-selected-text": !1,
+        "predefined-trigger": "default",
+        "custom-number-of-displayed-options": a(j),
+        "onUpdate:isOpen": t[1] || (t[1] = (e) => O("update:isOpen", e)),
+        onApply: B,
+        onClear: L
+      }, {
+        "dropdown-trigger": K(({ defaultTriggerProps: e }) => [
+          g(a(ie), Q(W(e)), X({ _: 2 }, [
+            n.$slots["trigger-end-icon"] ? {
+              name: "end-icon",
+              fn: K(() => [
+                Y(n.$slots, "trigger-end-icon", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040)
+        ]),
+        "inline-search": K(() => [
+          g(a(de), {
+            modelValue: u.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (e) => u.value = e),
+            placeholder: l.inlineSearchPlaceholder,
+            variant: "transparent",
+            size: "md",
+            "auto-focus": "",
+            "test-id": l.testId
+          }, null, 8, ["modelValue", "placeholder", "test-id"])
+        ]),
+        default: K(({ option: e, index: r }) => [
+          g(a(z), {
+            option: e,
+            "selected-prop": a(p)(e) ? a(C)(e) : T(e),
+            "is-indeterminate": !a(C)(e) && a(D)(e),
+            disabled: e[l.disabledOptionKey],
+            "name-key": l.optionNameKey,
+            "image-key": l.optionImageKey,
+            "icon-key": l.optionIconKey,
+            "icon-type": l.optionIconType,
+            "end-icon-key": l.optionEndIconKey,
+            "end-icon-type": l.optionEndIconType,
+            "tree-main-option": a(p)(e),
+            "tree-main-option-expanded": d.value[e[l.optionUniqueIdKey]],
+            "stop-option-click-event-propagation": "",
+            onClick: q(() => S(e), ["stop"]),
+            onToggleTreeCollapse: (s) => P(e)
+          }, null, 8, ["option", "selected-prop", "is-indeterminate", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-main-option", "tree-main-option-expanded", "onClick", "onToggleTreeCollapse"]),
+          a(p)(e) ? (m(), I("div", se, [
+            Z(x("div", null, [
+              (m(!0), I(N, null, _(a(y)(e), (s, k) => (m(), ee(a(z), {
+                key: `${r}-${k}`,
+                option: s,
+                "selected-prop": T(s),
+                disabled: s[l.disabledOptionKey],
+                "name-key": l.optionNameKey,
+                "image-key": l.optionImageKey,
+                "icon-key": l.optionIconKey,
+                "icon-type": l.optionIconType,
+                "end-icon-key": l.optionEndIconKey,
+                "end-icon-type": l.optionEndIconType,
+                "tree-child-shown": d.value[e[l.optionUniqueIdKey]],
+                "stop-option-click-event-propagation": "",
+                onClick: q(() => S(s), ["stop"])
+              }, null, 8, ["option", "selected-prop", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-child-shown", "onClick"]))), 128))
+            ], 512), [
+              [ne, d.value[e[l.optionUniqueIdKey]]]
+            ])
+          ])) : oe("", !0)
+        ]),
+        _: 3
+      }, 8, ["is-open", "options", "selected", "display-value", "placeholder", "inline-search-placeholder", "option-name-key", "size", "test-id", "disabled", "custom-number-of-displayed-options"]),
+      x("pre", re, le(d.value), 1)
+    ], 64));
   }
 });
 export {
-  Ce as default
+  Ie as default
 };

package/index.js

@@ -1,4 +1,4 @@
-import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_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.1",
+  "version": "2.1.11-test.2",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css

@@ -1 +0,0 @@
-.child-options[data-v-6ac5f602]{padding-left:1rem}