@ironsource/shared-ui 2.1.12-test.50 → 2.1.12-test.53

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

@@ -1,24 +1,24 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css"; import { defineComponent as O, computed as r, openBlock as l, createElementBlock as n, createBlock as y, createCommentVNode as a, createElementVNode as p, mergeProps as m, unref as o, renderSlot as d, createVNode as i, withCtx as B, createTextVNode as $, toDisplayString as w } from "vue";
-import K from "../../typography/v4/Typography.vue.js";
-import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import h from "../../icon/v4/IconV4.vue.js";
-import V from "../../icon/v4/IconFlag.vue.js";
-import A from "../../shared/FieldLabel.vue.js";
-import { useTestIdAttrs as D } from "../../../utils/testIds.js";
-import N from "../../statusDot/StatusDot.vue.js";
-const S = { class: "default-dropdown-wrapper" }, C = { class: "content" }, F = {
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css"; import { defineComponent as I, computed as u, openBlock as a, createElementBlock as d, createBlock as m, createCommentVNode as n, createElementVNode as c, mergeProps as h, unref as l, renderSlot as i, createVNode as r, withCtx as O, createTextVNode as B, toDisplayString as $ } from "vue";
+import w from "../../typography/v4/Typography.vue.js";
+import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
+import g from "../../icon/v4/IconV4.vue.js";
+import K from "../../icon/v4/IconFlag.vue.js";
+import V from "../../shared/FieldLabel.vue.js";
+import { useTestIdAttrs as A } from "../../../utils/testIds.js";
+import D from "../../statusDot/StatusDot.vue.js";
+const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
   key: 0,
   class: "image"
-}, P = ["src"], z = {
+}, C = ["src"], F = {
   key: 1,
   class: "flag"
-}, E = {
+}, P = {
   key: 2,
   class: "start-icon"
-}, H = {
+}, z = {
   key: 3,
   class: "status-dot"
-}, R = { key: 0 }, U = { class: "caret-down" }, Y = /* @__PURE__ */ O({
+}, E = { key: 0 }, H = { class: "caret-down" }, Q = /* @__PURE__ */ I({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -39,7 +39,7 @@ const S = { class: "default-dropdown-wrapper" }, C = { class: "content" }, F = {
     loading: { type: Boolean, default: !1 },
     singleAppSelection: { type: Boolean, default: !1 },
     brandIconType: { default: null },
-    displayValue: {},
+    displayValue: null,
     optionNameKey: { default: null },
     optionImageKey: { default: null },
     optionIconKey: { default: null },
@@ -50,78 +50,78 @@ const S = { class: "default-dropdown-wrapper" }, C = { class: "content" }, F = {
     statusDotType: { default: null }
   },
   emits: ["click"],
-  setup(v, { emit: g }) {
-    const t = v, T = r(
-      () => t.feedbackVariant ? `state-${t.feedbackVariant}` : ""
-    ), b = g, k = () => {
-      b("click");
-    }, c = D(t.testId, u), I = r(() => t.multi ? !Array.isArray(t.selectedOption) || !t.selectedOption?.length ? t.placeholder : t.showAllSelectedText && t.allSelected ? `All selected (${t.selectedOption.length})` : t.selectedOption?.length === 1 && t.displayValue ? t.displayValue(t.selectedOption[0]) : `${t.selectedOption.length} selected` : t.selectedOption ? t.displayValue(t.selectedOption) : t.placeholder), s = r(() => {
-      if (!t.selectedOption)
+  setup(t, { emit: T }) {
+    const e = t, v = u(
+      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
+    ), b = () => {
+      T("click");
+    }, p = A(e.testId, f), k = u(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.showAllSelectedText && e.allSelected ? `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), s = u(() => {
+      if (!e.selectedOption)
         return null;
-      if (!t.multi)
-        return t.selectedOption;
-      if (Array.isArray(t.selectedOption))
-        return t.selectedOption.length === 1 ? t.selectedOption[0] : null;
+      if (!e.multi)
+        return e.selectedOption;
+      if (Array.isArray(e.selectedOption))
+        return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     });
-    return (e, f) => (l(), n("div", S, [
-      e.label ? (l(), y(A, {
+    return (o, y) => (a(), d("div", N, [
+      t.label ? (a(), m(V, {
         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,
+        label: t.label,
+        mandatory: t.mandatory,
+        "hover-help-text": t.hoverHelpText,
+        "hover-help-text-placement": t.hoverHelpTextPlacement,
+        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"])) : a("", !0),
-      p("div", m({
-        class: ["dropdown-trigger", [e.size, T.value, { open: e.open, disabled: e.disabled }]]
-      }, o(c)[o(u).BUTTON_WRAPPER], {
-        onClick: f[0] || (f[0] = (L) => k())
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
+      c("div", h({
+        class: ["dropdown-trigger", [t.size, l(v), { open: t.open, disabled: t.disabled }]]
+      }, l(p)[l(f).BUTTON_WRAPPER], {
+        onClick: y[0] || (y[0] = (R) => b())
       }), [
-        p("div", C, [
-          e.$slots.image || s.value && e.optionImageKey ? (l(), n("div", F, [
-            d(e.$slots, "image", {}, () => [
-              e.optionImageKey ? (l(), n("img", {
+        c("div", S, [
+          o.$slots.image || l(s) && t.optionImageKey ? (a(), d("div", x, [
+            i(o.$slots, "image", {}, () => [
+              t.optionImageKey ? (a(), d("img", {
                 key: 0,
-                src: s.value[e.optionImageKey]
-              }, null, 8, P)) : a("", !0)
+                src: l(s)[t.optionImageKey]
+              }, null, 8, C)) : n("", !0)
             ], !0)
-          ])) : a("", !0),
-          e.$slots.flag || s.value && e.optionFlagKey ? (l(), n("div", z, [
-            d(e.$slots, "flag", {}, () => [
-              e.optionFlagKey ? (l(), y(o(V), {
+          ])) : n("", !0),
+          o.$slots.flag || l(s) && t.optionFlagKey ? (a(), d("div", F, [
+            i(o.$slots, "flag", {}, () => [
+              t.optionFlagKey ? (a(), m(l(K), {
                 key: 0,
-                "country-code": s.value[e.optionFlagKey]
-              }, null, 8, ["country-code"])) : a("", !0)
+                "country-code": l(s)[t.optionFlagKey]
+              }, null, 8, ["country-code"])) : n("", !0)
             ], !0)
-          ])) : a("", !0),
-          e.$slots["icon-start"] || s.value && e.optionIconKey ? (l(), n("div", E, [
-            d(e.$slots, "icon-start", {}, () => [
-              i(o(h), {
-                type: e.optionIconType,
-                name: s.value[e.optionIconKey],
+          ])) : n("", !0),
+          o.$slots["icon-start"] || l(s) && t.optionIconKey ? (a(), d("div", P, [
+            i(o.$slots, "icon-start", {}, () => [
+              r(l(g), {
+                type: t.optionIconType,
+                name: l(s)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : a("", !0),
-          e.statusDotType ? (l(), n("div", H, [
-            i(o(N), { type: e.statusDotType }, null, 8, ["type"])
-          ])) : a("", !0),
-          d(e.$slots, "displayed-value", {}, () => [
-            i(o(K), m({ variant: "body1" }, o(c)[o(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-              default: B(() => [
-                $(w(I.value), 1)
+          ])) : n("", !0),
+          t.statusDotType ? (a(), d("div", z, [
+            r(l(D), { type: t.statusDotType }, null, 8, ["type"])
+          ])) : n("", !0),
+          i(o.$slots, "displayed-value", {}, () => [
+            r(l(w), h({ variant: "body1" }, l(p)[l(f).BUTTON_CONTENT], { class: "displayed-value" }), {
+              default: O(() => [
+                B($(l(k)), 1)
               ]),
               _: 1
             }, 16)
           ], !0)
         ]),
-        e.$slots["end-icon"] ? (l(), n("div", R, [
-          d(e.$slots, "end-icon", {}, void 0, !0)
-        ])) : a("", !0),
-        p("div", U, [
-          i(o(h), {
+        o.$slots["end-icon"] ? (a(), d("div", E, [
+          i(o.$slots, "end-icon", {}, void 0, !0)
+        ])) : n("", !0),
+        c("div", H, [
+          r(l(g), {
             name: "caret-down",
             size: "20px"
           })
@@ -131,5 +131,5 @@ const S = { class: "default-dropdown-wrapper" }, C = { class: "content" }, F = {
   }
 });
 export {
-  Y as default
+  Q as default
 };

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

@@ -1,5 +1,5 @@
 import { Placement } from 'floating-vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     selected?: unknown;
     multi?: boolean;
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     triggerLabel?: string;
     triggerHelperText?: string;
     triggerFeedbackText?: string;
-    triggerFeedbackVariant?: "error" | "success" | "warning";
+    triggerFeedbackVariant?: "success" | "warning" | "error";
     triggerFeedbackShowIcon?: boolean;
     triggerShowAllSelectedText?: boolean;
     triggerShownValuesCount?: number;
@@ -64,7 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
-    statusType?: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+    statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
     withConditions?: boolean;
@@ -133,10 +133,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     overrideOptionCountCalculation: any;
     withConditions: boolean;
     infiniteLoading: boolean;
-}>>, {
+}>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
     closed: () => void;
@@ -149,7 +149,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     loadMore: () => void;
     allSelectedChanged: (value: boolean) => void;
     unsavedSelectionUpdate: (value: unknown[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     selected?: unknown;
     multi?: boolean;
@@ -180,7 +180,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     triggerLabel?: string;
     triggerHelperText?: string;
     triggerFeedbackText?: string;
-    triggerFeedbackVariant?: "error" | "success" | "warning";
+    triggerFeedbackVariant?: "success" | "warning" | "error";
     triggerFeedbackShowIcon?: boolean;
     triggerShowAllSelectedText?: boolean;
     triggerShownValuesCount?: number;
@@ -214,7 +214,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
-    statusType?: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+    statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
     withConditions?: boolean;
@@ -283,33 +283,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     overrideOptionCountCalculation: any;
     withConditions: boolean;
     infiniteLoading: boolean;
-}>>> & Readonly<{
-    onClear?: () => any;
+}>>> & {
     onCopyToClipboard?: () => any;
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     onAllSelectedChanged?: (value: boolean) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
-    onSelectAll?: () => any;
     onLoadMore?: () => any;
     onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
-}>, {
+}, {
     theme: string;
     testId: string;
-    disabled: boolean;
     placement: Placement;
+    disabled: boolean;
     distance: number;
     container: string;
     popperClass: string;
     size: "small" | "medium" | "large";
+    flip: boolean;
+    mandatory: boolean;
     skidding: number;
     modelValue: any;
     valueToCopy: string;
     selected: any;
-    mandatory: boolean;
     placeholder: string;
     multi: boolean;
     infiniteLoading: boolean;
@@ -323,11 +324,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     minSelections: number;
     maxSelections: number;
     isOnTop: boolean;
-    flip: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
-    triggerFeedbackVariant: "error" | "success" | "warning";
+    triggerFeedbackVariant: "success" | "warning" | "error";
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
     triggerShownValuesCount: number;
@@ -356,11 +356,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     optionTooltipPosition: "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";
     fullWidth: boolean;
     optionsListWidth: string;
-    statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+    statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
     withConditions: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     label?(_: {}): any;
     "dropdown-trigger"?(_: {
         buttonTriggerProps: {
@@ -389,9 +389,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionsEndTextIconKey: string;
             optionFlagKey: string;
-            feedbackVariant: "error" | "success" | "warning";
+            feedbackVariant: "success" | "warning" | "error";
             valueToCopy: string;
-            statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
+            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             size: "small" | "medium" | "large";
             showAllSelectedText: boolean;
             allSelected: boolean;
@@ -408,7 +408,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     "select-all"?(_: {}): any;
     "group-option"?(_: {}): any;
     default?(_: {
-        option: any;
+        option: unknown;
         index: number;
         selected: boolean;
         active: boolean;