react-asc 20.2.0 → 21.0.0

package/components/List/ListItem.d.ts

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

package/components/List/ListItemAction.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ListItemAction: ({ children, onClick, ...rest }: React.ComponentProps<"div">) => JSX.Element;

package/components/List/ListItemAvatar.d.ts

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

package/components/List/ListItemIcon.d.ts

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

package/components/List/ListItemText.d.ts

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

package/components/List/index.d.ts

@@ -0,0 +1,6 @@
+export * from './List';
+export * from './ListItem';
+export * from './ListItemAvatar';
+export * from './ListItemIcon';
+export * from './ListItemAction';
+export * from './ListItemText';

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

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

package/components/LoadingIndicator/LoadingIndicator.d.ts

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

package/components/LoadingIndicator/LoadingIndicatorContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ILoadingIndicatorContainerProps {
+    children: React.ReactNode;
+}
+export declare const LoadingIndicatorContainer: ({ children }: ILoadingIndicatorContainerProps) => JSX.Element;

package/components/LoadingIndicator/index.d.ts

@@ -0,0 +1,3 @@
+export * from './LoadingIndicator';
+export * from './LoadingIndicatorContainer';
+export * from './loading-indicator.service';

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

@@ -0,0 +1,11 @@
+export interface ILoadingIndicatorService {
+    show(message: string): void;
+}
+declare class LoadingIndicatorService implements ILoadingIndicatorService {
+    private container;
+    private handler;
+    show(): void;
+    hide(): void;
+}
+export declare const loadingIndicatorService: LoadingIndicatorService;
+export {};

package/components/Menu/Menu.d.ts

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

package/components/Menu/MenuBackdrop.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IMenuBackdropProps {
+    onClick?: () => void;
+}
+export declare const MenuBackdrop: ({ onClick }: IMenuBackdropProps) => React.ReactPortal;
+export {};

package/components/Menu/MenuBody.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactElement } from 'react';
+import { MenuPosition } from './menu.types';
+import { IMenuItemProps } from './MenuItem';
+export interface IMenuBodyProps {
+    children?: ReactElement<IMenuItemProps> | Array<ReactElement<IMenuItemProps>>;
+    className?: string;
+    menuPosition?: MenuPosition;
+    parentRef: React.RefObject<HTMLDivElement>;
+    shadow?: boolean;
+    onClickBackdrop?: () => void;
+}
+export declare const MenuBody: (props: IMenuBodyProps) => React.ReactPortal;

package/components/Menu/MenuContext.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch } from 'react';
+export interface IMenuContext {
+    isShow: boolean;
+    setIsShow: Dispatch<boolean>;
+}
+export declare const MenuContext: import("react").Context<IMenuContext>;

package/components/Menu/MenuDivider.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const MenuDivider: () => JSX.Element;

package/components/Menu/MenuItem.d.ts

@@ -0,0 +1,8 @@
+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;

package/components/Menu/MenuToggle.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface IMenuToggleProps {
+    children?: ReactNode;
+}
+export declare const MenuToggle: ({ children }: IMenuToggleProps) => JSX.Element;
+export {};

package/components/Menu/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Menu';
+export * from './MenuBody';
+export * from './MenuItem';
+export * from './MenuToggle';
+export * from './MenuDivider';
+export * from './menu.types';

package/components/Menu/menu.types.d.ts

@@ -0,0 +1 @@
+export declare type MenuPosition = 'right' | 'left';

package/components/Modal/GlobalModal.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { SIZE } from '../component.enums';
+import { IControls, IFormValues } from '../Form';
+import { MODALTYPE } from './modal.enum';
+import { IModalButton } from './modal.interfaces';
+interface IModalProps {
+    title?: string;
+    description?: string | ReactElement;
+    formControls?: IControls;
+    modalType?: MODALTYPE;
+    onOk?: (values?: IFormValues) => void;
+    onCancel?: () => void;
+    isDismissable?: boolean;
+    buttons?: Array<IModalButton>;
+    fullScreen?: boolean;
+    size?: SIZE;
+}
+export declare const GlobalModal: ({ title, description, formControls, onOk, onCancel, isDismissable, buttons, size, fullScreen }: IModalProps) => JSX.Element;
+export {};

package/components/Modal/Modal.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import { SIZE } from '../component.enums';
+export interface IModalProps {
+    className?: string;
+    children?: ReactNode;
+    header?: string;
+    footer?: string | ReactElement;
+    onHeaderCloseClick?: () => void;
+    onBackdropClick?: () => void;
+    isDismissable?: boolean;
+    fullScreen?: boolean;
+    size?: SIZE;
+}
+export declare const Modal: (props: IModalProps) => JSX.Element;

package/components/Modal/ModalBody.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface IModalBodyProps {
+    children?: ReactNode;
+}
+export declare const ModalBody: ({ children }: IModalBodyProps) => JSX.Element;
+export {};

