@ironsource/shared-ui 2.1.11-rc.2 → 2.1.11-rc.21

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

@@ -7,6 +7,7 @@ import ButtonDropdownTrigger from './ButtonDropdownTrigger.vue';
 import ButtonFilterDropdownTrigger from './ButtonFilterDropdownTrigger.vue';
 import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
+import ConditionalDropdown from './ConditionalDropdown.vue';
 declare const DropdownTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -606,6 +607,7 @@ declare const DropdownTypes: () => (({
             open: boolean;
             mandatory: boolean;
             loading: boolean;
+            valueToCopy: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
@@ -616,7 +618,6 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -650,6 +651,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -694,10 +699,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -709,7 +710,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             onClick?: () => any;
             onCopyToClipboard?: () => any;
-        } & 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">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "valueToCopy" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "selectedOption" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -754,6 +755,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -798,10 +803,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -824,6 +825,7 @@ declare const DropdownTypes: () => (({
             open: boolean;
             mandatory: boolean;
             loading: boolean;
+            valueToCopy: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
@@ -834,7 +836,6 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
         }, {}, string> & {
@@ -888,6 +889,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -932,10 +937,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -982,6 +983,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -1026,10 +1031,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: any;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     selectedOption: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -1052,6 +1053,7 @@ declare const DropdownTypes: () => (({
     open: boolean;
     mandatory: boolean;
     loading: boolean;
+    valueToCopy: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
@@ -1062,7 +1064,6 @@ declare const DropdownTypes: () => (({
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    valueToCopy: string;
     selectedOption: any;
     brandIconType: "android" | "ios";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -1091,11 +1092,13 @@ declare const DropdownTypes: () => (({
             iconKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
+            endTextIconKey: string;
             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;
             treeChildShown: boolean;
+            isMulti: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
                 type: import("vue").PropType<unknown>;
@@ -1157,6 +1160,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            endTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             toolTipPlacement: {
                 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;
@@ -1177,12 +1184,16 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isMulti: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
         }>> & {
             onToggleTreeCollapse?: (option: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1257,6 +1268,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            endTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             toolTipPlacement: {
                 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;
@@ -1277,6 +1292,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isMulti: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1300,11 +1319,13 @@ declare const DropdownTypes: () => (({
             iconKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
+            endTextIconKey: string;
             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;
             treeChildShown: boolean;
+            isMulti: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1386,6 +1407,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
+        endTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         toolTipPlacement: {
             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;
@@ -1406,6 +1431,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        isMulti: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -1476,6 +1505,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
+    endTextIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     toolTipPlacement: {
         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;
@@ -1496,6 +1529,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    isMulti: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     selectedProp: {
         type: import("vue").PropType<boolean>;
     };
@@ -1519,11 +1556,13 @@ declare const DropdownTypes: () => (({
     iconKey: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endIconKey: string;
+    endTextIconKey: string;
     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;
     treeChildShown: boolean;
+    isMulti: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1670,7 +1709,7 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
-            onClear: () => void;
+            valueToCopy: string;
             placeholder: string;
             multi: boolean;
             showSelectAll: boolean;
@@ -1691,14 +1730,15 @@ declare const DropdownTypes: () => (({
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
             searchAutoFocus: boolean;
+            onClearSearch: () => void;
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionsEndTextIconKey: string;
             optionFlagKey: string;
-            valueToCopy: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
@@ -1710,6 +1750,7 @@ declare const DropdownTypes: () => (({
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             disableVirtualScroll: boolean;
             overrideOptionCountCalculation: (option: unknown) => number;
+            withConditions: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             theme: {
                 type: import("vue").PropType<string>;
@@ -1754,13 +1795,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -1769,14 +1810,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1857,6 +1898,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onClearSearch: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
@@ -1885,11 +1930,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            optionFlagKey: {
+            optionsEndTextIconKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
+            optionFlagKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
@@ -1937,6 +1982,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
@@ -1947,7 +1996,7 @@ declare const DropdownTypes: () => (({
             onOnsearch?: (value: string) => 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" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & 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" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2005,13 +2054,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2020,14 +2069,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2108,6 +2157,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onClearSearch: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
@@ -2136,11 +2189,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            optionFlagKey: {
+            optionsEndTextIconKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
+            optionFlagKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
@@ -2188,6 +2241,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
@@ -2225,7 +2282,7 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
-            onClear: () => void;
+            valueToCopy: string;
             placeholder: string;
             multi: boolean;
             showSelectAll: boolean;
@@ -2246,14 +2303,15 @@ declare const DropdownTypes: () => (({
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
             searchAutoFocus: boolean;
+            onClearSearch: () => void;
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionsEndTextIconKey: string;
             optionFlagKey: string;
-            valueToCopy: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
@@ -2265,6 +2323,7 @@ declare const DropdownTypes: () => (({
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             disableVirtualScroll: boolean;
             overrideOptionCountCalculation: (option: unknown) => number;
+            withConditions: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -2329,13 +2388,13 @@ declare const DropdownTypes: () => (({
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -2344,14 +2403,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        onClear: {
-            type: import("vue").PropType<() => void>;
-            default: () => true;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2432,6 +2491,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        onClearSearch: {
+            type: import("vue").PropType<() => void>;
+            default: () => true;
+        };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
@@ -2460,11 +2523,11 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        optionFlagKey: {
+        optionsEndTextIconKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        valueToCopy: {
+        optionFlagKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
@@ -2512,6 +2575,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: unknown) => number>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
@@ -2573,13 +2640,13 @@ declare const DropdownTypes: () => (({
     loading: {
         type: import("vue").PropType<boolean>;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -2588,14 +2655,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
-    onClear: {
-        type: import("vue").PropType<() => void>;
-        default: () => true;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2676,6 +2743,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    onClearSearch: {
+        type: import("vue").PropType<() => void>;
+        default: () => true;
+    };
     displayValue: {
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
@@ -2704,11 +2775,11 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: any;
     };
-    optionFlagKey: {
+    optionsEndTextIconKey: {
         type: import("vue").PropType<string>;
         default: any;
     };
-    valueToCopy: {
+    optionFlagKey: {
         type: import("vue").PropType<string>;
         default: any;
     };
@@ -2756,6 +2827,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => number>;
         default: any;
     };
+    withConditions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onCopyToClipboard?: () => any;
     onClear?: () => any;
@@ -2793,7 +2868,7 @@ declare const DropdownTypes: () => (({
     skidding: number;
     modelValue: any;
     selected: any;
-    onClear: () => void;
+    valueToCopy: string;
     placeholder: string;
     multi: boolean;
     showSelectAll: boolean;
@@ -2814,14 +2889,15 @@ declare const DropdownTypes: () => (({
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
     searchAutoFocus: boolean;
+    onClearSearch: () => void;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionsEndTextIconKey: string;
     optionFlagKey: string;
-    valueToCopy: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
@@ -2833,6 +2909,7 @@ declare const DropdownTypes: () => (({
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
+    withConditions: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
@@ -2861,6 +2938,7 @@ declare const DropdownTypes: () => (({
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionAndIconKey: string;
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionsEndTextIconKey: string;
                 optionFlagKey: string;
                 feedbackVariant: "success" | "warning" | "error";
                 valueToCopy: string;
@@ -2872,10 +2950,13 @@ declare const DropdownTypes: () => (({
                 onClick: () => void;
             };
         }): any;
+        "dropdown-conditions"?(_: {}): any;
         "inline-search"?(_: {}): any;
         "input-list"?(_: {
             open: true;
         }): any;
+        "custom-list-area"?(_: {}): any;
+        "select-all"?(_: {}): any;
         "group-option"?(_: {}): any;
         default?(_: {
             option: unknown;
@@ -2972,6 +3053,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             size: "small" | "medium" | "large";
             selected: unknown[];
+            valueToCopy: string;
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -2980,8 +3062,8 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             disabledOptionKey: string;
+            optionEndTextIconKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             testId: {
                 type: import("vue").PropType<string>;
@@ -3002,6 +3084,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3042,14 +3128,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionEndTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionChildrenKey: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -3065,7 +3151,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" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3099,6 +3185,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3139,14 +3229,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionEndTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionChildrenKey: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -3170,6 +3260,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             size: "small" | "medium" | "large";
             selected: unknown[];
+            valueToCopy: string;
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3178,8 +3269,8 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             disabledOptionKey: string;
+            optionEndTextIconKey: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -3220,6 +3311,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -3260,14 +3355,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         disabledOptionKey: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionEndTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         optionChildrenKey: {
             type: import("vue").PropType<string>;
             required: true;
@@ -3307,6 +3402,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         default: any;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -3347,14 +3446,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: any;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     disabledOptionKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    optionEndTextIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     optionChildrenKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3378,6 +3477,7 @@ declare const DropdownTypes: () => (({
     disabled: boolean;
     size: "small" | "medium" | "large";
     selected: unknown[];
+    valueToCopy: string;
     placeholder: string;
     inlineSearchPlaceholder: string;
     optionNameKey: string;
@@ -3386,11 +3486,138 @@ declare const DropdownTypes: () => (({
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    valueToCopy: string;
     disabledOptionKey: string;
+    optionEndTextIconKey: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "trigger-end-icon"?(_: {}): any;
     };
-})))[];
-export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, };
+})) | import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    comparingKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    conditionalOptions: {
+        type: import("vue").PropType<{
+            label: string;
+            value: string;
+            multi: boolean;
+        }[]>;
+        required: true;
+    };
+    selectedCondition: {
+        type: import("vue").PropType<{
+            label: string;
+            value: string;
+            multi: boolean;
+        }>;
+        required: true;
+    };
+    appliedSelections: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    fetchFnCallback: {
+        type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+        required: true;
+    };
+    minCharsToStart: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedCondition": (value: {
+        label: string;
+        value: string;
+        multi: boolean;
+    }) => void;
+    "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    comparingKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    conditionalOptions: {
+        type: import("vue").PropType<{
+            label: string;
+            value: string;
+            multi: boolean;
+        }[]>;
+        required: true;
+    };
+    selectedCondition: {
+        type: import("vue").PropType<{
+            label: string;
+            value: string;
+            multi: boolean;
+        }>;
+        required: true;
+    };
+    appliedSelections: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    fetchFnCallback: {
+        type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+        required: true;
+    };
+    minCharsToStart: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & {
+    onClear?: () => any;
+    "onUpdate:selectedCondition"?: (value: {
+        label: string;
+        value: string;
+        multi: boolean;
+    }) => any;
+    "onUpdate:appliedSelections"?: (value: unknown) => any;
+}, {
+    label: string;
+    testId: string;
+    isOpen: boolean;
+    optionNameKey: string;
+    comparingKey: string;
+    minCharsToStart: number;
+}>)[];
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };