react-asc 18.9.6 → 19.0.3

package/components/AutoComplete/AutoComplete.d.ts

@@ -15,6 +15,5 @@ export interface IAutoCompleteProps {
     showClearButton?: boolean;
     onSelect?: (val: ISelectOption) => void;
     onChange?: (val: string | undefined) => void;
-    onKeyDown?: (event: any) => void;
 }
 export declare const AutoComplete: (props: IAutoCompleteProps) => JSX.Element;

package/components/Badge/Badge.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { COLOR } from "../component.enums";
 export interface IBadgeProps extends React.ComponentProps<"div"> {
     color?: COLOR;
-    content?: any;
+    content?: React.ReactNode;
 }
 export declare const Badge: (props: IBadgeProps) => JSX.Element;

package/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,9 +1,6 @@
-import React, { ReactNode } from 'react';
-export interface IBreadcrumbItemProps {
-    className?: string;
+import React from 'react';
+export interface IBreadcrumbItemProps extends React.ComponentProps<'li'> {
     isActive?: boolean;
     path?: string;
-    children?: ReactNode;
-    onClick?: (event: React.MouseEvent) => void;
 }
 export declare const BreadcrumbItem: (props: IBreadcrumbItemProps) => JSX.Element;

package/components/ButtonGroup/ButtonGroup.d.ts

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

package/components/Card/CardBody.d.ts

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

package/components/Card/CardFooter.d.ts

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

package/components/Card/CardImage.d.ts

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

package/components/Card/CardSubtitle.d.ts

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

package/components/Card/CardText.d.ts

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

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

@@ -6,6 +6,6 @@ export interface IChipProps extends React.ComponentProps<"div"> {
     onClick?: (e: React.MouseEvent<Element>) => void;
     isDeletable?: boolean;
     onDelete?: (e: React.MouseEvent<Element>) => void;
-    deleteIcon?: any;
+    deleteIcon?: JSX.Element;
 }
 export declare const Chip: (props: IChipProps) => JSX.Element;

package/components/ConditionalWrapper/ConditionalWrapper.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 interface IConditionalWrapperProps {
     condition: boolean;
-    wrapper: (children: React.ReactNode) => any;
-    children: React.ReactNode;
+    wrapper: (children: React.ReactNode) => JSX.Element;
+    children: any;
 }
 export declare const ConditionalWrapper: ({ condition, wrapper, children }: IConditionalWrapperProps) => any;
 export {};

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

@@ -7,6 +7,6 @@ export interface IFloatingActionButtonProps extends React.DetailedHTMLProps<Reac
     fixed?: boolean;
     isActive?: boolean;
     disabled?: boolean;
-    onClick?: (e: any) => void;
+    onClick?: (e: React.MouseEvent) => void;
 }
 export declare const FloatingActionButton: (props: IFloatingActionButtonProps) => JSX.Element;

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 | undefined>): void;
     destroy(): void;
     getFormGroupCssClass(fieldKey: string): string | undefined;
     render(): JSX.Element;

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

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

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

@@ -1,8 +1,8 @@
-/// <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: any;
     type?: string;
     name?: 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/Form/FormLabel/FormLabel.d.ts

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

package/components/Form/form.interfaces.d.ts

