dfh-ui-library 1.13.29 → 1.13.30

package/dist/cjs/types/components/core/Heading/Heading.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+interface HeadingProps {
+    /**
+     * Choose heading type
+     */
+    type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    /**
+     * Use to decide the color
+     */
+    colorType?: "white" | "dark" | "gray" | undefined;
+    /**
+     * Heading contents
+     */
+    label?: string;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+}
+/**
+ * Primary UI component for user interaction
+ */
+declare const Heading: React.FC<HeadingProps>;
+export default Heading;

package/dist/cjs/types/components/core/Heading/index.d.ts

@@ -0,0 +1 @@
+export { default as Heading } from "./Heading";

package/dist/cjs/types/components/core/Row.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface RowProps {
+    children: React.ReactNode;
+    additionalClasses?: string;
+}
+declare const Row: React.FC<RowProps>;
+export default Row;

package/dist/cjs/types/components/core/index.d.ts

@@ -0,0 +1 @@
+export { default as Row } from "./Row";

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

@@ -0,0 +1,64 @@
+import '../index.css';
+export { default as Button } from './Button';
+export { default as Typhography } from './Typhography';
+export { default as TyphographyFormGen } from './TyphographyFormGen';
+export { Input, Select, CheckBox, Label, InputValidation, Textarea, RadioButton, IconInput, ImageInput, } from './FormElements';
+export { default as Card } from './Card';
+export { default as ComponentProvider } from './ComponentProvider';
+export { default as Logo } from './Logo';
+export { default as LoadingSpinner } from './LoadingSpinner';
+export { default as NavBar } from './NavBar';
+export { default as Message } from './Message';
+export { default as Breadcrumb } from './Breadcrumb';
+export { default as ImagePreview } from './ImagePreview';
+export { default as DatePicker } from './Datepicker';
+export { default as InputDatePicker } from './InputDatepicker';
+export { Row } from './core';
+export { PhoneNumberInput, PhoneNumberInput2, PhoneNumberInput3, } from './PhoneNumberInput';
+export { Tooltip } from './Tooltip';
+export { default as DialogBox } from '../components/core/DialogBox';
+export { default as Modal } from '../components/Modal';
+export { default as CustomFileInput } from './CustomFileInput';
+export { Heading } from './core/Heading';
+export { default as TagDropdown } from './TagSelect';
+export { default as SearchDropdownWithButton } from './SearchDropdownWithButton';
+export { default as ButtonGroup } from './ButtonGroup';
+export { default as TagSelect } from './TagSelect';
+export { default as Icon } from './Media/Icon';
+export { Table } from './Gird';
+export { Tab, TabList, TabPanel } from './Tab';
+export { default as PanelCard } from './PanelCard';
+export { default as ProgressBar } from './ProgressBar';
+export { default as Stepper } from './Stepper';
+export { default as InfoCard } from './InfoCard';
+export { default as InputsGroup } from './InputsGroup';
+export { default as ButtonGroupWithInputs } from './ButtonGroupWithInputs';
+export { default as ButtonGroupWithUpload } from './ButtonGroupWithUpload';
+export { default as ButtonGroupFormGen } from './ButtonGroupFormGen';
+export { default as ButtonGroupWithInputsFormGen } from './ButtonGroupWithInputsFormGen';
+export { default as DynamicDualInputTextGroupFormGen } from './DynamicDualInputTextGroupFormGen';
+export { default as FilterButtonGroup } from './FilterButtonGroup';
+export { IndeterminateCheckbox } from './Gird';
+export { SelectUserWithButton } from './SelectDropdownUser';
+export { default as Timeline } from './Timeline';
+export { default as HistoryDetails } from './History';
+export { default as NoteEditor } from './NotesEditor';
+export { default as VersionDateDropdown } from './VersionDateDropdown';
+export { default as SortDropdown } from './SortDropdown';
+export { default as PreviousDataBadge } from './PreviousDataBadge';
+export { default as ListRow } from './ListRow';
+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 { default as TabButton } from './TabButton';
+export { default as TooltipWithChildren } from './Tooltip/TooltipWithChildren';
+export { default as Signature } from './Signature';
+export { default as ButtonGroupMultiSelect } from './ButtonGroup/ButtonGroupMultiSelect';
+export { default as ButtonGroupMultiSelectV2 } from './ButtonGroup/ButtonGroupMultiSelectV2';
+export { default as CheckBoxComponent } from './FilterButtonGroup/Checkbox';
+export { default as Todos } from './SideBarListView/todos';
+export { default as UrgentChallenges } from './SideBarListView/urgentChallenges';
+export { default as SsnInput } from './SsnInput';
+export { default as MultiSelectFormGen } from './MultiSelectFormGen';

package/dist/cjs/types/constants/Images.d.ts

@@ -0,0 +1,5 @@
+export declare const Images: {
+    AVATAR: any;
+    PATIENT: any;
+    DEFAULT_USER: any;
+};

package/dist/cjs/types/constants/index.d.ts

@@ -0,0 +1,5 @@
+export declare const DEFAULT_OPTIONS: {
+    value: string;
+    displayName: string;
+}[];
+export declare const SIGNATURE_TIMEOUT = 1500;

