vrfi-design-system 1.0.1 → 1.0.3

package/dist/index.d.ts

@@ -1,11 +1,322 @@
+import { BaseOptionType } from 'rc-select/lib/Select';
+import { ButtonType } from 'antd/lib/button';
+import { CheckboxChangeEvent } from 'antd/es/checkbox';
+import { CheckboxGroupProps } from 'antd/es/checkbox';
+import { CheckboxOptionType } from 'antd/lib/checkbox/Group';
+import { ComponentProps } from 'react';
+import { DatePickerProps as DatePickerProps_2 } from 'antd';
+import { default as default_2 } from 'react';
+import { default as default_3 } from 'dayjs';
+import { DefaultOptionType } from 'rc-select/lib/Select';
+import { DrawerProps as DrawerProps_2 } from 'antd';
 import { FC } from 'react';
+import { FilterValue } from 'antd/lib/table/interface';
+import { InputProps } from 'antd/lib';
+import { JSX as JSX_2 } from 'react';
+import { LoaderSizes } from '../../../enums/LoaderSizes';
+import { ModalProps as ModalProps_2 } from 'antd/lib/modal';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { PasswordProps } from 'antd/es/input';
+import { Radio as Radio_2 } from 'antd';
+import { RadioButtonProps as RadioButtonProps_2 } from 'antd/es/radio/radioButton';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { SelectProps } from 'antd';
+import { SizeType } from 'antd/lib/config-provider/SizeContext';
+import { SkeletonProps } from 'antd';
+import { SorterResult } from 'antd/lib/table/interface';
+import { StepProps } from 'antd';
+import { StepsProps } from 'antd';
+import { TableCurrentDataSource } from 'antd/lib/table/interface';
+import { TablePaginationConfig } from 'antd';
+import { TableProps } from 'antd/lib/table';
+import { TableProps as TableProps_2 } from 'rc-table/lib/Table';
+import { TableProps as TableProps_3 } from 'antd';
+import { TextAreaProps } from 'antd/lib/input';
+import { tooltipPosition } from '../../../enums/tooltipPosition';
+import { UploadFile } from 'antd/lib/upload/interface';
 
-export declare const InputField: FC<InputFieldProps>;
+export declare interface AvatarCardProps {
+    name: string;
+    backgroundUrl?: string;
+    email: string;
+}
 
