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

package/TreeDropdown.vue_vue_type_style_index_0_scoped_e944c610_lang.css

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

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_e944c610_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e944c610"]]);
 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 te from "./DropdownV4.vue.js";
-import le from "./DefaultDropdownTrigger.vue.js";
+ import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_e944c610_lang.css"; import { defineComponent as R, provide as G, ref as c, onMounted as H, watch as m, computed as J, openBlock as v, createElementBlock as I, Fragment as N, createVNode as g, unref as d, 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 te } from "vue";
+import le from "./DropdownV4.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 de from "../../search/v4/SearchV4.vue.js";
-const ae = {
+import z from "./OptionV4.vue.js";
+import { useChildOptions as de } from "../composables/useChildOptions.js";
+import ae from "../../search/v4/SearchV4.vue.js";
+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,18 +38,18 @@ const ae = {
     preExpandedOptions: null
   },
   emits: ["update:selected", "update:isOpen"],
-  setup(t, { emit: I }) {
+  setup(t, { emit: O }) {
     const o = t;
-    R("isTreeDropdown", !0);
-    const h = c([]), f = c([]), O = c({}), w = c(!1), i = c([...o.selected]), u = c(""), b = () => {
+    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 } = de(i, o.optionChildrenKey), S = (n) => {
       if (p(n)) {
-        K(n) ? i.value = i.value.filter(
+        C(n) ? i.value = i.value.filter(
           (l) => !y(n).includes(l)
         ) : i.value = [
           ...i.value.filter((l) => !y(n).includes(l)),
@@ -60,11 +60,11 @@ const ae = {
       i.value.includes(n) ? i.value = i.value.filter(
         (l) => l !== 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))
@@ -82,14 +82,14 @@ const ae = {
         !o.selected.includes(e) && !n.has(e) && l.push(e);
       }), l;
     };
-    G(() => {
-      w.value || (b(), w.value = !0, o.preExpandedOptions && o.preExpandedOptions.forEach((n) => {
+    H(() => {
+      b.value || (E(), b.value = !0, o.preExpandedOptions && o.preExpandedOptions.forEach((n) => {
         a.value[n] = 1;
       }));
     }), m(
       () => o.options,
       () => {
-        b();
+        E();
       }
     ), m(
       () => o.selected,
@@ -99,29 +99,29 @@ const ae = {
     ), m(
       () => 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) => {
+    const a = c({}), P = (n) => {
       a.value[n[o.optionUniqueIdKey]] ? delete a.value[n[o.optionUniqueIdKey]] : a.value[n[o.optionUniqueIdKey]] = 1;
     };
-    function P(n, l) {
+    function A(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)
+        const k = r[o.optionNameKey].toLowerCase().includes(e), U = w.value[r[o.optionUniqueIdKey]]?.filter(
+          (F) => F[o.optionNameKey].toLowerCase().includes(e)
         ) || [];
-        (C || T.length > 0) && (r[o.optionChildrenKey] = T, s.push(r));
+        (k || U.length > 0) && (r[o.optionChildrenKey] = U, s.push(r));
       }), s;
     }
-    const A = (n) => {
-      const l = P(n, f);
+    const $ = (n) => {
+      const l = A(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(() => {
+    }, j = J(() => {
       const n = o.options.length, l = o.options.reduce(
         (e, s) => (a.value[s[o.optionUniqueIdKey]] && (e = e + s[o.optionChildrenKey].length), e),
         0
@@ -131,98 +131,101 @@ const ae = {
     return m(
       () => u.value,
       () => {
-        A(u.value);
+        $(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, l) => (v(), I(N, null, [
+      g(d(le), {
+        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(j),
+        "onUpdate:isOpen": l[1] || (l[1] = (e) => O("update:isOpen", e)),
+        onApply: B,
+        onClear: L
+      }, {
+        "dropdown-trigger": K(({ defaultTriggerProps: e }) => [
+          g(d(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(d(ae), {
+            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: K(({ option: e, index: s }) => [
+          g(d(z), {
+            option: e,
+            "selected-prop": d(p)(e) ? d(C)(e) : T(e),
+            "is-indeterminate": !d(C)(e) && d(D)(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: q(() => S(e), ["stop"]),
+            onToggleTreeCollapse: P
+          }, 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(), I("div", se, [
+            Z(x("div", null, [
+              (v(!0), I(N, null, _(d(y)(e), (r, k) => (v(), ee(d(z), {
+                key: `${s}-${k}`,
+                option: r,
+                "selected-prop": T(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: q(() => S(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"]),
+      x("pre", re, te(a.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 './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_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.0",
+  "version": "2.1.11-test.1",
   "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}