dfh-ui-library 1.13.29 → 1.13.30

package/dist/cjs/types/shared/models/components/base.model.d.ts

@@ -0,0 +1,744 @@
+import React, { InputHTMLAttributes, ReactNode, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import { IAdditionalClassesProp, IChildrenProp, IIconTypeProp, AlignmentType, IOnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes, MessageTypes, InputType, IconType, LableTypes, ToolTipProps, selectedValue } from './common.model';
+export 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;
+export 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;
+}
+export interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp {
+    /**
+     * Set element type
+     */
+    type?: TyphoTypes;
+    /**
+     * Set element node of the content wrapper
+     */
+    component?: TyphoComponents;
+    /**
+     * Set font-color of the content
+     */
+    color?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export interface ITyphographyFormGenProps extends IChildrenProp, IAdditionalClassesProp {
+    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    componentType?: 'p' | undefined;
+    color?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    text?: string;
+}
+export 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;
+}
+export 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.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.ChangeEvent<HTMLInputElement>) => void;
+    enableToolTip?: boolean;
+    tooltipProps?: ToolTipProps;
+    suffixed?: string;
+    labelLeftAction?: () => void;
+    labelLeftText?: string;
+    viewMode?: boolean;
+    ref?: any;
+    inputFocus?: any;
+    refProps?: any;
+    isRequired?: boolean;
+}
+export interface IFormGenInputProps {
+    /**
+     * Set Input type
+     */
+    type?: InputType;
+    /**
+     * Set new variant of the input
+     */
+    inputVariant?: 'default' | 'large' | 'dynamic';
+    /**
+     * 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;
+    /**
+     * 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.ChangeEvent<HTMLInputElement>) => void;
+    enableToolTip?: boolean;
+    tooltipProps?: ToolTipProps;
+    selected?: selectedValue;
+    onSelect?: (selectedOption: selectedValue) => void;
+    viewMode?: boolean;
+    previousData?: {
+        answerLabel: string;
+        lastEditedDate?: string;
+    };
+    isRequired?: boolean;
+}
+export interface IFormGenInputProps {
+    /**
+     * Set Input type
+     */
+    type?: InputType;
+    /**
+     * Set new variant of the input
+     */
+    inputVariant?: 'default' | 'large' | 'dynamic';
+    /**
+     * 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;
+    /**
+     * 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.ChangeEvent<HTMLInputElement>) => void;
+    enableToolTip?: boolean;
+    tooltipProps?: ToolTipProps;
+    selected?: selectedValue;
+    onSelect?: (selectedOption: selectedValue) => void;
+    viewMode?: boolean;
+}
+export interface ICheckboxProps extends AdditionalClassesProp {
+    onChange?: (checked: boolean) => void;
+    checked?: boolean;
+    id?: any;
+    label?: string | React.ReactNode;
+}
+export interface ICheckboxFormGenProps extends AdditionalClassesProp {
+    onSelect?: (checked: {
+        isChecked: boolean;
+    }) => void;
+    selected?: {
+        isChecked: boolean;
+    };
+    id?: any;
+    label?: string | React.ReactNode;
+}
+export type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
+export interface ILabelProps {
+    /**
+     * Set the Label Type
+     */
+    labelType?: LABELTYPE;
+    /**
+     * Label name
+     */
+    name: string | undefined;
+    /**
+     * Label contents
+     */
+    label?: string | undefined;
+    /**
+     * Add children
+     */
+    children?: React.ReactNode;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    /**
+     * inner span Classes
+     */
+    labelSpanClasses?: string;
+    secondaryText?: string;
+    isRequired?: boolean;
+}
+export 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.ChangeEvent<HTMLInputElement>) => void;
+    isDeafult?: boolean;
+}
+interface IOption {
+    value: string;
+    displayName: string;
+}
+export type selectType = 'small' | 'medium' | 'regular';
+export 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.ChangeEvent<HTMLSelectElement>) => void;
+    defaultValue?: string;
+    iconClasses?: string;
+    isIcon?: boolean;
+    secondaryText?: string;
+    isRequired?: boolean;
+}
+export interface IMessageProps extends IChildrenProp, IAdditionalClassesProp, IOnClickEventProps {
+    /**
+     * Message title
+     */
+    title?: string;
+    /**
+     * Select message type
+     */
+    type?: MessageTypes;
+    /**
+     * Button Label
+     */
+    buttonLabel?: string;
+}
+export 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;
+}
+export interface IInputPropsV2 extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+    /**
+     * 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;
+    onChange?: (value: string) => void;
+}
+export 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.ReactNode;
+    onClick?: () => void;
+}
+export interface AdditionalClassesProp {
+    /**
+     * Optional | Set the additional classes
+     */
+    additionalClasses?: string | undefined;
+}
+export interface DataTestIdProp {
+    /**
+     * Set the id for unti testing
+     */
+    data_testid?: string;
+}
+export interface LogoProps extends DataTestIdProp, AdditionalClassesProp {
+    iconType?: string;
+}
+export interface TooltipProps {
+    /**
+     * Tooltip content
+     */
+    tooltipHeading?: string;
+    /**
+     * Tooltip Icon
+     */
+    tooltipIcon?: IconType;
+    /**
+     * Tooltip Icon classes
+     */
+    tooltipIconClasses?: string;
+    /**
+     * Tooltip text
+     */
+    tooltipContent?: React.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.ChangeEvent<HTMLSelectElement>) => void;
+    onMouseOver?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    onMouseOut?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    showTooltip?: boolean;
+    fromBottom?: boolean;
+    children?: ReactNode;
+}
+export type Patient = {
+    firstName: string;
+    lastName: string;
+    age: number;
+    visits: number;
+    progress: number;
+    status: 'relationship' | 'complicated' | 'single';
+    subRows?: Patient[];
+};
+export 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;
+}
+export interface ITabListProps extends AdditionalClassesProp {
+    /** Children components, typically Tab components. */
+    children: React.ReactNode;
+    /** Value of the active tab. */
+    value: string;
+    /** Callback on tab click. */
+    handleClick: (value: string) => void;
+}
+export interface ITabPanelProps extends AdditionalClassesProp {
+    /** Content displayed within the panel. */
+    children: React.ReactNode;
+    /** Value of the active tab for display logic. */
+    value: string;
+    /** Identifier for the tab panel. */
+    index: string;
+    isCenter?: boolean;
+}
+export 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.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;
+}
+export 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"
+}
+export interface IListRowProps extends AdditionalClassesProp {
+    /** Header title displayed on list row. */
+    title: string | React.ReactNode;
+    /** Sub title displayed on list row. */
+    subTitle?: string | React.ReactNode;
+    /** labels on list row. */
+    labels?: string[];
+    /** Controllers displayed on right side of list row. */
+    controllers: React.ReactNode | any;
+    /** List Row button border type */
+    bottomBorderType?: BorderType;
+    bottomContent?: React.ReactNode;
+    onFocus?: () => void;
+    onClick?: () => void;
+}
+export declare const TIMELINE_TYPE: {
+    SURVEY: string;
+    NORMAL: string;
+    CHALLENGE: string;
+    SOLUTION: string;
+};
+export interface CircularLoaderProps {
+    containerClass?: string;
+    loaderClass?: string;
+}
+export {};