vrfi-design-system 1.0.86 → 1.0.88

package/dist/index.d.ts

@@ -1,17 +1,18 @@
 import { ActionType } from '../../enums/trigger';
 import { Align } from '../../enums/align.enum';
 import { default as AuthBanner } from '../../views/Auth/AuthBanner';
+import { AuthBannerTextType } from '../../views/Auth/AuthBanner/authBanner.constants';
 import { default as AuthForm } from '../../views/Auth/AuthForm';
 import { AuthFormProps } from './../../views/Auth/AuthForm/index';
 import { AvatarSize } from '../../enums/avatarSize.enum';
 import { AvatarSize as AvatarSize_2 } from '../../../enums/avatarSize.enum';
 import { BadgeType } from '../../enums/badgeType.enum';
 import { BadgeType as BadgeType_2 } from '../../../enums/badgeType.enum';
-import { BaseOptionType } from 'rc-select/lib/Select';
 import { ButtonType } from '../../enums/buttonType';
 import { ButtonType as ButtonType_2 } from 'antd/lib/button';
 import { CheckboxChangeEvent } from 'antd/es/checkbox';
-import { CheckboxGroupProps } from 'antd/es/checkbox';
+import { CheckboxGroupProps as CheckboxGroupProps_2 } from 'antd/lib/checkbox';
+import { CheckboxGroupProps as CheckboxGroupProps_3 } from 'antd/es/checkbox';
 import { CheckboxOptionType } from 'antd/lib/checkbox/Group';
 import { default as Col } from 'antd/lib/col';
 import { Colors } from '../../enums/colors.enum';
@@ -19,7 +20,6 @@ import { ColProps } from 'antd/lib/col';
 import { ColumnSortOrder } from './../../enums/columnSortOrder.enum';
 import { ColumnsType } from 'antd/es/table/InternalTable';
 import { ColumnType } from 'antd/lib/table';
-import { ComponentProps } from 'react';
 import { Control } from 'react-hook-form';
 import { ControllerRenderProps } from 'react-hook-form';
 import { CSSProperties } from 'react';
@@ -27,7 +27,6 @@ import { default as DatePickerAntd } from 'antd/lib/date-picker';
 import { DatePickerProps } from 'antd';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'dayjs';
-import { DefaultOptionType } from 'rc-select/lib/Select';
 import { DocumentStatusEnum } from '../../enums/documentStatus.enum';
 import { DocumentStatusEnum as DocumentStatusEnum_2 } from '../../../enums/documentStatus.enum';
 import { DOM_ELEMENT_ROLE } from './../../enums/domElementRole.enum';
@@ -50,6 +49,7 @@ import { InputRef } from 'antd';
 import { InputRef as InputRef_2 } from 'antd/lib/input';
 import { InputTypes } from '../../enums/inputType.enum';
 import { InputTypes as InputTypes_2 } from '../../../enums/inputType.enum';
+import { JobStatus } from '../../../enums/jobStatus.enum';
 import { JobTypeEnum } from '../../enums/jobType.enum';
 import { JobTypeEnum as JobTypeEnum_2 } from '../../../enums/jobType.enum';
 import { JSX as JSX_2 } from 'react';
@@ -59,14 +59,12 @@ import { LabelType as LabelType_2 } from '../../../enums/labelType.enum';
 import { LoaderSizes } from '../../../enums/LoaderSizes';
 import { MenuProps } from 'antd/lib';
 import { Meta } from '../../models/Meta/meta.model';
-import { Meta as Meta_2 } from '../../../models/Meta/meta.model';
 import { MobileInputValue } from '../types/mobileInputValue.type';
 import { MobileInputValue as MobileInputValue_2 } from '../../../types/mobileInputValue.type';
 import { ModalProps as ModalProps_2 } from 'antd/lib/modal';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { NotificationTypes } from '../../enums/notificationTypes';
 import { PaginationMeta } from '../../models/PaginationMeta/paginationMeta.model';
-import { PaginationMeta as PaginationMeta_2 } from '../../../models/PaginationMeta/paginationMeta.model';
 import { PasswordProps } from 'antd/es/input';
 import { Placement } from '../../enums/placement';
 import { default as Popover } from 'antd/lib/popover';
@@ -74,7 +72,6 @@ import { PopoverProps } from 'antd';
 import { ProfileDetailFooterTypes } from '../../enums/profileDetailFooter.enum';
 import { PropsWithChildren } from 'react';
 import { QueryParams } from '../../models/QueryParams/queryParams.model';
