tp-react-elements 1.0.0

package/dist/utils/Constants/xlsx-js-style.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Lazy-loaded xlsx-js-style module
+ * This module provides dynamic imports for xlsx-js-style to reduce initial bundle size
+ */
+/**
+ * Get the XLSX module from xlsx-js-style
+ * @returns Promise that resolves to the XLSX module
+ */
+export declare const getXLSX: () => Promise<any>;
+/**
+ * Utility functions that mirror the XLSX API but load the module dynamically
+ */
+export declare const utils: {
+    json_to_sheet: (data: any, options?: any) => Promise<any>;
+    book_new: () => Promise<any>;
+    book_append_sheet: (wb: any, ws: any, name: string) => Promise<any>;
+    encode_col: (col: number) => Promise<any>;
+};
+/**
+ * Write function that mirrors the XLSX.write API but loads the module dynamically
+ */
+export declare const write: (wb: any, options: any) => Promise<any>;

package/dist/utils/Constants/xlsx-js-style.esm.js

@@ -0,0 +1,46 @@
+/**
+ * Lazy-loaded xlsx-js-style module
+ * This module provides dynamic imports for xlsx-js-style to reduce initial bundle size
+ */
+let XLSX = null;
+/**
+ * Get the XLSX module from xlsx-js-style
+ * @returns Promise that resolves to the XLSX module
+ */
+const getXLSX = async () => {
+    if (!XLSX) {
+        const module = await import('xlsx-js-style');
+        XLSX = module;
+    }
+    return XLSX;
+};
+/**
+ * Utility functions that mirror the XLSX API but load the module dynamically
+ */
+const utils = {
+    json_to_sheet: async (data, options) => {
+        const xlsx = await getXLSX();
+        return xlsx.utils.json_to_sheet(data, options);
+    },
+    book_new: async () => {
+        const xlsx = await getXLSX();
+        return xlsx.utils.book_new();
+    },
+    book_append_sheet: async (wb, ws, name) => {
+        const xlsx = await getXLSX();
+        return xlsx.utils.book_append_sheet(wb, ws, name);
+    },
+    encode_col: async (col) => {
+        const xlsx = await getXLSX();
+        return xlsx.utils.encode_col(col);
+    },
+};
+/**
+ * Write function that mirrors the XLSX.write API but loads the module dynamically
+ */
+const write = async (wb, options) => {
+    const xlsx = await getXLSX();
+    return xlsx.write(wb, options);
+};
+
+export { getXLSX, utils, write };

package/dist/utils/Interface/FormInterface.d.ts

