@devtron-labs/devtron-fe-common-lib 0.0.50-beta-2 → 0.0.51

package/dist/Common/Dialogs/Types.d.ts

@@ -1,44 +1,45 @@
-import { ReactNode } from "react";
-export interface DeleteDialogProps {
-    title: string;
-    description?: string;
-    closeDelete: () => void;
-    delete: () => any;
-    deletePrefix?: string;
-    deletePostfix?: string;
-    apiCallInProgress?: boolean;
-    dataTestId?: string;
-    buttonPrimaryText?: string;
-    shouldStopPropagation?: boolean;
-}
-export interface ForceDeleteDialogType {
-    onClickDelete: () => void;
-    closeDeleteModal: () => void;
-    forceDeleteDialogTitle: string;
-    forceDeleteDialogMessage: string;
-}
-export interface ConfirmationDialogType {
-    className?: string;
-    children: any;
-}
-export interface ConfirmationDialogIconType {
-    src: string;
-    className?: string;
-}
-export interface ConfirmationDialogBodyType {
-    title: string;
-    subtitle?: ReactNode;
-    children?: any;
-}
-export interface ConfirmationDialogButtonGroupType {
-    children: any;
-}
-export interface DialogFormProps {
-    className: string;
-    title: string;
-    isLoading: boolean;
-    closeOnESC?: boolean;
-    close: (event: any) => void;
-    onSave: (event: any) => void;
-    headerClassName?: string;
-}
+import { ReactNode } from "react";
+export interface DeleteDialogProps {
+    title: string;
+    description?: string;
+    closeDelete: () => void;
+    delete: () => any;
+    deletePrefix?: string;
+    deletePostfix?: string;
+    apiCallInProgress?: boolean;
+    dataTestId?: string;
+    buttonPrimaryText?: string;
+    shouldStopPropagation?: boolean;
+    disabled?: boolean;
+}
+export interface ForceDeleteDialogType {
+    onClickDelete: () => void;
+    closeDeleteModal: () => void;
+    forceDeleteDialogTitle: string;
+    forceDeleteDialogMessage: string;
+}
+export interface ConfirmationDialogType {
+    className?: string;
+    children: any;
+}
+export interface ConfirmationDialogIconType {
+    src: string;
+    className?: string;
+}
+export interface ConfirmationDialogBodyType {
+    title: string;
+    subtitle?: ReactNode;
+    children?: any;
+}
+export interface ConfirmationDialogButtonGroupType {
+    children: any;
+}
+export interface DialogFormProps {
+    className: string;
+    title: string;
+    isLoading: boolean;
+    closeOnESC?: boolean;
+    close: (event: any) => void;
+    onSave: (event: any) => void;
+    headerClassName?: string;
+}

package/dist/Common/Dialogs/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ConfirmationDialog } from './ConfirmationDialog';
-export * from './DeleteDialog';
-export * from './DialogForm';
-export { default as ForceDeleteDialog } from './ForceDeleteDialog';
+export { default as ConfirmationDialog } from './ConfirmationDialog';
+export * from './DeleteDialog';
+export * from './DialogForm';
+export { default as ForceDeleteDialog } from './ForceDeleteDialog';

package/dist/Common/Drawer/Drawer.d.ts

@@ -1,14 +1,16 @@
-interface drawerInterface {
-    position: 'left' | 'right' | 'bottom' | 'top';
-    children?: any;
-    backdrop?: boolean;
-    onClose?: (e: any) => void;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    height?: string;
-    parentClassName?: string;
-    onEscape?: (e?: any) => void;
-}
-export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, }: drawerInterface) => JSX.Element;
-export {};
+/// <reference types="react" />
+import './Drawer.scss';
+interface drawerInterface {
+    position: 'left' | 'right' | 'bottom' | 'top';
+    children?: any;
+    backdrop?: boolean;
+    onClose?: (e: any) => void;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    parentClassName?: string;
+    onEscape?: (e?: any) => void;
+}
+export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, }: drawerInterface) => JSX.Element;
+export {};

package/dist/Common/EmptyState/EmptyState.d.ts

