@ironsource/shared-ui 2.1.11-rc.2 → 2.1.11-rc.21

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

@@ -22,6 +22,7 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
+            valueToCopy: string;
             placeholder: string;
             autoFocus: boolean;
             multi: boolean;
@@ -33,9 +34,8 @@ declare const DropdownTypes: () => (({
             inlineSearch: boolean;
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
-            valueToCopy: string;
-            helperText: string;
             searchPlaceholder: string;
+            helperText: string;
             showButtonOnOpen: boolean;
             clearable: boolean;
             multiOptionsPlaceholderPrefix: string;
@@ -93,13 +93,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -108,6 +108,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             options: {
                 type: import("vue").PropType<any[]>;
                 required: true;
@@ -163,7 +167,7 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
-            valueToCopy: {
+            searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -171,10 +175,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            searchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             showButtonOnOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -203,7 +203,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "selected" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "valueToCopy" | "helperText" | "searchPlaceholder" | "showButtonOnOpen" | "clearable" | "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" | "selected" | "valueToCopy" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "searchPlaceholder" | "helperText" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -269,13 +269,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -284,6 +284,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             options: {
                 type: import("vue").PropType<any[]>;
                 required: true;
@@ -339,7 +343,7 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
-            valueToCopy: {
+            searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -347,10 +351,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            searchPlaceholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             showButtonOnOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -406,6 +406,7 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
+            valueToCopy: string;
             placeholder: string;
             autoFocus: boolean;
             multi: boolean;
@@ -417,9 +418,8 @@ declare const DropdownTypes: () => (({
             inlineSearch: boolean;
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
-            valueToCopy: string;
-            helperText: string;
             searchPlaceholder: string;
+            helperText: string;
             showButtonOnOpen: boolean;
             clearable: boolean;
             multiOptionsPlaceholderPrefix: string;
@@ -497,13 +497,13 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -512,6 +512,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         options: {
             type: import("vue").PropType<any[]>;
             required: true;
@@ -567,7 +571,7 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
-        valueToCopy: {
+        searchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -575,10 +579,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
-        searchPlaceholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         showButtonOnOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -666,13 +666,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -681,6 +681,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     options: {
         type: import("vue").PropType<any[]>;
         required: true;
@@ -736,7 +740,7 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
     };
-    valueToCopy: {
+    searchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -744,10 +748,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
-    searchPlaceholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     showButtonOnOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -803,6 +803,7 @@ declare const DropdownTypes: () => (({
     skidding: number;
     modelValue: any;
     selected: any;
+    valueToCopy: string;
     placeholder: string;
     autoFocus: boolean;
     multi: boolean;
@@ -814,9 +815,8 @@ declare const DropdownTypes: () => (({
     inlineSearch: boolean;
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
-    valueToCopy: string;
-    helperText: string;
     searchPlaceholder: string;
+    helperText: string;
     showButtonOnOpen: boolean;
     clearable: boolean;
     multiOptionsPlaceholderPrefix: string;

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

@@ -106,6 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     open: boolean;
     mandatory: boolean;
     loading: boolean;
+    valueToCopy: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
@@ -116,7 +117,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    valueToCopy: string;
     selectedOption: any;
     brandIconType: "android" | "ios";
 }>, {

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_7f750550_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f750550"]]);
+// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1aa6df01"]]);
 export {
   p as default
 };

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

@@ -1,10 +1,10 @@
- import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_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_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 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 a } from "../../../testids/index.js";
-const E = /* @__PURE__ */ m({
+import { DropdownTestIdModifiers as n } from "../../../testids/index.js";
+const h = /* @__PURE__ */ m({
   __name: "ButtonFilterDropdownTrigger",
   props: {
     label: null,
@@ -18,10 +18,10 @@ const E = /* @__PURE__ */ m({
   },
   emits: ["click"],
   setup(e, { emit: c }) {
-    const n = N(e.testId, a);
+    const a = N(e.testId, n);
     return (g, r) => (o(), u("div", l({
       class: ["button-filter-dropdown-trigger", [e.variant, { disabled: e.disabled, open: e.open }]]
-    }, t(n)[t(a).BUTTON], {
+    }, t(a)[t(n).BUTTON], {
       onClick: r[0] || (r[0] = (k) => c("click"))
     }), [
       e.startIconName ? (o(), d(t(s), {
@@ -31,7 +31,7 @@ const E = /* @__PURE__ */ m({
         size: "16px",
         class: "start-icon"
       }, null, 8, ["name", "type"])) : i("", !0),
-      f(t(y), l({ variant: "chipLabel" }, t(n)[t(a).BUTTON_CONTENT]), {
+      f(t(y), l({ variant: "button" }, t(a)[t(n).BUTTON_CONTENT]), {
         default: p(() => [
           I(T(e.label), 1)
         ]),
@@ -47,5 +47,5 @@ const E = /* @__PURE__ */ m({
   }
 });
 export {
-  E as default
+  h as default
 };

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_49bd7193_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-49bd7193"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ba28c717"]]);
 export {
   s as default
 };

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

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

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

@@ -0,0 +1,75 @@
+type SelectedCondition = {
+    label: string;
+    value: string;
+    multi: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selectedCondition: SelectedCondition | null;
+    appliedSelections: unknown | unknown[];
+    conditionalOptions: SelectedCondition[];
+    label: string;
+    testId?: string;
+    comparingKey: string;
+    fetchFnCallback: (q: string) => Promise<unknown[]>;
+    optionNameKey: string;
+    minCharsToStart?: number;
+    isOpen?: boolean;
+}>, {
+    label: string;
+    testId: string;
+    comparingKey: string;
+    optionNameKey: string;
+    minCharsToStart: number;
+    isOpen: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedCondition": (value: SelectedCondition) => void;
+    "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selectedCondition: SelectedCondition | null;
+    appliedSelections: unknown | unknown[];
+    conditionalOptions: SelectedCondition[];
+    label: string;
+    testId?: string;
+    comparingKey: string;
+    fetchFnCallback: (q: string) => Promise<unknown[]>;
+    optionNameKey: string;
+    minCharsToStart?: number;
+    isOpen?: boolean;
+}>, {
+    label: string;
+    testId: string;
+    comparingKey: string;
+    optionNameKey: string;
+    minCharsToStart: number;
+    isOpen: boolean;
+}>>> & {
+    onClear?: () => any;
+    "onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
+    "onUpdate:appliedSelections"?: (value: unknown) => any;
+}, {
+    label: string;
+    testId: string;
+    isOpen: boolean;
+    optionNameKey: string;
+    comparingKey: string;
+    minCharsToStart: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +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_93545ce0_lang.css"; //*');
+const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-93545ce0"]]);
+export {
+  n as default
+};