@@ -0,0 +1,86 @@
+import { Theme } from '@emotion/react';
+import { SxProps } from '@mui/material';
+export interface OptionsProps {
+    label: string | boolean | number;
+    value: string | number;
+}
+export interface TextFieldInputProps {
+    autoComplete: 'new-password' | 'off';
+}
+export interface FormSectionPropsItem {
+    name: string;
+    label: string;
+    inputType: 'text' | 'password' | 'number' | 'select' | 'autocomplete-select' | 'autocomplete-multi-select' | 'single-select-search' | 'datepicker' | 'multiselect' | 'select-v2' | 'basic-select' | 'decimal' | 'alpha-numerical' | 'yearpicker' | 'dateRangePicker' | 'monthpicker' | 'multiselect' | 'file' | 'multifile' | 'multifile-with-preview' | 'textarea' | 'phoneNumber' | 'pincode' | 'email' | 'toggleSwitch' | 'rich-text-editor' | 'multiEmail' | 'timepicker' | 'checkbox-group' | 'radio-group' | 'checkbox' | 'custom' | 'input-select' | 'date-range-picker' | '';
+    options?: OptionsProps[];
+    required?: boolean;
+    errorMessage?: string;
+    helperText?: string | React.ReactNode;
+    disable?: boolean;
+    onChangeFn?: (e: string | number | undefined | null | boolean | any, values?: any) => void;
+    onBlurFn?: (e: string | number | undefined | null | boolean | any) => void;
+    onChangeSetFileFn?: (e: File | File[]) => void;
+    showFileCarousel?: boolean;
+    maxLength?: number;
+    autoFocus?: boolean;
+    maxValue?: number;
+    minDate?: string;
+    maxDate?: string;
+    placeholder?: string;
+    minRows?: string | number;
+    maxRows?: string | number;
+    CustomProps?: any;
+    numberOfColumns?: number;
+    monthSpan?: number;
+    variant?: VariantProps;
+    allowSpecialChars?: boolean;
+    allowNumbers?: boolean;
+    allowText?: boolean;
+    allowHyphen?: boolean;
+    InputProps?: TextFieldInputProps;
+    customErrorMessage?: string | null;
+    sx?: SxProps<Theme>;
+    donotAllowSpace?: boolean;
+    onInputProps?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    fileType?: 'excel' | 'pdf' | 'all' | 'zip' | 'image' | 'document' | '';
+    handleFileError?: (message: string) => void;
+    onCloseMenu?: () => void;
+    doNotAllowPaste?: boolean;
+    removeButtons?: string;
+    selectedFileName?: string;
+    Fonts?: number[];
+    FontFamily?: any;
+    value1?: string | number | boolean;
+    value2?: string | number | boolean;
+    label1?: string;
+    label2?: string;
+    minTime?: string;
+    maxTime?: string;
+    ampm?: boolean;
+    settings?: FormSectionPropsItem[];
+    filesize?: number;
+    multiSelectLabelLength?: number;
+    size?: 'extrasmall' | '';
+    decimalFixedTo?: number;
+    DateFormat?: string;
+    customValidation?: (value: any) => void;
+    FormElement?: React.ReactNode;
+    autoFIll?: boolean;
+    setLoadList?: any;
+    changeValue?: any;
+    api?: string;
+    jwtHeader?: any;
+    searchValue?: any;
+}
+export type VariantProps = 'standard' | 'outlined' | '';
+export interface FormRenderProps {
+    item: FormSectionPropsItem;
+    register: any;
+    control: any;
+    errors: any;
+    getValues: any;
+    clearErrors: any;
+    setValue: any;
+    watch?: any;
+    variant?: VariantProps;
+    fieldError?: boolean;
+}

package/dist/utils/Interface/MainInterface.d.ts

@@ -0,0 +1,17 @@
+import { Theme } from '@emotion/react';
+import { SxProps } from '@mui/material';
+export interface ProjectComponentTPButton {
+    name: string;
+    isEnableConfirmDialog: boolean;
+    sx?: SxProps<Theme>;
+}
+export interface ProjectComponentStyles {
+    TPButton: ProjectComponentTPButton[];
+    TPButtonCommonSx: SxProps<Theme>;
+}
+export interface ProjectThemeStyles {
+    Component: ProjectComponentStyles;
+}
+export interface ProjectThemePropsTp {
+    Styles: ProjectThemeStyles;
+}

package/dist/utils/Interface/ModalInterface.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@emotion/react';
+import { SxProps } from '@mui/material';
+export interface ConfirmationDialogProps {
+    openConfirmDialog: boolean;
+    handleCancel: () => void;
+    onClickSubmit: () => void;
+    text?: string;
+    Submit?: string;
+    Cancel?: string;
+    title?: string;
+    sx?: SxProps<Theme>;
+}

package/dist/utils/Interface/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FormInterface';
+export * from './MainInterface';
+export * from './ModalInterface';

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor, } from './Constants/FunctionConstants';
+export * from './Constants/FormConstants';
+export * from './Interface/FormInterface';

package/dist/utils/index.esm.js

@@ -0,0 +1,4 @@
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor } from './Constants/FunctionConstants.esm.js';
+export { extractDate, formatDateMonthAndYear, formatDayjsToCustomTime, parseCustomTime, renderLabel } from './Constants/FormConstants.esm.js';
+
+// Utility Functions - Helper functions for form operations and data manipulation

package/dist/validation/index.d.ts

@@ -0,0 +1 @@
+export * from './schemas';

package/dist/validation/index.esm.js

@@ -0,0 +1 @@
+export { contactSchema, dateSchema, emailSchema, loginSchema, numberSchema, optionalNumberSchema, optionalStringSchema, passwordSchema, phoneSchema, registrationSchema, requiredStringSchema, urlSchema } from './schemas.esm.js';

package/dist/validation/schemas.d.ts

