@ironsource/shared-ui 2.1.6-test.1 → 2.1.6-test.12

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

@@ -43,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
+    copyToClipboard: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     placeholder?: string;
     selectedOption?: unknown;
@@ -88,6 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
 }>>> & {
     onClick?: () => any;
+    onCopyToClipboard?: () => any;
 }, {
     label: string;
     disabled: boolean;

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

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
 /* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0267d003"]]);
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-39c47ad1"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as O, unref as l, renderSlot as T, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
 import r from "../../icon/v4/IconV4.vue.js";
 import x from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
@@ -38,13 +38,13 @@ const S = { class: "app-trigger--content" }, D = {
     optionIconKey: { default: null },
     optionIconType: { default: null }
   },
-  emits: ["click"],
-  setup(t, { emit: T }) {
+  emits: ["click", "copyToClipboard"],
+  setup(t, { emit: y }) {
     const e = t, { copy: k, copied: C } = w({}), I = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), b = () => {
-      T("click");
-    }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
+      y("click");
+    }, f = K(e.testId, u), m = "All apps selected", g = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${m} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -52,26 +52,26 @@ const S = { class: "app-trigger--content" }, D = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     }), A = async () => {
-      await k(e.valueToCopy), C.value && z({
+      await k(e.valueToCopy), C.value && (z({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
-      });
+      }), y("copyToClipboard"));
     };
-    return (c, g) => (o(), n("div", {
+    return (c, h) => (o(), n("div", {
       class: B(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
     }, [
-      a("div", h({
+      a("div", O({
         class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]],
         style: {
           paddingLeft: c.$slots.image || l(d) && t.optionImageKey ? "8px" : "12px"
         }
-      }, l(y)[l(u).BUTTON_WRAPPER], {
-        onClick: g[0] || (g[0] = (q) => b())
+      }, l(f)[l(u).BUTTON_WRAPPER], {
+        onClick: h[0] || (h[0] = (q) => b())
       }), [
         a("div", S, [
           c.$slots.image || l(d) && t.optionImageKey ? (o(), n("div", D, [
-            O(c.$slots, "image", {}, () => [
+            T(c.$slots, "image", {}, () => [
               t.optionImageKey ? (o(), n("img", {
                 key: 0,
                 src: l(d)[t.optionImageKey]
@@ -79,7 +79,7 @@ const S = { class: "app-trigger--content" }, D = {
             ], !0)
           ])) : i("", !0),
           c.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), n("div", P, [
-            O(c.$slots, "icon-start", {}, () => [
+            T(c.$slots, "icon-start", {}, () => [
               s(l(r), {
                 type: t.optionIconType,
                 name: l(d)[t.optionIconKey],
@@ -87,10 +87,10 @@ const S = { class: "app-trigger--content" }, D = {
               }, null, 8, ["type", "name"])
             ], !0)
           ])) : i("", !0),
-          s(l(x), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+          s(l(x), O({ variant: "button" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
             default: v(() => [
               a("div", R, [
-                l(m) === f ? (o(), n("span", U, [
+                l(g) === m ? (o(), n("span", U, [
                   s(l(r), {
                     name: "cube",
                     size: "20px",
@@ -98,7 +98,7 @@ const S = { class: "app-trigger--content" }, D = {
                   })
                 ])) : i("", !0),
                 a("div", L, [
-                  a("div", M, $(l(m)), 1),
+                  a("div", M, $(l(g)), 1),
                   t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (o(), n("span", W, "*")) : i("", !0)
                 ])
               ])

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_889042cf_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-889042cf"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8fdae89"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
 import m from "../../icon/v4/IconV4.vue.js";
 import A from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as o } from "../../../testids/index.js";

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_c3033d90_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c3033d90"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad524750"]]);
 export {
   p as default
 };

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

@@ -1,21 +1,20 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; import { defineComponent as I, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as O, createTextVNode as x, toDisplayString as w } from "vue";
-import V from "../../typography/v4/Typography.vue.js";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; import { defineComponent as v, computed as r, openBlock as o, createElementBlock as a, createBlock as k, createCommentVNode as n, createElementVNode as c, mergeProps as m, unref as l, renderSlot as y, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as V } from "vue";
+import x from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import T from "../../icon/v4/IconV4.vue.js";
-import B from "../../shared/FieldLabel.vue.js";
-import D from "../../shared/FieldHelpText.vue.js";
-import { useTestIdAttrs as A } from "../../../utils/testIds.js";
-import N from "../../statusDot/StatusDot.vue.js";
-const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
+import h from "../../icon/v4/IconV4.vue.js";
+import w from "../../shared/FieldLabel.vue.js";
+import { useTestIdAttrs as D } from "../../../utils/testIds.js";
+import A from "../../statusDot/StatusDot.vue.js";
+const N = { class: "default-dropdown-wrapper" }, K = { class: "content" }, $ = {
   key: 0,
   class: "image"
-}, H = ["src"], P = {
+}, C = ["src"], P = {
   key: 1,
   class: "start-icon"
 }, S = {
   key: 2,
   class: "status-dot"
-}, z = { class: "caret-down" }, G = /* @__PURE__ */ I({
+}, z = { class: "caret-down" }, j = /* @__PURE__ */ v({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -44,12 +43,12 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
     statusDotType: { default: null }
   },
   emits: ["click"],
-  setup(t, { emit: b }) {
-    const e = t, g = r(
+  setup(t, { emit: g }) {
+    const e = t, T = r(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), k = () => {
-      b("click");
-    }, f = A(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
+    ), b = () => {
+      g("click");
+    }, p = D(e.testId, u), O = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -57,8 +56,8 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     });
-    return (i, p) => (a(), n("div", K, [
-      t.label ? (a(), m(B, {
+    return (s, f) => (o(), a("div", N, [
+      t.label ? (o(), k(w, {
         key: 0,
         label: t.label,
         mandatory: t.mandatory,
@@ -67,58 +66,50 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
         disabled: t.disabled,
         "test-id": t.testId,
         class: "dropdown-field-label"
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : o("", !0),
-      c("div", y({
-        class: ["dropdown-trigger", [t.size, l(g), { open: t.open, disabled: t.disabled }]]
-      }, l(f)[l(u).BUTTON_WRAPPER], {
-        onClick: p[0] || (p[0] = (E) => k())
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
+      c("div", m({
+        class: ["dropdown-trigger", [t.size, l(T), { open: t.open, disabled: t.disabled }]]
+      }, l(p)[l(u).BUTTON_WRAPPER], {
+        onClick: f[0] || (f[0] = (E) => b())
       }), [
-        c("div", $, [
-          i.$slots.image || l(d) && t.optionImageKey ? (a(), n("div", C, [
-            h(i.$slots, "image", {}, () => [
-              t.optionImageKey ? (a(), n("img", {
+        c("div", K, [
+          s.$slots.image || l(d) && t.optionImageKey ? (o(), a("div", $, [
+            y(s.$slots, "image", {}, () => [
+              t.optionImageKey ? (o(), a("img", {
                 key: 0,
                 src: l(d)[t.optionImageKey]
-              }, null, 8, H)) : o("", !0)
+              }, null, 8, C)) : n("", !0)
             ], !0)
-          ])) : o("", !0),
-          i.$slots["icon-start"] || l(d) && t.optionIconKey ? (a(), n("div", P, [
-            h(i.$slots, "icon-start", {}, () => [
-              s(l(T), {
+          ])) : n("", !0),
+          s.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), a("div", P, [
+            y(s.$slots, "icon-start", {}, () => [
+              i(l(h), {
                 type: t.optionIconType,
                 name: l(d)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : o("", !0),
-          t.statusDotType ? (a(), n("div", S, [
-            s(l(N), { type: t.statusDotType }, null, 8, ["type"])
-          ])) : o("", !0),
-          s(l(V), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: O(() => [
-              x(w(l(v)), 1)
+          ])) : n("", !0),
+          t.statusDotType ? (o(), a("div", S, [
+            i(l(A), { type: t.statusDotType }, null, 8, ["type"])
+          ])) : n("", !0),
+          i(l(x), m({ variant: "body1" }, l(p)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: I(() => [
+              B(V(l(O)), 1)
             ]),
             _: 1
           }, 16)
         ]),
         c("div", z, [
-          s(l(T), {
+          i(l(h), {
             name: "caret-down",
             size: "20px"
           })
         ])
-      ], 16),
-      t.feedbackText ? (a(), m(D, {
-        key: 1,
-        text: t.feedbackText,
-        variant: t.feedbackVariant,
-        "show-icon": t.showFeedbackIcon,
-        "test-id": t.testId,
-        class: "dropdown-field-help-text"
-      }, null, 8, ["text", "variant", "show-icon", "test-id"])) : o("", !0)
+      ], 16)
     ]));
   }
 });
 export {
-  G as default
+  j as default
 };

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

@@ -40,6 +40,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey?: string;
     optionImageKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconKey?: string;
+    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy?: string;
     disabledOptionKey?: string;
     theme?: string;
@@ -85,6 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: any;
+    optionEndIconKey: string;
+    optionEndIconType: any;
     valueToCopy: any;
     disabledOptionKey: string;
     fullWidth: boolean;
@@ -99,6 +103,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closed: () => void;
     opened: () => void;
     apply: (value: unknown) => void;
+    selectAll: () => void;
+    clear: () => void;
+    copyToClipboard: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     selected?: unknown;
@@ -140,6 +147,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey?: string;
     optionImageKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconKey?: string;
+    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy?: string;
     disabledOptionKey?: string;
     theme?: string;
@@ -185,13 +194,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: any;
+    optionEndIconKey: string;
+    optionEndIconType: any;
     valueToCopy: any;
     disabledOptionKey: string;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
 }>>> & {
+    onCopyToClipboard?: () => any;
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;
@@ -234,6 +248,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconKey: string;
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy: string;
     disabledOptionKey: string;
     fullWidth: boolean;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bf8e7ff5"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0363db63"]]);
 export {
   r as default
 };