dfh-ui-library 1.14.17 → 1.14.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/cjs/index.css +1 -1
  2. package/dist/cjs/index.css.map +1 -1
  3. package/dist/cjs/index.js +1 -1
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/cjs/types/components/FormElements/IconInput/iconInputLock.d.ts +45 -0
  6. package/dist/cjs/types/components/FormElements/IconInput/index.d.ts +1 -0
  7. package/dist/cjs/types/components/FormElements/index.d.ts +1 -1
  8. package/dist/cjs/types/components/Media/Icon/Icon.handler.d.ts +1 -1
  9. package/dist/cjs/types/components/Media/Icon/IconV2.d.ts +2 -0
  10. package/dist/cjs/types/components/Media/Icons/Icons.d.ts +2 -1
  11. package/dist/cjs/types/components/MiniTimelineCard/MiniTimelineCard.d.ts +18 -0
  12. package/dist/cjs/types/components/MiniTimelineCard/index.d.ts +1 -0
  13. package/dist/cjs/types/components/index.d.ts +2 -1
  14. package/dist/cjs/types/shared/models/components/base.model.d.ts +3 -1
  15. package/dist/cjs/types/shared/models/components/common.model.d.ts +7 -2
  16. package/dist/esm/index.css +1 -1
  17. package/dist/esm/index.css.map +1 -1
  18. package/dist/esm/index.js +1 -1
  19. package/dist/esm/index.js.map +1 -1
  20. package/dist/esm/types/components/FormElements/IconInput/iconInputLock.d.ts +45 -0
  21. package/dist/esm/types/components/FormElements/IconInput/index.d.ts +1 -0
  22. package/dist/esm/types/components/FormElements/index.d.ts +1 -1
  23. package/dist/esm/types/components/Media/Icon/Icon.handler.d.ts +1 -1
  24. package/dist/esm/types/components/Media/Icon/IconV2.d.ts +2 -0
  25. package/dist/esm/types/components/Media/Icons/Icons.d.ts +2 -1
  26. package/dist/esm/types/components/MiniTimelineCard/MiniTimelineCard.d.ts +18 -0
  27. package/dist/esm/types/components/MiniTimelineCard/index.d.ts +1 -0
  28. package/dist/esm/types/components/index.d.ts +2 -1
  29. package/dist/esm/types/shared/models/components/base.model.d.ts +3 -1
  30. package/dist/esm/types/shared/models/components/common.model.d.ts +7 -2
  31. package/dist/index.d.ts +64 -4
  32. package/package.json +1 -1
@@ -0,0 +1,45 @@
1
+ import { FC } from 'react';
2
+ import { IHookFormsInputProps, LABELTYPE } from '../../../shared/models/components/base.model';
3
+ interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value' | 'onChange' | 'labelType'> {
4
+ /** Label type styling */
5
+ labelType?: LABELTYPE;
6
+ /** Number of input fields (default: 6) */
7
+ length?: number;
8
+ /** Current value as string */
9
+ value?: string;
10
+ /** Callback when value changes */
11
+ onChange?: (value: string) => void;
12
+ /** Show/hide toggle functionality */
13
+ showToggle?: boolean;
14
+ /** Whether the code is currently visible */
15
+ isVisible?: boolean;
16
+ /** Callback when visibility toggle is clicked */
17
+ onToggleVisibility?: (isVisible: boolean) => void;
18
+ /** Input type for the fields */
19
+ inputType?: 'text' | 'password' | 'number';
20
+ /** Whether to auto-focus next field */
21
+ autoFocus?: boolean;
22
+ /** Custom classes for individual input fields */
23
+ inputFieldClasses?: string;
24
+ /** Custom classes for the container of input fields */
25
+ inputContainerClasses?: string;
26
+ /** Show required icon when field is empty */
27
+ showIsRequiredIcon?: boolean;
28
+ /** Show tooltip */
29
+ showTooltip?: boolean;
30
+ /** Tooltip text */
31
+ tooltipText?: string;
32
+ /** Right icon type */
33
+ rightIcon?: string;
34
+ /** Right icon classes */
35
+ iconClassRight?: string;
36
+ /** Show right icon */
37
+ isIconRight?: boolean;
38
+ /** Icon click handler */
39
+ iconOnClick?: () => void;
40
+ }
41
+ /**
42
+ * Lock Code Input Component - 6 individual square input fields
43
+ */
44
+ declare const LockCodeInput: FC<ILockCodeInputProps>;
45
+ export default LockCodeInput;
@@ -1,2 +1,3 @@
1
1
  export { default } from './IconInput';
2
2
  export { default as IconInputV2 } from './IconInputV2';
3
+ export { default as LockCodeInput } from './iconInputLock';
@@ -5,5 +5,5 @@ export { default as Label } from './Label';
5
5
  export * from './Select';
6
6
  export { default as RadioButton } from './RadioButton';
7
7
  export { Textarea, TextareaWithCount, TextareaWithCountV2 } from './Textarea';
8
- export { default as IconInput, IconInputV2 } from './IconInput';
8
+ export { default as IconInput, IconInputV2, LockCodeInput } from './IconInput';
9
9
  export { default as ImageInput } from './ImageInput';
@@ -3,4 +3,4 @@ import { IconVariant } from "../../../shared/models/components/base.model";
3
3
  export declare const handleIconColor: (_iconColor: string) => string;
4
4
  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";
5
5
  export declare const handleIconHoverColor: (_iconHoverColor: string | undefined) => string;
6
- export declare const handleIconTYpes: (_iconType: string | undefined, iconClasses?: string, imageUrl?: string, _color?: string, isAddEditPatient?: boolean) => React.JSX.Element | undefined;
6
+ export declare const handleIconTYpes: (_iconType: string | undefined, iconClasses?: string, imageUrl?: string, _color?: string, h?: string, w?: string, isAddEditPatient?: boolean) => React.JSX.Element | undefined;
@@ -11,6 +11,8 @@ type IconProps = {
11
11
  absoluteStrokeWidth?: boolean;
12
12
  onClick?: () => void;
13
13
  additionalClasses?: string;
14
+ onMouseEnter?: () => void;
15
+ onMouseLeave?: () => void;
14
16
  };
15
17
  declare const IconV2: React.FC<IconProps>;
16
18
  export default IconV2;
