dfh-ui-library 1.13.129 → 1.13.131

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.
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { TimelineProps } from "../../shared/models/components/common.model";
1
+ import React from 'react';
2
+ import { TimelineProps } from '../../shared/models/components/common.model';
3
3
  declare const Timeline: React.FC<TimelineProps>;
4
4
  export default Timeline;
@@ -52,7 +52,7 @@ export interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp
52
52
  * Set font-color of the content
53
53
  */
54
54
  color?: string;
55
- onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
55
+ onClick?: (e?: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLElement>) => void;
56
56
  disabled?: boolean;
57
57
  }
58
58
  export interface ITyphographyFormGenProps extends IChildrenProp, IAdditionalClassesProp {
@@ -1,11 +1,11 @@
1
- import { ReactNode } from "react";
2
- import { selectType, VariantTypes } from "./base.model";
3
- import { ColumnDef, OnChangeFn, PaginationState, SortingState } from "@tanstack/react-table";
4
- import { ITodoToggleRequestParams } from "../../../components/SideBarListView/todos";
5
- export type AlignmentType = "center" | "left" | "right";
6
- export type IconColorTypes = "white" | "black-900" | "gray-220" | "gray-720" | "inherit" | "gray-300" | string;
7
- export type IconHoverColorTypes = "white" | "black-900" | "gray-220" | "inherit";
8
- export type IconType = "Home" | "Info" | "Email" | "RightArrow" | "DropDown" | "DropDownArrow" | "WhiteArrow" | "TrashIcon" | "AddNewitemIcon" | "OkIcon" | "EditIcon" | "Delete" | "AddIcon" | "RemoveTrashIcon" | "RoundTickIcon" | "ValidationWarningIcon" | "WarningIcon" | "NeturalIcon" | "SuccessIcon" | string;
1
+ import { ReactNode } from 'react';
2
+ import { selectType, VariantTypes } from './base.model';
3
+ import { ColumnDef, OnChangeFn, PaginationState, SortingState } from '@tanstack/react-table';
4
+ import { ITodoToggleRequestParams } from '../../../components/SideBarListView/todos';
5
+ export type AlignmentType = 'center' | 'left' | 'right';
6
+ export type IconColorTypes = 'white' | 'black-900' | 'gray-220' | 'gray-720' | 'inherit' | 'gray-300' | string;
7
+ export type IconHoverColorTypes = 'white' | 'black-900' | 'gray-220' | 'inherit';
8
+ export type IconType = 'Home' | 'Info' | 'Email' | 'RightArrow' | 'DropDown' | 'DropDownArrow' | 'WhiteArrow' | 'TrashIcon' | 'AddNewitemIcon' | 'OkIcon' | 'EditIcon' | 'Delete' | 'AddIcon' | 'RemoveTrashIcon' | 'RoundTickIcon' | 'ValidationWarningIcon' | 'WarningIcon' | 'NeturalIcon' | 'SuccessIcon' | string;
9
9
  export interface IChildrenProp {
10
10
  /**
11
11
  * Se the child node and element;
@@ -37,10 +37,10 @@ export interface IDataTestIdProp {
37
37
  export interface IOnClickEventProps {
38
38
  onClick?: () => void;
39
39
  }
40
- export type InputType = "text" | "email" | "password" | "name" | "date" | "number";
41
- export type TyphoTypes = "h1" | "h1Bold" | "h1ExtraBold" | "h2" | "h2Bold" | "h2ExtraBold" | "h10" | "h10Bold" | "h10ExtraBold" | "h6" | "h6Bold" | "h6ExtraBold" | "header1" | "header2" | "label1" | "label2" | "p" | "authHeader" | "inforTextNormal" | "inforTextGray" | "linkTextNormal" | "linkTextMedium" | "textMediumGray" | "textSectionHeader";
42
- export type TyphoComponents = "p" | "span" | "em" | "div" | undefined;
43
- export type MessageTypes = "warning" | "success" | "error" | "disabled" | "highlight" | "nutral";
40
+ export type InputType = 'text' | 'email' | 'password' | 'name' | 'date' | 'number';
41
+ export type TyphoTypes = 'h1' | 'h1Bold' | 'h1ExtraBold' | 'h2' | 'h2Bold' | 'h2ExtraBold' | 'h10' | 'h10Bold' | 'h10ExtraBold' | 'h6' | 'h6Bold' | 'h6ExtraBold' | 'header1' | 'header2' | 'label1' | 'label2' | 'p' | 'authHeader' | 'inforTextNormal' | 'inforTextGray' | 'linkTextNormal' | 'linkTextMedium' | 'textMediumGray' | 'textSectionHeader';
42
+ export type TyphoComponents = 'p' | 'span' | 'em' | 'div' | undefined;
43
+ export type MessageTypes = 'warning' | 'success' | 'error' | 'disabled' | 'highlight' | 'nutral';
44
44
  export interface IInputValidationProps {
45
45
  /**
46
46
  * Set validation message
@@ -172,7 +172,7 @@ export interface ImageInputProps {
172
172
  /**
173
173
  * Set new variant of the input
174
174
  */
175
- inputVariant?: "default" | "large";
175
+ inputVariant?: 'default' | 'large';
176
176
  /**
177
177
  * Set Input name
178
178
  */
@@ -247,7 +247,7 @@ export interface CustomDatePickerProps {
247
247
  * Ser Error message
248
248
  */
249
249
  isBorderedError?: boolean;
250
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
250
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
251
251
  additionalClasses?: string | undefined;
252
252
  readOnly?: boolean;
253
253
  type?: InputType;
@@ -255,7 +255,7 @@ export interface CustomDatePickerProps {
255
255
  /**
256
256
  * Set new variant of the input
257
257
  */
258
- inputVariant?: "default" | "large" | "form";
258
+ inputVariant?: 'default' | 'large' | 'form';
259
259
  iconType?: string;
260
260
  iconClasses?: string;
261
261
  dateFormat?: string;
@@ -276,13 +276,13 @@ export interface PhoneNumberInputProps {
276
276
  * Ser Error message
277
277
  */
278
278
  isBorderedError?: boolean;
279
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
279
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
280
280
  readOnly?: boolean;
281
281
  type?: InputType;
282
282
  /**
283
283
  * Set new variant of the input
284
284
  */
285
- inputVariant?: "default" | "large";
285
+ inputVariant?: 'default' | 'large';
286
286
  label?: string | undefined;
287
287
  additionalErrorClasses?: string;
288
288
  isAdditionalErrorInput?: boolean;
@@ -298,10 +298,10 @@ export interface SsnInputProps {
298
298
  additionalClasses?: string | undefined;
299
299
  error?: string;
300
300
  isBorderedError?: boolean;
301
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
301
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
302
302
  readOnly?: boolean;
303
303
  type?: string;
304
- inputVariant?: "default" | "large";
304
+ inputVariant?: 'default' | 'large';
305
305
  label?: string | undefined;
306
306
  additionalErrorClasses?: string;
307
307
  isAdditionalErrorInput?: boolean;
@@ -382,7 +382,7 @@ export interface IMultiSelectProps {
382
382
  value: IMultiSelectOption[];
383
383
  };
384
384
  name: string;
385
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum" | "formLabel";
385
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum' | 'formLabel';
386
386
  label?: string | undefined;
387
387
  labelClasses?: string | undefined;
388
388
  defaultText?: string | undefined;
@@ -494,7 +494,7 @@ export declare enum ClickedAction {
494
494
  ADDUNREGISTERED = "ADDUNREGISTERED",
495
495
  REMOVE = "REMOVE"
496
496
  }
497
- export type LableTypes = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum";
497
+ export type LableTypes = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum';
498
498
  interface InputObject {
499
499
  id: number;
500
500
  label?: string;
@@ -532,7 +532,7 @@ export interface ButtonGroupProps extends InputGroupProps {
532
532
  selectedUserValues?: OptionProps[];
533
533
  setSelectedUserValues?: (users: OptionProps[]) => void;
534
534
  }
535
- export interface ButtonGroupWithInputsProps extends Omit<ButtonGroupProps, "selected" | "onSelect"> {
535
+ export interface ButtonGroupWithInputsProps extends Omit<ButtonGroupProps, 'selected' | 'onSelect'> {
536
536
  options: {
537
537
  id: number;
538
538
  value: string;
@@ -626,7 +626,7 @@ export declare enum BADGETYPE {
626
626
  BUTTON = "button",
627
627
  BORDEREDBLUE = "bordered-blue"
628
628
  }
629
- export type BadgeColorVariant = "default" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink" | "error" | "success" | "warning" | "gray" | "darkGreen" | "darkBlue";
629
+ export type BadgeColorVariant = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'error' | 'success' | 'warning' | 'gray' | 'darkGreen' | 'darkBlue';
630
630
  interface IBadgePropsBase extends AdditionalClassesProp {
631
631
  /** Type of badge based on predefined styles. */
632
632
  badgeType?: BADGETYPE;
@@ -732,7 +732,7 @@ export interface FormGenButtonGroupMultiSelectProps extends FormGenInputGroupPro
732
732
  error?: string;
733
733
  isAdditionalErrorInput?: boolean;
734
734
  additionalErrorClasses?: string;
735
- selected?: Omit<selectedValue, "answerPrevData"> & {
735
+ selected?: Omit<selectedValue, 'answerPrevData'> & {
736
736
  value?: any[];
737
737
  answerPrevData?: {
738
738
  lastEditedDate?: string;
@@ -840,7 +840,7 @@ export interface SideBarListProps {
840
840
  }
841
841
  export interface PatientConsentProps {
842
842
  consentDate?: string | Date | null;
843
- consentStatus: "NO CONSENT" | "CONSENT GIVEN";
843
+ consentStatus: 'NO CONSENT' | 'CONSENT GIVEN';
844
844
  consentBy?: string;
845
845
  }
846
846
  export interface UrgentDataProps {
@@ -863,10 +863,11 @@ export interface ListMasterDataProps {
863
863
  limit?: number;
864
864
  }
865
865
  export interface challengesListProps {
866
- urgency?: "Normal" | "Urgent";
866
+ urgency?: 'Normal' | 'Urgent';
867
867
  challengeName?: string;
868
868
  }
869
869
  export interface TimelineEventProps {
870
+ uuid: string;
870
871
  date?: string;
871
872
  user?: string;
872
873
  challenge?: string;
@@ -994,7 +995,7 @@ export interface SignatureProps {
994
995
  selected?: selectedValue;
995
996
  onSelect: (signature: string) => void;
996
997
  label?: string;
997
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
998
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
998
999
  additionalErrorClasses?: string;
999
1000
  isAdditionalErrorInput?: boolean;
1000
1001
  isBorderedError?: boolean;
package/dist/index.d.ts CHANGED
@@ -23,10 +23,10 @@ interface todosProps {
23
23
  }
24
24
  declare const Todos: React__default.FC<todosProps>;
25
25
 
26
- type AlignmentType = "center" | "left" | "right";
27
- type IconColorTypes = "white" | "black-900" | "gray-220" | "gray-720" | "inherit" | "gray-300" | string;
28
- type IconHoverColorTypes = "white" | "black-900" | "gray-220" | "inherit";
29
- type IconType = "Home" | "Info" | "Email" | "RightArrow" | "DropDown" | "DropDownArrow" | "WhiteArrow" | "TrashIcon" | "AddNewitemIcon" | "OkIcon" | "EditIcon" | "Delete" | "AddIcon" | "RemoveTrashIcon" | "RoundTickIcon" | "ValidationWarningIcon" | "WarningIcon" | "NeturalIcon" | "SuccessIcon" | string;
26
+ type AlignmentType = 'center' | 'left' | 'right';
27
+ type IconColorTypes = 'white' | 'black-900' | 'gray-220' | 'gray-720' | 'inherit' | 'gray-300' | string;
28
+ type IconHoverColorTypes = 'white' | 'black-900' | 'gray-220' | 'inherit';
29
+ type IconType = 'Home' | 'Info' | 'Email' | 'RightArrow' | 'DropDown' | 'DropDownArrow' | 'WhiteArrow' | 'TrashIcon' | 'AddNewitemIcon' | 'OkIcon' | 'EditIcon' | 'Delete' | 'AddIcon' | 'RemoveTrashIcon' | 'RoundTickIcon' | 'ValidationWarningIcon' | 'WarningIcon' | 'NeturalIcon' | 'SuccessIcon' | string;
30
30
  interface IChildrenProp {
31
31
  /**
32
32
  * Se the child node and element;
@@ -52,9 +52,9 @@ interface IAdditionalClassesProp {
52
52
  interface IOnClickEventProps {
53
53
  onClick?: () => void;
54
54
  }
55
- type InputType = "text" | "email" | "password" | "name" | "date" | "number";
56
- type TyphoTypes$1 = "h1" | "h1Bold" | "h1ExtraBold" | "h2" | "h2Bold" | "h2ExtraBold" | "h10" | "h10Bold" | "h10ExtraBold" | "h6" | "h6Bold" | "h6ExtraBold" | "header1" | "header2" | "label1" | "label2" | "p" | "authHeader" | "inforTextNormal" | "inforTextGray" | "linkTextNormal" | "linkTextMedium" | "textMediumGray" | "textSectionHeader";
57
- type TyphoComponents = "p" | "span" | "em" | "div" | undefined;
55
+ type InputType = 'text' | 'email' | 'password' | 'name' | 'date' | 'number';
56
+ type TyphoTypes$1 = 'h1' | 'h1Bold' | 'h1ExtraBold' | 'h2' | 'h2Bold' | 'h2ExtraBold' | 'h10' | 'h10Bold' | 'h10ExtraBold' | 'h6' | 'h6Bold' | 'h6ExtraBold' | 'header1' | 'header2' | 'label1' | 'label2' | 'p' | 'authHeader' | 'inforTextNormal' | 'inforTextGray' | 'linkTextNormal' | 'linkTextMedium' | 'textMediumGray' | 'textSectionHeader';
57
+ type TyphoComponents = 'p' | 'span' | 'em' | 'div' | undefined;
58
58
  interface IInputValidationProps {
59
59
  /**
60
60
  * Set validation message
@@ -150,7 +150,7 @@ interface ImageInputProps {
150
150
  /**
151
151
  * Set new variant of the input
152
152
  */
153
- inputVariant?: "default" | "large";
153
+ inputVariant?: 'default' | 'large';
154
154
  /**
155
155
  * Set Input name
156
156
  */
@@ -225,7 +225,7 @@ interface CustomDatePickerProps {
225
225
  * Ser Error message
226
226
  */
227
227
  isBorderedError?: boolean;
228
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
228
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
229
229
  additionalClasses?: string | undefined;
230
230
  readOnly?: boolean;
231
231
  type?: InputType;
@@ -233,7 +233,7 @@ interface CustomDatePickerProps {
233
233
  /**
234
234
  * Set new variant of the input
235
235
  */
236
- inputVariant?: "default" | "large" | "form";
236
+ inputVariant?: 'default' | 'large' | 'form';
237
237
  iconType?: string;
238
238
  iconClasses?: string;
239
239
  dateFormat?: string;
@@ -254,13 +254,13 @@ interface PhoneNumberInputProps {
254
254
  * Ser Error message
255
255
  */
256
256
  isBorderedError?: boolean;
257
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
257
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
258
258
  readOnly?: boolean;
259
259
  type?: InputType;
260
260
  /**
261
261
  * Set new variant of the input
262
262
  */
263
- inputVariant?: "default" | "large";
263
+ inputVariant?: 'default' | 'large';
264
264
  label?: string | undefined;
265
265
  additionalErrorClasses?: string;
266
266
  isAdditionalErrorInput?: boolean;
@@ -276,10 +276,10 @@ interface SsnInputProps {
276
276
  additionalClasses?: string | undefined;
277
277
  error?: string;
278
278
  isBorderedError?: boolean;
279
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
279
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
280
280
  readOnly?: boolean;
281
281
  type?: string;
282
- inputVariant?: "default" | "large";
282
+ inputVariant?: 'default' | 'large';
283
283
  label?: string | undefined;
284
284
  additionalErrorClasses?: string;
285
285
  isAdditionalErrorInput?: boolean;
@@ -360,7 +360,7 @@ interface IMultiSelectProps {
360
360
  value: IMultiSelectOption[];
361
361
  };
362
362
  name: string;
363
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum" | "formLabel";
363
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum' | 'formLabel';
364
364
  label?: string | undefined;
365
365
  labelClasses?: string | undefined;
366
366
  defaultText?: string | undefined;
@@ -457,7 +457,7 @@ declare enum ClickedAction {
457
457
  ADDUNREGISTERED = "ADDUNREGISTERED",
458
458
  REMOVE = "REMOVE"
459
459
  }
460
- type LableTypes = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum";
460
+ type LableTypes = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum';
461
461
  interface InputObject {
462
462
  id: number;
463
463
  label?: string;
@@ -549,7 +549,7 @@ declare enum BADGETYPE {
549
549
  BUTTON = "button",
550
550
  BORDEREDBLUE = "bordered-blue"
551
551
  }
552
- type BadgeColorVariant = "default" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink" | "error" | "success" | "warning" | "gray" | "darkGreen" | "darkBlue";
552
+ type BadgeColorVariant = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'error' | 'success' | 'warning' | 'gray' | 'darkGreen' | 'darkBlue';
553
553
  interface IBadgePropsBase extends AdditionalClassesProp$1 {
554
554
  /** Type of badge based on predefined styles. */
555
555
  badgeType?: BADGETYPE;
@@ -622,7 +622,7 @@ interface FormGenButtonGroupMultiSelectProps extends FormGenInputGroupProps {
622
622
  error?: string;
623
623
  isAdditionalErrorInput?: boolean;
624
624
  additionalErrorClasses?: string;
625
- selected?: Omit<selectedValue, "answerPrevData"> & {
625
+ selected?: Omit<selectedValue, 'answerPrevData'> & {
626
626
  value?: any[];
627
627
  answerPrevData?: {
628
628
  lastEditedDate?: string;
@@ -712,7 +712,7 @@ interface SideBarListProps {
712
712
  }
713
713
  interface PatientConsentProps {
714
714
  consentDate?: string | Date | null;
715
- consentStatus: "NO CONSENT" | "CONSENT GIVEN";
715
+ consentStatus: 'NO CONSENT' | 'CONSENT GIVEN';
716
716
  consentBy?: string;
717
717
  }
718
718
  interface UrgentDataProps {
@@ -735,10 +735,11 @@ interface ListMasterDataProps {
735
735
  limit?: number;
736
736
  }
737
737
  interface challengesListProps {
738
- urgency?: "Normal" | "Urgent";
738
+ urgency?: 'Normal' | 'Urgent';
739
739
  challengeName?: string;
740
740
  }
741
741
  interface TimelineEventProps {
742
+ uuid: string;
742
743
  date?: string;
743
744
  user?: string;
744
745
  challenge?: string;
@@ -862,7 +863,7 @@ interface SignatureProps {
862
863
  selected?: selectedValue;
863
864
  onSelect: (signature: string) => void;
864
865
  label?: string;
865
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
866
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
866
867
  additionalErrorClasses?: string;
867
868
  isAdditionalErrorInput?: boolean;
868
869
  isBorderedError?: boolean;
@@ -954,7 +955,7 @@ interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp {
954
955
  * Set font-color of the content
955
956
  */
956
957
  color?: string;
957
- onClick?: (e?: React__default.MouseEvent<HTMLButtonElement>) => void;
958
+ onClick?: (e?: React__default.MouseEvent<HTMLButtonElement> | React__default.MouseEvent<HTMLElement>) => void;
958
959
  disabled?: boolean;
959
960
  }
960
961
  interface ITyphographyFormGenProps extends IChildrenProp, IAdditionalClassesProp {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dfh-ui-library",
3
- "version": "1.13.129",
3
+ "version": "1.13.131",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",