@ironsource/shared-ui 2.1.12-rc.8 → 2.1.12-test.1

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 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 = {
+ 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 = {
   key: 0,
   class: "image"
-}, C = ["src"], F = {
+}, P = ["src"], z = {
   key: 1,
   class: "flag"
-}, P = {
+}, E = {
   key: 2,
   class: "start-icon"
-}, z = {
+}, H = {
   key: 3,
   class: "status-dot"
-}, E = { key: 0 }, H = { class: "caret-down" }, Q = /* @__PURE__ */ I({
+}, R = { key: 0 }, U = { class: "caret-down" }, Y = /* @__PURE__ */ O({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -39,7 +39,7 @@ const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
     loading: { type: Boolean, default: !1 },
     singleAppSelection: { type: Boolean, default: !1 },
     brandIconType: { default: null },
-    displayValue: null,
+    displayValue: {},
     optionNameKey: { default: null },
     optionImageKey: { default: null },
     optionIconKey: { default: null },
@@ -50,78 +50,78 @@ const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
     statusDotType: { default: null }
   },
   emits: ["click"],
-  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)
+  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)
         return null;
-      if (!e.multi)
-        return e.selectedOption;
-      if (Array.isArray(e.selectedOption))
-        return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
+      if (!t.multi)
+        return t.selectedOption;
+      if (Array.isArray(t.selectedOption))
+        return t.selectedOption.length === 1 ? t.selectedOption[0] : null;
     });
-    return (o, y) => (a(), d("div", N, [
-      t.label ? (a(), m(V, {
+    return (e, f) => (l(), n("div", S, [
+      e.label ? (l(), y(A, {
         key: 0,
-        label: t.label,
-        mandatory: t.mandatory,
-        "hover-help-text": t.hoverHelpText,
-        "hover-help-text-placement": t.hoverHelpTextPlacement,
-        disabled: t.disabled,
-        "test-id": t.testId,
+        label: e.label,
+        mandatory: e.mandatory,
+        "hover-help-text": e.hoverHelpText,
+        "hover-help-text-placement": e.hoverHelpTextPlacement,
+        disabled: e.disabled,
+        "test-id": e.testId,
         class: "dropdown-field-label"
-      }, 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())
+      }, 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())
       }), [
-        c("div", S, [
-          o.$slots.image || l(s) && t.optionImageKey ? (a(), d("div", x, [
-            i(o.$slots, "image", {}, () => [
-              t.optionImageKey ? (a(), d("img", {
+        p("div", C, [
+          e.$slots.image || s.value && e.optionImageKey ? (l(), n("div", F, [
+            d(e.$slots, "image", {}, () => [
+              e.optionImageKey ? (l(), n("img", {
                 key: 0,
-                src: l(s)[t.optionImageKey]
-              }, null, 8, C)) : n("", !0)
+                src: s.value[e.optionImageKey]
+              }, null, 8, P)) : a("", !0)
             ], !0)
-          ])) : n("", !0),
-          o.$slots.flag || l(s) && t.optionFlagKey ? (a(), d("div", F, [
-            i(o.$slots, "flag", {}, () => [
-              t.optionFlagKey ? (a(), m(l(K), {
+          ])) : a("", !0),
+          e.$slots.flag || s.value && e.optionFlagKey ? (l(), n("div", z, [
+            d(e.$slots, "flag", {}, () => [
+              e.optionFlagKey ? (l(), y(o(V), {
                 key: 0,
-                "country-code": l(s)[t.optionFlagKey]
-              }, null, 8, ["country-code"])) : n("", !0)
+                "country-code": s.value[e.optionFlagKey]
+              }, null, 8, ["country-code"])) : a("", !0)
             ], !0)
-          ])) : 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],
+          ])) : 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],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : 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)
+          ])) : 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)
               ]),
               _: 1
             }, 16)
           ], !0)
         ]),
