vrfi-design-system 1.0.14 → 1.0.16

package/dist/index.d.ts

@@ -11,7 +11,7 @@ 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';
@@ -20,35 +20,49 @@ 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 { default as Space } from 'antd/lib/space';
 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';
 import { TableProps as TableProps_2 } from 'rc-table/lib/Table';
 import { TableProps as TableProps_3 } from 'antd';
+import { TitleHeaderStatus } from '../../enums/titleHeaderStatus.enum';
 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 }
@@ -85,15 +99,24 @@ export declare interface ButtonProps {
     moduleClassName?: string;
     icon?: any;
     disabled?: boolean;
-    size?: "small" | "medium";
+    size?: SizeType;
     loading?: boolean;
     name?: string;
     target?: string;
     href?: string;
+    block?: boolean;
 }
 
 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 {
@@ -129,14 +152,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;
@@ -175,11 +195,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;
@@ -207,18 +232,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;
@@ -227,6 +268,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 {
@@ -264,9 +324,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 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 Radio: ({ label, ...props }: RadioProps) => 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;
@@ -280,37 +370,31 @@ 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 { 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>;
+export declare const Select: (props: SelectPropsBase) => default_2.JSX.Element;
 
-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>;
+
+export { Space }
 
 declare interface StepItem extends StepProps {
     component?: default_2.ReactElement;
@@ -324,6 +408,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>;
@@ -350,11 +440,19 @@ declare const enum TableType {
 
 export declare const TitleHeader: (props: TitleHeaderProps) => default_2.JSX.Element;
 
-declare interface TitleHeaderProps {
+export declare interface TitleHeaderProps {
     heading: string;
     subHeading?: string;
     icon?: JSX.Element;
     description?: string;
+    active?: TitleHeaderStatus_2;
+}
+
+export { TitleHeaderStatus }
+
+declare enum TitleHeaderStatus_2{
+    ACTIVE='active',
+    INACTIVE='inactive',
 }
 
 export declare const Tooltip: FC<TooltipProps>;