dfh-ui-library 1.9.63 → 1.9.64

package/dist/esm/types/components/Timeline/NoteView.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { NoteItemProps } from "../../shared/models/components/common.model";
+interface NoteViewProps {
+    notes?: NoteItemProps[];
+}
+declare const NotesView: React.FC<NoteViewProps>;
+export default NotesView;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { TimelineProps } from "../../shared/models/components/common.model";
+declare const Timeline: React.FC<TimelineProps>;
+export default Timeline;

package/dist/esm/types/components/Timeline/TimelineEvent.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TimelineEventProps } from "../../shared/models/components/common.model";
+declare const TimelineEvent: React.FC<TimelineEventProps>;
+export default TimelineEvent;

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

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

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { VersionDropDownProps } from "../../shared/models/components/common.model";
+declare const VersionDateDropdown: React.FC<VersionDropDownProps>;
+export default VersionDateDropdown;

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

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

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

@@ -38,3 +38,6 @@ export { default as DynamicDualInputTextGroupFormGen } from "./DynamicDualInputT
 export { default as FilterButtonGroup } from "./FilterButtonGroup";
 export { IndeterminateCheckbox } from "./Gird";
 export { SelectUserWithButton } from "./SelectDropdownUser";
+export { default as Timeline } from "./Timeline";
+export { default as NoteEditor } from "./NotesEditor";
+export { default as VersionDateDropdown } from "./VersionDateDropdown";

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

@@ -5,9 +5,9 @@ export { InputType } from "./shared/models/components/common.model";
 export { LogoProps } from "./shared/models/components/base.model";
 export { MessageProps } from "./shared/models/components/common.model";
 export { VariantTypes } from "./shared/models/components/base.model";
-export { DropdownSearchProps, ClickedAction, } from "./shared/models/components/common.model";
+export { DropdownSearchProps, ClickedAction, TimelineEventProps, } from "./shared/models/components/common.model";
 export { BtnOptionDropdown } from "./shared/models/components/common.model";
-export { OptionProps } from "./shared/models/components/common.model";
+export { OptionProps, NoteItemProps, } from "./shared/models/components/common.model";
 export { ColumnDef, SortingState } from "@tanstack/react-table";
 export { usePagination } from "./hooks/usePagination";
 export { useSorting } from "./hooks/useSorting";

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

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes, 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" | undefined;
+export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | "smallWhite" | "smallWhiteSelected" | "smallBlue" | "primaryNoBoader" | undefined;
 export interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
     /**
      * Set the button type
@@ -86,7 +86,7 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
     /**
      * Set new variant of the input
      */
-    inputVariant?: "default" | "large" | "dynamic" | "uploadinput";
+    inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
     /**
      * Set Input name
      */
@@ -158,7 +158,9 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
     suffixed?: string;
     labelLeftAction?: () => void;
     labelLeftText?: string;
