react-asc 20.2.0 → 21.0.0

package/components/Alert/Alert.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+import { VARIANT } from '../component.enums';
+import { COLOR, SIZE } from '../component.enums';
+export interface IAlertProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+    variant?: VARIANT;
+    color?: COLOR;
+    shadow?: boolean | SIZE.sm | SIZE.md | SIZE.lg;
+}
+export declare const Alert: (props: IAlertProps) => JSX.Element;

package/components/Alert/index.d.ts

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

package/components/AppBar/AppBar.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { COLOR, SIZE } from '../component.enums';
+export interface IAppBarProps extends React.ComponentProps<"nav"> {
+    children?: ReactNode;
+    className?: string;
+    color?: COLOR.primary | COLOR.light;
+    shadow?: boolean | SIZE.sm | SIZE.md | SIZE.lg;
+}
+export declare const AppBar: (props: IAppBarProps) => JSX.Element;

package/components/AppBar/AppBarTitle.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export interface IAppBarTitleProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+}
+export declare const AppBarTitle: (props: IAppBarTitleProps) => JSX.Element;

package/components/AppBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AppBar';
+export * from './AppBarTitle';

package/components/AutoComplete/AutoComplete.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ISelectOption } from '../component.interfaces';
+export interface IAutoCompleteProps {
+    id?: string;
+    name?: string;
+    className?: string;
+    options?: Array<ISelectOption>;
+    value?: string;
+    openOnFocus?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    readOnly?: boolean;
+    debounce?: number;
+    showNoEntry?: boolean;
+    showClearButton?: boolean;
+    onSelect?: (val: ISelectOption) => void;
+    onChange?: (val: string | undefined) => void;
+}
+export declare const AutoComplete: (props: IAutoCompleteProps) => JSX.Element;

package/components/AutoComplete/index.d.ts

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

package/components/Backdrop/Backdrop.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IBackdropProps extends React.ComponentProps<"div"> {
+    target?: HTMLElement;
+    isTransparent?: boolean;
+}
+export declare const Backdrop: (props: IBackdropProps) => React.ReactPortal;
+export {};

package/components/Backdrop/index.d.ts

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

package/components/Badge/Badge.d.ts

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

package/components/Badge/index.d.ts

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

package/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export interface IBreadcrumbProps extends React.ComponentProps<"nav"> {
+    children?: ReactNode;
+}
+export declare const Breadcrumb: (props: IBreadcrumbProps) => JSX.Element;

package/components/Breadcrumb/BreadcrumbItem.d.ts

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

package/components/Breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Breadcrumb';
+export * from './BreadcrumbItem';

package/components/Button/Button.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { COLOR, VARIANT } from '../component.enums';
+export interface IButtonProps extends React.ComponentProps<"button"> {
+    color?: COLOR;
+    isActive?: boolean;
+    isRounded?: boolean;
+    variant?: VARIANT;
+    startIcon?: React.SVGProps<SVGSVGElement>;
+    endIcon?: React.SVGProps<SVGSVGElement>;
+    shadow?: boolean;
+}
+export declare const Button: React.FunctionComponent<IButtonProps>;

package/components/Button/index.d.ts

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

package/components/ButtonGroup/ButtonGroup.d.ts

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

package/components/ButtonGroup/index.d.ts

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

package/components/Card/Card.d.ts

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

package/components/Card/CardBody.d.ts

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

package/components/Card/CardFooter.d.ts

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

package/components/Card/CardImage.d.ts

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

package/components/Card/CardSubtitle.d.ts

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

package/components/Card/CardText.d.ts

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

package/components/Card/CardTitle.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ICardTitleProps extends React.ComponentProps<"div"> {
+    as?: any;
+}
+export declare const CardTitle: (props: ICardTitleProps) => JSX.Element;
+export {};

package/components/Card/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Card';
+export * from './CardBody';
+export * from './CardFooter';
+export * from './CardSubtitle';
+export * from './CardText';
+export * from './CardTitle';
+export * from './CardImage';

package/components/Checkbox/Checkbox.d.ts

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

package/components/Checkbox/index.d.ts

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

package/components/Chip/Chip.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { COLOR } from '../component.enums';
+export interface IChipProps extends React.ComponentProps<"div"> {
+    color?: COLOR;
+    shadow?: boolean;
+    onClick?: (e: React.MouseEvent<Element>) => void;
+    isDeletable?: boolean;
+    onDelete?: (e: React.MouseEvent<Element>) => void;
+    deleteIcon?: JSX.Element;
+}
+export declare const Chip: (props: IChipProps) => JSX.Element;

