dfh-ui-library 1.13.136 → 1.13.138

package/dist/esm/types/components/Media/LetterFormBuilder/CustomField.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+interface CustomFieldProps {
+    id: string;
+    name: string;
+    label?: string;
+    labelName?: string;
+    tooltip?: string;
+    component: any;
+    error?: string;
+    type?: string;
+    checked?: boolean;
+    options?: any[];
+    onChange?: any;
+    onBlur?: any;
+    onSelect?: any;
+    onMultiSelect?: any;
+    secondaryComponentsVisible?: boolean;
+    inputObjects?: any[];
+    selected?: any;
+    viewMode?: boolean;
+    previousData?: any;
+}
+declare const CustomField: React.FC<CustomFieldProps>;
+export default CustomField;

package/dist/esm/types/components/Media/LetterFormBuilder/FormGenerator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IFormGeneratorProps } from './interfaces/IFormGeneratorProps';
+declare const FormGenerator: ({ schema, currentStepNumber, components, handleSubmit, SubmitButton, ResetButton, viewMode, isLetterGenerator, ...libProps }: IFormGeneratorProps) => React.JSX.Element;
+export default FormGenerator;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LetterProps } from './interfaces/ILetterProps';
+declare function LetterFormBuilder(props: LetterProps): React.JSX.Element;
+export default LetterFormBuilder;

package/dist/esm/types/components/Media/LetterFormBuilder/LetterGenerator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ILetterGeneratorProps } from './interfaces/ILetterGeneratorProps';
+declare const LetterGenerator: (props: ILetterGeneratorProps) => React.JSX.Element | null;
+export default LetterGenerator;

package/dist/esm/types/components/Media/LetterFormBuilder/interfaces/IComponent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IComponent {
+    id: string;
+    component: React.FC<any>;
+}

package/dist/esm/types/components/Media/LetterFormBuilder/interfaces/IFormGeneratorProps.d.ts

@@ -0,0 +1,21 @@
+import { FormikContextType } from 'formik';
+import { IComponent } from './IComponent';
+import { ISchema } from './ISchema';
+export interface IFormGeneratorProps {
+    schema: ISchema;
+    currentStepNumber?: number;
+    components: IComponent[];
+    handleSubmit?: (data: any) => void;
+    handleChanges?: (data: any) => void;
+    formRef?: React.MutableRefObject<FormikContextType<any> | null>;
+    showDefaultSubmitButton?: boolean;
+    showDefaultResetButton?: boolean;
+    SubmitButton?: React.FC<any>;
+    ResetButton?: React.FC<any>;
+    defaultBttnClass?: string;
+    bttnGroupClass?: string;
+    bttnDivClass?: string;
+    viewMode?: boolean;
+    showPreviousData?: boolean;
+    isLetterGenerator?: boolean;
+}

package/dist/esm/types/components/Media/LetterFormBuilder/interfaces/ILetterGeneratorProps.d.ts

@@ -0,0 +1,20 @@
+import { FormikContextType } from 'formik';
+import { IComponent } from './IComponent';
+import { ILetterSchema } from './ILetterSchema';
+export interface ILetterGeneratorProps {
+    schema: ILetterSchema;
+    currentStepNumber?: number;
+    components: IComponent[];
+    handleSubmit?: (data: any) => void;
+    handleChanges?: (data: any) => void;
+    formRef?: React.MutableRefObject<FormikContextType<any> | null>;
+    showDefaultSubmitButton?: boolean;
+    showDefaultResetButton?: boolean;
+    SubmitButton?: React.FC<any>;
+    ResetButton?: React.FC<any>;
+    defaultBttnClass?: string;
+    bttnGroupClass?: string;
+    bttnDivClass?: string;
+    viewMode?: boolean;
+    showPreviousData?: boolean;
+}

package/dist/esm/types/components/Media/LetterFormBuilder/interfaces/ILetterProps.d.ts

@@ -0,0 +1,18 @@
+import { ILetterSchema } from "./ILetterSchema";
+type LetterBaseProps = {
+    schema?: ILetterSchema;
+    patientName?: string;
+    navigateToView?: (isCancel?: boolean) => void;
+    receivedData?: any;
+    backToView?: (req: any) => void;
+    varientId: string;
+    varient: string;
+};
+export type LetterProps = LetterBaseProps & ({
+    isReleaseInfo: false;
+    letterActionXHR: (req: any, action: 'save' | 'preview') => Promise<any>;
+} | {
+    isReleaseInfo: true;
+    updateLetterSchemaValuesForRInfo: (req: any) => Promise<any>;
+});
+export {};