@@ -0,0 +1,101 @@
+import * as yup from 'yup';
+/**
+ * Schema for validating email addresses.
+ * Requires a valid email format and is mandatory.
+ */
+export declare const emailSchema: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+/**
+ * Schema for validating passwords.
+ * Requires at least 8 characters, one uppercase, one lowercase, and one number.
+ */
+export declare const passwordSchema: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+/**
+ * Schema for validating phone numbers.
+ * Accepts optional '+' and up to 15 digits.
+ */
+export declare const phoneSchema: yup.StringSchema<yup.Maybe<string | undefined>, yup.AnyObject, undefined, "">;
+/**
+ * Schema for a required string field.
+ */
+export declare const requiredStringSchema: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+/**
+ * Schema for an optional string field.
+ */
+export declare const optionalStringSchema: yup.StringSchema<yup.Maybe<string | undefined>, yup.AnyObject, undefined, "">;
+/**
+ * Schema for a required number field.
+ * Ensures the value is a number.
+ */
+export declare const numberSchema: yup.NumberSchema<number, yup.AnyObject, undefined, "">;
+/**
+ * Schema for an optional number field.
+ * Ensures the value is a number if provided.
+ */
+export declare const optionalNumberSchema: yup.NumberSchema<yup.Maybe<number | undefined>, yup.AnyObject, undefined, "">;
+/**
+ * Schema for a required date field.
+ * Ensures the value is a valid date.
+ */
+export declare const dateSchema: yup.DateSchema<Date, yup.AnyObject, undefined, "">;
+/**
+ * Schema for a required URL field.
+ * Ensures the value is a valid URL.
+ */
+export declare const urlSchema: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+/**
+ * Schema for login forms.
+ * Requires email and password fields.
+ */
+export declare const loginSchema: yup.ObjectSchema<{
+    email: string;
+    password: string;
+}, yup.AnyObject, {
+    email: undefined;
+    password: undefined;
+}, "">;
+/**
+ * Schema for registration forms.
+ * Requires first name, last name, email, password, and confirm password fields.
+ * Ensures confirm password matches password.
+ */
+export declare const registrationSchema: yup.ObjectSchema<{
+    firstName: string;
+    lastName: string;
+    email: string;
+    password: string;
+    confirmPassword: string;
+}, yup.AnyObject, {
+    firstName: undefined;
+    lastName: undefined;
+    email: undefined;
+    password: undefined;
+    confirmPassword: undefined;
+}, "">;
+/**
+ * Schema for contact forms.
+ * Requires name, email, and message fields.
+ * Phone is optional.
+ */
+export declare const contactSchema: yup.ObjectSchema<{
+    name: string;
+    email: string;
+    phone: yup.Maybe<string | undefined>;
+    message: string;
+}, yup.AnyObject, {
+    name: undefined;
+    email: undefined;
+    phone: undefined;
+    message: undefined;
+}, "">;
+/**
+ * Type for login form values inferred from loginSchema.
+ */
+export type LoginForm = yup.InferType<typeof loginSchema>;
+/**
+ * Type for registration form values inferred from registrationSchema.
+ */
+export type RegistrationForm = yup.InferType<typeof registrationSchema>;
+/**
+ * Type for contact form values inferred from contactSchema.
+ */
+export type ContactForm = yup.InferType<typeof contactSchema>;

package/dist/validation/schemas.esm.js

@@ -0,0 +1,111 @@
+import * as Yup from 'yup';
+
+/**
+ * Centralized error messages for validation schemas.
+ * @constant
+ */
+const ERRORS = {
+    required: 'This field is required',
+    email: 'Please enter a valid email address',
+    password: {
+        min: 'Password must be at least 8 characters',
+        upper: 'Password must contain at least one uppercase letter',
+        lower: 'Password must contain at least one lowercase letter',
+        number: 'Password must contain at least one number',
+        required: 'Password is required',
+        match: 'Passwords must match',
+        confirm: 'Please confirm your password',
+    },
+    phone: 'Please enter a valid phone number',
+    number: 'Please enter a valid number',
+    date: 'Please enter a valid date',
+    url: 'Please enter a valid URL',
+};
+/**
+ * Schema for validating email addresses.
+ * Requires a valid email format and is mandatory.
+ */
+const emailSchema = Yup.string().email(ERRORS.email).required(ERRORS.required);
+/**
+ * Schema for validating passwords.
+ * Requires at least 8 characters, one uppercase, one lowercase, and one number.
+ */
+const passwordSchema = Yup
+    .string()
+    .min(8, ERRORS.password.min)
+    .matches(/[A-Z]/, ERRORS.password.upper)
+    .matches(/[a-z]/, ERRORS.password.lower)
+    .matches(/[0-9]/, ERRORS.password.number)
+    .required(ERRORS.password.required);
+/**
+ * Schema for validating phone numbers.
+ * Accepts optional '+' and up to 15 digits.
+ */
+const phoneSchema = Yup
+    .string()
+    .matches(/^[+]?[1-9][\d]{0,15}$/, ERRORS.phone)
+    .notRequired();
+/**
+ * Schema for a required string field.
+ */
+const requiredStringSchema = Yup.string().required(ERRORS.required);
+/**
+ * Schema for an optional string field.
+ */
+const optionalStringSchema = Yup.string().notRequired();
+/**
+ * Schema for a required number field.
+ * Ensures the value is a number.
+ */
+const numberSchema = Yup.number().typeError(ERRORS.number).required(ERRORS.required);
+/**
+ * Schema for an optional number field.
+ * Ensures the value is a number if provided.
+ */
+const optionalNumberSchema = Yup.number().typeError(ERRORS.number).notRequired();
+/**
+ * Schema for a required date field.
+ * Ensures the value is a valid date.
+ */
+const dateSchema = Yup.date().typeError(ERRORS.date).required(ERRORS.required);
+/**
+ * Schema for a required URL field.
+ * Ensures the value is a valid URL.
+ */
+const urlSchema = Yup.string().url(ERRORS.url).required(ERRORS.required);
+/**
+ * Schema for login forms.
+ * Requires email and password fields.
+ */
+const loginSchema = Yup.object({
+    email: emailSchema,
+    password: Yup.string().required(ERRORS.password.required),
+});
+/**
+ * Schema for registration forms.
+ * Requires first name, last name, email, password, and confirm password fields.
+ * Ensures confirm password matches password.
+ */
+const registrationSchema = Yup.object({
+    firstName: requiredStringSchema,
+    lastName: requiredStringSchema,
+    email: emailSchema,
+    password: passwordSchema,
+    confirmPassword: Yup
+        .string()
+        .oneOf([Yup.ref('password')], ERRORS.password.match)
+        .required(ERRORS.password.confirm),
+});
+/**
+ * Schema for contact forms.
+ * Requires name, email, and message fields.
+ * Phone is optional.
+ */
+const contactSchema = Yup.object({
+    name: requiredStringSchema,
+    email: emailSchema,
+    phone: phoneSchema,
+    message: requiredStringSchema,
+});
+
+export { contactSchema, dateSchema, emailSchema, loginSchema, numberSchema, optionalNumberSchema, optionalStringSchema, passwordSchema, phoneSchema, registrationSchema, requiredStringSchema, urlSchema };

package/package.json

