@ironsource/shared-ui 2.1.11-test.45 → 2.1.11-test.47

package/TreeDropdown.vue_vue_type_style_index_0_scoped_46aae9ba_lang.css

@@ -0,0 +1 @@
+.child-options[data-v-46aae9ba]{padding-left:1rem}.tree-search[data-v-46aae9ba]{width:100%}

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_4cf7a93b_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4cf7a93b"]]);
+// import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_46aae9ba_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-46aae9ba"]]);
 export {
-  s as default
+  r as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_4cf7a93b_lang.css"; import { defineComponent as le, provide as ne, ref as c, computed as C, onMounted as te, watch as k, openBlock as m, createElementBlock as I, Fragment as z, createVNode as g, unref as d, withCtx as f, mergeProps as B, createSlots as oe, renderSlot as ie, createElementVNode as M, withModifiers as w, createTextVNode as de, withDirectives as ae, renderList as se, createBlock as re, vShow as ce, createCommentVNode as $, toDisplayString as ue } from "vue";
+ import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_46aae9ba_lang.css"; import { defineComponent as le, provide as ne, ref as c, computed as C, onMounted as te, watch as k, openBlock as m, createElementBlock as I, Fragment as z, createVNode as g, unref as d, withCtx as h, mergeProps as B, createSlots as oe, renderSlot as ie, createElementVNode as M, withModifiers as S, createTextVNode as de, withDirectives as ae, renderList as se, createBlock as re, vShow as ce, createCommentVNode as $, toDisplayString as ue } from "vue";
 import pe from "./DropdownV4.vue.js";
 import ye from "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
@@ -9,8 +9,8 @@ import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import b from "./OptionV4.vue.js";
 import "./ConditionalDropdown.vue.js";
-import { useChildOptions as fe } from "../composables/useChildOptions.js";
-import he from "../../search/v4/SearchV4.vue.js";
+import { useChildOptions as he } from "../composables/useChildOptions.js";
+import fe from "../../search/v4/SearchV4.vue.js";
 import { useTestIdAttrs as ve } from "../../../utils/testIds.js";
 import { DropdownTestIdModifiers as P } from "../../../testids/index.js";
 const me = {
@@ -57,9 +57,9 @@ const me = {
           ...e[l.optionChildrenKey]
         ]);
       }), K.value = [...l.options], u.value = [...l.options];
