@ironsource/shared-ui 2.1.11-test.46 → 2.1.11-test.49

package/components/dropdown/v4/AppDropdownTrigger.stories.d.ts

@@ -0,0 +1,487 @@
+declare const _default: {
+    title: string;
+    component: {
+        new (...args: any[]): {
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "small" | "medium" | "large";
+                label: string;
+                testId: string;
+                loading: boolean;
+                disabled: boolean;
+                options: unknown[];
+                singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
+                mandatory: boolean;
+                multi: boolean;
+                valueToCopy: string;
+                selectedOption: any;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionEndIconKey: string;
+                optionEndIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                brandIconType: "android" | "ios";
+            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                label: {
+                    type: import('vue').PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                testId: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                loading: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<unknown[]>;
+                    default: any;
+                };
+                singleAppSelection: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import('vue').PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+                mandatory: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                multi: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import('vue').PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                valueToCopy: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                selectedOption: {
+                    type: import('vue').PropType<unknown>;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                optionIconKey: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                optionImageKey: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                optionIconType: {
+                    type: import('vue').PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionEndIconKey: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                optionEndIconType: {
+                    type: import('vue').PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import('vue').PropType<"android" | "ios">;
+                    default: any;
+                };
+            }>> & {
+                onClick?: () => any;
+                onCopyToClipboard?: () => any;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "label" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "valueToCopy" | "selectedOption" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "brandIconType">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot;
+            }>;
+            $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: "click") => void) & ((event: "copyToClipboard") => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                label: {
+                    type: import('vue').PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                testId: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                loading: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                options: {
+                    type: import('vue').PropType<unknown[]>;
+                    default: any;
+                };
+                singleAppSelection: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import('vue').PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+                mandatory: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                multi: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import('vue').PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                valueToCopy: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                selectedOption: {
+                    type: import('vue').PropType<unknown>;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                optionIconKey: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                optionImageKey: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                optionIconType: {
+                    type: import('vue').PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionEndIconKey: {
+                    type: import('vue').PropType<string>;
+                    default: any;
+                };
+                optionEndIconType: {
+                    type: import('vue').PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import('vue').PropType<"android" | "ios">;
+                    default: any;
+                };
+            }>> & {
+                onClick?: () => any;
+                onCopyToClipboard?: () => any;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: () => void;
+                copyToClipboard: () => void;
+            }, string, {
+                size: "small" | "medium" | "large";
+                label: string;
+                testId: string;
+                loading: boolean;
+                disabled: boolean;
+                options: unknown[];
+                singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
+                mandatory: boolean;
+                multi: boolean;
+                valueToCopy: string;
+                selectedOption: any;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionEndIconKey: string;
+                optionEndIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                brandIconType: "android" | "ios";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import('vue').WatchOptions<boolean>): import('vue').WatchStopHandle;
+        } & Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            options: {
+                type: import('vue').PropType<unknown[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            placeholder: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import('vue').PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            multi: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import('vue').PropType<(option: unknown) => string>;
+                required: true;
+            };
+            valueToCopy: {
+                type: import('vue').PropType<string>;
+                default: any;
+            };
+            selectedOption: {
+                type: import('vue').PropType<unknown>;
+                default: any;
+            };
+            optionNameKey: {
+                type: import('vue').PropType<string>;
+                default: any;
+            };
+            optionIconKey: {
+                type: import('vue').PropType<string>;
+                default: any;
+            };
+            optionImageKey: {
+                type: import('vue').PropType<string>;
+                default: any;
+            };
+            optionIconType: {
+                type: import('vue').PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            optionEndIconKey: {
+                type: import('vue').PropType<string>;
+                default: any;
+            };
+            optionEndIconType: {
+                type: import('vue').PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            brandIconType: {
+                type: import('vue').PropType<"android" | "ios">;
+                default: any;
+            };
+        }>> & {
+            onClick?: () => any;
+            onCopyToClipboard?: () => any;
+        } & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import('vue').PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import('vue').PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        mandatory: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        multi: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import('vue').PropType<(option: unknown) => string>;
+            required: true;
+        };
+        valueToCopy: {
+            type: import('vue').PropType<string>;
+            default: any;
+        };
+        selectedOption: {
+            type: import('vue').PropType<unknown>;
+            default: any;
+        };
+        optionNameKey: {
+            type: import('vue').PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import('vue').PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import('vue').PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import('vue').PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import('vue').PropType<string>;
+            default: any;
+        };
+        optionEndIconType: {
+            type: import('vue').PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        brandIconType: {
+            type: import('vue').PropType<"android" | "ios">;
+            default: any;
+        };
+    }>> & {
+        onClick?: () => any;
+        onCopyToClipboard?: () => any;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: () => void;
+        copyToClipboard: () => void;
+    }, string, {
+        size: "small" | "medium" | "large";
+        label: string;
+        testId: string;
+        loading: boolean;
+        disabled: boolean;
+        options: unknown[];
+        singleAppSelection: boolean;
+        placeholder: string;
+        open: boolean;
+        mandatory: boolean;
+        multi: boolean;
+        valueToCopy: string;
+        selectedOption: any;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        brandIconType: "android" | "ios";
+    }, {}, string> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            image?(_: {}): any;
+            "icon-start"?(_: {}): any;
+            "icon-end"?(_: {}): any;
+        };
+    });
+    argTypes: any;
+};
+export default _default;
+export declare const Basic: any;
+export declare const SingleSelection: any;
+export declare const MultiSelection: any;
+export declare const Mandatory: any;

package/components/dropdown/v4/ButtonDropdownTrigger.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryFn, Meta } from '@storybook/vue3';
+declare const _default: Meta;
+export default _default;
+export declare const Basic: StoryFn;
+export declare const Variants: any;
+export declare const Size: any;
+export declare const Icon: any;
+export declare const WithDropdown: any;
+export declare const AddParam: any;
+export declare const WidthTruncated: any;