@@ -0,0 +1,198 @@
+{
+  "name": "tp-react-elements",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "description": "React form components library built with React Hook Form and Yup",
+  "main": "dist/index.esm.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./form": {
+      "import": "./dist/components/Form/index.esm.js",
+      "types": "./dist/components/Form/index.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/utils/index.esm.js",
+      "types": "./dist/utils/index.d.ts"
+    },
+    "./validation": {
+      "import": "./dist/validation/index.esm.js",
+      "types": "./dist/validation/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./dist/components/*/index.esm.js",
+      "types": "./dist/components/*/index.d.ts"
+    },
+    "./theme": {
+      "import": "./dist/theme/index.esm.js",
+      "types": "./dist/theme/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "bin": {
+    "install-tp-form-deps": "./scripts/install-deps.js"
+  },
+  "files": [
+    "dist",
+    "scripts"
+  ],
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "preview": "vite preview",
+    "clean": "rimraf dist dist-dev",
+    "type-check": "tsc --noEmit",
+    "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly && tsc-alias -p tsconfig.build.json && echo \"✅ TypeScript declaration files generated successfully!\"",
+    "build:types:qa": "tsc --project tsconfig.build.qa.json --emitDeclarationOnly && tsc-alias -p tsconfig.build.qa.json && echo \"✅ QA declaration files (with maps) generated!\"",
+    "build:esm": "npm run clean && rollup -c rollup.config.js",
+    "build:lib": "npm run clean && rollup -c rollup.config.js && npm run build:types && echo \"✅ Complete library build finished! ESM build completed successfully!\"",
+    "build:lib:qa": "npm run clean && rollup -c rollup.config.js && npm run build:types:qa && echo \"✅ QA build finished (includes .d.ts.map)\"",
+    "analyze": "npm run clean && cross-env BUNDLE_ANALYZE=true rollup -c rollup.config.js",
+    "analyze:dev": "cross-env ANALYZE_BUNDLE=true vite build",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint . --ext ts,tsx --fix",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,scss,md,json}\"",
+    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,css,scss,md,json}\"",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major",
+    "publish:prepare": "npm run build:lib && npm run type-check",
+    "publish:npm": "npm publish",
+    "publish:beta": "npm publish --tag beta",
+    "publish:auto": "npm run publish:prepare && npm publish",
+    "install-peers": "install-tp-form-deps",
+    "package-build": "rollup -c --bundleConfigAsCjs",
+    "prepublishOnly": "npm run build:lib"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11.14.0 <13.0.0",
+    "@emotion/styled": ">=11.14.1 <13.0.0",
+    "@hookform/error-message": ">=2.0.1 <3.0.0",
+    "@hookform/resolvers": ">=5.2.1 <6.0.0",
+    "@mui/icons-material": ">=7.3.1 <8.0.0",
+    "@mui/material": ">=7.3.1 <8.0.0",
+    "@mui/x-date-pickers": ">=8.10.2 <9.0.0",
+    "crypto-js": ">=4.2.0 <5.0.0",
+    "dayjs": ">=1.11.13 <2.0.0",
+    "file-saver": ">=2.0.5 <3.0.0",
+    "jodit": ">=4.6.2 <5.0.0",
+    "jodit-react": ">=5.2.19 <6.0.0",
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20",
+    "react-hook-form": ">=7.62.0 <8.0.0",
+    "react-idle-timer": ">=5.7.2 <6.0.0",
+    "xlsx-js-style": ">=1.2.0 <2.0.0",
+    "yup": ">=1.7.0 <2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-idle-timer": {
+      "optional": true
+    },
+    "jodit": {
+      "optional": true
+    },
+    "jodit-react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@hookform/error-message": "^2.0.1",
+    "@hookform/resolvers": "^5.2.1",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/material": "^7.3.1",
+    "@mui/x-date-pickers": "^8.10.2",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-docs": "^9.1.2",
+    "@storybook/addon-links": "^9.1.2",
+    "@storybook/react-vite": "^9.1.2",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/crypto-js": "^4.2.2",
+    "@types/file-saver": "^2.0.7",
+    "@types/node": "^22.11.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.8.0",
+    "@typescript-eslint/parser": "^8.8.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "@vitest/coverage-v8": "^3.0.0",
+    "@vitest/ui": "^3.0.0",
+    "cross-env": "^10.0.0",
+    "crypto-js": "^4.2.0",
+    "dayjs": "^1.11.13",
+    "eslint": "^9.12.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.12",
+    "eslint-plugin-storybook": "9.1.2",
+    "file-saver": "^2.0.5",
+    "glob": "^10.4.5",
+    "jodit": "^4.6.2",
+    "jodit-react": "^5.2.19",
+    "jsdom": "^25.0.0",
+    "prettier": "^3.6.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-hook-form": "^7.62.0",
+    "react-idle-timer": "^5.7.2",
+    "rimraf": "^5.0.7",
+    "rollup": "^4.22.4",
+    "rollup-plugin-analyzer": "^4.0.0",
+    "rollup-plugin-bundle-size": "^1.0.3",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "sass-embedded": "^1.90.0",
+    "storybook": "^9.1.2",
+    "tsc-alias": "^1.8.16",
+    "typescript": "^5.5.4",
+    "vite": "^6.0.0",
+    "vitest": "^3.0.0",
+    "xlsx-js-style": "^1.2.0",
+    "yup": "^1.7.0"
+  },
+  "keywords": [
+    "react",
+    "forms",
+    "components",
+    "react-hook-form",
+    "yup",
+    "typescript"
+  ],
+  "author": "Mohammad Asheesh",
+  "contributors": [
+    "Karthik Mayandi",
+    "Other Dev"
+  ],
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.17.0 || >=20.11.0",
+    "npm": ">=10.9.0"
+  },
+  "dependencies": {
+    "@types/react-date-range": "^1.4.10",
+    "axios": "^1.13.2",
+    "date-fns": "^4.1.0",
+    "react-date-range": "^2.0.1"
+  }
+}