react-asc 18.9.3 → 19.0.0

package/components/List/List.d.ts

@@ -1,8 +1,5 @@
-import { ReactElement } from 'react';
-import { IListItemProps } from './ListItem';
-export interface IListProps {
-    children?: ReactElement<IListItemProps> | Array<ReactElement<IListItemProps>>;
-    className?: string;
+import React from 'react';
+export interface IListProps extends React.ComponentProps<"ul"> {
     isFlush?: boolean;
 }
 export declare const List: (props: IListProps) => JSX.Element;

package/components/List/ListItem.d.ts

@@ -1,13 +1,9 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { COLOR } from '../component.enums';
-export interface IListItemProps {
-    id?: string;
-    children?: ReactNode;
+export interface IListItemProps extends React.ComponentProps<"li"> {
     color?: COLOR;
     active?: boolean;
-    className?: string;
     isHoverable?: boolean;
     disabled?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
 }
 export declare const ListItem: (props: IListItemProps) => JSX.Element;

package/components/List/ListItemAction.d.ts

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

package/components/List/ListItemAvatar.d.ts

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

package/components/List/ListItemText.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-interface IListItemTextProps {
+import React, { ReactNode } from 'react';
+interface IListItemTextProps extends React.ComponentProps<"div"> {
     primary: ReactNode;
     secondary?: ReactNode;
 }
-export declare const ListItemText: ({ primary, secondary }: IListItemTextProps) => JSX.Element;
+export declare const ListItemText: ({ primary, secondary, ...rest }: IListItemTextProps) => JSX.Element;
 export {};

package/components/LoadingIndicator/LoadingIndicator.d.ts

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

package/components/Modal/GlobalModal.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { SIZE } from '..';
+import { SIZE } from '../component.enums';
 import { IControls, IFormValues } from '../Form';
 import { MODALTYPE } from './modal.enum';
 import { IModalButton } from './modal.interfaces';

package/components/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { SIZE } from '..';
+import { SIZE } from '../component.enums';
 export interface IModalProps {
     className?: string;
     children?: ReactNode;

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

@@ -1,7 +1,7 @@
 import { IControls, IFormValues } from '../Form';
 import { ReactElement } from 'react';
 import { IModalButton } from './modal.interfaces';
-import { SIZE } from '..';
+import { SIZE } from '../component.enums';
 export interface IModalService {
     show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void | IFormValues>;
 }

package/components/Sidebar/Sidebar.d.ts

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

package/components/Textarea/Textarea.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
-export interface ITextareaProps extends React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
-}
-export declare const Textarea: (props: ITextareaProps) => JSX.Element;
+export declare const Textarea: (props: React.ComponentProps<"textarea">) => JSX.Element;

package/components/TreeView/TreeView.d.ts

@@ -1,6 +1,2 @@
-/// <reference types="react" />
-export interface ITreeViewProps {
-    children?: any;
-    className?: string;
-}
-export declare const TreeView: (props: ITreeViewProps) => JSX.Element;
+import React from "react";
+export declare const TreeView: (props: React.ComponentProps<"ul">) => JSX.Element;

package/components/Typography/Typography.d.ts

@@ -1,13 +1,10 @@
-import { ReactElement } from 'react';
+import React from 'react';
 export interface IWrapperProps {
     as?: string;
-    children: ReactElement;
+    children: React.ReactNode;
     className?: string;
 }
-export interface ITypographyProps {
+export interface ITypographyProps extends React.ComponentProps<"span"> {
     as?: string;
-    children: any;
-    className?: string;
-    style?: any;
 }
 export declare const Typography: ({ children, as, ...rest }: ITypographyProps) => JSX.Element;

package/index.d.ts

@@ -1,3 +1,3 @@
 export * from './components';
 export * from './hooks';
-export * from './assets/icons';
+export * from './icons';