react-asc 25.10.0 → 25.10.1

package/lib/components/Grid/Row/Row.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IContainerProps extends React.ComponentProps<'div'> {
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+}
+export declare const Row: ({ children, direction, className, ...rest }: IContainerProps) => JSX.Element;

package/lib/components/Grid/Row/index.d.ts

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

package/lib/components/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Column';
+export * from './Row';

package/lib/components/Icon/Icon.d.ts

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

package/lib/components/Icon/index.d.ts

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

package/lib/components/IconButton/IconButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { COLOR, SIZE, VARIANT } from '../component.enums';
+export interface IIconButtonProps extends React.ComponentProps<'button'> {
+    icon?: React.ReactNode;
+    color?: COLOR;
+    size?: SIZE;
+    isActive?: boolean;
+    variant?: VARIANT;
+    shadow?: boolean;
+    loading?: boolean;
+}
+export declare const IconButton: (props: IIconButtonProps) => JSX.Element;

package/lib/components/IconButton/index.d.ts

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

package/lib/components/Link/Link.d.ts

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

package/lib/components/Link/Link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Link/index.d.ts

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

package/lib/components/List/List.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IListProps extends React.ComponentProps<'ul'> {
+    isFlush?: boolean;
+}
+export declare const List: (props: IListProps) => JSX.Element;

package/lib/components/List/ListItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { 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/lib/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/lib/components/List/ListItemAvatar.d.ts

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

package/lib/components/List/ListItemIcon.d.ts

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

package/lib/components/List/ListItemText.d.ts

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

package/lib/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/lib/components/List/list.models.d.ts

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

package/lib/components/LoadingIndicator/LoadingIndicator.d.ts

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

package/lib/components/LoadingIndicator/LoadingIndicatorContainer.d.ts

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

package/lib/components/LoadingIndicator/index.d.ts

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

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

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

package/lib/components/Menu/Menu.d.ts

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

package/lib/components/Menu/MenuBody.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+import React from 'react';
+import type { MenuPosition } from './menu.types';
+import type { IListItemProps } from '../List';
+export interface IMenuBodyProps {
+    children?: ReactElement<IListItemProps> | ReactElement<IListItemProps>[];
+    className?: string;
+    menuPosition?: MenuPosition;
+    parentRef: React.RefObject<HTMLDivElement>;
+    shadow?: boolean;
+    onClickBackdrop?: () => void;
+}
+export declare const MenuBody: (props: IMenuBodyProps) => JSX.Element;

package/lib/components/Menu/MenuContext.d.ts

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

package/lib/components/Menu/MenuDivider.d.ts

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

package/lib/components/Menu/MenuItem.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IListItemProps } from '../List';
+export declare const MenuItem: (props: IListItemProps) => JSX.Element;

package/lib/components/Menu/MenuToggle.d.ts

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

package/lib/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/lib/components/Menu/menu.types.d.ts

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

package/lib/components/Modal/GlobalModal.d.ts

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

package/lib/components/Modal/Modal.d.ts

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

package/lib/components/Modal/ModalBody.d.ts

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

package/lib/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IModalFooterProps extends React.ComponentProps<'div'> {
+    shadow?: boolean;
+}
+export declare const ModalFooter: (props: IModalFooterProps) => JSX.Element;
+export {};

package/lib/components/Modal/ModalHeader.d.ts

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

package/lib/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/lib/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/lib/components/Modal/modal.interfaces.d.ts

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

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

@@ -0,0 +1,22 @@
+import type { IControls } from '../Form';
+import type { ReactElement } from 'react';
+import type { IModalButton } from './modal.interfaces';
+import type { SIZE } from '../component.enums';
+export interface IModalService {
+    show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void>;
+}
+export interface IModalOptions {
+    isDismissable?: boolean;
+    buttons?: IModalButton[];
+    fullScreen?: boolean;
+    size?: SIZE;
+}
+declare class ModalService implements IModalService {
+    private container;
+    private root;
+    show(title: string, description: string | ReactElement, options?: IModalOptions): Promise<void>;
+    showForm<T>(title: string, formControls: IControls, options?: IModalOptions): Promise<T>;
+    private hide;
+}
+export declare const modalService: ModalService;
+export {};

