vrfi-design-system 1.0.22 → 1.0.24

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { Align } from '../../enums/align.enum';
 import { default as AuthBanner } from '../../views/Auth/AuthBanner';
 import { default as AuthForm } from '../../views/Auth/AuthForm';
 import { AuthFormProps } from './../../views/Auth/AuthForm/index';
+import { AvatarSize } from '../../../enums/avatarSize.enum';
 import { BaseOptionType } from 'rc-select/lib/Select';
 import { default as Button } from 'antd/lib/button';
 import { ButtonType } from '../../enums/buttonType';
@@ -11,6 +12,7 @@ import { CheckboxGroupProps } from 'antd/es/checkbox';
 import { CheckboxOptionType } from 'antd/lib/checkbox/Group';
 import { default as Col } from 'antd/lib/col';
 import { ColProps } from 'antd/lib/col';
+import { ColumnsType } from 'antd/es/table/InternalTable';
 import { ColumnType } from 'antd/lib/table';
 import { ComponentProps } from 'react';
 import { ControllerRenderProps } from 'react-hook-form';
@@ -33,6 +35,7 @@ import { Icons } from '../../enums/icons.enum';
 import { InputProps } from 'antd/lib';
 import { InputProps as InputProps_2 } from 'antd';
 import { InputTypes } from '../../enums/inputType.enum';
+import { InputTypes as InputTypes_2 } from '../../../enums/inputType.enum';
 import { JobTypeEnum } from '../../enums/jobType.enum';
 import { JSX as JSX_2 } from 'react';
 import { Justify } from '../../enums/justify.enum';
@@ -57,18 +60,22 @@ import { Size } from '../../enums/size.enum';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
 import { SkeletonProps } from 'antd';
 import { SorterResult } from 'antd/lib/table/interface';
+import { SortOrder } from 'antd/lib/table/interface';
 import { default as Space } from 'antd/lib/space';
 import { StepProps } from 'antd';
 import { StepsProps } from 'antd';
 import { default as Switch } from 'antd/lib/switch';
 import { SwitchProps } from 'antd/lib/switch';
 import { TableCurrentDataSource } from 'antd/lib/table/interface';
-import { TablePaginationConfig } from 'antd';
+import { TablePaginationConfig } from 'antd/lib/table/interface';
+import { TablePaginationConfig as TablePaginationConfig_2 } 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 { TableType } from '../../enums/tableType.enum';
+import { TableType as TableType_2 } from '../../../enums/tableType.enum';
 import { TitleHeaderStatus } from '../../enums/titleHeaderStatus.enum';
+import { TitleHeaderStatus as TitleHeaderStatus_2 } from '../../../enums/titleHeaderStatus.enum';
 import { tooltipPosition } from '../../../enums/tooltipPosition';
 import { UploadFile } from 'antd/lib/upload/interface';
 import { UseFormProps } from 'react-hook-form';
@@ -102,11 +109,6 @@ 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;
@@ -174,13 +176,20 @@ export declare interface CustomInputProps {
     placeholder?: string;
     type?: InputTypes_2;
     prefix?: ReactNode;
-    customonchange?: (event: default_2.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | default_3.Dayjs | null, field: ControllerRenderProps<FieldValues, string>) => void;
+    required?: boolean;
+    customOnChange?: (event: default_2.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | default_3.Dayjs | null, field: ControllerRenderProps<FieldValues, string>) => void;
 }
 
 export declare const DatePicker: (props: CustomInputProps & DatePickerProps) => default_2.JSX.Element;
 
 export { DatePickerAntd }
 
