dfh-ui-library 1.13.27 → 1.13.29

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

@@ -1,744 +0,0 @@
-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 {};