vrfi-design-system 1.0.17 → 1.0.19

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+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';
@@ -10,6 +11,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 { ColumnType } from 'antd/lib/table';
 import { ComponentProps } from 'react';
 import { ControllerRenderProps } from 'react-hook-form';
 import { default as DatePickerAntd } from 'antd/lib/date-picker';
@@ -24,6 +26,7 @@ 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';
@@ -32,7 +35,9 @@ 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';
@@ -47,6 +52,7 @@ 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';
@@ -65,8 +71,12 @@ 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 declare interface AssignedEmployerProps {
     data?: EmployerDataType[];
@@ -147,6 +157,8 @@ export { Col }
 
 export { ColProps }
 
+export { ColumnType }
+
 export declare const CustomAvatar: ({ name, size, imageUrl, isExtra }: CustomAvatarProps) => default_2.JSX.Element;
 
 export declare type CustomAvatarProps = {
@@ -159,9 +171,8 @@ 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;
 }
@@ -243,12 +254,12 @@ export declare interface FloatingLabelProps {
     children: ReactNode;
     label?: string;
     value: string;
-    prefix?: boolean;
+    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;
@@ -257,11 +268,9 @@ 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>;
 }
 
 export { GenderProfileEnum }
@@ -288,6 +297,15 @@ export declare const InputField: ({ label, type, placeholder, prefix, ...rest }:
 
 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 }
@@ -298,6 +316,8 @@ declare enum JobTypeEnum_2{
 
 }
 
+export { Justify }
+
 export declare const ListingTableHeader: (props: ListingTableHeaderProps) => default_2.JSX.Element;
 
 export declare interface ListingTableHeaderProps {
@@ -337,6 +357,16 @@ 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 }
 
@@ -350,6 +380,13 @@ export declare interface OfflineProps {
 
 export declare const Password: ({ label, type, placeholder, ...rest }: CustomInputProps & PasswordProps) => default_2.JSX.Element;
 
+export declare const PasswordValidation: default_2.FC<PasswordValidationProps>;
+
+export declare interface PasswordValidationProps {
+    fieldName: string;
+    validationRules: ValidationRuleProps[];
+}
+
 export declare function ProfileAssignedCard({ name }: ProfileAssignedCardProps): default_2.JSX.Element;
 
 export declare interface ProfileAssignedCardProps {
@@ -408,7 +445,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;
@@ -417,8 +453,18 @@ 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>;
@@ -511,6 +557,11 @@ declare interface TooltipProps {
     children: JSX_2.Element;
 }
 
+export declare interface ValidationRuleProps {
+    test: (val: string) => boolean;
+    message: string;
+}
+
 export declare function VerificationStatus(props: VerificationStatusProps): default_2.JSX.Element;
 
 export declare type VerificationStatusProps = {