@@ -1,24 +1,25 @@
-import React from 'react';
-declare function EmptyState({ children, className }: {
-    children: any;
-    className?: string;
-}): JSX.Element;
-declare namespace EmptyState {
-    var Image: ({ children }: {
-        children: any;
-    }) => any;
-    var Title: ({ children }: {
-        children: any;
-    }) => any;
-    var Subtitle: ({ children, className }: {
-        children: any;
-        className?: string;
-    }) => JSX.Element;
-    var Button: ({ children }: {
-        children: any;
-    }) => any;
-    var Loading: React.FC<{
-        text: string;
-    }>;
-}
-export default EmptyState;
+import React from 'react';
+import './emptyState.scss';
+declare function EmptyState({ children, className }: {
+    children: any;
+    className?: string;
+}): JSX.Element;
+declare namespace EmptyState {
+    var Image: ({ children }: {
+        children: any;
+    }) => any;
+    var Title: ({ children }: {
+        children: any;
+    }) => any;
+    var Subtitle: ({ children, className }: {
+        children: any;
+        className?: string;
+    }) => JSX.Element;
+    var Button: ({ children }: {
+        children: any;
+    }) => any;
+    var Loading: React.FC<{
+        text: string;
+    }>;
+}
+export default EmptyState;

package/dist/Common/EmptyState/GenericEmptyState.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-import { GenericEmptyStateType } from '../Types';
-declare function GenericEmptyState({ title, image, subTitle, isButtonAvailable, classname, styles, heightToDeduct, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName }: GenericEmptyStateType): JSX.Element;
-export default GenericEmptyState;
+/// <reference types="react" />
+import { GenericEmptyStateType } from '../Types';
+import './emptyState.scss';
+declare function GenericEmptyState({ title, image, subTitle, isButtonAvailable, classname, styles, heightToDeduct, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName }: GenericEmptyStateType): JSX.Element;
+export default GenericEmptyState;

package/dist/Common/Error.d.ts

@@ -1,17 +1,17 @@
-import React, { Component } from 'react';
-export declare class ErrorScreenManager extends Component<{
-    code?: number;
-    reload?: (...args: any[]) => any;
-    subtitle?: React.ReactChild;
-    subtitleClass?: string;
-    reloadClass?: string;
-}> {
-    getMessage(): JSX.Element | "Bad Request" | "Unauthorized" | "Internal Server Error" | "Bad Gateway" | "Service Temporarily Unavailable";
-    render(): JSX.Element;
-}
-export declare class ErrorScreenNotAuthorized extends Component<{
-    subtitle?: React.ReactChild;
-    title?: string;
-}> {
-    render(): JSX.Element;
-}
+import React, { Component } from 'react';
+export declare class ErrorScreenManager extends Component<{
+    code?: number;
+    reload?: (...args: any[]) => any;
+    subtitle?: React.ReactChild;
+    subtitleClass?: string;
+    reloadClass?: string;
+}> {
+    getMessage(): JSX.Element | "Bad Request" | "Unauthorized" | "Internal Server Error" | "Bad Gateway" | "Service Temporarily Unavailable";
+    render(): JSX.Element;
+}
+export declare class ErrorScreenNotAuthorized extends Component<{
+    subtitle?: React.ReactChild;
+    title?: string;
+}> {
+    render(): JSX.Element;
+}

package/dist/Common/ErrorScreenNotFound.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function ErrorScreenNotFound(): JSX.Element;
-export default ErrorScreenNotFound;
+/// <reference types="react" />
+declare function ErrorScreenNotFound(): JSX.Element;
+export default ErrorScreenNotFound;

package/dist/Common/Grid/Grid.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { GridProps } from './types';
-export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, }: GridProps): JSX.Element;
+/// <reference types="react" />
+import { GridProps } from './types';
+export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, }: GridProps): JSX.Element;

package/dist/Common/Grid/types.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-export interface GridProps {
-    container?: boolean;
-    spacing?: number;
-    item?: boolean;
-    xs?: number;
-    containerClass?: string;
-    itemClass?: string;
-    children?: React.ReactNode;
-}
+/// <reference types="react" />
+export interface GridProps {
+    container?: boolean;
+    spacing?: number;
+    item?: boolean;
+    xs?: number;
+    containerClass?: string;
+    itemClass?: string;
+    children?: React.ReactNode;
+}

