dfh-ui-library 1.14.6 → 1.14.8

package/dist/esm/types/components/ButtonGroupFormGen/ButtonGroupFormGen.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { FormGenButtonGroupProps } from '../../shared/models/components/common.model';
-export default function ButtonGroupFormGen({ id, options, onSelect, label, isAdditionalErrorInput, error, additionalErrorClasses, additionalClasses, selected, viewMode, previousData, tooltip, }: FormGenButtonGroupProps): React.JSX.Element;
+export default function ButtonGroupFormGen({ id, options, onSelect, label, isAdditionalErrorInput, error, additionalErrorClasses, additionalClasses, optionClasses, selected, viewMode, previousData, tooltip, }: FormGenButtonGroupProps): React.JSX.Element;

package/dist/esm/types/components/FilterButtonGroup/FilterButtonGroup.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
 import { ButtonGroupProps } from "../../shared/models/components/common.model";
-declare const FilterButtonGroup: React.FC<ButtonGroupProps>;
+declare const FilterButtonGroup: React.FC<ButtonGroupProps & {
+    heading?: string;
+}>;
 export default FilterButtonGroup;

package/dist/esm/types/components/FormElements/Select/SelectV2.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { LABELTYPE } from "../../../shared/models/components/base.model";
+import { ToolTipProps } from "../../../shared/models/components/common.model";
 interface Option {
     value: string;
     displayName: string;
@@ -34,6 +35,8 @@ interface SelectV2Props {
     onOpen?: () => Promise<void>;
     isLoading?: boolean;
     maxLength?: number;
+    enableToolTip?: boolean;
+    tooltipProps?: ToolTipProps;
 }
 declare const SelectV2: React.FC<SelectV2Props>;
 export default SelectV2;

package/dist/esm/types/components/Gird/Grid.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableProps } from '../../shared/models/components/common.model';
 export declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, //  true for server-side pagination
-isManualSorting, rowClick, containerHeightRemoveInPixel, setRowSelection, isLoading, paginationLabel, }: TableProps, key?: any): React.JSX.Element;
+isManualSorting, rowClick, containerHeightRemoveInPixel, setRowSelection, isLoading, paginationLabel, emptyLabel, otherTableProps, noDataImage }: TableProps, key?: any): React.JSX.Element;

package/dist/esm/types/components/Media/Icon/CustomIcon.d.ts

@@ -0,0 +1,10 @@
+import { LucideProps } from "lucide-react";
+import React, { FC } from "react";
+export declare const PlusIcon: FC<LucideProps>;
+export declare const HomeIcon: FC<LucideProps>;
+export declare const PresentationChart: FC<LucideProps>;
+export declare const customIcons: {
+    customPlus: React.FC<LucideProps>;
+    homeIcon: React.FC<LucideProps>;
+    presentationIcon: React.FC<LucideProps>;
+};

package/dist/esm/types/components/Media/Icon/Icon.handler.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
+import { IconVariant } from "../../../shared/models/components/base.model";
 export declare const handleIconColor: (_iconColor: string) => string;
+export declare const applyVariantColor: (variant: IconVariant) => "text-blue-550" | "text-black-540" | "text-grey-540" | "text-success" | "text-warning" | "text-error" | "text-info" | "text-primary";
 export declare const handleIconHoverColor: (_iconHoverColor: string | undefined) => string;
 export declare const handleIconTYpes: (_iconType: string | undefined, iconClasses?: string, imageUrl?: string, _color?: string, isAddEditPatient?: boolean) => React.JSX.Element | undefined;

package/dist/esm/types/components/Media/Icon/IconV2.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type IconName } from 'lucide-react/dynamic';
+import { customIcons } from './CustomIcon';
+import { IconVariant } from '../../../shared/models/components/base.model';
+type IconProps = {
+    size?: string;
+    icon: IconName | keyof typeof customIcons;
+    color?: string;
+    variant?: IconVariant;
+    strokeWidth?: number;
+    absoluteStrokeWidth?: boolean;
+    onClick?: () => void;
+    additionalClasses?: string;
+};
+declare const IconV2: React.FC<IconProps>;
+export default IconV2;

package/dist/esm/types/components/Media/Icon/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./Icon";
+export { default as IconV2 } from "./IconV2";