package/lib/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/lib/components/NumberSelect/index.d.ts

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

package/lib/components/Portal/Portal.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface IPortalProps {
+    children: React.ReactNode;
+    target?: HTMLElement;
+    className?: string;
+}
+export declare const Portal: ({ children, target, className }: IPortalProps) => JSX.Element;

package/lib/components/Portal/index.d.ts

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

package/lib/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { COLOR } from '../component.enums';
+export interface IProgressBarProps extends React.ComponentProps<'div'> {
+    className?: string;
+    color?: COLOR;
+    value?: number;
+    indeterminate?: boolean;
+}
+export declare const ProgressBar: (props: IProgressBarProps) => JSX.Element;

package/lib/components/ProgressBar/index.d.ts

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

package/lib/components/Select/Select.d.ts

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

package/lib/components/Select/index.d.ts

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

package/lib/components/Sidebar/Sidebar.d.ts

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

package/lib/components/Sidebar/index.d.ts

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

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

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

package/lib/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/lib/components/Skeleton/SkeletonAvatar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ISkeletonAvatarProps extends React.ComponentProps<'div'> {
+    indeterminate?: boolean;
+}
+export declare const SkeletonAvatar: (props: ISkeletonAvatarProps) => JSX.Element;

package/lib/components/Skeleton/SkeletonFooter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ISkeletonFooterProps extends React.ComponentProps<'div'> {
+    indeterminate?: boolean;
+}
+export declare const SkeletonFooter: (props: ISkeletonFooterProps) => JSX.Element;

package/lib/components/Skeleton/SkeletonImage.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ISkeletonImageProps extends React.ComponentProps<'div'> {
+    indeterminate?: boolean;
+}
+export declare const SkeletonImage: (props: ISkeletonImageProps) => JSX.Element;

package/lib/components/Skeleton/SkeletonText.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ISkeletonTextProps extends React.ComponentProps<'div'> {
+    indeterminate?: boolean;
+}
+export declare const SkeletonText: (props: ISkeletonTextProps) => JSX.Element;

package/lib/components/Skeleton/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SkeletonAvatar';
+export * from './SkeletonText';
+export * from './SkeletonFooter';
+export * from './SkeletonImage';

package/lib/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps } from 'react';
+import React 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/lib/components/Snackbar/index.d.ts

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { COLOR } from '../component.enums';
+export interface ISnackbarService {
+    show(message: React.ReactNode | 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;
+    private root;
+    show(message: React.ReactNode | string, options?: ISnackbarOptions): Promise<void>;
+    private hide;
+}
+export declare const snackbarService: SnackbarService;
+export {};

package/lib/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/lib/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.ReactNode;
+    tooltipTitle?: string;
+    color?: COLOR;
+    onClick?: (e: React.MouseEvent) => void;
+}
+export declare const SpeedDialAction: (props: ISpeedDialActionProps) => JSX.Element;

package/lib/components/SpeedDial/SpeedDialActions.d.ts

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

package/lib/components/SpeedDial/SpeedDialIcon.d.ts

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

package/lib/components/SpeedDial/index.d.ts

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

package/lib/components/Stepper/Dot/Dot.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { COLOR } from '../../component.enums';
+export interface IDot extends React.ComponentProps<'div'> {
+    color?: COLOR;
+    isActive?: boolean;
+}
+export declare const Dot: (props: IDot) => JSX.Element;

package/lib/components/Stepper/Dot/index.d.ts

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

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import React 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/lib/components/Stepper/Step/index.d.ts

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

package/lib/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/lib/components/Stepper/StepPanel/StepPanel.d.ts

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

package/lib/components/Stepper/Stepper.d.ts

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