package/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ModalFooter: ({ children }: React.ComponentProps<'div'>) => JSX.Element;

package/components/Modal/ModalHeader.d.ts

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

package/components/Modal/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Modal';
+export * from './ModalBody';
+export * from './ModalFooter';
+export * from './ModalHeader';
+export * from './modal.service';
+export * from './GlobalModal';
+export * from './modal.enum';
+export * from './modal.interfaces';

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

@@ -0,0 +1,10 @@
+export declare enum MODALTYPE {
+    BASIC = "BASIC",
+    FORM = "FORM"
+}
+export declare enum MODALBUTTONTYPE {
+    OK = "OK",
+    CANCEL = "CANCEL",
+    RESET = "RESET",
+    DEFAULT = "DEFAULT"
+}

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

@@ -0,0 +1,12 @@
+import { COLOR, VARIANT } from '../component.enums';
+import { MODALBUTTONTYPE } from './modal.enum';
+export interface IModalButton {
+    label: string;
+    variant?: VARIANT;
+    color?: COLOR;
+    handler?: () => void;
+    autoFocus?: boolean;
+    type?: MODALBUTTONTYPE;
+    focus?: boolean;
+    shadow?: boolean;
+}

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

@@ -0,0 +1,21 @@
+import { IControls, IFormValues } 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>;
+}
+export interface IModalOptions {
+    formControls?: IControls;
+    isDismissable?: boolean;
+    buttons?: Array<IModalButton>;
+    fullScreen?: boolean;
+    size?: SIZE;
+}
+declare class ModalService implements IModalService {
+    private container;
+    show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void | IFormValues>;
+    private hide;
+}
+export declare const modalService: ModalService;
+export {};

package/components/NumberSelect/NumberSelect.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface INumberSelectProps {
+    value?: number;
+    from?: number;
+    to?: number;
+    className?: string;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    onChange?: (val: number) => void;
+}
+export declare const NumberSelect: (props: INumberSelectProps) => JSX.Element;

package/components/NumberSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './NumberSelect';

package/components/Select/Select.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ISelectOption } from '../component.interfaces';
+export interface ISelectProps {
+    id?: string;
+    name?: string;
+    className?: string;
+    options?: Array<ISelectOption>;
+    value?: string | Array<string>;
+    multiple?: boolean;
+    multipleMaxCountItems?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onChange?: (val: string | Array<string>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+}
+export declare const Select: (props: ISelectProps) => JSX.Element;

package/components/Select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select';

package/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ISidebarItem } from './sidebar.interfaces';
+interface ISidebarProps extends React.ComponentProps<"nav"> {
+    items: Array<ISidebarItem>;
+    currentUrl: string;
+    onItemClicked: (path: string) => void;
+}
+export declare const Sidebar: (props: ISidebarProps) => JSX.Element;
+export {};

package/components/Sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Sidebar';
+export * from './sidebar.interfaces';

package/components/Sidebar/sidebar.interfaces.d.ts

@@ -0,0 +1,9 @@
+export interface ISidebarItem {
+    id: string;
+    path: string;
+    label: string;
+    icon?: string;
+    items?: Array<ISidebarItem>;
+    isCollapsible?: boolean;
+    isCollapsed?: boolean;
+}

package/components/Sidebar/sidebar.models.d.ts

@@ -0,0 +1,11 @@
+export declare class SidebarItemModel {
+    id: string;
+    label: string;
+    path: string;
+    icon?: string | undefined;
+    isActive?: boolean | undefined;
+    items?: SidebarItemModel[] | undefined;
+    isCollapsible: boolean;
+    isCollapsed: boolean;
+    constructor(id: string, label: string, path: string, icon?: string | undefined, isActive?: boolean | undefined, items?: SidebarItemModel[] | undefined, isCollapsible?: boolean, isCollapsed?: boolean);
+}

package/components/Snackbar/Snackbar.d.ts

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

package/components/Snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Snackbar';
+export * from './snackbar.service';

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

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

package/components/SpeedDial/SpeedDial.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ISpeedDialProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    onClose?: (e: React.MouseEvent) => void;
+    onOpen?: (e: React.MouseEvent) => void;
+    open?: boolean;
+}
+export declare const SpeedDial: (props: ISpeedDialProps) => JSX.Element;

package/components/SpeedDial/SpeedDialAction.d.ts

@@ -0,0 +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;

package/components/SpeedDial/SpeedDialActions.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SpeedDialActions: (props: React.ComponentProps<'div'>) => JSX.Element;

package/components/SpeedDial/SpeedDialIcon.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactElement } from 'react';
+export interface ISpeedDialIconProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    openIcon?: ReactElement;
+}
+export declare const SpeedDialIcon: (props: ISpeedDialIconProps) => JSX.Element;

