vrfi-design-system 1.0.13 → 1.0.15

package/dist/index.d.ts

@@ -2,13 +2,16 @@ import { default as AuthBanner } from '../../views/Auth/AuthBanner';
 import { default as AuthForm } from '../../views/Auth/AuthForm';
 import { AuthFormProps } from './../../views/Auth/AuthForm/index';
 import { BaseOptionType } from 'rc-select/lib/Select';
-import { ButtonType } from 'antd/lib/button';
+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 { CheckboxOptionType } from 'antd/lib/checkbox/Group';
+import { default as Col } from 'antd/lib/col';
+import { ColProps } from 'antd/lib/col';
 import { ComponentProps } from 'react';
 import { ControllerRenderProps } from 'react-hook-form';
-import { DatePickerProps as DatePickerProps_2 } from 'antd';
+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';
@@ -17,24 +20,31 @@ import { FC } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FilterValue } from 'antd/lib/table/interface';
 import { FooterDetailsProps } from '../types/footerDetails';
-import { FooterDetailsProps as FooterDetailsProps_2 } from '../../types/footerDetails';
+import { HtmlButtonType } from '../../enums/buttonType';
+import { Icons } from '../../enums/icons.enum';
 import { InputProps } from 'antd/lib';
+import { InputProps as InputProps_2 } from 'antd';
 import { JSX as JSX_2 } from 'react';
 import { LoaderSizes } from '../../../enums/LoaderSizes';
-import { MenuItemType } from 'antd/lib/menu/interface';
 import { ModalProps as ModalProps_2 } from 'antd/lib/modal';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { PasswordProps } from 'antd/es/input';
+import { PropsWithChildren } from 'react';
 import { Radio as Radio_2 } from 'antd';
+import { RadioProps as RadioProps_2 } from 'antd';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { default as Row } from 'antd/lib/row';
+import { RowProps } from 'antd/lib/row';
 import { SelectProps } from 'antd';
 import { SidebarMenuProps } from '../types/SidebarRouteProps';
