dfh-ui-library 1.13.27 → 1.13.29

package/dist/index.d.ts

@@ -1,1916 +0,0 @@
-import * as React$1 from 'react';
-import React__default, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, ReactNode, FC, HTMLProps } from 'react';
-import { ColumnDef, OnChangeFn, SortingState, PaginationState } from '@tanstack/react-table';
-export { ColumnDef, SortingState } from '@tanstack/react-table';
-
-interface ITodoToggleRequestParams {
-    noteId?: string;
-    actionedUser?: string;
-    patient?: string;
-    toggleOptions: {
-        noteIndex: number;
-        check: boolean;
-        toggledInUpdates?: boolean;
-    };
-}
-interface todosProps {
-    urgentDataList: UrgentDataProps[];
-    listMasterData?: ListMasterDataProps;
-    detailAction?: (rowId: string | undefined) => void;
-    handleNameClick?: (id?: string) => void;
-    toggleTodoCheckbox?: (req: ITodoToggleRequestParams) => void;
-}
-declare const Todos: React__default.FC<todosProps>;
-
-type AlignmentType = "center" | "left" | "right";
-type IconColorTypes = "white" | "black-900" | "gray-220" | "gray-720" | "inherit" | "gray-300" | string;
-type IconHoverColorTypes = "white" | "black-900" | "gray-220" | "inherit";
-type IconType = "Home" | "Info" | "Email" | "RightArrow" | "DropDown" | "DropDownArrow" | "WhiteArrow" | "TrashIcon" | "AddNewitemIcon" | "OkIcon" | "EditIcon" | "Delete" | "AddIcon" | "RemoveTrashIcon" | "RoundTickIcon" | "ValidationWarningIcon" | "WarningIcon" | "NeturalIcon" | "SuccessIcon" | string;
-interface IChildrenProp {
-    /**
-     * Se the child node and element;
-     */
-    children?: React.ReactNode;
-}
-interface IIconTypeProp {
-    /**
-     * Set icon type
-     */
-    iconType?: IconType;
-    /**
-     * Set the Icon Color
-     */
-    iconColor?: IconColorTypes;
-}
-interface IAdditionalClassesProp {
-    /**
-     * Optional | Set the additional classes
-     */
-    additionalClasses?: string | undefined;
-}
-interface IOnClickEventProps {
-    onClick?: () => void;
-}
-type InputType = "text" | "email" | "password" | "name" | "date" | "number";
-type TyphoTypes$1 = "h1" | "h1Bold" | "h1ExtraBold" | "h2" | "h2Bold" | "h2ExtraBold" | "h10" | "h10Bold" | "h10ExtraBold" | "h6" | "h6Bold" | "h6ExtraBold" | "header1" | "header2" | "label1" | "label2" | "p" | "authHeader" | "inforTextNormal" | "inforTextGray" | "linkTextNormal" | "linkTextMedium" | "textMediumGray" | "textSectionHeader";
-type TyphoComponents = "p" | "span" | "em" | "div" | undefined;
-interface IInputValidationProps {
-    /**
-     * Set validation message
-     */
-    message?: string | undefined;
-    /**
-     * Optional for additional classes
-     */
-    additionalClasses?: string | undefined;
-}
-interface ISchema {
-    fieldId: number;
-    component: string;
-}
-interface IComponent {
-    id: string;
-    component: any;
-}
-interface AdditionalClassesProp$1 {
-    /**
-     * Optional | Set the additional classes
-     */
-    additionalClasses?: string | undefined;
-}
-interface FileNameProps {
-    name: string;
-    ext: string;
-}
-interface AccountPopoverMenuItem {
-    label: string;
-    onClick: () => void;
-    isVisible: boolean;
-    isDisabled?: boolean;
-    additionalClasses?: string;
-}
-interface TabNavigationProps extends AdditionalClassesProp$1 {
-    navigationData: any[];
-    navItemClick?: (url?: string) => void;
-    userImage?: string;
-    username?: string;
-    themeColor?: string;
-    accountPopoverMenuItems?: AccountPopoverMenuItem[];
-}
-interface MessageProps {
-    type: string;
-    text: string;
-    onClose?: () => void;
-    isVisible?: boolean;
-}
-interface BreadcrumbProps {
-    items: BreadcrumbItem[];
-    singleArrow?: boolean;
-    addtionalClasses?: string;
-}
-interface BreadcrumbItem {
-    label: string;
-    link?: string;
-    navAction?: () => void;
-}
-interface ImagePreviewProps {
-    imageUrl?: string;
-    w?: string;
-    h?: string;
-    text?: string;
-    isSmall?: boolean;
-    bgColor?: string;
-    textClasses?: string;
-    handleImageLoad?: () => void;
-    defaultImageUrl?: string;
-    isAddEditPatient?: boolean;
-    isLoading?: boolean;
-}
-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;
-}
-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;
-}
-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;
-}
-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;
-}
-interface ModalProps {
-    children?: React.ReactNode;
-    isOpen?: boolean;
-    onClose?: any;
-    isLeftSpaceEnabled?: boolean;
-    modalAdditionalClasses?: string;
-}
-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;
-}
-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;
-}
-interface ToolTipProps {
-    tooltipIcon?: string;
-    tooltipIconClasses?: string | undefined;
-    tooltipHeading?: string;
-    tooltipContent?: React.ReactNode;
-    tooltipClick?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    showTooltip?: boolean;
-    color?: string;
-}
-interface DropdownMultiselectProps {
-    initValues?: string[];
-    options: string[];
-    label?: string;
-    labelType?: LableTypes;
-    enableToolTip?: boolean;
-    tooltipProps?: ToolTipProps;
-    onSelectedValuesChange: (selectedValues: string[]) => void;
-    isRequired?: boolean;
-}
-interface IMultiSelectOption {
-    value: string;
-    displayName: string;
-    isSelected?: boolean;
-}
-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;
-}
-interface OptionProps {
-    displayText: string;
-    iconText: string;
-    imageUrl?: string;
-    bgColor?: string;
-    clickedAction?: ClickedAction;
-    isChecked?: boolean;
-    id?: string;
-}
-interface BtnOptionDropdown {
-    btnLabel: string;
-    btnAction: () => void;
-    variants?: VariantTypes;
-    btnType?: string;
-}
-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;
-}
-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;
-}
-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;
-}
-declare enum ClickedAction {
-    NONE = "NONE",
-    ADDME = "ADDME",
-    ADDREGISTERED = "ADDREGISTERED",
-    ADDUNREGISTERED = "ADDUNREGISTERED",
-    REMOVE = "REMOVE"
-}
-type LableTypes = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum";
-interface InputObject {
-    id: number;
-    label?: string;
-    name: string;
-    placeholder?: string;
-    value?: string;
-}
-interface InputGroupProps {
-    inputObjects?: InputObject[];
-    orderBy?: string;
-}
-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;
-}
-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;
-}
-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;
-    };
-}
-interface PaginationProps {
-    pageSize: number;
-    pageIndex: number;
-}
-declare enum BADGETYPE {
-    DEFAULT = "default",
-    LARGE = "large",
-    BORDERED = "bordered",
-    PILLS = "pills",
-    LINK = "link",
-    BUTTON = "button",
-    BORDEREDBLUE = "bordered-blue"
-}
-type BadgeColorVariant = "default" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink" | "error" | "success" | "warning" | "gray" | "darkGreen" | "darkBlue";
-interface IBadgePropsBase extends AdditionalClassesProp$1 {
-    /** 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;
-}
-type IBadgeProps = IBadgePropsWithColors | IBadgePropsWithoutColors;
-interface ProgressBarProps {
-    percentage: number;
-    classes?: string;
-}
-interface StepperProps {
-    percentage: number;
-}
-interface FormGenInputGroupProps {
-    inputObjects?: {
-        label?: string;
-        name: string;
-        placeholder?: string;
-    }[];
-    orderBy?: string;
-}
-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;
-}
-interface selectedValue {
-    value?: any;
-    additionalValues?: any;
-    valueRef?: any;
-    answerPrevData?: IAnswerPrevData;
-    updatedDate?: string;
-}
-interface IAnswerPrevData {
-    answerLabel: string;
-    lastEditedDate: string;
-}
-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;
-    };
-}
-interface DyanamicDualInputObject {
-    username?: string;
-    email?: string;
-    [key: string]: string | number | undefined;
-}
-interface ICardInfoProps {
-    text?: string;
-    additionalClasses?: string;
-    HeaderText?: string;
-}
-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;
-}
-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;
-}
-interface PatientConsentProps {
-    consentDate?: string | Date | null;
-    consentStatus: "NO CONSENT" | "CONSENT GIVEN";
-    consentBy?: string;
-}
-interface UrgentDataProps {
-    fullName?: string | undefined;
-    dob?: string | undefined;
-    imageSignedUrl?: string | undefined;
-    challenges: challengesListProps[];
-    notes: NoteChildrenProps[];
-    patientConsent: PatientConsentProps;
-    id?: string;
-}
-interface NoteChildrenProps {
-    _id?: string;
-    note: NoteItemProps[];
-}
-interface ListMasterDataProps {
-    title?: string;
-    actionText?: string;
-    actionTextReves?: string;
-    limit?: number;
-}
-interface challengesListProps {
-    urgency?: "Normal" | "Urgent";
-    challengeName?: string;
-}
-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;
-}
-interface IVariant {
-    pdfMetaData?: PDFMeta;
-    referralData?: ReferralMeta;
-    solutionVariantName?: string;
-}
-interface PDFMeta {
-    resourceLink?: string;
-}
-interface ReferralMeta {
-    email: string;
-    phone: string;
-}
-interface NoteProps {
-    note?: NoteItemProps[];
-    _id?: string;
-    date?: string;
-    actionedUser?: ActionedUser;
-    noteType?: string;
-    shouldUpdateLastContactDate?: boolean;
-}
-interface ActionedUser {
-    _id?: string;
-    fullName?: string;
-}
-interface NoteHistoryProps {
-    editedBy?: string;
-    dateTime?: string;
-    notesHistory?: NoteHistoryDetails[];
-    type?: string;
-    challenge?: string;
-    solutions?: string | SolutionItem[];
-    challengeResolved?: boolean;
-}
-interface NoteHistoryDetails {
-    actionedUser?: UserHistoryDetails;
-    date: string;
-    note: NoteItemProps[];
-}
-interface UserHistoryDetails {
-    fullName: string;
-}
-interface NoteItemProps {
-    noteId?: string;
-    isChecked?: boolean;
-    text?: string | undefined;
-    enableCheckbox?: boolean;
-    additonalInfo?: any;
-    noteIndex?: number;
-}
-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;
-}
-interface TabButtonProps {
-    onClickTab?: (value: string) => void;
-    options?: {
-        displayText: string;
-        value: string;
-    }[];
-    setSelectedValues?: (selectedValue: string) => void;
-    selectedValues?: string;
-    additionalClasses?: string;
-}
-interface SignatureProps {
-    selected?: selectedValue;
-    onSelect: (signature: string) => void;
-    label?: string;
-    labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
-}
-interface SolutionItem {
-    solution: ISolutionvalues;
-    _id?: string;
-    createdDate?: string;
-    note?: NoteProps;
-    variant?: IVariant;
-}
-interface ISolutionvalues {
-    solutionName?: string;
-    challenge?: string;
-    solutionDescription?: string;
-    solutionType?: string;
-    _id?: string;
-    surveyDate?: string;
-    surveyId?: string;
-    variant?: IVariant;
-}
-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;
-}
-
-type VariantTypes = 'large' | 'small' | 'extraSmall' | 'largeOutlined' | 'smallOutlined' | 'extraSmallOutlined' | 'default' | 'defaultOutlined' | 'primaryBlue' | 'primaryWhite' | 'primaryWhiteSelected' | 'primaryWhiteNoBoader' | 'primaryWhiteIcon' | 'primaryRed' | 'primaryFilterSelected' | 'primaryBlueFilter' | 'smallWhite' | 'smallWhiteSelected' | 'smallBlue' | 'primaryNoBoader' | 'primaryBlue10' | 'noBoaderbgTransparent' | undefined;
-interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
-    /**
-     * Set the button type
-     */
-    type?: 'submit' | 'button';
-    /**
-     * Button Variants
-     */
-    variants?: VariantTypes;
-    /**
-     * Set the button disable state
-     */
-    isDisabled?: boolean;
-    /**
-     * Set the button Label
-     */
-    buttonLabel?: string | number;
-    /**
-     * Set the icon visibility
-     */
-    isIconEnabled?: boolean;
-    /**
-     * Set the icon Alignment
-     */
-    iconAlignment?: AlignmentType;
-    /**
-     * Set icon classes
-     */
-    iconClass?: string;
-    enableBagage?: boolean;
-    bagageProps?: BagageProps;
-    width?: string;
-    isLoading?: boolean;
-}
-interface BagageProps {
-    text?: string;
-    bgColor?: string;
-}
-interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp {
-    /**
-     * Set element type
-     */
-    type?: TyphoTypes$1;
-    /**
-     * Set element node of the content wrapper
-     */
-    component?: TyphoComponents;
-    /**
-     * Set font-color of the content
-     */
-    color?: string;
-    onClick?: () => void;
-    disabled?: boolean;
-}
-interface ITyphographyFormGenProps extends IChildrenProp, IAdditionalClassesProp {
-    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    componentType?: 'p' | undefined;
-    color?: string;
-    onClick?: () => void;
-    disabled?: boolean;
-    text?: string;
-}
-interface IIconProps extends IAdditionalClassesProp, IIconTypeProp {
-    /**
-     * Optional | Set Icon Text
-     */
-    iconText?: string;
-    /**
-     * Optional | Set Icon hover color
-     */
-    iconHoverColor?: IconHoverColorTypes;
-    /**
-     * Optional | Set Icon container classes
-     */
-    iconContainerClasses?: string | undefined;
-    /**
-     * Optional | Set Icon Text classes
-     */
-    iconTextClasses?: string | undefined;
-    onClick?: any;
-    iconDefaultClasses?: string;
-    imageUrl?: string;
-    onFocus?: any;
-    onMouseOver?: any;
-    onMouseOut?: any;
-    color?: string;
-    isAddEditPatient?: boolean;
-}
-interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Set Input type
-     */
-    type?: InputType;
-    /**
-     * Set new variant of the input
-     */
-    inputVariant?: 'default' | 'large' | 'dynamic' | 'uploadinput' | 'small' | 'noborder';
-    /**
-     * Set Input name
-     */
-    id?: string;
-    /**
-     * Set Input name
-     */
-    labelName?: string;
-    isCrossIcon?: boolean;
-    isCrossIconHandler?: () => void;
-    /**
-     * 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__default.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    /**
-     * Set label only
-     */
-    onlyLabel?: boolean | undefined;
-    /**
-     * inner span Classes
-     */
-    labelSpanClasses?: string;
-    /**
-     * add additional InputValidation Classes
-     */
-    additionalErrorClasses?: string;
-    isAdditionalErrorInput?: boolean;
-    fullError?: boolean;
-    isIconLeft?: boolean;
-    isIconRight?: boolean;
-    leftIcon?: string;
-    rightIcon?: string;
-    iconClass?: string;
-    isIcon?: boolean;
-    icon?: string;
-    iconClassRight?: string;
-    iconClassLeft?: string;
-    iconOnClick?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    enableToolTip?: boolean;
-    tooltipProps?: ToolTipProps;
-    suffixed?: string;
-    labelLeftAction?: () => void;
-    labelLeftText?: string;
-    viewMode?: boolean;
-    ref?: any;
-    inputFocus?: any;
-    refProps?: any;
-    isRequired?: boolean;
-}
-interface ICheckboxProps extends AdditionalClassesProp {
-    onChange?: (checked: boolean) => void;
-    checked?: boolean;
-    id?: any;
-    label?: string | React__default.ReactNode;
-}
-type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
-interface ILabelProps {
-    /**
-     * Set the Label Type
-     */
-    labelType?: LABELTYPE;
-    /**
-     * Label name
-     */
-    name: string | undefined;
-    /**
-     * Label contents
-     */
-    label?: string | undefined;
-    /**
-     * Add children
-     */
-    children?: React__default.ReactNode;
-    /**
-     * Optional for additional classes
-     */
-    additionalClasses?: string | undefined;
-    /**
-     * inner span Classes
-     */
-    labelSpanClasses?: string;
-    secondaryText?: string;
-    isRequired?: boolean;
-}
-interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Set Input name
-     */
-    name?: string;
-    /**
-     * Set Input label name
-     */
-    label?: string | undefined;
-    /**
-     * Optional for additional classes
-     */
-    additionalClasses?: string | undefined;
-    id?: any;
-    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-    isDeafult?: boolean;
-}
-interface IOption {
-    value: string;
-    displayName: string;
-}
-type selectType = 'small' | 'medium' | 'regular';
-interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-    /**
-     * Type
-     */
-    selectType?: selectType;
-    /**
-     * Set Input type
-     */
-    options?: IOption[];
-    /**
-     * Set Input name
-     */
-    name: string;
-    /**
-     * Set Label type
-     */
-    labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
-    /**
-     * Set Input label name
-     */
-    label?: string | undefined;
-    /**
-     * LabelClasses
-     */
-    labelClasses?: string;
-    /**
-     * Default text for placeholder
-     */
-    defaultText?: string | undefined;
-    /**
-     * Ser Error message
-     */
-    error?: string;
-    /**
-     * Set Wrapper classes, new classes will overide the existing default classes
-     */
-    wrapperClass?: string | undefined;
-    /**
-     * Optional for additional classes
-     */
-    additionalClasses?: string | undefined;
-    updateInputValue?: (e: React__default.ChangeEvent<HTMLSelectElement>) => void;
-    defaultValue?: string;
-    iconClasses?: string;
-    isIcon?: boolean;
-    secondaryText?: string;
-    isRequired?: boolean;
-}
-interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /**
-     * Set Input type
-     */
-    type?: InputType;
-    /**
-     * Set Input name
-     */
-    name: string;
-    /**
-     * Set the Label Type
-     */
-    labelType?: 'default' | 'black' | 'smallSelect';
-    /**
-     * Set Input label name
-     */
-    label?: string | undefined;
-    /**
-     * Ser Error message
-     */
-    error?: string;
-    /**
-     * 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;
-    /**
-     * Set label only
-     */
-    onlyLabel?: boolean;
-    row?: number;
-    inputFocus?: any;
-    refProps?: any;
-    reSize?: string;
-    textClass?: string;
-    maxLength?: number;
-    isEnableTextCount?: boolean;
-    value?: string | undefined;
-    setValue?: (value: string) => void;
-    isRequired?: boolean;
-}
-interface ICardProps {
-    /**
-     * Set button type
-     */
-    cardType?: 'lightGray' | 'lightGrayHalf' | 'gray' | 'white' | 'black' | 'whiteBorder' | 'bgLightBlue';
-    /**
-     * Optional for additional classes
-     */
-    additionalClasses?: string | undefined;
-    /**
-     * Nested child elements and contents
-     */
-    children?: React__default.ReactNode;
-    onClick?: () => void;
-}
-interface AdditionalClassesProp {
-    /**
-     * Optional | Set the additional classes
-     */
-    additionalClasses?: string | undefined;
-}
-interface DataTestIdProp {
-    /**
-     * Set the id for unti testing
-     */
-    data_testid?: string;
-}
-interface LogoProps extends DataTestIdProp, AdditionalClassesProp {
-    iconType?: string;
-}
-interface TooltipProps {
-    /**
-     * Tooltip content
-     */
-    tooltipHeading?: string;
-    /**
-     * Tooltip Icon
-     */
-    tooltipIcon?: IconType;
-    /**
-     * Tooltip Icon classes
-     */
-    tooltipIconClasses?: string;
-    /**
-     * Tooltip text
-     */
-    tooltipContent?: React__default.ReactNode;
-    /**
-     * Tooltip Sub Content
-     */
-    tooltipSubContent?: string;
-    /**
-     * Tooltip container classes
-     */
-    tooltipContaineClasses?: string;
-    /**
-     * Tooltip additional classes
-     */
-    additionalClasses?: string;
-    /**
-     * Set Tooltip content classes
-     */
-    tooltipContentHighlighted?: boolean;
-    tooltipClick?: (e: React__default.ChangeEvent<HTMLSelectElement>) => void;
-    onMouseOver?: (e: React__default.ChangeEvent<HTMLSelectElement>) => void;
-    onMouseOut?: (e: React__default.ChangeEvent<HTMLSelectElement>) => void;
-    showTooltip?: boolean;
-    fromBottom?: boolean;
-    children?: ReactNode;
-}
-interface ITabProps extends AdditionalClassesProp {
-    /** Tab button label text. */
-    label: string;
-    /** Unique identifier for the tab. */
-    value: string;
-    /** Count value for the tab. */
-    count?: string | null;
-    /** Active tab identifier (optional). */
-    activeTab?: string;
-    /** Callback on tab click (optional). */
-    handleClick?: (value: string) => void;
-}
-interface ITabListProps extends AdditionalClassesProp {
-    /** Children components, typically Tab components. */
-    children: React__default.ReactNode;
-    /** Value of the active tab. */
-    value: string;
-    /** Callback on tab click. */
-    handleClick: (value: string) => void;
-}
-interface ITabPanelProps extends AdditionalClassesProp {
-    /** Content displayed within the panel. */
-    children: React__default.ReactNode;
-    /** Value of the active tab for display logic. */
-    value: string;
-    /** Identifier for the tab panel. */
-    index: string;
-    isCenter?: boolean;
-}
-interface IPanelCardProps extends AdditionalClassesProp {
-    /** Header title displayed on header area of the card. */
-    headerTitle: string;
-    /** Controllers displayed on header area of the card. */
-    controllers?: React__default.ReactNode;
-    /** Content displayed within the panel. */
-    content?: any;
-    /** Classes for the panel content. */
-    contentClasses?: string | undefined;
-    wrapperClass?: string | undefined;
-    completedDateTime?: string;
-    enableBack?: boolean;
-    backButtonClick?: () => void;
-    isLoading?: boolean;
-    onClick?: () => void;
-    loadingContent?: any;
-}
-declare enum BorderType {
-    Dotted = "border-dotted",
-    Dashed = "border-dashed",
-    CustomDashed = "custom-dashed-border",
-    Solid = "border-solid",
-    Double = "border-double",
-    Groove = "border-groove",
-    Ridge = "border-ridge",
-    Inset = "border-inset",
-    Outset = "border-outset",
-    WideDash = "dotted-spaced-bottom",
-    None = "border-none"
-}
-interface IListRowProps extends AdditionalClassesProp {
-    /** Header title displayed on list row. */
-    title: string | React__default.ReactNode;
-    /** Sub title displayed on list row. */
-    subTitle?: string | React__default.ReactNode;
-    /** labels on list row. */
-    labels?: string[];
-    /** Controllers displayed on right side of list row. */
-    controllers: React__default.ReactNode | any;
-    /** List Row button border type */
-    bottomBorderType?: BorderType;
-    bottomContent?: React__default.ReactNode;
-    onFocus?: () => void;
-    onClick?: () => void;
-}
-
-declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, isLoading }: IButtonProps) => React__default.JSX.Element;
-
-/**
- * Primary UI component
- */
-declare const Typhography: ({ type, component, color, additionalClasses, children, onClick, disabled, ...rest }: ITyphographyProps) => React__default.JSX.Element;
-
-declare const TyphographyFormGen: React__default.FC<ITyphographyFormGenProps>;
-
-declare const Checkbox: React__default.FC<ICheckboxProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const InputValidation: React__default.FC<IInputValidationProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const Input: FC<IHookFormsInputProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const Label: React__default.FC<ILabelProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const Select: React__default.FC<ISelectProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const RadioButton: React__default.FC<IRadioProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const Textarea: React__default.FC<IInputProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const IconInput: FC<IHookFormsInputProps>;
-
-declare const ImageInput: React__default.FC<ImageInputProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const Card: React__default.FC<ICardProps>;
-
-interface IComponentProps {
-    schema: ISchema[];
-    children: ReactNode;
-    setComponents: (data: IComponent[]) => void;
-}
-declare function DFHFormProvider({ schema, children, setComponents }: IComponentProps): React__default.JSX.Element;
-
-/**
- * Primary UI component for user interaction
- *
- * Use SVG for Logo
- */
-declare const Logo: React__default.FC<LogoProps>;
-
-declare const LoadingSpinner: React__default.FC<AdditionalClassesProp$1>;
-
-declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems }: TabNavigationProps) => React__default.JSX.Element;
-
-declare const Message: ({ type, text, onClose }: MessageProps) => React__default.JSX.Element | undefined;
-
-declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
-
-declare const ImagePreview: React__default.FC<ImagePreviewProps>;
-
-declare const CustomDatePicker: React__default.FC<CustomDatePickerProps>;
-
-declare const InputDatePicker: React__default.FC<CustomDatePickerProps>;
-
-interface RowProps {
-    children: React__default.ReactNode;
-    additionalClasses?: string;
-}
-declare const Row: React__default.FC<RowProps>;
-
-declare const PhoneNumberInput: React__default.FC<PhoneNumberInputProps>;
-
-declare const PhoneNumberInput2: React__default.FC<PhoneNumberInputProps>;
-
-declare const PhoneNumberInput3: <T extends PhoneNumberInputProps>({ value, onChange, placeholder, additionalClasses, labelType, isBorderedError, inputVariant, error, type, readOnly, label, name, isAdditionalErrorInput, additionalErrorClasses, field, isRequired, ...props }: T) => React__default.JSX.Element;
-
-/**
- * Primary UI component for Tooltip
- */
-declare const Tooltip: React__default.FC<TooltipProps>;
-
-interface ExtendedTooltipProps extends TooltipProps {
-    fromRightToLeft?: boolean;
-    selectTooltipContent?: boolean;
-}
-declare const TooltipWithChildren: React__default.FC<ExtendedTooltipProps>;
-
-declare const DialogBox: React__default.FC<DialogBoxProps>;
-
-declare const Modal: React__default.FC<ModalProps>;
-
-declare const CustomFileInput: React__default.FC<CustomFileInputProps>;
-
-interface HeadingProps {
-    /**
-     * Choose heading type
-     */
-    type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-    /**
-     * Use to decide the color
-     */
-    colorType?: "white" | "dark" | "gray" | undefined;
-    /**
-     * Heading contents
-     */
-    label?: string;
-    /**
-     * Optional for additional classes
-     */
-    additionalClasses?: string | undefined;
-}
-/**
- * Primary UI component for user interaction
- */
-declare const Heading: React__default.FC<HeadingProps>;
-
-declare const TagSelect: React__default.FC<DropdownMultiselectProps>;
-
-declare const SearchDropdownWithButton: React__default.FC<DropdownSearchProps>;
-
-declare const ButtonGroup: React__default.FC<ButtonGroupProps>;
-
-/**
- * Primary UI component for user interaction
- *
- * Used SVG for Icons, All icons are exported in the following file path
- *
- * File Path : "src/components/core/Media/Icons/Icons.tsx"
- */
-declare const Icon: React__default.FC<IIconProps>;
-
-declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, //  true for server-side pagination
-isManualSorting, rowClick, containerHeightRemoveInPixel, setRowSelection, isLoading, }: TableProps, key?: any): React__default.JSX.Element;
-
-declare function IndeterminateCheckbox({ indeterminate, rowId, className, ...rest }: {
-    indeterminate?: boolean;
-    rowId?: any;
-} & HTMLProps<HTMLInputElement>): React__default.JSX.Element;
-
-declare const Tab: React__default.FC<ITabProps>;
-
-declare const TabList: React__default.FC<ITabListProps>;
-
-declare const TabPanel: React__default.FC<ITabPanelProps>;
-
-declare const PanelCard: React__default.FC<IPanelCardProps>;
-
-declare const ProgressBar: React__default.FC<ProgressBarProps>;
-
-declare const Stepper: React__default.FC<StepperProps>;
-
-/**
- * Primary UI component for user interaction
- */
-declare const InfoCard: React__default.FC<ICardInfoProps>;
-
-declare const InputsGroup: React__default.FC<InputGroupProps>;
-
-declare const ButtonGroupWithInputs: React__default.FC<ButtonGroupProps>;
-
-declare const ButtonGroupWithUpload: React__default.FC<ButtonGroupWithUploadProps>;
-
-declare const ButtonGroupFormGen: React__default.FC<FormGenButtonGroupProps>;
-
-declare const ButtonGroupWithInputsFormGen: React__default.FC<FormGenButtonGroupProps>;
-
-declare const DynamicDualInputTextGroupFormGen: React__default.FC<DyanamicDualInputProps>;
-
-declare const FilterButtonGroup: React__default.FC<ButtonGroupProps>;
-
-declare const SelectUserWithButton: React__default.FC<UserDropdownProps>;
-
-declare const Timeline: React__default.FC<TimelineProps>;
-
-declare const HistoryDetails: React__default.FC<NoteHistoryProps>;
-
-declare const NoteEditor: React__default.FC<NoteComponentProps>;
-
-declare const VersionDateDropdown: React__default.FC<VersionDropDownProps>;
-
-declare const SortDropdown: React__default.FC<VersionDropDownProps>;
-
-declare const PreviousDataBadge: React__default.FC<{
-    answerLabel: string;
-    lastEditedDate?: string;
-}>;
-
-declare const ListRow: React__default.FC<IListRowProps>;
-
-type TyphoTypes = "p" | "span" | "strong" | "em" | "div" | undefined;
-type TyphoColorTypes = "white" | "gray" | "grey540" | "gray720" | "black" | "black650" | "blue" | "inherit" | string;
-type TyphoFontSizeTypes = "h1" | "14s" | "8s" | "9s" | "10s" | "11s" | "12s" | "16s" | "17s" | "18s" | "20s" | "21s" | "24s" | "25s" | "26s" | "32s" | "42s" | "48s" | "54s" | "80s" | undefined;
-type TyhoFontWeightTypes = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
-type TyphoTextDecorationTypes = string;
-interface ITyphoProps {
-    title?: string;
-    /**
-     * Set element node of the content wrapper
-     */
-    type?: TyphoTypes;
-    /**
-     * Set font-color of the content
-     */
-    color?: TyphoColorTypes;
-    /**
-     * Set font-size of the content
-     */
-    size?: TyphoFontSizeTypes;
-    /**
-     * Set font-weight of the content
-     */
-    weight?: TyhoFontWeightTypes;
-    /**
-     * Set font-decoration of the content
-     */
-    decoration?: TyphoTextDecorationTypes;
-    /**
-     * Optional for additional classes
-     */
-    additionalClasses?: string | undefined;
-    /**
-     * Set content and child nodes
-     */
-    children?: React__default.ReactNode;
-    onFocus?: () => void;
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-declare const Typho: React__default.FC<ITyphoProps>;
-
-declare const Spinner: React__default.FC;
-
-declare const Badge: React__default.FC<IBadgeProps>;
-
-declare const RegularDropdown: React__default.FC<VersionDropDownProps>;
-
-declare const SideBarListView: React__default.FC<SideBarListProps>;
-
-declare const TabButton: React__default.FC<TabButtonProps>;
-
-declare const Signature: React__default.FC<SignatureProps>;
-
-declare const ButtonGroupMultiSelect: React__default.FC<ButtonGroupMultiProps>;
-
-interface CheckboxProps {
-    id?: string;
-    checked?: boolean;
-    onChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    addtionalClasses?: string;
-    noteId?: string;
-    noteIndex?: number;
-}
-declare const CheckBoxComponent: React__default.FC<CheckboxProps>;
-
-interface UrgentChallengeProps {
-    urgentDataList: UrgentDataProps[];
-    listMasterData?: ListMasterDataProps;
-    handleNameClick?: (id?: string) => void;
-    handleChallengeHeaderClick?: (patientId?: string, challengeId?: string) => void;
-}
-declare const UrgentChallenges: React__default.FC<UrgentChallengeProps>;
-
-declare const SsnInput: React__default.FC<SsnInputProps>;
-
-declare const MultiSelectFormGen: React__default.FC<IMultiSelectProps>;
-
-interface UseSchemaProcessorProps {
-    schema: ISchema[];
-    externalSetComponents: (data: IComponent[]) => void;
-}
-declare const useSchemaProcessor: ({ schema, externalSetComponents, }: UseSchemaProcessorProps) => {
-    componentsRtn: IComponent[] | undefined;
-};
-
-declare function usePagination(pageS?: number, pageI?: number): {
-    limit: number;
-    onPaginationChange: React$1.Dispatch<React$1.SetStateAction<{
-        pageSize: number;
-        pageIndex: number;
-    }>>;
-    pagination: {
-        pageSize: number;
-        pageIndex: number;
-    };
-    skip: number;
-};
-
-declare function useSorting(initialField?: string, initialOrder?: string): {
-    sorting: {
-        id: string;
-        desc: boolean;
-    }[];
-    onSortingChange: React$1.Dispatch<React$1.SetStateAction<{
-        id: string;
-        desc: boolean;
-    }[]>>;
-    order: string;
-    field: string;
-};
-
-declare const themeConfigs: {
-    purge: string[];
-    important: boolean;
-    theme: {
-        fontFamily: {
-            sans: string[];
-        };
-        fontWeight: {
-            thin: number;
-            extralight: number;
-            light: number;
-            normal: number;
-            medium: number;
-            semibold: number;
-            bold: number;
-            extrabold: number;
-            black: number;
-        };
-        extend: {
-            animation: {
-                "spin-slow": string;
-            };
-            transitionDelay: {
-                "150": string;
-            };
-            screens: {
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                "2xl": string;
-            };
-            borderColor: {
-                tcustomerror: string;
-            };
-            colors: {
-                transparent: string;
-                current: string;
-                "sky-light-blue": string;
-                btn: {
-                    black: string;
-                    disable: string;
-                    main: string;
-                    lightBlue: string;
-                    pinkRead: string;
-                };
-                dfhblue: {
-                    600: string;
-                };
-                primary: {
-                    500: string;
-                    400: string;
-                    300: string;
-                    200: string;
-                    100: string;
-                    75: string;
-                    50: string;
-                };
-                secondary: {
-                    500: string;
-                    400: string;
-                    300: string;
-                    200: string;
-                    100: string;
-                    75: string;
-                    50: string;
-                };
-                grey: {
-                    410: string;
-                    540: string;
-                    990: string;
-                    510: string;
-                    900: string;
-                    800: string;
-                    700: string;
-                    600: string;
-                    500: string;
-                    400: string;
-                    300: string;
-                    200: string;
-                    100: string;
-                    50: string;
-                };
-                green: {
-                    500: string;
-                    400: string;
-                    300: string;
-                    200: string;
-                    100: string;
-                    75: string;
-                    50: string;
-                };
-                red: {
-                    500: string;
-                    400: string;
-                    300: string;
-                    200: string;
-                    100: string;
-                    75: string;
-                    50: string;
-                };
-                yellow: {
-                    500: string;
-                    400: string;
-                    300: string;
-                    200: string;
-                    100: string;
-                    75: string;
-                    50: string;
-                };
-                orange: {
-                    500: string;
-                    400: string;
-                    300: string;
-                    200: string;
-                    100: string;
-                    75: string;
-                    50: string;
-                };
-                black: {
-                    450: string;
-                    540: string;
-                    270: string;
-                    550: string;
-                    555: string;
-                    600: string;
-                    650: string;
-                    700: string;
-                    750: string;
-                    755: string;
-                    760: string;
-                    770: string;
-                    800: string;
-                    850: string;
-                    870: string;
-                    900: string;
-                    925: string;
-                    950: string;
-                    960: string;
-                };
-                gray: {
-                    95: string;
-                    100: string;
-                    110: string;
-                    115: string;
-                    120: string;
-                    125: string;
-                    140: string;
-                    150: string;
-                    152: string;
-                    155: string;
-                    160: string;
-                    165: string;
-                    180: string;
-                    190: string;
-                    200: string;
-                    220: string;
-                    300: string;
-                    320: string;
-                    325: string;
-                    330: string;
-                    350: string;
-                    355: string;
-                    360: string;
-                    365: string;
-                    390: string;
-                    400: string;
-                    410: string;
-                    420: string;
-                    450: string;
-                    500: string;
-                    600: string;
-                    700: string;
-                    725: string;
-                    800: string;
-                    820: string;
-                    900: string;
-                    905: string;
-                };
-                blue: {
-                    25: string;
-                    75: string;
-                    350: string;
-                    450: string;
-                    550: string;
-                    900: string;
-                    610: string;
-                };
-                primaryBlue: string;
-                lightBlue: string;
-                lightBlue100: string;
-                lightBlue200: string;
-                errorRed: string;
-                lightRed: string;
-                lightGreen: string;
-            };
-            placeholderColor: {
-                gray: string;
-                gray350: string;
-                gray600: string;
-            };
-            fontSize: {
-                "8s": string[];
-                "9s": string[];
-                "10s": string[];
-                "11s": string[];
-                "12s": string[];
-                "13s": string[];
-                "14s": string[];
-                "21s": string[];
-                "16s": string[];
-                "25s": string[];
-                "17s": string[];
-                "18s": string[];
-                "19s": string[];
-                "20s": string[];
-                "24s": string[];
-                "24-32s": string[];
-                "26s": string[];
-                "28s": string[];
-                "32s": string[];
-                "42s": string[];
-                "40s": string[];
-                "48s": string[];
-                "54s": string[];
-            };
-            height: {
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                25: string;
-                36: string;
-                38: string;
-                40: string;
-                "60px": string;
-                92: string;
-                78: string;
-                48: string;
-                160: string;
-            };
-            width: {
-                40: string;
-                112: string;
-                28: string;
-            };
-            margin: {
-                auto: string;
-            };
-            gap: {
-                4: string;
-            };
-            boxShadow: {
-                dropDown: string;
-                showMoreDropDown: string;
-                messages: string;
-                /** Old Shadow */
-                input: string;
-                swithOption: string;
-                analyticsCard: string;
-                paynowModal: string;
-                importInvoicesModal: string;
-            };
-            gridTemplateColumns: {
-                half: string;
-            };
-            opacity: {
-                12: string;
-            };
-        };
-    };
-    variants: {
-        screens: string[];
-        textColor: string[];
-    };
-    plugins: any[];
-};
-
-export { BADGETYPE, Badge, BorderType, Breadcrumb, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, Logo, Message, Modal, MultiSelectFormGen, NavBar, NoteEditor, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SideBarListView, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, Todos, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, useSchemaProcessor as UseSchemaProcessor, VersionDateDropdown, themeConfigs, usePagination, useSorting };
-export type { AccountPopoverMenuItem, BadgeColorVariant, BtnOptionDropdown, DropdownSearchProps, ISolutionvalues, InputType, ListMasterDataProps, LogoProps, MessageProps, NoteChildrenProps, NoteHistoryProps, NoteItemProps, NoteProps, OptionProps, TimelineEventProps, UrgentDataProps, VariantTypes };