dfh-ui-library 1.13.17 → 1.13.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- import { IDefaultComponent } from "../../shared/models/components/common.model";
1
+ import { IDefaultComponent } from '../../shared/models/components/common.model';
2
2
  export declare const LibraryComponents: IDefaultComponent[];
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { IInputPropsV2 } from '../../../shared/models/components/base.model';
3
+ /**
4
+ * Primary UI component for user interaction
5
+ */
6
+ declare const TextareaWithCountV2: React.FC<IInputPropsV2>;
7
+ export default TextareaWithCountV2;
@@ -1,2 +1,3 @@
1
- export { default as Textarea } from "./Textarea";
2
- export { default as TextareaWithCount } from "./TextareaWithCount";
1
+ export { default as Textarea } from './Textarea';
2
+ export { default as TextareaWithCount } from './TextareaWithCount';
3
+ export { default as TextareaWithCountV2 } from './TextareaWithCountV2';
@@ -1,9 +1,9 @@
1
- export { default as CheckBox } from "./CheckBox";
2
- export { default as InputValidation } from "./InputValidation";
3
- export { default as Input } from "./Input";
4
- export { default as Label } from "./Label";
5
- export { default as Select } from "./Select";
6
- export { default as RadioButton } from "./RadioButton";
7
- export { Textarea, TextareaWithCount } from "./Textarea";
8
- export { default as IconInput } from "./IconInput";
9
- export { default as ImageInput } from "./ImageInput";
1
+ export { default as CheckBox } from './CheckBox';
2
+ export { default as InputValidation } from './InputValidation';
3
+ export { default as Input } from './Input';
4
+ export { default as Label } from './Label';
5
+ export { default as Select } from './Select';
6
+ export { default as RadioButton } from './RadioButton';
7
+ export { Textarea, TextareaWithCount, TextareaWithCountV2 } from './Textarea';
8
+ export { default as IconInput } from './IconInput';
9
+ export { default as ImageInput } from './ImageInput';
@@ -8,3 +8,4 @@ export { usePagination } from "./hooks/usePagination";
8
8
  export { useSorting } from "./hooks/useSorting";
9
9
  export { themeConfigs } from "./shared/configs/themeConfig";
10
10
  export { NoteHistoryProps } from "./shared/models/components/common.model";
