dfh-ui-library 1.13.17 → 1.13.19

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/Datepicker/DatePickerFormGen.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "../../shared/customCss/react-datepicker.css";
-import { CustomDatePickerProps } from "../../shared/models/components/common.model";
+import React from 'react';
+import '../../shared/customCss/react-datepicker.css';
+import { CustomDatePickerProps } from '../../shared/models/components/common.model';
 declare const DatePickerFormGen: React.FC<CustomDatePickerProps>;
 export default DatePickerFormGen;

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/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/date.d.ts

@@ -0,0 +1,4 @@
+export declare const getTimezoneData: () => {
+    hours: number;
+    mins: number;
+};

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
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.13.17",
+  "version": "1.13.19",
   "description": "",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",