dfh-ui-library 1.13.17 → 1.13.18

package/dist/esm/types/components/ComponentProvider/ComponentHelper.d.ts

@@ -1,2 +1,2 @@
-import { IDefaultComponent } from "../../shared/models/components/common.model";
+import { IDefaultComponent } from '../../shared/models/components/common.model';
 export declare const LibraryComponents: IDefaultComponent[];

package/dist/esm/types/components/FormElements/Textarea/TextareaWithCountV2.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IInputPropsV2 } from '../../../shared/models/components/base.model';
+/**
+ * Primary UI component for user interaction
+ */
+declare const TextareaWithCountV2: React.FC<IInputPropsV2>;
+export default TextareaWithCountV2;

package/dist/esm/types/components/FormElements/Textarea/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Textarea } from "./Textarea";
-export { default as TextareaWithCount } from "./TextareaWithCount";
+export { default as Textarea } from './Textarea';
+export { default as TextareaWithCount } from './TextareaWithCount';
+export { default as TextareaWithCountV2 } from './TextareaWithCountV2';

package/dist/esm/types/components/FormElements/index.d.ts

@@ -1,9 +1,9 @@
-export { default as CheckBox } from "./CheckBox";
-export { default as InputValidation } from "./InputValidation";
-export { default as Input } from "./Input";
-export { default as Label } from "./Label";
-export { default as Select } from "./Select";
-export { default as RadioButton } from "./RadioButton";
-export { Textarea, TextareaWithCount } from "./Textarea";
-export { default as IconInput } from "./IconInput";
-export { default as ImageInput } from "./ImageInput";
+export { default as CheckBox } from './CheckBox';
+export { default as InputValidation } from './InputValidation';
+export { default as Input } from './Input';
+export { default as Label } from './Label';
+export { default as Select } from './Select';
+export { default as RadioButton } from './RadioButton';
+export { Textarea, TextareaWithCount, TextareaWithCountV2 } from './Textarea';
+export { default as IconInput } from './IconInput';
+export { default as ImageInput } from './ImageInput';

package/dist/esm/types/index.d.ts

@@ -8,3 +8,4 @@ export { usePagination } from "./hooks/usePagination";
 export { useSorting } from "./hooks/useSorting";
 export { themeConfigs } from "./shared/configs/themeConfig";
 export { NoteHistoryProps } from "./shared/models/components/common.model";
+export { setDateWithoutTimezone } from "./shared/utilities/helper";

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

@@ -1,11 +1,11 @@
-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;
+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";
+    type?: 'submit' | 'button';
     /**
      * Button Variants
      */
