@ironsource/shared-ui 2.1.8-rc.1 → 2.1.8-rc.4

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

@@ -13,16 +13,16 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             label: string;
+            testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
             open: boolean;
             mandatory: boolean;
             loading: boolean;
-            testId: string;
             options: unknown[];
             singleAppSelection: boolean;
             hoverHelpText: string;
-            hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             placeholder: string;
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
@@ -42,6 +42,10 @@ declare const DropdownTypes: () => (({
                 required: true;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -63,10 +67,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -80,7 +80,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             hoverHelpTextPlacement: {
-                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
             placeholder: {
@@ -141,7 +141,7 @@ declare const DropdownTypes: () => (({
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -161,6 +161,10 @@ declare const DropdownTypes: () => (({
                 required: true;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -182,10 +186,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -199,7 +199,7 @@ declare const DropdownTypes: () => (({
                 default: string;
             };
             hoverHelpTextPlacement: {
-                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
             placeholder: {
@@ -264,16 +264,16 @@ declare const DropdownTypes: () => (({
             click: () => void;
         }, string, {
             label: string;
+            testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
             open: boolean;
             mandatory: boolean;
             loading: boolean;
-            testId: string;
             options: unknown[];
             singleAppSelection: boolean;
             hoverHelpText: string;
-            hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             placeholder: string;
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
@@ -313,6 +313,10 @@ declare const DropdownTypes: () => (({
             required: true;
             default: string;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -334,10 +338,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -351,7 +351,7 @@ declare const DropdownTypes: () => (({
             default: string;
         };
         hoverHelpTextPlacement: {
-            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
         placeholder: {
@@ -422,6 +422,10 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -443,10 +447,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     options: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -460,7 +460,7 @@ declare const DropdownTypes: () => (({
         default: string;
     };
     hoverHelpTextPlacement: {
-        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         default: string;
     };
     placeholder: {
@@ -525,16 +525,16 @@ declare const DropdownTypes: () => (({
     click: () => void;
 }, string, {
     label: string;
+    testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
     open: boolean;
     mandatory: boolean;
     loading: boolean;
-    testId: string;
     options: unknown[];
     singleAppSelection: boolean;
     hoverHelpText: string;
-    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     placeholder: string;
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
@@ -560,12 +560,12 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             label: string;
+            testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
             open: boolean;
             mandatory: boolean;
             loading: boolean;
-            testId: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
@@ -585,6 +585,10 @@ declare const DropdownTypes: () => (({
                 required: true;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -606,10 +610,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -669,7 +669,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             onClick?: () => any;
             onCopyToClipboard?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -689,6 +689,10 @@ declare const DropdownTypes: () => (({
                 required: true;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -710,10 +714,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -778,12 +778,12 @@ declare const DropdownTypes: () => (({
             copyToClipboard: () => void;
         }, string, {
             label: string;
+            testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
             open: boolean;
             mandatory: boolean;
             loading: boolean;
-            testId: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
@@ -823,6 +823,10 @@ declare const DropdownTypes: () => (({
             required: true;
             default: string;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -844,10 +848,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -917,6 +917,10 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -938,10 +942,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     options: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -1006,12 +1006,12 @@ declare const DropdownTypes: () => (({
     copyToClipboard: () => void;
 }, string, {
     label: string;
+    testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
     open: boolean;
     mandatory: boolean;
     loading: boolean;
-    testId: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
@@ -1050,7 +1050,7 @@ declare const DropdownTypes: () => (({
             iconKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
-            toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             treeMainOption: boolean;
             treeMainOptionExpanded: boolean;
             stopOptionClickEventPropagation: boolean;
@@ -1113,7 +1113,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             toolTipPlacement: {
-                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
             treeMainOption: {
@@ -1209,7 +1209,7 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
             toolTipPlacement: {
-                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
             treeMainOption: {
@@ -1250,7 +1250,7 @@ declare const DropdownTypes: () => (({
             iconKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
-            toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+            toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             treeMainOption: boolean;
             treeMainOptionExpanded: boolean;
             stopOptionClickEventPropagation: boolean;
@@ -1333,7 +1333,7 @@ declare const DropdownTypes: () => (({
             default: any;
         };
         toolTipPlacement: {
-            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
         treeMainOption: {
@@ -1419,7 +1419,7 @@ declare const DropdownTypes: () => (({
         default: any;
     };
     toolTipPlacement: {
-        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         default: string;
     };
     treeMainOption: {
@@ -1460,7 +1460,7 @@ declare const DropdownTypes: () => (({
     iconKey: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endIconKey: string;
-    toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     treeMainOption: boolean;
     treeMainOptionExpanded: boolean;
     stopOptionClickEventPropagation: boolean;
@@ -1490,6 +1490,10 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1499,10 +1503,6 @@ declare const DropdownTypes: () => (({
         required: true;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -1536,6 +1536,10 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1545,10 +1549,6 @@ declare const DropdownTypes: () => (({
         required: true;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -1578,9 +1578,9 @@ declare const DropdownTypes: () => (({
     onClear?: () => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     open: boolean;
-    testId: string;
     feedbackVariant: string;
     displayedValue: any;
 }> | ({
@@ -1589,15 +1589,15 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             theme: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            flip: boolean;
-            mandatory: boolean;
             testId: string;
-            container: string;
             placement: import("floating-vue").Placement;
+            disabled: boolean;
             distance: number;
+            container: string;
             popperClass: string;
+            size: "small" | "medium" | "large";
+            flip: boolean;
+            mandatory: boolean;
             selected: any;
             onClear: () => void;
             modelValue: any;
@@ -1642,10 +1642,30 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
@@ -1661,26 +1681,6 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placement: {
-                type: import("vue").PropType<import("floating-vue").Placement>;
-                default: string;
-            };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -1858,7 +1858,7 @@ declare const DropdownTypes: () => (({
             onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1877,10 +1877,30 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
@@ -1896,26 +1916,6 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placement: {
-                type: import("vue").PropType<import("floating-vue").Placement>;
-                default: string;
-            };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            popperClass: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             selected: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2108,15 +2108,15 @@ declare const DropdownTypes: () => (({
             onsearch: (value: string) => void;
         }, string, {
             theme: string;
-            disabled: boolean;
-            size: "small" | "medium" | "large";
-            flip: boolean;
-            mandatory: boolean;
             testId: string;
-            container: string;
             placement: import("floating-vue").Placement;
+            disabled: boolean;
             distance: number;
+            container: string;
             popperClass: string;
+            size: "small" | "medium" | "large";
+            flip: boolean;
+            mandatory: boolean;
             selected: any;
             onClear: () => void;
             modelValue: any;
@@ -2181,10 +2181,30 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
@@ -2200,26 +2220,6 @@ declare const DropdownTypes: () => (({
         loading: {
             type: import("vue").PropType<boolean>;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        placement: {
-            type: import("vue").PropType<import("floating-vue").Placement>;
-            default: string;
-        };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        popperClass: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         selected: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -2409,10 +2409,30 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    container: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    popperClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     size: {
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
@@ -2428,26 +2448,6 @@ declare const DropdownTypes: () => (({
     loading: {
         type: import("vue").PropType<boolean>;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    container: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    placement: {
-        type: import("vue").PropType<import("floating-vue").Placement>;
-        default: string;
-    };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    popperClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     selected: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -2640,15 +2640,15 @@ declare const DropdownTypes: () => (({
     onsearch: (value: string) => void;
 }, string, {
     theme: string;
-    disabled: boolean;
-    size: "small" | "medium" | "large";
-    flip: boolean;
-    mandatory: boolean;
     testId: string;
-    container: string;
     placement: import("floating-vue").Placement;
+    disabled: boolean;
     distance: number;
+    container: string;
     popperClass: string;
+    size: "small" | "medium" | "large";
+    flip: boolean;
+    mandatory: boolean;
     selected: any;
     onClear: () => void;
     modelValue: any;
@@ -2742,6 +2742,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         required: true;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     variant: {
         type: import("vue").PropType<"text" | "outlined">;
         default: string;
@@ -2754,10 +2758,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     startIconName: {
         type: import("vue").PropType<string>;
         default: any;
@@ -2777,6 +2777,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         required: true;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     variant: {
         type: import("vue").PropType<"text" | "outlined">;
         default: string;
@@ -2789,10 +2793,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     startIconName: {
         type: import("vue").PropType<string>;
         default: any;
@@ -2808,10 +2808,10 @@ declare const DropdownTypes: () => (({
 }>> & {
     onClick?: () => any;
 }, {
+    testId: string;
     variant: "text" | "outlined";
     disabled: boolean;
     open: boolean;
-    testId: string;
     startIconName: string;
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon: boolean;
@@ -2820,9 +2820,9 @@ declare const DropdownTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
-            testId: string;
             selected: unknown[];
             placeholder: string;
             inlineSearchPlaceholder: string;
@@ -2835,6 +2835,10 @@ declare const DropdownTypes: () => (({
             valueToCopy: string;
             disabledOptionKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2843,10 +2847,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             selected: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -2913,7 +2913,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "testId" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2928,6 +2928,10 @@ declare const DropdownTypes: () => (({
         $emit: ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2936,10 +2940,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"small" | "medium" | "large">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             selected: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -3010,9 +3010,9 @@ declare const DropdownTypes: () => (({
             "update:selected": (value: unknown) => void;
             "update:isOpen": (value: unknown) => void;
         }, string, {
+            testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
-            testId: string;
             selected: unknown[];
             placeholder: string;
             inlineSearchPlaceholder: string;
@@ -3045,6 +3045,10 @@ declare const DropdownTypes: () => (({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -3053,10 +3057,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -3128,6 +3128,10 @@ declare const DropdownTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -3136,10 +3140,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     selected: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -3210,9 +3210,9 @@ declare const DropdownTypes: () => (({
     "update:selected": (value: unknown) => void;
     "update:isOpen": (value: unknown) => void;
 }, string, {
+    testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    testId: string;
     selected: unknown[];
     placeholder: string;
     inlineSearchPlaceholder: string;