npm - @ironsource/shared-ui - Versions diffs - 2.1.3-rc.1 → 2.1.3-rc.3 - Mend

@ironsource/shared-ui 2.1.3-rc.1 → 2.1.3-rc.3

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

Files changed (92) hide show

package/index.d.ts CHANGED Viewed

@@ -1118,6 +1118,238 @@ declare const _default: {
             default?(_: {}): any;
         };
     })))[];
+    TextArea: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        showFeedbackTextIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        showFeedbackTextIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: string) => any;
+    }, {
+        label: string;
+        disabled: boolean;
+        mandatory: boolean;
+        testId: string;
+        modelValue: string;
+        placeholder: string;
+        hoverHelpText: string;
+        hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        feedbackText: string;
+        feedbackVariant: "success" | "warning" | "error";
+        maxLength: number;
+        showFeedbackTextIcon: boolean;
+    }>;
+    TextAreaTypes: () => import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        showFeedbackTextIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"success" | "warning" | "error">;
+            default: any;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        showFeedbackTextIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: string) => any;
+    }, {
+        label: string;
+        disabled: boolean;
+        mandatory: boolean;
+        testId: string;
+        modelValue: string;
+        placeholder: string;
+        hoverHelpText: string;
+        hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        feedbackText: string;
+        feedbackVariant: "success" | "warning" | "error";
+        maxLength: number;
+        showFeedbackTextIcon: boolean;
+    }>[];
     Checkbox: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -1616,7 +1848,10 @@ declare const _default: {
             $props: Partial<{
                 title: string;
                 variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+                iconName: string;
+                iconSize: string;
                 subtitle: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 buttonText: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -1627,17 +1862,29 @@ declare const _default: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: string;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconSize: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                    default: string;
+                };
                 buttonText: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "subtitle" | "buttonText">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1660,10 +1907,22 @@ declare const _default: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: string;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconSize: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                    default: string;
+                };
                 buttonText: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -1675,7 +1934,10 @@ declare const _default: {
             }, string, {
                 title: string;
                 variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+                iconName: string;
+                iconSize: string;
                 subtitle: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 buttonText: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -1706,10 +1968,22 @@ declare const _default: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: string;
             };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconSize: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             subtitle: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: string;
+            };
             buttonText: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1729,10 +2003,22 @@ declare const _default: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: string;
         };
+        iconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         subtitle: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
         buttonText: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1744,7 +2030,10 @@ declare const _default: {
     }, string, {
         title: string;
         variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+        iconName: string;
+        iconSize: string;
         subtitle: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         buttonText: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -1759,7 +2048,10 @@ declare const _default: {
             $props: Partial<{
                 title: string;
                 variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+                iconName: string;
+                iconSize: string;
                 subtitle: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 buttonText: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -1770,17 +2062,29 @@ declare const _default: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: string;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconSize: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                    default: string;
+                };
                 buttonText: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "subtitle" | "buttonText">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1803,10 +2107,22 @@ declare const _default: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: string;
                 };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconSize: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 subtitle: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                    default: string;
+                };
                 buttonText: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -1818,7 +2134,10 @@ declare const _default: {
             }, string, {
                 title: string;
                 variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+                iconName: string;
+                iconSize: string;
                 subtitle: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
                 buttonText: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -1849,10 +2168,22 @@ declare const _default: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: string;
             };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconSize: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             subtitle: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: string;
+            };
             buttonText: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1872,10 +2203,22 @@ declare const _default: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: string;
         };
+        iconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         subtitle: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
         buttonText: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1887,7 +2230,10 @@ declare const _default: {
     }, string, {
         title: string;
         variant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
+        iconName: string;
+        iconSize: string;
         subtitle: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         buttonText: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -1900,14 +2246,25 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                type: "input" | "dropdown";
                 cell: string;
+                displayValue: (option: unknown) => unknown;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"input" | "dropdown">;
+                    required: true;
+                    default: string;
+                };
                 cell: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => unknown>;
+                    default: (cell: unknown) => unknown;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -1924,7 +2281,7 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     required: true;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "cell" | "validateFunction" | "isLoading">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "displayValue" | "validateFunction" | "isLoading">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1939,10 +2296,19 @@ declare const _default: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"input" | "dropdown">;
+                    required: true;
+                    default: string;
+                };
                 cell: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => unknown>;
