dfh-ui-library 1.13.135 → 1.13.137

package/dist/esm/types/components/Button/Button.handler.d.ts

@@ -1 +1 @@
-export declare const handleButtonClasses: (variants?: string | undefined) => "bg-[#333333] text-white hover:bg-gray-700" | "text-16s h-[52px] text-base font-semibold leading-5 border border-solid border-[#CDCED6] bg-white" | "text-14s h-9 bg-[#333333] text-white hover:bg-gray-700" | "text-14s h-9 text-base font-semibold leading-5 border border-solid border-[#CDCED6] bg-white" | "text-14s h-7 bg-[#333333] text-white hover:bg-gray-700" | "text-14s h-7 text-base font-semibold leading-5 border border-solid border-[#CDCED6] bg-white" | "text-16s h-11 text-base font-semibold leading-5 border border-solid border-[#CDCED6] bg-white" | "text-16s h-11 bg-[#333333] text-white hover:bg-gray-700" | "text-16s h-11 bg-[#006CD0] text-21s text-white" | "text-16s h-10 bg-[#006CD0] text-21s text-white !p-0 !px-2" | "bg-[#006CD0] text-12s text-white" | "text-21s text-black-540 border border-[#CDCED6] bg-white" | "text-21s border text-btn-main border-[#006CD0] bg-[#F1F5F9]" | "text-12s border text-black-540 border-0 bg-[#F1F5F9]" | "text-21s text-black-540 border border-0 bg-white" | "text-21s text-white border border-0 bg-[#006CD0]" | "text-21s text-white border border-0 bg-pinkRead" | "h-8 text-12s text-black-540 border border-[#CDCED6] bg-white" | "flex text-12s h-8 bg-[#006CD0] text-white" | "h-8 text-12s border text-btn-main border-[#006CD0] bg-[#F1F5F9]" | "h-11 text-21s border border-0 bg-white" | "h-8 text-21s border border-0 bg-transparent" | undefined;
+export declare const handleButtonClasses: (variants?: string | undefined) => "bg-[#333333] text-white hover:bg-gray-700" | "text-16s h-[52px] text-base font-semibold leading-5 border border-solid border-[#CDCED6] bg-white" | "text-14s h-9 bg-[#333333] text-white hover:bg-gray-700" | "text-14s h-9 text-base font-semibold leading-5 border border-solid border-[#CDCED6] bg-white" | "text-14s h-7 bg-[#333333] text-white hover:bg-gray-700" | "text-14s h-7 text-base font-semibold leading-5 border border-solid border-[#CDCED6] bg-white" | "text-16s h-11 text-base font-semibold leading-5 border border-solid border-[#CDCED6] bg-white" | "text-16s h-11 bg-[#333333] text-white hover:bg-gray-700" | "text-16s h-11 bg-[#006CD0] text-21s text-white" | "text-16s h-10 bg-[#006CD0] text-21s text-white !p-0 !px-2" | "bg-[#006CD0] text-12s text-white" | "text-21s text-black-540 border border-[#CDCED6] bg-white" | "text-21s text-black-540 border border-[#DF4B604D] bg-white" | "text-21s border text-btn-main border-[#006CD0] bg-[#F1F5F9]" | "text-12s border text-black-540 border-0 bg-[#F1F5F9]" | "text-21s text-black-540 border border-0 bg-white" | "text-21s text-white border border-0 bg-[#006CD0]" | "text-21s text-white border border-0 bg-pinkRead" | "h-8 text-12s text-black-540 border border-[#CDCED6] bg-white" | "flex text-12s h-8 bg-[#006CD0] text-white" | "h-8 text-12s border text-btn-main border-[#006CD0] bg-[#F1F5F9]" | "h-11 text-21s border border-0 bg-white" | "h-8 text-21s border border-0 bg-transparent" | undefined;

package/dist/esm/types/components/Media/Icons/Icons.d.ts