package/components/SpeedDial/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SpeedDial';
+export * from './SpeedDialAction';
+export * from './SpeedDialIcon';

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+export interface IStepProps {
+    value: string;
+    index?: number;
+    label?: ReactNode;
+    children?: ReactNode;
+    showLabel?: boolean;
+    isActive?: boolean;
+    isDone?: boolean;
+    isDisabled?: boolean;
+    isOptional?: boolean;
+    className?: string;
+    showProgressCheckIcon?: boolean;
+    onClick?: (e: {
+        event: React.MouseEvent;
+        value: string;
+    }) => void;
+}
+export declare const Step: (props: IStepProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Step';

package/components/Stepper/StepConnector/StepConnector.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface IStepConnectorProps {
+    isActive?: boolean;
+    isHorizontal?: boolean;
+}
+export declare const StepConnector: (props: IStepConnectorProps) => JSX.Element;

package/components/Stepper/StepPanel/StepPanel.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface IStepPanelProps {
+    children?: ReactNode;
+}
+export declare const StepPanel: (props: IStepPanelProps) => JSX.Element;

package/components/Stepper/Stepper.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { IStepProps } from './Step';
+export interface IStepperProps {
+    children?: ReactElement<IStepProps> | Array<ReactElement<IStepProps>>;
+    isLinear?: boolean;
+    isDisabled?: boolean;
+    showLabel?: boolean;
+    showProgressCheckIcon?: boolean;
+    isHorizontal?: boolean;
+    onChange?: (val: number) => void;
+    onFinish?: () => void;
+    alternativeLabel?: boolean;
+    value?: number;
+    isReadonly?: boolean;
+}
+export declare const Stepper: (props: IStepperProps) => JSX.Element;

package/components/Stepper/StepperActions/StepperActions.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface IStepperActionsProps {
+    className?: string;
+    isCompleted?: boolean;
+    isFirstStep?: boolean;
+    isStepOptional?: boolean;
+    onBack?: () => void;
+    onSkip?: () => void;
+    onNext?: () => void;
+    onReset?: () => void;
+}
+export declare const StepperActions: (props: IStepperActionsProps) => JSX.Element;

package/components/Stepper/StepperActions/index.d.ts

@@ -0,0 +1 @@
+export * from './StepperActions';

package/components/Stepper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Stepper';
+export * from './StepperActions';
+export * from './Step';

package/components/Table/Table.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+export interface ITableProps {
+    children?: ReactElement | Array<ReactElement>;
+    className?: string;
+    striped?: boolean;
+    bordered?: boolean;
+    hover?: boolean;
+    responsive?: boolean;
+}
+export declare const Table: (props: ITableProps) => JSX.Element;

package/components/Table/index.d.ts

@@ -0,0 +1 @@
+export * from './Table';

package/components/Tabs/Tab.d.ts

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

package/components/Tabs/TabIndicator.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { COLOR } from '../component.enums';
+export interface ITabIndicatorProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    amount?: number;
+    index?: number;
+    color?: COLOR;
+    width?: string;
+    left?: number;
+}
+export declare const TabIndicator: (props: ITabIndicatorProps) => JSX.Element;

package/components/Tabs/TabPanel.d.ts

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

package/components/Tabs/Tabs.d.ts

@@ -0,0 +1,17 @@
+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?: (e: ITabOnChangeEvent) => void;
+    value?: string;
+}
+export declare const Tabs: (props: ITabsProps) => JSX.Element;

package/components/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Tabs';
+export * from './Tab';
+export * from './TabPanel';

package/components/Textarea/Textarea.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ITextareaProps extends React.ComponentProps<"textarea"> {
+    error?: boolean;
+}
+export declare const Textarea: (props: ITextareaProps) => JSX.Element;

package/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './Textarea';

package/components/TimeSelect/HourSelect.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface IHourProps {
+    value?: number;
+    className?: string;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    onChange?: (val: number) => void;
+}
+export declare const HourSelect: (props: IHourProps) => JSX.Element;

package/components/TimeSelect/MilliSecondSelect.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface IMilliSecondProps {
+    className?: string;
+    value?: number;
+    steps?: number;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    onChange?: (val: number) => void;
+}
+export declare const MilliSecondSelect: (props: IMilliSecondProps) => JSX.Element;

package/components/TimeSelect/MinuteSelect.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface IMinuteProps {
+    value?: number;
+    className?: string;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    onChange?: (val: number) => void;
+}
+export declare const MinuteSelect: (props: IMinuteProps) => JSX.Element;

package/components/TimeSelect/SecondSelect.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface ISecondProps {
+    value?: number;
+    className?: string;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    onChange?: (val: number) => void;
+}
+export declare const SecondSelect: (props: ISecondProps) => JSX.Element;