@ironsource/shared-ui 2.1.12-rc.0 → 2.1.12-rc.2

package/components/dropdown/common/useGroupedOptions.d.ts

@@ -7,4 +7,5 @@ export declare const useGroupedOptions: (props: any) => {
     isIndeterminateGrouped: (filteredOptions: any, selectedOptionRef: Ref<unknown[]>) => boolean;
     allSelectedGrouped: (filteredOptions: any, selectedOptionRef: Ref<unknown[]>) => boolean;
     areAllPreviousSelected: (flatOptions: Ref<unknown[]>, selectedOptionPrevious: Ref<unknown[]>) => boolean;
+    groupedChildOptionsLength: (options: any) => number;
 };

package/components/dropdown/common/useGroupedOptions.js

@@ -1,57 +1,58 @@
-import { GROUP_OPTION_FLAG as i } from "./consts.js";
-const O = (r) => {
-  const u = (e) => e && !!e[i], p = (e) => e.reduce((t, n) => {
+import { GROUP_OPTION_FLAG as s } from "./consts.js";
+const f = (u) => {
+  const r = (t) => t && !!t[s], i = (t) => t.reduce((e, n) => {
     const { options: o = [], ...l } = n, g = {
       ...l,
-      [i]: !0
+      [s]: !0
     };
-    return [...t, g, ...o];
-  }, []), c = (e) => {
-    const t = r.groupedOptions ? [] : e;
-    if (r.groupedOptions)
-      for (let n = 0; n < e.length; n++) {
-        const o = e[n];
-        if (u(o)) {
-          const l = e[n + 1];
-          if (u(l) || !l)
+    return [...e, g, ...o];
+  }, []), c = (t) => i(t).reduce((n, o) => o[s] ? n : n + 1, 0), h = (t) => {
+    const e = u.groupedOptions ? [] : t;
+    if (u.groupedOptions)
+      for (let n = 0; n < t.length; n++) {
+        const o = t[n];
+        if (r(o)) {
+          const l = t[n + 1];
+          if (r(l) || !l)
             continue;
-          t.push(o);
+          e.push(o);
         } else
-          t.push(o);
+          e.push(o);
       }
-    return t;
-  }, h = (e, t) => {
-    const n = r.options.length;
-    if (t.value.length === e.value.length - n) {
-      t.value = [];
+    return e;
+  }, d = (t, e) => {
+    const n = u.options.length;
+    if (e.value.length === t.value.length - n) {
+      e.value = [];
       return;
     }
-    t.value = e.value.filter(
-      (o) => !u(o)
+    e.value = t.value.filter(
+      (o) => !r(o)
     );
-  }, s = (e) => e.value.reduce(
-    (t, n) => t + (u(n) ? 0 : 1),
+  }, p = (t) => t.value.reduce(
+    (e, n) => e + (r(n) ? 0 : 1),
     0
   );
   return {
-    isGroup: u,
-    sortOutGroups: c,
-    flattenAndMarkGroupOptions: p,
-    selectAllWithGroups: h,
-    isIndeterminateGrouped: (e, t) => {
-      const n = s(e);
-      return t.value.length > 0 && t.value.length < n;
+    isGroup: r,
+    sortOutGroups: h,
+    flattenAndMarkGroupOptions: i,
+    selectAllWithGroups: d,
+    isIndeterminateGrouped: (t, e) => {
+      const n = p(t);
+      return e.value.length > 0 && e.value.length < n;
     },
-    allSelectedGrouped: (e, t) => {
-      const n = s(e);
-      return t.value.length === n;
+    allSelectedGrouped: (t, e) => {
+      const n = p(t);
+      return e.value.length === n;
     },
-    areAllPreviousSelected: (e, t) => {
-      const n = r.options.length;
-      return e.value.length - n === t.value.length;
-    }
+    areAllPreviousSelected: (t, e) => {
+      const n = u.options.length;
+      return t.value.length - n === e.value.length;
+    },
+    groupedChildOptionsLength: c
   };
 };
 export {
-  O as useGroupedOptions
+  f as useGroupedOptions
 };

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

@@ -1,7 +1,7 @@
 import o from "./ButtonFilterDropdownTrigger.vue2.js";
-/* empty css                                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1aa6df01"]]);
+/* empty css                                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea1c4589"]]);
 export {
   p as default
 };

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

@@ -1,10 +1,10 @@
- import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
+ import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
 import y from "../../typography/v4/Typography.vue.js";
 import s from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import { useTestIdAttrs as N } from "../../../utils/testIds.js";
-import { DropdownTestIdModifiers as n } from "../../../testids/index.js";
-const h = /* @__PURE__ */ m({
+import { DropdownTestIdModifiers as a } from "../../../testids/index.js";
+const E = /* @__PURE__ */ m({
   __name: "ButtonFilterDropdownTrigger",
   props: {
     label: null,
@@ -18,10 +18,10 @@ const h = /* @__PURE__ */ m({
   },
   emits: ["click"],
   setup(e, { emit: c }) {
-    const a = N(e.testId, n);
+    const n = N(e.testId, a);
     return (g, r) => (o(), u("div", l({
       class: ["button-filter-dropdown-trigger", [e.variant, { disabled: e.disabled, open: e.open }]]
-    }, t(a)[t(n).BUTTON], {
+    }, t(n)[t(a).BUTTON], {
       onClick: r[0] || (r[0] = (k) => c("click"))
     }), [
       e.startIconName ? (o(), d(t(s), {
@@ -31,7 +31,10 @@ const h = /* @__PURE__ */ m({
         size: "16px",
         class: "start-icon"
       }, null, 8, ["name", "type"])) : i("", !0),
-      f(t(y), l({ variant: "button" }, t(a)[t(n).BUTTON_CONTENT]), {
+      f(t(y), l({
+        variant: "chipLabel",
+        class: "content"
+      }, t(n)[t(a).BUTTON_CONTENT]), {
         default: p(() => [
           I(T(e.label), 1)
         ]),
@@ -47,5 +50,5 @@ const h = /* @__PURE__ */ m({
   }
 });
 export {
-  h as default
+  E as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./ConditionalDropdown.vue2.js";
 /* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css"; //*');
-const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e026669"]]);
+// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3a2aeea3_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3a2aeea3"]]);
 export {
-  n as default
+  p as default
 };

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

@@ -1,11 +1,11 @@
- import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as K, onMounted as q, openBlock as D, createBlock as G, unref as d, withCtx as f, createVNode as g, mergeProps as H, createElementVNode as J, isRef as X, normalizeProps as Y, guardReactiveProps as Z, createElementBlock as _, createTextVNode as ee, toDisplayString as le, createCommentVNode as oe } from "vue";
-import L from "./DropdownV4.vue.js";
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3a2aeea3_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as K, onMounted as q, openBlock as D, createBlock as G, unref as d, withCtx as f, createVNode as g, mergeProps as H, createElementVNode as J, isRef as X, normalizeProps as Y, guardReactiveProps as Z, createElementBlock as _, createTextVNode as ee, toDisplayString as le, createCommentVNode as oe } from "vue";
+import F from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
 import ae from "./ChipDropdownTrigger.vue.js";
 import "./AppDropdownTrigger.vue.js";
-import te from "./ButtonDropdownTrigger.vue.js";
-import "./ButtonFilterDropdownTrigger.vue.js";
+import "./ButtonDropdownTrigger.vue.js";
+import te from "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import "./OptionV4.vue.js";
 import "./ConditionalDropdown.vue.js";
@@ -52,10 +52,10 @@ const re = { class: "conditional-container" }, se = {
       set: (l) => {
         h("update:selectedCondition", l);
       }
-    }), F = () => {
+    }), L = () => {
       const { appliedSelections: l } = e;
       return l ? Array.isArray(l) ? l : [l] : [];
-    }, w = s(null), c = s(!0), a = s([]), n = s(F()), T = s(!0), p = s(!1), C = s(!1), u = s(e.searchQuery), B = s(""), m = s(e.label), k = s([]), U = O(() => (!u.value || u.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} characters to begin` : "No results found"), I = O(() => {
+    }, w = s(null), c = s(!0), a = s([]), n = s(L()), T = s(!0), p = s(!1), C = s(!1), u = s(e.searchQuery), B = s(""), m = s(e.label), k = s([]), U = O(() => (!u.value || u.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} characters to begin` : "No results found"), I = O(() => {
       const l = c.value ? 4 : 4.5, t = a.value.length > 4 ? a.value.length : l;
       if (e.groupedOptions) {
         let o = 0;
@@ -154,7 +154,7 @@ const re = { class: "conditional-container" }, se = {
     const $ = () => {
       h("closed");
     };
-    return (l, t) => (D(), G(d(L), {
+    return (l, t) => (D(), G(d(F), {
       ref_key: "dropdownRef",
       ref: w,
       selected: n.value,
@@ -200,7 +200,7 @@ const re = { class: "conditional-container" }, se = {
       ]),
       "dropdown-conditions": f(() => [
         J("div", re, [
-          g(d(L), {
+          g(d(F), {
             selected: d(i),
             "onUpdate:selected": t[0] || (t[0] = (o) => X(i) ? i.value = o : null),
             options: r.conditionalOptions,

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

@@ -1,7 +1,7 @@
 import o from "./DefaultDropdownTrigger.vue2.js";
 /* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-73bf9b5b"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-64ae80dd"]]);
 export {
-  p as default
+  d as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css"; import { defineComponent as I, computed as u, openBlock as a, createElementBlock as d, createBlock as m, createCommentVNode as n, createElementVNode as c, mergeProps as h, unref as l, renderSlot as i, createVNode as r, withCtx as O, createTextVNode as B, toDisplayString as $ } from "vue";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css"; import { defineComponent as I, computed as u, openBlock as a, createElementBlock as d, createBlock as m, createCommentVNode as n, createElementVNode as c, mergeProps as h, unref as l, renderSlot as i, createVNode as r, withCtx as O, createTextVNode as B, toDisplayString as $ } from "vue";
 import w from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
 import g from "../../icon/v4/IconV4.vue.js";
@@ -92,8 +92,8 @@ const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
             i(o.$slots, "flag", {}, () => [
               t.optionFlagKey ? (a(), m(l(K), {
                 key: 0,
-                src: l(s)[t.optionFlagKey]
-              }, null, 8, ["src"])) : n("", !0)
+                "country-code": l(s)[t.optionFlagKey]
+              }, null, 8, ["country-code"])) : n("", !0)
             ], !0)
           ])) : n("", !0),
           o.$slots["icon-start"] || l(s) && t.optionIconKey ? (a(), d("div", P, [

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

@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keepOpen?: boolean;
     autoSize?: boolean;
     disableKeyboardEvents?: boolean;
+    dynamicFilterMode?: boolean;
     isOnTop?: boolean;
     distance?: number;
     container?: string;
@@ -89,6 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disableKeyboardEvents: boolean;
     testId: string;
     showSelectAll: boolean;
+    dynamicFilterMode: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -153,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keepOpen?: boolean;
     autoSize?: boolean;
     disableKeyboardEvents?: boolean;
+    dynamicFilterMode?: boolean;
     isOnTop?: boolean;
     distance?: number;
     container?: string;
@@ -225,6 +228,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disableKeyboardEvents: boolean;
     testId: string;
     showSelectAll: boolean;
+    dynamicFilterMode: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -291,6 +295,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
+    dynamicFilterMode: boolean;
     isOnTop: boolean;
     triggerLabel: string;
     triggerHelperText: string;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
 /* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-75002075"]]);
+const d = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d154c5da"]]);
 export {
-  r as default
+  d as default
 };