react-asc 23.2.0 → 23.3.2

package/components/Alert/Alert.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { VARIANT } from '../component.enums';
 import { COLOR, SIZE } from '../component.enums';
-export interface IAlertProps extends React.ComponentProps<"div"> {
+export interface IAlertProps extends React.ComponentProps<'div'> {
     children?: ReactNode;
     className?: string;
     variant?: VARIANT;

package/components/AppBar/AppBar.d.ts

@@ -1,9 +1,9 @@
 import React, { ReactNode } from 'react';
 import { COLOR, SIZE } from '../component.enums';
-export interface IAppBarProps extends React.ComponentProps<"nav"> {
+export interface IAppBarProps extends React.ComponentProps<'nav'> {
     children?: ReactNode;
     className?: string;
-    color?: COLOR.primary | COLOR.light;
+    color?: COLOR;
     shadow?: boolean | SIZE.sm | SIZE.md | SIZE.lg;
 }
 export declare const AppBar: (props: IAppBarProps) => JSX.Element;

package/components/AppBar/AppBarTitle.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export interface IAppBarTitleProps extends React.ComponentProps<"div"> {
+export interface IAppBarTitleProps extends React.ComponentProps<'div'> {
     children?: ReactNode;
 }
 export declare const AppBarTitle: (props: IAppBarTitleProps) => JSX.Element;

package/components/Backdrop/Backdrop.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IBackdropProps extends React.ComponentProps<"div"> {
+interface IBackdropProps extends React.ComponentProps<'div'> {
     target?: HTMLElement;
     isTransparent?: boolean;
 }

package/components/Badge/Badge.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { COLOR } from "../component.enums";
-export interface IBadgeProps extends React.ComponentProps<"div"> {
+import { COLOR } from '../component.enums';
+export interface IBadgeProps extends React.ComponentProps<'div'> {
     color?: COLOR;
     content?: React.ReactNode;
 }

package/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export interface IBreadcrumbProps extends React.ComponentProps<"nav"> {
+export interface IBreadcrumbProps extends React.ComponentProps<'nav'> {
     children?: ReactNode;
 }
 export declare const Breadcrumb: (props: IBreadcrumbProps) => JSX.Element;

package/components/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { COLOR, VARIANT } from '../component.enums';
-export interface IButtonProps extends React.ComponentProps<"button"> {
+export interface IButtonProps extends React.ComponentProps<'button'> {
     color?: COLOR;
     isActive?: boolean;
     isRounded?: boolean;

package/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const ButtonGroup: (props: React.ComponentProps<"div">) => JSX.Element;
+export declare const ButtonGroup: (props: React.ComponentProps<'div'>) => JSX.Element;

package/components/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ICardProps extends React.ComponentProps<"div"> {
+interface ICardProps extends React.ComponentProps<'div'> {
     shadow?: boolean;
 }
 export declare const Card: (props: ICardProps) => JSX.Element;

package/components/Card/CardBody.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CardBody: (props: React.ComponentProps<"div">) => JSX.Element;
+export declare const CardBody: (props: React.ComponentProps<'div'>) => JSX.Element;

package/components/Card/CardFooter.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CardFooter: (props: React.ComponentProps<"div">) => JSX.Element;
+export declare const CardFooter: (props: React.ComponentProps<'div'>) => JSX.Element;

package/components/Card/CardImage.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CardImage: (props: React.ComponentProps<"img">) => JSX.Element;
+export declare const CardImage: (props: React.ComponentProps<'img'>) => JSX.Element;

package/components/Card/CardSubtitle.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CardSubtitle: (props: React.ComponentProps<"div">) => JSX.Element;
+export declare const CardSubtitle: (props: React.ComponentProps<'div'>) => JSX.Element;

package/components/Card/CardText.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CardText: (props: React.ComponentProps<"p">) => JSX.Element;
+export declare const CardText: (props: React.ComponentProps<'p'>) => JSX.Element;

package/components/Card/CardTitle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ICardTitleProps extends React.ComponentProps<"div"> {
+interface ICardTitleProps extends React.ComponentProps<'div'> {
     as?: any;
 }
 export declare const CardTitle: (props: ICardTitleProps) => JSX.Element;

package/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ICheckboxProps extends React.ComponentProps<"input"> {
+export interface ICheckboxProps extends React.ComponentProps<'input'> {
     label?: string;
     value?: string;
     onKeyDown?: (event: React.KeyboardEvent) => void;

package/components/Chip/Chip.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
 import { COLOR } from '../component.enums';
-export interface IChipProps extends React.ComponentProps<"div"> {
+export interface IChipProps extends React.ComponentProps<'div'> {
     color?: COLOR;
     shadow?: boolean;
     onClick?: (e: React.MouseEvent<Element>) => void;

package/components/ConditionalWrapper/ConditionalWrapper.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface IConditionalWrapperProps {
     condition: boolean;
     wrapper: (children: React.ReactNode) => JSX.Element;

package/components/CssTransition/CssTransition.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 interface ICssTransitionProps {
     className: string;
     children: React.ReactNode;
-    show: boolean | undefined;
+    show: boolean;
 }
 export declare const CssTransition: (props: ICssTransitionProps) => JSX.Element;
 export {};

package/components/Drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface IDrawerProps extends React.ComponentProps<"div"> {
+export interface IDrawerProps extends React.ComponentProps<'div'> {
     position?: 'left' | 'right';
     shadow?: boolean;
     onClickBackdrop?: () => void;

package/components/Form/FormHint/FormHint.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const FormHint: (props: React.ComponentProps<"small">) => JSX.Element;
+export declare const FormHint: (props: React.ComponentProps<'small'>) => JSX.Element;

package/components/Form/FormLabel/FormLabel.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const FormLabel: ({ children, className, htmlFor, ...rest }: React.ComponentProps<"label">) => JSX.Element;
+export declare const FormLabel: ({ children, className, htmlFor, ...rest }: React.ComponentProps<'label'>) => JSX.Element;

package/components/Grid/Column/Column.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IColProps extends React.ComponentProps<"div"> {
+interface IColProps extends React.ComponentProps<'div'> {
     xs?: number;
     sm?: number;
     md?: number;

package/components/Grid/Row/Row.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface IContainerProps extends React.ComponentProps<"div"> {
+export interface IContainerProps extends React.ComponentProps<'div'> {
     direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
 }
 export declare const Row: ({ children, direction, className, ...rest }: IContainerProps) => JSX.Element;

package/components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
 import { COLOR } from '../component.enums';
-export interface IIconProps extends ComponentProps<"div"> {
+export interface IIconProps extends ComponentProps<'div'> {
     iconColor?: COLOR;
 }
 export declare const Icon: (props: IIconProps) => JSX.Element;

package/components/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { COLOR, SIZE, VARIANT } from '../component.enums';
-export interface IIconButtonProps extends React.ComponentProps<"button"> {
+export interface IIconButtonProps extends React.ComponentProps<'button'> {
     icon?: React.SVGProps<SVGSVGElement>;
     color?: COLOR;
     size?: SIZE;

package/components/Link/Link.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Link: (props: React.ComponentProps<"a">) => JSX.Element;
+export declare const Link: (props: React.ComponentProps<'a'>) => JSX.Element;

package/components/List/List.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface IListProps extends React.ComponentProps<"ul"> {
+export interface IListProps extends React.ComponentProps<'ul'> {
     isFlush?: boolean;
 }
 export declare const List: (props: IListProps) => JSX.Element;

package/components/List/ListItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { COLOR } from '../component.enums';
-export interface IListItemProps extends React.ComponentProps<"li"> {
+export interface IListItemProps extends React.ComponentProps<'li'> {
     color?: COLOR;
     active?: boolean;
     isHoverable?: boolean;

package/components/List/ListItemAction.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const ListItemAction: ({ children, onClick, ...rest }: React.ComponentProps<"div">) => JSX.Element;
+export declare const ListItemAction: ({ children, onClick, ...rest }: React.ComponentProps<'div'>) => JSX.Element;

package/components/List/ListItemAvatar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IListItemAvatarProps extends React.ComponentProps<"div"> {
+interface IListItemAvatarProps extends React.ComponentProps<'div'> {
     avatar: React.SVGProps<SVGSVGElement> | React.ImgHTMLAttributes<HTMLImageElement>;
 }
 export declare const ListItemAvatar: ({ avatar, ...rest }: IListItemAvatarProps) => JSX.Element;

package/components/List/ListItemIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IListItemIconProps extends React.ComponentProps<"div"> {
+interface IListItemIconProps extends React.ComponentProps<'div'> {
     icon: React.SVGProps<SVGSVGElement>;
 }
 export declare const ListItemIcon: ({ icon, ...rest }: IListItemIconProps) => JSX.Element;

package/components/List/ListItemText.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-interface IListItemTextProps extends React.ComponentProps<"div"> {
+interface IListItemTextProps extends React.ComponentProps<'div'> {
     primary: ReactNode;
     secondary?: ReactNode;
 }

package/components/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const LoadingIndicator: ({ ...rest }: React.ComponentProps<"div">) => JSX.Element;
+export declare const LoadingIndicator: ({ ...rest }: React.ComponentProps<'div'>) => JSX.Element;

package/components/Modal/GlobalModal.d.ts

@@ -10,10 +10,11 @@ interface IModalProps {
     modalType?: MODALTYPE;
     onOk?: (values?: IFormValues) => void;
     onCancel?: () => void;
+    onBackdropClick?: () => void;
     isDismissable?: boolean;
     buttons?: Array<IModalButton>;
     fullScreen?: boolean;
     size?: SIZE;
 }
-export declare const GlobalModal: ({ title, description, formControls, onOk, onCancel, isDismissable, buttons, size, fullScreen }: IModalProps) => JSX.Element;
+export declare const GlobalModal: ({ title, description, formControls, onOk, onCancel, onBackdropClick, isDismissable, buttons, size, fullScreen }: IModalProps) => JSX.Element;
 export {};

package/components/Sidebar/Sidebar.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
 import { ISidebarItem } from './sidebar.interfaces';
-interface ISidebarProps extends React.ComponentProps<"nav"> {
+interface ISidebarProps extends React.ComponentProps<'nav'> {
     items: Array<ISidebarItem>;
     currentUrl: string;
     onItemClicked: (path: string) => void;

package/components/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentProps } from 'react';
 import { COLOR } from '../component.enums';
-export interface ISnackbarProps extends ComponentProps<"div"> {
+export interface ISnackbarProps extends ComponentProps<'div'> {
     color?: COLOR;
     actionText?: string;
     onOk?: (e: React.MouseEvent) => void;

package/components/Table/TableBody.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const TableBody: (props: React.ComponentProps<"tbody">) => JSX.Element;
+export declare const TableBody: (props: React.ComponentProps<'tbody'>) => JSX.Element;

package/components/Table/TableCell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ITableCellProps extends React.ComponentProps<"th">, React.ComponentProps<"td"> {
+export interface ITableCellProps extends React.ComponentProps<'th'>, React.ComponentProps<'td'> {
     component?: 'th';
 }
 export declare const TableCell: (props: ITableCellProps) => JSX.Element;

package/components/Table/TableHead.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const TableHead: (props: React.ComponentProps<"thead">) => JSX.Element;
+export declare const TableHead: (props: React.ComponentProps<'thead'>) => JSX.Element;

package/components/Table/TableRow.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const TableRow: (props: React.ComponentProps<"tr">) => JSX.Element;
+export declare const TableRow: (props: React.ComponentProps<'tr'>) => JSX.Element;

package/components/Textarea/Textarea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ITextareaProps extends React.ComponentProps<"textarea"> {
+export interface ITextareaProps extends React.ComponentProps<'textarea'> {
     error?: boolean;
 }
 export declare const Textarea: (props: ITextareaProps) => JSX.Element;

package/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ITooltipProps extends React.ComponentProps<"div"> {
+export interface ITooltipProps extends React.ComponentProps<'div'> {
     placement?: 'top' | 'bottom' | 'right' | 'left';
     text?: string;
 }

package/components/TreeView/TreeItem.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export interface ITreeItemProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
     nodeId?: string;
     label?: string;

package/components/TreeView/TreeView.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
-export declare const TreeView: (props: React.ComponentProps<"ul">) => JSX.Element;
+import React from 'react';
+export declare const TreeView: (props: React.ComponentProps<'ul'>) => JSX.Element;

package/components/Typography/Typography.d.ts

@@ -5,7 +5,7 @@ export interface IWrapperProps {
     className?: string;
     wrap?: boolean;
 }
-export interface ITypographyProps extends React.ComponentProps<"span"> {
+export interface ITypographyProps extends React.ComponentProps<'span'> {
     as?: string;
     wrap?: boolean;
 }

package/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useCssClasses';
 export * from './useHover';
 export * from './useMobileDetect';
 export * from './useWindowSize';
+export * from './useOnDestroy';

package/hooks/useDebounce.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
+import React from 'react';
 export declare function useDebounce(callback: () => void, timeout: number, deps: React.DependencyList): void;

package/hooks/useOnDestroy.d.ts

@@ -0,0 +1 @@
+export declare const useOnDestroy: (callBack: () => void) => void;