@ironsource/shared-ui 2.1.12-rc.23 → 2.1.12-rc.25

package/components/dropdown/v4/index.d.ts

@@ -1679,6 +1679,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    shownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1737,6 +1741,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    shownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>> & {
     onClear?: () => any;
 }, {
@@ -1749,6 +1757,7 @@ declare const DropdownTypes: () => (({
     displayedValue: any;
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
+    shownValuesCount: number;
 }> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1766,8 +1775,8 @@ declare const DropdownTypes: () => (({
             mandatory: boolean;
             skidding: number;
             modelValue: any;
-            selected: any;
             valueToCopy: string;
+            selected: any;
             placeholder: string;
             multi: boolean;
             infiniteLoading: boolean;
@@ -1786,6 +1795,7 @@ declare const DropdownTypes: () => (({
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
             triggerShowAllSelectedText: boolean;
+            triggerShownValuesCount: number;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             inlineSearch: boolean;
             inlineSearchPlaceholder: string;
@@ -1869,14 +1879,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            selected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -1956,6 +1966,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            triggerShownValuesCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             predefinedTrigger: {
                 type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
                 default: "default" | "icon-button" | "chip" | "app";
@@ -2085,7 +2099,7 @@ declare const DropdownTypes: () => (({
             onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2154,14 +2168,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            selected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -2241,6 +2255,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            triggerShownValuesCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             predefinedTrigger: {
                 type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
                 default: "default" | "icon-button" | "chip" | "app";
@@ -2399,8 +2417,8 @@ declare const DropdownTypes: () => (({
             mandatory: boolean;
             skidding: number;
             modelValue: any;
-            selected: any;
             valueToCopy: string;
+            selected: any;
             placeholder: string;
             multi: boolean;
             infiniteLoading: boolean;
@@ -2419,6 +2437,7 @@ declare const DropdownTypes: () => (({
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
             triggerShowAllSelectedText: boolean;
+            triggerShownValuesCount: number;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             inlineSearch: boolean;
             inlineSearchPlaceholder: string;
@@ -2522,14 +2541,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
-        selected: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        selected: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -2609,6 +2628,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        triggerShownValuesCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         predefinedTrigger: {
             type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
             default: "default" | "icon-button" | "chip" | "app";
@@ -2800,14 +2823,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
-    selected: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
     valueToCopy: {
         type: import("vue").PropType<string>;
         default: any;
     };
+    selected: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -2887,6 +2910,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    triggerShownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     predefinedTrigger: {
         type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
         default: "default" | "icon-button" | "chip" | "app";
@@ -3045,8 +3072,8 @@ declare const DropdownTypes: () => (({
     mandatory: boolean;
     skidding: number;
     modelValue: any;
-    selected: any;
     valueToCopy: string;
+    selected: any;
     placeholder: string;
     multi: boolean;
     infiniteLoading: boolean;
@@ -3065,6 +3092,7 @@ declare const DropdownTypes: () => (({
     triggerFeedbackVariant: "success" | "warning" | "error";
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
+    triggerShownValuesCount: number;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     inlineSearch: boolean;
     inlineSearchPlaceholder: string;
@@ -3238,8 +3266,8 @@ declare const DropdownTypes: () => (({
             testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
-            selected: unknown[];
             valueToCopy: string;
+            selected: unknown[];
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3266,14 +3294,14 @@ declare const DropdownTypes: () => (({
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
-            selected: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3337,7 +3365,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "valueToCopy" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3367,14 +3395,14 @@ declare const DropdownTypes: () => (({
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
-            selected: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3445,8 +3473,8 @@ declare const DropdownTypes: () => (({
             testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
-            selected: unknown[];
             valueToCopy: string;
+            selected: unknown[];
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3493,14 +3521,14 @@ declare const DropdownTypes: () => (({
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
-        selected: {
-            type: import("vue").PropType<unknown[]>;
-            default: any;
-        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -3584,14 +3612,14 @@ declare const DropdownTypes: () => (({
     isOpen: {
         type: import("vue").PropType<boolean>;
     };
-    selected: {
-        type: import("vue").PropType<unknown[]>;
-        default: any;
-    };
     valueToCopy: {
         type: import("vue").PropType<string>;
         default: any;
     };
+    selected: {
+        type: import("vue").PropType<unknown[]>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -3662,8 +3690,8 @@ declare const DropdownTypes: () => (({
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    selected: unknown[];
     valueToCopy: string;
+    selected: unknown[];
     placeholder: string;
     inlineSearchPlaceholder: string;
     optionNameKey: string;
@@ -3696,6 +3724,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    triggerShownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3801,6 +3833,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    triggerShownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3893,6 +3929,7 @@ declare const DropdownTypes: () => (({
     testId: string;
     isOpen: boolean;
     infiniteLoading: boolean;
+    triggerShownValuesCount: number;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_086c5b0d_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-086c5b0d"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5b72e35a"]]);
 export {
-  a as default
+  s as default
 };

package/components/table/v4/DataGrid.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_086c5b0d_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as g, openBlock as i, createElementBlock as o, createElementVNode as f, normalizeStyle as v, normalizeClass as u, renderSlot as c, createVNode as h, withCtx as $, createTextVNode as R, toDisplayString as P, createCommentVNode as n, isRef as Se, Fragment as T, renderList as x, mergeProps as L, createBlock as D } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as g, openBlock as i, createElementBlock as o, createElementVNode as f, normalizeStyle as v, normalizeClass as u, renderSlot as c, createVNode as h, withCtx as $, createTextVNode as R, toDisplayString as P, createCommentVNode as n, isRef as Se, Fragment as T, renderList as x, mergeProps as L, createBlock as D } from "vue";
 import p from "../../typography/v4/Typography.vue.js";
 import ke from "../../skeleton/v4/SkeletonV4.vue.js";
 import ge from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -67,9 +67,9 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
   setup(l, { expose: m, emit: k }) {
     const a = l;
     ye((s) => ({
-      "93d4ced6": l.zIndexBase,
-      "1799c749": t(ee),
-      "60112c02": t(K)
+      "6eb1b581": l.zIndexBase,
+      "4420f996": t(ee),
+      "3030c624": t(K)
     }));
     const b = fe(), Q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
       list: w,
@@ -254,7 +254,7 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
                     text: e.helpText,
                     disabled: !e.helpText || l.helpTooltipVariant === "icon",
                     placement: e.helpTextPlacement || "top",
-                    "test-id": `help-tooltip-${e.id}`
+                    "test-id": `help-tooltip-underlined-${e.id}`
                   }, {
                     default: $(() => [
                       h(t(p), {