vrfi-design-system 1.0.16 → 1.0.18

package/dist/index.d.ts

@@ -1,7 +1,10 @@
+import { Align } from '../../enums/align.enum';
+import { default as AntdRadio } from 'antd/lib/radio';
 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 { default as Button } from 'antd/lib/button';
 import { ButtonType } from '../../enums/buttonType';
 import { ButtonType as ButtonType_2 } from 'antd/lib/button';
 import { CheckboxChangeEvent } from 'antd/es/checkbox';
@@ -9,26 +12,38 @@ 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 { ColumnType } from 'antd/lib/table';
 import { ComponentProps } from 'react';
 import { ControllerRenderProps } from 'react-hook-form';
+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 { DrawerProps as DrawerProps_2 } from 'antd';
 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 { GenderProfileEnum } from '../../enums/genderProfile.enum';
 import { HtmlButtonType } from '../../enums/buttonType';
 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 { JobTypeEnum } from '../../enums/jobType.enum';
 import { JSX as JSX_2 } from 'react';
+import { Justify } from '../../enums/justify.enum';
 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 { NotificationTypes } from '../../enums/notificationTypes';
 import { PasswordProps } from 'antd/es/input';
+import { ProfileDetailFooterTypes } from '../../enums/profileDetailFooter.enum';
 import { PropsWithChildren } from 'react';
 import { Radio as Radio_2 } from 'antd';
 import { RadioProps as RadioProps_2 } from 'antd';
@@ -38,6 +53,8 @@ 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 { Size } from '../../enums/size.enum';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
 import { SkeletonProps } from 'antd';
 import { SorterResult } from 'antd/lib/table/interface';
@@ -51,9 +68,18 @@ 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 { TableType } from '../../enums/tableType.enum';
 import { TitleHeaderStatus } from '../../enums/titleHeaderStatus.enum';
 import { tooltipPosition } from '../../../enums/tooltipPosition';
 import { UploadFile } from 'antd/lib/upload/interface';