-import { QueryParams as QueryParams_2 } from '../../../models/QueryParams/queryParams.model';
 import { RadioChangeEvent } from 'antd';
 import { RadioGroupProps } from 'antd';
 import { RadioProps as RadioProps_2 } from 'antd';
@@ -92,17 +89,15 @@ import { Size } from '../../enums/size.enum';
 import { Size as Size_2 } from '../../../enums/size.enum';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
 import { SizeType as SizeType_2 } from 'antd/es/config-provider/SizeContext';
-import { SkeletonProps } from 'antd';
 import { SorterResult } from 'antd/lib/table/interface';
 import { SortOrder } from 'antd/lib/table/interface';
 import { SortOrderKeys } from './../../enums/sortOrderKeys.enum';
 import { default as Space } from 'antd/lib/space';
 import { StatusTypes } from '../../enums/statusTypes.enum';
 import { StatusTypes as StatusTypes_2 } from '../../../enums/statusTypes.enum';
-import { StepProps } from 'antd';
-import { StepsProps } from 'antd';
 import { default as Switch } from 'antd/lib/switch';
 import { SwitchProps } from 'antd/lib/switch';
+import { SwitchProps as SwitchProps_2 } from 'antd';
 import { TableCurrentDataSource } from 'antd/lib/table/interface';
 import { TablePaginationConfig } from 'antd/lib/table/interface';
 import { TablePaginationConfig as TablePaginationConfig_2 } from 'antd';
@@ -112,6 +107,7 @@ import { TableType } from '../../enums/tableType.enum';
 import { TableType as TableType_2 } from '../../../enums/tableType.enum';
 import { TabsProps as TabsProps_2 } from 'antd';
 import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
+import { TimePickerProps } from 'antd';
 import { TitleHeaderStatus } from '../../enums/titleHeaderStatus.enum';
 import { TitleHeaderStatus as TitleHeaderStatus_2 } from '../../../enums/titleHeaderStatus.enum';
 import { TooltipProps } from 'antd/es/tooltip';
@@ -119,19 +115,32 @@ import { Typography } from 'antd';
 import { TypographyProps } from 'antd';
 import { UploadFile } from 'antd/lib/upload/interface';
 import { UploadFile as UploadFile_2 } from 'antd';
+import { UploadInputTypes } from '../../../../enums/uploadInputTypes.enum';
 import { UploadProps } from 'antd';
 import { UploadProps as UploadProps_2 } from 'antd/lib';
 import { default as useForm } from '../hooks/useForm';
 import { UseFormProps } from 'react-hook-form';
 import { useFormProps } from '../hooks/useForm';
 import { UseFormReturn } from 'react-hook-form';
-import { UseInfiniteQueryOptions } from '@tanstack/react-query';
 import { VerificationTypes } from '../../enums/verificationTypes.enum';
 import { VerificationTypes as VerificationTypes_2 } from '../../../enums/verificationTypes.enum';
 import * as Yup from 'yup';
 
 export { ActionType }
 
