dfh-ui-library 1.13.26 → 1.13.28
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.
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.css.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/ButtonGroup/ButtonGroupMultiSelect.d.ts +2 -2
- package/dist/cjs/types/components/ButtonGroup/ButtonGroupMultiSelectV2.d.ts +7 -0
- package/dist/cjs/types/shared/models/components/common.model.d.ts +26 -25
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.css.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/ButtonGroup/ButtonGroupMultiSelect.d.ts +2 -2
- package/dist/esm/types/components/ButtonGroup/ButtonGroupMultiSelectV2.d.ts +7 -0
- package/dist/esm/types/shared/models/components/common.model.d.ts +26 -25
- package/dist/index.d.ts +22 -22
- package/package.json +1 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from
|
2
|
-
import { ButtonGroupMultiProps } from
|
1
|
+
import React from 'react';
|
2
|
+
import { ButtonGroupMultiProps } from '../../shared/models/components/common.model';
|
3
3
|
declare const ButtonGroupMultiSelect: React.FC<ButtonGroupMultiProps>;
|
4
4
|
export default ButtonGroupMultiSelect;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ButtonGroupMultiProps } from '../../shared/models/components/common.model';
|
3
|
+
interface ButtonGroupMultiPropsV2 extends ButtonGroupMultiProps {
|
4
|
+
buttonGroupButtonClass?: string;
|
5
|
+
}
|
6
|
+
declare const ButtonGroupMultiSelectV2: React.FC<ButtonGroupMultiPropsV2>;
|
7
|
+
export default ButtonGroupMultiSelectV2;
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import { ReactNode } from
|
2
|
-
import { selectType, VariantTypes } from
|
3
|
-
import { ColumnDef, OnChangeFn, PaginationState, SortingState } from
|
4
|
-
import { ITodoToggleRequestParams } from
|
5
|
-
export type AlignmentType =
|
6
|
-
export type IconColorTypes =
|
7
|
-
export type IconHoverColorTypes =
|
8
|
-
export type IconType =
|
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 =
|
41
|
-
export type TyphoTypes =
|
42
|
-
export type TyphoComponents =
|
43
|
-
export type MessageTypes =
|
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
|
@@ -157,7 +157,7 @@ export interface ImageInputProps {
|
|
157
157
|
/**
|
158
158
|
* Set new variant of the input
|
159
159
|
*/
|
160
|
-
inputVariant?:
|
160
|
+
inputVariant?: 'default' | 'large';
|
161
161
|
/**
|
162
162
|
* Set Input name
|
163
163
|
*/
|
@@ -231,7 +231,7 @@ export interface CustomDatePickerProps {
|
|
231
231
|
* Ser Error message
|
232
232
|
*/
|
233
233
|
isBorderedError?: boolean;
|
234
|
-
labelType?:
|
234
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
|
235
235
|
additionalClasses?: string | undefined;
|
236
236
|
readOnly?: boolean;
|
237
237
|
type?: InputType;
|
@@ -239,7 +239,7 @@ export interface CustomDatePickerProps {
|
|
239
239
|
/**
|
240
240
|
* Set new variant of the input
|
241
241
|
*/
|
242
|
-
inputVariant?:
|
242
|
+
inputVariant?: 'default' | 'large' | 'form';
|
243
243
|
iconType?: string;
|
244
244
|
iconClasses?: string;
|
245
245
|
dateFormat?: string;
|
@@ -247,6 +247,7 @@ export interface CustomDatePickerProps {
|
|
247
247
|
maxDate?: Date;
|
248
248
|
minDate?: Date;
|
249
249
|
disabled?: boolean;
|
250
|
+
showMonthYearPicker?: boolean;
|
250
251
|
}
|
251
252
|
export interface PhoneNumberInputProps {
|
252
253
|
value: string;
|
@@ -258,13 +259,13 @@ export interface PhoneNumberInputProps {
|
|
258
259
|
* Ser Error message
|
259
260
|
*/
|
260
261
|
isBorderedError?: boolean;
|
261
|
-
labelType?:
|
262
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
|
262
263
|
readOnly?: boolean;
|
263
264
|
type?: InputType;
|
264
265
|
/**
|
265
266
|
* Set new variant of the input
|
266
267
|
*/
|
267
|
-
inputVariant?:
|
268
|
+
inputVariant?: 'default' | 'large';
|
268
269
|
label?: string | undefined;
|
269
270
|
additionalErrorClasses?: string;
|
270
271
|
isAdditionalErrorInput?: boolean;
|
@@ -279,10 +280,10 @@ export interface SsnInputProps {
|
|
279
280
|
additionalClasses?: string | undefined;
|
280
281
|
error?: string;
|
281
282
|
isBorderedError?: boolean;
|
282
|
-
labelType?:
|
283
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
|
283
284
|
readOnly?: boolean;
|
284
285
|
type?: string;
|
285
|
-
inputVariant?:
|
286
|
+
inputVariant?: 'default' | 'large';
|
286
287
|
label?: string | undefined;
|
287
288
|
additionalErrorClasses?: string;
|
288
289
|
isAdditionalErrorInput?: boolean;
|
@@ -363,7 +364,7 @@ export interface IMultiSelectProps {
|
|
363
364
|
value: IMultiSelectOption[];
|
364
365
|
};
|
365
366
|
name: string;
|
366
|
-
labelType?:
|
367
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum' | 'formLabel';
|
367
368
|
label?: string | undefined;
|
368
369
|
labelClasses?: string | undefined;
|
369
370
|
defaultText?: string | undefined;
|
@@ -474,7 +475,7 @@ export declare enum ClickedAction {
|
|
474
475
|
ADDUNREGISTERED = "ADDUNREGISTERED",
|
475
476
|
REMOVE = "REMOVE"
|
476
477
|
}
|
477
|
-
export type LableTypes =
|
478
|
+
export type LableTypes = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum';
|
478
479
|
interface InputObject {
|
479
480
|
id: number;
|
480
481
|
label?: string;
|
@@ -585,7 +586,7 @@ export declare enum BADGETYPE {
|
|
585
586
|
BUTTON = "button",
|
586
587
|
BORDEREDBLUE = "bordered-blue"
|
587
588
|
}
|
588
|
-
export type BadgeColorVariant =
|
589
|
+
export type BadgeColorVariant = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'error' | 'success' | 'warning' | 'gray' | 'darkGreen' | 'darkBlue';
|
589
590
|
interface IBadgePropsBase extends AdditionalClassesProp {
|
590
591
|
/** Type of badge based on predefined styles. */
|
591
592
|
badgeType?: BADGETYPE;
|
@@ -767,7 +768,7 @@ export interface SideBarListProps {
|
|
767
768
|
}
|
768
769
|
export interface PatientConsentProps {
|
769
770
|
consentDate?: string | Date | null;
|
770
|
-
consentStatus:
|
771
|
+
consentStatus: 'NO CONSENT' | 'CONSENT GIVEN';
|
771
772
|
consentBy?: string;
|
772
773
|
}
|
773
774
|
export interface UrgentDataProps {
|
@@ -790,7 +791,7 @@ export interface ListMasterDataProps {
|
|
790
791
|
limit?: number;
|
791
792
|
}
|
792
793
|
export interface challengesListProps {
|
793
|
-
urgency?:
|
794
|
+
urgency?: 'Normal' | 'Urgent';
|
794
795
|
challengeName?: string;
|
795
796
|
}
|
796
797
|
export interface TimelineEventProps {
|
@@ -914,7 +915,7 @@ export interface SignatureProps {
|
|
914
915
|
selected?: selectedValue;
|
915
916
|
onSelect: (signature: string) => void;
|
916
917
|
label?: string;
|
917
|
-
labelType?:
|
918
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
|
918
919
|
}
|
919
920
|
export interface SolutionItem {
|
920
921
|
solution: ISolutionvalues;
|
package/dist/index.d.ts
CHANGED
@@ -22,10 +22,10 @@ interface todosProps {
|
|
22
22
|
}
|
23
23
|
declare const Todos: React__default.FC<todosProps>;
|
24
24
|
|
25
|
-
type AlignmentType =
|
26
|
-
type IconColorTypes =
|
27
|
-
type IconHoverColorTypes =
|
28
|
-
type IconType =
|
25
|
+
type AlignmentType = 'center' | 'left' | 'right';
|
26
|
+
type IconColorTypes = 'white' | 'black-900' | 'gray-220' | 'gray-720' | 'inherit' | 'gray-300' | string;
|
27
|
+
type IconHoverColorTypes = 'white' | 'black-900' | 'gray-220' | 'inherit';
|
28
|
+
type IconType = 'Home' | 'Info' | 'Email' | 'RightArrow' | 'DropDown' | 'DropDownArrow' | 'WhiteArrow' | 'TrashIcon' | 'AddNewitemIcon' | 'OkIcon' | 'EditIcon' | 'Delete' | 'AddIcon' | 'RemoveTrashIcon' | 'RoundTickIcon' | 'ValidationWarningIcon' | 'WarningIcon' | 'NeturalIcon' | 'SuccessIcon' | string;
|
29
29
|
interface IChildrenProp {
|
30
30
|
/**
|
31
31
|
* Se the child node and element;
|
@@ -51,9 +51,9 @@ interface IAdditionalClassesProp {
|
|
51
51
|
interface IOnClickEventProps {
|
52
52
|
onClick?: () => void;
|
53
53
|
}
|
54
|
-
type InputType =
|
55
|
-
type TyphoTypes$1 =
|
56
|
-
type TyphoComponents =
|
54
|
+
type InputType = 'text' | 'email' | 'password' | 'name' | 'date' | 'number';
|
55
|
+
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';
|
56
|
+
type TyphoComponents = 'p' | 'span' | 'em' | 'div' | undefined;
|
57
57
|
interface IInputValidationProps {
|
58
58
|
/**
|
59
59
|
* Set validation message
|
@@ -134,7 +134,7 @@ interface ImageInputProps {
|
|
134
134
|
/**
|
135
135
|
* Set new variant of the input
|
136
136
|
*/
|
137
|
-
inputVariant?:
|
137
|
+
inputVariant?: 'default' | 'large';
|
138
138
|
/**
|
139
139
|
* Set Input name
|
140
140
|
*/
|
@@ -208,7 +208,7 @@ interface CustomDatePickerProps {
|
|
208
208
|
* Ser Error message
|
209
209
|
*/
|
210
210
|
isBorderedError?: boolean;
|
211
|
-
labelType?:
|
211
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
|
212
212
|
additionalClasses?: string | undefined;
|
213
213
|
readOnly?: boolean;
|
214
214
|
type?: InputType;
|
@@ -216,7 +216,7 @@ interface CustomDatePickerProps {
|
|
216
216
|
/**
|
217
217
|
* Set new variant of the input
|
218
218
|
*/
|
219
|
-
inputVariant?:
|
219
|
+
inputVariant?: 'default' | 'large' | 'form';
|
220
220
|
iconType?: string;
|
221
221
|
iconClasses?: string;
|
222
222
|
dateFormat?: string;
|
@@ -224,6 +224,7 @@ interface CustomDatePickerProps {
|
|
224
224
|
maxDate?: Date;
|
225
225
|
minDate?: Date;
|
226
226
|
disabled?: boolean;
|
227
|
+
showMonthYearPicker?: boolean;
|
227
228
|
}
|
228
229
|
interface PhoneNumberInputProps {
|
229
230
|
value: string;
|
@@ -235,13 +236,13 @@ interface PhoneNumberInputProps {
|
|
235
236
|
* Ser Error message
|
236
237
|
*/
|
237
238
|
isBorderedError?: boolean;
|
238
|
-
labelType?:
|
239
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
|
239
240
|
readOnly?: boolean;
|
240
241
|
type?: InputType;
|
241
242
|
/**
|
242
243
|
* Set new variant of the input
|
243
244
|
*/
|
244
|
-
inputVariant?:
|
245
|
+
inputVariant?: 'default' | 'large';
|
245
246
|
label?: string | undefined;
|
246
247
|
additionalErrorClasses?: string;
|
247
248
|
isAdditionalErrorInput?: boolean;
|
@@ -256,10 +257,10 @@ interface SsnInputProps {
|
|
256
257
|
additionalClasses?: string | undefined;
|
257
258
|
error?: string;
|
258
259
|
isBorderedError?: boolean;
|
259
|
-
labelType?:
|
260
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
|
260
261
|
readOnly?: boolean;
|
261
262
|
type?: string;
|
262
|
-
inputVariant?:
|
263
|
+
inputVariant?: 'default' | 'large';
|
263
264
|
label?: string | undefined;
|
264
265
|
additionalErrorClasses?: string;
|
265
266
|
isAdditionalErrorInput?: boolean;
|
@@ -340,7 +341,7 @@ interface IMultiSelectProps {
|
|
340
341
|
value: IMultiSelectOption[];
|
341
342
|
};
|
342
343
|
name: string;
|
343
|
-
labelType?:
|
344
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum' | 'formLabel';
|
344
345
|
label?: string | undefined;
|
345
346
|
labelClasses?: string | undefined;
|
346
347
|
defaultText?: string | undefined;
|
@@ -436,7 +437,7 @@ declare enum ClickedAction {
|
|
436
437
|
ADDUNREGISTERED = "ADDUNREGISTERED",
|
437
438
|
REMOVE = "REMOVE"
|
438
439
|
}
|
439
|
-
type LableTypes =
|
440
|
+
type LableTypes = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum';
|
440
441
|
interface InputObject {
|
441
442
|
id: number;
|
442
443
|
label?: string;
|
@@ -526,7 +527,7 @@ declare enum BADGETYPE {
|
|
526
527
|
BUTTON = "button",
|
527
528
|
BORDEREDBLUE = "bordered-blue"
|
528
529
|
}
|
529
|
-
type BadgeColorVariant =
|
530
|
+
type BadgeColorVariant = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'error' | 'success' | 'warning' | 'gray' | 'darkGreen' | 'darkBlue';
|
530
531
|
interface IBadgePropsBase extends AdditionalClassesProp$1 {
|
531
532
|
/** Type of badge based on predefined styles. */
|
532
533
|
badgeType?: BADGETYPE;
|
@@ -657,7 +658,7 @@ interface SideBarListProps {
|
|
657
658
|
}
|
658
659
|
interface PatientConsentProps {
|
659
660
|
consentDate?: string | Date | null;
|
660
|
-
consentStatus:
|
661
|
+
consentStatus: 'NO CONSENT' | 'CONSENT GIVEN';
|
661
662
|
consentBy?: string;
|
662
663
|
}
|
663
664
|
interface UrgentDataProps {
|
@@ -680,7 +681,7 @@ interface ListMasterDataProps {
|
|
680
681
|
limit?: number;
|
681
682
|
}
|
682
683
|
interface challengesListProps {
|
683
|
-
urgency?:
|
684
|
+
urgency?: 'Normal' | 'Urgent';
|
684
685
|
challengeName?: string;
|
685
686
|
}
|
686
687
|
interface TimelineEventProps {
|
@@ -800,7 +801,7 @@ interface SignatureProps {
|
|
800
801
|
selected?: selectedValue;
|
801
802
|
onSelect: (signature: string) => void;
|
802
803
|
label?: string;
|
803
|
-
labelType?:
|
804
|
+
labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
|
804
805
|
}
|
805
806
|
interface SolutionItem {
|
806
807
|
solution: ISolutionvalues;
|
@@ -1911,5 +1912,4 @@ declare const themeConfigs: {
|
|
1911
1912
|
plugins: any[];
|
1912
1913
|
};
|
1913
1914
|
|
1914
|
-
export { BADGETYPE, Badge, BorderType, Breadcrumb, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, Logo, Message, Modal, MultiSelectFormGen, NavBar, NoteEditor, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SideBarListView, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, Todos, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, useSchemaProcessor as UseSchemaProcessor, VersionDateDropdown, themeConfigs, usePagination, useSorting };
|
1915
|
-
export type { AccountPopoverMenuItem, BadgeColorVariant, BtnOptionDropdown, DropdownSearchProps, ISolutionvalues, InputType, ListMasterDataProps, LogoProps, MessageProps, NoteChildrenProps, NoteHistoryProps, NoteItemProps, NoteProps, OptionProps, TimelineEventProps, UrgentDataProps, VariantTypes };
|
1915
|
+
export { type AccountPopoverMenuItem, BADGETYPE, Badge, type BadgeColorVariant, BorderType, Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, type ISolutionvalues, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, type InputType, InputValidation, InputsGroup, Label, type ListMasterDataProps, ListRow, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, MultiSelectFormGen, NavBar, type NoteChildrenProps, NoteEditor, type NoteHistoryProps, type NoteItemProps, type NoteProps, type OptionProps, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SideBarListView, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, type TimelineEventProps, Todos, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, type UrgentDataProps, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, VersionDateDropdown, themeConfigs, usePagination, useSorting };
|