-    viewMode?: boolean;
+    ref?: any;
+    inputFocus?: any;
+    refProps?: any;
 }
 export interface IFormGenInputProps {
     /**
@@ -239,7 +241,6 @@ export interface IFormGenInputProps {
     tooltipProps?: ToolTipProps;
     selected?: selectedValue;
     onSelect?: (selectedOption: selectedValue) => void;
-    viewMode?: boolean;
 }
 export interface ICheckboxProps {
     onChange?: (checked: boolean) => void;
@@ -400,6 +401,9 @@ export interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement>
      */
     onlyLabel?: boolean;
     row?: number;
+    inputFocus?: any;
+    refProps?: any;
+    reSize?: string;
 }
 export interface ICardProps {
     /**
@@ -512,8 +516,6 @@ export interface IPanelCardProps extends AdditionalClassesProp {
     controllers?: React.ReactNode;
     /** Content displayed within the panel. */
     content?: React.ReactNode;
-    /** Classes for the panel content. */
-    contentClasses?: string | undefined;
 }
 export declare enum BorderType {
     Dotted = "border-dotted",

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

@@ -324,6 +324,21 @@ export interface DropdownSearchProps {
     listHeader?: string;
     selected?: string;
 }
+export interface DropdownVersionProps {
+    options?: OptionProps[];
+    label?: string;
+    labelType?: LableTypes;
+    onSelectedValuesChange?: (selectedValue: OptionProps) => void;
+    buttonProps?: BtnOptionDropdown[];
+    defaultValue?: string;
+    additionalErrorClasses?: string;
+    error?: string;
+    additionalClasses?: string;
+    readOnly?: boolean;
+    isBorderedError?: boolean;
+    listHeader?: string;
+    selected?: string;
+}
 export interface UserDropdownProps {
     options?: OptionProps[];
     label?: string;
@@ -347,6 +362,16 @@ export interface UserDropdownProps {
     edited?: boolean;
     editedValue?: OptionProps;
 }
+export interface VersionDropDownProps {
+    options?: {
+        displayText: string;
+        value: string;
+    }[];
+    additionalClasses?: string;
+    onClick?: () => void;
+    selectedValues?: string;
+    handleSelectedValuesChange?: (selectedValue: string) => void;
+}
 export declare enum ClickedAction {
     NONE = "NONE",
     ADDME = "ADDME",
@@ -383,7 +408,7 @@ export interface ButtonGroupProps extends InputGroupProps {
     onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
     buttonGroupCol?: string;
     onValueChange?: (value: string) => void;
-    viewMode?: boolean;
+    buttonType?: string;
 }
 export interface ButtonGroupWithUploadProps extends InputGroupProps {
     options: {
@@ -399,7 +424,6 @@ export interface ButtonGroupWithUploadProps extends InputGroupProps {
     additionalClasses?: string;
     onFileChange?: (file: File | null) => void;
     secondaryComponentsVisible?: boolean;
-    viewMode?: boolean;
 }
 export interface PaginationProps {
     pageSize: number;
@@ -432,7 +456,7 @@ export declare enum BADGETYPE {
     PILLS = "pills",
     LINK = "link"
 }
-export type BadgeColorVariant = "default" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink" | "gray";
+export type BadgeColorVariant = "default" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink";
 interface IBadgePropsBase extends AdditionalClassesProp {
     /** Type of badge based on predefined styles. */
     badgeType?: BADGETYPE;
@@ -497,7 +521,6 @@ export interface FormGenButtonGroupProps extends FormGenInputGroupProps {
     additionalClasses?: string;
     onFileChange?: (file: File | null) => void;
     secondaryComponentsVisible?: boolean;
-    viewMode?: boolean;
 }
 export interface selectedValue {
     value?: any;
@@ -519,7 +542,6 @@ export interface DyanamicDualInputProps {
     initObj?: any;
     onSelect: (selectedOption: selectedValue) => void;
     selected?: selectedValue;
-    viewMode?: boolean;
 }
 export interface DyanamicDualInputObject {
     username?: string;
@@ -538,11 +560,44 @@ export interface DyanamicDualInputBaseProps {
     inputValues?: DyanamicDualInputObject;
     handleChange: (inputObj: string, value: string, index: number) => void;
     currentIndex: number;
-    viewMode?: boolean;
 }
 export interface ICardInfoProps {
     text?: string;
     additionalClasses?: string;
     HeaderText?: string;
 }
+export interface TimelineProps {
+    timelines: TimelineEventProps[];
+    showAll?: string;
+    handleEditItem?: (items: NoteItemProps[]) => void;
+}
+export interface TimelineEventProps {
+    dateTime?: string;
+    name?: string;
+    chalenges?: any;
+    notes?: NoteItemProps[];
+    lastModified?: string;
+    showAll?: string;
+    handleEditItem?: (items: NoteItemProps[]) => void;
+}
+export interface NoteProps {
+    headerNote?: string;
+    footerNote?: string;
+    noteOptions?: NoteOptionsProps[];
+}
+export interface NoteOptionsProps {
+    text?: string;
+    checked?: boolean;
+}
+export interface NoteItemProps {
+    isChecked?: boolean;
+    text?: string | undefined;
+    enableCheckbox?: boolean;
+}
+export interface NoteComponentProps {
+    onAdd?: (items: NoteItemProps[]) => void;
+    cancelAction?: () => void;
+    enableNoteButton?: boolean;
+    savedItems?: NoteItemProps[] | undefined;
+}
 export {};

package/dist/index.d.ts

@@ -311,6 +311,16 @@ interface UserDropdownProps {
     edited?: boolean;
     editedValue?: OptionProps;
 }
+interface VersionDropDownProps {
+    options?: {
+        displayText: string;
+        value: string;
+    }[];
+    additionalClasses?: string;
+    onClick?: () => void;
+    selectedValues?: string;
+    handleSelectedValuesChange?: (selectedValue: string) => void;
+}
 declare enum ClickedAction {
     NONE = "NONE",
     ADDME = "ADDME",
@@ -347,7 +357,7 @@ interface ButtonGroupProps extends InputGroupProps {
     onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
     buttonGroupCol?: string;
     onValueChange?: (value: string) => void;
-    viewMode?: boolean;
+    buttonType?: string;
 }
 interface ButtonGroupWithUploadProps extends InputGroupProps {
     options: {
@@ -363,7 +373,6 @@ interface ButtonGroupWithUploadProps extends InputGroupProps {
     additionalClasses?: string;
     onFileChange?: (file: File | null) => void;
     secondaryComponentsVisible?: boolean;
-    viewMode?: boolean;
 }
 interface PaginationProps {
     pageSize: number;
@@ -398,7 +407,6 @@ interface FormGenButtonGroupProps extends FormGenInputGroupProps {
     additionalClasses?: string;
     onFileChange?: (file: File | null) => void;
     secondaryComponentsVisible?: boolean;
-    viewMode?: boolean;
 }
 interface selectedValue {
     value?: any;
@@ -420,7 +428,6 @@ interface DyanamicDualInputProps {
     initObj?: any;
     onSelect: (selectedOption: selectedValue) => void;
     selected?: selectedValue;
-    viewMode?: boolean;
 }
 interface DyanamicDualInputObject {
     username?: string;
@@ -432,8 +439,33 @@ interface ICardInfoProps {
     additionalClasses?: string;
     HeaderText?: string;
 }
+interface TimelineProps {
+    timelines: TimelineEventProps[];
+    showAll?: string;
+    handleEditItem?: (items: NoteItemProps[]) => void;
+}
+interface TimelineEventProps {
+    dateTime?: string;
+    name?: string;
+    chalenges?: any;
+    notes?: NoteItemProps[];
+    lastModified?: string;
+    showAll?: string;
+    handleEditItem?: (items: NoteItemProps[]) => void;
+}
+interface NoteItemProps {
+    isChecked?: boolean;
+    text?: string | undefined;
+    enableCheckbox?: boolean;
+}
+interface NoteComponentProps {
+    onAdd?: (items: NoteItemProps[]) => void;
+    cancelAction?: () => void;
+    enableNoteButton?: boolean;
+    savedItems?: NoteItemProps[] | undefined;
+}
 
-type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | undefined;
+type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | "smallWhite" | "smallWhiteSelected" | "smallBlue" | "primaryNoBoader" | undefined;
 interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
     /**
      * Set the button type
@@ -519,7 +551,7 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     /**
      * Set new variant of the input
      */
-    inputVariant?: "default" | "large" | "dynamic" | "uploadinput";
+    inputVariant?: "default" | "large" | "dynamic" | "uploadinput" | "small" | "noborder";
     /**
      * Set Input name
      */
@@ -591,7 +623,9 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     suffixed?: string;
     labelLeftAction?: () => void;
     labelLeftText?: string;
-    viewMode?: boolean;
+    ref?: any;
+    inputFocus?: any;
+    refProps?: any;
 }
 interface ICheckboxProps {
     onChange?: (checked: boolean) => void;
@@ -738,6 +772,9 @@ interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
      */
     onlyLabel?: boolean;
     row?: number;
+    inputFocus?: any;
+    refProps?: any;
+    reSize?: string;
 }
 interface ICardProps {
     /**
@@ -841,8 +878,6 @@ interface IPanelCardProps extends AdditionalClassesProp {
     controllers?: React.ReactNode;
     /** Content displayed within the panel. */
     content?: React.ReactNode;
-    /** Classes for the panel content. */
-    contentClasses?: string | undefined;
 }
 
 declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, }: IButtonProps) => React__default.JSX.Element;
@@ -1034,6 +1069,12 @@ declare const FilterButtonGroup: React__default.FC<ButtonGroupProps>;
 
 declare const SelectUserWithButton: React__default.FC<UserDropdownProps>;
 
+declare const Timeline: React__default.FC<TimelineProps>;
+
+declare const NoteEditor: React__default.FC<NoteComponentProps>;
+
+declare const VersionDateDropdown: React__default.FC<VersionDropDownProps>;
+
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -1338,4 +1379,4 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PanelCard, PhoneNumberInput, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, SelectUserWithButton, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, themeConfigs, usePagination, useSorting };
+export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, NoteEditor, type NoteItemProps, type OptionProps, PanelCard, PhoneNumberInput, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, SelectUserWithButton, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, type TimelineEventProps, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, VersionDateDropdown, themeConfigs, usePagination, useSorting };

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "dfh-ui-library",
-  "version": "1.9.63",
-  "description": "",
-  "scripts": {
-    "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "jest"
-  },
-  "author": "DFH dev",
-  "license": "ISC",
-  "dependencies": {
-    "@babel/preset-env": "^7.23.3",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@faker-js/faker": "^8.3.1",
-    "@fontsource/inter": "^5.0.16",
-    "@rollup/plugin-sucrase": "^5.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tanstack/react-table": "^8.11.3",
-    "@types/react": "^18.2.37",
-    "autoprefixer": "^10.4.16",
-    "classnames": "^2.3.2",
-    "formik": "^2.4.5",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.4",
-    "react": "^18.2.0",
-    "react-datepicker": "^4.24.0",
-    "react-dom": "^18.2.0",
-    "react-input-mask": "^3.0.0-alpha.2",
-    "react-phone-number-input": "^3.3.7",
-    "react-select": "^5.8.0",
-    "react-tooltip": "^5.24.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-scss": "^4.0.0",
-    "tailwindcss": "^3.3.5",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
-    "@storybook/addon-actions": "^7.6.3",
-    "@storybook/addon-docs": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/cli": "^7.5.3",
-    "@storybook/react": "^7.5.3",
-    "@storybook/react-webpack5": "^7.5.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.3",
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/jest": "^29.5.9",
-    "@types/react-datepicker": "^4.19.4",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
-    "autoprefixer": "^10.4.16",
-    "cssnano": "^6.0.1",
-    "eslint": "^8.54.0",
-    "eslint-plugin-react": "^7.33.2",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "postcss": "^8.4.31",
-    "postcss-cssnext": "^3.1.1",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^7.3.3",
-    "rollup": "^4.5.0",
-    "rollup-plugin-css-only": "^4.5.2",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^7.5.3",
-    "sugarss": "^4.0.1",
-    "vite": "^5.0.0"
-  },
-  "peerDependencies": {
-    "@tailwindcss/forms": "^0.5.7",
-    "autoprefixer": "^10.4.16",
-    "classnames": "^2.3.2",
-    "cssnano": "^6.0.1",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.4",
-    "postcss": "^8.4.31",
-    "postcss-cssnext": "^3.1.1",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^7.3.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwindcss": "^3.3.5"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts"
-}
+{
+  "name": "dfh-ui-library",
+  "version": "1.9.64",
+  "description": "",
+  "scripts": {
+    "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "jest"
+  },
+  "author": "DFH dev",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
+    "@faker-js/faker": "^8.3.1",
+    "@fontsource/inter": "^5.0.16",
+    "@rollup/plugin-sucrase": "^5.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tanstack/react-table": "^8.11.3",
+    "@types/react": "^18.2.37",
+    "autoprefixer": "^10.4.16",
+    "classnames": "^2.3.2",
+    "formik": "^2.4.5",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "react": "^18.2.0",
+    "react-datepicker": "^4.24.0",
+    "react-dom": "^18.2.0",
+    "react-input-mask": "^3.0.0-alpha.2",
+    "react-phone-number-input": "^3.3.7",
+    "react-select": "^5.8.0",
+    "react-tooltip": "^5.26.3",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-scss": "^4.0.0",
+    "tailwindcss": "^3.3.5",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@storybook/addon-actions": "^7.6.3",
+    "@storybook/addon-docs": "^7.5.3",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/cli": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/react-webpack5": "^7.5.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.3",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/jest": "^29.5.9",
+    "@types/react-datepicker": "^4.19.4",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/parser": "^6.12.0",
+    "autoprefixer": "^10.4.16",
+    "cssnano": "^6.0.1",
+    "eslint": "^8.54.0",
+    "eslint-plugin-react": "^7.33.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.31",
+    "postcss-cssnext": "^3.1.1",
+    "postcss-import": "^15.1.0",
+    "postcss-loader": "^7.3.3",
+    "rollup": "^4.5.0",
+    "rollup-plugin-css-only": "^4.5.2",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^7.5.3",
+    "sugarss": "^4.0.1",
+    "vite": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@tailwindcss/forms": "^0.5.7",
+    "autoprefixer": "^10.4.16",
+    "classnames": "^2.3.2",
+    "cssnano": "^6.0.1",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "postcss": "^8.4.31",
+    "postcss-cssnext": "^3.1.1",
+    "postcss-import": "^15.1.0",
+    "postcss-loader": "^7.3.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.3.5"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts"
+}