package/dist/cjs/types/hooks/index.d.ts

@@ -0,0 +1 @@
+export { default as UseSchemaProcessor } from "./useSchemaProcessor";

package/dist/cjs/types/hooks/usePagination.d.ts

@@ -0,0 +1,12 @@
+export declare function usePagination(pageS?: number, pageI?: number): {
+    limit: number;
+    onPaginationChange: import("react").Dispatch<import("react").SetStateAction<{
+        pageSize: number;
+        pageIndex: number;
+    }>>;
+    pagination: {
+        pageSize: number;
+        pageIndex: number;
+    };
+    skip: number;
+};

package/dist/cjs/types/hooks/useSchemaProcessor.d.ts

@@ -0,0 +1,9 @@
+import { IComponent, ISchema } from "../shared/models/components/common.model";
+interface UseSchemaProcessorProps {
+    schema: ISchema[];
+    externalSetComponents: (data: IComponent[]) => void;
+}
+declare const useSchemaProcessor: ({ schema, externalSetComponents, }: UseSchemaProcessorProps) => {
+    componentsRtn: IComponent[] | undefined;
+};
+export default useSchemaProcessor;

package/dist/cjs/types/hooks/useSorting.d.ts

@@ -0,0 +1,12 @@
+export declare function useSorting(initialField?: string, initialOrder?: string): {
+    sorting: {
+        id: string;
+        desc: boolean;
+    }[];
+    onSortingChange: import("react").Dispatch<import("react").SetStateAction<{
+        id: string;
+        desc: boolean;
+    }[]>>;
+    order: string;
+    field: string;
+};

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

@@ -0,0 +1,10 @@
+import "./index.css";
+export * from "./components";
+export * from "./hooks";
+export { VariantTypes, BorderType, LogoProps, } from "./shared/models/components/base.model";
+export { DropdownSearchProps, ClickedAction, TimelineEventProps, ListMasterDataProps, BtnOptionDropdown, BADGETYPE, OptionProps, NoteItemProps, NoteChildrenProps, NoteProps, UrgentDataProps, MessageProps, InputType, BadgeColorVariant, ISolutionvalues, AccountPopoverMenuItem } from "./shared/models/components/common.model";
+export { ColumnDef, SortingState } from "@tanstack/react-table";
+export { usePagination } from "./hooks/usePagination";
+export { useSorting } from "./hooks/useSorting";
+export { themeConfigs } from "./shared/configs/themeConfig";
+export { NoteHistoryProps } from "./shared/models/components/common.model";

package/dist/cjs/types/shared/configs/customClasses.d.ts