package/dist/Common/Helper.d.ts

@@ -1,57 +1,60 @@
-import React from 'react';
-import { AsyncOptions, UseSearchString } from './Types';
-export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
-interface ConditionalWrapper<T> {
-    condition: boolean;
-    wrap: (children: T) => T;
-    children: T;
-}
-export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 0 | 1 | -1;
-export declare const stopPropagation: (event: any) => void;
-export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;
-export declare function getRandomColor(email: string): string;
-export declare const getAlphabetIcon: (str: string) => JSX.Element;
-export declare const getEmptyArrayOfLength: (length: number) => unknown[];
-export declare function noop(...args: any[]): any;
-export declare function not(e: any): boolean;
-export declare function useEffectAfterMount(cb: any, dependencies: any): void;
-export declare function getCookie(sKey: any): string;
-export declare function getLoginInfo(): any;
-export declare function useForm(stateSchema: any, validationSchema: {}, callback: any): {
-    state: any;
-    disable: boolean;
-    handleOnChange: (event: any) => void;
-    handleOnSubmit: (event: any) => void;
-};
-export declare function CustomInput({ name, value, error, onChange, onBlur, onFocus, label, type, disabled, autoComplete, labelClassName, placeholder, tabIndex, dataTestid, }: {
-    name: any;
-    value: any;
-    error: any;
-    onChange: any;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    label: any;
-    type?: string;
-    disabled?: boolean;
-    autoComplete?: string;
-    labelClassName?: string;
-    placeholder?: string;
-    tabIndex?: number;
-    dataTestid?: string;
-}): JSX.Element;
-export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
-export declare function useSearchString(): UseSearchString;
-export declare const closeOnEscKeyPressed: (e: any, actionClose: () => void) => void;
-export declare function useJsonYaml(value: any, tabSize?: number, language?: string, shouldRun?: boolean): any[];
-export declare function cleanKubeManifest(manifestJsonString: string): string;
-/**
- * It will copy the passed content to clipboard and invoke the callback function, in case of error it will show the toast message.
- * On HTTP system clipboard is not supported, so it will use the unsecureCopyToClipboard function
- * @param str
- * @param callback
- */
-export declare function copyToClipboard(str: any, callback?: typeof noop): void;
-export declare function useAsync<T>(func: (...rest: any[]) => Promise<T>, dependencyArray?: any[], shouldRun?: boolean, options?: AsyncOptions): [boolean, T, any | null, () => void, React.Dispatch<any>, any[]];
-export declare const processDeployedTime: (lastDeployed: any, isArgoInstalled: any) => string;
-export {};
+import * as Sentry from '@sentry/browser';
+import React from 'react';
+import { AsyncOptions, UseSearchString } from './Types';
+export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
+interface ConditionalWrapper<T> {
+    condition: boolean;
+    wrap: (children: T) => T;
+    children: T;
+}
+export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | -1 | 0;
+export declare const stopPropagation: (event: any) => void;
+export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;
+export declare function getRandomColor(email: string): string;
+export declare const getAlphabetIcon: (str: string, rootClassName?: string) => JSX.Element;
+export declare const getEmptyArrayOfLength: (length: number) => unknown[];
+export declare function noop(...args: any[]): any;
+export declare function not(e: any): boolean;
+export declare function useEffectAfterMount(cb: any, dependencies: any): void;
+export declare function getCookie(sKey: any): string;
+export declare function getLoginInfo(): any;
+export declare function useForm(stateSchema: any, validationSchema: {}, callback: any): {
+    state: any;
+    disable: boolean;
+    handleOnChange: (event: any) => void;
+    handleOnSubmit: (event: any) => void;
+};
+export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
+export declare function useSearchString(): UseSearchString;
+export declare const closeOnEscKeyPressed: (e: any, actionClose: () => void) => void;
+/**
+ * It will copy the passed content to clipboard and invoke the callback function, in case of error it will show the toast message.
+ * On HTTP system clipboard is not supported, so it will use the unsecureCopyToClipboard function
+ * @param str
+ * @param callback
+ */
+export declare function copyToClipboard(str: any, callback?: typeof noop): void;
+export declare function useAsync<T>(func: (...rest: any[]) => Promise<T>, dependencyArray?: any[], shouldRun?: boolean, options?: AsyncOptions): [boolean, T, any | null, () => void, React.Dispatch<any>, any[]];
+export declare const processDeployedTime: (lastDeployed: any, isArgoInstalled: any) => string;
+/**
+ * Appends search parameters to the url as a query string
+ *
+ * @param url URL to which the search params needs to be added
+ * @param params Object for the search parameters
+ */
+export declare const getUrlWithSearchParams: (url: string, params: Record<string | number, any>) => string;
+/**
+ * Custom exception logger function for logging errors to sentry
+ */
+export declare const logExceptionToSentry: typeof Sentry.captureException;
+export declare const customStyles: {
+    control: (base: any, state: any) => any;
+    indicatorSeparator: (base: any, state: any) => any;
+    valueContainer: (base: any, state: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+};
+export declare const getFilteredChartVersions: (charts: any, selectedChartType: any) => any;
+export declare function getUnlockedJSON(json: any, jsonPathArray: any): any;
+export declare function getLockedJSON(json: any, jsonPathArray: string[]): any;
+export {};

package/dist/Common/Hooks/UseClickOutside/UseClickOutside.d.ts

@@ -1 +1 @@
-export declare const useClickOutside: (ref: any, callback: () => void) => void;
+export declare const useClickOutside: (ref: any, callback: () => void) => void;

package/dist/Common/Hooks/UseSuperAdmin/UseSuperAdmin.d.ts

@@ -1,6 +1,6 @@
-import { useSuperAdminType } from './types';
-/**
- * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
- * @returns {useSuperAdminType} isSuperAdmin
- */
-export declare const useSuperAdmin: () => useSuperAdminType;
+import { useSuperAdminType } from './types';
+/**
+ * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
+ * @returns {useSuperAdminType} isSuperAdmin
+ */
+export declare const useSuperAdmin: () => useSuperAdminType;

package/dist/Common/Hooks/UseSuperAdmin/types.d.ts

@@ -1,3 +1,3 @@
-export interface useSuperAdminType {
-    isSuperAdmin: boolean;
-}
+export interface useSuperAdminType {
+    isSuperAdmin: boolean;
+}

package/dist/Common/Hooks/index.d.ts

@@ -1,2 +1,2 @@
-export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin';
-export { useClickOutside } from './UseClickOutside/UseClickOutside';
+export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin';
+export { useClickOutside } from './UseClickOutside/UseClickOutside';

package/dist/Common/ImageTags.Types.d.ts

@@ -1,40 +1,40 @@
-export interface ReleaseTag {
-    id: number;
-    tagName: string;
-    appId: number;
-    deleted: boolean;
-    artifactId: number;
-    duplicateTag: boolean;
-}
-export interface ImageComment {
-    id: number;
-    comment: string;
-    artifactId: number;
-}
-export interface ImageTaggingContainerType {
-    ciPipelineId?: number;
-    artifactId?: number;
-    imageComment?: ImageComment;
-    imageReleaseTags?: ReleaseTag[];
-    updateCurrentAppMaterial?: (matId: number, releaseTags?: ReleaseTag[], imageComment?: ImageComment) => void;
-    appReleaseTagNames?: string[];
-    tagsEditable?: boolean;
-    forceReInit?: boolean;
-    setAppReleaseTagNames?: (appReleaseTags: string[]) => void;
-    setTagsEditable?: (tagsEditable: boolean) => void;
-    toggleCardMode?: (id: number) => void;
-    hideHardDelete?: boolean;
-    isSuperAdmin?: boolean;
-}
-export interface ImageButtonType {
-    text: string;
-    isSoftDeleted: boolean;
-    isEditing: boolean;
-    onSoftDeleteClick?: any;
-    onHardDeleteClick?: any;
-    tagId: number;
-    softDeleteTags: any;
-    isSuperAdmin: any;
-    duplicateTag?: boolean;
-    hideHardDelete?: boolean;
-}
+export interface ReleaseTag {
+    id: number;
+    tagName: string;
+    appId: number;
+    deleted: boolean;
+    artifactId: number;
+    duplicateTag: boolean;
+}
+export interface ImageComment {
+    id: number;
+    comment: string;
+    artifactId: number;
+}
+export interface ImageTaggingContainerType {
+    ciPipelineId?: number;
+    artifactId?: number;
+    imageComment?: ImageComment;
+    imageReleaseTags?: ReleaseTag[];
+    updateCurrentAppMaterial?: (matId: number, releaseTags?: ReleaseTag[], imageComment?: ImageComment) => void;
+    appReleaseTagNames?: string[];
+    tagsEditable?: boolean;
+    forceReInit?: boolean;
+    setAppReleaseTagNames?: (appReleaseTags: string[]) => void;
+    setTagsEditable?: (tagsEditable: boolean) => void;
+    toggleCardMode?: (id: number) => void;
+    hideHardDelete?: boolean;
+    isSuperAdmin?: boolean;
+}
+export interface ImageButtonType {
+    text: string;
+    isSoftDeleted: boolean;
+    isEditing: boolean;
+    onSoftDeleteClick?: any;
+    onHardDeleteClick?: any;
+    tagId: number;
+    softDeleteTags: any;
+    isSuperAdmin: any;
+    duplicateTag?: boolean;
+    hideHardDelete?: boolean;
+}

package/dist/Common/ImageTags.d.ts

@@ -1,3 +1,4 @@
-import { ImageButtonType, ImageTaggingContainerType } from './ImageTags.Types';
-export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, isSuperAdmin }: ImageTaggingContainerType) => JSX.Element;
-export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, }: ImageButtonType) => JSX.Element;
+/// <reference types="react" />
+import { ImageButtonType, ImageTaggingContainerType } from './ImageTags.Types';
+export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, isSuperAdmin }: ImageTaggingContainerType) => JSX.Element;
+export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, }: ImageButtonType) => JSX.Element;

