dfh-ui-library 1.13.80 → 1.13.82
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.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/ButtonGroupFormGen/ButtonGroupWithMultiSelectFormGen.d.ts +4 -0
- package/dist/cjs/types/components/ButtonGroupFormGen/index.d.ts +1 -0
- package/dist/cjs/types/components/ButtonGroupWithInputsFormGen/ButtonGroupMultiSelectWithInputsFormGen.d.ts +3 -0
- package/dist/cjs/types/components/ButtonGroupWithInputsFormGen/index.d.ts +1 -0
- package/dist/cjs/types/components/index.d.ts +2 -0
- package/dist/cjs/types/shared/models/components/common.model.d.ts +56 -25
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/ButtonGroupFormGen/ButtonGroupWithMultiSelectFormGen.d.ts +4 -0
- package/dist/esm/types/components/ButtonGroupFormGen/index.d.ts +1 -0
- package/dist/esm/types/components/ButtonGroupWithInputsFormGen/ButtonGroupMultiSelectWithInputsFormGen.d.ts +3 -0
- package/dist/esm/types/components/ButtonGroupWithInputsFormGen/index.d.ts +1 -0
- package/dist/esm/types/components/index.d.ts +2 -0
- package/dist/esm/types/shared/models/components/common.model.d.ts +56 -25
- package/dist/index.d.ts +56 -21
- package/package.json +1 -1
@@ -0,0 +1,4 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import { FormGenButtonGroupMultiSelectProps } from "../../shared/models/components/common.model";
|
3
|
+
declare const ButtonGroupWithMultiSelectFormGen: React.FC<FormGenButtonGroupMultiSelectProps>;
|
4
|
+
export default ButtonGroupWithMultiSelectFormGen;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { FormGenButtonGroupMultiSelectProps } from '../../shared/models/components/common.model';
|
3
|
+
export default function ButtonGroupMultiSelectWithInputsFormGen({ id, options, onSelect, label, isAdditionalErrorInput, error, additionalErrorClasses, selected, inputObjects, orderBy, additionalClasses, secondaryComponentsVisible, viewMode, previousData, tooltip, }: FormGenButtonGroupMultiSelectProps): React.JSX.Element;
|
@@ -65,3 +65,5 @@ export { default as TodosV2 } from './SideBarListView/todosV2';
|
|
65
65
|
export { default as UrgentChallenges } from './SideBarListView/urgentChallenges';
|
66
66
|
export { default as SsnInput } from './SsnInput';
|
67
67
|
export { default as MultiSelectFormGen } from './MultiSelectFormGen';
|
68
|
+
export { default as ButtonGroupMultiSelectWithInputsFormGen } from './ButtonGroupWithInputsFormGen/ButtonGroupMultiSelectWithInputsFormGen';
|
69
|
+
export { default as ButtonGroupWithMultiSelectFormGen } from './ButtonGroupFormGen/ButtonGroupWithMultiSelectFormGen';
|
@@ -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;
|
@@ -259,13 +259,13 @@ export interface PhoneNumberInputProps {
|
|
259
259
|
* Ser Error message
|
260
260
|
*/
|
261
261
|
isBorderedError?: boolean;
|
262
|
-
labelType?:
|
262
|
+
labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
|
263
263
|
readOnly?: boolean;
|
264
264
|
type?: InputType;
|
265
265
|
/**
|
266
266
|
* Set new variant of the input
|
267
267
|
*/
|
268
|
-
inputVariant?:
|
268
|
+
inputVariant?: "default" | "large";
|
269
269
|
label?: string | undefined;
|
270
270
|
additionalErrorClasses?: string;
|
271
271
|
isAdditionalErrorInput?: boolean;
|
@@ -281,10 +281,10 @@ export interface SsnInputProps {
|
|
281
281
|
additionalClasses?: string | undefined;
|
282
282
|
error?: string;
|
283
283
|
isBorderedError?: boolean;
|
284
|
-
labelType?:
|
284
|
+
labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
|
285
285
|
readOnly?: boolean;
|
286
286
|
type?: string;
|
287
|
-
inputVariant?:
|
287
|
+
inputVariant?: "default" | "large";
|
288
288
|
label?: string | undefined;
|
289
289
|
additionalErrorClasses?: string;
|
290
290
|
isAdditionalErrorInput?: boolean;
|
@@ -365,7 +365,7 @@ export interface IMultiSelectProps {
|
|
365
365
|
value: IMultiSelectOption[];
|
366
366
|
};
|
367
367
|
name: string;
|
368
|
-
labelType?:
|
368
|
+
labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum" | "formLabel";
|
369
369
|
label?: string | undefined;
|
370
370
|
labelClasses?: string | undefined;
|
371
371
|
defaultText?: string | undefined;
|
@@ -476,7 +476,7 @@ export declare enum ClickedAction {
|
|
476
476
|
ADDUNREGISTERED = "ADDUNREGISTERED",
|
477
477
|
REMOVE = "REMOVE"
|
478
478
|
}
|
479
|
-
export type LableTypes =
|
479
|
+
export type LableTypes = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum";
|
480
480
|
interface InputObject {
|
481
481
|
id: number;
|
482
482
|
label?: string;
|
@@ -587,7 +587,7 @@ export declare enum BADGETYPE {
|
|
587
587
|
BUTTON = "button",
|
588
588
|
BORDEREDBLUE = "bordered-blue"
|
589
589
|
}
|
590
|
-
export type BadgeColorVariant =
|
590
|
+
export type BadgeColorVariant = "default" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink" | "error" | "success" | "warning" | "gray" | "darkGreen" | "darkBlue";
|
591
591
|
interface IBadgePropsBase extends AdditionalClassesProp {
|
592
592
|
/** Type of badge based on predefined styles. */
|
593
593
|
badgeType?: BADGETYPE;
|
@@ -680,7 +680,38 @@ export interface FormGenButtonGroupProps extends FormGenInputGroupProps {
|
|
680
680
|
};
|
681
681
|
tooltip?: string;
|
682
682
|
}
|
683
|
+
export interface FormGenButtonGroupMultiSelectProps extends FormGenInputGroupProps {
|
684
|
+
id?: string;
|
685
|
+
options: {
|
686
|
+
id: number;
|
687
|
+
value: string;
|
688
|
+
}[];
|
689
|
+
onSelect: (selectedOption: (selectedValue & {
|
690
|
+
value?: any[];
|
691
|
+
}) | any) => void;
|
692
|
+
label?: string;
|
693
|
+
error?: string;
|
694
|
+
isAdditionalErrorInput?: boolean;
|
695
|
+
additionalErrorClasses?: string;
|
696
|
+
selected?: Omit<selectedValue, 'answerPrevData'> & {
|
697
|
+
value?: any[];
|
698
|
+
answerPrevData?: {
|
699
|
+
lastEditedDate?: string;
|
700
|
+
answerLabel?: string[];
|
701
|
+
};
|
702
|
+
};
|
703
|
+
additionalClasses?: string;
|
704
|
+
onFileChange?: (file: File | null) => void;
|
705
|
+
secondaryComponentsVisible?: boolean;
|
706
|
+
viewMode?: boolean;
|
707
|
+
previousData?: {
|
708
|
+
answerLabel: string;
|
709
|
+
lastEditedDate?: string;
|
710
|
+
};
|
711
|
+
tooltip?: string;
|
712
|
+
}
|
683
713
|
export interface selectedValue {
|
714
|
+
id?: number;
|
684
715
|
value?: any;
|
685
716
|
additionalValues?: any;
|
686
717
|
valueRef?: any;
|
@@ -770,7 +801,7 @@ export interface SideBarListProps {
|
|
770
801
|
}
|
771
802
|
export interface PatientConsentProps {
|
772
803
|
consentDate?: string | Date | null;
|
773
|
-
consentStatus:
|
804
|
+
consentStatus: "NO CONSENT" | "CONSENT GIVEN";
|
774
805
|
consentBy?: string;
|
775
806
|
}
|
776
807
|
export interface UrgentDataProps {
|
@@ -793,7 +824,7 @@ export interface ListMasterDataProps {
|
|
793
824
|
limit?: number;
|
794
825
|
}
|
795
826
|
export interface challengesListProps {
|
796
|
-
urgency?:
|
827
|
+
urgency?: "Normal" | "Urgent";
|
797
828
|
challengeName?: string;
|
798
829
|
}
|
799
830
|
export interface TimelineEventProps {
|
@@ -921,7 +952,7 @@ export interface SignatureProps {
|
|
921
952
|
selected?: selectedValue;
|
922
953
|
onSelect: (signature: string) => void;
|
923
954
|
label?: string;
|
924
|
-
labelType?:
|
955
|
+
labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
|
925
956
|
}
|
926
957
|
export interface SolutionItem {
|
927
958
|
solution: ISolutionvalues;
|