@@ -20,6 +20,7 @@ export declare const UserMenuSelectedIcon: ({ classes, onClick, ...props }: Icon
 export declare const UserAvatarIcon: ({ classes, onClick, imageUrl, ...props }: IconProps) => React.JSX.Element;
 export declare const CloseIcon: ({ classes, onClick, imageUrl, ...props }: IconProps) => React.JSX.Element;
 export declare const ArrowBCIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
+export declare const AddIcon: ({ classes, onClick, color, w, h, ...rest }: IconProps) => React.JSX.Element;
 export declare const PlusIcon: ({ classes, onClick, isAddEditPatient, ...props }: IconProps) => React.JSX.Element;
 export declare const CalendarIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;
 export declare const SelectUserIcon: ({ classes, onClick, ...props }: IconProps) => React.JSX.Element;

package/dist/esm/types/components/PhoneNumberInput/PhoneNumberInput4.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { PhoneNumberInputProps } from "../../shared/models/components/common.model";
+import "intl-tel-input/build/css/intlTelInput.css";
+import "./phoneInput.css";
+declare const PhoneNumberInput4: React.FC<PhoneNumberInputProps>;
+export default PhoneNumberInput4;

package/dist/esm/types/components/PhoneNumberInput/PhoneNumberInput4.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

@@ -1,3 +1,4 @@
 export { default as PhoneNumberInput } from "./PhoneNumberInput";
 export { default as PhoneNumberInput2 } from "./PhoneNumberInput2";
 export { default as PhoneNumberInput3 } from "./PhoneNumberInput3";
+export { default as PhoneNumberInput4 } from "./PhoneNumberInput4";

package/dist/esm/types/components/SideBarListView/SideListViewV2.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SideBarListProps } from '../../shared/models/components/common.model';
+interface SideListViewV2Props extends SideBarListProps {
+    currentPage?: number;
+    pageSize?: number;
+    totalCount?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    isLoadingMore?: boolean;
+}
+declare const SideListViewV2: React.FC<SideListViewV2Props>;
+export default SideListViewV2;

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

@@ -1 +1,2 @@
-export { default } from "./SideBarListView";
+export { default as SideBarListView } from './SideBarListView';
+export { default as SideBarListViewV2 } from './SideListViewV2';

package/dist/esm/types/components/Typhography/Typhography.d.ts

@@ -3,5 +3,5 @@ import { ITyphographyProps } from "../../shared/models/components/base.model";
 /**
  * Primary UI component
  */
-declare const Typhography: ({ type, component, color, additionalClasses, children, onClick, disabled, ...rest }: ITyphographyProps) => React.JSX.Element;
+declare const Typhography: ({ type, id, component, color, additionalClasses, children, onClick, disabled, ...rest }: ITyphographyProps) => React.JSX.Element;
 export default Typhography;

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

@@ -53,7 +53,7 @@ export { default as Typho } from './Typho';
 export { default as Spinner } from './Gird/Spinner';
 export { default as Badge } from './Badge';
 export { default as RegularDropdown } from './RegularDropdown';
-export { default as SideBarListView } from './SideBarListView';
+export { SideBarListView, SideBarListViewV2 } from './SideBarListView';
 export { default as TabButton } from './TabButton';
 export { default as TooltipWithChildren } from './Tooltip/TooltipWithChildren';
 export { default as Signature } from './Signature';

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

@@ -1,6 +1,6 @@
 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 type VariantTypes = 'large' | 'small' | 'extraSmall' | 'largeOutlined' | 'smallOutlined' | 'extraSmallOutlined' | 'default' | 'defaultOutlined' | 'primaryBlue' | 'primaryWhite' | 'primaryRedBtn' | '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
@@ -44,6 +44,7 @@ export interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp
      * Set element type
      */
     type?: TyphoTypes;
+    id?: string;
     /**
      * Set element node of the content wrapper
      */

package/dist/index.d.ts

@@ -904,7 +904,7 @@ interface TableProps {
     paginationLabel?: string;
 }
 
-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' | 'primaryRedBtn' | 'primaryWhiteSelected' | 'primaryWhiteNoBoader' | 'primaryWhiteIcon' | 'primaryRed' | 'primaryFilterSelected' | 'primaryBlueFilter' | 'smallWhite' | 'smallWhiteSelected' | 'smallBlue' | 'primaryNoBoader' | 'primaryBlue10' | 'noBoaderbgTransparent' | undefined;
 interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
     /**
      * Set the button type
@@ -948,6 +948,7 @@ interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp {
      * Set element type
      */
     type?: TyphoTypes$1;