-        o.$slots["end-icon"] ? (a(), d("div", E, [
-          i(o.$slots, "end-icon", {}, void 0, !0)
-        ])) : n("", !0),
-        c("div", H, [
-          r(l(g), {
+        e.$slots["end-icon"] ? (l(), n("div", R, [
+          d(e.$slots, "end-icon", {}, void 0, !0)
+        ])) : a("", !0),
+        p("div", U, [
+          i(o(h), {
             name: "caret-down",
             size: "20px"
           })
@@ -131,5 +131,5 @@ const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
   }
 });
 export {
-  Q as default
+  Y 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     selected?: unknown;
     multi?: boolean;
@@ -13,11 +13,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isOpen?: boolean;
     options: unknown[];
     showSelectAll?: boolean;
+    showClearAll?: boolean;
     defaultOpen?: boolean;
     keepOpen?: boolean;
     autoSize?: boolean;
     disableKeyboardEvents?: boolean;
     dynamicFilterMode?: boolean;
+    minSelections?: number;
+    maxSelections?: number;
     isOnTop?: boolean;
     distance?: number;
     container?: string;
@@ -27,9 +30,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerLabel?: string;
     triggerHelperText?: string;
     triggerFeedbackText?: string;
-    triggerFeedbackVariant?: "success" | "warning" | "error";
+    triggerFeedbackVariant?: "error" | "success" | "warning";
     triggerFeedbackShowIcon?: boolean;
     triggerShowAllSelectedText?: boolean;
+    triggerShownValuesCount?: number;
     size?: "small" | "medium" | "large";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
@@ -48,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionsEndTextIconKey?: string;
     optionFlagKey?: string;
+    optionWarningKey?: string;
     valueToCopy?: string;
     disabledOptionKey?: string;
     optionTwoLinesVariant?: "horizontal" | "vertical";
@@ -58,7 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
-    statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    statusType?: "default" | "error" | "disabled" | "success" | "warning" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
     withConditions?: boolean;
@@ -90,13 +95,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disableKeyboardEvents: boolean;
     testId: string;
     showSelectAll: boolean;
+    showClearAll: boolean;
     dynamicFilterMode: boolean;
+    minSelections: number;
+    maxSelections: any;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: any;
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
+    triggerShownValuesCount: number;
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     optionNameKey: string;
@@ -107,6 +116,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionEndIconType: any;
     optionsEndTextIconKey: any;
     optionFlagKey: any;
+    optionWarningKey: any;
     valueToCopy: any;
     disabledOptionKey: string;
     optionTwoLinesVariant: any;
@@ -121,10 +131,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     overrideOptionCountCalculation: any;
     withConditions: boolean;
     infiniteLoading: boolean;
-}>, {
+}>>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
     closed: () => void;
@@ -137,7 +147,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loadMore: () => void;
     allSelectedChanged: (value: boolean) => void;
     unsavedSelectionUpdate: (value: unknown[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     selected?: unknown;
     multi?: boolean;
@@ -151,11 +161,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isOpen?: boolean;
     options: unknown[];
     showSelectAll?: boolean;
+    showClearAll?: boolean;
     defaultOpen?: boolean;
     keepOpen?: boolean;
     autoSize?: boolean;
     disableKeyboardEvents?: boolean;
     dynamicFilterMode?: boolean;
+    minSelections?: number;
+    maxSelections?: number;
     isOnTop?: boolean;
     distance?: number;
     container?: string;
@@ -165,9 +178,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerLabel?: string;
     triggerHelperText?: string;
     triggerFeedbackText?: string;
-    triggerFeedbackVariant?: "success" | "warning" | "error";
+    triggerFeedbackVariant?: "error" | "success" | "warning";
     triggerFeedbackShowIcon?: boolean;
     triggerShowAllSelectedText?: boolean;
+    triggerShownValuesCount?: number;
     size?: "small" | "medium" | "large";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
@@ -186,6 +200,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionsEndTextIconKey?: string;
     optionFlagKey?: string;
+    optionWarningKey?: string;
     valueToCopy?: string;
     disabledOptionKey?: string;
     optionTwoLinesVariant?: "horizontal" | "vertical";
@@ -196,7 +211,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
-    statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    statusType?: "default" | "error" | "disabled" | "success" | "warning" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
     withConditions?: boolean;
@@ -228,13 +243,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disableKeyboardEvents: boolean;
     testId: string;
     showSelectAll: boolean;
+    showClearAll: boolean;
     dynamicFilterMode: boolean;
+    minSelections: number;
+    maxSelections: any;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: any;
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
+    triggerShownValuesCount: number;
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     optionNameKey: string;
@@ -245,6 +264,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionEndIconType: any;
     optionsEndTextIconKey: any;
     optionFlagKey: any;
+    optionWarningKey: any;
     valueToCopy: any;
     disabledOptionKey: string;
     optionTwoLinesVariant: any;
@@ -259,50 +279,54 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     overrideOptionCountCalculation: any;
     withConditions: boolean;
     infiniteLoading: boolean;
-}>>> & {
-    onCopyToClipboard?: () => any;
+}>>> & Readonly<{
     onClear?: () => any;
+    onCopyToClipboard?: () => 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;
-    placement: Placement;
     disabled: boolean;
+    placement: Placement;
     distance: number;
     container: string;
     popperClass: string;
     size: "small" | "medium" | "large";
-    flip: boolean;
-    mandatory: boolean;
     skidding: number;
     modelValue: any;
-    selected: any;
     valueToCopy: string;
+    selected: any;
+    mandatory: boolean;
     placeholder: string;
     multi: boolean;
     infiniteLoading: boolean;
     showSelectAll: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     dynamicFilterMode: boolean;
+    minSelections: number;
+    maxSelections: number;
     isOnTop: boolean;
+    flip: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
-    triggerFeedbackVariant: "success" | "warning" | "error";
+    triggerFeedbackVariant: "error" | "success" | "warning";
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
+    triggerShownValuesCount: number;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     inlineSearch: boolean;
     inlineSearchPlaceholder: string;
@@ -318,6 +342,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionsEndTextIconKey: string;
     optionFlagKey: string;
+    optionWarningKey: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
@@ -326,11 +351,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     customNumberOfDisplayedOptions: number;
     fullWidth: boolean;
     optionsListWidth: string;
-    statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
     withConditions: boolean;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     label?(_: {}): any;
     "dropdown-trigger"?(_: {
         buttonTriggerProps: {
@@ -359,9 +384,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionsEndTextIconKey: string;
             optionFlagKey: string;
-            feedbackVariant: "success" | "warning" | "error";
+            feedbackVariant: "error" | "success" | "warning";
             valueToCopy: string;
-            statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+            statusDotType: "default" | "error" | "disabled" | "success" | "warning" | "archive";
             size: "small" | "medium" | "large";
             showAllSelectedText: boolean;
             allSelected: boolean;
@@ -378,12 +403,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "select-all"?(_: {}): any;
     "group-option"?(_: {}): any;
     default?(_: {
-        option: unknown;
+        option: any;
         index: number;
         selected: boolean;
         active: boolean;
         disabled: any;
     }): any;
+    "option-end"?(_: {
+        option: any;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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_d154c5da_lang.css"; //*');
+/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_dd86e387_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const d = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d154c5da"]]);
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-dd86e387"]]);
 export {
   d as default
 };