dfh-ui-library 1.13.29 → 1.13.30

package/dist/esm/types/shared/models/components/common.model.d.ts

@@ -0,0 +1,952 @@
+import { ReactNode } from 'react';
+import { selectType, VariantTypes } from './base.model';
+import { ColumnDef, OnChangeFn, PaginationState, SortingState } from '@tanstack/react-table';
+import { ITodoToggleRequestParams } from '../../../components/SideBarListView/todos';
+export type AlignmentType = 'center' | 'left' | 'right';
+export type IconColorTypes = 'white' | 'black-900' | 'gray-220' | 'gray-720' | 'inherit' | 'gray-300' | string;
+export type IconHoverColorTypes = 'white' | 'black-900' | 'gray-220' | 'inherit';
+export type IconType = 'Home' | 'Info' | 'Email' | 'RightArrow' | 'DropDown' | 'DropDownArrow' | 'WhiteArrow' | 'TrashIcon' | 'AddNewitemIcon' | 'OkIcon' | 'EditIcon' | 'Delete' | 'AddIcon' | 'RemoveTrashIcon' | 'RoundTickIcon' | 'ValidationWarningIcon' | 'WarningIcon' | 'NeturalIcon' | 'SuccessIcon' | string;
+export interface IChildrenProp {
+    /**
+     * Se the child node and element;
+     */
+    children?: React.ReactNode;
+}
+export interface IIconTypeProp {
+    /**
+     * Set icon type
+     */
+    iconType?: IconType;
+    /**
+     * Set the Icon Color
+     */
+    iconColor?: IconColorTypes;
+}
+export interface IAdditionalClassesProp {
+    /**
+     * Optional | Set the additional classes
+     */
+    additionalClasses?: string | undefined;
+}
+export interface IDataTestIdProp {
+    /**
+     * Set the id for unti testing
+     */
+    data_testid?: string;
+}
+export interface IOnClickEventProps {
+    onClick?: () => void;
+}
+export type InputType = 'text' | 'email' | 'password' | 'name' | 'date' | 'number';
+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';
+export type TyphoComponents = 'p' | 'span' | 'em' | 'div' | undefined;
+export type MessageTypes = 'warning' | 'success' | 'error' | 'disabled' | 'highlight' | 'nutral';
+export interface IInputValidationProps {
+    /**
+     * Set validation message
+     */
+    message?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+}
+export interface ISchema {
+    fieldId: number;
+    component: string;
+}
+export interface IDefaultComponent {
+    component: any;
+    type: string;
+}
+export interface IComponent {
+    id: string;
+    component: any;
+}
+export interface IconProps {
+    classes?: string;
+    onClick?: (e?: any) => void;
+    imageUrl?: string;
+    onFocus?: () => void;
+    color?: string;
+    w?: string;
+    h?: string;
+    isAddEditPatient?: boolean;
+}
+export interface AdditionalClassesProp {
+    /**
+     * Optional | Set the additional classes
+     */
+    additionalClasses?: string | undefined;
+}
+export type ClassNameType = string;
+export type ChildrenType = ReactNode;
+export interface IFormProps {
+    children?: ChildrenType;
+    buttonLabel?: string;
+    onSubmit?: any;
+    handleSubmit?: any;
+    register?: any;
+    className?: ClassNameType;
+    isButtonEnabled?: boolean;
+    formClasses?: string;
+    formContainerClasses?: string;
+}
+export interface FileNameProps {
+    name: string;
+    ext: string;
+}
+export interface AccountPopoverMenuItem {
+    label: string;
+    onClick: () => void;
+    isVisible: boolean;
+    isDisabled?: boolean;
+    additionalClasses?: string;
+}
+export interface TabNavigationProps extends AdditionalClassesProp {
+    navigationData: any[];
+    navItemClick?: (url?: string) => void;
+    userImage?: string;
+    username?: string;
+    themeColor?: string;
+    accountPopoverMenuItems?: AccountPopoverMenuItem[];
+}
+export interface TabNavItemProps {
+    isActive: boolean;
+    id?: number | string;
+    urlPath?: string;
+    navTitle?: string;
+    navClasses?: string;
+    icon?: string;
+    textClass?: string;
+}
+export interface MessageProps {
+    type: string;
+    text: string;
+    onClose?: () => void;
+    isVisible?: boolean;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    singleArrow?: boolean;
+    addtionalClasses?: string;
+}
+export interface BreadcrumbItem {
+    label: string;
+    link?: string;
+    navAction?: () => void;
+}
+export interface ImagePreviewProps {
+    imageUrl?: string;
+    w?: string;
+    h?: string;
+    text?: string;
+    isSmall?: boolean;
+    bgColor?: string;
+    textClasses?: string;
+    handleImageLoad?: () => void;
+    defaultImageUrl?: string;
+    isAddEditPatient?: boolean;
+    isLoading?: boolean;
+}
+export interface ImageInputProps {
+    imageUrl?: string;
+    isImage?: boolean;
+    type?: InputType;
+    name?: string;
+    /**
+     * Set new variant of the input
+     */
+    inputVariant?: 'default' | 'large';
+    /**
+     * Set Input name
+     */
+    id?: string;
+    /**
+     * Set Input name
+     */
+    labelName?: string;
+    /**
+     * Set the Label Type
+     */
+    labelType?: LableTypes;
+    /**
+     * Set Input label name
+     */
+    label?: string | undefined;
+    /**
+     * Ser Error message
+     */
+    error?: string;
+    /**
+     * Ser Error message
+     */
+    isBorderedError?: boolean;
+    /**
+     * Set Wrapper classes, new classes will overide the existing default classes
+     */
+    wrapperClass?: string | undefined;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    /**
+     * Enable read only
+     */
+    readonly?: boolean;
+    /**
+     * LabelClasses
+     */
+    labelClasses?: string | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    /**
+     * Set label only
+     */
+    onlyLabel?: boolean | undefined;
+    /**
+     * inner span Classes
+     */
+    labelSpanClasses?: string;
+    isAdditionalErrorInput?: boolean;
+    additionalErrorClasses?: string;
+    readOnly?: boolean;
+    value?: string;
+    isRequired?: boolean;
+}
+export interface CustomDatePickerProps {
+    selectedDate?: Date | null;
+    onChange?: (date: Date | null) => void;
+    onSelect?: (date: Date | null) => void;
+    label?: string;
+    isRequired?: boolean;
+    placeHolder?: string;
+    error?: string;
+    isAdditionalErrorInput?: boolean;
+    additionalErrorClasses?: string;
+    selected?: {
+        value?: Date | null;
+    } | null;
+    /**
+     * Ser Error message
+     */
+    isBorderedError?: boolean;
+    labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
+    additionalClasses?: string | undefined;
+    readOnly?: boolean;
+    type?: InputType;
+    height?: string;
+    /**
+     * Set new variant of the input
+     */
+    inputVariant?: 'default' | 'large' | 'form';
+    iconType?: string;
+    iconClasses?: string;
+    dateFormat?: string;
+    enableClear?: boolean;
+    maxDate?: Date;
+    minDate?: Date;
+    disabled?: boolean;
+    showMonthYearPicker?: boolean;
+}
+export interface PhoneNumberInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    additionalClasses?: string | undefined;
+    error?: string;
+    /**
+     * Ser Error message
+     */
+    isBorderedError?: boolean;
+    labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
+    readOnly?: boolean;
+    type?: InputType;
+    /**
+     * Set new variant of the input
+     */
+    inputVariant?: 'default' | 'large';
+    label?: string | undefined;
+    additionalErrorClasses?: string;
+    isAdditionalErrorInput?: boolean;
+    name?: string;
+    field?: any;
+    isRequired?: boolean;
+}
+export interface SsnInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    additionalClasses?: string | undefined;
+    error?: string;
+    isBorderedError?: boolean;
+    labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
+    readOnly?: boolean;
+    type?: string;
+    inputVariant?: 'default' | 'large';
+    label?: string | undefined;
+    additionalErrorClasses?: string;
+    isAdditionalErrorInput?: boolean;
+    name?: string;
+    field?: any;
+    isIconRight?: boolean;
+    iconClassRight?: string;
+    isRequired?: boolean;
+}
+export interface ModalProps {
+    children?: React.ReactNode;
+    isOpen?: boolean;
+    onClose?: any;
+    isLeftSpaceEnabled?: boolean;
+    modalAdditionalClasses?: string;
+}
+export interface DialogBoxProps {
+    title?: string;
+    content?: string;
+    isConfirmButtonEnabled?: boolean;
+    isCancelButtonEnabled?: boolean;
+    cancelBtnAdditionalClasses?: string;
+    confirmBtnAdditionalClasses?: string;
+    handleConfirmButton?: any;
+    handleCancelButton?: any;
+    handleOuterClick?: any;
+    textConfirmButton?: string;
+    textCancelButton?: string;
+    dialogBoxState?: boolean;
+    dialogBoxAdditionalClasses?: string;
+    isLeftSpaceEnabled?: boolean;
+}
+export interface CustomFileInputProps {
+    onFileChange: (file: File | null) => void;
+    isIconEnabled?: boolean;
+    iconAlignment?: string;
+    iconColor?: string;
+    iconType?: string;
+    iconClass?: string;
+    buttonClasses?: string;
+    buttonBgClass?: string;
+    textColor?: string;
+    lableBtn?: string;
+    setFileName?: (fileNameProps: FileNameProps) => void;
+    pclass?: string;
+    fileExt?: string;
+    fileType?: string;
+    isRequired?: boolean;
+}
+export interface ToolTipProps {
+    tooltipIcon?: string;
+    tooltipIconClasses?: string | undefined;
+    tooltipHeading?: string;
+    tooltipContent?: React.ReactNode;
+    tooltipClick?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    showTooltip?: boolean;
+    color?: string;
+}
+export interface DropdownMultiselectProps {
+    initValues?: string[];
+    options: string[];
+    label?: string;
+    labelType?: LableTypes;
+    enableToolTip?: boolean;
+    tooltipProps?: ToolTipProps;
+    onSelectedValuesChange: (selectedValues: string[]) => void;
+    isRequired?: boolean;
+}
+export interface IMultiSelectOption {
+    value: string;
+    displayName: string;
+    isSelected?: boolean;
+}
+export interface IMultiSelectProps {
+    selectType?: selectType;
+    options?: IMultiSelectOption[];
+    selected?: {
+        value: IMultiSelectOption[];
+    };
+    name: string;
+    labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum' | 'formLabel';
+    label?: string | undefined;
+    labelClasses?: string | undefined;
+    defaultText?: string | undefined;
+    error?: string;
+    wrapperClass?: string | undefined;
+    additionalClasses?: string | undefined;
+    onMultiSelect: (selectedValues: {
+        value: IMultiSelectOption[];
+    }) => void;
+}
+export interface OptionProps {
+    displayText: string;
+    iconText: string;
+    imageUrl?: string;
+    bgColor?: string;
+    clickedAction?: ClickedAction;
+    isChecked?: boolean;
+    id?: string;
+}
+export interface BtnOptionDropdown {
+    btnLabel: string;
+    btnAction: () => void;
+    variants?: VariantTypes;
+    btnType?: string;
+}
+export interface DropdownSearchProps {
+    options?: OptionProps[];
+    label?: string;
+    labelType?: LableTypes;
+    onSelectedValuesChange?: (selectedValue: OptionProps) => void;
+    buttonProps?: BtnOptionDropdown[];
+    defaultValue?: string;
+    additionalErrorClasses?: string;
+    error?: string;
+    additionalClasses?: string;
+    readOnly?: boolean;
+    isBorderedError?: boolean;
+    listHeader?: string;
+    selected?: string;
+    clearAction?: () => void;
+    isRequired?: boolean;
+}
+export interface DropdownVersionProps {
+    options?: OptionProps[];
+    label?: string;
+    labelType?: LableTypes;
+    onSelectedValuesChange?: (selectedValue: OptionProps) => void;
+    buttonProps?: BtnOptionDropdown[];
+    defaultValue?: string;
+    additionalErrorClasses?: string;
+    error?: string;
+    additionalClasses?: string;
+    readOnly?: boolean;
+    isBorderedError?: boolean;
+    listHeader?: string;
+    selected?: string;
+}
+export interface UserDropdownProps {
+    options?: OptionProps[];
+    label?: string;
+    labelType?: LableTypes;
+    onSelectedValuesChange?: (selectedValue: OptionProps) => void;
+    onSelectedMultiValuesChange?: (selectedValue: OptionProps[]) => void;
+    buttonProps?: BtnOptionDropdown[];
+    defaultValue?: string;
+    additionalErrorClasses?: string;
+    error?: string;
+    additionalClasses?: string;
+    readOnly?: boolean;
+    isBorderedError?: boolean;
+    selectedValues?: OptionProps[];
+    setSelectedValues?: any;
+    onClick?: () => void;
+    variants?: string;
+    isNoNBoarder?: boolean;
+    isLeft?: boolean;
+    disabled?: boolean;
+    edited?: boolean;
+    editedValue?: OptionProps;
+    disableApplyButton?: boolean;
+}
+export interface VersionDropDownProps {
+    options?: {
+        displayText: string;
+        value: string;
+    }[];
+    additionalClasses?: string;
+    onClick?: () => void;
+    selectedValues?: {
+        displayText: string;
+        value: string;
+    };
+    handleSelectedValuesChange?: (selectedValue: {
+        displayText: string;
+        value: string;
+    }) => void;
+    enableLabel?: boolean;
+    label?: string;
+    defaultText?: string;
+    bgClasses?: string;
+    hoverBgColor?: string;
+    isRequired?: boolean;
+}
+export declare enum ClickedAction {
+    NONE = "NONE",
+    ADDME = "ADDME",
+    ADDREGISTERED = "ADDREGISTERED",
+    ADDUNREGISTERED = "ADDUNREGISTERED",
+    REMOVE = "REMOVE"
+}
+export type LableTypes = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum';
+interface InputObject {
+    id: number;
+    label?: string;
+    name: string;
+    placeholder?: string;
+    value?: string;
+}
+export interface InputGroupProps {
+    inputObjects?: InputObject[];
+    orderBy?: string;
+}
+export interface ButtonGroupProps extends InputGroupProps {
+    options: {
+        id: number;
+        value: string;
+        disabled?: boolean;
+    }[];
+    optionsUser?: OptionProps[];
+    onSelect: (selectedOption: number) => void;
+    label?: string;
+    error?: string;
+    isAdditionalErrorInput?: boolean;
+    additionalErrorClasses?: string;
+    selected?: number;
+    additionalClasses?: string;
+    onFileChange?: (file: File | null) => void;
+    secondaryComponentsVisible?: boolean;
+    onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
+    buttonGroupCol?: string;
+    onValueChange?: (value: string) => void;
+    viewMode?: boolean;
+    buttonType?: string;
+    disabled?: boolean;
+    disableApplyButton?: boolean;
+}
+export interface ButtonGroupMultiProps extends InputGroupProps {
+    options: {
+        id: number;
+        value: string;
+    }[];
+    optionsUser?: OptionProps[];
+    onSelect: (selectedOption: number[]) => void;
+    label?: string;
+    error?: string;
+    isAdditionalErrorInput?: boolean;
+    additionalErrorClasses?: string;
+    selected?: number[];
+    additionalClasses?: string;
+    onFileChange?: (file: File | null) => void;
+    secondaryComponentsVisible?: boolean;
+    onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
+    buttonGroupCol?: string;
+    onValueChange?: (value: string) => void;
+    viewMode?: boolean;
+    buttonType?: string;
+}
+export interface ButtonGroupWithUploadProps extends InputGroupProps {
+    options: {
+        id: number;
+        value: string;
+    }[];
+    onSelect: (selectedOption: selectedValue) => void;
+    label?: string;
+    error?: string;
+    isAdditionalErrorInput?: boolean;
+    additionalErrorClasses?: string;
+    selected?: selectedValue;
+    additionalClasses?: string;
+    onFileChange?: (file: File | null) => void;
+    secondaryComponentsVisible?: boolean;
+    viewMode?: boolean;
+    previousData?: {
+        answerLabel: string;
+        lastEditedDate?: string;
+    };
+}
+export interface PaginationProps {
+    pageSize: number;
+    pageIndex: number;
+}
+export interface IToggleButtonProps extends AdditionalClassesProp {
+    /** Unique identifier for the button. */
+    value: string;
+    /** Content to be displayed inside the button. */
+    children: React.ReactNode;
+    /** Flag to indicate if the button is active. */
+    isActive?: boolean;
+    /** Background color for active state. */
+    activeBgColor?: string;
+    /** Default background color. */
+    bgColor?: string;
+    /** Click event handler with button value. */
+    onClick?: (value: string) => void;
+}
+export interface IToggleButtonGroupProps extends AdditionalClassesProp {
+    /** Child components, expected to be ToggleButtons. */
+    children: React.ReactNode;
+    /** Default value of the active button in the group. */
+    defaultValue?: string;
+    onClickTab?: (value: string) => void;
+}
+export declare enum BADGETYPE {
+    DEFAULT = "default",
+    LARGE = "large",
+    BORDERED = "bordered",
+    PILLS = "pills",
+    LINK = "link",
+    BUTTON = "button",
+    BORDEREDBLUE = "bordered-blue"
+}
+export type BadgeColorVariant = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'error' | 'success' | 'warning' | 'gray' | 'darkGreen' | 'darkBlue';
+interface IBadgePropsBase extends AdditionalClassesProp {
+    /** Type of badge based on predefined styles. */
+    badgeType?: BADGETYPE;
+    /** Content to be displayed inside the badge. */
+    children: React.ReactNode;
+}
+interface IBadgePropsWithColors extends IBadgePropsBase {
+    /** Custom text color for the badge. */
+    textColor: string;
+    /** Custom background color for the badge. */
+    backgroundColor: string;
+    /** Optional color variant, used when custom colors are not provided. */
+    colorVariant?: BadgeColorVariant;
+}
+interface IBadgePropsWithoutColors extends IBadgePropsBase {
+    /** Custom colors not allowed in this variant. */
+    textColor?: never;
+    backgroundColor?: never;
+    /** Mandatory color variant, used when custom colors are not provided. */
+    colorVariant: BadgeColorVariant;
+}
+export type IBadgeProps = IBadgePropsWithColors | IBadgePropsWithoutColors;
+export interface ISwitchProps extends AdditionalClassesProp {
+    /** flag for indicate if defalut need to be checked or not */
+    defaultChecked?: boolean;
+    /** flag for indicate if disabled or not */
+    disabled?: boolean;
+    /** label of the switch  */
+    label: string | React.ReactNode;
+    /** outline color when focused by user */
+    focusRignColor?: string;
+    /** background color when user checked the checkbox */
+    checkedBgColor?: string;
+    /** event for the switch onchange */
+    onChange?: (event: boolean) => void;
+    checked: boolean;
+}
+export interface IFilterProps {
+    onClear?: () => void;
+    onApply?: any;
+    children?: React.ReactNode;
+}
+export interface ProgressBarProps {
+    percentage: number;
+    classes?: string;
+}
+export interface StepperProps {
+    percentage: number;
+}
+export interface DynamicInputProps {
+    onDelete: () => void;
+    label?: string;
+    additionalClasses?: string;
+    isDelete?: boolean;
+    placeholder?: string;
+}
+export interface DynamicInputMultiProps {
+    onDelete: (index: number) => void;
+    label?: string;
+    additionalClasses?: string;
+    placeholder?: string;
+}
+export interface FormGenInputGroupProps {
+    inputObjects?: {
+        label?: string;
+        name: string;
+        placeholder?: string;
+    }[];
+    orderBy?: string;
+}
+export interface FormGenButtonGroupProps extends FormGenInputGroupProps {
+    id?: string;
+    options: {
+        id: number;
+        value: string;
+    }[];
+    onSelect: (selectedOption: selectedValue) => void;
+    label?: string;
+    error?: string;
+    isAdditionalErrorInput?: boolean;
+    additionalErrorClasses?: string;
+    selected?: selectedValue;
+    additionalClasses?: string;
+    onFileChange?: (file: File | null) => void;
+    secondaryComponentsVisible?: boolean;
+    viewMode?: boolean;
+    previousData?: {
+        answerLabel: string;
+        lastEditedDate?: string;
+    };
+    tooltip?: string;
+}
+export interface selectedValue {
+    value?: any;
+    additionalValues?: any;
+    valueRef?: any;
+    answerPrevData?: IAnswerPrevData;
+    updatedDate?: string;
+}
+export interface IAnswerPrevData {
+    answerLabel: string;
+    lastEditedDate: string;
+}
+export interface DyanamicDualInputProps {
+    inputObjects?: {
+        label?: string;
+        name?: string;
+        placeholder?: string;
+        id?: number;
+    }[];
+    label?: string;
+    additionalClasses?: string;
+    placeholder?: string;
+    inputValues?: DyanamicDualInputObject[];
+    handleAddInput?: () => void;
+    iconText?: string;
+    initObj?: any;
+    onSelect: (selectedOption: selectedValue) => void;
+    selected?: selectedValue;
+    viewMode?: boolean;
+    previousData?: {
+        answerLabel: string;
+        lastEditedDate?: string;
+    };
+}
+export interface DyanamicDualInputObject {
+    username?: string;
+    email?: string;
+    [key: string]: string | number | undefined;
+}
+export interface DyanamicDualInputBaseProps {
+    inputObjects?: {
+        label?: string;
+        name?: string;
+        placeholder?: string;
+        id?: number;
+    }[];
+    isDelete?: boolean;
+    onDelete: (index: number, inputObj: DyanamicDualInputObject | undefined) => void;
+    inputValues?: DyanamicDualInputObject;
+    handleChange: (inputObj: string, value: string, index: number) => void;
+    currentIndex: number;
+    viewMode?: boolean;
+    previousData?: {
+        answerLabel: string;
+        lastEditedDate?: string;
+    };
+}
+export interface ICardInfoProps {
+    text?: string;
+    additionalClasses?: string;
+    HeaderText?: string;
+}
+export interface TimelineProps {
+    timelines: TimelineEventProps[];
+    showAll?: boolean;
+    handleEditItem?: (items: NoteProps, serveyId?: string) => void;
+    viewNoteHistory?: (isShow: boolean, noteId: string, eventData?: any) => void;
+    navigationAction?: (solution?: ISolutionvalues, type?: string) => void;
+    type?: string[];
+    toggleTodoCheckbox?: (req: ITodoToggleRequestParams) => void;
+    isChallengeTimeline?: boolean;
+    handleCopyCurrentNote?: (note: NoteProps) => void;
+}
+export interface SideBarListProps {
+    filterLeftLabel?: string;
+    filterRightLabel?: string;
+    urgentDataList: UrgentDataProps[];
+    todoDataList?: UrgentDataProps[];
+    showAll?: () => void;
+    defaultFilterSelection?: string;
+    listMasterData?: ListMasterDataProps;
+    onClickTab?: (value: string) => void;
+    selectedTab?: string;
+    detailAction?: (value: string | undefined) => void;
+    handleNameClick?: (id?: string) => void;
+    handleChallengeHeaderClick?: (patientId?: string, challengeId?: string) => void;
+    toggleTodoCheckbox?: (req: ITodoToggleRequestParams) => void;
+}
+export interface PatientConsentProps {
+    consentDate?: string | Date | null;
+    consentStatus: 'NO CONSENT' | 'CONSENT GIVEN';
+    consentBy?: string;
+}
+export interface UrgentDataProps {
+    fullName?: string | undefined;
+    dob?: string | undefined;
+    imageSignedUrl?: string | undefined;
+    challenges: challengesListProps[];
+    notes: NoteChildrenProps[];
+    patientConsent: PatientConsentProps;
+    id?: string;
+}
+export interface NoteChildrenProps {
+    _id?: string;
+    note: NoteItemProps[];
+}
+export interface ListMasterDataProps {
+    title?: string;
+    actionText?: string;
+    actionTextReves?: string;
+    limit?: number;
+}
+export interface challengesListProps {
+    urgency?: 'Normal' | 'Urgent';
+    challengeName?: string;
+}
+export interface TimelineEventProps {
+    date?: string;
+    user?: string;
+    challenge?: string;
+    note?: NoteProps;
+    lastModified?: string;
+    showAll?: boolean;
+    handleEditItem?: (items: NoteProps, serveyId?: string, type?: string[]) => void;
+    viewNoteHistory?: (isShow: boolean, noteId: string, eventData?: NoteHistoryProps) => void;
+    isLocked?: boolean;
+    surveyId?: string;
+    type?: string[];
+    challengeResolved?: boolean;
+    solutions?: SolutionItem[];
+    createdUser?: string;
+    resolvedByUser?: string;
+    actionedUser?: string;
+    surveyDate?: string;
+    navigateAction?: (timeLineNavReq?: ISolutionvalues, type?: string) => void;
+    toggleTodoCheckbox?: (req: ITodoToggleRequestParams) => void;
+    isChallengeTimeline?: boolean;
+    handleCopyCurrentNote?: (note: NoteProps) => void;
+}
+export interface IVariant {
+    pdfMetaData?: PDFMeta;
+    referralData?: ReferralMeta;
+    solutionVariantName?: string;
+}
+export interface PDFMeta {
+    resourceLink?: string;
+}
+export interface ReferralMeta {
+    email: string;
+    phone: string;
+}
+export interface NoteProps {
+    note?: NoteItemProps[];
+    _id?: string;
+    date?: string;
+    actionedUser?: ActionedUser;
+    noteType?: string;
+    shouldUpdateLastContactDate?: boolean;
+}
+interface ActionedUser {
+    _id?: string;
+    fullName?: string;
+}
+export interface NoteHistoryProps {
+    editedBy?: string;
+    dateTime?: string;
+    notesHistory?: NoteHistoryDetails[];
+    type?: string;
+    challenge?: string;
+    solutions?: string | SolutionItem[];
+    challengeResolved?: boolean;
+}
+export interface NoteHistoryDetails {
+    actionedUser?: UserHistoryDetails;
+    date: string;
+    note: NoteItemProps[];
+}
+export interface UserHistoryDetails {
+    fullName: string;
+}
+export interface NoteOptionsProps {
+    text?: string;
+    checked?: boolean;
+}
+export interface NoteItemProps {
+    noteId?: string;
+    isChecked?: boolean;
+    text?: string | undefined;
+    enableCheckbox?: boolean;
+    additonalInfo?: any;
+    noteIndex?: number;
+}
+export interface NoteComponentProps {
+    onAdd?: (items: NoteProps, serveyId?: string) => void;
+    cancelAction?: () => void;
+    showNote?: boolean;
+    enableNoteButton?: boolean;
+    savedItems?: NoteProps | undefined;
+    buttonLabels?: {
+        cancel?: string;
+        save?: string;
+    };
+    enableCheckbox?: boolean;
+    enableEdit?: boolean;
+    setEnableEdit?: (value: boolean) => void;
+    toggleEvents?: {
+        setShowNote?: (value: boolean) => void;
+        lastModified?: string;
+        viewNoteHistory?: (value: boolean) => void;
+        toggleEdit?: (value: boolean) => void;
+    };
+    enableAddCheckbox?: boolean;
+    additionalClassesNote?: string;
+    additionalClassesButtons?: string;
+    additionalClassesTitlebar?: string;
+    minHeight?: string;
+    isChallengeNote?: boolean;
+    isAutoSave?: boolean;
+    isOptional?: boolean;
+    badgeLabel?: string;
+    stayOnSave?: boolean;
+    isSaving?: boolean;
+}
+export interface TabButtonProps {
+    onClickTab?: (value: string) => void;
+    options?: {
+        displayText: string;
+        value: string;
+    }[];
+    setSelectedValues?: (selectedValue: string) => void;
+    selectedValues?: string;
+    additionalClasses?: string;
+}
+export interface SignatureProps {
+    selected?: selectedValue;
+    onSelect: (signature: string) => void;
+    label?: string;
+    labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
+}
+export interface SolutionItem {
+    solution: ISolutionvalues;
+    _id?: string;
+    createdDate?: string;
+    note?: NoteProps;
+    variant?: IVariant;
+}
+export interface ISolutionvalues {
+    solutionName?: string;
+    challenge?: string;
+    solutionDescription?: string;
+    solutionType?: string;
+    _id?: string;
+    surveyDate?: string;
+    surveyId?: string;
+    variant?: IVariant;
+}
+export interface TableProps {
+    data: any[];
+    columns: ColumnDef<any>[];
+    sorting?: any;
+    onSortingChange?: OnChangeFn<SortingState> | undefined;
+    pagination?: PaginationProps;
+    onPaginationChange?: OnChangeFn<PaginationState> | undefined;
+    totalRecords?: number;
+    isManualPagination?: boolean;
+    isManualSorting?: boolean;
+    containerHeightRemoveInPixel?: number;
+    rowClick?: (row: any) => void;
+    setRowSelection?: any;
+    isLoading?: boolean;
+}
+export {};