@ironsource/shared-ui 2.1.11-rc.6 → 2.1.11-rc.60

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

@@ -1,25 +1,24 @@
- 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 "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_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 "../../icon/v4/IconFlag.vue.js";
-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 = {
+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"
-}, E = ["src"], F = {
+}, C = ["src"], F = {
   key: 1,
   class: "flag"
-}, H = ["src"], P = {
+}, P = {
   key: 2,
   class: "start-icon"
 }, z = {
   key: 3,
   class: "status-dot"
-}, R = { key: 0 }, U = { class: "caret-down" }, Z = /* @__PURE__ */ I({
+}, E = { key: 0 }, H = { class: "caret-down" }, Q = /* @__PURE__ */ I({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -51,21 +50,21 @@ const N = { class: "default-dropdown-wrapper" }, C = { class: "content" }, x = {
     statusDotType: { default: null }
   },
   emits: ["click"],
-  setup(t, { emit: v }) {
-    const e = t, T = r(
+  setup(t, { emit: T }) {
+    const e = t, v = u(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), 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(() => {
+      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 (!e.multi)
         return e.selectedOption;
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
-    }), 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, {
+    });
+    return (o, y) => (a(), d("div", N, [
+      t.label ? (a(), m(V, {
         key: 0,
         label: t.label,
         mandatory: t.mandatory,
@@ -74,55 +73,55 @@ const N = { class: "default-dropdown-wrapper" }, C = { class: "content" }, x = {
         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"])) : s("", !0),
+      }, 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(T), { open: t.open, disabled: t.disabled }]]
+        class: ["dropdown-trigger", [t.size, l(v), { open: t.open, disabled: t.disabled }]]
       }, l(p)[l(f).BUTTON_WRAPPER], {
-        onClick: m[0] || (m[0] = (L) => b())
+        onClick: y[0] || (y[0] = (R) => b())
       }), [
-        c("div", C, [
-          o.$slots.image || l(d) && t.optionImageKey ? (a(), n("div", x, [
+        c("div", S, [
+          o.$slots.image || l(s) && t.optionImageKey ? (a(), d("div", x, [
             i(o.$slots, "image", {}, () => [
-              t.optionImageKey ? (a(), n("img", {
+              t.optionImageKey ? (a(), d("img", {
                 key: 0,
-                src: l(d)[t.optionImageKey]
-              }, null, 8, E)) : s("", !0)
+                src: l(s)[t.optionImageKey]
+              }, null, 8, C)) : n("", !0)
             ], !0)
-          ])) : s("", !0),
-          o.$slots.flag || l(d) && t.optionFlagKey ? (a(), n("div", F, [
+          ])) : n("", !0),
+          o.$slots.flag || l(s) && t.optionFlagKey ? (a(), d("div", F, [
             i(o.$slots, "flag", {}, () => [
-              l(y) ? (a(), n("img", {
+              t.optionFlagKey ? (a(), m(l(K), {
                 key: 0,
-                src: l(y)
-              }, null, 8, H)) : s("", !0)
+                src: l(s)[t.optionFlagKey]
+              }, null, 8, ["src"])) : n("", !0)
             ], !0)
-          ])) : s("", !0),
-          o.$slots["icon-start"] || l(d) && t.optionIconKey ? (a(), n("div", P, [
+          ])) : n("", !0),
+          o.$slots["icon-start"] || l(s) && t.optionIconKey ? (a(), d("div", P, [
             i(o.$slots, "icon-start", {}, () => [
-              u(l(g), {
+              r(l(g), {
                 type: t.optionIconType,
-                name: l(d)[t.optionIconKey],
+                name: l(s)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : s("", !0),
-          t.statusDotType ? (a(), n("div", z, [
-            u(l(K), { type: t.statusDotType }, null, 8, ["type"])
-          ])) : s("", !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", {}, () => [
-            u(l(w), h({ variant: "body1" }, l(p)[l(f).BUTTON_CONTENT], { class: "displayed-value" }), {
-              default: $(() => [
-                A(B(l(k)), 1)
+            r(l(w), h({ variant: "body1" }, l(p)[l(f).BUTTON_CONTENT], { class: "displayed-value" }), {
+              default: O(() => [
+                B($(l(k)), 1)
               ]),
               _: 1
             }, 16)
           ], !0)
         ]),
-        o.$slots["end-icon"] ? (a(), n("div", R, [
+        o.$slots["end-icon"] ? (a(), d("div", E, [
           i(o.$slots, "end-icon", {}, void 0, !0)
-        ])) : s("", !0),
-        c("div", U, [
-          u(l(g), {
+        ])) : n("", !0),
+        c("div", H, [
+          r(l(g), {
             name: "caret-down",
             size: "20px"
           })
@@ -132,5 +131,5 @@ const N = { class: "default-dropdown-wrapper" }, C = { class: "content" }, x = {
   }
 });
 export {
-  Z as default
+  Q as default
 };

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

@@ -7,6 +7,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean;
     popperClass?: string;
     loading?: boolean;
+    loadMoreLoading?: boolean;
+    infiniteLoading?: boolean;
     testId?: string;
     isOpen?: boolean;
     options: unknown[];
@@ -35,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onSearch?: (option: any, term: string) => boolean;
     noResultsText?: string;
     searchAutoFocus?: boolean;
-    onClear?: () => void;
+    onClearSearch?: () => void;
     displayValue: (option: unknown) => string;
     optionNameKey?: string;
     optionIconKey?: string;
@@ -58,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
+    withConditions?: boolean;
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -77,7 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placeholder: string;
     size: string;
     onSearch: any;
-    onClear: () => true;
+    onClearSearch: () => true;
     theme: string;
     container: string;
     flip: boolean;
@@ -114,6 +117,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType: any;
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: any;
+    withConditions: boolean;
+    infiniteLoading: boolean;
 }>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
@@ -127,6 +132,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     clear: () => void;
     copyToClipboard: () => void;
     onsearch: (value: string) => void;
+    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<{
     modelValue?: unknown;
     selected?: unknown;
@@ -135,6 +143,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean;
     popperClass?: string;
     loading?: boolean;
+    loadMoreLoading?: boolean;
+    infiniteLoading?: boolean;
     testId?: string;
     isOpen?: boolean;
     options: unknown[];
@@ -163,7 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onSearch?: (option: any, term: string) => boolean;
     noResultsText?: string;
     searchAutoFocus?: boolean;
-    onClear?: () => void;
+    onClearSearch?: () => void;
     displayValue: (option: unknown) => string;
     optionNameKey?: string;
     optionIconKey?: string;
@@ -186,6 +196,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
+    withConditions?: boolean;
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -205,7 +216,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placeholder: string;
     size: string;
     onSearch: any;
-    onClear: () => true;
+    onClearSearch: () => true;
     theme: string;
     container: string;
     flip: boolean;
@@ -242,14 +253,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType: any;
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: any;
+    withConditions: boolean;
+    infiniteLoading: boolean;
 }>>> & {
     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;
+    onLoadMore?: () => any;
+    onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -266,9 +282,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     modelValue: any;
     selected: any;
-    onClear: () => void;
+    valueToCopy: string;
     placeholder: string;
     multi: boolean;
+    infiniteLoading: boolean;
     showSelectAll: boolean;
     defaultOpen: boolean;
     keepOpen: boolean;
@@ -287,6 +304,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
     searchAutoFocus: boolean;
+    onClearSearch: () => void;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
@@ -295,7 +313,6 @@ 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;
-    valueToCopy: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
@@ -307,6 +324,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
+    withConditions: boolean;
 }>, {
     label?(_: {}): any;
     "dropdown-trigger"?(_: {
@@ -346,10 +364,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             onClick: () => void;
         };
     }): any;
+    "dropdown-conditions"?(_: {}): any;
     "inline-search"?(_: {}): any;
     "input-list"?(_: {
         open: true;
     }): any;
+    "custom-list-area"?(_: {}): any;
     "select-all"?(_: {}): any;
     "group-option"?(_: {}): any;
     default?(_: {

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_111642c6_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-111642c6"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-75002075"]]);
 export {
   r as default
 };