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.
@@ -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;
@@ -476,7 +476,7 @@ export declare enum ClickedAction {
476
476
  ADDUNREGISTERED = "ADDUNREGISTERED",
477
477
  REMOVE = "REMOVE"
478
478
  }
479
- export type LableTypes = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum';
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 = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'error' | 'success' | 'warning' | 'gray' | 'darkGreen' | 'darkBlue';
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: 'NO CONSENT' | 'CONSENT GIVEN';
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?: 'Normal' | 'Urgent';
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?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
955
+ labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
925
956
  }
926
957
  export interface SolutionItem {
927
958
  solution: ISolutionvalues;