@ironsource/shared-ui 2.0.0 → 2.0.1-test.2

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

@@ -0,0 +1,147 @@
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css"; import { defineComponent as b, computed as r, openBlock as n, createElementBlock as a, normalizeClass as w, createElementVNode as o, mergeProps as h, unref as l, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as C, toDisplayString as A, pushScopeId as B, popScopeId as x } from "vue";
+import p from "../../icon/v4/IconV4.vue.js";
+import S from "../../typography/v4/Typography.vue.js";
+import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
+import { useTestIdAttrs as K } from "../../../utils/testIds.js";
+import N from "../../tooltip/v4/TooltipV4.vue.js";
+import { useClipboard as $ } from "@vueuse/core";
+import { Snackbar as z } from "../../snackbar/v4/index.js";
+const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trigger--content" }, H = {
+  key: 0,
+  class: "image"
+}, M = ["src"], P = {
+  key: 1,
+  class: "start-icon"
+}, R = { class: "label-text" }, U = { key: 0 }, Z = { class: "text-content" }, W = { class: "text-content-value" }, j = {
+  key: 0,
+  class: "is-mandatory"
+}, q = /* @__PURE__ */ D(() => /* @__PURE__ */ o("div", { class: "app-trigger-key--content" }, [
+  /* @__PURE__ */ o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M8.43317 6.66667C7.8865 5.11333 6.4065 4 4.6665 4C2.45984 4 0.666504 5.79333 0.666504 8C0.666504 10.2067 2.45984 12 4.6665 12C6.4065 12 7.8865 10.8867 8.43317 9.33333H11.3332V12H13.9998V9.33333H15.3332V6.66667H8.43317ZM4.6665 9.33333C3.93317 9.33333 3.33317 8.73333 3.33317 8C3.33317 7.26667 3.93317 6.66667 4.6665 6.66667C5.39984 6.66667 5.99984 7.26667 5.99984 8C5.99984 8.73333 5.39984 9.33333 4.6665 9.33333Z",
+      fill: "#808080"
+    })
+  ])
+], -1)), te = /* @__PURE__ */ b({
+  __name: "AppDropdownTrigger",
+  props: {
+    placeholder: { default: "Select app" },
+    selectedOption: { default: null },
+    options: { default: null },
+    multi: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    valueToCopy: { default: null },
+    label: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    singleAppSelection: { type: Boolean, default: !1 },
+    brandIconType: { default: null },
+    displayValue: null,
+    optionNameKey: { default: null },
+    optionImageKey: { default: null },
+    optionIconKey: { default: null },
+    optionIconType: { default: null }
+  },
+  emits: ["click"],
+  setup(t, { emit: T }) {
+    const e = t, { copy: k } = $({}), I = r(
+      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
+    ), O = () => {
+      T("click");
+    }, y = K(e.testId, u), f = "All apps selected", m = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : 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)
+        return e.selectedOption;
+      if (Array.isArray(e.selectedOption))
+        return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
+    }), V = () => {
+      k(e.valueToCopy), z({
+        title: "Copied successfully",
+        type: "success",
+        duration: 2e3
+      });
+    };
+    return (c, g) => (n(), a("div", {
+      class: w(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
+    }, [
+      o("div", h({
+        class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]]
+      }, l(y)[l(u).BUTTON_WRAPPER], {
+        onClick: g[0] || (g[0] = (F) => O())
+      }), [
+        o("div", E, [
+          c.$slots.image || l(d) && t.optionImageKey ? (n(), a("div", H, [
+            v(c.$slots, "image", {}, () => [
+              t.optionImageKey ? (n(), a("img", {
+                key: 0,
+                src: l(d)[t.optionImageKey]
+              }, null, 8, M)) : s("", !0)
+            ], !0)
+          ])) : s("", !0),
+          c.$slots["icon-start"] || l(d) && t.optionIconKey ? (n(), a("div", P, [
+            v(c.$slots, "icon-start", {}, () => [
+              i(l(p), {
+                type: t.optionIconType,
+                name: l(d)[t.optionIconKey],
+                size: "16px"
+              }, null, 8, ["type", "name"])
+            ], !0)
+          ])) : s("", !0),
+          i(l(S), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: C(() => [
+              o("div", R, [
+                l(m) === f ? (n(), a("span", U, [
+                  i(l(p), {
+                    name: "cube",
+                    size: "20px",
+                    type: "fill"
+                  })
+                ])) : s("", !0),
+                o("div", Z, [
+                  o("div", W, A(l(m)), 1),
+                  t.mandatory ? (n(), a("span", j, "*")) : s("", !0)
+                ])
+              ])
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        o("div", null, [
+          i(l(p), {
+            name: "caret-down",
+            size: "20px",
+            class: "app-trigger--icon"
+          })
+        ])
+      ], 16),
+      t.valueToCopy ? (n(), a("div", {
+        key: 0,
+        class: "app-trigger-key",
+        onClick: V
+      }, [
+        i(l(N), {
+          text: t.valueToCopy,
+          header: "App key"
+        }, {
+          default: C(() => [
+            q
+          ]),
+          _: 1
+        }, 8, ["text"])
+      ])) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  te 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_14dcdae5_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-14dcdae5"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e5202bb9"]]);
 export {
-  d as default
+  s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_14dcdae5_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 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_e5202bb9_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";
@@ -26,20 +26,20 @@ const N = { class: "chip-trigger--content" }, I = { class: "chip-trigger--icon"
       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;
     }, O = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), s = B(e.testId, o), T = p(() => {
+    ), n = B(e.testId, o), T = p(() => {
       if (!e.multi)
         return e.selectedOption ? e.displayValue(e.selectedOption) : "";
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length ? e.options.length === e.selectedOption.length ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
           e.displayValue(e.selectedOption[0]),
-          e.selectedOption.length
+          e.selectedOption.length - 1
         ] : [];
     });
-    return (l, a) => (_(), C("div", n({
-      class: ["chip-trigger", [t(O), { active: r.open || i.value, disabled: r.disabled }]]
-    }, t(s)[t(o).BUTTON]), [
+    return (l, a) => (_(), C("div", s({
+      class: ["chip-trigger", [t(O), { active: i.value, disabled: r.disabled, open: r.open }]]
+    }, t(n)[t(o).BUTTON]), [
       c("div", N, [
-        d(t(A), n({ variant: "chipLabel" }, t(s)[t(o).BUTTON_CONTENT]), {
+        d(t(A), s({ variant: "chipLabel" }, t(n)[t(o).BUTTON_CONTENT]), {
           default: w(() => [
             k(v(g(t(T))), 1)
           ]),
@@ -53,7 +53,7 @@ const N = { class: "chip-trigger--content" }, I = { class: "chip-trigger--icon"
         ], 512), [
           [f, !i.value]
         ]),
-        u(c("div", n({ class: "x-circle-wrapper" }, t(s)[t(o).BUTTON_CLEAR], {
+        u(c("div", s({ class: "x-circle-wrapper" }, t(n)[t(o).BUTTON_CLEAR], {
           onClick: x(y, ["stop"])
         }), [
           d(t(m), {

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

@@ -1,7 +1,8 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     placeholder?: string;
-    selected?: unknown;
-    options?: unknown;
+    selectedOption?: unknown;
+    options?: unknown[];
+    multi?: boolean;
     size?: "small" | "medium" | "large";
     open: boolean;
     disabled?: boolean;
@@ -15,14 +16,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading?: boolean;
     singleAppSelection?: boolean;
     brandIconType?: "android" | "ios";
+    displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionImageKey?: string;
+    optionIconKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     placeholder: string;
-    selected: any;
+    selectedOption: any;
     options: any;
     size: string;
     open: boolean;
     disabled: boolean;
     testId: string;
+    multi: boolean;
     label: string;
     mandatory: boolean;
     hoverHelpText: string;
@@ -32,12 +39,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     singleAppSelection: boolean;
     brandIconType: any;
+    optionNameKey: any;
+    optionImageKey: any;
+    optionIconKey: any;
+    optionIconType: any;
 }>, {}, 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<{
     placeholder?: string;
-    selected?: unknown;
-    options?: unknown;
+    selectedOption?: unknown;
+    options?: unknown[];
+    multi?: boolean;
     size?: "small" | "medium" | "large";
     open: boolean;
     disabled?: boolean;
@@ -51,14 +63,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading?: boolean;
     singleAppSelection?: boolean;
     brandIconType?: "android" | "ios";
+    displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionImageKey?: string;
+    optionIconKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     placeholder: string;
-    selected: any;
+    selectedOption: any;
     options: any;
     size: string;
     open: boolean;
     disabled: boolean;
     testId: string;
+    multi: boolean;
     label: string;
     mandatory: boolean;
     hoverHelpText: string;
@@ -68,6 +86,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     singleAppSelection: boolean;
     brandIconType: any;
+    optionNameKey: any;
+    optionImageKey: any;
+    optionIconKey: any;
+    optionIconType: any;
 }>>> & {
     onClick?: () => any;
 }, {
@@ -76,19 +98,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     loading: boolean;
     disabled: boolean;
-    selected: any;
-    options: any;
+    options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
     open: boolean;
     mandatory: boolean;
-    feedbackVariant: "error" | "success" | "warning";
+    multi: boolean;
+    selectedOption: any;
+    brandIconType: "android" | "ios";
+    optionNameKey: string;
+    optionImageKey: string;
+    optionIconKey: string;
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     hoverHelpText: string;
     hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     feedbackText: string;
-    brandIconType: "android" | "ios";
+    feedbackVariant: "error" | "success" | "warning";
 }>, {
-    "brand-icon"?(_: {}): any;
+    image?(_: {}): any;
+    "icon-start"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

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

@@ -1,17 +1,24 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c218ef1f_lang.css"; import { defineComponent as h, computed as p, openBlock as a, createElementBlock as d, Fragment as s, createBlock as f, createCommentVNode as l, createElementVNode as o, mergeProps as u, unref as t, renderSlot as x, createVNode as m, withCtx as v, createTextVNode as I, toDisplayString as g } from "vue";
-import B from "../../typography/v4/Typography.vue.js";
-import { DropdownTestIdModifiers as r } from "../../../testids/index.js";
-import V from "../../icon/v4/IconV4.vue.js";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css"; import { defineComponent as O, computed as r, openBlock as a, createElementBlock as i, Fragment as I, createBlock as m, createCommentVNode as n, createElementVNode as s, mergeProps as y, unref as l, renderSlot as h, createVNode as c, withCtx as x, createTextVNode as V, toDisplayString as B } from "vue";
+import A from "../../typography/v4/Typography.vue.js";
+import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
+import g from "../../icon/v4/IconV4.vue.js";
 import N from "../../shared/FieldLabel.vue.js";
-import C from "../../shared/FieldHelpText.vue.js";
-import { useTestIdAttrs as w } from "../../../utils/testIds.js";
-const A = { class: "content" }, H = { key: 0 }, P = { key: 1 }, U = /* @__PURE__ */ h({
+import K from "../../shared/FieldHelpText.vue.js";
+import { useTestIdAttrs as C } from "../../../utils/testIds.js";
+const $ = { class: "content" }, D = {
+  key: 0,
+  class: "image"
+}, w = ["src"], H = {
+  key: 1,
+  class: "start-icon"
+}, M = /* @__PURE__ */ O({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
-    selected: { default: null },
+    selectedOption: { default: null },
     options: { default: null },
-    size: { default: "small" },
+    multi: { type: Boolean, default: !1 },
+    size: { default: "medium" },
     open: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     testId: { default: "" },
@@ -23,60 +30,83 @@ const A = { class: "content" }, H = { key: 0 }, P = { key: 1 }, U = /* @__PURE__
     feedbackText: { default: "" },
     loading: { type: Boolean, default: !1 },
     singleAppSelection: { type: Boolean, default: !1 },
-    brandIconType: { default: null }
+    brandIconType: { default: null },
+    displayValue: null,
+    optionNameKey: { default: null },
+    optionImageKey: { default: null },
+    optionIconKey: { default: null },
+    optionIconType: { default: null }
   },
   emits: ["click"],
-  setup(e, { emit: b }) {
-    const n = e, T = p(
-      () => n.feedbackVariant ? `state-${n.feedbackVariant}` : ""
-    ), y = () => {
-      b("click");
-    }, i = w(n.testId, r);
-    return (k, c) => (a(), d(s, null, [
-      e.label ? (a(), f(N, {
+  setup(t, { emit: T }) {
+    const e = t, b = r(
+      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
+    ), k = () => {
+      T("click");
+    }, f = C(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? "All" : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), o = r(() => {
+      if (!e.selectedOption)
+        return null;
+      if (!e.multi)
+        return e.selectedOption;
+      if (Array.isArray(e.selectedOption))
+        return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
+    });
+    return (d, p) => (a(), i(I, null, [
+      t.label ? (a(), m(N, {
         key: 0,
-        label: e.label,
-        mandatory: e.mandatory,
-        "hover-help-text": e.hoverHelpText,
-        "hover-help-text-placement": e.hoverHelpTextPlacement,
-        disabled: e.disabled,
-        "test-id": e.testId
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : l("", !0),
-      o("div", u({
-        class: ["dropdown-trigger", [e.size, t(T), { open: e.open, disabled: e.disabled }]]
-      }, t(i)[t(r).BUTTON_WRAPPER], {
-        onClick: c[0] || (c[0] = (D) => y())
+        label: t.label,
+        mandatory: t.mandatory,
+        "hover-help-text": t.hoverHelpText,
+        "hover-help-text-placement": t.hoverHelpTextPlacement,
+        disabled: t.disabled,
+        "test-id": t.testId
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
+      s("div", y({
+        class: ["dropdown-trigger", [t.size, l(b), { open: t.open, disabled: t.disabled }]]
+      }, l(f)[l(u).BUTTON_WRAPPER], {
+        onClick: p[0] || (p[0] = (P) => k())
       }), [
-        o("div", A, [
-          x(k.$slots, "brand-icon", {}, () => [
-            e.brandIconType ? (a(), d(s, { key: 0 }, [
-              e.brandIconType === "android" ? (a(), d("span", H, "A")) : l("", !0),
-              e.brandIconType === "ios" ? (a(), d("span", P, "I")) : l("", !0)
-            ], 64)) : l("", !0)
-          ], !0),
-          m(t(B), u({ variant: "body1" }, t(i)[t(r).BUTTON_CONTENT]), {
-            default: v(() => [
-              I(g(e.placeholder), 1)
+        s("div", $, [
+          d.$slots.image || l(o) && t.optionImageKey ? (a(), i("div", D, [
+            h(d.$slots, "image", {}, () => [
+              t.optionImageKey ? (a(), i("img", {
+                key: 0,
+                src: l(o)[t.optionImageKey]
+              }, null, 8, w)) : n("", !0)
+            ], !0)
+          ])) : n("", !0),
+          d.$slots["icon-start"] || l(o) && t.optionIconKey ? (a(), i("div", H, [
+            h(d.$slots, "icon-start", {}, () => [
+              c(l(g), {
+                type: t.optionIconType,
+                name: l(o)[t.optionIconKey],
+                size: "16px"
+              }, null, 8, ["type", "name"])
+            ], !0)
+          ])) : n("", !0),
+          c(l(A), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: x(() => [
+              V(B(l(v)), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        o("div", null, [
-          m(t(V), {
+        s("div", null, [
+          c(l(g), {
             name: "caret-down",
             size: "20px"
           })
         ])
       ], 16),
-      e.feedbackText ? (a(), f(C, {
+      t.feedbackText ? (a(), m(K, {
         key: 1,
-        text: e.feedbackText,
-        variant: e.feedbackVariant,
-        "test-id": e.testId
-      }, null, 8, ["text", "variant", "test-id"])) : l("", !0)
+        text: t.feedbackText,
+        variant: t.feedbackVariant,
+        "test-id": t.testId
+      }, null, 8, ["text", "variant", "test-id"])) : n("", !0)
     ], 64));
   }
 });
 export {
-  U as default
+  M as default
 };

package/components/dropdown/v4/Dropdown.types.d.ts

@@ -1,3 +1,3 @@
-export declare const TRIGGER_TYPES: readonly ["default", "icon-button", "chip"];
+export declare const TRIGGER_TYPES: readonly ["default", "icon-button", "chip", "app"];
 export type TriggerType = (typeof TRIGGER_TYPES)[number];
 export declare const TRIGGERS: Record<string, TriggerType>;

package/components/dropdown/v4/Dropdown.types.js

@@ -1,7 +1,8 @@
 const t = {
   DEFAULT: "default",
   ICON_BUTTON: "icon-button",
-  CHIP: "chip"
+  CHIP: "chip",
+  APP: "app"
 };
 export {
   t as TRIGGERS

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

@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerFeedbackVariant?: "error" | "success" | "warning";
     size?: "sm" | "lg";
     mandatory?: boolean;
-    predefinedTrigger?: "default" | "icon-button" | "chip";
+    predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
     inlineSearch?: boolean;
     inlineSearchPlaceholder?: string;
     onSearch?: (option: any, term: string) => boolean;
@@ -38,7 +38,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchAutoFocus?: boolean;
     onClear?: () => void;
     displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionIconKey?: string;
+    optionImageKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    valueToCopy?: string;
     theme?: string;
+    fullWidth?: boolean;
+    optionsListWidth?: string;
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -57,7 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     placeholder: string;
     size: string;
-    onSearch: () => true;
+    onSearch: any;
     onClear: () => true;
     theme: string;
     container: string;
@@ -71,7 +78,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerFeedbackText: string;
     triggerFeedbackVariant: any;
     searchAutoFocus: boolean;
-    predefinedTrigger: "default" | "icon-button" | "chip";
+    predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+    optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: any;
+    valueToCopy: any;
+    fullWidth: boolean;
+    optionsListWidth: any;
 }>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
@@ -112,7 +126,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerFeedbackVariant?: "error" | "success" | "warning";
     size?: "sm" | "lg";
     mandatory?: boolean;
-    predefinedTrigger?: "default" | "icon-button" | "chip";
+    predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
     inlineSearch?: boolean;
     inlineSearchPlaceholder?: string;
     onSearch?: (option: any, term: string) => boolean;
@@ -120,7 +134,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchAutoFocus?: boolean;
     onClear?: () => void;
     displayValue: (option: unknown) => string;
+    optionNameKey?: string;
+    optionIconKey?: string;
+    optionImageKey?: string;
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    valueToCopy?: string;
     theme?: string;
+    fullWidth?: boolean;
+    optionsListWidth?: string;
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -139,7 +160,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     placeholder: string;
     size: string;
-    onSearch: () => true;
+    onSearch: any;
     onClear: () => true;
     theme: string;
     container: string;
@@ -153,7 +174,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerFeedbackText: string;
     triggerFeedbackVariant: any;
     searchAutoFocus: boolean;
-    predefinedTrigger: "default" | "icon-button" | "chip";
+    predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+    optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: any;
+    valueToCopy: any;
+    fullWidth: boolean;
+    optionsListWidth: any;
 }>>> & {
     onApply?: (value: unknown) => any;
     "onUpdate:selected"?: (value: unknown) => any;
@@ -184,6 +212,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
+    valueToCopy: string;
+    optionNameKey: string;
+    optionImageKey: string;
+    optionIconKey: string;
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     onClear: () => void;
     inlineSearchPlaceholder: string;
     triggerLabel: string;
@@ -191,7 +224,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerFeedbackText: string;
     triggerFeedbackVariant: "error" | "success" | "warning";
     searchAutoFocus: boolean;
-    predefinedTrigger: "default" | "icon-button" | "chip";
+    predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+    fullWidth: boolean;
+    optionsListWidth: string;
 }>, {
     label?(_: {}): any;
     "dropdown-trigger"?(_: {}): any;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_571b7c2f_lang.css"; //*');
+/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_19f8fedd_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-571b7c2f"]]);
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-19f8fedd"]]);
 export {
-  r as default
+  d as default
 };