@ironsource/shared-ui 2.1.6-test.2 → 2.1.6-test.4

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
 };