@ironsource/shared-ui 2.1.6-rc.36 → 2.1.6-rc.38

package/index.d.ts

@@ -3020,7 +3020,9 @@ declare const _default: {
                 onOnClearSearch?: () => any;
                 onSelectRow?: (value: boolean) => any;
                 onClickRow?: (rowIndex: number) => any;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {
+                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;
@@ -3197,7 +3199,9 @@ declare const _default: {
             onOnClearSearch?: () => any;
             onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & import("vue").ShallowUnwrapRef<{
+            scrollTo: (index: number) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -3318,7 +3322,9 @@ declare const _default: {
         onOnClearSearch?: () => any;
         onSelectRow?: (value: boolean) => any;
         onClickRow?: (rowIndex: number) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        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;
@@ -3739,7 +3745,9 @@ declare const _default: {
                 onOnClearSearch?: () => any;
                 onSelectRow?: (value: boolean) => any;
                 onClickRow?: (rowIndex: number) => any;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {
+                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;
@@ -3916,7 +3924,9 @@ declare const _default: {
             onOnClearSearch?: () => any;
             onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & import("vue").ShallowUnwrapRef<{
+            scrollTo: (index: number) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -4037,7 +4047,9 @@ declare const _default: {
         onOnClearSearch?: () => any;
         onSelectRow?: (value: boolean) => any;
         onClickRow?: (rowIndex: number) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        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;
@@ -11809,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>;
@@ -12000,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;
@@ -12009,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;
             };
@@ -12214,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;
@@ -12280,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)[];
@@ -12491,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;
@@ -12698,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;
@@ -12764,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;
@@ -12780,6 +12811,7 @@ declare const _default: {
             }): any;
             default?(_: {
                 option: unknown;
+                index: number;
                 selected: boolean;
                 active: boolean;
                 disabled: any;
@@ -15551,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>;
@@ -15742,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;
@@ -15751,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;
             };
@@ -15956,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;
@@ -16022,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)[];
@@ -16233,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;
@@ -16440,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;
@@ -16506,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;
@@ -16522,6 +16573,7 @@ declare const _default: {
             }): any;
             default?(_: {
                 option: unknown;
+                index: number;
                 selected: boolean;
                 active: boolean;
                 disabled: any;
@@ -16605,6 +16657,172 @@ declare const _default: {
         startIconName: string;
         startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
         hideEndIcon: boolean;
+    }> | import("vue").DefineComponent<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        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<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        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;
+    }, {
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        testId: string;
+        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[]): {
@@ -16922,6 +17140,173 @@ declare const _default: {
             "icon-end"?(_: {}): any;
         };
     });
+    TreeDropdown: import("vue").DefineComponent<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        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<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        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;
+    }, {
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        testId: string;
+        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.36",
+  "version": "2.1.6-rc.38",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/DataGrid.vue_vue_type_style_index_0_scoped_ac14037f_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-ac14037f]{position:sticky}.table-container[data-v-ac14037f]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-ac14037f]{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-ac14037f]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-ac14037f]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-ac14037f]{width:13.75rem}.table-header.isStickyHeader[data-v-ac14037f]{z-index:calc(var(--27aa1cb6) + 3);top:0}.table-head-container[data-v-ac14037f]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-ac14037f]{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-ac14037f]{display:inline-table}.table-header-actions[data-v-ac14037f]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-ac14037f]{position:relative}.table-row.loading[data-v-ac14037f]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-ac14037f]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-ac14037f]{border-bottom:none}.expanded-row[data-v-ac14037f]{grid-column:var(--db2e22ac);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-ac14037f]{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-ac14037f]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-ac14037f],table th[data-v-ac14037f]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-ac14037f]:first-of-type,table th[data-v-ac14037f]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-ac14037f]:last-of-type,table th[data-v-ac14037f]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-ac14037f],table th.expand-toggle-cell[data-v-ac14037f]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-ac14037f]{border-bottom:none;z-index:calc(var(--27aa1cb6) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-ac14037f]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--63b3ff23)}table>thead>tr>th[data-v-ac14037f]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-ac14037f]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-ac14037f]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-ac14037f]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-ac14037f]{cursor:pointer}table>thead.sticky[data-v-ac14037f]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-ac14037f]{z-index:calc(var(--27aa1cb6) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-ac14037f]{display:block}table>tbody>*>tr[data-v-ac14037f]{background-color:var(--background-default);min-height:var(--41c9b22a);height:auto;display:grid;align-items:center;grid-template-columns:var(--63b3ff23)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-ac14037f]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-ac14037f],table>tbody>*>tr.activeMenu>td[data-v-ac14037f]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-ac14037f]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--41c9b22a);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-ac14037f]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-ac14037f]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-ac14037f]{justify-content:flex-end;text-align:right}.section-container[data-v-ac14037f]{left:0}.sections[data-v-ac14037f]{display:flex}.section[data-v-ac14037f]{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-ac14037f]{width:100%}.empty-state[data-v-ac14037f]{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%}