@@ -60,7 +60,7 @@ export declare const WrongIcon: ({ classes, onClick, onFocus, ...props }: IconPr
60
60
  export declare const EditIcon: ({ classes, onClick, onFocus, ...props }: IconProps) => React.JSX.Element;
61
61
  export declare const CheckIcon: ({ classes, onClick, onFocus, color, }: IconProps) => React.JSX.Element;
62
62
  export declare const CheckGreen: ({ classes, onClick, onFocus, color, }: IconProps) => React.JSX.Element;
63
- export declare const InfoIcon40: ({ classes }: IconProps) => React.JSX.Element;
63
+ export declare const InfoIcon40: ({ classes, w, h }: IconProps) => React.JSX.Element;
64
64
  export declare const CrossblueIcon: ({ classes }: IconProps) => React.JSX.Element;
65
65
  export declare const PencilIcon: ({ classes }: IconProps) => React.JSX.Element;
66
66
  export declare const DefaultImage: ({ classes }: IconProps) => React.JSX.Element;
@@ -89,5 +89,6 @@ export declare const WarningCircleIcon: ({ classes, onClick, ...props }: IconPro
89
89
  export declare const LightbulbIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
90
90
  export declare const LockIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
91
91
  export declare const LockIcon2: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
92
+ export declare const LockBlueIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
92
93
  export declare const NoPatientIcon: () => React.JSX.Element;
93
94
  export declare const NoReportIcon: () => React.JSX.Element;
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ interface MiniTimelineProps {
3
+ index: number;
4
+ totalItems: number;
5
+ isHovered?: boolean;
6
+ lineColor?: string;
7
+ dotColor?: string;
8
+ hoverDotColor?: string;
9
+ }
10
+ export declare const MiniTimeline: React.FC<MiniTimelineProps>;
11
+ interface MiniTimelineWrapperProps<T> {
12
+ items: T[];
13
+ hoveredIndex?: number | null;
14
+ renderContent: (item: T, index: number) => React.ReactNode;
15
+ lineColor?: string;
16
+ }
17
+ export declare const MiniTimelineWrapper: <T>({ items, hoveredIndex, renderContent, lineColor, }: MiniTimelineWrapperProps<T>) => React.JSX.Element;
18
+ export default MiniTimelineWrapper;
@@ -0,0 +1 @@
1
+ export { default as MiniTimelineCard } from "./MiniTimelineCard";
@@ -3,7 +3,7 @@ export { default as Button } from './Button';
3
3
  export { default as ButtonV2 } from './Button/ButtonV2';
4
4
  export { default as Typhography } from './Typhography';
5
5
  export { default as TyphographyFormGen } from './TyphographyFormGen';
6
- export { Input, Select, SelectV2, CheckBox, Label, InputValidation, Textarea, RadioButton, IconInput, ImageInput, IconInputV2, } from './FormElements';
6
+ export { Input, Select, SelectV2, CheckBox, Label, InputValidation, Textarea, RadioButton, IconInput, ImageInput, IconInputV2, LockCodeInput, } from './FormElements';
7
7
  export { default as Card } from './Card';
8
8
  export { default as ComboBox, ComboboxV2 } from './ComboBox';
9
9
  export { default as ComponentProvider } from './ComponentProvider';
@@ -69,3 +69,4 @@ export { default as MultiSelectFormGen } from './MultiSelectFormGen';
69
69
  export { default as ButtonGroupMultiSelectWithInputsFormGen } from './ButtonGroupWithInputsFormGen/ButtonGroupMultiSelectWithInputsFormGen';
70
70
  export { default as ButtonGroupWithMultiSelectFormGen } from './ButtonGroupFormGen/ButtonGroupWithMultiSelectFormGen';
71
71
  export { default as FilterButton } from './FilterButtonGroup/FilterButton';
72
+ export { MiniTimelineCard } from "./MiniTimelineCard";
@@ -88,6 +88,8 @@ export interface IIconProps extends IAdditionalClassesProp, IIconTypeProp {
88
88
  onMouseOver?: any;
89
89
  onMouseOut?: any;
90
90
  color?: string;
91
+ w?: string;
92
+ h?: string;
91
93
  isAddEditPatient?: boolean;
92
94
  title?: string;
93
95
  isDischarged?: boolean;
@@ -372,7 +374,7 @@ export interface ICheckboxFormGenProps extends AdditionalClassesProp {
372
374
  id?: any;
373
375
  label?: string | React.ReactNode;
374
376
  }
375
- export type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabel1' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
377
+ export type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabel1' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | 'fontMedium' | undefined;
376
378
  export interface ILabelProps {
377
379
  /**
378
380
  * Set the Label Type
@@ -920,9 +920,10 @@ export interface TimelineEventProps {
920
920
  isDischarged?: boolean;
921
921
  }
922
922
  export interface IVariant {
923
+ solutionVariantId?: string | null;
923
924
  pdfMetaData?: PDFMeta;
924
- referralData?: ReferralMeta;
925
- solutionVariantName?: string;
925
+ referralData?: ReferralMeta | null;
926
+ solutionVariantName?: string | null;
926
927
  }
927
928
  export interface PDFMeta {
928
929
  resourceLink?: string;
@@ -1041,6 +1042,10 @@ export interface ISolutionvalues {
1041
1042
  challenge?: string;
1042
1043
  solutionDescription?: string;
1043
1044
  solutionType?: string;
1045
+ solutionId?: string | undefined | null;
1046
+ patientSolutionId?: string | undefined | null;
1047
+ createdDate?: string;
1048
+ domain?: string | undefined | null;
1044
1049
  _id?: string;
1045
1050
  surveyDate?: string;
1046
1051
  surveyId?: string;
package/dist/index.d.ts CHANGED
@@ -801,9 +801,10 @@ interface TimelineEventProps {
801
801
  isDischarged?: boolean;
802
802
  }
803
803
  interface IVariant {
804
+ solutionVariantId?: string | null;
804
805
  pdfMetaData?: PDFMeta;
805
- referralData?: ReferralMeta;
806
- solutionVariantName?: string;
806
+ referralData?: ReferralMeta | null;
807
+ solutionVariantName?: string | null;
807
808
  }
808
809
  interface PDFMeta {
809
810
  resourceLink?: string;
@@ -918,6 +919,10 @@ interface ISolutionvalues {
918
919
  challenge?: string;
919
920
  solutionDescription?: string;
920
921
  solutionType?: string;
922
+ solutionId?: string | undefined | null;
923
+ patientSolutionId?: string | undefined | null;
924
+ createdDate?: string;
925
+ domain?: string | undefined | null;
921
926
  _id?: string;
922
927
  surveyDate?: string;
923
928
  surveyId?: string;
@@ -1033,6 +1038,8 @@ interface IIconProps extends IAdditionalClassesProp, IIconTypeProp {
1033
1038
  onMouseOver?: any;
1034
1039
  onMouseOut?: any;
1035
1040
  color?: string;
1041
+ w?: string;
1042
+ h?: string;
1036
1043
  isAddEditPatient?: boolean;
1037
1044
  title?: string;
1038
1045
  isDischarged?: boolean;
@@ -1139,7 +1146,7 @@ interface ICheckboxProps extends AdditionalClassesProp {
1139
1146
  id?: any;
1140
1147
  label?: string | React__default.ReactNode;
1141
1148
  }
1142
- type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabel1' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
1149
+ type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabel1' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | 'fontMedium' | undefined;
1143
1150
  interface ILabelProps {
1144
1151
  /**
1145
1152
  * Set the Label Type
@@ -1542,6 +1549,49 @@ declare const IconInput: FC<IHookFormsInputProps>;
1542
1549
  */
1543
1550
  declare const IconInputV2: FC<IHookFormsInputProps>;
1544
1551
 
1552
+ interface ILockCodeInputProps extends Omit<IHookFormsInputProps, 'type' | 'value' | 'onChange' | 'labelType'> {
1553
+ /** Label type styling */
1554
+ labelType?: LABELTYPE;
1555
+ /** Number of input fields (default: 6) */
1556
+ length?: number;
1557
+ /** Current value as string */
1558
+ value?: string;
1559
+ /** Callback when value changes */
1560
+ onChange?: (value: string) => void;
1561
+ /** Show/hide toggle functionality */
1562
+ showToggle?: boolean;
1563
+ /** Whether the code is currently visible */
1564
+ isVisible?: boolean;
1565
+ /** Callback when visibility toggle is clicked */
1566
+ onToggleVisibility?: (isVisible: boolean) => void;
1567
+ /** Input type for the fields */
1568
+ inputType?: 'text' | 'password' | 'number';
1569
+ /** Whether to auto-focus next field */
1570
+ autoFocus?: boolean;
1571
+ /** Custom classes for individual input fields */
1572
+ inputFieldClasses?: string;
1573
+ /** Custom classes for the container of input fields */
1574
+ inputContainerClasses?: string;
1575
+ /** Show required icon when field is empty */
1576
+ showIsRequiredIcon?: boolean;
1577
+ /** Show tooltip */
1578
+ showTooltip?: boolean;
1579
+ /** Tooltip text */
1580
+ tooltipText?: string;
1581
+ /** Right icon type */
1582
+ rightIcon?: string;
1583
+ /** Right icon classes */
1584
+ iconClassRight?: string;
1585
+ /** Show right icon */
1586
+ isIconRight?: boolean;
1587
+ /** Icon click handler */
1588
+ iconOnClick?: () => void;
1589
+ }
1590
+ /**
1591
+ * Lock Code Input Component - 6 individual square input fields
1592
+ */
1593
+ declare const LockCodeInput: FC<ILockCodeInputProps>;
1594
+
1545
1595
  declare const ImageInput: React__default.FC<ImageInputProps>;
1546
1596
 
1547
1597
  /**
@@ -1778,6 +1828,8 @@ type IconProps = {
1778
1828
  absoluteStrokeWidth?: boolean;
1779
1829
  onClick?: () => void;
1780
1830
  additionalClasses?: string;
1831
+ onMouseEnter?: () => void;
1832
+ onMouseLeave?: () => void;
1781
1833
  };
1782
1834
  declare const IconV2: React__default.FC<IconProps>;
1783
1835
 
@@ -1963,6 +2015,14 @@ declare const MultiSelectFormGen: React__default.FC<IMultiSelectProps>;
1963
2015
 
1964
2016
  declare const FilterButton: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, }: IButtonProps) => React__default.JSX.Element;
1965
2017
 
2018
+ interface MiniTimelineWrapperProps<T> {
2019
+ items: T[];
2020
+ hoveredIndex?: number | null;
2021
+ renderContent: (item: T, index: number) => React__default.ReactNode;
2022
+ lineColor?: string;
2023
+ }
2024
+ declare const MiniTimelineWrapper: <T>({ items, hoveredIndex, renderContent, lineColor, }: MiniTimelineWrapperProps<T>) => React__default.JSX.Element;
2025
+
1966
2026
  interface UseSchemaProcessorProps {
1967
2027
  schema: ISchema[];
1968
2028
  externalSetComponents: (data: IComponent[]) => void;
@@ -2279,5 +2339,5 @@ declare const themeConfigs: {
2279
2339
  plugins: any[];
2280
2340
  };
2281
2341
 
2282
- 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 };
2342
+ 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, 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 };
2283
2343
  export type { AccountPopoverMenuItem, BadgeColorVariant, BtnOptionDropdown, DropdownSearchProps, ISolutionvalues, InputType, ListMasterDataProps, LogoProps, MessageProps, NoteChildrenProps, NoteHistoryProps, NoteItemProps, NoteProps, OptionProps, TimelineEventProps, UrgentDataProps, VariantTypes };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dfh-ui-library",
3
- "version": "1.14.17",
3
+ "version": "1.14.19",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",