npm - @ironsource/shared-ui - Versions diffs - 2.1.11-rc.6 → 2.1.11-rc.60 - Mend

@ironsource/shared-ui 2.1.11-rc.6 → 2.1.11-rc.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

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

@@ -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 () => {
@@ -1097,6 +1098,7 @@ declare const DropdownTypes: () => (({
             treeMainOptionExpanded: boolean;
             stopOptionClickEventPropagation: boolean;
             treeChildShown: boolean;
+            isMulti: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
                 type: import("vue").PropType<unknown>;
@@ -1182,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" | "endTextIconKey" | "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;
         };
@@ -1286,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>;
             };
@@ -1315,6 +1325,7 @@ declare const DropdownTypes: () => (({
             treeMainOptionExpanded: boolean;
             stopOptionClickEventPropagation: boolean;
             treeChildShown: boolean;
+            isMulti: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1420,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>;
         };
@@ -1514,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>;
     };
@@ -1543,6 +1562,7 @@ declare const DropdownTypes: () => (({
     treeMainOptionExpanded: boolean;
     stopOptionClickEventPropagation: boolean;
     treeChildShown: boolean;
+    isMulti: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1611,6 +1631,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    cancelAllSelectedDisplay: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    displayValueInQuotes: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1661,6 +1689,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    cancelAllSelectedDisplay: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    displayValueInQuotes: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onClear?: () => any;
 }, {
@@ -1671,6 +1707,8 @@ declare const DropdownTypes: () => (({
     feedbackVariant: string;
     allSelected: boolean;
     displayedValue: any;
+    cancelAllSelectedDisplay: boolean;
+    displayValueInQuotes: boolean;
 }> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1689,9 +1727,10 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
-            onClear: () => void;
+            valueToCopy: string;
             placeholder: string;
             multi: boolean;
+            infiniteLoading: boolean;
             showSelectAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
@@ -1710,6 +1749,7 @@ declare const DropdownTypes: () => (({
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
             searchAutoFocus: boolean;
+            onClearSearch: () => void;
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
@@ -1718,7 +1758,6 @@ declare const DropdownTypes: () => (({
             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;
@@ -1730,6 +1769,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>;
@@ -1774,13 +1814,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;
@@ -1789,14 +1829,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;
@@ -1805,6 +1845,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadMoreLoading: {
+                type: import("vue").PropType<boolean>;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1877,6 +1924,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;
@@ -1913,10 +1964,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1961,17 +2008,24 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
+            onAllSelectedChanged?: (value: boolean) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
+            onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "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" | "optionsEndTextIconKey" | "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" | "infiniteLoading" | "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;
         };
@@ -1983,7 +2037,7 @@ declare const DropdownTypes: () => (({
         }>;
         $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: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -2029,13 +2083,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;
@@ -2044,14 +2098,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;
@@ -2060,6 +2114,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadMoreLoading: {
+                type: import("vue").PropType<boolean>;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2132,6 +2193,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;
@@ -2168,10 +2233,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2216,14 +2277,21 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
+            onAllSelectedChanged?: (value: boolean) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
+            onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         }, {
@@ -2239,6 +2307,9 @@ declare const DropdownTypes: () => (({
             clear: () => void;
             copyToClipboard: () => void;
             onsearch: (value: string) => void;
+            loadMore: () => void;
+            allSelectedChanged: (value: boolean) => void;
+            unsavedSelectionUpdate: (value: unknown[]) => void;
         }, string, {
             theme: string;
             testId: string;
@@ -2253,9 +2324,10 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
-            onClear: () => void;
+            valueToCopy: string;
             placeholder: string;
             multi: boolean;
+            infiniteLoading: boolean;
             showSelectAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
@@ -2274,6 +2346,7 @@ declare const DropdownTypes: () => (({
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
             searchAutoFocus: boolean;
+            onClearSearch: () => void;
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
@@ -2282,7 +2355,6 @@ declare const DropdownTypes: () => (({
             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;
@@ -2294,6 +2366,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)[];
@@ -2358,13 +2431,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;
@@ -2373,14 +2446,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;
@@ -2389,6 +2462,13 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadMoreLoading: {
+            type: import("vue").PropType<boolean>;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2461,6 +2541,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;
@@ -2497,10 +2581,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         disabledOptionKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2545,14 +2625,21 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: unknown) => number>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
+        onAllSelectedChanged?: (value: boolean) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
+        onLoadMore?: () => any;
+        onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -2606,13 +2693,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;
@@ -2621,14 +2708,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;
@@ -2637,6 +2724,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    loadMoreLoading: {
+        type: import("vue").PropType<boolean>;
+    };
+    infiniteLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     showSelectAll: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2709,6 +2803,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;
@@ -2745,10 +2843,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     disabledOptionKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2793,14 +2887,21 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => number>;
         default: any;
     };
+    withConditions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onCopyToClipboard?: () => any;
     onClear?: () => any;
     onApply?: (value: unknown) => any;
     onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
+    onAllSelectedChanged?: (value: boolean) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
+    onLoadMore?: () => any;
+    onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -2816,6 +2917,9 @@ declare const DropdownTypes: () => (({
     clear: () => void;
     copyToClipboard: () => void;
     onsearch: (value: string) => void;
+    loadMore: () => void;
+    allSelectedChanged: (value: boolean) => void;
+    unsavedSelectionUpdate: (value: unknown[]) => void;
 }, string, {
     theme: string;
     testId: string;
@@ -2830,9 +2934,10 @@ declare const DropdownTypes: () => (({
     skidding: number;
     modelValue: any;
     selected: any;
-    onClear: () => void;
+    valueToCopy: string;
     placeholder: string;
     multi: boolean;
+    infiniteLoading: boolean;
     showSelectAll: boolean;
     defaultOpen: boolean;
     keepOpen: boolean;
@@ -2851,6 +2956,7 @@ declare const DropdownTypes: () => (({
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
     searchAutoFocus: boolean;
+    onClearSearch: () => void;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
@@ -2859,7 +2965,6 @@ declare const DropdownTypes: () => (({
     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;
@@ -2871,6 +2976,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;
@@ -2911,10 +3017,12 @@ 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?(_: {
@@ -3012,6 +3120,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             size: "small" | "medium" | "large";
             selected: unknown[];
+            valueToCopy: string;
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3020,7 +3129,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;
             disabledOptionKey: string;
             optionEndTextIconKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -3043,6 +3151,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;
@@ -3083,10 +3195,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;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3110,7 +3218,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" | "optionEndTextIconKey">;
+        } & 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;
         };
@@ -3144,6 +3252,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;
@@ -3184,10 +3296,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;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3219,6 +3327,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             size: "small" | "medium" | "large";
             selected: unknown[];
+            valueToCopy: string;
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3227,7 +3336,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;
             disabledOptionKey: string;
             optionEndTextIconKey: string;
         }, {}, string> & {
@@ -3270,6 +3378,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;
@@ -3310,10 +3422,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;
-        };
         disabledOptionKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3361,6 +3469,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;
@@ -3401,10 +3513,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;
-    };
     disabledOptionKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -3436,6 +3544,7 @@ declare const DropdownTypes: () => (({
     disabled: boolean;
     size: "small" | "medium" | "large";
     selected: unknown[];
+    valueToCopy: string;
     placeholder: string;
     inlineSearchPlaceholder: string;
     optionNameKey: string;
@@ -3444,12 +3553,239 @@ 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;
+    };
+    infiniteLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    optionIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionImageKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: any;
+    };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    searchQuery: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadMoreFn: {
+        type: import("vue").PropType<() => Promise<any[]>>;
+        default: any;
+    };
+    fetchDataDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    autoFocusSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    loadingOverride: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedCondition": (value: {
+        label: string;
+        value: string;
+        multi: boolean;
+    }) => void;
+    "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
+    closed: () => 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;
+    };
+    infiniteLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    optionIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionImageKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: any;
+    };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    searchQuery: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadMoreFn: {
+        type: import("vue").PropType<() => Promise<any[]>>;
+        default: any;
+    };
+    fetchDataDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    autoFocusSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    loadingOverride: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onClear?: () => any;
+    onClosed?: () => any;
+    "onUpdate:selectedCondition"?: (value: {
+        label: string;
+        value: string;
+        multi: boolean;
+    }) => any;
+    "onUpdate:appliedSelections"?: (value: unknown) => any;
+}, {
+    label: string;
+    testId: string;
+    isOpen: boolean;
+    infiniteLoading: boolean;
+    optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionFlagKey: string;
+    groupedOptions: boolean;
+    comparingKey: string;
+    minCharsToStart: number;
+    searchQuery: string;
+    loadMoreFn: () => Promise<any[]>;
+    fetchDataDebounceTime: number;
+    autoFocusSearch: boolean;
+    loadingOverride: boolean;
+}>)[];
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };