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.
@@ -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;
@@ -1,2 +1,3 @@
1
1
  export { default } from './ButtonGroupFormGen';
2
2
  export { default as ButtonGroupFormGenV2 } from './ButtonGroupFormGenV2';
3
+ export { default as ButtonGroupWithMultiSelectFormGen } from './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;
@@ -1,2 +1,3 @@
1
1
  export { default } from './ButtonGroupWithInputsFormGen';
2
2
  export { default as ButtonGroupWithInputsFormGenV2 } from './ButtonGroupWithInputsFormGenV2';
3
+ export { default as ButtonGroupMultiSelectWithInputsFormGen } from './ButtonGroupMultiSelectWithInputsFormGen';
@@ -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 '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
@@ -157,7 +157,7 @@ export interface ImageInputProps {
157
157
  /**
158
158
  * Set new variant of the input
159
159
  */
160
- inputVariant?: 'default' | 'large';
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?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
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?: 'default' | 'large' | 'form';
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?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
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?: 'default' | 'large';
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?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
284
+ labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
285
285
  readOnly?: boolean;
286
286
  type?: string;
287
- inputVariant?: 'default' | 'large';
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?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum' | 'formLabel';
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 = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum';
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 = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'error' | 'success' | 'warning' | 'gray' | 'darkGreen' | 'darkBlue';
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: 'NO CONSENT' | 'CONSENT GIVEN';
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?: 'Normal' | 'Urgent';
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?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
956
+ labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
925
957
  }
926
958
  export interface SolutionItem {
927
959
  solution: ISolutionvalues;