@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.9

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

@@ -21,10 +21,6 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
-    feedbackVariant: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     open: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -47,6 +43,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -67,10 +67,6 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
-    feedbackVariant: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     open: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -93,15 +89,19 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    feedbackVariant: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onClear?: () => any;
 }, {
     label: string;
     testId: string;
     disabled: boolean;
-    feedbackVariant: string;
     open: boolean;
     displayedValue: any;
+    feedbackVariant: string;
 }> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -115,13 +115,13 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             selected: any;
             options: any;
             singleAppSelection: boolean;
+            placeholder: string;
+            open: boolean;
             mandatory: boolean;
+            feedbackVariant: "error" | "success" | "warning";
             hoverHelpText: string;
             hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            placeholder: string;
             feedbackText: string;
-            feedbackVariant: "error" | "success" | "warning";
-            open: boolean;
             brandIconType: "android" | "ios";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -157,10 +157,23 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -169,30 +182,17 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
             brandIconType: {
                 type: import("vue").PropType<"android" | "ios">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "selected" | "options" | "singleAppSelection" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "open" | "brandIconType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "selected" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -240,10 +240,23 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             mandatory: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -252,23 +265,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
             brandIconType: {
                 type: import("vue").PropType<"android" | "ios">;
                 default: any;
@@ -286,13 +286,13 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             selected: any;
             options: any;
             singleAppSelection: boolean;
+            placeholder: string;
+            open: boolean;
             mandatory: boolean;
+            feedbackVariant: "error" | "success" | "warning";
             hoverHelpText: string;
             hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            placeholder: string;
             feedbackText: string;
-            feedbackVariant: "error" | "success" | "warning";
-            open: boolean;
             brandIconType: "android" | "ios";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -348,10 +348,23 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -360,23 +373,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
         brandIconType: {
             type: import("vue").PropType<"android" | "ios">;
             default: any;
@@ -421,10 +421,23 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
     mandatory: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    feedbackVariant: {
+        type: import("vue").PropType<"error" | "success" | "warning">;
+        default: any;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -433,23 +446,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         default: string;
     };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     feedbackText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    feedbackVariant: {
-        type: import("vue").PropType<"error" | "success" | "warning">;
-        default: any;
-    };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
     brandIconType: {
         type: import("vue").PropType<"android" | "ios">;
         default: any;
@@ -467,13 +467,13 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
     selected: any;
     options: any;
     singleAppSelection: boolean;
+    placeholder: string;
+    open: boolean;
     mandatory: boolean;
+    feedbackVariant: "error" | "success" | "warning";
     hoverHelpText: string;
     hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    placeholder: string;
     feedbackText: string;
-    feedbackVariant: "error" | "success" | "warning";
-    open: boolean;
     brandIconType: "android" | "ios";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
@@ -685,15 +685,15 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             container: string;
             popperClass: string;
             selected: any;
-            distance: number;
-            mandatory: boolean;
             modelValue: any;
             placeholder: string;
+            mandatory: boolean;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
             noResultsText: string;
             defaultOpen: boolean;
+            distance: number;
             skidding: number;
             onSearch: (option: any, term: string) => boolean;
             flip: boolean;
@@ -751,14 +751,6 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 }[]>;
                 required: true;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -767,6 +759,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -790,6 +786,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -859,7 +859,7 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "distance" | "mandatory" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -871,7 +871,7 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "update:selected", value: unknown) => void) & ((event: "apply", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -916,14 +916,6 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 }[]>;
                 required: true;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -932,6 +924,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -955,6 +951,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1042,15 +1042,15 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             container: string;
             popperClass: string;
             selected: any;
-            distance: number;
-            mandatory: boolean;
             modelValue: any;
             placeholder: string;
+            mandatory: boolean;
             isOnTop: boolean;
             multi: boolean;
             inlineSearch: boolean;
             noResultsText: string;
             defaultOpen: boolean;
+            distance: number;
             skidding: number;
             onSearch: (option: any, term: string) => boolean;
             flip: boolean;
@@ -1128,14 +1128,6 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             }[]>;
             required: true;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -1144,6 +1136,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             type: import("vue").PropType<string>;
             default: string;
         };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1167,6 +1163,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
@@ -1286,14 +1286,6 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         }[]>;
         required: true;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -1302,6 +1294,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     isOnTop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1325,6 +1321,10 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     isOpen: {
         type: import("vue").PropType<boolean>;
     };
@@ -1412,15 +1412,15 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
     container: string;
     popperClass: string;
     selected: any;
-    distance: number;
-    mandatory: boolean;
     modelValue: any;
     placeholder: string;
+    mandatory: boolean;
     isOnTop: boolean;
     multi: boolean;
     inlineSearch: boolean;
     noResultsText: string;
     defaultOpen: boolean;
+    distance: number;
     skidding: number;
     onSearch: (option: any, term: string) => boolean;
     flip: boolean;

package/components/filterDropdown/FilterDropdown.vue.js

@@ -1,7 +1,7 @@
 import o from "./FilterDropdown.vue2.js";
 /* empty css                     */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_1320b13b_lang.css"; //*');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1320b13b"]]);
+// import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b42d8b45"]]);
 export {
   r as default
 };

package/components/filterDropdown/FilterDropdown.vue2.js

@@ -1,10 +1,10 @@
- import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_1320b13b_lang.css"; import { defineComponent as n, openBlock as s, createBlock as r, unref as l, withCtx as t, createVNode as a, createTextVNode as i, toDisplayString as o } from "vue";
+ import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css"; import { defineComponent as n, openBlock as s, createBlock as r, unref as l, withCtx as t, createVNode as a, createTextVNode as i, toDisplayString as o } from "vue";
 import u from "../dropdown/v3/Dropdown.vue.js";
 import c from "../dropdown/v3/Option.vue.js";
 import "../dropdown/v3/Label.vue.js";
 import "../dropdown/v3/SearchInput.vue.js";
 import f from "./AddFilterButton.vue.js";
-const B = /* @__PURE__ */ n({
+const V = /* @__PURE__ */ n({
   __name: "FilterDropdown",
   props: {
     displayValue: null,
@@ -42,7 +42,7 @@ const B = /* @__PURE__ */ n({
       default: t(({ option: d }) => [
         a(l(c), { option: d }, {
           default: t(() => [
-            i(o(d.label), 1)
+            i(o(e.displayValue(d)), 1)
           ]),
           _: 2
         }, 1032, ["option"])
@@ -52,5 +52,5 @@ const B = /* @__PURE__ */ n({
   }
 });
 export {
-  B as default
+  V as default
 };

package/components/includeExclude/IncludeExclude.vue.d.ts

@@ -84,12 +84,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     placement: Placement;
     disabled: boolean;
-    distance: number;
-    autoFocus: boolean;
     hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     defaultOpen: boolean;
+    autoFocus: boolean;
+    distance: number;
     onSearch: (option: any, term: string) => boolean;
     titleText: string;
     alwayesOpen: boolean;