@ironsource/shared-ui 2.1.6-rc.35 → 2.1.6-rc.37

package/index.d.ts

@@ -2883,6 +2883,7 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onOnClearSearch?: () => any;
                 onSelectRow?: (value: boolean) => any;
+                onClickRow?: (rowIndex: number) => any;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
             $attrs: {
                 [x: string]: unknown;
@@ -2900,7 +2901,7 @@ declare const _default: {
                 confirm: () => void;
                 rowIndex: number;
                 cellIndex: number;
-            }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void) & ((event: "selectRow", value: boolean) => void);
+            }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
@@ -3018,7 +3019,10 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onOnClearSearch?: () => any;
                 onSelectRow?: (value: boolean) => any;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                onClickRow?: (rowIndex: number) => any;
+            }, {
+                scrollTo: (index: number) => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:sort": (newSort: tableV3.Sort) => void;
                 "update:search": (query: string) => void;
                 "update:selection": (selection: unknown[]) => void;
@@ -3033,6 +3037,7 @@ declare const _default: {
                 loadMore: () => void;
                 selectAll: (value: boolean) => void;
                 selectRow: (value: boolean) => void;
+                clickRow: (rowIndex: number) => void;
             }, string, {
                 sort: tableV3.Sort;
                 title: string;
@@ -3193,7 +3198,10 @@ declare const _default: {
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onOnClearSearch?: () => any;
             onSelectRow?: (value: boolean) => any;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            onClickRow?: (rowIndex: number) => any;
+        } & import("vue").ShallowUnwrapRef<{
+            scrollTo: (index: number) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -3313,7 +3321,10 @@ declare const _default: {
         "onUpdate:selection"?: (selection: unknown[]) => any;
         onOnClearSearch?: () => any;
         onSelectRow?: (value: boolean) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        onClickRow?: (rowIndex: number) => any;
+    }, {
+        scrollTo: (index: number) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:sort": (newSort: tableV3.Sort) => void;
         "update:search": (query: string) => void;
         "update:selection": (selection: unknown[]) => void;
@@ -3328,6 +3339,7 @@ declare const _default: {
         loadMore: () => void;
         selectAll: (value: boolean) => void;
         selectRow: (value: boolean) => void;
+        clickRow: (rowIndex: number) => void;
     }, string, {
         sort: tableV3.Sort;
         title: string;
@@ -3596,6 +3608,7 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onOnClearSearch?: () => any;
                 onSelectRow?: (value: boolean) => any;
+                onClickRow?: (rowIndex: number) => any;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
             $attrs: {
                 [x: string]: unknown;
@@ -3613,7 +3626,7 @@ declare const _default: {
                 confirm: () => void;
                 rowIndex: number;
                 cellIndex: number;
-            }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void) & ((event: "selectRow", value: boolean) => void);
+            }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
@@ -3731,7 +3744,10 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onOnClearSearch?: () => any;
                 onSelectRow?: (value: boolean) => any;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                onClickRow?: (rowIndex: number) => any;
+            }, {
+                scrollTo: (index: number) => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:sort": (newSort: tableV3.Sort) => void;
                 "update:search": (query: string) => void;
                 "update:selection": (selection: unknown[]) => void;
@@ -3746,6 +3762,7 @@ declare const _default: {
                 loadMore: () => void;
                 selectAll: (value: boolean) => void;
                 selectRow: (value: boolean) => void;
+                clickRow: (rowIndex: number) => void;
             }, string, {
                 sort: tableV3.Sort;
                 title: string;
@@ -3906,7 +3923,10 @@ declare const _default: {
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onOnClearSearch?: () => any;
             onSelectRow?: (value: boolean) => any;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            onClickRow?: (rowIndex: number) => any;
+        } & import("vue").ShallowUnwrapRef<{
+            scrollTo: (index: number) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -4026,7 +4046,10 @@ declare const _default: {
         "onUpdate:selection"?: (selection: unknown[]) => any;
         onOnClearSearch?: () => any;
         onSelectRow?: (value: boolean) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        onClickRow?: (rowIndex: number) => any;
+    }, {
+        scrollTo: (index: number) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:sort": (newSort: tableV3.Sort) => void;
         "update:search": (query: string) => void;
         "update:selection": (selection: unknown[]) => void;
@@ -4041,6 +4064,7 @@ declare const _default: {
         loadMore: () => void;
         selectAll: (value: boolean) => void;
         selectRow: (value: boolean) => void;
+        clickRow: (rowIndex: number) => void;
     }, string, {
         sort: tableV3.Sort;
         title: string;
@@ -11797,6 +11821,7 @@ declare const _default: {
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                disableVirtualScroll: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -11988,6 +12013,10 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                     default: any;
                 };
+                disableVirtualScroll: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
@@ -11997,7 +12026,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12202,6 +12231,10 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                     default: any;
                 };
+                disableVirtualScroll: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
@@ -12268,6 +12301,7 @@ declare const _default: {
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                disableVirtualScroll: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -12479,6 +12513,10 @@ declare const _default: {
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
             };
+            disableVirtualScroll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
@@ -12686,6 +12724,10 @@ declare const _default: {
             type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
         };
+        disableVirtualScroll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
@@ -12752,6 +12794,7 @@ declare const _default: {
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+        disableVirtualScroll: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -12768,6 +12811,7 @@ declare const _default: {
             }): any;
             default?(_: {
                 option: unknown;
+                index: number;
                 selected: boolean;
                 active: boolean;
                 disabled: any;
@@ -15539,6 +15583,7 @@ declare const _default: {
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                disableVirtualScroll: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -15730,6 +15775,10 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                     default: any;
                 };
+                disableVirtualScroll: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
@@ -15739,7 +15788,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -15944,6 +15993,10 @@ declare const _default: {
                     type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                     default: any;
                 };
+                disableVirtualScroll: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
@@ -16010,6 +16063,7 @@ declare const _default: {
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                disableVirtualScroll: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -16221,6 +16275,10 @@ declare const _default: {
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
             };
+            disableVirtualScroll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
@@ -16428,6 +16486,10 @@ declare const _default: {
             type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
         };
+        disableVirtualScroll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
@@ -16494,6 +16556,7 @@ declare const _default: {
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+        disableVirtualScroll: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -16510,6 +16573,7 @@ declare const _default: {
             }): any;
             default?(_: {
                 option: unknown;
+                index: number;
                 selected: boolean;
                 active: boolean;
                 disabled: any;
@@ -16593,6 +16657,145 @@ declare const _default: {
         startIconName: string;
         startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
         hideEndIcon: boolean;
+    }> | import("vue").DefineComponent<{
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            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">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            default: any;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionChildrenKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selected": (value: unknown) => void;
+        "update:isOpen": (value: unknown) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            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">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            default: any;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionChildrenKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:selected"?: (value: unknown) => any;
+        "onUpdate:isOpen"?: (value: unknown) => any;
+    }, {
+        selected: unknown[];
+        placeholder: string;
+        inlineSearchPlaceholder: string;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        valueToCopy: string;
+        disabledOptionKey: string;
+        optionChildrenKey: string;
     }>)[];
     Option: {
         new (...args: any[]): {
@@ -16910,6 +17113,146 @@ declare const _default: {
             "icon-end"?(_: {}): any;
         };
     });
+    TreeDropdown: import("vue").DefineComponent<{
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            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">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            default: any;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionChildrenKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selected": (value: unknown) => void;
+        "update:isOpen": (value: unknown) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            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">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            default: any;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionChildrenKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:selected"?: (value: unknown) => any;
+        "onUpdate:isOpen"?: (value: unknown) => any;
+    }, {
+        selected: unknown[];
+        placeholder: string;
+        inlineSearchPlaceholder: string;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        valueToCopy: string;
+        disabledOptionKey: string;
+        optionChildrenKey: string;
+    }>;
     Label: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;

package/mocks/options.d.ts

@@ -0,0 +1,12 @@
+export declare const NESTED_OPTIONS: ({
+    text: string;
+    id: number;
+    children?: undefined;
+} | {
+    text: string;
+    id: number;
+    children: {
+        text: string;
+        id: number;
+    }[];
+})[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.6-rc.35",
+  "version": "2.1.6-rc.37",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/DataGrid.vue_vue_type_style_index_0_scoped_b5729ec6_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-b5729ec6]{position:sticky}.table-container[data-v-b5729ec6]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-b5729ec6]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-b5729ec6]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-b5729ec6]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-b5729ec6]{width:13.75rem}.table-header.isStickyHeader[data-v-b5729ec6]{z-index:calc(var(--1d168568) + 3);top:0}.table-head-container[data-v-b5729ec6]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-b5729ec6]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-b5729ec6]{display:inline-table}.table-header-actions[data-v-b5729ec6]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-b5729ec6]{position:relative}.table-row.loading[data-v-b5729ec6]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-b5729ec6]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-b5729ec6]{border-bottom:none}.expanded-row[data-v-b5729ec6]{grid-column:var(--40a246c0);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-b5729ec6]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-b5729ec6]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-b5729ec6],table th[data-v-b5729ec6]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-b5729ec6]:first-of-type,table th[data-v-b5729ec6]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-b5729ec6]:last-of-type,table th[data-v-b5729ec6]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-b5729ec6],table th.expand-toggle-cell[data-v-b5729ec6]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-b5729ec6]{border-bottom:none;z-index:calc(var(--1d168568) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-b5729ec6]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--68f7a9b9)}table>thead>tr>th[data-v-b5729ec6]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-b5729ec6]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-b5729ec6]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-b5729ec6]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-b5729ec6]{cursor:pointer}table>thead.sticky[data-v-b5729ec6]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-b5729ec6]{z-index:calc(var(--1d168568) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-b5729ec6]{display:block}table>tbody>*>tr[data-v-b5729ec6]{background-color:var(--background-default);min-height:var(--60bffa01);height:auto;display:grid;align-items:center;grid-template-columns:var(--68f7a9b9)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-b5729ec6]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-b5729ec6],table>tbody>*>tr.activeMenu>td[data-v-b5729ec6]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-b5729ec6]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--60bffa01);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-b5729ec6]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-b5729ec6]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-b5729ec6]{justify-content:flex-end;text-align:right}.section-container[data-v-b5729ec6]{left:0}.sections[data-v-b5729ec6]{display:flex}.section[data-v-b5729ec6]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-b5729ec6]{width:100%}.empty-state[data-v-b5729ec6]{min-height:250px}

