dfh-ui-library 1.14.39 → 1.14.40

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import * as React$1 from 'react';
 import React__default, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, ReactNode, FC, CSSProperties, HTMLProps } from 'react';
 import { ColumnDef, OnChangeFn, SortingState, PaginationState } from '@tanstack/react-table';
 export { ColumnDef, SortingState } from '@tanstack/react-table';
-import { Tag } from 'react-tag-input';
 import { IconName } from 'lucide-react/dynamic';
 import { LucideProps } from 'lucide-react';
+import { Tag } from 'react-tag-input';
 
 interface ITodoToggleRequestParams$1 {
     noteId?: string;
@@ -55,6 +55,15 @@ interface IIconTypeProp {
      */
     iconColor?: IconColorTypes;
 }
+interface IIconV2Props {
+    color?: string;
+    size?: string;
+    variant?: IconVariant;
+    strokeWidth?: number;
+    absoluteStrokeWidth?: boolean;
+    additionalClasses?: string;
+}
+type IconNameType = IconName | keyof typeof customIcons;
 interface IAdditionalClassesProp {
     /**
      * Optional | Set the additional classes
@@ -955,7 +964,7 @@ interface TableProps {
 }
 
 type VariantTypes = 'large' | 'small' | 'extraSmall' | 'largeOutlined' | 'smallOutlined' | 'extraSmallOutlined' | 'default' | 'defaultOutlined' | 'primaryBlue' | 'primaryWhite' | 'primaryWhiteDisable' | 'primaryRedBtn' | 'primaryRedBgBtn' | 'primaryWhiteSelected' | 'primaryWhiteNoBoader' | 'primaryWhiteIcon' | 'primaryRed' | 'primaryFilterSelected' | 'primaryBlueFilter' | 'smallWhite' | 'smallWhiteSelected' | 'smallBlue' | 'primaryNoBoader' | 'primaryBlue10' | 'noBoaderbgTransparent' | undefined;
-interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
+interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IOnClickEventProps {
     /**
      * Set the button type
      */
@@ -981,9 +990,10 @@ interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeP
      */
     iconAlignment?: AlignmentType;
     /**
-     * Set icon classes
+     * Set icon name
      */
-    iconClass?: string;
+    icon?: IconNameType;
+    iconProps?: IIconV2Props;
     enableBagage?: boolean;
     bagageProps?: BagageProps;
     width?: string;
@@ -1122,6 +1132,8 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     iconClass?: string;
     isIcon?: boolean;
     icon?: string;
+    iconProps?: IIconV2Props;
+    infoIconProps?: IIconV2Props;
     iconClassRight?: string;
     iconClassLeft?: string;
     iconOnClick?: () => void;
@@ -1313,7 +1325,7 @@ interface ICardProps {
     /**
      * Set button type
      */
-    cardType?: 'lightGray' | 'lightGrayHalf' | 'gray' | 'white' | 'black' | 'whiteBorder' | 'bgLightBlue';
+    cardType?: 'primaryBorder' | 'lightGray' | 'lightGrayHalf' | 'gray' | 'white' | 'black' | 'whiteBorder' | 'bgLightBlue';
     /**
      * Optional for additional classes
      */
@@ -1466,9 +1478,9 @@ declare enum IconVariant {
     info = "info"
 }
 
-declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, isLoading }: IButtonProps) => React__default.JSX.Element;
+declare const Button: ({ type, isDisabled, buttonLabel, icon, iconProps, iconAlignment, isIconEnabled, variants, additionalClasses, enableBagage, bagageProps, width, onClick, isLoading, }: IButtonProps) => React__default.JSX.Element;
 
-declare const ButtonV2: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, isLoading, }: IButtonProps) => React__default.JSX.Element;
+declare const ButtonV2: ({ type, isDisabled, buttonLabel, icon, iconProps, iconAlignment, isIconEnabled, variants, additionalClasses, enableBagage, bagageProps, width, onClick, isLoading, }: IButtonProps) => React__default.JSX.Element;
 
 /**
  * Primary UI component
@@ -1558,7 +1570,7 @@ declare const IconInput: FC<IHookFormsInputProps>;
  */
 declare const IconInputV2: FC<IHookFormsInputProps>;
 
-interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value' | 'onChange'> {
+interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value' | 'onChange' | 'leftIcon' | 'rightIcon'> {
     /** Number of input boxes (2-8) */
     length?: number;
     /** Current value as string */
@@ -1577,6 +1589,8 @@ interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value
     allowPaste?: boolean;
     /** Custom separator between inputs */
     separator?: string;
+    leftIcon?: IconName;
+    rightIcon?: IconName;
 }
 /**
  * Dynamic Lock Code Input Component
@@ -1684,12 +1698,12 @@ declare function DFHFormProvider({ schema, children, setComponents }: IComponent
  */
 declare const Logo: React__default.FC<LogoProps>;
 
-type Props = {
+type Props$1 = {
     markdown: string;
     className?: string;
     style?: CSSProperties;
 };
-declare const MarkdownContent: React__default.FC<Props>;
+declare const MarkdownContent: React__default.FC<Props$1>;
 
 declare const LoadingSpinner: React__default.FC<AdditionalClassesProp$1>;
 
@@ -1784,11 +1798,11 @@ interface HeadingProps {
     /**
      * Choose heading type
      */
-    type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | undefined;
     /**
      * Use to decide the color
      */
-    colorType?: "white" | "dark" | "gray" | undefined;
+    colorType?: 'white' | 'dark' | 'gray' | undefined;
     /**
      * Heading contents
      */
@@ -1821,6 +1835,7 @@ declare const Icon: React__default.FC<IIconProps>;
 type IconProps = {
     size?: string;
     icon: IconName | keyof typeof customIcons;
+    fill?: string;
     color?: string;
     variant?: IconVariant;
     strokeWidth?: number;
@@ -2012,7 +2027,7 @@ declare const SsnInput: React__default.FC<SsnInputProps>;
 
 declare const MultiSelectFormGen: React__default.FC<IMultiSelectProps>;
 
-declare const FilterButton: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, }: IButtonProps) => React__default.JSX.Element;
+declare const FilterButton: ({ type, isDisabled, buttonLabel, iconAlignment, isIconEnabled, variants, additionalClasses, iconProps, icon, enableBagage, bagageProps, width, onClick, }: IButtonProps) => React__default.JSX.Element;
 
 interface MiniTimelineWrapperProps<T> {
     items: T[];
@@ -2022,6 +2037,11 @@ interface MiniTimelineWrapperProps<T> {
 }
 declare const MiniTimelineWrapper: <T>({ items, hoveredIndex, renderContent, lineColor, }: MiniTimelineWrapperProps<T>) => React__default.JSX.Element;
 
+type Props = {
+    className?: string;
+};
+declare function HorizontalRule({ className }: Props): React__default.JSX.Element;
+
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -2076,17 +2096,17 @@ declare const themeConfigs: {
         };
         extend: {
             animation: {
-                "spin-slow": string;
+                'spin-slow': string;
             };
             transitionDelay: {
-                "150": string;
+                '150': string;
             };
             screens: {
                 sm: string;
                 md: string;
                 lg: string;
                 xl: string;
-                "2xl": string;
+                '2xl': string;
             };
             borderColor: {
                 tcustomerror: string;
@@ -2094,7 +2114,7 @@ declare const themeConfigs: {
             colors: {
                 transparent: string;
                 current: string;
-                "sky-light-blue": string;
+                'sky-light-blue': string;
                 btn: {
                     black: string;
                     disable: string;
@@ -2298,17 +2318,15 @@ declare const themeConfigs: {
                     };
                 };
                 state: {
+                    focushover: {
+                        foreground: string;
+                        background: string;
+                        border: string;
+                    };
                     active: {
-                        dark: {
-                            foreground: string;
-                            background: string;
-                            border: string;
-                        };
-                        light: {
-                            foreground: string;
-                            background: string;
-                            border: string;
-                        };
+                        foreground: string;
+                        background: string;
+                        border: string;
                     };
                     disabled: {
                         foreground: string;
@@ -2333,29 +2351,29 @@ declare const themeConfigs: {
                 gray600: string;
             };
             fontSize: {
-                "8s": string[];
-                "9s": string[];
-                "10s": string[];
-                "11s": string[];
-                "12s": string[];
-                "13s": string[];
-                "14s": string[];
-                "21s": string[];
-                "16s": string[];
-                "25s": string[];
-                "17s": string[];
-                "18s": string[];
-                "19s": string[];
-                "20s": string[];
-                "24s": string[];
-                "24-32s": string[];
-                "26s": string[];
-                "28s": string[];
-                "32s": string[];
-                "42s": string[];
-                "40s": string[];
-                "48s": string[];
-                "54s": string[];
+                '8s': string[];
+                '9s': string[];
+                '10s': string[];
+                '11s': string[];
+                '12s': string[];
+                '13s': string[];
+                '14s': string[];
+                '21s': string[];
+                '16s': string[];
+                '25s': string[];
+                '17s': string[];
+                '18s': string[];
+                '19s': string[];
+                '20s': string[];
+                '24s': string[];
+                '24-32s': string[];
+                '26s': string[];
+                '28s': string[];
+                '32s': string[];
+                '42s': string[];
+                '40s': string[];
+                '48s': string[];
+                '54s': string[];
             };
             height: {
                 sm: string;
@@ -2366,7 +2384,7 @@ declare const themeConfigs: {
                 36: string;
                 38: string;
                 40: string;
-                "60px": string;
+                '60px': string;
                 92: string;
                 78: string;
                 48: string;
@@ -2409,5 +2427,5 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-export { BADGETYPE, Badge, BorderType, Breadcrumb, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupMultiSelectV2, ButtonGroupMultiSelectWithInputsFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithMultiSelectFormGen, ButtonGroupWithUpload, ButtonV2, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, ComboBox, ConboboxV2 as ComboboxV2, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, DynamicDualInputTextGroupFormGen, FilterButton, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, IconInputV2, IconV2, IconVariant, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputDatePickerV2, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, LockCodeInput, Logo, MarkdownContent, Message, MiniTimelineWrapper as MiniTimelineCard, Modal, MultiSelectFormGen, NavBar, NoteEditor, NoteEditorV2, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PhoneNumberInput4, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SelectV2, SideBarListView, SideBarListViewV2, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, Todos, TodosV2, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, useSchemaProcessor as UseSchemaProcessor, VersionDateDropdown, themeConfigs, usePagination, useSorting };
+export { BADGETYPE, Badge, BorderType, Breadcrumb, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupMultiSelectV2, ButtonGroupMultiSelectWithInputsFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithMultiSelectFormGen, ButtonGroupWithUpload, ButtonV2, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, ComboBox, ConboboxV2 as ComboboxV2, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, DynamicDualInputTextGroupFormGen, FilterButton, FilterButtonGroup, Heading, HistoryDetails, HorizontalRule, Icon, IconInput, IconInputV2, IconV2, IconVariant, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputDatePickerV2, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, LockCodeInput, Logo, MarkdownContent, Message, MiniTimelineWrapper as MiniTimelineCard, Modal, MultiSelectFormGen, NavBar, NoteEditor, NoteEditorV2, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PhoneNumberInput4, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SelectV2, SideBarListView, SideBarListViewV2, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, Todos, TodosV2, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, useSchemaProcessor as UseSchemaProcessor, VersionDateDropdown, themeConfigs, usePagination, useSorting };
 export type { AccountPopoverMenuItem, BadgeColorVariant, BtnOptionDropdown, DropdownSearchProps, ISolutionvalues, InputType, ListMasterDataProps, LogoProps, MessageProps, NoteChildrenProps, NoteHistoryProps, NoteItemProps, NoteProps, OptionProps, TimelineEventProps, UrgentDataProps, VariantTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.14.39",
+  "version": "1.14.40",
   "description": "",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",