-    }, { hasChildren: h, getChildren: v, allChildrenSelected: S, someChildrenSelected: J } = fe(i, l.optionChildrenKey), A = (e) => {
-      if (h(e)) {
-        S(e) ? i.value = i.value.filter(
+    }, { hasChildren: f, getChildren: v, allChildrenSelected: E, someChildrenSelected: j } = he(i, l.optionChildrenKey), A = (e) => {
+      if (f(e)) {
+        E(e) ? i.value = i.value.filter(
           (o) => !v(e).includes(o)
         ) : i.value = [
           ...i.value.filter((o) => !v(e).includes(o)),
@@ -70,11 +70,11 @@ const me = {
       i.value.includes(e) ? i.value = i.value.filter(
         (o) => o !== e
       ) : i.value = [...i.value, e];
-    }, D = (e) => i.value.includes(e), j = (e) => 1 + (h(e) ? v(e).length : 0), F = () => {
+    }, D = (e) => i.value.includes(e), F = (e) => 1 + (f(e) ? v(e).length : 0), G = () => {
       T("update:selected", i.value), L.value = y.value;
-    }, G = () => {
-      i.value = [];
     }, H = () => {
+      i.value = [];
+    }, J = () => {
       const e = /* @__PURE__ */ new Set([]);
       u.value.forEach((n) => {
         if (l.selected?.includes(n))
@@ -103,15 +103,15 @@ const me = {
       }
     ), k(
       () => l.selected,
-      (e, o) => {
-        JSON.stringify(e) !== JSON.stringify(o) && (i.value = [...l.selected]);
+      () => {
+        console.log("isOpen", l.isOpen), !l.isOpen && (i.value = [...l.selected]);
       }
     );
     const y = C(() => i.value.length < U.value ? !1 : i.value.length === U.value), Q = C(() => !y.value && i.value.length > 0), L = c(y.value);
     k(
       () => l.isOpen,
       () => {
-        l.isOpen ? K.value = H() : (i.value = [...l.selected], p.value = "");
+        l.isOpen ? K.value = J() : (i.value = [...l.selected], p.value = "");
       }
     );
     const a = c({}), R = (e) => {
@@ -120,10 +120,10 @@ const me = {
     function W(e, o) {
       const n = e.toLowerCase(), s = [];
       return o.value.forEach((r) => {
-        const E = r[l.optionNameKey].toLowerCase().includes(n), V = O.value[r[l.optionUniqueIdKey]]?.filter(
+        const w = r[l.optionNameKey].toLowerCase().includes(n), V = O.value[r[l.optionUniqueIdKey]]?.filter(
           (ee) => ee[l.optionNameKey].toLowerCase().includes(n)
         ) || [];
-        (E || V.length > 0) && (r[l.optionChildrenKey] = V, s.push(r));
+        (w || V.length > 0) && (r[l.optionChildrenKey] = V, s.push(r));
       }), s;
     }
     const X = (e) => {
@@ -172,30 +172,30 @@ const me = {
         "test-id": t.testId,
         disabled: t.disabled,
         "disable-virtual-scroll": "",
-        "override-option-count-calculation": j,
+        "override-option-count-calculation": F,
         "trigger-show-all-selected-text": !1,
         "predefined-trigger": "default",
         "custom-number-of-displayed-options": d(Y),
         "onUpdate:isOpen": o[2] || (o[2] = (n) => T("update:isOpen", n)),
-        onApply: F,
-        onClear: G
+        onApply: G,
+        onClear: H
       }, {
-        "dropdown-trigger": f(({ defaultTriggerProps: n }) => [
+        "dropdown-trigger": h(({ defaultTriggerProps: n }) => [
           g(d(ye), B(n, {
             "all-selected": L.value,
             "show-all-selected-text": ""
           }), oe({ _: 2 }, [
             e.$slots["trigger-end-icon"] ? {
               name: "end-icon",
-              fn: f(() => [
+              fn: h(() => [
                 ie(e.$slots, "trigger-end-icon", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["all-selected"])
         ]),
-        "inline-search": f(() => [
-          g(d(he), {
+        "inline-search": h(() => [
+          g(d(fe), {
             modelValue: p.value,
             "onUpdate:modelValue": o[0] || (o[0] = (n) => p.value = n),
             class: "tree-search",
@@ -206,7 +206,7 @@ const me = {
             "test-id": t.testId
           }, null, 8, ["modelValue", "placeholder", "test-id"])
         ]),
-        "select-all": f(() => [
+        "select-all": h(() => [
           M("li", null, [
             g(d(b), B({
               "aria-selected": d(y),
@@ -216,20 +216,20 @@ const me = {
               "is-multi": "",
               "select-all-option": ""
             }, d(_)[d(P).SELECT_ALL], {
-              onClick: o[1] || (o[1] = w((n) => Z(), ["stop"]))
+              onClick: o[1] || (o[1] = S((n) => Z(), ["stop"]))
             }), {
-              default: f(() => [
+              default: h(() => [
                 de(" Select all ")
               ]),
               _: 1
             }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
           ])
         ]),
-        default: f(({ option: n, index: s }) => [
+        default: h(({ option: n, index: s }) => [
           g(d(b), {
             option: n,
-            "selected-prop": d(h)(n) ? d(S)(n) : D(n),
-            "is-indeterminate": !d(S)(n) && d(J)(n),
+            "selected-prop": d(f)(n) ? d(E)(n) : D(n),
+            "is-indeterminate": !d(E)(n) && d(j)(n),
             disabled: n[t.disabledOptionKey],
             "name-key": t.optionNameKey,
             "image-key": t.optionImageKey,
@@ -238,17 +238,17 @@ const me = {
             "end-icon-key": t.optionEndIconKey,
             "end-icon-type": t.optionEndIconType,
             "end-text-icon-key": t.optionEndTextIconKey,
-            "tree-main-option": d(h)(n),
+            "tree-main-option": d(f)(n),
             "tree-main-option-expanded": a.value[n[t.optionUniqueIdKey]],
             "stop-option-click-event-propagation": "",
             "is-multi": "",
-            onClick: w(() => A(n), ["stop"]),
+            onClick: S(() => A(n), ["stop"]),
             onToggleTreeCollapse: R
           }, null, 8, ["option", "selected-prop", "is-indeterminate", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "tree-main-option", "tree-main-option-expanded", "onClick"]),
-          d(h)(n) ? (m(), I("div", me, [
+          d(f)(n) ? (m(), I("div", me, [
             ae(M("div", null, [
-              (m(!0), I(z, null, se(d(v)(n), (r, E) => (m(), re(d(b), {
-                key: `${s}-${E}`,
+              (m(!0), I(z, null, se(d(v)(n), (r, w) => (m(), re(d(b), {
+                key: `${s}-${w}`,
                 option: r,
                 "selected-prop": D(r),
                 disabled: r[t.disabledOptionKey],
@@ -262,7 +262,7 @@ const me = {
                 "tree-child-shown": a.value[n[t.optionUniqueIdKey]],
                 "stop-option-click-event-propagation": "",
                 "is-multi": "",
-                onClick: w(() => A(r), ["stop"])
+                onClick: S(() => A(r), ["stop"])
               }, null, 8, ["option", "selected-prop", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "tree-child-shown", "onClick"]))), 128))
             ], 512), [
               [ce, a.value[n[t.optionUniqueIdKey]]]

package/index.js

@@ -1,4 +1,4 @@
-import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
+import './FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_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-test.45",
+  "version": "2.1.11-test.47",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/TreeDropdown.vue_vue_type_style_index_0_scoped_4cf7a93b_lang.css

@@ -1 +0,0 @@
-.child-options[data-v-4cf7a93b]{padding-left:1rem}.tree-search[data-v-4cf7a93b]{width:100%}