package/dist/Common/InfoColorBar/InfoColourbar.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-import { InfoColourBarType } from '../Types';
-declare function InfoColourBar({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, }: InfoColourBarType): JSX.Element;
-export default InfoColourBar;
+/// <reference types="react" />
+import { InfoColourBarType } from '../Types';
+import './infoColourBar.scss';
+declare function InfoColourBar({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, }: InfoColourBarType): JSX.Element;
+export default InfoColourBar;

package/dist/Common/Modals/Modal.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ModalType } from '../Types';
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;
+import React from 'react';
+import { ModalType } from '../Types';
+export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;

package/dist/Common/Modals/OpaqueModal.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export interface OpaqueModalProps {
-    className?: string;
-    onHide?: any;
-    noBackground?: boolean;
-}
-export declare class OpaqueModal extends React.Component<OpaqueModalProps> {
-    modalRef: HTMLElement;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactPortal;
-}
+import React from 'react';
+export interface OpaqueModalProps {
+    className?: string;
+    onHide?: any;
+    noBackground?: boolean;
+}
+export declare class OpaqueModal extends React.Component<OpaqueModalProps> {
+    modalRef: HTMLElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal;
+}

package/dist/Common/Modals/VisibleModal.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export declare class VisibleModal extends React.Component<{
-    className: string;
-    parentClassName?: string;
-    noBackground?: boolean;
-    close?: (e: any) => void;
-    onEscape?: (e: any) => void;
-}> {
-    modalRef: HTMLElement;
-    constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactPortal;
-}
+import React from 'react';
+export declare class VisibleModal extends React.Component<{
+    className: string;
+    parentClassName?: string;
+    noBackground?: boolean;
+    close?: (e: any) => void;
+    onEscape?: (e: any) => void;
+}> {
+    modalRef: HTMLElement;
+    constructor(props: any);
+    escFunction(event: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal;
+}

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export declare class VisibleModal2 extends React.Component<{
-    className: string;
-    close?: (e: any) => void;
-}> {
-    modalRef: HTMLElement;
-    constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactPortal;
-}
+import React from 'react';
+export declare class VisibleModal2 extends React.Component<{
+    className: string;
+    close?: (e: any) => void;
+}> {
+    modalRef: HTMLElement;
+    constructor(props: any);
+    escFunction(event: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal;
+}