package/DropdownV4.vue_vue_type_style_index_0_scoped_2e7a89bc_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-2e7a89bc],.v-leave-active[data-v-2e7a89bc]{transition:opacity .25s ease}ol[data-v-2e7a89bc],ul[data-v-2e7a89bc],menu[data-v-2e7a89bc]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-2e7a89bc],.dropdown.full-width .button__container[data-v-2e7a89bc]{width:100%}.dropdown-list-wrapper[data-v-2e7a89bc]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-2e7a89bc]{padding:.5rem}.list-container--multi[data-v-2e7a89bc]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-2e7a89bc]{padding-bottom:.25rem}.inline-search .list-container[data-v-2e7a89bc]{padding-top:0}.no-result-container[data-v-2e7a89bc]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-2e7a89bc]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-2e7a89bc]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-2e7a89bc]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-2e7a89bc]{margin-right:.5rem}.actions-wrapper[data-v-2e7a89bc]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-2e7a89bc]{margin-left:.5rem}

package/OptionV4.vue_vue_type_style_index_0_scoped_69abfd4a_lang.css

@@ -1 +0,0 @@
-.label[data-v-69abfd4a]{color:#41454d}.item-container[data-v-69abfd4a]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-69abfd4a]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-69abfd4a]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-69abfd4a],.item-container[data-v-69abfd4a]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-69abfd4a]{background-color:var(--action-selected)}.subtitle[data-v-69abfd4a]{color:#7b838c;line-height:1rem}.clear-button[data-v-69abfd4a]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-69abfd4a]:hover{color:#3083ff}.item[data-v-69abfd4a]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-69abfd4a],.item--multi[data-v-69abfd4a]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-69abfd4a]{width:20px;height:20px;flex:none}.item .image img[data-v-69abfd4a]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-69abfd4a],.item .end-icon[data-v-69abfd4a]{display:flex;color:var(--action-active)}.item .option-text[data-v-69abfd4a]{line-height:1.1875rem}.text-container[data-v-69abfd4a]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-69abfd4a]{display:block}.tooltip-option[data-v-69abfd4a] .container{width:100%}