react-asc 23.7.2 → 25.0.0

package/components/Button/Button.d.ts

@@ -5,8 +5,8 @@ export interface IButtonProps extends React.ComponentProps<'button'> {
     isActive?: boolean;
     isRounded?: boolean;
     variant?: VARIANT;
-    startIcon?: React.SVGProps<SVGSVGElement>;
-    endIcon?: React.SVGProps<SVGSVGElement>;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
     shadow?: boolean;
     block?: boolean;
 }

package/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { COLOR, SIZE } from '../component.enums';
 export interface IFloatingActionButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    icon?: React.SVGProps<SVGSVGElement>;
+    icon?: React.ReactNode;
     color?: COLOR;
     size?: SIZE;
     fixed?: boolean;

package/components/Icon/Icon.d.ts

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

package/components/IconButton/IconButton.d.ts

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

package/components/List/ListItemAvatar.d.ts

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

package/components/List/ListItemIcon.d.ts

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

package/components/Menu/Menu.d.ts

@@ -1,10 +1,10 @@
 import React, { ReactElement } from 'react';
 import { MenuPosition } from './menu.types';
-import { IMenuItemProps } from './MenuItem';
+import { IListItemProps } from '../List';
 export interface IMenuProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     toggle?: ReactElement;
     open?: boolean;
-    children?: ReactElement<IMenuItemProps> | Array<ReactElement<IMenuItemProps>>;
+    children?: ReactElement<IListItemProps> | Array<ReactElement<IListItemProps>>;
     menuPosition?: MenuPosition;
     onClickBackdrop?: () => void;
 }

package/components/Menu/MenuBody.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactElement } from 'react';
 import { MenuPosition } from './menu.types';
-import { IMenuItemProps } from './MenuItem';
+import { IListItemProps } from '../List';
 export interface IMenuBodyProps {
-    children?: ReactElement<IMenuItemProps> | Array<ReactElement<IMenuItemProps>>;
+    children?: ReactElement<IListItemProps> | Array<ReactElement<IListItemProps>>;
     className?: string;
     menuPosition?: MenuPosition;
     parentRef: React.RefObject<HTMLDivElement>;

package/components/Menu/MenuItem.d.ts

@@ -1,8 +1,3 @@
-import React, { ReactNode } from 'react';
-export interface IMenuItemProps {
-    key?: string;
-    children?: ReactNode;
-    onClick?: (e: React.MouseEvent) => void;
-    type?: 'item' | 'header';
-}
-export declare const MenuItem: (props: IMenuItemProps) => JSX.Element;
+/// <reference types="react" />
+import { IListItemProps } from '../List';
+export declare const MenuItem: (props: IListItemProps) => JSX.Element;

package/components/Modal/GlobalModal.d.ts

@@ -8,7 +8,8 @@ interface IModalProps {
     description?: string | ReactElement;
     formControls?: IControls;
     modalType?: MODALTYPE;
-    onOk?: (values?: IFormValues) => void;
+    onOk: (values?: IFormValues) => void;
+    onChange?: (values?: IFormValues) => void;
     onCancel?: () => void;
     onBackdropClick?: () => void;
     isDismissable?: boolean;
@@ -16,5 +17,5 @@ interface IModalProps {
     fullScreen?: boolean;
     size?: SIZE;
 }
-export declare const GlobalModal: ({ title, description, formControls, onOk, onCancel, onBackdropClick, isDismissable, buttons, size, fullScreen }: IModalProps) => JSX.Element;
+export declare const GlobalModal: ({ title, description, formControls, onOk, onChange, onCancel, onBackdropClick, isDismissable, buttons, size, fullScreen }: IModalProps) => JSX.Element;
 export {};

package/components/Modal/modal.service.d.ts

@@ -1,12 +1,11 @@
-import { IControls, IFormValues } from '../Form';
+import { IControls } from '../Form';
 import { ReactElement } from 'react';
 import { IModalButton } from './modal.interfaces';
 import { SIZE } from '../component.enums';
 export interface IModalService {
-    show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void | IFormValues>;
+    show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void>;
 }
 export interface IModalOptions {
-    formControls?: IControls;
     isDismissable?: boolean;
     buttons?: Array<IModalButton>;
     fullScreen?: boolean;
@@ -14,7 +13,9 @@ export interface IModalOptions {
 }
 declare class ModalService implements IModalService {
     private container;
-    show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void | IFormValues>;
+    private root;
+    show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void>;
+    showForm<T>(title: string, formControls: IControls, options?: IModalOptions): Promise<T>;
     private hide;
 }
 export declare const modalService: ModalService;

package/components/Snackbar/snackbar.service.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { COLOR } from '../component.enums';
 export interface ISnackbarService {
-    show(message: React.ReactChildren | string, options?: ISnackbarOptions): Promise<void>;
+    show(message: React.ReactNode | string, options?: ISnackbarOptions): Promise<void>;
 }
 export interface ISnackbarOptions {
     actionText?: string;
@@ -12,7 +12,8 @@ export interface ISnackbarOptions {
 declare class SnackbarService implements ISnackbarService {
     private container;
     private handler;
-    show(message: React.ReactChildren | string, options?: ISnackbarOptions): Promise<void>;
+    private root;
+    show(message: React.ReactNode | string, options?: ISnackbarOptions): Promise<void>;
     private hide;
 }
 export declare const snackbarService: SnackbarService;

package/components/SpeedDial/SpeedDialAction.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { COLOR } from '../component.enums';
 export interface ISpeedDialActionProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    icon: React.SVGProps<SVGSVGElement>;
+    icon: React.ReactNode;
     tooltipTitle?: string;
     color?: COLOR;
     onClick?: (e: React.MouseEvent) => void;

package/components/Tabs/Tab.d.ts

@@ -2,8 +2,6 @@ import React, { ReactNode } from 'react';
 export interface ITabProps {
     label: ReactNode;
     value: string;
-    isActive?: boolean;
-    fixed?: boolean;
     disabled?: boolean;
     className?: string;
     onClick?: (e: {

package/components/Tabs/TabContext.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch } from 'react';
+export interface ITabsContext {
+    fixed: boolean;
+    selectedValue: string;
+    setSelectedValue: Dispatch<string>;
+}
+export declare const TabContext: import("react").Context<ITabsContext>;
+export declare const useTabContext: () => ITabsContext;

package/components/Tabs/Tabs.d.ts

@@ -1,17 +1,13 @@
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { COLOR } from '../component.enums';
 import { ITabProps } from './Tab';
-export interface ITabOnChangeEvent {
-    event: React.MouseEvent;
-    newValue: string;
-}
 export interface ITabsProps {
     color?: COLOR;
     indicatorColor?: COLOR;
     children?: ReactElement<ITabProps> | Array<ReactElement<ITabProps>>;
     className?: string;
     fixed?: boolean;
-    onChange?: (e: ITabOnChangeEvent) => void;
+    onChange?: (value: string) => void;
     value?: string;
 }
 export declare const Tabs: (props: ITabsProps) => JSX.Element;

package/hooks/useWindowSize.d.ts

@@ -1,4 +1,5 @@
-export declare function useWindowSize(): {
+export interface IUseWindowSize {
     width: number;
     height: number;
-};
+}
+export declare function useWindowSize(): IUseWindowSize;