package/components/Chip/index.d.ts

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

package/components/ConditionalWrapper/ConditionalWrapper.d.ts

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

package/components/ConditionalWrapper/index.d.ts

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

package/components/DateSelect/DateSelect.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare enum DATEMODE {
+    YEAR = 0,
+    MONTH = 1,
+    DAY = 2
+}
+export interface IDateSelectProps {
+    value?: Date;
+    className?: string;
+    disabled?: boolean;
+    yearConfig?: {
+        from?: number;
+        to?: number;
+    };
+    onChange?: (val: Date) => void;
+}
+export declare const DateSelect: (props: IDateSelectProps) => JSX.Element;

package/components/DateSelect/DaySelect.d.ts

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

package/components/DateSelect/MonthSelect.d.ts

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

package/components/DateSelect/YearSelect.d.ts

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

package/components/DateSelect/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DateSelect';
+export * from './YearSelect';
+export * from './DaySelect';
+export * from './MonthSelect';

package/components/Drawer/Drawer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface IDrawerProps extends React.ComponentProps<"div"> {
+    position?: 'left' | 'right';
+    shadow?: boolean;
+    onClickBackdrop?: () => void;
+    permanent?: boolean;
+    target?: HTMLElement;
+}
+export declare const Drawer: (props: IDrawerProps) => React.ReactPortal;

package/components/Drawer/index.d.ts

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

package/components/ExpansionPanel/ExpansionPanel.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+export interface IExpansionPanelProps {
+    header: ReactNode;
+    children: ReactNode;
+    isExpanded?: boolean;
+    onChange?: (event: React.MouseEvent, isExpanded: boolean) => void;
+}
+export declare const ExpansionPanel: (props: IExpansionPanelProps) => JSX.Element;

package/components/ExpansionPanel/ExpansionPanelContent.d.ts

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

package/components/ExpansionPanel/ExpansionPanelHeader.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export interface IExpansionPanelHeaderProps {
+    onClick?: (event: React.MouseEvent) => void;
+    children?: ReactNode;
+    isExpanded: boolean;
+}
+export declare const ExpansionPanelHeader: (props: IExpansionPanelHeaderProps) => JSX.Element;

package/components/ExpansionPanel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ExpansionPanel';
+export * from './ExpansionPanelHeader';
+export * from './ExpansionPanelContent';

package/components/FileInput/FileInput.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IFileInputProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    deletable?: boolean;
+}
+export declare const FileInput: (props: IFileInputProps) => JSX.Element;

package/components/FileInput/index.d.ts

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

package/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { COLOR, SIZE } from '../component.enums';
+export interface IFloatingActionButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    icon?: React.SVGProps<SVGSVGElement>;
+    color?: COLOR;
+    size?: SIZE;
+    fixed?: boolean;
+    isActive?: boolean;
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+}
+export declare const FloatingActionButton: (props: IFloatingActionButtonProps) => JSX.Element;

package/components/FloatingActionButton/index.d.ts

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

package/components/Form/Form.d.ts

@@ -0,0 +1,38 @@
+import React, { Component } from 'react';
+import { IControls, IFormValues } from './form.interfaces';
+import { FormControl } from './form.models';
+export interface IFormProps {
+    controls: IControls;
+    validateOnBlur?: boolean;
+    onSubmit?: (values: IFormValues) => void;
+    onChange?: (values: IFormValues) => void;
+    submitOnEnter?: boolean;
+}
+export interface IFormState {
+    controls: IControls | undefined;
+    isValid: boolean;
+    isSubmitted: boolean;
+    isChanged: boolean;
+    submitOnEnter?: boolean;
+}
+export declare class Form extends Component<IFormProps, IFormState> {
+    constructor(props: IFormProps);
+    static getDerivedStateFromProps(nextProps: IFormProps, state: IFormState): {
+        controls: IControls;
+    } | null;
+    myForm: React.RefObject<HTMLFormElement>;
+    handleChange(): void;
+    private validateField;
+    private handleInputChange;
+    private handleOnBlur;
+    private isRequired;
+    private isInvalid;
+    getControl(name: string): FormControl;
+    private renderLabel;
+    handleFormSubmit(): void;
+    handleFormReset(): void;
+    handleOnKeyDown(e: React.KeyboardEvent<HTMLInputElement | undefined>): void;
+    destroy(): void;
+    getFormGroupCssClass(fieldKey: string): string | undefined;
+    render(): JSX.Element;
+}

