@ironsource/shared-ui 2.1.6-rc.37 → 2.1.6-rc.38

package/TreeDropdown.vue_vue_type_style_index_0_scoped_54adec1e_lang.css

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

package/components/dropdown/v4/TreeDropdown.vue.d.ts

@@ -5,6 +5,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isOpen?: boolean;
     placeholder?: string;
     inlineSearchPlaceholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    testId?: string;
     displayValue: (option: unknown) => string;
     optionNameKey?: string;
     optionIconKey?: string;
@@ -19,6 +22,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selected: any;
     placeholder: string;
     inlineSearchPlaceholder: string;
+    size: string;
+    disabled: boolean;
+    testId: string;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
@@ -37,6 +43,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isOpen?: boolean;
     placeholder?: string;
     inlineSearchPlaceholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    testId?: string;
     displayValue: (option: unknown) => string;
     optionNameKey?: string;
     optionIconKey?: string;
@@ -51,6 +60,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selected: any;
     placeholder: string;
     inlineSearchPlaceholder: string;
+    size: string;
+    disabled: boolean;
+    testId: string;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
@@ -64,6 +76,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
 }, {
+    disabled: boolean;
+    size: 'small' | 'medium' | 'large';
+    testId: string;
     selected: unknown[];
     placeholder: string;
     inlineSearchPlaceholder: string;

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_4492426c_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4492426c"]]);
+import e from "./TreeDropdown.vue2.js";
+/* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_54adec1e_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-54adec1e"]]);
 export {
   s as default
 };

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

@@ -1,5 +1,5 @@
- import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_4492426c_lang.css"; import { defineComponent as w, ref as S, watch as T, computed as E, openBlock as s, createBlock as f, unref as i, withCtx as N, createVNode as B, withModifiers as k, createElementBlock as h, Fragment as V, renderList as x, createCommentVNode as L } from "vue";
-import D from "./DropdownV4.vue.js";
+ import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_54adec1e_lang.css"; import { defineComponent as O, ref as S, watch as T, openBlock as s, createBlock as f, unref as d, withCtx as w, createVNode as E, withModifiers as k, createElementBlock as h, Fragment as N, renderList as B, createCommentVNode as z } from "vue";
+import V from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
 import "./ChipDropdownTrigger.vue.js";
@@ -8,11 +8,11 @@ import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import v from "./OptionV4.vue.js";
-import { useChildOptions as P } from "../composables/useChildOptions.js";
-const U = {
+import { useChildOptions as x } from "../composables/useChildOptions.js";
+const D = {
   key: 0,
   class: "child-options"
-}, R = /* @__PURE__ */ w({
+}, J = /* @__PURE__ */ O({
   __name: "TreeDropdown",
   props: {
     options: null,
@@ -20,6 +20,9 @@ const U = {
     isOpen: { type: Boolean },
     placeholder: { default: "Select" },
     inlineSearchPlaceholder: { default: "Search" },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
     displayValue: null,
     optionNameKey: { default: "" },
     optionIconKey: { default: "" },
@@ -33,32 +36,32 @@ const U = {
   },
   emits: ["update:selected", "update:isOpen"],
   setup(e, { emit: u }) {
-    const a = e, n = S(a.selected);
+    const o = e, l = S(o.selected);
     T(
-      () => a.selected,
+      () => o.selected,
       () => {
-        n.value = [...a.selected];
+        l.value = [...o.selected];
       }
     );
-    const { hasChildren: r, getChildren: d, allChildrenSelected: y, someChildrenSelected: C } = P(n, a.optionChildrenKey), p = (t) => {
-      if (r(t)) {
-        y(t) ? n.value = n.value.filter(
-          (o) => !d(t).includes(o)
-        ) : n.value = [
-          ...n.value.filter((o) => !d(t).includes(o)),
-          ...d(t)
+    const { hasChildren: y, getChildren: a, allChildrenSelected: r, someChildrenSelected: K } = x(l, o.optionChildrenKey), p = (t) => {
+      if (y(t)) {
+        r(t) ? l.value = l.value.filter(
+          (i) => !a(t).includes(i)
+        ) : l.value = [
+          ...l.value.filter((i) => !a(t).includes(i)),
+          ...a(t)
         ];
         return;
       }
-      n.value.includes(t) ? n.value = n.value.filter(
-        (o) => o !== t
-      ) : n.value = [...n.value, t];
-    }, m = (t) => n.value.includes(t), K = () => {
-      u("update:selected", n.value);
-    }, I = () => {
-      n.value = [];
-    }, g = E(() => ({ text: t }, o) => t.toLowerCase().replace(/\s+/g, "").includes(o.toLowerCase().replace(/\s+/g, "")));
-    return (t, o) => (s(), f(i(D), {
+      l.value.includes(t) ? l.value = l.value.filter(
+        (i) => i !== t
+      ) : l.value = [...l.value, t];
+    }, m = (t) => l.value.includes(t), I = () => {
+      u("update:selected", l.value);
+    }, C = () => {
+      l.value = [];
+    };
+    return (t, i) => (s(), f(d(V), {
       multi: "",
       class: "tree-dropdown",
       "show-select-all": !1,
@@ -68,31 +71,33 @@ const U = {
       "display-value": e.displayValue,
       placeholder: e.placeholder,
       "inline-search-placeholder": e.inlineSearchPlaceholder,
-      "on-search": i(g),
       "option-name-key": e.optionNameKey,
+      size: e.size,
+      "test-id": e.testId,
+      disabled: e.disabled,
       "disable-virtual-scroll": "",
-      "onUpdate:selected": o[0] || (o[0] = (l) => u("update:selected", l)),
-      "onUpdate:isOpen": o[1] || (o[1] = (l) => u("update:isOpen", l)),
-      onApply: K,
-      onClear: I
+      "onUpdate:selected": i[0] || (i[0] = (n) => u("update:selected", n)),
+      "onUpdate:isOpen": i[1] || (i[1] = (n) => u("update:isOpen", n)),
+      onApply: I,
+      onClear: C
     }, {
-      default: N(({ option: l, index: O }) => [
-        B(i(v), {
-          option: l,
-          "selected-prop": i(r)(l) ? i(y)(l) : m(l),
-          "is-indeterminate": !i(y)(l) && i(C)(l),
-          disabled: l[e.disabledOptionKey],
+      default: w(({ option: n, index: b }) => [
+        E(d(v), {
+          option: n,
+          "selected-prop": d(y)(n) ? d(r)(n) : m(n),
+          "is-indeterminate": !d(r)(n) && d(K)(n),
+          disabled: n[e.disabledOptionKey],
           "name-key": e.optionNameKey,
           "image-key": e.optionImageKey,
           "icon-key": e.optionIconKey,
           "icon-type": e.optionIconType,
           "end-icon-key": e.optionEndIconKey,
           "end-icon-type": e.optionEndIconType,
-          onClick: k(() => p(l), ["stop"])
+          onClick: k(() => p(n), ["stop"])
         }, null, 8, ["option", "selected-prop", "is-indeterminate", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "onClick"]),
-        i(r)(l) ? (s(), h("div", U, [
-          (s(!0), h(V, null, x(i(d)(l), (c, b) => (s(), f(i(v), {
-            key: `${O}-${b}`,
+        d(y)(n) ? (s(), h("div", D, [
+          (s(!0), h(N, null, B(d(a)(n), (c, g) => (s(), f(d(v), {
+            key: `${b}-${g}`,
             option: c,
             "selected-prop": m(c),
             disabled: c[e.disabledOptionKey],
@@ -104,12 +109,12 @@ const U = {
             "end-icon-type": e.optionEndIconType,
             onClick: k(() => p(c), ["stop"])
           }, null, 8, ["option", "selected-prop", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "onClick"]))), 128))
-        ])) : L("", !0)
+        ])) : z("", !0)
       ]),
       _: 1
-    }, 8, ["is-open", "options", "selected", "display-value", "placeholder", "inline-search-placeholder", "on-search", "option-name-key"]));
+    }, 8, ["is-open", "options", "selected", "display-value", "placeholder", "inline-search-placeholder", "option-name-key", "size", "test-id", "disabled"]));
   }
 });
 export {
-  R as default
+  J as default
 };

package/components/dropdown/v4/index.d.ts

@@ -2561,6 +2561,18 @@ declare const DropdownTypes: () => (({
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     hideEndIcon: boolean;
 }> | import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -2624,6 +2636,18 @@ declare const DropdownTypes: () => (({
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -2687,6 +2711,9 @@ declare const DropdownTypes: () => (({
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
 }, {
+    disabled: boolean;
+    size: "small" | "medium" | "large";
+    testId: string;
     selected: unknown[];
     placeholder: string;
     inlineSearchPlaceholder: string;

package/index.d.ts

@@ -16658,6 +16658,18 @@ declare const _default: {
         startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
         hideEndIcon: boolean;
     }> | import("vue").DefineComponent<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -16721,6 +16733,18 @@ declare const _default: {
         "update:selected": (value: unknown) => void;
         "update:isOpen": (value: unknown) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -16784,6 +16808,9 @@ declare const _default: {
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
     }, {
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        testId: string;
         selected: unknown[];
         placeholder: string;
         inlineSearchPlaceholder: string;
@@ -17114,6 +17141,18 @@ declare const _default: {
         };
     });
     TreeDropdown: import("vue").DefineComponent<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -17177,6 +17216,18 @@ declare const _default: {
         "update:selected": (value: unknown) => void;
         "update:isOpen": (value: unknown) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -17240,6 +17291,9 @@ declare const _default: {
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
     }, {
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        testId: string;
         selected: unknown[];
         placeholder: string;
         inlineSearchPlaceholder: string;

package/package.json

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

package/TreeDropdown.vue_vue_type_style_index_0_scoped_4492426c_lang.css

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