package/dist/esm/types/components/Media/LetterFormBuilder/interfaces/ILetterSchema.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export interface ILetterSchema {
+    _id: string;
+    title: string;
+    spacing: string;
+    formRows: ILetterSchemaRow[];
+    jsonSchema: any;
+    jsonConfig: any;
+}
+export interface ILetterSchemaRow {
+    _id: string;
+    rowOrder: number;
+    fieldList: ILetterField[];
+    rowType?: string;
+    subTitle?: string;
+    subTitleType?: string;
+    rowClass?: string;
+}
+export interface ILetterField {
+    _id: string;
+    columnOrder: number;
+    width: string;
+    fieldKey: string;
+    fieldType: string;
+    preFilledKey: string;
+    title: string;
+    isValidationEnabled: boolean;
+    validation: ILetterFieldValidation[];
+    selected: ISelected;
+    options: IMultiSelectOption[];
+    className?: string;
+}
+export interface IMultiSelectOption {
+    id: string;
+    value: string;
+    displayName?: string;
+    isSelected?: boolean;
+}
+export interface IMultiSelectSelectedValues {
+    value: IMultiSelectOption[];
+}
+export interface ILetterFieldValidation {
+    validationType: string;
+    message: string;
+}
+export interface ISelected {
+    value: string | Date;
+    valueRef?: string;
+    isChecked?: boolean;
+}
+export interface IComponent {
+    id: string;
+    component: React.FC<any>;
+}

package/dist/esm/types/components/Media/LetterFormBuilder/interfaces/IQuestionSchema.d.ts

@@ -0,0 +1,50 @@
+import { IQuestionValidationSchema } from './IQuestionValidationSchema';
+export interface IQuestionSchema {
+    _id: string;
+    columnOrder: number;
+    columnClass: string;
+    visibleIf?: string;
+    question: IQuestion;
+}
+export interface IQuestion {
+    _id: string;
+    filedType?: string | null;
+    fieldName?: string;
+    component: string;
+    title: string;
+    placeholder?: string | null;
+    selected: ISelectedValue;
+    answers?: {
+        id: string;
+        value: string;
+        points?: number;
+    }[];
+    isValidationEnabled: boolean;
+    answerPrevData?: {
+        answerLabel: string;
+        lastEditedDate: string;
+    };
+    questionValidation?: IQuestionValidationSchema;
+    componentMetaData?: {
+        secondaryComponents?: {
+            condition?: string;
+            inputs?: [
+                {
+                    id?: string;
+                    name?: string;
+                    placeholder?: string;
+                    isRequired?: boolean;
+                }
+            ];
+        };
+    };
+    tooltip?: string;
+}
+export interface ISelectedValue {
+    value?: string | null | Date | boolean;
+    additionalValues?: object | null;
+    valueRef?: string;
+    answerPrevData?: object | null;
+    isChecked?: boolean | undefined;
+    points?: number;
+}

package/dist/esm/types/components/Media/LetterFormBuilder/interfaces/IQuestionValidationSchema.d.ts

@@ -0,0 +1,18 @@
+export declare enum ValidationType {
+    NONE = "NONE",
+    REGEX = "REGEX",
+    FUNCTION = "FUNCTION"
+}
+export declare enum ValidationFuncName {
+    TEST = "TEST"
+}
+export interface IQuestionValidationSchema {
+    validationType: ValidationType;
+    isRequired: boolean;
+    isRequiredErrorMsg?: string;
+    regex?: RegExp;
+    regexErrorMsg?: string;
+    validationFuncName?: ValidationFuncName;
+    functionParamList?: any[];
+    functionErrorMsg?: string;
+}

package/dist/esm/types/components/Media/LetterFormBuilder/interfaces/ISchema.d.ts

@@ -0,0 +1,32 @@
+import { IQuestionSchema } from './IQuestionSchema';
+export interface ISchema {
+    _id: string;
+    schemaSteps: ISchemaStep[];
+    jsonSchema?: any;
+    jsonConfig?: any;
+}
+export interface ISchemaStep {
+    _id: string;
+    stepNumber: number;
+    disclaimer?: string;
+    surveryProgress?: SurveryProgressEnum;
+    domain: string;
+    mainTitle: string;
+    contentTitle: string;
+    visibleIf?: string;
+    formRows: IFormRow[];
+}
+export declare enum SurveryProgressEnum {
+    NOTSTARTED = "NOTSTARTED",
+    INPROGRESS = "INPROGRESS",
+    COMPLETED = "COMPLETED"
+}
+export interface IFormRow {
+    _id: string;
+    rowOrder: number;
+    rowClass: string;
+    questionList: IQuestionSchema[];
+    component?: string;
+    subTitle?: string;
+    subTitleType?: string;
+}

package/dist/esm/types/components/Media/LetterFormBuilder/useInitialValues.d.ts

@@ -0,0 +1,3 @@
+import { ISchemaStep } from './interfaces/ISchema';
+declare function useInitialValues(): [object, (schemas: ISchemaStep[]) => void];
+export default useInitialValues;