package/components/Form/FormError.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IFormInputError } from './form.interfaces';
+interface IFormErrorProps {
+    className?: string;
+    errors?: Array<IFormInputError>;
+}
+export declare const FormError: (props: IFormErrorProps) => JSX.Element;
+export {};

package/components/Form/FormGroup.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface IFormGroupProps {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const FormGroup: (props: IFormGroupProps) => JSX.Element;
+export {};

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

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

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

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

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IFormInputOptions, IFormTextAreaOptions, IFormSelectOptions, IFormAutoCompleteOptions } from '../form.interfaces';
+import { IFormControlType } from '../form.types';
+export interface IFormInputEvent {
+    value: any;
+    type?: string;
+    name?: string;
+}
+export interface IFormInputProps {
+    value: any;
+    name: string;
+    type: IFormControlType;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    isValid?: boolean;
+    autoFocus?: boolean;
+    options?: Array<IFormInputOptions>;
+    textareaOptions?: IFormTextAreaOptions;
+    selectOptions?: IFormSelectOptions;
+    autoCompleteOptions?: IFormAutoCompleteOptions;
+    label?: string;
+    onInput?: (e: IFormInputEvent) => void;
+    onChange?: (e: IFormInputEvent) => void;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | undefined>;
+}
+export declare const FormInput: (props: IFormInputProps) => JSX.Element;

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

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

package/components/Form/FormLabel/FormLabel.d.ts

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

package/components/Form/FormLabel/index.d.ts

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

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

@@ -0,0 +1,42 @@
+import { FormControl } from './form.models';
+export interface IControls {
+    [key: string]: FormControl;
+}
+export interface IFormValues {
+    [key: string]: unknown;
+}
+export interface IFormTextAreaOptions {
+    rows: number;
+    resize: boolean;
+}
+export interface IFormSelectOptions {
+    multiple?: boolean;
+}
+export interface IFormAutoCompleteOptions {
+    openOnFocus?: boolean;
+}
+export interface IFormInputError {
+    validator: string;
+    message: string;
+}
+export interface IFormInputOptions {
+    id?: string;
+    value: string;
+    label?: string;
+}
+export interface IFormControlConfig {
+    label: string;
+    placeholder?: string;
+    formControlClassName?: string;
+    formGroupClassName?: string;
+    labelClassName?: string;
+    labelPosition?: string;
+    autoFocus?: boolean;
+    hint?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    options?: Array<IFormInputOptions>;
+    textareaOptions?: IFormTextAreaOptions;
+    selectOptions?: IFormSelectOptions;
+    autoCompleteOptions?: IFormAutoCompleteOptions;
+}

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

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

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

@@ -0,0 +1,2 @@
+export declare type IFormControlType = 'text' | 'textarea' | 'email' | 'number' | 'checkbox' | 'checkboxgroup' | 'radio' | 'select' | 'password' | 'color' | 'time' | 'file' | 'date' | 'datetime-local' | 'autocomplete';
+export declare type IFormValidatorType = 'required' | 'email' | 'match';

package/components/Form/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Form';
+export * from './FormError';
+export * from './FormGroup';
+export * from './FormHint';
+export * from './FormInput';
+export * from './FormLabel';
+export * from './form.models';
+export * from './form.interfaces';
+export * from './form.types';
+export * from './validators';

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

@@ -0,0 +1 @@
+export declare const EmailValidator: (value: string) => boolean;

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './EmailValidtor';
+export * from './IsEmptyValidator';
+export * from './IsEqualValidator';

package/components/Grid/Column/Column.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IColProps extends React.ComponentProps<"div"> {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}
+export declare const Column: (props: IColProps) => JSX.Element;
+export {};

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

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

package/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/components/Grid/Row/index.d.ts

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

package/components/Grid/index.d.ts

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

package/components/Icon/Icon.d.ts

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

package/components/Icon/index.d.ts

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

package/components/IconButton/IconButton.d.ts

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

package/components/IconButton/index.d.ts

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

package/components/Link/Link.d.ts

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

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

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

package/components/Link/index.d.ts

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

package/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;