+export declare const Disclaimer: FC<DisclaimerProps>;
+
+declare interface DisclaimerProps {
+    content?: string;
+}
+
 export declare const DocumentCard: ({ name, onDownload }: DocumentCardProps) => default_2.JSX.Element;
 
 declare interface DocumentCardProps {
@@ -233,21 +242,25 @@ declare interface ErrorProps {
     fieldName: string;
 }
 
-export declare const FileUpload: ({ children, actionURL, dragdrop, uploadIcon, uploadHint, fileTypes, multiple, maxCount, handleChange, supportedFileType }: FileUploadProps) => default_2.JSX.Element;
+export declare const FileUpload: ({ actionURL, uploadIcon, fileTypes, multiple, maxCount, handleChange, maxFileSize, supportedFileType, uploadTitle }: FileUploadProps) => default_2.JSX.Element;
 
 export declare interface FileUploadProps {
     children?: default_2.ReactNode;
     dragdrop?: boolean;
     uploadIcon?: ReactNode;
     uploadHint?: ReactNode;
+    uploadTitle?: string;
     fileTypes?: string;
     actionURL?: string;
     multiple?: boolean;
     maxCount?: number;
+    maxFileSize?: number;
     supportedFileType?: string;
     handleChange: (file: FileList | UploadFile) => void;
 }
 
+export { FilterValue }
+
 export declare const FloatingLabel: (props: FloatingLabelProps) => default_2.JSX.Element;
 
 export declare interface FloatingLabelProps {
@@ -262,10 +275,9 @@ export { FooterDetailsProps }
 export declare function Form<T extends FieldValues>({ onSubmit, validationSchema, children, ...rest }: PropsWithChildren<FormProps<T>>): default_2.JSX.Element;
 
 declare interface FormDropdown extends Omit<ComponentProps<typeof Dropdown>, "onChange"> {
-    rules: any;
     name: string;
-    type: string;
-    customonchange?: (event: default_2.ChangeEvent<HTMLInputElement> | string | number | unknown, field: ControllerRenderProps<FieldValues, string>) => void;
+    type?: string;
+    customOnChange?: (event: default_2.ChangeEvent<HTMLInputElement> | string | number | unknown, field: ControllerRenderProps<FieldValues, string>) => void;
 }
 
 declare interface FormProps<T extends FieldValues> extends UseFormProps<T> {
@@ -293,19 +305,10 @@ export declare interface INotification {
     type: string;
 }
 
-export declare const InputField: ({ label, type, placeholder, prefix, ...rest }: CustomInputProps & InputProps) => default_2.JSX.Element;
+export declare const InputField: ({ label, type, placeholder, prefix, required, ...rest }: CustomInputProps & InputProps) => default_2.JSX.Element;
 
 export { InputTypes }
 
-declare enum InputTypes_2 {
-    TEXT='text',
-    NUMBER='number',
-    TEXTAREA='textarea',
-    PASSWORD='password',
-    EMAIL='email',
-    DATE='date'
-}
-
 export declare const InputWithCountry: ({ label, type, ...rest }: CustomInputProps & InputProps_2) => default_2.JSX.Element;
 
 export { JobTypeEnum }
@@ -413,7 +416,7 @@ export declare interface ProfileDetailProps {
     address: string;
     gender: GenderProfileEnum_2;
     jobType?: JobTypeEnum_2;
-    jobTitle?: string;
+    jobTitle?: string[];
     skills?: string[];
     yearsOfExperience?: number | string;
     userId: string;
@@ -445,12 +448,8 @@ export declare const Select: (props: SelectPropsBase) => default_2.JSX.Element;
 
 declare interface SelectPropsBase extends SelectProps {
     name: string;
-    options: {
-        value: string;
-        label: string;
-    }[];
     label: string;
-    customonchange?: (event: default_2.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | string | number, field: ControllerRenderProps<FieldValues, string>) => void;
+    customOnChange?: (event: default_2.ChangeEvent<HTMLInputElement> | string | number, field: ControllerRenderProps<FieldValues, string>) => void;
 }
 
 export declare const Sidebar: default_2.FC<SidebarProps>;
@@ -469,6 +468,10 @@ export { Size }
 
 export declare const Skeleton: FC<SkeletonProps>;
 
+export { SorterResult }
+
+export { SortOrder }
+
 export { Space }
 
 declare interface Stats {
@@ -502,29 +505,27 @@ export { SwitchProps }
 
 export declare const Table: <T extends object>(props: TableProps_3<T>) => default_2.JSX.Element;
 
-export declare const TableComponent: FC<TableComponentProps>;
+export declare const TableComponent: <T extends object>({ dataSource, columns, pagination, loading, onRow, onChange, loadingCount, size, type, scroll, rowClassName, ...restProps }: TableComponentProps<T>) => default_2.JSX.Element;
 
-export declare interface TableComponentProps extends TableProps<any> {
-    dataSource: any[] | undefined;
+export declare interface TableComponentProps<T> extends Omit<TableProps<T>, "onRow"> {
+    dataSource?: T[];
+    columns: ColumnsType<T>;
     type?: TableType_2;
-    pagination?: false | TablePaginationConfig | undefined;
+    pagination?: false | TablePaginationConfig_2;
     loading?: boolean;
-    onRow?: any;
-    rowClassName?: (record: any) => string;
-    scroll?: TableProps_2<any>['scroll'] & {
+    onRow?: (record: T) => void;
+    rowClassName?: (record: T) => string;
+    scroll?: TableProps_2<T>["scroll"] & {
         scrollToFirstRowOnChange?: boolean;
     };
-    onChange?: (pagination?: TablePaginationConfig, filters?: Record<string, FilterValue | null>, sorter?: SorterResult<any> | SorterResult<any>[], extra?: TableCurrentDataSource<any>) => void;
+    onChange?: (pagination?: TablePaginationConfig_2, filters?: Record<string, FilterValue | null>, sorter?: SorterResult<T> | SorterResult<T>[], extra?: TableCurrentDataSource<T>) => void;
     loadingCount?: number;
     size?: SizeType;
 }
 
-export { TableType }
+export { TablePaginationConfig }
 
-declare const enum TableType_2 {
-    DEFAULT = "default",
-    NO_DESIGN = "noDesign",
-}
+export { TableType }
 
 export declare const TitleHeader: (props: TitleHeaderProps) => default_2.JSX.Element;
 
@@ -540,11 +541,6 @@ export declare interface TitleHeaderProps {
 
 export { TitleHeaderStatus }
 
-declare enum TitleHeaderStatus_2{
-    ACTIVE='active',
-    INACTIVE='inactive',
-}
-
 export declare const Tooltip: FC<TooltipProps>;
 
 declare interface TooltipProps {