@ironsource/shared-ui 2.2.0-rc.43 → 2.2.0-rc.48

package/components/dropdown/v3/Dropdown.vue.d.ts

@@ -165,14 +165,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onClear?: () => any;
     onApply?: (value: unknown) => any;
-    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
+    onSelectAll?: () => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
-    theme: string;
     title: string;
+    theme: string;
     testId: string;
     placement: Placement;
     disabled: boolean;
@@ -191,14 +191,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoFocus: boolean;
     clearable: boolean;
     multi: boolean;
+    inlineSearch: boolean;
+    isOnTop: boolean;
+    noResultsText: string;
     defaultOpen: boolean;
+    onSearch: (option: any, term: string) => boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
-    isOnTop: boolean;
-    inlineSearch: boolean;
-    onSearch: (option: any, term: string) => boolean;
-    noResultsText: string;
     searchPlaceholder: string;
     helperText: string;
     showButtonOnOpen: boolean;

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

@@ -7,8 +7,8 @@ declare const DropdownTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            theme: string;
             title: string;
+            theme: string;
             testId: string;
             placement: import("floating-vue").Placement;
             disabled: boolean;
@@ -27,14 +27,14 @@ declare const DropdownTypes: () => (({
             autoFocus: boolean;
             clearable: boolean;
             multi: boolean;
+            inlineSearch: boolean;
+            isOnTop: boolean;
+            noResultsText: string;
             defaultOpen: boolean;
+            onSearch: (option: any, term: string) => boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
-            isOnTop: boolean;
-            inlineSearch: boolean;
-            onSearch: (option: any, term: string) => boolean;
-            noResultsText: string;
             searchPlaceholder: string;
             helperText: string;
             showButtonOnOpen: boolean;
@@ -42,11 +42,11 @@ declare const DropdownTypes: () => (({
             multiOptionsPlaceholderSuffix: string;
             darkTheme: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            theme: {
+            title: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            title: {
+            theme: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -132,13 +132,26 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showSelectAll: {
+            inlineSearch: {
                 type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isOnTop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            noResultsText: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onSearch: {
+                type: import("vue").PropType<(option: any, term: string) => boolean>;
+                default: () => true;
+            };
             keepOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -151,21 +164,8 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOnTop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            inlineSearch: {
+            showSelectAll: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            onSearch: {
-                type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: () => true;
-            };
-            noResultsText: {
-                type: import("vue").PropType<string>;
-                default: string;
             };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
@@ -198,12 +198,12 @@ declare const DropdownTypes: () => (({
         }>> & {
             onClear?: () => any;
             onApply?: (value: unknown) => any;
-            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
+            onSelectAll?: () => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "title" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "autoFocus" | "clearable" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "searchPlaceholder" | "helperText" | "showButtonOnOpen" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "autoFocus" | "clearable" | "multi" | "inlineSearch" | "isOnTop" | "noResultsText" | "defaultOpen" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "searchPlaceholder" | "helperText" | "showButtonOnOpen" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -218,11 +218,11 @@ declare const DropdownTypes: () => (({
         $emit: ((event: "clear") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            theme: {
+            title: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            title: {
+            theme: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -308,13 +308,26 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showSelectAll: {
+            inlineSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isOnTop: {
                 type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            noResultsText: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onSearch: {
+                type: import("vue").PropType<(option: any, term: string) => boolean>;
+                default: () => true;
+            };
             keepOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -327,21 +340,8 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOnTop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            inlineSearch: {
+            showSelectAll: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            onSearch: {
-                type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: () => true;
-            };
-            noResultsText: {
-                type: import("vue").PropType<string>;
-                default: string;
             };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
@@ -374,9 +374,9 @@ declare const DropdownTypes: () => (({
         }>> & {
             onClear?: () => any;
             onApply?: (value: unknown) => any;
-            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
+            onSelectAll?: () => any;
             onOpened?: () => any;
             onClosed?: () => any;
         }, {
@@ -391,8 +391,8 @@ declare const DropdownTypes: () => (({
             selectAll: () => void;
             clear: () => void;
         }, string, {
-            theme: string;
             title: string;
+            theme: string;
             testId: string;
             placement: import("floating-vue").Placement;
             disabled: boolean;
@@ -411,14 +411,14 @@ declare const DropdownTypes: () => (({
             autoFocus: boolean;
             clearable: boolean;
             multi: boolean;
+            inlineSearch: boolean;
+            isOnTop: boolean;
+            noResultsText: string;
             defaultOpen: boolean;
+            onSearch: (option: any, term: string) => boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
-            isOnTop: boolean;
-            inlineSearch: boolean;
-            onSearch: (option: any, term: string) => boolean;
-            noResultsText: string;
             searchPlaceholder: string;
             helperText: string;
             showButtonOnOpen: boolean;
@@ -446,11 +446,11 @@ declare const DropdownTypes: () => (({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        theme: {
+        title: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        title: {
+        theme: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -536,13 +536,26 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showSelectAll: {
+        inlineSearch: {
             type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isOnTop: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        noResultsText: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         defaultOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        onSearch: {
+            type: import("vue").PropType<(option: any, term: string) => boolean>;
+            default: () => true;
+        };
         keepOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -555,21 +568,8 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isOnTop: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        inlineSearch: {
+        showSelectAll: {
             type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        onSearch: {
-            type: import("vue").PropType<(option: any, term: string) => boolean>;
-            default: () => true;
-        };
-        noResultsText: {
-            type: import("vue").PropType<string>;
-            default: string;
         };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
@@ -602,9 +602,9 @@ declare const DropdownTypes: () => (({
     }>> & {
         onClear?: () => any;
         onApply?: (value: unknown) => any;
-        onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
+        onSelectAll?: () => any;
         onOpened?: () => any;
         onClosed?: () => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -615,11 +615,11 @@ declare const DropdownTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: {
+    title: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    title: {
+    theme: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -705,13 +705,26 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showSelectAll: {
+    inlineSearch: {
         type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    noResultsText: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     defaultOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    onSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+        default: () => true;
+    };
     keepOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -724,21 +737,8 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isOnTop: {
+    showSelectAll: {
         type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    inlineSearch: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    onSearch: {
-        type: import("vue").PropType<(option: any, term: string) => boolean>;
-        default: () => true;
-    };
-    noResultsText: {
-        type: import("vue").PropType<string>;
-        default: string;
     };
     displayValue: {
         type: import("vue").PropType<(option: unknown) => string>;
@@ -771,9 +771,9 @@ declare const DropdownTypes: () => (({
 }>> & {
     onClear?: () => any;
     onApply?: (value: unknown) => any;
-    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
+    onSelectAll?: () => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -788,8 +788,8 @@ declare const DropdownTypes: () => (({
     selectAll: () => void;
     clear: () => void;
 }, string, {
-    theme: string;
     title: string;
+    theme: string;
     testId: string;
     placement: import("floating-vue").Placement;
     disabled: boolean;
@@ -808,14 +808,14 @@ declare const DropdownTypes: () => (({
     autoFocus: boolean;
     clearable: boolean;
     multi: boolean;
+    inlineSearch: boolean;
+    isOnTop: boolean;
+    noResultsText: string;
     defaultOpen: boolean;
+    onSearch: (option: any, term: string) => boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
-    isOnTop: boolean;
-    inlineSearch: boolean;
-    onSearch: (option: any, term: string) => boolean;
-    noResultsText: string;
     searchPlaceholder: string;
     helperText: string;
     showButtonOnOpen: boolean;

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

@@ -1,7 +1,7 @@
 import o from "./ChipDropdownTrigger.vue2.js";
 /* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-38354f10"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_5a645cc9_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5a645cc9"]]);
 export {
-  s as default
+  c as default
 };

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

@@ -1,13 +1,13 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css"; import { defineComponent as k, ref as m, computed as y, watch as S, openBlock as $, createBlock as D, unref as t, withCtx as h, createElementVNode as p, mergeProps as d, createVNode as u, createTextVNode as O, toDisplayString as C, withDirectives as b, vShow as x, withModifiers as E } from "vue";
-import v from "../../icon/v4/IconV4.vue.js";
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_5a645cc9_lang.css"; import { defineComponent as k, computed as p, ref as y, watch as S, openBlock as D, createBlock as E, unref as t, withCtx as h, createElementVNode as u, mergeProps as d, createVNode as f, createTextVNode as V, toDisplayString as C, withDirectives as O, vShow as x, withModifiers as U } from "vue";
+import _ from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import _ from "../../typography/v4/Typography.vue.js";
+import v from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as i } from "../../../testids/index.js";
-import { useTestIdAttrs as U } from "../../../utils/testIds.js";
+import { useTestIdAttrs as L } from "../../../utils/testIds.js";
 import { isElementTruncated as F } from "../../../utils/text.js";
-import { promiseTimeout as L } from "@vueuse/core";
-import R from "../../tooltip/v4/TooltipV4.vue.js";
-const z = { class: "chip-trigger--icon" }, M = ["onClick"], W = /* @__PURE__ */ k({
+import { promiseTimeout as R } from "@vueuse/core";
+import z from "../../tooltip/v4/TooltipV4.vue.js";
+const M = { class: "chip-trigger--icon" }, Q = ["aria-label", "onClick"], Y = /* @__PURE__ */ k({
   __name: "ChipDropdownTrigger",
   props: {
     label: { default: "Status" },
@@ -26,24 +26,26 @@ const z = { class: "chip-trigger--icon" }, M = ["onClick"], W = /* @__PURE__ */
     shownValuesCount: { default: 1 }
   },
   emits: ["clear"],
-  setup(f, { emit: w }) {
-    const e = f, A = () => {
+  setup(m, { emit: w }) {
+    const e = m, A = () => {
       w("clear");
-    }, o = m(null), r = m(!0), T = m(!1), g = (l) => {
+    }, B = p(
+      () => e.label ? `Clear ${e.label} filter` : "Clear filter"
+    ), o = y(null), r = y(!0), T = y(!1), g = (l) => {
       let a = l;
-      Array.isArray(l) && (l.length > 1 ? a = `${l.filter((I) => typeof I == "string").join(", ")}` : a = l[0] ? `${l[0]}` : ""), r.value = !!a;
+      Array.isArray(l) && (l.length > 1 ? a = `${l.filter(($) => typeof $ == "string").join(", ")}` : a = l[0] ? `${l[0]}` : ""), r.value = !!a;
       let c = a;
       return e.displayValueInQuotes && (c = `"${a}"`), a ? `${e.label}: ${c}` : e.label;
-    }, V = (l) => {
+    }, b = (l) => {
       if (Array.isArray(l) && l.length > 1) {
         const a = l[l.length - 1];
         if (typeof a == "number" && a > 0)
           return `, +${a}`;
       }
       return "";
-    }, B = y(
+    }, N = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), n = U(e.testId, i), s = y(() => {
+    ), n = L(e.testId, i), s = p(() => {
       if (!e.multi)
         return e.selectedOption ? e.displayValue(e.selectedOption) : "";
       if (!Array.isArray(e.selectedOption))
@@ -58,60 +60,64 @@ const z = { class: "chip-trigger--icon" }, M = ["onClick"], W = /* @__PURE__ */
       return [...l, a];
     });
     S([() => e.selectedOption, o], async () => {
-      await L(100), T.value = o.value && F(o.value);
+      await R(100), T.value = o.value && F(o.value);
     });
-    const N = y(() => T.value ? `${g(s.value)}${V(
+    const I = p(() => T.value ? `${g(s.value)}${b(
       s.value
     )}` : "");
-    return (l, a) => ($(), D(t(R), {
-      text: t(N),
+    return (l, a) => (D(), E(t(z), {
+      text: t(I),
       class: "tooltip-option",
       placement: "top"
     }, {
       default: h(() => [
-        p("div", d({
-          class: ["chip-trigger", [t(B), { active: r.value, disabled: f.disabled, open: f.open }]]
+        u("div", d({
+          class: ["chip-trigger", [t(N), { active: r.value, disabled: m.disabled, open: m.open }]]
         }, t(n)[t(i).BUTTON]), [
-          p("div", {
+          u("div", {
             ref_key: "textContainerRef",
             ref: o,
             class: "chip-trigger--content"
           }, [
-            u(t(_), d({
+            f(t(v), d({
               class: "chip-trigger--text",
               variant: "chipLabel"
             }, t(n)[t(i).BUTTON_CONTENT]), {
               default: h(() => [
-                O(C(g(t(s))), 1)
+                V(C(g(t(s))), 1)
               ]),
               _: 1
             }, 16),
-            u(t(_), d({
+            f(t(v), d({
               class: "chip-trigger--suffix",
               variant: "chipLabel"
             }, t(n)[t(i).BUTTON_CONTENT_SUFFIX]), {
               default: h(() => [
-                O(C(V(t(s))), 1)
+                V(C(b(t(s))), 1)
               ]),
               _: 1
             }, 16),
-            b(p("div", z, [
-              u(t(v), {
+            O(u("div", M, [
+              f(t(_), {
                 name: "caret-down",
                 size: "16px"
               })
             ], 512), [
               [x, !r.value]
             ]),
-            b(p("div", d({ class: "x-circle-wrapper" }, t(n)[t(i).BUTTON_CLEAR], {
-              onClick: E(A, ["stop"])
+            O(u("button", d({
+              type: "button",
+              class: "x-circle-wrapper",
+              "aria-label": t(B)
+            }, t(n)[t(i).BUTTON_CLEAR], {
+              onClick: U(A, ["stop"])
             }), [
-              u(t(v), {
+              f(t(_), {
                 name: "x-circle",
                 size: "16px",
                 type: "fill"
               })
-            ], 16, M), [
+            ], 16, Q), [
               [x, r.value]
             ])
           ], 512)
@@ -122,5 +128,5 @@ const z = { class: "chip-trigger--icon" }, M = ["onClick"], W = /* @__PURE__ */
   }
 });
 export {
-  W as default
+  Y as default
 };

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

@@ -101,7 +101,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     testId: string;
     isOpen: boolean;
-    infiniteLoading: boolean;
     triggerShownValuesCount: number;
     optionNameKey: string;
     optionIconKey: string;
@@ -110,6 +109,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionFlagKey: string;
     groupedOptions: boolean;
     comparingKey: string;
+    infiniteLoading: boolean;
     minCharsToStart: number;
     searchQuery: string;
     loadMoreFn: () => Promise<any[]>;