vrfi-design-system 1.0.84 → 1.0.86

package/dist/index.d.ts

@@ -1,18 +1,17 @@
 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 as CheckboxGroupProps_2 } from 'antd/lib/checkbox';
-import { CheckboxGroupProps as CheckboxGroupProps_3 } from 'antd/es/checkbox';
+import { CheckboxGroupProps } 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';
@@ -20,6 +19,7 @@ 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,6 +27,7 @@ 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';
@@ -49,7 +50,6 @@ 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,12 +59,14 @@ 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';
@@ -72,6 +74,7 @@ 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';
@@ -89,15 +92,17 @@ 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';
@@ -107,7 +112,6 @@ 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';
@@ -115,32 +119,19 @@ 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 {
@@ -153,8 +144,6 @@ export declare interface AssignedEmployerProps {
 
 export { AuthBanner }
 
-export { AuthBannerTextType }
-
 export { AuthForm }
 
 export { AuthFormProps }
@@ -165,8 +154,6 @@ export declare interface AvatarCardProps {
     email: string;
     textMaxWidth?: number;
     className?: string;
-    copyEmail?: boolean;
-    userId?: string;
 }
 
 export declare interface AvatarProps {
@@ -189,12 +176,6 @@ 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 {
@@ -227,14 +208,6 @@ 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;
@@ -256,7 +229,7 @@ declare interface CheckBoxWithFormWrapperProps {
     disabled?: boolean;
     indeterminate?: boolean;
     group?: boolean;
-    onCheckboxChange?: (event: CheckboxChangeEvent | CheckboxGroupProps_3[] | boolean) => void;
+    onCheckboxChange?: (event: CheckboxChangeEvent | CheckboxGroupProps[] | boolean) => void;
     options?: (CheckboxOptionType | string | number)[];
     name: string;
     className?: string;
@@ -314,7 +287,6 @@ 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'> {
@@ -338,20 +310,13 @@ 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;
 };
@@ -396,14 +361,21 @@ 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 = {
@@ -416,7 +388,6 @@ 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;
@@ -450,13 +421,18 @@ 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;
@@ -489,35 +465,6 @@ 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 }
@@ -530,7 +477,6 @@ export declare interface ListingTableHeaderProps {
     onSearch?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
     onFilter?: () => void;
     onClear?: () => void;
-    onSettings?: () => void;
     searchPlaceholder?: string;
     searchValue?: string;
     actionButtons?: ReactNode;
@@ -609,6 +555,13 @@ 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>>;
@@ -633,16 +586,6 @@ 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>;
@@ -652,10 +595,6 @@ 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>;
@@ -686,9 +625,9 @@ export { ProfileDetailFooterTypes }
 
 export declare interface ProfileDetailProps {
     name: string;
-    phoneNumber?: string;
+    phoneNumber: string;
     email: string;
-    address?: string;
+    address: string;
     gender: GenderProfileEnum_2;
     jobType?: JobTypeEnum_2;
     jobTitle?: string[];
@@ -698,11 +637,6 @@ export declare interface ProfileDetailProps {
     imageUrl?: string;
     verified: boolean;
     sinNumber?: number;
-    footerDetails?: boolean;
-    agencyName?: string;
-    verificationType?: string;
-    verificationDocument?: string;
-    verificationExpiryDate?: string;
 }
 
 export { QueryParams }
@@ -716,17 +650,9 @@ declare interface RadioProps extends RadioProps_2, Pick<RadioGroupProps, 'option
     customOnChange?: (event: RadioChangeEvent | null, field: ControllerRenderProps<FieldValues, string>) => void;
 }
 
-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;
+declare interface Response_2<T> {
+    data: T[];
+    meta: PaginationMeta_2;
 }
 
 export { Row }
@@ -742,7 +668,7 @@ export declare interface SearchComponentProps {
 
 export declare const SearchField: FC<SearchComponentProps>;
 
-export declare const Select: ({ name, label, required, customOnChange, options, size, type, customInput, className, selectedOptions, handleCheckboxChange, ...props }: SelectPropsBase) => default_2.JSX.Element;
+export declare const Select: ({ name, label, required, customOnChange, options, size, type, className, ...props }: SelectPropsBase) => default_2.JSX.Element;
 
 declare interface SelectPropsBase extends SelectProps {
     name: string;
@@ -750,10 +676,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;
-    selectedOptions?: (string | number)[];
-    handleCheckboxChange?: (value: string) => void;
 }
 
 export { SelectType }
@@ -772,6 +695,8 @@ export declare interface SidebarProps {
 
 export { Size }
 
+export declare const Skeleton: FC<SkeletonProps>;
+
 export { SorterResult }
 
 export { SortOrder }
@@ -793,21 +718,22 @@ export declare interface StatsBannerProps {
 
 export { StatusTypes }
 
-export declare const SummaryCard: default_2.FC<SummaryCardProps>;
-
-declare interface SummaryCardProps extends PropsWithChildren {
-    className?: string;
+declare interface StepItem extends StepProps {
+    component?: default_2.ReactElement;
 }
 
-export { Switch }
-
-export declare const SwitchComponent: default_2.FC<SwitchComponentProps>;
+export declare const Stepper: FC<StepperProps>;
 
-export declare interface SwitchComponentProps extends SwitchProps_2 {
-    name: string;
-    onChange: (checked: boolean) => void;
+export declare interface StepperProps extends StepsProps {
+    items: StepItem[];
+    title?: string;
+    destroyOnChange?: boolean;
 }
 
+export declare const SummaryCard: (props: PropsWithChildren) => default_2.JSX.Element;
+
+export { Switch }
+
 export { SwitchProps }
 
 declare interface TabItems {
@@ -861,9 +787,6 @@ 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;
@@ -878,19 +801,6 @@ 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 {
@@ -912,13 +822,12 @@ export { Typography }
 
 export { TypographyProps }
 
-export declare const Upload: ({ name, onChange, showUploadList, supportedFileType, ...rest }: UploadBaseProps) => default_2.JSX.Element;
+export declare const Upload: ({ name, onChange, showUploadList, ...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 {