@@ -3,7 +3,7 @@ export interface IControls {
     [key: string]: FormControl;
 }
 export interface IFormValues {
-    [key: string]: any;
+    [key: string]: unknown;
 }
 export interface IFormTextAreaOptions {
     rows: number;

package/components/Form/form.models.d.ts

@@ -2,10 +2,10 @@ import { IFormControlConfig, IFormInputError } from './form.interfaces';
 import { IFormControlType } from './form.types';
 export declare class FormControl {
     value: any;
-    validators: Array<any>;
+    validators: Array<string>;
     type: IFormControlType;
     config: IFormControlConfig;
-    constructor(value: any, validators: Array<any>, type: IFormControlType, config: IFormControlConfig);
+    constructor(value: any, validators: Array<string>, type: IFormControlType, config: IFormControlConfig);
     errors: Array<IFormInputError>;
     isValid: boolean;
     isDirty: boolean;

package/components/Form/validators/IsEmptyValidator.d.ts

@@ -1 +1 @@
-export declare const IsEmptyValidator: (value: any) => boolean;
+export declare const IsEmptyValidator: (value: unknown) => boolean;

package/components/Form/validators/IsEqualValidator.d.ts

@@ -1 +1 @@
-export declare const IsEqualValidator: (valueA: any, valueB: any) => boolean;
+export declare const IsEqualValidator: (valueA: unknown, valueB: unknown) => boolean;

package/components/List/list.models.d.ts

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { IListItemProps } from './ListItem';
 export declare class ListItemModel {
     constructor(dto: ReactElement<IListItemProps>);
-    key: any;
+    key: unknown;
     props: IListItemProps | undefined;
-    type: any;
+    type: unknown;
 }

package/components/LoadingIndicator/LoadingIndicator.d.ts

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

package/components/LoadingIndicator/loading-indicator.service.d.ts

@@ -1,12 +1,10 @@
 export interface ILoadingIndicatorService {
-    show(message: string, options?: ILoadingIndicatorOptions): Promise<void>;
-}
-export interface ILoadingIndicatorOptions {
+    show(message: string): void;
 }
 declare class LoadingIndicatorService implements ILoadingIndicatorService {
     private container;
     private handler;
-    show(): Promise<void>;
+    show(): void;
     hide(): void;
 }
 export declare const loadingIndicatorService: LoadingIndicatorService;

package/components/Menu/Menu.d.ts

@@ -6,7 +6,6 @@ export interface IMenuProps extends React.DetailedHTMLProps<React.HtmlHTMLAttrib
     open?: boolean;
     children?: ReactElement<IMenuItemProps> | Array<ReactElement<IMenuItemProps>>;
     menuPosition?: MenuPosition;
-    onToggleClick?: (e: Event) => void;
     onClickBackdrop?: () => void;
 }
 export declare const Menu: (props: IMenuProps) => JSX.Element;

package/components/Menu/MenuBody.d.ts

@@ -5,7 +5,7 @@ export interface IMenuBodyProps {
     children?: ReactElement<IMenuItemProps> | Array<ReactElement<IMenuItemProps>>;
     className?: string;
     menuPosition?: MenuPosition;
-    parentRef: React.RefObject<any>;
+    parentRef: React.RefObject<HTMLDivElement>;
     shadow?: boolean;
     onClickBackdrop?: () => void;
 }

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,12 +1,12 @@
 import { ReactElement, ReactNode } from 'react';
-import { SIZE } from '..';
+import { SIZE } from '../component.enums';
 export interface IModalProps {
     className?: string;
     children?: ReactNode;
     header?: string;
     footer?: string | ReactElement;
-    onHeaderCloseClick?: Function;
-    onBackdropClick?: Function;
+    onHeaderCloseClick?: () => void;
+    onBackdropClick?: () => void;
     isDismissable?: boolean;
     fullScreen?: boolean;
     size?: SIZE;

package/components/Modal/ModalHeader.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode } from 'react';
-interface IModalHeaderProps {
-    children?: ReactNode;
-    onClose?: Function;
+import React from 'react';
+interface IModalHeaderProps extends React.ComponentProps<'div'> {
+    onClose?: () => void;
     isDismissable?: boolean;
 }
 export declare const ModalHeader: (props: IModalHeaderProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ISelectOption } from '../component.interfaces';
 export interface ISelectProps {
     id?: string;
@@ -10,6 +10,6 @@ export interface ISelectProps {
     multipleMaxCountItems?: number;
     disabled?: boolean;
     onChange?: (val: string | Array<string>) => void;
-    onKeyDown?: (event: any) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
 }
 export declare const Select: (props: ISelectProps) => JSX.Element;

package/components/SpeedDial/SpeedDialActions.d.ts

@@ -1,6 +1,2 @@
-/// <reference types="react" />
-interface ISpeedDialActionsProps {
-    children: any;
-}
-export declare const SpeedDialActions: (props: ISpeedDialActionsProps) => JSX.Element;
-export {};
+import React from 'react';
+export declare const SpeedDialActions: (props: React.ComponentProps<'div'>) => JSX.Element;

package/components/Stepper/Step/Step.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface IStepProps {
     value: string;
     index?: number;
@@ -11,6 +11,9 @@ export interface IStepProps {
     isOptional?: boolean;
     className?: string;
     showProgressCheckIcon?: boolean;
-    onClick?: (event: any, value: string) => void;
+    onClick?: (e: {
+        event: React.MouseEvent;
+        value: string;
+    }) => void;
 }
 export declare const Step: (props: IStepProps) => JSX.Element;

package/components/Tabs/Tab.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface ITabProps {
     label: ReactNode;
     value: string;
@@ -6,6 +6,9 @@ export interface ITabProps {
     fixed?: boolean;
     disabled?: boolean;
     className?: string;
-    onClick?: (event: any, value: string) => void;
+    onClick?: (e: {
+        event: React.MouseEvent;
+        value: string;
+    }) => void;
 }
 export declare const Tab: (props: ITabProps) => JSX.Element;

package/components/Tabs/TabIndicator.d.ts

@@ -4,7 +4,7 @@ export interface ITabIndicatorProps extends React.DetailedHTMLProps<React.HtmlHT
     amount?: number;
     index?: number;
     color?: COLOR;
-    width?: any;
-    left?: any;
+    width?: string;
+    left?: number;
 }
 export declare const TabIndicator: (props: ITabIndicatorProps) => JSX.Element;

package/components/Tabs/TabPanel.d.ts

@@ -2,6 +2,5 @@ import React from 'react';
 export interface ITabPanelProps extends React.DetailedHTMLProps<React.HTMLProps<HTMLDivElement>, HTMLDivElement> {
     value: string;
     index: string;
-    className?: string;
 }
 export declare const TabPanel: (props: ITabPanelProps) => JSX.Element;

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

@@ -1,13 +1,14 @@
-/// <reference types="react" />
-export interface ITreeItemProps {
+import React from "react";
+export interface ITreeItemProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
     nodeId: string;
     label: string;
-    children?: any;
-    className?: string;
     isExpanded?: boolean;
     isSelected?: boolean;
     isSelectable?: boolean;
     onToggleExpand?: (id: string) => void;
-    onSelect?: (id: string, isSelected: boolean) => void;
+    onItemSelect?: (e: {
+        id: string;
+        isSelected: boolean;
+    }) => void;
 }
 export declare const TreeItem: (props: ITreeItemProps) => JSX.Element;

package/hooks/useConstructor.d.ts

@@ -1 +1 @@
-export declare const useConstructor: (callBack?: () => void) => void;
+export declare const useConstructor: (callBack: () => void) => void;

package/hooks/useDebounce.d.ts

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

package/hooks/useHover.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function useHover(): (boolean | import("react").MutableRefObject<null>)[];
+import { RefObject } from 'react';
+export declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean;

package/index.d.ts

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