@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.50

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/ButtonDropdownTrigger.vue.d.ts

@@ -8,6 +8,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
+    maxWidth?: number;
+    withTooltip?: boolean;
+    tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 }>, {
     variant: string;
     size: string;
@@ -17,6 +20,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
+    maxWidth: number;
+    withTooltip: boolean;
+    tooltipPlacement: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -29,6 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
+    maxWidth?: number;
+    withTooltip?: boolean;
+    tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 }>, {
     variant: string;
     size: string;
@@ -38,13 +47,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
+    maxWidth: number;
+    withTooltip: boolean;
+    tooltipPlacement: string;
 }>>> & {
     onClick?: () => any;
 }, {
     testId: string;
     variant: "text" | "outlined";
+    withTooltip: boolean;
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
     size: "small" | "medium";
+    maxWidth: number;
     open: boolean;
     startIconName: string;
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";

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

@@ -1,7 +1,7 @@
 import o from "./ButtonDropdownTrigger.vue2.js";
 /* empty css                            */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-76c74f58"]]);
+// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-604dfc6f"]]);
 export {
   p as default
 };

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

@@ -1,9 +1,10 @@
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css"; import { defineComponent as l, openBlock as o, createBlock as i, unref as d, normalizeClass as r, withCtx as s, renderSlot as c, createTextVNode as u, toDisplayString as f } from "vue";
-import m from "../../button/v4/ButtonV4.vue.js";
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
+import T from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-const p = /* @__PURE__ */ l({
+import B from "../../typography/v4/Typography.vue.js";
+const W = /* @__PURE__ */ c({
   __name: "ButtonDropdownTrigger",
   props: {
     label: null,
@@ -14,26 +15,47 @@ const p = /* @__PURE__ */ l({
     startIconName: { default: null },
     startIconType: { default: "regular" },
     hideEndIcon: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    testId: { default: "" },
+    maxWidth: { default: 0 },
+    withTooltip: { type: Boolean, default: !0 },
+    tooltipPlacement: { default: "top" }
   },
   emits: ["click"],
-  setup(e, { emit: a }) {
-    return (n, t) => (o(), i(d(m), {
-      class: r(["button-trigger", { open: e.open }]),
-      disabled: e.disabled,
+  setup(t, { emit: i }) {
+    const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
+    return (r, l) => (s(), u(o(T), {
+      class: m(["button-trigger", { open: t.open }]),
+      disabled: t.disabled,
       color: "default",
-      variant: e.variant,
-      size: e.size,
-      "start-icon-name": e.startIconName,
-      "start-icon-type": e.startIconType,
-      "end-icon-name": e.hideEndIcon ? null : "caret-down",
-      content: e.label,
-      "test-id": e.testId,
-      onClick: t[0] || (t[0] = (b) => a("click"))
+      variant: t.variant,
+      size: t.size,
+      "start-icon-name": t.startIconName,
+      "start-icon-type": t.startIconType,
+      "end-icon-name": t.hideEndIcon ? null : "caret-down",
+      content: t.label,
+      "test-id": t.testId,
+      onClick: l[0] || (l[0] = (g) => i("click"))
     }, {
-      default: s(() => [
-        c(n.$slots, "default", {}, () => [
-          u(f(e.label), 1)
+      default: n(() => [
+        f(r.$slots, "default", {}, () => [
+          p("div", {
+            style: y(o(d)),
+            class: "label-wrapper"
+          }, [
+            h(B, {
+              variant: "button",
+              class: "label-text",
+              "is-truncated": "",
+              "with-tooltip": t.withTooltip,
+              "tooltip-text": t.label,
+              "tooltip-placement": t.tooltipPlacement
+            }, {
+              default: n(() => [
+                b(x(t.label), 1)
+              ]),
+              _: 1
+            }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])
+          ], 4)
         ], !0)
       ]),
       _: 3
@@ -41,5 +63,5 @@ const p = /* @__PURE__ */ l({
   }
 });
 export {
-  p as default
+  W as default
 };

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.d.ts

@@ -10,6 +10,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selectedOption: unknown | unknown[];
     displayValue: (option: unknown) => string;
     multi: boolean;
+    cancelAllSelectedDisplay?: boolean;
+    displayValueInQuotes?: boolean;
 }>, {
     label: string;
     open: boolean;
@@ -18,6 +20,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackVariant: string;
     displayedValue: string;
     allSelected: boolean;
+    cancelAllSelectedDisplay: boolean;
+    displayValueInQuotes: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -32,6 +36,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selectedOption: unknown | unknown[];
     displayValue: (option: unknown) => string;
     multi: boolean;
+    cancelAllSelectedDisplay?: boolean;
+    displayValueInQuotes?: boolean;
 }>, {
     label: string;
     open: boolean;
@@ -40,6 +46,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackVariant: string;
     displayedValue: string;
     allSelected: boolean;
+    cancelAllSelectedDisplay: boolean;
+    displayValueInQuotes: boolean;
 }>>> & {
     onClear?: () => any;
 }, {
@@ -50,6 +58,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackVariant: string;
     allSelected: boolean;
     displayedValue: any;
+    cancelAllSelectedDisplay: boolean;
+    displayValueInQuotes: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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_e43ac1c9_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e43ac1c9"]]);
 export {
-  s as default
+  c as default
 };