vrfi-design-system 1.0.67 → 1.0.69

package/dist/index.d.ts

@@ -5,8 +5,9 @@ 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 { 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';
@@ -28,6 +29,7 @@ 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';
 import { DrawerProps as DrawerProps_2 } from 'antd';
 import { FC } from 'react';
 import { FieldValues } from 'react-hook-form';
@@ -38,6 +40,7 @@ import { GenderProfileEnum } from '../../enums/genderProfile.enum';
 import { GenderProfileEnum as GenderProfileEnum_2 } from '../../../enums/genderProfile.enum';
 import { HTMLAttributes } from 'react';
 import { HtmlButtonType } from '../../enums/buttonType';
+import { HtmlButtonType as HtmlButtonType_2 } from '../../../enums/buttonType';
 import { Icons } from '../../enums/icons.enum';
 import { Icons as Icons_2 } from '../../../enums/icons.enum';
 import { InputProps } from 'antd/lib';
@@ -51,7 +54,7 @@ import { Justify } from '../../enums/justify.enum';
 import { LabelType } from './../../enums/labelType.enum';
 import { LabelType as LabelType_2 } from '../../../enums/labelType.enum';
 import { LoaderSizes } from '../../../enums/LoaderSizes';
-import { MenuItemType } from 'antd/lib/menu/interface';
+import { MenuProps } from 'antd/lib';
 import { MobileInputValue } from '../types/mobileInputValue.type';
 import { MobileInputValue as MobileInputValue_2 } from '../../../types/mobileInputValue.type';
 import { ModalProps as ModalProps_2 } from 'antd/lib/modal';
@@ -139,6 +142,7 @@ export declare interface AvatarCardProps {
     name: string;
     backgroundUrl?: string;
     email: string;
+    textMaxWidth?: number;
 }
 
 export declare interface AvatarProps {
@@ -151,12 +155,22 @@ export declare function AvatarWithDetailsCard(props: AvatarCardProps): default_2
 
 export declare const AvatarWithInitials: ({ names }: AvatarProps) => default_2.JSX.Element;
 
-export { Button }
+export declare const Badge: FC<BadgeProps>;
+
+export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    text: string;
+    type?: BadgeType_2;
+}
+
+export { BadgeType }
+
+export declare const Button: FC<ButtonProps>;
 
 export declare interface ButtonProps {
-    clickHandler?: (event: MouseEvent_2) => void;
+    onClick?: (event: MouseEvent_2) => void;
     children: ReactNode;
-    htmlType?: "reset" | "submit" | "button";
+    htmlType?: HtmlButtonType_2;
     type?: ButtonType_2;
     className?: string;
     moduleClassName?: string;
@@ -168,6 +182,7 @@ export declare interface ButtonProps {
     target?: string;
     href?: string;
     block?: boolean;
+    outlinetype?: OutlineType;
 }
 
 export { ButtonType }
@@ -180,7 +195,7 @@ export declare interface CardWithIconAndTextProps {
     subHeading: string;
 }
 
-export declare const Checkbox: ({ children, group, options, disabled, indeterminate, defaultChecked, onChange, checked, }: CheckboxProps) => default_2.JSX.Element;
+export declare const Checkbox: ({ children, group, options, disabled, indeterminate, defaultChecked, onChange, label, isBlock, checked, maxRows }: CheckboxProps) => default_2.JSX.Element;
 
 export declare interface CheckboxProps {
     children?: string | number;
@@ -191,6 +206,9 @@ export declare interface CheckboxProps {
     onChange: (checkedValue: (string | number)[]) => void;
     options?: (CheckboxOptionType | string | number)[];
     checked?: boolean;
+    label?: string;
+    isBlock?: boolean;
+    maxRows?: number;
 }
 
 export declare const CheckBoxWithFormWrapper: ({ name, onCheckboxChange, group, children, ...props }: CheckBoxWithFormWrapperProps) => default_2.JSX.Element;
@@ -263,7 +281,7 @@ export declare interface CustomTooltipProps extends Omit<TooltipProps, 'title'>
     title: ReactNode;
 }
 
-declare interface CustomUploadProps extends Omit<UploadProps, 'onChange'> {
+declare interface CustomUploadProps extends Omit<UploadProps, "onChange"> {
     value?: UploadFile_2[];
     onChange: (fileList: UploadFile_2[]) => void | boolean;
     uploadIcon?: string;
@@ -278,6 +296,7 @@ declare interface CustomUploadProps extends Omit<UploadProps, 'onChange'> {
     className?: string;
     required?: boolean;
     loading?: boolean;
+    fileNamePrefix?: string;
 }
 
 export declare const DatePicker: default_2.FC<DatePickerComponentProps>;
@@ -310,6 +329,8 @@ export declare type DocumentStatusTypes = {
     documentType: DocumentStatusEnum_2;
 };
 
+export { DOM_ELEMENT_ROLE }
+
 export declare const Drawer: FC<DrawerProps>;
 
 export declare interface DrawerProps extends DrawerProps_2 {
@@ -323,7 +344,8 @@ export declare interface DrawerProps extends DrawerProps_2 {
     size?: DrawerProps_2["size"];
     zIndex?: number;
     children: JSX_2.Element;
-    placement?: 'top' | 'bottom' | 'left' | 'right';
+    placement?: "top" | "bottom" | "left" | "right";
+    subHeading?: string;
 }
 
 declare const Dropdown: <ValueType, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>({ title, ...props }: DropdownProps<ValueType, OptionType>) => default_2.JSX.Element;
@@ -335,6 +357,14 @@ export declare interface DropdownProps<ValueType, OptionType extends BaseOptionT
     title?: string;
 }
 
+export declare const EllipsisWithTooltip: default_2.FC<EllipsisWithTooltipProps>;
+
+export declare interface EllipsisWithTooltipProps {
+    text: string;
+    maxWidth?: number;
+    textClassName?: string;
+}
+
 declare type EmployerDataType = {
     name: string;
     startDate: string;
@@ -437,7 +467,7 @@ export declare interface ListingTableHeaderProps {
     actionButtons?: ReactNode;
 }
 
-export declare const ListItem: ({ text, iconName, ...props }: ListItemProps) => default_2.JSX.Element;
+export declare const ListItem: ({ text, iconName, className, ...props }: ListItemProps) => default_2.JSX.Element;
 
 declare interface ListItemProps extends HTMLAttributes<HTMLSpanElement> {
     text: string;
@@ -463,7 +493,6 @@ export declare interface ModalProps extends ModalProps_2 {
     visible: boolean;
     width?: number;
     title?: string;
-    footer?: JSX_2.Element[];
     confirmLoading?: boolean;
     modalTitleIcon?: string;
     modalType: ModalTypeEnum;
@@ -506,6 +535,8 @@ export declare const Offline: ({ children, }: PropsWithChildren<OfflineProps>) =
 declare interface OfflineProps {
 }
 
+declare type OutlineType = "primary" | "danger" | "success";
+
 declare const PasswordField: ({ label, placeholder, required, ...rest }: CustomInputProps & PasswordProps) => default_2.JSX.Element;
 export { PasswordField as Password }
 export { PasswordField }
@@ -632,7 +663,7 @@ export declare interface SidebarProps {
     menus: SidebarMenuProps_2[];
     footerDetails: FooterDetailsProps_2;
     popoverContent: default_2.ReactNode;
-    onClick: MenuItemType["onClick"];
+    onClick: MenuProps["onClick"];
 }
 
 export { Size }
@@ -746,7 +777,7 @@ export declare const TitleHeader: (props: TitleHeaderProps) => default_2.JSX.Ele
 export declare interface TitleHeaderProps {
     heading: string;
     subHeading?: string;
-    icon?: JSX.Element;
+    icon?: default_2.JSX.Element;
     description?: string;
     active?: TitleHeaderStatus_2;
     prefix?: ReactNode;