@@ -56,8 +56,8 @@ export interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp
     disabled?: boolean;
 }
 export interface ITyphographyFormGenProps extends IChildrenProp, IAdditionalClassesProp {
-    type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    componentType?: "p" | undefined;
+    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    componentType?: 'p' | undefined;
     color?: string;
     onClick?: () => void;
     disabled?: boolean;
@@ -97,7 +97,7 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
     /**
      * Set new variant of the input
      */
-    inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
+    inputVariant?: 'default' | 'large' | 'dynamic' | 'uploadinput' | 'small' | 'noborder';
     /**
      * Set Input name
      */
@@ -185,7 +185,7 @@ export interface IFormGenInputProps {
     /**
      * Set new variant of the input
      */
-    inputVariant?: "default" | "large" | "dynamic";
+    inputVariant?: 'default' | 'large' | 'dynamic';
     /**
      * Set Input name
      */
@@ -271,7 +271,7 @@ export interface IFormGenInputProps {
     /**
      * Set new variant of the input
      */
-    inputVariant?: "default" | "large" | "dynamic";
+    inputVariant?: 'default' | 'large' | 'dynamic';
     /**
      * Set Input name
      */
@@ -360,7 +360,7 @@ export interface ICheckboxFormGenProps extends AdditionalClassesProp {
     id?: any;
     label?: string | React.ReactNode;
 }
-export type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
+export type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
 export interface ILabelProps {
     /**
      * Set the Label Type
@@ -410,7 +410,7 @@ interface IOption {
     value: string;
     displayName: string;
 }
-export type selectType = "small" | "medium" | "regular";
+export type selectType = 'small' | 'medium' | 'regular';
 export interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     /**
      * Type
@@ -427,7 +427,7 @@ export interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     /**
      * Set Label type
      */
-    labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
+    labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
     /**
      * Set Input label name
      */
@@ -485,7 +485,7 @@ export interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement>
     /**
      * Set the Label Type
      */
-    labelType?: "default" | "black" | "smallSelect";
+    labelType?: 'default' | 'black' | 'smallSelect';
     /**
      * Set Input label name
      */
@@ -525,11 +525,64 @@ export interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement>
     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";
+    cardType?: 'lightGray' | 'lightGrayHalf' | 'gray' | 'white' | 'black' | 'whiteBorder' | 'bgLightBlue';
     /**
      * Optional for additional classes
      */
@@ -601,7 +654,7 @@ export type Patient = {
     age: number;
     visits: number;
     progress: number;
-    status: "relationship" | "complicated" | "single";
+    status: 'relationship' | 'complicated' | 'single';
     subRows?: Patient[];
 };
 export interface ITabProps extends AdditionalClassesProp {

package/dist/esm/types/shared/utilities/helper.d.ts

@@ -10,3 +10,4 @@ export declare enum ChallengeActionType {
 export declare const getFristLettersFromString: (inputString: string) => string;
 export declare const calculateTotalChallenges: (urgentDataList: any) => any;
 export declare const calculateTotalNotes: (urgentDataList: UrgentDataProps[]) => number;
+export declare const setDateWithoutTimezone: (date: Date | string | null) => Date | null;

package/dist/index.d.ts

@@ -834,12 +834,12 @@ interface TableProps {
     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;
+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";
+    type?: 'submit' | 'button';
     /**
      * Button Variants
      */
@@ -890,8 +890,8 @@ interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp {
     disabled?: boolean;
 }
 interface ITyphographyFormGenProps extends IChildrenProp, IAdditionalClassesProp {
-    type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    componentType?: "p" | undefined;
+    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    componentType?: 'p' | undefined;
     color?: string;
     onClick?: () => void;
     disabled?: boolean;
@@ -931,7 +931,7 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     /**
      * Set new variant of the input
      */
-    inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
+    inputVariant?: 'default' | 'large' | 'dynamic' | 'uploadinput' | 'small' | 'noborder';
     /**
      * Set Input name
      */
@@ -1017,7 +1017,7 @@ interface ICheckboxProps extends AdditionalClassesProp {
     id?: any;
     label?: string | React__default.ReactNode;
 }
-type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
+type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
 interface ILabelProps {
     /**
      * Set the Label Type
@@ -1067,7 +1067,7 @@ interface IOption {
     value: string;
     displayName: string;
 }
-type selectType = "small" | "medium" | "regular";
+type selectType = 'small' | 'medium' | 'regular';
 interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     /**
      * Type
@@ -1084,7 +1084,7 @@ interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     /**
      * Set Label type
      */
-    labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
+    labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
     /**
      * Set Input label name
      */
@@ -1128,7 +1128,7 @@ interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     /**
      * Set the Label Type
      */
-    labelType?: "default" | "black" | "smallSelect";
+    labelType?: 'default' | 'black' | 'smallSelect';
     /**
      * Set Input label name
      */
@@ -1172,7 +1172,7 @@ interface ICardProps {
     /**
      * Set button type
      */
-    cardType?: "lightGray" | "lightGrayHalf" | "gray" | "white" | "black" | "whiteBorder" | "bgLightBlue";
+    cardType?: 'lightGray' | 'lightGrayHalf' | 'gray' | 'white' | 'black' | 'whiteBorder' | 'bgLightBlue';
     /**
      * Optional for additional classes
      */
@@ -1910,4 +1910,6 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-export { type AccountPopoverMenuItem, BADGETYPE, Badge, type BadgeColorVariant, BorderType, Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, type ISolutionvalues, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, type InputType, InputValidation, InputsGroup, Label, type ListMasterDataProps, ListRow, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, MultiSelectFormGen, NavBar, type NoteChildrenProps, NoteEditor, type NoteHistoryProps, type NoteItemProps, type NoteProps, type OptionProps, 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, type TimelineEventProps, Todos, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, type UrgentDataProps, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, VersionDateDropdown, themeConfigs, usePagination, useSorting };
+declare const setDateWithoutTimezone: (date: Date | string | null) => Date | null;
+
+export { type AccountPopoverMenuItem, BADGETYPE, Badge, type BadgeColorVariant, BorderType, Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, type ISolutionvalues, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, type InputType, InputValidation, InputsGroup, Label, type ListMasterDataProps, ListRow, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, MultiSelectFormGen, NavBar, type NoteChildrenProps, NoteEditor, type NoteHistoryProps, type NoteItemProps, type NoteProps, type OptionProps, 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, type TimelineEventProps, Todos, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, type UrgentDataProps, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, VersionDateDropdown, setDateWithoutTimezone, themeConfigs, usePagination, useSorting };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.13.17",
+  "version": "1.13.18",
   "description": "",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
@@ -23,6 +23,7 @@
     "@types/react": "^18.2.37",
     "autoprefixer": "^10.4.16",
     "classnames": "^2.3.2",
+    "date-fns": "^4.1.0",
     "dfh-form-generator": "^1.2.138",
     "dompurify": "^3.1.6",
     "formik": "^2.4.5",