@ironsource/shared-ui 2.1.9-test.0 → 2.1.9-test.2

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

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

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

@@ -43,18 +43,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey?: string;
     optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionFlagKey?: string;
     valueToCopy?: string;
     disabledOptionKey?: string;
     optionTwoLinesVariant?: "horizontal" | "vertical";
     optionTwoLinesKey?: string;
     groupedOptions?: boolean;
+    comparingKey?: string;
+    withConditions: boolean;
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
     statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
-    withConditions: boolean;
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -97,17 +99,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
     optionEndIconKey: string;
     optionEndIconType: any;
+    optionFlagKey: any;
     valueToCopy: any;
     disabledOptionKey: string;
     optionTwoLinesVariant: any;
     optionTwoLinesKey: any;
     groupedOptions: boolean;
+    comparingKey: any;
+    withConditions: boolean;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: any;
-    withConditions: boolean;
 }>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
@@ -165,18 +169,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey?: string;
     optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionFlagKey?: string;
     valueToCopy?: string;
     disabledOptionKey?: string;
     optionTwoLinesVariant?: "horizontal" | "vertical";
     optionTwoLinesKey?: string;
     groupedOptions?: boolean;
+    comparingKey?: string;
+    withConditions: boolean;
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
     statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
-    withConditions: boolean;
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -219,17 +225,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
     optionEndIconKey: string;
     optionEndIconType: any;
+    optionFlagKey: any;
     valueToCopy: any;
     disabledOptionKey: string;
     optionTwoLinesVariant: any;
     optionTwoLinesKey: any;
     groupedOptions: boolean;
+    comparingKey: any;
+    withConditions: boolean;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: any;
-    withConditions: boolean;
 }>>> & {
     onCopyToClipboard?: () => any;
     onClear?: () => any;
@@ -251,9 +259,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: "small" | "medium" | "large";
     flip: boolean;
     mandatory: boolean;
+    skidding: number;
+    modelValue: any;
     selected: any;
     onClear: () => void;
-    modelValue: any;
     placeholder: string;
     multi: boolean;
     showSelectAll: boolean;
@@ -262,7 +271,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     isOnTop: boolean;
-    skidding: number;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -281,17 +289,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionFlagKey: string;
     valueToCopy: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
     groupedOptions: boolean;
+    comparingKey: string;
+    withConditions: boolean;
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
-    withConditions: boolean;
 }>, {
     label?(_: {}): any;
     "dropdown-trigger"?(_: {
@@ -319,11 +329,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionAndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionFlagKey: string;
             feedbackVariant: "success" | "warning" | "error";
             valueToCopy: string;
             statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             size: "small" | "medium" | "large";
             showAllSelectedText: boolean;
+            allSelected: boolean;
             onKeydown: (event: any) => void;
             onClick: () => void;
         };

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_119e4bc3_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_cf64ca64_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-119e4bc3"]]);
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-cf64ca64"]]);
 export {
-  r as default
+  c as default
 };