react-asc 18.9.4 → 19.0.1

package/components/Checkbox/Checkbox.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 export interface ICheckboxProps extends React.ComponentProps<"input"> {
     label?: string;
     value?: string;
-    onChange?: (val: React.FocusEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent) => void;
 }
 export declare const Checkbox: (props: ICheckboxProps) => JSX.Element;

package/components/Drawer/Drawer.d.ts

@@ -1,8 +1,7 @@
-import React, { ReactNode } from 'react';
-export interface IDrawerProps {
-    children?: ReactNode;
+import React from 'react';
+export interface IDrawerProps extends React.ComponentProps<"div"> {
     position?: 'left' | 'right';
-    className?: string;
+    shadow?: boolean;
     onClickBackdrop?: () => void;
     permanent?: boolean;
     target?: HTMLElement;

package/components/Form/Form.d.ts

@@ -31,7 +31,7 @@ export declare class Form extends Component<IFormProps, IFormState> {
     private renderLabel;
     handleFormSubmit(): void;
     handleFormReset(): void;
-    handleOnKeyDown(e: KeyboardEvent): void;
+    handleOnKeyDown(e: React.KeyboardEvent<HTMLInputElement>): void;
     destroy(): void;
     getFormGroupCssClass(fieldKey: string): string | undefined;
     render(): JSX.Element;

package/components/Form/FormInput/FormInput.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { IFormInputOptions, IFormTextAreaOptions, IFormSelectOptions, IFormAutoCompleteOptions } from '../form.interfaces';
 import { IFormControlType } from '../form.types';
 export interface IFormInputEvent {
-    value?: any;
+    value: string | number | readonly string[] | undefined;
     type?: string;
     name?: string;
 }
 export interface IFormInputProps {
-    value: any;
+    value: string | number | readonly string[] | undefined;
     name: string;
     type: IFormControlType;
     placeholder?: string;
@@ -23,7 +23,7 @@ export interface IFormInputProps {
     label?: string;
     onInput?: (e: IFormInputEvent) => void;
     onChange?: (e: IFormInputEvent) => void;
-    onBlur?: (event: any) => void;
-    onKeyDown?: (event: any) => void;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
 }
 export declare const FormInput: (props: IFormInputProps) => JSX.Element;

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/Tabs/Tabs.d.ts

@@ -1,13 +1,17 @@
-import { ReactElement } from 'react';
+import React, { 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?: (event: any, newValue: string) => void;
+    onChange?: (e: ITabOnChangeEvent) => void;
     value?: string;
 }
 export declare const Tabs: (props: ITabsProps) => JSX.Element;

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/Tooltip/Tooltip.d.ts

@@ -1,7 +1,6 @@
-import { ReactElement } from 'react';
-export interface ITooltipProps {
+import React from 'react';
+export interface ITooltipProps extends React.ComponentProps<"div"> {
     placement?: 'top' | 'bottom' | 'right' | 'left';
     text?: string;
-    children: ReactElement;
 }
 export declare const Tooltip: (props: ITooltipProps) => 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';