+    id?: string;
     /**
      * Set element node of the content wrapper
      */
@@ -1393,7 +1394,7 @@ declare const ButtonV2: ({ type, isDisabled, buttonLabel, iconType, iconColor, i
 /**
  * Primary UI component
  */
-declare const Typhography: ({ type, component, color, additionalClasses, children, onClick, disabled, ...rest }: ITyphographyProps) => React__default.JSX.Element;
+declare const Typhography: ({ type, id, component, color, additionalClasses, children, onClick, disabled, ...rest }: ITyphographyProps) => React__default.JSX.Element;
 
 declare const TyphographyFormGen: React__default.FC<ITyphographyFormGenProps>;
 
@@ -1779,6 +1780,16 @@ declare const RegularDropdown: React__default.FC<VersionDropDownProps>;
 
 declare const SideBarListView: React__default.FC<SideBarListProps>;
 
+interface SideListViewV2Props extends SideBarListProps {
+    currentPage?: number;
+    pageSize?: number;
+    totalCount?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    isLoadingMore?: boolean;
+}
+declare const SideListViewV2: React__default.FC<SideListViewV2Props>;
+
 declare const TabButton: React__default.FC<TabButtonProps>;
 
 declare const Signature: React__default.FC<SignatureProps>;
@@ -2146,5 +2157,5 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-export { BADGETYPE, Badge, BorderType, Breadcrumb, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupMultiSelectV2, ButtonGroupMultiSelectWithInputsFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithMultiSelectFormGen, ButtonGroupWithUpload, ButtonV2, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, ComboBox, ConboboxV2 as ComboboxV2, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, IconInputV2, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputDatePickerV2, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, Logo, Message, Modal, MultiSelectFormGen, NavBar, NoteEditor, NoteEditorV2, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SelectV2, SideBarListView, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, Todos, TodosV2, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, useSchemaProcessor as UseSchemaProcessor, VersionDateDropdown, themeConfigs, usePagination, useSorting };
+export { BADGETYPE, Badge, BorderType, Breadcrumb, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupMultiSelect, ButtonGroupMultiSelectV2, ButtonGroupMultiSelectWithInputsFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithMultiSelectFormGen, ButtonGroupWithUpload, ButtonV2, Card, Checkbox as CheckBox, CheckBoxComponent, ClickedAction, ComboBox, ConboboxV2 as ComboboxV2, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, IconInputV2, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, InputDatePicker, InputDatePickerV2, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, Logo, Message, Modal, MultiSelectFormGen, NavBar, NoteEditor, NoteEditorV2, PanelCard, PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PreviousDataBadge, ProgressBar, RadioButton, RegularDropdown, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SelectV2, SideBarListView, SideListViewV2 as SideBarListViewV2, Signature, SortDropdown, Spinner, SsnInput, Stepper, Tab, TabButton, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, Todos, TodosV2, Tooltip, TooltipWithChildren, Typho, Typhography, TyphographyFormGen, UrgentChallenges, useSchemaProcessor as UseSchemaProcessor, VersionDateDropdown, themeConfigs, usePagination, useSorting };
 export type { AccountPopoverMenuItem, BadgeColorVariant, BtnOptionDropdown, DropdownSearchProps, ISolutionvalues, InputType, ListMasterDataProps, LogoProps, MessageProps, NoteChildrenProps, NoteHistoryProps, NoteItemProps, NoteProps, OptionProps, TimelineEventProps, UrgentDataProps, VariantTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.13.135",
+  "version": "1.13.137",
   "description": "",
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
@@ -23,12 +23,14 @@
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tanstack/react-table": "^8.11.3",
+    "@types/intl-tel-input": "^18.1.4",
     "@types/react": "^18.2.37",
     "autoprefixer": "^10.4.16",
     "classnames": "^2.3.2",
     "dfh-form-generator": "^1.2.138",
     "dompurify": "^3.1.6",
     "formik": "^2.4.5",
+    "intl-tel-input": "^25.3.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
     "react": "^18.2.0",