package/dist/esm/types/components/Media/LetterFormBuilder/useLetterSchemaAdapter.d.ts

@@ -0,0 +1,4 @@
+import { ISchema } from './interfaces/ISchema';
+import { ILetterSchema } from './interfaces/ILetterSchema';
+declare function useLetterSchemaAdapter(): [ISchema | undefined, (letterSchema: ILetterSchema) => void];
+export default useLetterSchemaAdapter;

package/dist/esm/types/components/Media/LetterFormBuilder/useOrderSchema.d.ts

@@ -0,0 +1,3 @@
+import { ISchemaStep } from './interfaces/ISchema';
+declare function useOrderSchema(schemaArray: ISchemaStep[]): [ISchemaStep[], (schemaArray: ISchemaStep[]) => void];
+export default useOrderSchema;

package/dist/esm/types/components/Media/LetterFormBuilder/util.d.ts

@@ -0,0 +1,39 @@
+import * as Yup from 'yup';
+import { ILetterSchema } from './interfaces/ILetterSchema';
+import { IQuestionSchema, ISelectedValue } from './interfaces/IQuestionSchema';
+type NestedFieldShape<T> = {
+    value: T;
+};
+export declare const parseString: (inputString: string) => {
+    [key: string]: string;
+};
+export declare const isToday: (dateStr: string) => boolean;
+export declare const getTimezoneData: () => {
+    hours: number;
+    mins: number;
+};
+export declare const castToUTCDate: (date: string | Date | number | null) => Date | null;
+export declare const getLetterSchemaObject: (newSchema: ILetterSchema) => {
+    _id: string;
+    title: string;
+    spacing: string;
+    formRows: import("./interfaces/ILetterSchema").ILetterSchemaRow[];
+    jsonSchema: any;
+    jsonConfig: any;
+} | null;
+export declare function wrapSchemaForNestedValueFields<T extends Yup.AnyObject>(rawSchema: Yup.ObjectSchema<T>): Yup.ObjectSchema<Record<keyof T, Yup.ObjectSchema<NestedFieldShape<any>>>>;
+export declare const getGapClass: (gap: string) => string;
+export declare const decimalToFraction: (value: number) => string;
+export declare const getTailwindWidthClass: (percentStr: string) => string;
+export declare const getType: (type: string) => string;
+export declare const isComponentVisible: (condition: string, values: {
+    [key: string]: ISelectedValue;
+}) => boolean;
+export declare const isRowVisible: (questionList: IQuestionSchema[], values: {
+    [key: string]: ISelectedValue;
+}) => boolean;
+export declare const letterComponentSchema: {
+    fieldId: number;
+    component: string;
+}[];
+export {};

package/dist/esm/types/components/Media/LetterFormBuilder/validationHelper.d.ts

@@ -0,0 +1,7 @@
+import * as Yup from 'yup';
+type NestedFieldShape<T> = {
+    value: T;
+};
+export declare function wrapSchemaForNestedValueFields<T extends Yup.AnyObject>(rawSchema: Yup.ObjectSchema<T>): Yup.ObjectSchema<Record<keyof T, Yup.ObjectSchema<NestedFieldShape<any>>>>;
+export declare const touchAllFields: (values: any) => any;
+export {};

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

@@ -16,7 +16,7 @@ export { default as ImagePreview } from './ImagePreview';
 export { default as DatePicker } from './Datepicker';
 export * from './InputDatepicker';
 export { Row } from './core';
-export { PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, } from './PhoneNumberInput';
+export { PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, PhoneNumberInput4, } from './PhoneNumberInput';
 export { Tooltip } from './Tooltip';
 export { default as DialogBox } from '../components/core/DialogBox';
 export { default as Modal } from '../components/Modal';
@@ -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/index.d.ts

@@ -1610,6 +1610,8 @@ declare const PhoneNumberInput2: React__default.FC<PhoneNumberInputProps>;
 
 declare const PhoneNumberInput3: <T extends PhoneNumberInputProps>({ value, onChange, countryCallingCodeEditable, placeholder, additionalClasses, labelType, isBorderedError, inputVariant, error, type, readOnly, label, name, isAdditionalErrorInput, additionalErrorClasses, field, isRequired, ...props }: T) => React__default.JSX.Element;
 
+declare const PhoneNumberInput4: React__default.FC<PhoneNumberInputProps>;
+
 /**
  * Primary UI component for Tooltip
  */
@@ -1780,6 +1782,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>;
@@ -2147,5 +2159,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, PhoneNumberInput4, 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.136",
+  "version": "1.13.138",
   "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",
@@ -41,6 +43,7 @@
     "react-tooltip": "^5.26.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-scss": "^4.0.0",
+    "schema-to-yup": "^1.12.18",
     "signature_pad": "^4.2.0",
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.3.5",