@@ -0,0 +1,92 @@
+export declare const Classes: {
+    wrapper: {
+        default: string;
+    };
+    heading: {
+        white: string;
+        gray: string;
+        dark: string;
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+    message: {
+        common: string;
+        error: string;
+        success: string;
+        warning: string;
+        neutral: string;
+        highlight: string;
+    };
+    card: {
+        common: string;
+        lightGray: string;
+        lightGrayHalf: string;
+        gray: string;
+        white: string;
+        black: string;
+        whiteBorder: string;
+        bgLightBlue: string;
+    };
+    button: {
+        default: string;
+        common: string;
+        disabled: string;
+        blackLarge: string;
+        blackMedium: string;
+        blackMediumH36: string;
+        blackSmall: string;
+        blackExtraSmall: string;
+        sentButton: string;
+        smallButtonGray: string;
+    };
+    inputValidation: {
+        error: string;
+    };
+    image: {
+        default: string;
+    };
+    icon: {
+        white: string;
+        black: string;
+    };
+};
+export declare enum LableClasses {
+    default = "text-black-600 text-14s font-normal",
+    black = "text-black-900 text-14s font-normal",
+    blackSmall = "text-black-960 text-12s font-normal",
+    smallSelect = "text-14s font-normal text-black-900",
+    formLabel = "text-14s text-btn-black font-semibold",
+    formLabelMedeum = "text-12s text-btn-black font-medium",
+    formButtonGroup = "text-21s text-btn-black font-normal",
+    fontSemiBold = "text-21s font-semibold"
+}
+export declare enum SelectClasses {
+    default = "form-select flex w-full mt-1 px-3 py-3 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block w-full rounded-md sm:text-sm focus:ring-1",
+    small = "form-select border border-gray-160 border-solid text-13s text-black-760 rounded-[3px] appearence-none placeholderColor-gray shadow-none",
+    regular = "form-select flex w-full mt-1 px-3 py-3 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block w-full rounded-md sm:text-sm focus:ring-1",
+    wrapper = "flex w-full flex-col relative",
+    error = "absolute top-[100%]"
+}
+export declare enum InputClasses {
+    default = "form-input h-[42px] border border-solid border-grey-100 rounded-lg text-black placeholderColor-gray  text-14s text-grey-900 px-4",
+    textArea = "form-input border border-solid border-grey-100 rounded-lg text-black placeholderColor-gray  text-grey-900 px-4",
+    readonly = "form-input text-black opacity-60 !outline-0 !border-none",
+    wrapper = "flex w-full flex-col relative mb-4",
+    error = "relative pt-1",
+    large = "form-input w-full h-14 border border-solid border-black-925 rounded-lg text-black placeholderColor-gray350 text-base shadow-none font-normal"
+}
+export declare enum TypoClasess {
+    white = "text-white",
+    black = "text-black-900",
+    blue = "text-blue",
+    gray = "text-gray-220",
+    grey540 = "text-grey-540",
+    gray720 = "text-gray-720",
+    black650 = "text-black-650",
+    inherit = "text-inherit",
+    black540 = "text-black-540"
+}

package/dist/cjs/types/shared/configs/themeConfig.d.ts

@@ -0,0 +1,277 @@
+export declare const themeConfigs: {
+    purge: string[];
+    important: boolean;
+    theme: {
+        fontFamily: {
+            sans: string[];
+        };
+        fontWeight: {
+            thin: number;
+            extralight: number;
+            light: number;
+            normal: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+            black: number;
+        };
+        extend: {
+            animation: {
+                "spin-slow": string;
+            };
+            transitionDelay: {
+                "150": string;
+            };
+            screens: {
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                "2xl": string;
+            };
+            borderColor: {
+                tcustomerror: string;
+            };
+            colors: {
+                transparent: string;
+                current: string;
+                "sky-light-blue": string;
+                btn: {
+                    black: string;
+                    disable: string;
+                    main: string;
+                    lightBlue: string;
+                    pinkRead: string;
+                };
+                dfhblue: {
+                    600: string;
+                };
+                primary: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                secondary: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                grey: {
+                    410: string;
+                    540: string;
+                    990: string;
+                    510: string;
+                    900: string;
+                    800: string;
+                    700: string;
+                    600: string;
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    50: string;
+                };
+                green: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                red: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                yellow: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                orange: {
+                    500: string;
+                    400: string;
+                    300: string;
+                    200: string;
+                    100: string;
+                    75: string;
+                    50: string;
+                };
+                black: {
+                    450: string;
+                    540: string;
+                    270: string;
+                    550: string;
+                    555: string;
+                    600: string;
+                    650: string;
+                    700: string;
+                    750: string;
+                    755: string;
+                    760: string;
+                    770: string;
+                    800: string;
+                    850: string;
+                    870: string;
+                    900: string;
+                    925: string;
+                    950: string;
+                    960: string;
+                };
+                gray: {
+                    95: string;
+                    100: string;
+                    110: string;
+                    115: string;
+                    120: string;
+                    125: string;
+                    140: string;
+                    150: string;
+                    152: string;
+                    155: string;
+                    160: string;
+                    165: string;
+                    180: string;
+                    190: string;
+                    200: string;
+                    220: string;
+                    300: string;
+                    320: string;
+                    325: string;
+                    330: string;
+                    350: string;
+                    355: string;
+                    360: string;
+                    365: string;
+                    390: string;
+                    400: string;
+                    410: string;
+                    420: string;
+                    450: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    725: string;
+                    800: string;
+                    820: string;
+                    900: string;
+                    905: string;
+                };
+                blue: {
+                    25: string;
+                    75: string;
+                    350: string;
+                    450: string;
+                    550: string;
+                    900: string;
+                    610: string;
+                };
+                primaryBlue: string;
+                lightBlue: string;
+                lightBlue100: string;
+                lightBlue200: string;
+                errorRed: string;
+                lightRed: string;
+                lightGreen: string;
+            };
+            placeholderColor: {
+                gray: string;
+                gray350: string;
+                gray600: string;
+            };
+            fontSize: {
+                "8s": string[];
+                "9s": string[];
+                "10s": string[];
+                "11s": string[];
+                "12s": string[];
+                "13s": string[];
+                "14s": string[];
+                "21s": string[];
+                "16s": string[];
+                "25s": string[];
+                "17s": string[];
+                "18s": string[];
+                "19s": string[];
+                "20s": string[];
+                "24s": string[];
+                "24-32s": string[];
+                "26s": string[];
+                "28s": string[];
+                "32s": string[];
+                "42s": string[];
+                "40s": string[];
+                "48s": string[];
+                "54s": string[];
+            };
+            height: {
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                25: string;
+                36: string;
+                38: string;
+                40: string;
+                "60px": string;
+                92: string;
+                78: string;
+                48: string;
+                160: string;
+            };
+            width: {
+                40: string;
+                112: string;
+                28: string;
+            };
+            margin: {
+                auto: string;
+            };
+            gap: {
+                4: string;
+            };
+            boxShadow: {
+                dropDown: string;
+                showMoreDropDown: string;
+                messages: string;
+                /** Old Shadow */
+                input: string;
+                swithOption: string;
+                analyticsCard: string;
+                paynowModal: string;
+                importInvoicesModal: string;
+            };
+            gridTemplateColumns: {
+                half: string;
+            };
+            opacity: {
+                12: string;
+            };
+        };
+    };
+    variants: {
+        screens: string[];
+        textColor: string[];
+    };
+    plugins: any[];
+};