-import { SidebarMenuProps as SidebarMenuProps_2 } from '../..//types/SidebarRouteProps';
 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 { 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 { TableProps } from 'antd/lib/table';
@@ -43,6 +53,14 @@ import { TableProps as TableProps_3 } from 'antd';
 import { tooltipPosition } from '../../../enums/tooltipPosition';
 import { UploadFile } from 'antd/lib/upload/interface';
 
+export declare interface AssignedEmployerProps {
+    data?: EmployerDataType[];
+    noDataHeading?: string;
+    noDataSubheading?: string;
+    noDataIcon: ReactElement;
+    profileAssignedHeading: string;
+}
+
 export { AuthBanner }
 
 export { AuthForm }
@@ -74,18 +92,28 @@ export declare interface ButtonProps {
     clickHandler?: (event: MouseEvent_2) => void;
     children: ReactNode;
     htmlType?: "reset" | "submit" | "button";
-    type?: ButtonType;
+    type?: ButtonType_2;
     className?: string;
     moduleClassName?: string;
     icon?: any;
     disabled?: boolean;
-    size?: "small" | "medium";
+    size?: "small" | "medium" | "large";
     loading?: boolean;
     name?: string;
     target?: string;
     href?: string;
 }
 
+export { ButtonType }
+
+export declare function CardWithIconAndText({ icon, heading, subHeading }: CardWithIconAndTextProps): default_2.JSX.Element;
+
+export declare interface CardWithIconAndTextProps {
+    icon: ReactNode;
+    heading: string;
+    subHeading: string;
+}
+
 export declare const Checkbox: ({ children, group, options, disabled, indeterminate, defaultChecked, onChange, checked, }: CheckboxProps) => default_2.JSX.Element;
 
 export declare interface CheckboxProps {
@@ -99,6 +127,10 @@ export declare interface CheckboxProps {
     checked?: boolean;
 }
 
+export { Col }
+
+export { ColProps }
+
 export declare const CustomAvatar: ({ name, size, imageUrl, isExtra }: CustomAvatarProps) => default_2.JSX.Element;
 
 export declare type CustomAvatarProps = {
@@ -117,14 +149,11 @@ export declare interface CustomInputProps {
     customonchange?: (event: default_2.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | default_3.Dayjs | null, field: ControllerRenderProps<FieldValues, string>) => 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 const DatePicker: (props: CustomInputProps & DatePickerProps) => default_2.JSX.Element;
 
-export declare interface DatePickerProps {
+declare interface DocumentCardProps {
     name: string;
-    title?: string;
+    onDownload?: () => void;
 }
 
 export declare function DocumentStatus(props: DocumentStatusTypes): default_2.JSX.Element;
@@ -163,11 +192,16 @@ export declare interface DropdownProps<ValueType, OptionType extends BaseOptionT
     title?: string;
 }
 
-declare const Error_2: FC<ErrorMessageProps>;
+declare type EmployerDataType = {
+    name: string;
+    startDate: string;
+};
+
+declare const Error_2: FC<ErrorProps>;
 export { Error_2 as Error }
 
-export declare interface ErrorMessageProps {
-    message: string;
+declare interface ErrorProps {
+    fieldName: string;
 }
 
 export declare const FileUpload: ({ children, actionURL, dragdrop, uploadIcon, uploadHint, fileTypes, multiple, maxCount, handleChange, supportedFileType }: FileUploadProps) => default_2.JSX.Element;
@@ -195,16 +229,34 @@ export declare interface FloatingLabelProps {
 
 export { FooterDetailsProps }
 
+export declare function Form({ onSubmit, initialValues, children }: PropsWithChildren<FormProps>): default_2.JSX.Element;
+
 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;
+    customonchange?: (event: default_2.ChangeEvent<HTMLInputElement> | string | number | unknown, field: ControllerRenderProps<FieldValues, string>) => void;
+}
+
+declare interface FormProps {
+    onSubmit: (data: FieldValues) => void;
+    initialValues: {
+        [key: string]: string | number;
+    };
+}
+
+declare enum GenderProfileEnum{
+    MALE='Male',
+    FEMALE='Female',
+    PREFER_NOT_TO_SAY='Prefer not to say',
+    OTHER='Other',
+
 }
 
+export { HtmlButtonType }
+
+export { Icons }
+
 export declare interface INotification {
     message: string;
     description: string;
@@ -213,6 +265,25 @@ export declare interface INotification {
 
 export declare const InputField: ({ label, type, placeholder, ...rest }: CustomInputProps & InputProps) => default_2.JSX.Element;
 
+export declare const InputWithCountry: ({ label, type, ...rest }: CustomInputProps & InputProps_2) => default_2.JSX.Element;
+
+declare enum JobTypeEnum{
+    PART_TIME='Part time',
+    FULL_TIME='Full time',
+
+}
+
+export declare const ListingTableHeader: (props: ListingTableHeaderProps) => default_2.JSX.Element;
+
+export declare interface ListingTableHeaderProps {
+    onSearch?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onFilter?: () => void;
+    onClear?: () => void;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    actionButtons?: ReactNode;
+}
+
 export declare const Loader: default_2.FC<LoaderProps>;
 
 export declare interface LoaderProps {
@@ -250,9 +321,39 @@ export declare interface OfflineProps {
     isOffline: boolean;
 }
 
-export declare const PasswordValidation: default_2.FC;
+export declare const Password: ({ label, type, placeholder, ...rest }: CustomInputProps & PasswordProps) => default_2.JSX.Element;
 
-export declare const Radio: ({ label, ...props }: RadioProps) => default_2.JSX.Element;
+export declare function ProfileAssignedCard({ name }: ProfileAssignedCardProps): default_2.JSX.Element;
+
+export declare interface ProfileAssignedCardProps {
+    name: string;
+}
+
+export declare const ProfileAssignedEmployer: ({ data, profileAssignedHeading, noDataHeading, noDataSubheading, noDataIcon }: AssignedEmployerProps) => default_2.JSX.Element;
+
+export declare interface ProfileAttachmentProps {
+    data?: DocumentCardProps[];
+}
+
+export declare const ProfileAttachments: ({ data }: ProfileAttachmentProps) => default_2.JSX.Element;
+
+export declare const ProfileDetail: (props: ProfileDetailProps) => default_2.JSX.Element;
+
+export declare interface ProfileDetailProps {
+    name: string;
+    phoneNumber: string;
+    email: string;
+    address: string;
+    gender: GenderProfileEnum;
+    jobType?: JobTypeEnum;
+    jobTitle?: string;
+    skills?: string[];
+    yearsOfExperience?: number | string;
+    userId: string;
+    imageUrl?: string;
+}
+
+export declare const Radio: (props: CustomInputProps & RadioProps_2) => default_2.JSX.Element;
 
 declare interface RadioButtonProps {
     label?: string;
@@ -260,39 +361,35 @@ declare interface RadioButtonProps {
 
 export declare type RadioProps = RadioButtonProps & ComponentProps<typeof Radio_2.Group>;
 
+export { Row }
+
+export { RowProps }
+
 export declare interface SearchComponentProps {
     onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
-    value: string | number;
-    placeholder: string;
-    onClear: () => void;
+    value?: string | number;
+    placeholder?: string;
+    onClear?: () => void;
 }
 
 export declare const SearchField: FC<SearchComponentProps>;
 
-export declare const Sidebar: default_2.FC<SidebarProps>;
+export declare const Select: (props: SelectPropsBase) => default_2.JSX.Element;
 
-export { SidebarMenuProps }
-
-declare interface SidebarProps {
-    activeMenu: string;
-    menus: SidebarMenuProps_2[];
-    footerDetails: FooterDetailsProps_2;
-    popoverContent: default_2.ReactNode;
-    onClick: MenuItemType["onClick"];
-}
-
-export declare const Skeleton: FC<SkeletonProps>;
-
-declare interface Stats {
+declare interface SelectPropsBase extends SelectProps {
+    name: string;
+    rules: Record<string, any>;
+    options: {
+        value: string;
+        label: string;
+    }[];
     label: string;
-    value: string | number;
+    customonchange?: (event: default_2.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | string | number, field: ControllerRenderProps<FieldValues, string>) => void;
 }
 
-export declare const StatsBanner: default_2.FC<StatsBannerProps>;
+export { SidebarMenuProps }
 
-declare interface StatsBannerProps {
-    stats: Stats[];
-}
+export declare const Skeleton: FC<SkeletonProps>;
 
 declare interface StepItem extends StepProps {
     component?: default_2.ReactElement;
@@ -306,6 +403,12 @@ export declare interface StepperProps extends StepsProps {
     destroyOnChange?: boolean;
 }
 
+export declare const SummaryCard: (props: PropsWithChildren) => default_2.JSX.Element;
+
+export { Switch }
+
+export { SwitchProps }
+
 export declare const Table: <T extends object>(props: TableProps_3<T>) => default_2.JSX.Element;
 
 export declare const TableComponent: FC<TableComponentProps>;
@@ -330,6 +433,15 @@ declare const enum TableType {
     NO_DESIGN = "noDesign",
 }
 
+export declare const TitleHeader: (props: TitleHeaderProps) => default_2.JSX.Element;
+
+export declare interface TitleHeaderProps {
+    heading: string;
+    subHeading?: string;
+    icon?: JSX.Element;
+    description?: string;
+}
+
 export declare const Tooltip: FC<TooltipProps>;
 
 declare interface TooltipProps {