11
+ export { setDateWithoutTimezone } from "./shared/utilities/helper";
@@ -1,11 +1,11 @@
1
- import React, { InputHTMLAttributes, ReactNode, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
2
- import { IAdditionalClassesProp, IChildrenProp, IIconTypeProp, AlignmentType, IOnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes, MessageTypes, InputType, IconType, LableTypes, ToolTipProps, selectedValue } from "./common.model";
3
- 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;
1
+ import React, { InputHTMLAttributes, ReactNode, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
2
+ import { IAdditionalClassesProp, IChildrenProp, IIconTypeProp, AlignmentType, IOnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes, MessageTypes, InputType, IconType, LableTypes, ToolTipProps, selectedValue } from './common.model';
3
+ 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;
4
4
  export interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
5
5
  /**
6
6
  * Set the button type
7
7
  */
8
- type?: "submit" | "button";
8
+ type?: 'submit' | 'button';
9
9
  /**
10
10
  * Button Variants
11
11
  */
@@ -56,8 +56,8 @@ export interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp
56
56
  disabled?: boolean;
57
57
  }
58
58
  export interface ITyphographyFormGenProps extends IChildrenProp, IAdditionalClassesProp {
59
- type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
60
- componentType?: "p" | undefined;
59
+ type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
60
+ componentType?: 'p' | undefined;
61
61
  color?: string;
62
62
  onClick?: () => void;
63
63
  disabled?: boolean;
@@ -97,7 +97,7 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
97
97
  /**
98
98
  * Set new variant of the input
99
99
  */
100
- inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
100
+ inputVariant?: 'default' | 'large' | 'dynamic' | 'uploadinput' | 'small' | 'noborder';
101
101
  /**
102
102
  * Set Input name
103
103
  */
@@ -185,7 +185,7 @@ export interface IFormGenInputProps {
185
185
  /**
186
186
  * Set new variant of the input
187
187
  */
188
- inputVariant?: "default" | "large" | "dynamic";
188
+ inputVariant?: 'default' | 'large' | 'dynamic';
189
189
  /**
190
190
  * Set Input name
191
191
  */
@@ -271,7 +271,7 @@ export interface IFormGenInputProps {
271
271
  /**
272
272
  * Set new variant of the input
273
273
  */
274
- inputVariant?: "default" | "large" | "dynamic";
274
+ inputVariant?: 'default' | 'large' | 'dynamic';
275
275
  /**
276
276
  * Set Input name
277
277
  */
@@ -360,7 +360,7 @@ export interface ICheckboxFormGenProps extends AdditionalClassesProp {
360
360
  id?: any;
361
361
  label?: string | React.ReactNode;
362
362
  }
363
- export type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
363
+ export type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
364
364
  export interface ILabelProps {
365
365
  /**
366
366
  * Set the Label Type
@@ -410,7 +410,7 @@ interface IOption {
410
410
  value: string;
411
411
  displayName: string;
412
412
  }
413
- export type selectType = "small" | "medium" | "regular";
413
+ export type selectType = 'small' | 'medium' | 'regular';
414
414
  export interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
415
415
  /**
416
416
  * Type
@@ -427,7 +427,7 @@ export interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
427
427
  /**
428
428
  * Set Label type
429
429
  */
430
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
430
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
431
431
  /**
432
432
  * Set Input label name
433
433
  */
@@ -485,7 +485,7 @@ export interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement>
485
485
  /**
486
486
  * Set the Label Type
487
487
  */
488
- labelType?: "default" | "black" | "smallSelect";
488
+ labelType?: 'default' | 'black' | 'smallSelect';
489
489
  /**
490
490
  * Set Input label name
491
491
  */
@@ -525,11 +525,64 @@ export interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement>
525
525
  setValue?: (value: string) => void;
526
526
  isRequired?: boolean;
527
527
  }
528
+ export interface IInputPropsV2 extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
529
+ /**
530
+ * Set Input type
531
+ */
532
+ type?: InputType;
533
+ /**
534
+ * Set Input name
535
+ */
536
+ name: string;
537
+ /**
538
+ * Set the Label Type
539
+ */
540
+ labelType?: 'default' | 'black' | 'smallSelect';
541
+ /**
542
+ * Set Input label name
543
+ */
544
+ label?: string | undefined;
545
+ /**
546
+ * Ser Error message
547
+ */
548
+ error?: string;
549
+ /**
550
+ * Set Wrapper classes, new classes will overide the existing default classes
551
+ */
552
+ wrapperClass?: string | undefined;
553
+ /**
554
+ * Optional for additional classes
555
+ */
556
+ additionalClasses?: string | undefined;
557
+ /**
558
+ * Enable read only
559
+ */
560
+ readonly?: boolean;
561
+ /**
562
+ * LabelClasses
563
+ */
564
+ labelClasses?: string;
565
+ /**
566
+ * Set label only
567
+ */
568
+ onlyLabel?: boolean;
569
+ row?: number;
570
+ inputFocus?: any;
571
+ refProps?: any;
572
+ reSize?: string;
573
+ textClass?: string;
574
+ maxLength?: number;
575
+ isEnableTextCount?: boolean;
576
+ value?: string | undefined;
577
+ setValue?: (value: string) => void;
578
+ isRequired?: boolean;
579
+ onChange?: (value: string) => void;
580
+ }
528
581
  export interface ICardProps {
529
582
  /**
530
583
  * Set button type
531
584
  */
532
- cardType?: "lightGray" | "lightGrayHalf" | "gray" | "white" | "black" | "whiteBorder" | "bgLightBlue";
585
+ cardType?: 'lightGray' | 'lightGrayHalf' | 'gray' | 'white' | 'black' | 'whiteBorder' | 'bgLightBlue';
533
586
  /**
534
587
  * Optional for additional classes
535
588
  */
@@ -601,7 +654,7 @@ export type Patient = {
601
654
  age: number;
602
655
  visits: number;
603
656
  progress: number;
604
- status: "relationship" | "complicated" | "single";
657
+ status: 'relationship' | 'complicated' | 'single';
605
658
  subRows?: Patient[];
606
659
  };
607
660
  export interface ITabProps extends AdditionalClassesProp {
@@ -10,3 +10,4 @@ export declare enum ChallengeActionType {
10
10
  export declare const getFristLettersFromString: (inputString: string) => string;
11
11
  export declare const calculateTotalChallenges: (urgentDataList: any) => any;
12
12
  export declare const calculateTotalNotes: (urgentDataList: UrgentDataProps[]) => number;
13
+ export declare const setDateWithoutTimezone: (date: Date | string | null) => Date | null;
package/dist/index.d.ts CHANGED
@@ -834,12 +834,12 @@ interface TableProps {
834
834
  isLoading?: boolean;
835
835
  }
836
836
 
837
- 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;
837
+ 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;
838
838
  interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
839
839
  /**
840
840
  * Set the button type
841
841
  */
842
- type?: "submit" | "button";
842
+ type?: 'submit' | 'button';
843
843
  /**
844
844
  * Button Variants
845
845
  */
@@ -890,8 +890,8 @@ interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp {
890
890
  disabled?: boolean;
891
891
  }
892
892
  interface ITyphographyFormGenProps extends IChildrenProp, IAdditionalClassesProp {
893
- type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
894
- componentType?: "p" | undefined;
893
+ type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
894
+ componentType?: 'p' | undefined;
895
895
  color?: string;
896
896
  onClick?: () => void;
897
897
  disabled?: boolean;
@@ -931,7 +931,7 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
931
931
  /**
932
932
  * Set new variant of the input
933
933
  */
934
- inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
934
+ inputVariant?: 'default' | 'large' | 'dynamic' | 'uploadinput' | 'small' | 'noborder';
935
935
  /**
936
936
  * Set Input name
937
937
  */
@@ -1017,7 +1017,7 @@ interface ICheckboxProps extends AdditionalClassesProp {
1017
1017
  id?: any;
1018
1018
  label?: string | React__default.ReactNode;
1019
1019
  }
1020
- type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
1020
+ type LABELTYPE = 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabel' | 'formLabelMedeum' | 'formButtonGroup' | 'fontSemiBold' | undefined;
1021
1021
  interface ILabelProps {
1022
1022
  /**
1023
1023
  * Set the Label Type
@@ -1067,7 +1067,7 @@ interface IOption {
1067
1067
  value: string;
1068
1068
  displayName: string;
1069
1069
  }
1070
- type selectType = "small" | "medium" | "regular";
1070
+ type selectType = 'small' | 'medium' | 'regular';
1071
1071
  interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
1072
1072
  /**
1073
1073
  * Type
@@ -1084,7 +1084,7 @@ interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
1084
1084
  /**
1085
1085
  * Set Label type
1086
1086
  */
1087
- labelType?: "default" | "black" | "smallSelect" | "blackSmall" | "formLabelMedeum";
1087
+ labelType?: 'default' | 'black' | 'smallSelect' | 'blackSmall' | 'formLabelMedeum';
1088
1088
  /**
1089
1089
  * Set Input label name
1090
1090
  */
@@ -1128,7 +1128,7 @@ interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
1128
1128
  /**
1129
1129
  * Set the Label Type
1130
1130
  */
1131
- labelType?: "default" | "black" | "smallSelect";
1131
+ labelType?: 'default' | 'black' | 'smallSelect';
1132
1132
  /**
1133
1133
  * Set Input label name
1134
1134
  */
@@ -1172,7 +1172,7 @@ interface ICardProps {
1172
1172
  /**
1173
1173
  * Set button type
1174
1174
  */
1175
- cardType?: "lightGray" | "lightGrayHalf" | "gray" | "white" | "black" | "whiteBorder" | "bgLightBlue";
1175
+ cardType?: 'lightGray' | 'lightGrayHalf' | 'gray' | 'white' | 'black' | 'whiteBorder' | 'bgLightBlue';
1176
1176
  /**
1177
1177
  * Optional for additional classes
1178
1178
  */
@@ -1910,4 +1910,6 @@ declare const themeConfigs: {
1910
1910
  plugins: any[];
1911
1911
  };
1912
1912
 
1913
- 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 };
1913
+ declare const setDateWithoutTimezone: (date: Date | string | null) => Date | null;
1914
+
1915
+ 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dfh-ui-library",
3
- "version": "1.13.17",
3
+ "version": "1.13.18",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
@@ -23,6 +23,7 @@
23
23
  "@types/react": "^18.2.37",
24
24
  "autoprefixer": "^10.4.16",
25
25
  "classnames": "^2.3.2",
26
+ "date-fns": "^4.1.0",
26
27
  "dfh-form-generator": "^1.2.138",
27
28
  "dompurify": "^3.1.6",
28
29
  "formik": "^2.4.5",