+export declare const AgencyJobCard: FC<AgencyJobCardProps>;
+
+declare interface AgencyJobCardProps extends HTMLAttributes<HTMLDivElement> {
+    assignedNames?: string[];
+    badges: BadgeProps[];
+    bodyList: ListItemProps[];
+    createdBy: Omit<CustomAvatarProps, "size">;
+    headerExtra?: default_2.ReactNode;
+    status: JobStatus;
+    title: string;
+    footerExtra?: default_2.ReactNode;
+}
+
 export { Align }
 
 export declare interface AssignedEmployerProps {
@@ -144,6 +153,8 @@ export declare interface AssignedEmployerProps {
 
 export { AuthBanner }
 
+export { AuthBannerTextType }
+
 export { AuthForm }
 
 export { AuthFormProps }
@@ -154,6 +165,8 @@ export declare interface AvatarCardProps {
     email: string;
     textMaxWidth?: number;
     className?: string;
+    copyEmail?: boolean;
+    userId?: string;
 }
 
 export declare interface AvatarProps {
@@ -176,6 +189,12 @@ export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
 
 export { BadgeType }
 
+export declare const Bookmark: (props: BookmarkProps) => default_2.JSX.Element;
+
+export declare interface BookmarkProps {
+    onClick: () => boolean;
+}
+
 export declare const Button: FC<ButtonProps>;
 
 export declare interface ButtonProps {
@@ -208,6 +227,14 @@ export declare interface CardWithIconAndTextProps {
 
 export declare const Checkbox: ({ children, group, options, disabled, indeterminate, defaultChecked, onChange, label, isBlock, checked, maxRows }: CheckboxProps) => default_2.JSX.Element;
 
+export declare const CheckboxGroup: ({ label, name, isBlock, className, options, maxRows, ...props }: CheckboxGroupProps) => default_2.JSX.Element;
+
+declare interface CheckboxGroupProps extends CheckboxGroupProps_2 {
+    label?: string;
+    isBlock?: boolean;
+    maxRows?: number;
+}
+
 export declare interface CheckboxProps {
     children?: string | number;
     disabled?: boolean;
@@ -222,6 +249,13 @@ export declare interface CheckboxProps {
     maxRows?: number;
 }
 
+export declare const CheckboxSelectField: ({ name, label, options, selectedOptions, handleCheckboxChange, className, size, type, required, customInput, ...props }: CheckboxSelectFieldProps) => default_2.JSX.Element;
+
+export declare interface CheckboxSelectFieldProps extends SelectPropsBase {
+    selectedOptions?: (string | number)[];
+    handleCheckboxChange?: (value: string) => void;
+}
+
 export declare const CheckBoxWithFormWrapper: ({ name, onCheckboxChange, group, children, ...props }: CheckBoxWithFormWrapperProps) => default_2.JSX.Element;
 
 declare interface CheckBoxWithFormWrapperProps {
@@ -229,7 +263,7 @@ declare interface CheckBoxWithFormWrapperProps {
     disabled?: boolean;
     indeterminate?: boolean;
     group?: boolean;
-    onCheckboxChange?: (event: CheckboxChangeEvent | CheckboxGroupProps[] | boolean) => void;
+    onCheckboxChange?: (event: CheckboxChangeEvent | CheckboxGroupProps_3[] | boolean) => void;
     options?: (CheckboxOptionType | string | number)[];
     name: string;
     className?: string;
@@ -287,6 +321,7 @@ export declare interface CustomInputProps {
     customOnChange?: (event: default_2.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | default_3.Dayjs | null, field: ControllerRenderProps<FieldValues, string>) => void;
     control?: Control<FieldValues>;
     rules?: RegisterOptions;
+    customInput?: boolean;
 }
 
 export declare interface CustomTooltipProps extends Omit<TooltipProps, 'title'> {
@@ -310,13 +345,20 @@ declare interface CustomUploadProps extends Omit<UploadProps, "onChange"> {
     required?: boolean;
     loading?: boolean;
     fileNamePrefix?: string;
+    uploadInputType?: UploadInputTypes;
+}
+
+export declare const DashboardCard: (props: DashboardCardProps) => default_2.JSX.Element;
+
+export declare interface DashboardCardProps {
+    data: Stats[];
 }
 
 export declare const DatePicker: default_2.FC<DatePickerComponentProps>;
 
 export { DatePickerAntd }
 
-declare type DatePickerComponentProps = CustomInputProps & Omit<DatePickerProps, 'name' | 'value'> & {
+declare type DatePickerComponentProps = CustomInputProps & Omit<DatePickerProps, "name" | "value"> & {
     value?: string;
     format?: string;
 };
@@ -361,21 +403,14 @@ export declare interface DrawerProps extends DrawerProps_2 {
     subHeading?: string;
 }
 
-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;
-}
-
 export declare const EllipsisWithTooltip: default_2.FC<EllipsisWithTooltipProps>;
 
 export declare interface EllipsisWithTooltipProps {
     text: string;
     maxWidth?: number;
     textClassName?: string;
+    copyText?: boolean;
+    userId?: string;
 }
 
 declare type EmployerDataType = {
@@ -388,6 +423,7 @@ export { Error_2 as Error }
 
 declare interface ErrorProps {
     fieldName: string;
+    customInput?: boolean;
 }
 
 export declare const FileUpload: ({ actionURL, uploadIcon, fileTypes, multiple, maxCount, handleChange, maxFileSize, supportedFileType, uploadTitle }: FileUploadProps) => default_2.JSX.Element;
@@ -421,18 +457,13 @@ export declare interface FloatingLabelProps {
     required?: boolean;
     placeholder?: string;
     type?: LabelType_2;
+    customInput?: boolean;
 }
 
 export { FooterDetailsProps }
 
 export declare function Form<T extends FieldValues>({ onSubmit, children, methods, ...rest }: FormProps<T>): default_2.JSX.Element;
 
-declare interface FormDropdown extends Omit<ComponentProps<typeof Dropdown>, "onChange"> {
-    name: string;
-    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> {
     children: ReactNode | ((methods: UseFormReturn<T>) => ReactNode | default_2.JSX.Element);
     onSubmit: (data: T, methods: UseFormReturn<T>) => void;
@@ -465,6 +496,35 @@ declare interface InputWithCountryFlagProps extends Omit<CustomInputProps, "cust
     onChange?: (value: MobileInputValue_2) => void;
 }
 
+export declare const JobCard: FC<JobCardProps>;
+
+declare interface JobCardProps extends HTMLAttributes<HTMLDivElement> {
+    assignedNames?: string[];
+    badges?: BadgeProps[];
+    bodyList: ListItemProps[];
+    createdBy?: Omit<CustomAvatarProps, "size">;
+    headerExtra?: default_2.ReactNode;
+    footerExtra?: default_2.ReactNode;
+    isOngoing?: boolean;
+    isCheckedIn?: boolean;
+    checkedInDetails?: {
+        statusDescription?: string;
+        checkInTime: string;
+        location: string;
+    };
+    status?: JobStatus;
+    jobTrackId?: string;
+    title: string;
+}
+
+export declare const JobTrackingCard: (props: JobTrackingCardProps) => default_2.JSX.Element;
+
+export declare interface JobTrackingCardProps {
+    title: string;
+    identifier: string | number;
+    date: string;
+}
+
 export { JobTypeEnum }
 
 export { Justify }
@@ -477,6 +537,7 @@ export declare interface ListingTableHeaderProps {
     onSearch?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
     onFilter?: () => void;
     onClear?: () => void;
+    onSettings?: () => void;
     searchPlaceholder?: string;
     searchValue?: string;
     actionButtons?: ReactNode;
@@ -555,13 +616,6 @@ declare interface OfflineProps {
 
 declare type OutlineType = "primary" | "danger" | "success";
 
-export declare const PaginatedDropdown: <T extends Meta_2>({ enabled, onPageUpdate, queryKey, params, onSearch, ...props }: PaginatedDropdownProps<T>) => default_2.JSX.Element;
-
-declare interface PaginatedDropdownProps<T> extends Omit<ComponentProps<typeof Select>, "options">, Pick<UseInfiniteQueryOptions<Response_2<T>>, "queryKey" | "enabled"> {
-    onPageUpdate: (params: QueryParams_2) => Promise<Response_2<T>>;
-    params?: QueryParams_2;
-}
-
 export { PaginationMeta }
 
 declare const PasswordField: default_2.ForwardRefExoticComponent<CustomInputProps & PasswordProps & default_2.RefAttributes<InputRef_2>>;
@@ -586,6 +640,16 @@ export { Placement }
 
 export { Popover }
 
+export declare const PopoverIconCard: (props: PopoverIconCardProps) => default_2.JSX.Element;
+
+export declare interface PopoverIconCardProps {
+    title: string;
+    text: string;
+    editIconClick?: () => void;
+    deleteIconClick?: () => void;
+    icon?: Icons_2;
+}
+
 export { PopoverProps }
 
 export declare const PreviewCard: default_2.FC<PreviewCardProps>;
@@ -595,6 +659,10 @@ declare interface PreviewCardProps {
     url?: string;
     showPreviewIcon?: boolean;
     className?: string;
+    isProfileDocCard?: boolean;
+    isCandidateDocCard?: boolean;
+    onDelete?: () => void;
+    expiryDate?: string;
 }
 
 export declare const PreviewDocumentsCard: default_2.FC<PreviewDocumentsCardProps>;
@@ -624,19 +692,24 @@ export declare const ProfileDetail: (props: ProfileDetailProps) => default_2.JSX
 export { ProfileDetailFooterTypes }
 
 export declare interface ProfileDetailProps {
-    name: string;
-    phoneNumber: string;
-    email: string;
-    address: string;
-    gender: GenderProfileEnum_2;
+    name?: string;
+    phoneNumber?: string;
+    email?: string;
+    address?: string;
+    gender?: GenderProfileEnum_2;
     jobType?: JobTypeEnum_2;
     jobTitle?: string[];
     skills?: string[];
     yearsOfExperience?: number | string;
-    userId: string;
+    userId?: string;
     imageUrl?: string;
-    verified: boolean;
+    verified?: boolean;
     sinNumber?: number;
+    footerDetails?: boolean;
+    agencyName?: string;
+    verificationType?: string;
+    verificationDocument?: string;
+    verificationExpiryDate?: string;
 }
 
 export { QueryParams }
@@ -650,9 +723,17 @@ declare interface RadioProps extends RadioProps_2, Pick<RadioGroupProps, 'option
     customOnChange?: (event: RadioChangeEvent | null, field: ControllerRenderProps<FieldValues, string>) => void;
 }
 
-declare interface Response_2<T> {
-    data: T[];
-    meta: PaginationMeta_2;
+export declare const RoleManagement: (props: RoleManagementProps) => default_2.JSX.Element;
+
+export declare interface RoleManagementProps {
+    roles: RoleManagementRole[];
+}
+
+export declare interface RoleManagementRole {
+    roleName: string;
+    id: number;
+    content: default_2.ReactNode;
+    roleDescription: string;
 }
 
 export { Row }
@@ -668,7 +749,7 @@ export declare interface SearchComponentProps {
 
 export declare const SearchField: FC<SearchComponentProps>;
 
-export declare const Select: ({ name, label, required, customOnChange, options, size, type, className, ...props }: SelectPropsBase) => default_2.JSX.Element;
+export declare const Select: ({ name, label, required, customOnChange, options, size, type, customInput, className, ...props }: SelectPropsBase) => default_2.JSX.Element;
 
 declare interface SelectPropsBase extends SelectProps {
     name: string;
@@ -676,6 +757,7 @@ declare interface SelectPropsBase extends SelectProps {
     required?: boolean;
     size?: SizeType_2;
     type?: SelectType_2;
+    customInput?: boolean;
     customOnChange?: (event: default_2.ChangeEvent<HTMLInputElement> | string | number, field: ControllerRenderProps<FieldValues, string>) => void;
 }
 
@@ -695,8 +777,6 @@ export declare interface SidebarProps {
 
 export { Size }
 
-export declare const Skeleton: FC<SkeletonProps>;
-
 export { SorterResult }
 
 export { SortOrder }
@@ -718,22 +798,21 @@ export declare interface StatsBannerProps {
 
 export { StatusTypes }
 
-declare interface StepItem extends StepProps {
-    component?: default_2.ReactElement;
-}
-
-export declare const Stepper: FC<StepperProps>;
+export declare const SummaryCard: default_2.FC<SummaryCardProps>;
 
-export declare interface StepperProps extends StepsProps {
-    items: StepItem[];
-    title?: string;
-    destroyOnChange?: boolean;
+declare interface SummaryCardProps extends PropsWithChildren {
+    className?: string;
 }
 
-export declare const SummaryCard: (props: PropsWithChildren) => default_2.JSX.Element;
-
 export { Switch }
 
+export declare const SwitchComponent: default_2.FC<SwitchComponentProps>;
+
+export declare interface SwitchComponentProps extends SwitchProps_2 {
+    name: string;
+    onChange: (checked: boolean) => void;
+}
+
 export { SwitchProps }
 
 declare interface TabItems {
@@ -787,6 +866,9 @@ declare interface TabsProps extends TabsProps_2 {
     tabPosition?: "top" | "bottom" | "right" | "left";
     type?: "line" | "card" | "editable-card";
     onEdit?: () => void;
+    isRemovable?: boolean;
+    onRemove?: (key: string) => void;
+    onDoubleClickHandler?: (key: string) => void;
 }
 
 export declare const TextArea: ({ className, label, value, required, ...props }: TextAreaProps) => default_2.JSX.Element;
@@ -801,6 +883,19 @@ export declare const TextAreaWithController: ({ label, type, placeholder, requir
 
 export declare type TextAreaWithControllerProps = CustomInputProps & TextAreaProps_2;
 
+declare type TimePickerComponentProps = CustomInputProps & Omit<TimePickerProps, "ref"> & {
+    format?: string;
+};
+
+export declare const Timer: (props: TimerProps) => default_2.JSX.Element;
+
+export declare const TImerPicker: default_2.FC<TimePickerComponentProps>;
+
+export declare interface TimerProps {
+    hours: number;
+    minutes: number;
+}
+
 export declare const TitleHeader: (props: TitleHeaderProps) => default_2.JSX.Element;
 
 export declare interface TitleHeaderProps {
@@ -822,12 +917,13 @@ export { Typography }
 
 export { TypographyProps }
 
-export declare const Upload: ({ name, onChange, showUploadList, ...rest }: UploadBaseProps) => default_2.JSX.Element;
+export declare const Upload: ({ name, onChange, showUploadList, supportedFileType, ...rest }: UploadBaseProps) => default_2.JSX.Element;
 
 export declare interface UploadBaseProps extends CustomUploadProps {
     name: string;
     required?: boolean;
     showUploadList?: boolean;
+    uploadInputType?: UploadInputTypes;
 }
 
 export declare interface UploadBasePropsForDropdown extends CustomDropDownFileUploadProps {