package/dist/esm/types/components/NavBar/NavBar.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TabNavigationProps } from "../../shared/models/components/common.model";
-declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems, version, environmentList, selectedEnvironment, currentEnvironment, onHelpClick, handleEnvironmentChange }: TabNavigationProps & {
+declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems, version, environmentList, selectedEnvironment, currentEnvironment, onHelpClick, helpOpen, handleEnvironmentChange }: TabNavigationProps & {
     onHelpClick?: () => void;
 }) => React.JSX.Element;
 export default NavBar;

package/dist/esm/types/components/index.d.ts

@@ -27,6 +27,7 @@ export { default as SearchDropdownWithButton } from './SearchDropdownWithButton'
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as TagSelect } from './TagSelect';
 export { default as Icon } from './Media/Icon';
+export { default as IconV2 } from './Media/Icon/IconV2';
 export { Table } from './Gird';
 export { Tab, TabList, TabPanel } from './Tab';
 export { default as PanelCard } from './PanelCard';
@@ -67,3 +68,4 @@ export { default as SsnInput } from './SsnInput';
 export { default as MultiSelectFormGen } from './MultiSelectFormGen';
 export { default as ButtonGroupMultiSelectWithInputsFormGen } from './ButtonGroupWithInputsFormGen/ButtonGroupMultiSelectWithInputsFormGen';
 export { default as ButtonGroupWithMultiSelectFormGen } from './ButtonGroupFormGen/ButtonGroupWithMultiSelectFormGen';
+export { default as FilterButton } from './FilterButtonGroup/FilterButton';

package/dist/esm/types/index.d.ts

@@ -1,7 +1,7 @@
 import './index.css';
 export * from './components';
 export * from './hooks';
-export { VariantTypes, BorderType, LogoProps, } from './shared/models/components/base.model';
+export { VariantTypes, BorderType, LogoProps, IconVariant } from './shared/models/components/base.model';
 export { DropdownSearchProps, ClickedAction, TimelineEventProps, ListMasterDataProps, BtnOptionDropdown, BADGETYPE, OptionProps, NoteItemProps, NoteChildrenProps, NoteProps, UrgentDataProps, MessageProps, InputType, BadgeColorVariant, ISolutionvalues, AccountPopoverMenuItem, } from './shared/models/components/common.model';
 export { ColumnDef, SortingState } from '@tanstack/react-table';
 export { usePagination } from './hooks/usePagination';

package/dist/esm/types/shared/configs/themeConfig.d.ts