+import { UseFormProps } from 'react-hook-form';
+import { VerificationTypes } from '../../enums/verificationTypes.enum';
+import { VerificationTypes as VerificationTypes_2 } from '../../../enums/verificationTypes.enum';
+import * as Yup from 'yup';
+
+export { Align }
+
+export { AntdRadio }
 
 export declare interface AssignedEmployerProps {
     data?: EmployerDataType[];
@@ -88,7 +114,7 @@ export declare function AvatarWithDetailsCard(props: AvatarCardProps): default_2
 
 export declare const AvatarWithInitials: ({ names }: AvatarProps) => default_2.JSX.Element;
 
-export declare const Button: FC<ButtonProps>;
+export { Button }
 
 export declare interface ButtonProps {
     clickHandler?: (event: MouseEvent_2) => void;
@@ -134,6 +160,8 @@ export { Col }
 
 export { ColProps }
 
+export { ColumnType }
+
 export declare const CustomAvatar: ({ name, size, imageUrl, isExtra }: CustomAvatarProps) => default_2.JSX.Element;
 
 export declare type CustomAvatarProps = {
@@ -146,14 +174,18 @@ export declare type CustomAvatarProps = {
 export declare interface CustomInputProps {
     label: string;
     name: string;
-    rules?: Record<string, any>;
     placeholder?: string;
-    type: string;
+    type?: InputTypes_2;
+    prefix?: ReactNode;
     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 DocumentCard: ({ name, onDownload }: DocumentCardProps) => default_2.JSX.Element;
+
 declare interface DocumentCardProps {
     name: string;
     onDownload?: () => void;
@@ -161,13 +193,10 @@ declare interface DocumentCardProps {
 
 export declare function DocumentStatus(props: DocumentStatusTypes): default_2.JSX.Element;
 
-declare enum DocumentStatusEnum {
-    PENDING = "pending",
-    UPLOADED = "uploaded"
-}
+export { DocumentStatusEnum }
 
 export declare type DocumentStatusTypes = {
-    documentType: DocumentStatusEnum;
+    documentType: DocumentStatusEnum_2;
 };
 
 export declare const Drawer: FC<DrawerProps>;
@@ -228,11 +257,12 @@ export declare interface FloatingLabelProps {
     children: ReactNode;
     label?: string;
     value: string;
+    prefix?: ReactNode;
 }
 
 export { FooterDetailsProps }
 
-export declare function Form({ onSubmit, initialValues, children }: PropsWithChildren<FormProps>): default_2.JSX.Element;
+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;
@@ -241,14 +271,14 @@ declare interface FormDropdown extends Omit<ComponentProps<typeof Dropdown>, "on
     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 interface FormProps<T extends FieldValues> extends UseFormProps<T> {
+    onSubmit: (data: T) => void;
+    validationSchema?: Yup.ObjectSchema<T>;
 }
 
-declare enum GenderProfileEnum{
+export { GenderProfileEnum }
+
+declare enum GenderProfileEnum_2{
     MALE='Male',
     FEMALE='Female',
     PREFER_NOT_TO_SAY='Prefer not to say',
@@ -266,16 +296,31 @@ export declare interface INotification {
     type: string;
 }
 
-export declare const InputField: ({ label, type, placeholder, ...rest }: CustomInputProps & InputProps) => default_2.JSX.Element;
+export declare const InputField: ({ label, type, placeholder, prefix, ...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;
 
-declare enum JobTypeEnum{
+export { JobTypeEnum }
+
+declare enum JobTypeEnum_2{
     PART_TIME='Part time',
     FULL_TIME='Full time',
 
 }
 
+export { Justify }
+
 export declare const ListingTableHeader: (props: ListingTableHeaderProps) => default_2.JSX.Element;
 
 export declare interface ListingTableHeaderProps {
@@ -315,9 +360,21 @@ declare enum ModalTypeEnum {
     BASIC = "basic"
 }
 
+export declare const NoData: ({ headingText, subHeading, noDataIcon, buttonOnClick, buttonText }: NoDataProps) => default_2.JSX.Element;
+
+export declare interface NoDataProps {
+    subHeading?: string;
+    buttonText?: string;
+    buttonOnClick?: () => void;
+    noDataIcon?: ReactElement;
+    headingText?: string;
+}
+
 declare const Notification_2: ({ message, description, type }: INotification) => unknown;
 export { Notification_2 as Notification }
 
+export { NotificationTypes }
+
 export declare const Offline: ({ isOffline }: OfflineProps) => default_2.JSX.Element | null;
 
 export declare interface OfflineProps {
@@ -336,19 +393,22 @@ export declare const ProfileAssignedEmployer: ({ data, profileAssignedHeading, n
 
 export declare interface ProfileAttachmentProps {
     data?: DocumentCardProps[];
+    title?: string;
 }
 
-export declare const ProfileAttachments: ({ data }: ProfileAttachmentProps) => default_2.JSX.Element;
+export declare const ProfileAttachments: ({ data, title }: ProfileAttachmentProps) => default_2.JSX.Element;
 
 export declare const ProfileDetail: (props: ProfileDetailProps) => default_2.JSX.Element;
 
+export { ProfileDetailFooterTypes }
+
 export declare interface ProfileDetailProps {
     name: string;
     phoneNumber: string;
     email: string;
     address: string;
-    gender: GenderProfileEnum;
-    jobType?: JobTypeEnum;
+    gender: GenderProfileEnum_2;
+    jobType?: JobTypeEnum_2;
     jobTitle?: string;
     skills?: string[];
     yearsOfExperience?: number | string;
@@ -381,7 +441,6 @@ export declare const Select: (props: SelectPropsBase) => default_2.JSX.Element;
 
 declare interface SelectPropsBase extends SelectProps {
     name: string;
-    rules: Record<string, any>;
     options: {
         value: string;
         label: string;
@@ -390,12 +449,35 @@ declare interface SelectPropsBase extends SelectProps {
     customonchange?: (event: default_2.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | string | number, field: ControllerRenderProps<FieldValues, string>) => void;
 }
 
+export declare const Sidebar: default_2.FC<SidebarProps>;
+
 export { SidebarMenuProps }
 
+export declare interface SidebarProps {
+    activeMenu: string;
+    menus: SidebarMenuProps_2[];
+    footerDetails: FooterDetailsProps_2;
+    popoverContent: default_2.ReactNode;
+    onClick: MenuItemType["onClick"];
+}
+
+export { Size }
+
 export declare const Skeleton: FC<SkeletonProps>;
 
 export { Space }
 
+declare interface Stats {
+    label: string;
+    value: string | number;
+}
+
+export declare const StatsBanner: default_2.FC<StatsBannerProps>;
+
+export declare interface StatsBannerProps {
+    stats: Stats[];
+}
+
 declare interface StepItem extends StepProps {
     component?: default_2.ReactElement;
 }
@@ -420,7 +502,7 @@ export declare const TableComponent: FC<TableComponentProps>;
 
 export declare interface TableComponentProps extends TableProps<any> {
     dataSource: any[] | undefined;
-    type?: TableType;
+    type?: TableType_2;
     pagination?: false | TablePaginationConfig | undefined;
     loading?: boolean;
     onRow?: any;
@@ -433,7 +515,9 @@ export declare interface TableComponentProps extends TableProps<any> {
     size?: SizeType;
 }
 
-declare const enum TableType {
+export { TableType }
+
+declare const enum TableType_2 {
     DEFAULT = "default",
     NO_DESIGN = "noDesign",
 }
@@ -446,6 +530,8 @@ export declare interface TitleHeaderProps {
     icon?: JSX.Element;
     description?: string;
     active?: TitleHeaderStatus_2;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
 }
 
 export { TitleHeaderStatus }
@@ -470,13 +556,9 @@ declare interface TooltipProps {
 export declare function VerificationStatus(props: VerificationStatusProps): default_2.JSX.Element;
 
 export declare type VerificationStatusProps = {
-    verificationStatus: VerificationTypes;
+    verificationStatus: VerificationTypes_2;
 };
 
-declare enum VerificationTypes {
-    NEW = "new",
-    VERIFIED = "verified",
-    REJECTED = "rejected"
-}
+export { VerificationTypes }
 
 export { }