@ironsource/shared-ui 2.1.12-rc.4 → 2.1.12-rc.40

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

@@ -1,10 +1,10 @@
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css"; import { defineComponent as s, openBlock as u, createBlock as m, unref as i, normalizeClass as f, withCtx as e, renderSlot as d, createElementVNode as p, normalizeStyle as y, createVNode as b, createTextVNode as h, toDisplayString as x } from "vue";
 import T from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import B from "../../typography/v4/Typography.vue.js";
-const W = /* @__PURE__ */ c({
+const W = /* @__PURE__ */ s({
   __name: "ButtonDropdownTrigger",
   props: {
     label: null,
@@ -21,10 +21,10 @@ const W = /* @__PURE__ */ c({
     tooltipPlacement: { default: "top" }
   },
   emits: ["click"],
-  setup(t, { emit: i }) {
-    const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
-    return (r, l) => (s(), u(o(T), {
-      class: m(["button-trigger", { open: t.open }]),
+  setup(t, { emit: r }) {
+    const a = t, l = 40, c = a.maxWidth > l ? { maxWidth: `${a.maxWidth - l}px` } : {};
+    return (o, n) => (u(), m(i(T), {
+      class: f(["button-trigger", { open: t.open }]),
       disabled: t.disabled,
       color: "default",
       variant: t.variant,
@@ -34,15 +34,18 @@ const W = /* @__PURE__ */ c({
       "end-icon-name": t.hideEndIcon ? null : "caret-down",
       content: t.label,
       "test-id": t.testId,
-      onClick: l[0] || (l[0] = (g) => i("click"))
+      onClick: n[0] || (n[0] = (g) => r("click"))
     }, {
-      default: n(() => [
-        f(r.$slots, "default", {}, () => [
+      "after-label": e(() => [
+        d(o.$slots, "after-label", {}, void 0, !0)
+      ]),
+      default: e(() => [
+        d(o.$slots, "default", {}, () => [
           p("div", {
-            style: y(o(d)),
+            style: y(i(c)),
             class: "label-wrapper"
           }, [
-            h(B, {
+            b(B, {
               variant: "button",
               class: "label-text",
               "is-truncated": "",
@@ -50,8 +53,8 @@ const W = /* @__PURE__ */ c({
               "tooltip-text": t.label,
               "tooltip-placement": t.tooltipPlacement
             }, {
-              default: n(() => [
-                b(x(t.label), 1)
+              default: e(() => [
+                h(x(t.label), 1)
               ]),
               _: 1
             }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])

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

@@ -1,7 +1,7 @@
 import o from "./ButtonFilterDropdownTrigger.vue2.js";
 /* empty css                                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea1c4589"]]);
+// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-0198fee8"]]);
 export {
   p as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
+ import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
 import y from "../../typography/v4/Typography.vue.js";
 import s from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";

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

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     multi: boolean;
     cancelAllSelectedDisplay?: boolean;
     displayValueInQuotes?: boolean;
+    shownValuesCount?: number;
 }>, {
     label: string;
     open: boolean;
@@ -22,6 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     allSelected: boolean;
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
+    shownValuesCount: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -38,6 +40,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     multi: boolean;
     cancelAllSelectedDisplay?: boolean;
     displayValueInQuotes?: boolean;
+    shownValuesCount?: number;
 }>, {
     label: string;
     open: boolean;
@@ -48,6 +51,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     allSelected: boolean;
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
+    shownValuesCount: number;
 }>>> & {
     onClear?: () => any;
 }, {
@@ -60,6 +64,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayedValue: any;
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
+    shownValuesCount: number;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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_e43ac1c9_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e43ac1c9"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-38354f10"]]);
 export {
-  c as default
+  s as default
 };

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

@@ -1,13 +1,13 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css"; import { defineComponent as k, ref as f, computed as m, watch as D, openBlock as I, createBlock as S, unref as t, withCtx as y, createElementVNode as c, mergeProps as p, createVNode as d, createTextVNode as V, toDisplayString as v, withDirectives as x, vShow as _, withModifiers as $ } from "vue";
-import b from "../../icon/v4/IconV4.vue.js";
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css"; import { defineComponent as k, ref as m, computed as y, watch as S, openBlock as $, createBlock as D, unref as t, withCtx as h, createElementVNode as p, mergeProps as d, createVNode as u, createTextVNode as O, toDisplayString as C, withDirectives as b, vShow as x, withModifiers as E } from "vue";
+import v from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import C from "../../typography/v4/Typography.vue.js";
+import _ from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as i } from "../../../testids/index.js";
-import { useTestIdAttrs as E } from "../../../utils/testIds.js";
-import { isElementTruncated as U } from "../../../utils/text.js";
-import { promiseTimeout as F } from "@vueuse/core";
-import L from "../../tooltip/v4/TooltipV4.vue.js";
-const R = { class: "chip-trigger--icon" }, z = ["onClick"], K = /* @__PURE__ */ k({
+import { useTestIdAttrs as U } from "../../../utils/testIds.js";
+import { isElementTruncated as F } from "../../../utils/text.js";
+import { promiseTimeout as L } from "@vueuse/core";
+import R from "../../tooltip/v4/TooltipV4.vue.js";
+const z = { class: "chip-trigger--icon" }, M = ["onClick"], W = /* @__PURE__ */ k({
   __name: "ChipDropdownTrigger",
   props: {
     label: { default: "Status" },
@@ -22,87 +22,97 @@ const R = { class: "chip-trigger--icon" }, z = ["onClick"], K = /* @__PURE__ */
     displayValue: null,
     multi: { type: Boolean },
     cancelAllSelectedDisplay: { type: Boolean, default: !1 },
-    displayValueInQuotes: { type: Boolean, default: !1 }
+    displayValueInQuotes: { type: Boolean, default: !1 },
+    shownValuesCount: { default: 1 }
   },
   emits: ["clear"],
-  setup(u, { emit: A }) {
-    const e = u, B = () => {
-      A("clear");
-    }, o = f(null), r = f(!0), T = f(!1), h = (l) => {
+  setup(f, { emit: w }) {
+    const e = f, A = () => {
+      w("clear");
+    }, o = m(null), r = m(!0), T = m(!1), g = (l) => {
       let a = l;
-      Array.isArray(l) && (l.length > 1 ? a = `${l[0]}` : a = l[0] ? `${l[0]}` : ""), r.value = !!a;
-      let O = a;
-      return e.displayValueInQuotes && (O = `"${a}"`), a ? `${e.label}: ${O}` : e.label;
-    }, g = (l) => {
-      let a = "";
-      return Array.isArray(l) && l.length > 1 && (a = `, +${l[1]}`), a;
-    }, N = m(
+      Array.isArray(l) && (l.length > 1 ? a = `${l.filter((I) => typeof I == "string").join(", ")}` : a = l[0] ? `${l[0]}` : ""), r.value = !!a;
+      let c = a;
+      return e.displayValueInQuotes && (c = `"${a}"`), a ? `${e.label}: ${c}` : e.label;
+    }, V = (l) => {
+      if (Array.isArray(l) && l.length > 1) {
+        const a = l[l.length - 1];
+        if (typeof a == "number" && a > 0)
+          return `, +${a}`;
+      }
+      return "";
+    }, B = y(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), s = E(e.testId, i), n = m(() => {
+    ), n = U(e.testId, i), s = y(() => {
       if (!e.multi)
         return e.selectedOption ? e.displayValue(e.selectedOption) : "";
-      if (Array.isArray(e.selectedOption))
-        return e.selectedOption.length ? e.allSelected && !e.cancelAllSelectedDisplay ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
-          e.displayValue(e.selectedOption[0]),
-          e.selectedOption.length - 1
-        ] : [];
+      if (!Array.isArray(e.selectedOption))
+        return;
+      if (!e.selectedOption.length)
+        return [];
+      if (e.allSelected && !e.cancelAllSelectedDisplay)
+        return ["All"];
+      if (e.selectedOption.length === 1 && e.displayValue)
+        return [e.displayValue(e.selectedOption[0])];
+      const l = e.selectedOption.slice(0, e.shownValuesCount).map((c) => e.displayValue(c)), a = e.selectedOption.length - l.length;
+      return [...l, a];
     });
-    D([() => e.selectedOption, o], async () => {
-      await F(100), T.value = o.value && U(o.value);
+    S([() => e.selectedOption, o], async () => {
+      await L(100), T.value = o.value && F(o.value);
     });
-    const w = m(() => T.value ? `${h(n.value)}${g(
-      n.value
+    const N = y(() => T.value ? `${g(s.value)}${V(
+      s.value
     )}` : "");
-    return (l, a) => (I(), S(t(L), {
-      text: t(w),
+    return (l, a) => ($(), D(t(R), {
+      text: t(N),
       class: "tooltip-option",
       placement: "top"
     }, {
-      default: y(() => [
-        c("div", p({
-          class: ["chip-trigger", [t(N), { active: r.value, disabled: u.disabled, open: u.open }]]
-        }, t(s)[t(i).BUTTON]), [
-          c("div", {
+      default: h(() => [
+        p("div", d({
+          class: ["chip-trigger", [t(B), { active: r.value, disabled: f.disabled, open: f.open }]]
+        }, t(n)[t(i).BUTTON]), [
+          p("div", {
             ref_key: "textContainerRef",
             ref: o,
             class: "chip-trigger--content"
           }, [
-            d(t(C), p({
+            u(t(_), d({
               class: "chip-trigger--text",
               variant: "chipLabel"
-            }, t(s)[t(i).BUTTON_CONTENT]), {
-              default: y(() => [
-                V(v(h(t(n))), 1)
+            }, t(n)[t(i).BUTTON_CONTENT]), {
+              default: h(() => [
+                O(C(g(t(s))), 1)
               ]),
               _: 1
             }, 16),
-            d(t(C), p({
+            u(t(_), d({
               class: "chip-trigger--suffix",
               variant: "chipLabel"
-            }, t(s)[t(i).BUTTON_CONTENT_SUFFIX]), {
-              default: y(() => [
-                V(v(g(t(n))), 1)
+            }, t(n)[t(i).BUTTON_CONTENT_SUFFIX]), {
+              default: h(() => [
+                O(C(V(t(s))), 1)
               ]),
               _: 1
             }, 16),
-            x(c("div", R, [
-              d(t(b), {
+            b(p("div", z, [
+              u(t(v), {
                 name: "caret-down",
                 size: "16px"
               })
             ], 512), [
-              [_, !r.value]
+              [x, !r.value]
             ]),
-            x(c("div", p({ class: "x-circle-wrapper" }, t(s)[t(i).BUTTON_CLEAR], {
-              onClick: $(B, ["stop"])
+            b(p("div", d({ class: "x-circle-wrapper" }, t(n)[t(i).BUTTON_CLEAR], {
+              onClick: E(A, ["stop"])
             }), [
-              d(t(b), {
+              u(t(v), {
                 name: "x-circle",
                 size: "16px",
                 type: "fill"
               })
-            ], 16, z), [
-              [_, r.value]
+            ], 16, M), [
+              [x, r.value]
             ])
           ], 512)
         ], 16)
@@ -112,5 +122,5 @@ const R = { class: "chip-trigger--icon" }, z = ["onClick"], K = /* @__PURE__ */
   }
 });
 export {
-  K as default
+  W as default
 };

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

@@ -1,12 +1,11 @@
-import { IconTypes } from '@is-ssp/icon/v4/Icon.types';
 type SelectedCondition = {
     label: string;
     value: string;
     multi: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selectedCondition: SelectedCondition | null;
-    appliedSelections: unknown | unknown[];
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selectedCondition: SelectedCondition;
+    appliedSelections: unknown;
     conditionalOptions: SelectedCondition[];
     label: string;
     testId?: string;
@@ -24,8 +23,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionFlagKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: IconTypes;
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     loadingOverride?: boolean;
+    triggerShownValuesCount?: number;
 }>, {
     label: string;
     testId: string;
@@ -44,14 +44,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionImageKey: string;
     optionIconType: any;
     loadingOverride: boolean;
+    triggerShownValuesCount: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: SelectedCondition) => void;
     "update:appliedSelections": (value: unknown) => void;
     clear: () => void;
     closed: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selectedCondition: SelectedCondition | null;
-    appliedSelections: unknown | unknown[];
+    selectedCondition: SelectedCondition;
+    appliedSelections: unknown;
     conditionalOptions: SelectedCondition[];
     label: string;
     testId?: string;
@@ -69,8 +70,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionFlagKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: IconTypes;
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     loadingOverride?: boolean;
+    triggerShownValuesCount?: number;
 }>, {
     label: string;
     testId: string;
@@ -89,6 +91,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionImageKey: string;
     optionIconType: any;
     loadingOverride: boolean;
+    triggerShownValuesCount: number;
 }>>> & {
     onClear?: () => any;
     onClosed?: () => any;
@@ -99,10 +102,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     isOpen: boolean;
     infiniteLoading: boolean;
+    triggerShownValuesCount: number;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
-    optionIconType: IconTypes;
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionFlagKey: string;
     groupedOptions: boolean;
     comparingKey: string;
@@ -112,6 +116,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fetchDataDebounceTime: number;
     autoFocusSearch: boolean;
     loadingOverride: boolean;
+}>, {
+    "option-end"?(_: {
+        option: any;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -131,3 +139,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,7 +1,7 @@
 import o from "./ConditionalDropdown.vue2.js";
-/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_96c7507e_lang.css"; //*');
-const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-96c7507e"]]);
+/* empty css                          */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css"; //*');
+const n = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f5204c04"]]);
 export {
   n as default
 };