react-asc 18.8.6 → 18.9.1

package/components/Alert/Alert.d.ts

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

package/components/AppBar/AppBar.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { COLOR, SIZE } from '../component.enums';
-export interface IAppBarProps {
+export interface IAppBarProps extends React.ComponentProps<"nav"> {
     children?: ReactNode;
     className?: string;
     color?: COLOR.primary | COLOR.light;

package/components/AppBar/AppBarTitle.d.ts

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

package/components/Backdrop/Backdrop.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
-interface IBackdropProps {
+interface IBackdropProps extends React.ComponentProps<"div"> {
     target?: HTMLElement;
-    onClick?: () => void;
     isTransparent?: boolean;
-    style?: any;
 }
 export declare const Backdrop: (props: IBackdropProps) => React.ReactPortal;
 export {};

package/components/Badge/Badge.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { COLOR } from "../component.enums";
-export interface IBadgeProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+export interface IBadgeProps extends React.ComponentProps<"div"> {
     color?: COLOR;
     content?: any;
-    onClick?: (e: React.MouseEvent) => void;
 }
 export declare const Badge: (props: IBadgeProps) => JSX.Element;

package/components/Breadcrumb/Breadcrumb.d.ts

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

package/components/Button/Button.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import { COLOR, VARIANT } from '../component.enums';
-export interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+export interface IButtonProps extends React.ComponentProps<"button"> {
     color?: COLOR;
     isActive?: boolean;
     isRounded?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
     variant?: VARIANT;
     startIcon?: React.SVGProps<SVGSVGElement>;
     endIcon?: React.SVGProps<SVGSVGElement>;
 }
-export declare const Button: (props: IButtonProps) => JSX.Element;
+export declare const Button: React.FunctionComponent<IButtonProps>;

package/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export interface IButtonGroupProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+export interface IButtonGroupProps extends React.ComponentProps<"div"> {
 }
 export declare const ButtonGroup: (props: IButtonGroupProps) => JSX.Element;

package/components/Card/Card.d.ts

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

package/components/Card/CardBody.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ICardBodyProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+interface ICardBodyProps extends React.ComponentProps<"div"> {
 }
 export declare const CardBody: (props: ICardBodyProps) => JSX.Element;
 export {};

package/components/Card/CardFooter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ICardFooter extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+interface ICardFooter extends React.ComponentProps<"div"> {
 }
 export declare const CardFooter: (props: ICardFooter) => JSX.Element;
 export {};

package/components/Card/CardImage.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-interface ICardImageProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
-    src?: string;
-    alt?: string;
-    className?: string;
+interface ICardImageProps extends React.ComponentProps<"img"> {
 }
 export declare const CardImage: (props: ICardImageProps) => JSX.Element;
 export {};

package/components/Card/CardSubtitle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ICardSubtitleProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+interface ICardSubtitleProps extends React.ComponentProps<"div"> {
 }
 export declare const CardSubtitle: (props: ICardSubtitleProps) => JSX.Element;
 export {};

package/components/Card/CardText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ICardTextProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+interface ICardTextProps extends React.ComponentProps<"p"> {
 }
 export declare const CardText: (props: ICardTextProps) => JSX.Element;
 export {};

package/components/Card/CardTitle.d.ts

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

package/components/Checkbox/Checkbox.d.ts

@@ -1,10 +1,5 @@
 import React from 'react';
-import { HtmlBaseProps } from '../component.interfaces';
-export interface ICheckboxProps extends HtmlBaseProps {
-    id?: string;
-    name?: string;
-    className?: string;
-    checked?: boolean;
+export interface ICheckboxProps extends React.ComponentProps<"input"> {
     label?: string;
     value?: string;
     onChange?: (val: React.FocusEvent<HTMLInputElement>) => void;

package/components/Chip/Chip.d.ts

@@ -1,14 +1,11 @@
-import React, { ReactNode } from "react";
+import React from "react";
 import { COLOR } from '../component.enums';
-export interface IChipProps {
+export interface IChipProps extends React.ComponentProps<"div"> {
     color?: COLOR;
-    children?: ReactNode;
-    className?: string;
     shadow?: boolean;
     onClick?: (e: React.MouseEvent<Element>) => void;
     isDeletable?: boolean;
     onDelete?: (e: React.MouseEvent<Element>) => void;
     deleteIcon?: any;
-    style?: any;
 }
 export declare const Chip: (props: IChipProps) => JSX.Element;

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

@@ -1,5 +1,5 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
-interface IFormHintProps {
+import React from 'react';
+interface IFormHintProps extends React.ComponentProps<"small"> {
 }
-export declare const FormHint: FunctionComponent<IFormHintProps & HTMLAttributes<HTMLElement>>;
+export declare const FormHint: (props: IFormHintProps) => JSX.Element;
 export {};

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

@@ -1,6 +1,4 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
-export interface IFormLabelProps {
-    className?: string;
-    htmlFor?: string;
+import { ComponentProps, FunctionComponent, HTMLAttributes } from 'react';
+export interface IFormLabelProps extends ComponentProps<"label"> {
 }
 export declare const FormLabel: FunctionComponent<IFormLabelProps & HTMLAttributes<HTMLLabelElement>>;

package/components/Icon/Icon.d.ts

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

package/components/IconButton/IconButton.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import { COLOR, SIZE, VARIANT } from '../component.enums';
-export interface IIconButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+export interface IIconButtonProps extends React.ComponentProps<"button"> {
     icon?: React.SVGProps<SVGSVGElement>;
     label?: string;
     color?: COLOR;
     size?: SIZE;
     isActive?: boolean;
-    disabled?: boolean;
     variant?: VARIANT;
     shadow?: boolean;
 }

package/components/Snackbar/Snackbar.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
+import React, { ComponentProps } from 'react';
 import { COLOR } from '../component.enums';
-export interface ISnackbarProps {
-    message: string;
+export interface ISnackbarProps extends ComponentProps<"div"> {
     color?: COLOR;
     actionText?: string;
-    onOk?: () => void;
+    onOk?: (e: React.MouseEvent) => void;
 }
 export declare const Snackbar: (props: ISnackbarProps) => JSX.Element;

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

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

package/components/SpeedDial/SpeedDialAction.d.ts

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