+                    default: (cell: unknown) => unknown;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -1960,7 +2326,9 @@ declare const _default: {
                     required: true;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                type: "input" | "dropdown";
                 cell: string;
+                displayValue: (option: unknown) => unknown;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
             }, {}, string> & {
@@ -1984,10 +2352,19 @@ declare const _default: {
             $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<{
+            type: {
+                type: import("vue").PropType<"input" | "dropdown">;
+                required: true;
+                default: string;
+            };
             cell: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => unknown>;
+                default: (cell: unknown) => unknown;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -2009,10 +2386,19 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"input" | "dropdown">;
+            required: true;
+            default: string;
+        };
         cell: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => unknown>;
+            default: (cell: unknown) => unknown;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -2030,7 +2416,9 @@ declare const _default: {
             required: true;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        type: "input" | "dropdown";
         cell: string;
+        displayValue: (option: unknown) => unknown;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -2044,14 +2432,25 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                type: "input" | "dropdown";
                 cell: string;
+                displayValue: (option: unknown) => unknown;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"input" | "dropdown">;
+                    required: true;
+                    default: string;
+                };
                 cell: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => unknown>;
+                    default: (cell: unknown) => unknown;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -2068,7 +2467,7 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     required: true;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "cell" | "validateFunction" | "isLoading">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "displayValue" | "validateFunction" | "isLoading">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -2083,10 +2482,19 @@ declare const _default: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"input" | "dropdown">;
+                    required: true;
+                    default: string;
+                };
                 cell: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => unknown>;
+                    default: (cell: unknown) => unknown;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -2104,7 +2512,9 @@ declare const _default: {
                     required: true;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                type: "input" | "dropdown";
                 cell: string;
+                displayValue: (option: unknown) => unknown;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
             }, {}, string> & {
@@ -2128,10 +2538,19 @@ declare const _default: {
             $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<{
+            type: {
+                type: import("vue").PropType<"input" | "dropdown">;
+                required: true;
+                default: string;
+            };
             cell: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => unknown>;
+                default: (cell: unknown) => unknown;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -2153,10 +2572,19 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"input" | "dropdown">;
+            required: true;
+            default: string;
+        };
         cell: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => unknown>;
+            default: (cell: unknown) => unknown;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -2174,7 +2602,9 @@ declare const _default: {
             required: true;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        type: "input" | "dropdown";
         cell: string;
+        displayValue: (option: unknown) => unknown;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -2804,8 +3234,8 @@ declare const _default: {
         };
     });
     DataGridMenu: import("vue").DefineComponent<{
-        container: {
-            type: import("vue").PropType<string>;
+        rowIndex: {
+            type: import("vue").PropType<number>;
             default: any;
         };
         menuItems: {
@@ -2816,8 +3246,8 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         selected: (option: unknown) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        container: {
-            type: import("vue").PropType<string>;
+        rowIndex: {
+            type: import("vue").PropType<number>;
             default: any;
         };
         menuItems: {
@@ -2828,7 +3258,7 @@ declare const _default: {
     }>> & {
         onSelected?: (option: unknown) => any;
     }, {
-        container: string;
+        rowIndex: number;
         menuItems: tableV4.MenuItem[];
     }>;
     DataGridRowsCounter: import("vue").DefineComponent<{
@@ -2840,6 +3270,18 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         count: {
             type: import("vue").PropType<number>;
@@ -2849,9 +3291,24 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>>, {
         count: number;
         totalCount: number;
+        displayingText: string;
+        outOfText: string;
+        totalText: string;
     }>;
     DataGridTypes: () => (({
         new (...args: any[]): {
@@ -3471,8 +3928,8 @@ declare const _default: {
             footer?(_: {}): any;
         };
     })) | import("vue").DefineComponent<{
-        container: {
-            type: import("vue").PropType<string>;
+        rowIndex: {
+            type: import("vue").PropType<number>;
             default: any;
         };
         menuItems: {
@@ -3483,8 +3940,8 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         selected: (option: unknown) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        container: {
-            type: import("vue").PropType<string>;
+        rowIndex: {
+            type: import("vue").PropType<number>;
             default: any;
         };
         menuItems: {
@@ -3495,7 +3952,7 @@ declare const _default: {
     }>> & {
         onSelected?: (option: unknown) => any;
     }, {
-        container: string;
+        rowIndex: number;
         menuItems: tableV4.MenuItem[];
     }> | import("vue").DefineComponent<{
         count: {
@@ -3506,6 +3963,18 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         count: {
             type: import("vue").PropType<number>;
@@ -3515,9 +3984,24 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        displayingText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        outOfText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        totalText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>>, {
         count: number;
         totalCount: number;
+        displayingText: string;
+        outOfText: string;
+        totalText: string;
     }>)[];
     Table: {
         new (...args: any[]): {
@@ -7694,13 +8178,13 @@ declare const _default: {
                 hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 feedbackText: string;
                 feedbackVariant: "success" | "warning" | "error";
+                maxLength: number;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
                 suffix: string;
-                maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -7762,6 +8246,10 @@ declare const _default: {
                     type: import("vue").PropType<"success" | "warning" | "error">;
                     default: any;
                 };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7786,10 +8274,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: any;
-                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7809,7 +8293,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "modelValue" | "placeholder" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "modelValue" | "placeholder" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "maxLength" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7880,6 +8364,10 @@ declare const _default: {
                     type: import("vue").PropType<"success" | "warning" | "error">;
                     default: any;
                 };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7904,10 +8392,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: any;
-                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7947,13 +8431,13 @@ declare const _default: {
                 hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 feedbackText: string;
                 feedbackVariant: "success" | "warning" | "error";
+                maxLength: number;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
                 suffix: string;
-                maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -8035,6 +8519,10 @@ declare const _default: {
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8059,10 +8547,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            maxLength: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8145,6 +8629,10 @@ declare const _default: {
             type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8169,10 +8657,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        maxLength: {
-            type: import("vue").PropType<number>;
-            default: any;
-        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8212,13 +8696,13 @@ declare const _default: {
         hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
+        maxLength: number;
         viewOnly: boolean;
         labelDirection: "top" | "inside";
         hideNumberArrows: boolean;
         step: number;
         onlyDigits: boolean;
         suffix: string;
-        maxLength: number;
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -8248,13 +8732,13 @@ declare const _default: {
                 hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 feedbackText: string;
                 feedbackVariant: "success" | "warning" | "error";
+                maxLength: number;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
                 suffix: string;
-                maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -8316,6 +8800,10 @@ declare const _default: {
                     type: import("vue").PropType<"success" | "warning" | "error">;
                     default: any;
                 };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8340,10 +8828,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: any;
-                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8363,7 +8847,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "modelValue" | "placeholder" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "modelValue" | "placeholder" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "maxLength" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -8434,6 +8918,10 @@ declare const _default: {
                     type: import("vue").PropType<"success" | "warning" | "error">;
                     default: any;
                 };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8458,10 +8946,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: any;
-                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -8501,13 +8985,13 @@ declare const _default: {
                 hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 feedbackText: string;
                 feedbackVariant: "success" | "warning" | "error";
+                maxLength: number;
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
                 step: number;
                 onlyDigits: boolean;
                 suffix: string;
-                maxLength: number;
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -8589,6 +9073,10 @@ declare const _default: {
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8613,10 +9101,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            maxLength: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8699,6 +9183,10 @@ declare const _default: {
             type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8723,10 +9211,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        maxLength: {
-            type: import("vue").PropType<number>;
-            default: any;
-        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8766,13 +9250,13 @@ declare const _default: {
         hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
+        maxLength: number;
         viewOnly: boolean;
         labelDirection: "top" | "inside";
         hideNumberArrows: boolean;
         step: number;
         onlyDigits: boolean;
         suffix: string;
-        maxLength: number;
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -17106,7 +17590,6 @@ declare const _default: {
     }))[];
 };
 export default _default;
-export * from '@/components/textArea';
 export * from '@/composables/useToggle';
 export * from '@/composables/useSearch';
 export * from '@/composables/useFormValidation';