@@ -193,6 +193,10 @@ export declare const themeConfigs: {
                 errorRed: string;
                 lightRed: string;
                 lightGreen: string;
+                success: string;
+                warning: string;
+                error: string;
+                info: string;
             };
             placeholderColor: {
                 gray: string;

package/dist/esm/types/shared/models/components/base.model.d.ts

@@ -760,4 +760,13 @@ export interface CircularLoaderProps {
     containerClass?: string;
     loaderClass?: string;
 }
+export declare enum IconVariant {
+    primary = "primary",
+    secondary = "secondary",
+    disabled = "disabled",
+    success = "success",
+    warning = "warning",
+    error = "error",
+    info = "info"
+}
 export {};

package/dist/esm/types/shared/models/components/common.model.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
 import { selectType, VariantTypes } from './base.model';
 import { ColumnDef, OnChangeFn, PaginationState, SortingState } from '@tanstack/react-table';
 import { ITodoToggleRequestParams } from '../../../components/SideBarListView/todos';
+import { IconName } from 'lucide-react/dynamic';
+import { customIcons } from '../../../components/Media/Icon/CustomIcon';
 export type AlignmentType = 'center' | 'left' | 'right';
 export type IconColorTypes = 'white' | 'black-900' | 'gray-220' | 'gray-720' | 'inherit' | 'gray-300' | string;
 export type IconHoverColorTypes = 'white' | 'black-900' | 'gray-220' | 'inherit';
@@ -125,6 +127,7 @@ export interface TabNavigationProps extends AdditionalClassesProp {
     selectedEnvironment?: Environment;
     currentEnvironment?: Environment;
     handleEnvironmentChange?: (environment: Environment) => void;
+    helpOpen?: boolean;
 }
 export interface TabNavItemProps {
     isActive: boolean;
@@ -132,7 +135,7 @@ export interface TabNavItemProps {
     urlPath?: string;
     navTitle?: string;
     navClasses?: string;
-    icon?: string;
+    iconName: IconName | keyof typeof customIcons;
     textClass?: string;
 }
 export interface MessageProps {
@@ -266,6 +269,7 @@ export interface CustomDatePickerProps {
     minDate?: Date;
     disabled?: boolean;
     showMonthYearPicker?: boolean;
+    errorMsg?: string;
 }
 export interface PhoneNumberInputProps {
     value: string;
@@ -729,6 +733,7 @@ export interface FormGenButtonGroupProps extends FormGenInputGroupProps {
         lastEditedDate?: string;
     };
     tooltip?: string;
+    optionClasses?: string;
 }
 export interface FormGenButtonGroupMultiSelectProps extends FormGenInputGroupProps {
     id?: string;
@@ -1050,5 +1055,8 @@ export interface TableProps {
     setRowSelection?: any;
     isLoading?: boolean;
     paginationLabel?: string;
+    emptyLabel?: string;
+    otherTableProps?: Record<string, any>;
+    noDataImage?: string;
 }
 export {};

package/dist/index.d.ts

@@ -3,6 +3,8 @@ import React__default, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTML
 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';
 
 interface ITodoToggleRequestParams$1 {
     noteId?: string;
@@ -26,6 +28,12 @@ interface todosProps {
 }
 declare const Todos: React__default.FC<todosProps>;
 
+declare const customIcons: {
+    customPlus: React__default.FC<LucideProps>;
+    homeIcon: React__default.FC<LucideProps>;
+    presentationIcon: React__default.FC<LucideProps>;
+};
+
 type AlignmentType = 'center' | 'left' | 'right';
 type IconColorTypes = 'white' | 'black-900' | 'gray-220' | 'gray-720' | 'inherit' | 'gray-300' | string;
 type IconHoverColorTypes = 'white' | 'black-900' | 'gray-220' | 'inherit';
@@ -115,6 +123,7 @@ interface TabNavigationProps extends AdditionalClassesProp$1 {
     selectedEnvironment?: Environment;
     currentEnvironment?: Environment;
     handleEnvironmentChange?: (environment: Environment) => void;
+    helpOpen?: boolean;
 }
 interface MessageProps {
     type: string;
@@ -247,6 +256,7 @@ interface CustomDatePickerProps {
     minDate?: Date;
     disabled?: boolean;
     showMonthYearPicker?: boolean;
+    errorMsg?: string;
 }
 interface PhoneNumberInputProps {
     value: string;
@@ -622,6 +632,7 @@ interface FormGenButtonGroupProps extends FormGenInputGroupProps {
         lastEditedDate?: string;
     };
     tooltip?: string;
+    optionClasses?: string;
 }
 interface FormGenButtonGroupMultiSelectProps extends FormGenInputGroupProps {
     id?: string;
@@ -921,6 +932,9 @@ interface TableProps {
     setRowSelection?: any;
     isLoading?: boolean;
     paginationLabel?: string;
+    emptyLabel?: string;
+    otherTableProps?: Record<string, any>;
+    noDataImage?: string;
 }
 
 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;
@@ -1418,6 +1432,15 @@ interface IListRowProps extends AdditionalClassesProp {
     onFocus?: () => void;
     onClick?: () => void;
 }
+declare enum IconVariant {
+    primary = "primary",
+    secondary = "secondary",
+    disabled = "disabled",
+    success = "success",
+    warning = "warning",
+    error = "error",
+    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;
 
@@ -1486,6 +1509,8 @@ interface SelectV2Props {
     onOpen?: () => Promise<void>;
     isLoading?: boolean;
     maxLength?: number;
+    enableToolTip?: boolean;
+    tooltipProps?: ToolTipProps;
 }
 declare const SelectV2: React__default.FC<SelectV2Props>;
 
@@ -1611,7 +1636,7 @@ declare const Logo: React__default.FC<LogoProps>;
 
 declare const LoadingSpinner: React__default.FC<AdditionalClassesProp$1>;
 
-declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems, version, environmentList, selectedEnvironment, currentEnvironment, onHelpClick, handleEnvironmentChange }: TabNavigationProps & {
+declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems, version, environmentList, selectedEnvironment, currentEnvironment, onHelpClick, helpOpen, handleEnvironmentChange }: TabNavigationProps & {
     onHelpClick?: () => void;
 }) => React__default.JSX.Element;
 
@@ -1735,8 +1760,20 @@ declare const ButtonGroup: React__default.FC<ButtonGroupProps>;
  */
 declare const Icon: React__default.FC<IIconProps>;
 
+type IconProps = {
+    size?: string;
+    icon: IconName | keyof typeof customIcons;
+    color?: string;
+    variant?: IconVariant;
+    strokeWidth?: number;
+    absoluteStrokeWidth?: boolean;
+    onClick?: () => void;
+    additionalClasses?: string;
+};
+declare const IconV2: React__default.FC<IconProps>;
+
 declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, //  true for server-side pagination
-isManualSorting, rowClick, containerHeightRemoveInPixel, setRowSelection, isLoading, paginationLabel, }: TableProps, key?: any): React__default.JSX.Element;
+isManualSorting, rowClick, containerHeightRemoveInPixel, setRowSelection, isLoading, paginationLabel, emptyLabel, otherTableProps, noDataImage }: TableProps, key?: any): React__default.JSX.Element;
 
 declare function IndeterminateCheckbox({ indeterminate, rowId, className, ...rest }: {
     indeterminate?: boolean;
@@ -1766,7 +1803,7 @@ declare const ButtonGroupWithInputs: React__default.FC<ButtonGroupProps>;
 
 declare const ButtonGroupWithUpload: React__default.FC<ButtonGroupWithUploadProps>;
 
-declare function ButtonGroupFormGen({ id, options, onSelect, label, isAdditionalErrorInput, error, additionalErrorClasses, additionalClasses, selected, viewMode, previousData, tooltip, }: FormGenButtonGroupProps): React__default.JSX.Element;
+declare function ButtonGroupFormGen({ id, options, onSelect, label, isAdditionalErrorInput, error, additionalErrorClasses, additionalClasses, optionClasses, selected, viewMode, previousData, tooltip, }: FormGenButtonGroupProps): React__default.JSX.Element;
 
 declare const ButtonGroupWithMultiSelectFormGen: React__default.FC<FormGenButtonGroupMultiSelectProps>;
 
@@ -1776,7 +1813,9 @@ declare function ButtonGroupMultiSelectWithInputsFormGen({ id, options, onSelect
 
 declare const DynamicDualInputTextGroupFormGen: React__default.FC<DyanamicDualInputProps>;
 
-declare const FilterButtonGroup: React__default.FC<ButtonGroupProps>;
+declare const FilterButtonGroup: React__default.FC<ButtonGroupProps & {
+    heading?: string;
+}>;
 
 declare const SelectUserWithButton: React__default.FC<UserDropdownProps>;
 
@@ -1913,6 +1952,8 @@ 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;
+
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -2142,6 +2183,10 @@ declare const themeConfigs: {
                 errorRed: string;
                 lightRed: string;
                 lightGreen: string;
+                success: string;
+                warning: string;
+                error: string;
+                info: string;
             };
             placeholderColor: {
                 gray: string;
@@ -2225,5 +2270,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, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, IconInputV2, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputDatePickerV2, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, Logo, Message, 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, Icon, IconInput, IconInputV2, IconV2, IconVariant, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputDatePickerV2, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, Logo, Message, 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.6",
+  "version": "1.14.8",
   "description": "",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
@@ -32,6 +32,7 @@
     "formik": "^2.4.5",
     "intl-tel-input": "^25.3.1",
     "lodash": "^4.17.21",
+    "lucide-react": "^0.542.0",
     "moment": "^2.29.4",
     "react": "^18.2.0",
     "react-datepicker": "^4.24.0",
@@ -57,6 +58,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
     "@storybook/addon-actions": "^7.6.3",
+    "@storybook/addon-controls": "^7.5.3",
     "@storybook/addon-docs": "^7.5.3",
     "@storybook/addon-essentials": "^7.5.3",
     "@storybook/addon-interactions": "^7.5.3",