@dialpad/dialtone-vue 3.219.0 → 3.220.0-next.2

package/dist/recipes/leftbar/group_row/group_row.vue.d.ts

@@ -173,6 +173,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             'd-recipe-leftbar-row--action-focused': boolean;
         })[];
         getIcon(): string;
+        getIconComponent(): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>, {}, {}, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): {};
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: string;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
+        isDialbotType(): boolean;
+        isContactCenterType(): boolean;
+        contactCenterIconClasses(): any[];
+        avatarSize(): string;
         generalRowListeners(): Object;
         getAriaLabel(): string;
         hasActions(): string | boolean;
@@ -191,7 +225,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         typingTooltip(): any;
     }, {
         removeClassStyleAttrs: typeof import('../../../common/utils').removeClassStyleAttrs;
-        addClassStyleAttrs: typeof import('../../../common/utils').addClassStyleAttrs;
         validateProps(): void;
         adjustLabelWidth(): void;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "call"[], "call", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -263,8 +296,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         type: string;
         color: string;
-        iconSize: string;
         ariaLabel: string;
+        iconSize: string;
         muted: boolean;
         selected: boolean;
         unreadCount: string;
@@ -488,6 +521,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
+                            200: string;
+                            300: string;
+                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -547,8 +583,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -595,8 +631,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -617,7 +653,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        size: string;
+                        size: string | number;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
                         animate: boolean;
@@ -629,8 +665,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         shapeSize: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         paragraphs: {
                             type: ObjectConstructor;
@@ -666,8 +702,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         shapeSize: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         paragraphs: {
                             type: ObjectConstructor;
@@ -702,7 +738,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         contentClass: string;
                         shape: string;
                         animate: boolean;
-                        shapeSize: string;
+                        shapeSize: string | number;
                         paragraphs: Record<string, any>;
                         shapeClass: string;
                     }, {}, {
@@ -713,8 +749,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 validator: (shape: unknown) => boolean;
                             };
                             size: {
-                                type: StringConstructor;
-                                default: string;
+                                type: (StringConstructor | NumberConstructor)[];
+                                default: number;
                             };
                             animationDuration: {
                                 type: NumberConstructor;
@@ -761,8 +797,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 validator: (shape: unknown) => boolean;
                             };
                             size: {
-                                type: StringConstructor;
-                                default: string;
+                                type: (StringConstructor | NumberConstructor)[];
+                                default: number;
                             };
                             animationDuration: {
                                 type: NumberConstructor;
@@ -783,7 +819,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         }>> & Readonly<{}>, {
                             offset: number;
                             animationDuration: number;
-                            size: string;
+                            size: string | number;
                             contentClass: string | unknown[] | Record<string, any>;
                             shape: string;
                             animate: boolean;
@@ -926,6 +962,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 };
                             }>, {}, {
                                 SKELETON_HEADING_HEIGHTS: {
+                                    200: string;
+                                    300: string;
+                                    400: string;
                                     sm: string;
                                     md: string;
                                     lg: string;
@@ -1118,6 +1157,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             };
                         }>, {}, {
                             SKELETON_HEADING_HEIGHTS: {
+                                200: string;
+                                300: string;
+                                400: string;
                                 sm: string;
                                 md: string;
                                 lg: string;
@@ -1215,7 +1257,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             BADGE_TYPE_MODIFIERS: {
                 default: string;
                 info: string;
-                success: string;
+                positive: string;
                 warning: string;
                 critical: string;
                 bulletin: string;
@@ -1332,6 +1374,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1346,14 +1396,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1393,6 +1451,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>, {}, {
             ICON_POSITION_MODIFIERS: {
+                start: string;
+                end: string;
+                blockStart: string;
+                blockEnd: string;
                 left: string;
                 right: string;
                 top: string;
@@ -1402,6 +1464,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             i18n: any;
         }, {
+            resolvedUnderline(): boolean;
             computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             isNativeButton(): boolean;
             computedAttrs(): {
@@ -1434,7 +1497,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             buttonClasses(): any[];
             isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-            shouldRenderIcon(): any;
+            hasStartIcon(): any;
+            hasEndIcon(): any;
+            hasBlockStartIcon(): any;
+            hasBlockEndIcon(): any;
+            hasNewIconSlots(): any;
+            shouldRenderLegacyIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1465,6 +1533,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1479,14 +1555,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1534,9 +1618,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             target: string;
             circle: boolean;
             active: boolean;
-            loading: boolean;
-            size: string;
+            size: string | number;
             replace: boolean;
+            loading: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
             href: string;
@@ -1545,7 +1630,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -1621,7 +1709,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            show: {
+            open: {
                 type: BooleanConstructor;
                 default: null;
             };
@@ -1699,6 +1787,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             anchor(): any;
         }, {
+            getModeReferenceEl(): any;
             calculateAnchorZindex(): 651 | 400;
             hasVisibleFocus(): any;
             onEnterAnchor(e: any): void;
@@ -1749,7 +1838,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             addExternalAnchorEventListeners(): void;
             removeExternalAnchorEventListeners(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, {
+            props: {
+                contentMode: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (v: any) => boolean;
+                };
+            };
+            data(): {
+                modeContrast: string;
+                modeResolved: null;
+            };
+            computed: {
+                modeAttrs(): any;
+            };
+            watch: {
+                contentMode(): void;
+            };
+            mounted(): void;
+            beforeUnmount(): void;
+            methods: {
+                getModeReferenceEl(): HTMLElement | null;
+                setupModeObservers(): void;
+                cleanupModeObservers(): void;
+            };
+        }, import('vue').ComponentOptionsMixin, ("update:open" | "shown")[], "update:open" | "shown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -1796,7 +1910,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            show: {
+            open: {
                 type: BooleanConstructor;
                 default: null;
             };
@@ -1824,15 +1938,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
         }>> & Readonly<{
+            "onUpdate:open"?: ((...args: any[]) => any) | undefined;
             onShown?: ((...args: any[]) => any) | undefined;
-            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
         }>, {
             id: string;
             offset: unknown[];
+            open: boolean;
             message: string;
             inverted: boolean;
             contentClass: string | unknown[] | Record<string, any>;
-            show: boolean;
             transition: boolean;
             appendTo: string | HTMLElement;
             delay: boolean;
@@ -1904,6 +2018,341 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             size: string;
             ariaLabel: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtIconDialbot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>, {}, {}, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): {};
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: string;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            seed: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            family: {
+                type: NumberConstructor;
+                default: undefined;
+                validator: (val: unknown) => boolean;
+            };
+            variant: {
+                type: NumberConstructor;
+                default: undefined;
+                validator: (val: unknown) => boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: unknown) => boolean;
+            };
+            avatarClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            canvasClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            presence: {
+                type: StringConstructor;
+                default: string;
+                validator: (state: unknown) => boolean;
+            };
+            presenceProps: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            group: {
+                type: NumberConstructor;
+                default: undefined;
+                validator: (group: unknown) => boolean;
+            };
+            overlayText: {
+                type: StringConstructor;
+                default: string;
+            };
+            overlayClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            imageSrc: {
+                type: StringConstructor;
+                default: string;
+            };
+            imageAlt: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fullName: {
+                type: StringConstructor;
+                default: string;
+            };
+            interactive: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clickable: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            iconAriaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            iconOnly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            deactivated: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            AVATAR_SIZE_MODIFIERS: {
+                100: string;
+                150: string;
+                200: string;
+                250: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+            AVATAR_KIND_MODIFIERS: {
+                default: string;
+                icon: string;
+                initials: string;
+            };
+            AVATAR_PRESENCE_SIZE_MODIFIERS: {
+                100: string;
+                150: string;
+                200: string;
+                250: string;
+                300: string;
+                400: string;
+                500: string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            };
+            imageLoadedSuccessfully: null;
+            formattedInitials: string;
+            initializing: boolean;
+            hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
+            anchorHue: number;
+        }, {
+            resolvedInteractive(): boolean;
+            hasOverlayIcon(): any;
+            isIconType(): any;
+            iconDataQa(): "dt-avatar-icon";
+            computedFamily(): number | undefined;
+            computedVariant(): number | undefined;
+            avatarClasses(): any[];
+            avatarStyles(): {
+                '--avatar-color-background': string;
+            }[] | undefined;
+            overlayClasses(): (string | unknown[] | Record<string, any>)[];
+            showGroup(): boolean;
+            formattedGroup(): number | "9+" | "99+" | undefined;
+            validatedSize(): string | number;
+            showImage(): string | false;
+        }, {
+            setImageListeners(): Promise<void>;
+            formatInitials(): void;
+            readAnchorHue(): void;
+            _loadedImageEventHandler(el: any): void;
+            _erroredImageEventHandler(el: any): void;
+            validateProps(): void;
+            handleClick(e: any): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            seed: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            family: {
+                type: NumberConstructor;
+                default: undefined;
+                validator: (val: unknown) => boolean;
+            };
+            variant: {
+                type: NumberConstructor;
+                default: undefined;
+                validator: (val: unknown) => boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: unknown) => boolean;
+            };
+            avatarClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            canvasClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            presence: {
+                type: StringConstructor;
+                default: string;
+                validator: (state: unknown) => boolean;
+            };
+            presenceProps: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            group: {
+                type: NumberConstructor;
+                default: undefined;
+                validator: (group: unknown) => boolean;
+            };
+            overlayText: {
+                type: StringConstructor;
+                default: string;
+            };
+            overlayClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            imageSrc: {
+                type: StringConstructor;
+                default: string;
+            };
+            imageAlt: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fullName: {
+                type: StringConstructor;
+                default: string;
+            };
+            interactive: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clickable: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            iconAriaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            iconOnly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            deactivated: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            id: string;
+            family: number;
+            presence: string;
+            seed: string;
+            variant: number;
+            color: string;
+            size: string | number;
+            avatarClass: string | unknown[] | Record<string, any>;
+            canvasClass: string | unknown[] | Record<string, any>;
+            iconClass: string | unknown[] | Record<string, any>;
+            presenceProps: Record<string, any>;
+            group: number;
+            overlayText: string;
+            overlayClass: string | unknown[] | Record<string, any>;
+            imageSrc: string;
+            imageAlt: string;
+            fullName: string;
+            interactive: boolean;
+            clickable: boolean;
+            iconAriaLabel: string;
+            iconOnly: boolean;
+            deactivated: boolean;
+        }, {}, {
+            DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                presence: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (role: unknown) => boolean;
+                };
+                srText: {
+                    type: StringConstructor;
+                    default: null;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                presence: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (role: unknown) => boolean;
+                };
+                srText: {
+                    type: StringConstructor;
+                    default: null;
+                };
+            }>> & Readonly<{}>, {
+                presence: string;
+                srText: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtRecipeLeftbarGeneralRowIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
                 type: StringConstructor;