-export declare interface InputFieldProps {
-    type: string;
+export declare interface AvatarProps {
+    names: string[];
+}
+
+declare const enum AvatarSize {
+    SMALL = "small",
+    LARGE = "large"
+}
+
+export declare function AvatarWithDetailsCard(props: AvatarCardProps): default_2.JSX.Element;
+
+export declare const AvatarWithInitials: ({ names }: AvatarProps) => default_2.JSX.Element;
+
+export declare const Button: FC<ButtonProps>;
+
+export declare interface ButtonProps {
+    clickHandler?: (event: MouseEvent_2) => void;
+    children: ReactNode;
+    htmlType?: "reset" | "submit" | "button";
+    type?: ButtonType;
+    className?: string;
+    moduleClassName?: string;
+    icon?: any;
+    disabled?: boolean;
+    size?: "small" | "medium";
+    loading?: boolean;
+    name?: string;
+    target?: string;
+    href?: string;
+}
+
+export declare const Checkbox: ({ children, group, options, disabled, indeterminate, defaultChecked, onChange, checked, }: CheckboxProps) => default_2.JSX.Element;
+
+export declare interface CheckboxProps {
+    children?: default_2.ReactNode;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    defaultChecked?: boolean;
+    group?: boolean;
+    onChange: (event: CheckboxChangeEvent | CheckboxGroupProps[]) => void;
+    options?: (CheckboxOptionType | string | number)[];
+    checked?: boolean;
+}
+
+export declare const CustomAvatar: ({ name, size, imageUrl, isExtra }: CustomAvatarProps) => default_2.JSX.Element;
+
+export declare type CustomAvatarProps = {
+    name?: string;
+    size: AvatarSize;
+    imageUrl?: string;
+    isExtra?: boolean;
+};
+
+export declare interface CustomInputProps {
+    label: string;
+    control?: any;
     name: string;
+    rules?: Record<string, any>;
     placeholder: string;
+    type: string;
+    error: string;
+    hasError: boolean;
+    customOnChange: (event: default_2.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | default_3.Dayjs | null, field: any) => void;
+}
+
+export declare const DatePickerField: {
+    ({ title, ...props }: DatePickerProps & DatePickerProps_2): default_2.JSX.Element;
+    Formik: (props: DatePickerProps & DatePickerProps_2) => default_2.JSX.Element;
+};
+
+export declare interface DatePickerProps {
+    name: string;
+    title?: string;
+}
+
+export declare function DocumentStatus(props: DocumentStatusTypes): default_2.JSX.Element;
+
+declare enum DocumentStatusEnum {
+    PENDING = "Pending",
+    UPLOADED = "Uploaded"
+}
+
+export declare type DocumentStatusTypes = {
+    DocumentType: DocumentStatusEnum;
+};
+
+export declare const Drawer: FC<DrawerProps>;
+
+export declare interface DrawerProps {
+    title: ReactNode;
+    width?: number;
+    closable: boolean;
+    onClose: () => void;
+    open: boolean;
+    closeIcon?: ReactNode;
+    footer?: ReactNode;
+    size?: DrawerProps_2["size"];
+    zIndex?: number;
+    children: JSX_2.Element;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+declare const Dropdown: <ValueType, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>({ title, ...props }: DropdownProps<ValueType, OptionType>) => default_2.JSX.Element;
+
+export declare const DropdownField: (props: FormDropdown) => default_2.JSX.Element;
+
+export declare interface DropdownProps<ValueType, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends SelectProps<ValueType, OptionType> {
+    name: string;
+    title?: string;
+}
+
+declare const Error_2: FC<ErrorMessageProps>;
+export { Error_2 as Error }
+
+export declare interface ErrorMessageProps {
+    message: string;
+}
+
+export declare const FileUpload: ({ children, actionURL, dragdrop, uploadIcon, uploadText, uploadHint, fileTypes, multiple, maxCount, handleChange, supportedFileType }: FileUploadProps) => default_2.JSX.Element;
+
+export declare interface FileUploadProps {
+    children?: default_2.ReactNode;
+    dragdrop?: boolean;
+    uploadIcon?: ReactNode;
+    uploadText?: ReactNode;
+    uploadHint?: ReactNode;
+    fileTypes?: string;
+    actionURL?: string;
+    multiple?: boolean;
+    maxCount?: number;
+    supportedFileType?: string;
+    handleChange: (file: FileList | UploadFile) => void;
+}
+
+export declare const FloatingLabel: (props: FloatingLabelProps) => default_2.JSX.Element;
+
+export declare interface FloatingLabelProps {
+    children: ReactNode;
+    label?: string;
+    value: string;
+}
+
+declare interface FormDropdown extends Omit<ComponentProps<typeof Dropdown>, "onChange"> {
+    control: any;
+    rules: any;
+    name: string;
+    hasError: boolean;
+    type: string;
+    error: string;
+    customOnChange: (event: default_2.ChangeEvent<HTMLInputElement>, field: any) => void;
+}
+
+export declare interface INotification {
+    message: string;
+    description: string;
+    type: string;
+}
+
+export declare const InputField: {
+    ({ label, type, placeholder, hasError, ...rest }: CustomInputProps & InputProps): default_2.JSX.Element;
+    password: ({ label, type, placeholder, hasError, ...rest }: CustomInputProps & PasswordProps) => default_2.JSX.Element;
+    TextArea: ({ label, type, placeholder, hasError, ...rest }: CustomInputProps & TextAreaProps) => default_2.JSX.Element;
+    DatePicker: (props: CustomInputProps & DatePickerProps_2 & DatePickerProps_2) => default_2.JSX.Element;
+    Radio: (props: CustomInputProps & RadioProps_2) => default_2.JSX.Element;
+};
+
+export declare const Loader: default_2.FC<LoaderProps>;
+
+export declare interface LoaderProps {
+    icon?: ReactElement;
+    size?: LoaderSizes.SMALL | LoaderSizes.LARGE | LoaderSizes.DEFAULT;
+    tip?: string;
+}
+
+export declare const Modal: default_2.FC<ModalProps>;
+
+export declare interface ModalProps extends ModalProps_2 {
+    children?: default_2.ReactNode;
+    onClose: () => void;
+    onOK?: () => void;
+    visible: boolean;
+    width?: number;
+    title?: string;
+    footer?: JSX_2.Element[];
+    confirmLoading?: boolean;
+    modalType: ModalTypeEnum;
+}
+
+declare enum ModalTypeEnum {
+    SUCCESS = "success",
+    DANGER = "danger",
+    BASIC = "basic"
+}
+
+declare const Notification_2: ({ message, description, type }: INotification) => unknown;
+export { Notification_2 as Notification }
+
+export declare const Offline: ({ isOffline }: OfflineProps) => default_2.JSX.Element | null;
+
+export declare interface OfflineProps {
+    isOffline: boolean;
+}
+
+export declare const Radio: ({ label, ...props }: RadioProps) => default_2.JSX.Element;
+
+declare interface RadioButtonProps {
+    label?: string;
+}
+
+export declare type RadioProps = RadioButtonProps & ComponentProps<typeof Radio_2.Group>;
+
+declare type RadioProps_2 = RadioButtonProps_2 & ComponentProps<typeof Radio_2.Group>;
+
+export declare interface SearchComponentProps {
+    onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    searchValue: string;
+}
+
+export declare const SearchField: FC<SearchComponentProps>;
+
+export declare const Skeleton: FC<SkeletonProps>;
+
+declare interface StepItem extends StepProps {
+    component?: default_2.ReactElement;
+}
+
+export declare const Stepper: FC<StepperProps>;
+
+export declare interface StepperProps extends StepsProps {
+    items: StepItem[];
+    title?: string;
+    destroyOnChange?: boolean;
+}
+
+export declare const Table: <T extends object>({ pagination, ...props }: TableProps_3<T>) => default_2.JSX.Element;
+
+export declare const TableComponent: FC<TableComponentProps>;
+
+export declare interface TableComponentProps extends TableProps<any> {
+    className?: string;
+    dataSource: any[] | undefined;
+    pagination?: false | TablePaginationConfig | undefined;
+    loading?: boolean;
+    onRow?: any;
+    rowClassName?: (record: any) => string;
+    scroll?: TableProps_2<any>['scroll'] & {
+        scrollToFirstRowOnChange?: boolean;
+    };
+    onChange?: (pagination?: TablePaginationConfig, filters?: Record<string, FilterValue | null>, sorter?: SorterResult<any> | SorterResult<any>[], extra?: TableCurrentDataSource<any>) => void;
+    loadingCount?: number;
+    size?: SizeType;
+}
+
+export declare const Tooltip: FC<TooltipProps>;
+
+declare interface TooltipProps {
+    title: string;
+    arrowPointAtCenter?: boolean;
+    autoAdjustOverflow?: boolean;
+    placement?: tooltipPosition;
+    trigger?: 'hover' | 'focus' | 'click';
+    zIndex?: number;
+    children: JSX_2.Element;
+}
+
+export declare function VerificationStatus(props: VerificationStatusProps): default_2.JSX.Element;
+
+export declare type VerificationStatusProps = {
+    verificationStatus: VerificationTypes;
+};
+
+declare enum VerificationTypes {
+    NEW = "New",
+    VERIFIED = "Verified",
+    REJECTED = "Rejected"
 }
 
 export { }