package/components/dropdown/v4/ButtonFilterDropdownTrigger.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta;
+export default _default;
+export declare const Basic: StoryFn;
+export declare const Variants: any;
+export declare const Icon: any;
+export declare const AddFilterExample: any;
+export declare const DateFilterExample: any;

package/components/dropdown/v4/ChipDropdownTrigger.stories.d.ts

@@ -0,0 +1,135 @@
+declare const _default: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        label: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import('vue').PropType<unknown[]>;
+            required: true;
+        };
+        open: {
+            type: import('vue').PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        multi: {
+            type: import('vue').PropType<boolean>;
+            required: true;
+        };
+        displayValue: {
+            type: import('vue').PropType<(option: unknown) => string>;
+            required: true;
+        };
+        displayedValue: {
+            type: import('vue').PropType<any>;
+            required: true;
+            default: string;
+        };
+        allSelected: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        selectedOption: {
+            type: import('vue').PropType<unknown>;
+            required: true;
+        };
+        feedbackVariant: {
+            type: import('vue').PropType<string>;
+            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<{
+        label: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import('vue').PropType<unknown[]>;
+            required: true;
+        };
+        open: {
+            type: import('vue').PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        multi: {
+            type: import('vue').PropType<boolean>;
+            required: true;
+        };
+        displayValue: {
+            type: import('vue').PropType<(option: unknown) => string>;
+            required: true;
+        };
+        displayedValue: {
+            type: import('vue').PropType<any>;
+            required: true;
+            default: string;
+        };
+        allSelected: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        selectedOption: {
+            type: import('vue').PropType<unknown>;
+            required: true;
+        };
+        feedbackVariant: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        cancelAllSelectedDisplay: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        displayValueInQuotes: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClear?: () => any;
+    }, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        open: boolean;
+        displayedValue: any;
+        allSelected: boolean;
+        feedbackVariant: string;
+        cancelAllSelectedDisplay: boolean;
+        displayValueInQuotes: boolean;
+    }>;
+    argTypes: any;
+};
+export default _default;
+export declare const Basic: any;
+export declare const SingleSelection: any;
+export declare const MultiSelection: any;