dfh-ui-library 1.13.81 → 1.13.83
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 +57 -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 +57 -25
- package/dist/index.d.ts +57 -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;
|
@@ -398,6 +398,7 @@ export interface DropdownSearchProps {
|
|
398
398
|
onSelectedValuesChange?: (selectedValue: OptionProps) => void;
|
399
399
|
buttonProps?: BtnOptionDropdown[];
|
400
400
|
defaultValue?: string;
|
401
|
+
defaultValueCharLimit?: number;
|
401
402
|
additionalErrorClasses?: string;
|
402
403
|
error?: string;
|
403
404
|
additionalClasses?: string;
|
@@ -476,7 +477,7 @@ export declare enum ClickedAction {
|
|
476
477
|
ADDUNREGISTERED = "ADDUNREGISTERED",
|
477
478
|
REMOVE = "REMOVE"
|
478
479
|
}
|
479
|
-
export type LableTypes =
|
480
|
+
export type LableTypes = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum";
|
480
481
|
interface InputObject {
|
481
482
|
id: number;
|
482
483
|
label?: string;
|
@@ -587,7 +588,7 @@ export declare enum BADGETYPE {
|
|
587
588
|
BUTTON = "button",
|
588
589
|
BORDEREDBLUE = "bordered-blue"
|
589
590
|
}
|
590
|
-
export type BadgeColorVariant =
|
591
|
+
export type BadgeColorVariant = "default" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink" | "error" | "success" | "warning" | "gray" | "darkGreen" | "darkBlue";
|
591
592
|
interface IBadgePropsBase extends AdditionalClassesProp {
|
592
593
|
/** Type of badge based on predefined styles. */
|
593
594
|
badgeType?: BADGETYPE;
|
@@ -680,7 +681,38 @@ export interface FormGenButtonGroupProps extends FormGenInputGroupProps {
|
|
680
681
|
};
|
681
682
|
tooltip?: string;
|
682
683
|
}
|
684
|
+
export interface FormGenButtonGroupMultiSelectProps extends FormGenInputGroupProps {
|
685
|
+
id?: string;
|
686
|
+
options: {
|
687
|
+
id: number;
|
688
|
+
value: string;
|
689
|
+
}[];
|
690
|
+
onSelect: (selectedOption: (selectedValue & {
|
691
|
+
value?: any[];
|
692
|
+
}) | any) => void;
|
693
|
+
label?: string;
|
694
|
+
error?: string;
|
695
|
+
isAdditionalErrorInput?: boolean;
|
696
|
+
additionalErrorClasses?: string;
|
697
|
+
selected?: Omit<selectedValue, 'answerPrevData'> & {
|
698
|
+
value?: any[];
|
699
|
+
answerPrevData?: {
|
700
|
+
lastEditedDate?: string;
|
701
|
+
answerLabel?: string[];
|
702
|
+
};
|
703
|
+
};
|
704
|
+
additionalClasses?: string;
|
705
|
+
onFileChange?: (file: File | null) => void;
|
706
|
+
secondaryComponentsVisible?: boolean;
|
707
|
+
viewMode?: boolean;
|
708
|
+
previousData?: {
|
709
|
+
answerLabel: string;
|
710
|
+
lastEditedDate?: string;
|
711
|
+
};
|
712
|
+
tooltip?: string;
|
713
|
+
}
|
683
714
|
export interface selectedValue {
|
715
|
+
id?: number;
|
684
716
|
value?: any;
|
685
717
|
additionalValues?: any;
|
686
718
|
valueRef?: any;
|
@@ -770,7 +802,7 @@ export interface SideBarListProps {
|
|
770
802
|
}
|
771
803
|
export interface PatientConsentProps {
|
772
804
|
consentDate?: string | Date | null;
|
773
|
-
consentStatus:
|
805
|
+
consentStatus: "NO CONSENT" | "CONSENT GIVEN";
|
774
806
|
consentBy?: string;
|
775
807
|
}
|
776
808
|
export interface UrgentDataProps {
|
@@ -793,7 +825,7 @@ export interface ListMasterDataProps {
|
|
793
825
|
limit?: number;
|
794
826
|
}
|
795
827
|
export interface challengesListProps {
|
796
|
-
urgency?:
|
828
|
+
urgency?: "Normal" | "Urgent";
|
797
829
|
challengeName?: string;
|
798
830
|
}
|
799
831
|
export interface TimelineEventProps {
|
@@ -921,7 +953,7 @@ export interface SignatureProps {
|
|
921
953
|
selected?: selectedValue;
|
922
954
|
onSelect: (signature: string) => void;
|
923
955
|
label?: string;
|
924
|
-
labelType?:
|
956
|
+
labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
|
925
957
|
}
|
926
958
|
export interface SolutionItem {
|
927
959
|
solution: ISolutionvalues;
|