tp-react-elements-dev 1.12.24 → 1.12.26

package/dist/components/Select/index.esm.js

@@ -0,0 +1,8 @@
+export { default as SingleSelect } from '../FormComponents/Select/SingleSelect.esm.js';
+export { default as SingleSelectNonAutoComplete } from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
+export { default as SingleSelectSearchApi } from '../FormComponents/Select/SingleSelectSearchApi.esm.js';
+export { default as MultiSelectV1 } from '../FormComponents/Select/MultiSelectv1.esm.js';
+
+var index = {};
+
+export { index as default };

package/dist/components/SelectField/MultiSelectField.d.ts

@@ -0,0 +1 @@
+export { default } from './MultiSelectFieldComponent';

package/dist/components/SelectField/MultiSelectFieldComponent.d.ts

@@ -9,4 +9,3 @@ interface MultiSelectProps {
 }
 export default function MultiSelectFieldComponent({ value, options, onChangeFn, disable, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=MultiSelectFieldComponent.d.ts.map

package/dist/components/SelectField/{MultiSelectFieldComponent.js → MultiSelectFieldComponent.esm.js}

@@ -20,13 +20,13 @@ const MenuProps = {
     disableAutoFocusItem: true,
 };
 const extractValuesToArray = (inputString) => {
-    const valuesArray = inputString?.split(",");
+    const valuesArray = inputString?.split(',');
     const trimmedArray = valuesArray?.map((value) => value.trim());
     return trimmedArray;
 };
 function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false, }) {
     const [personName, setPersonName] = React.useState(value ? extractValuesToArray(value) : []);
-    const [searchText, setSearchText] = useState("");
+    const [searchText, setSearchText] = useState('');
     const [filterOptions, setFilterOptions] = useState(options);
     const [selectAll, setSelectAll] = useState(false);
     const textfieldRef = React.useRef(null);
@@ -34,7 +34,7 @@ function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false
     const mappedIds = filterOptions.map((item) => item.value);
     const filterIds = filterOptions.map((item) => item.value);
     React.useEffect(() => {
-        if (searchText !== "") {
+        if (searchText !== '') {
             setFilterOptions(options.filter((item) => item.label.toLowerCase().includes(searchText.toLowerCase())));
         }
         else {
@@ -45,33 +45,29 @@ function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false
         return array.some((item) => item === value);
     }
     React.useEffect(() => {
-        if (fieldValue?.split(",").length !== filterOptions.length) {
+        if (fieldValue?.split(',').length !== filterOptions.length) {
             setSelectAll(false);
         }
         else {
-            if (fieldValue
-                ?.split(",")
-                .every((value) => hasExactMatch(filterIds, value))) {
+            if (fieldValue?.split(',').every((value) => hasExactMatch(filterIds, value))) {
                 setSelectAll(true);
             }
         }
     }, [filterOptions, fieldValue]);
     const handleChange = (event) => {
         const { target: { value }, } = event;
-        setPersonName(typeof value === "string" ? value?.split(",") : value);
-        onChangeFn((typeof value === "string" ? value?.split(",") : value).join(","));
+        setPersonName(typeof value === 'string' ? value?.split(',') : value);
+        onChangeFn((typeof value === 'string' ? value?.split(',') : value).join(','));
     };
-    const selectedOptions = options.filter((item) => fieldValue?.split(",").some((value) => value === item.value));
-    const selectedValues = selectedOptions
-        .map((item) => item.label)
-        .join(" , ");
+    const selectedOptions = options.filter((item) => fieldValue?.split(',').some((value) => value === item.value));
+    const selectedValues = selectedOptions.map((item) => item.label).join(' , ');
     return (jsx(Box, { children: jsx(FormControl, { fullWidth: true, sx: {
-                "& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy": {
-                    top: "-10px",
+                '& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy': {
+                    top: '-10px',
                 },
             }, children: jsxs(Select, { labelId: "demo-multiple-checkbox-label", id: "demo-multiple-checkbox", multiple: true, sx: {
-                    "& .MuiTypography-root": {
-                        fontSize: "5px !important",
+                    '& .MuiTypography-root': {
+                        fontSize: '5px !important',
                     },
                 }, disabled: disable, value: value ? extractValuesToArray(value) : [], onChange: handleChange, onOpen: () => {
                     setTimeout(() => {
@@ -80,50 +76,45 @@ function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false
                         }
                     }, 0);
                 }, onClose: () => {
-                    setSearchText("");
-                }, renderValue: () => (jsx(Tooltip, { title: selectedValues, children: jsx("span", { children: selectedOptions.length > 3
-                            ? `${selectedOptions.length} Selected`
-                            : selectedValues }) })), MenuProps: MenuProps, autoFocus: false, children: [jsx(Box, { sx: {
-                            width: "100%",
-                            position: "sticky",
-                            top: "0px",
-                            padding: "7px",
+                    setSearchText('');
+                }, renderValue: () => (jsx(Tooltip, { title: selectedValues, children: jsx("span", { children: selectedOptions.length > 3 ? `${selectedOptions.length} Selected` : selectedValues }) })), MenuProps: MenuProps, autoFocus: false, children: [jsx(Box, { sx: {
+                            width: '100%',
+                            position: 'sticky',
+                            top: '0px',
+                            padding: '7px',
                             zIndex: 2,
-                            height: "33px",
-                            background: "#fff",
-                            display: options.length === 0 ? "none" : undefined,
+                            height: '33px',
+                            background: '#fff',
+                            display: options.length === 0 ? 'none' : undefined,
                         }, children: jsx(TextField, { inputRef: textfieldRef, autoFocus: true, value: searchText, sx: {
-                                width: "100%",
+                                width: '100%',
                             }, placeholder: "Search...", onChange: (e) => {
                                 setSearchText(e.target.value);
                             }, onKeyDown: (e) => {
-                                if (e.key !== "Escape") {
+                                if (e.key !== 'Escape') {
                                     e.stopPropagation();
                                 }
-                            } }) }), jsxs(MenuItem, { disabled: filterOptions.length === 0, sx: { zIndex: 0, fontSize: "5px !important" }, children: [jsx(Checkbox, { size: "small", checked: selectAll, onChange: () => {
+                            } }) }), jsxs(MenuItem, { disabled: filterOptions.length === 0, sx: { zIndex: 0, fontSize: '5px !important' }, children: [jsx(Checkbox, { size: "small", checked: selectAll, onChange: () => {
                                     setSelectAll(!selectAll);
                                     const selectChanged = !selectAll;
                                     if (!selectChanged) {
-                                        onChangeFn("");
+                                        onChangeFn('');
                                     }
                                     else {
-                                        const allDataMapped = mappedIds.join(",");
-                                        console.log(allDataMapped, "allDataMapped");
+                                        const allDataMapped = mappedIds.join(',');
                                         onChangeFn(allDataMapped);
                                     }
-                                } }), jsx(ListItemText, { primary: "Select All", sx: {
-                                    fontSize: "5px !important",
-                                    "& span": {
-                                        fontSize: "12px !important",
+                                } }), jsx(ListItemText, { primary: 'Select All', sx: {
+                                    fontSize: '5px !important',
+                                    '& span': {
+                                        fontSize: '12px !important',
                                     },
-                                } })] }), filterOptions.length !== 0 ? (filterOptions.map((option) => (jsxs(MenuItem, { value: `${option.value}`, sx: { zIndex: 0, fontSize: "11px !important" }, children: [jsx(Checkbox, { checked: fieldValue
-                                    ?.split(",")
-                                    .some((value) => value === option.value), size: "small" }), jsx(ListItemText, { primary: option.label, sx: {
-                                    fontSize: "5px !important",
-                                    "& span": {
-                                        fontSize: "12px !important",
+                                } })] }), filterOptions.length !== 0 ? (filterOptions.map((option) => (jsxs(MenuItem, { value: `${option.value}`, sx: { zIndex: 0, fontSize: '11px !important' }, children: [jsx(Checkbox, { checked: fieldValue?.split(',').some((value) => value === option.value), size: "small" }), jsx(ListItemText, { primary: option.label, sx: {
+                                    fontSize: '5px !important',
+                                    '& span': {
+                                        fontSize: '12px !important',
                                     },
-                                } })] }, option.value)))) : (jsx(MenuItem, { disabled: true, value: "NA", children: "No data Found" }, "NA"))] }) }) }));
+                                } })] }, option.value)))) : (jsx(MenuItem, { disabled: true, value: 'NA', children: "No data Found" }, 'NA'))] }) }) }));
 }
 
 export { MultiSelectFieldComponent as default };

package/dist/components/SelectField/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MultiSelectField } from './MultiSelectField';
+export { default as MultiSelectFieldComponent } from './MultiSelectFieldComponent';

package/dist/components/SelectField/index.esm.js

@@ -0,0 +1 @@
+export { default as MultiSelectField, default as MultiSelectFieldComponent } from './MultiSelectFieldComponent.esm.js';

package/dist/components/SessionTimeOut/SessionTimeOut.d.ts

@@ -4,8 +4,6 @@ export interface SessionTimeOutProps {
     onSessionExpire: () => void;
     handleSessionCancel: () => void;
     SubmitButtonName?: string;
-    buttonStyleProps?: any;
 }
-declare const SessionTimeOut: ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel, SubmitButtonName, buttonStyleProps, }: SessionTimeOutProps) => import("react/jsx-runtime").JSX.Element;
+declare const SessionTimeOut: ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel, SubmitButtonName, }: SessionTimeOutProps) => import("react/jsx-runtime").JSX.Element;
 export default SessionTimeOut;
-//# sourceMappingURL=SessionTimeOut.d.ts.map

package/dist/components/SessionTimeOut/{SessionTimeOut.js → SessionTimeOut.esm.js}

@@ -1,17 +1,17 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { useIdleTimer } from 'react-idle-timer';
-import ConfirmationDialog from '../ModalField/ConfirmationDialog.js';
+import ConfirmationDialog from '../ModalField/ConfirmationDialog.esm.js';
 
 const secondsToMMSS = (totalSeconds) => {
     const minutes = Math.floor(totalSeconds / 60);
     const seconds = Math.floor(totalSeconds % 60);
-    const formattedMinutes = String(minutes).padStart(2, "0");
-    const formattedSeconds = String(seconds).padStart(2, "0");
+    const formattedMinutes = String(minutes).padStart(2, '0');
+    const formattedSeconds = String(seconds).padStart(2, '0');
     return `${formattedMinutes}:${formattedSeconds}`;
 };
 const promptBeforeValue = 120000;
-const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel, SubmitButtonName = "Submit", buttonStyleProps, }) => {
+const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel, SubmitButtonName = 'Submit', }) => {
     const [openConfirmModal, setOpenConfirmModal] = useState(false);
     const expiryDetails = sessionTime;
     const providedTimestamp = new Date(expiryDetails).getTime();
@@ -49,15 +49,14 @@ const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, han
             const remainingSeconds = Math.ceil(getRemainingTime() / 1000);
             setRemainingTimeInSeconds(promptBeforeIdle !== promptBeforeValue ? remainingSeconds : 0);
             const formattedTime = secondsToMMSS(remainingSeconds);
-            setFormattedRemainingTime(promptBeforeIdle !== promptBeforeValue ? formattedTime : "00:00");
+            setFormattedRemainingTime(promptBeforeIdle !== promptBeforeValue ? formattedTime : '00:00');
         }, 1000); // Adjust interval to 1000 ms
         return () => {
             clearInterval(interval);
         };
     }, [promptBeforeIdle, getRemainingTime]);
     const sessionMessage = `Your session will expire in ${formattedRemainingTime} seconds. Do you want to extend the session?`;
-    console.log(promptBeforeIdle, "promptBeforeIdle");
-    return (jsx(Fragment, { children: jsx(ConfirmationDialog, { openConfirmDialog: openConfirmModal, handleCancel: handleCancel, onClickSubmit: handleSubmit, text: sessionMessage, Submit: SubmitButtonName, buttonStyleProps: buttonStyleProps }) }));
+    return (jsx(Fragment, { children: jsx(ConfirmationDialog, { openConfirmDialog: openConfirmModal, handleCancel: handleCancel, onClickSubmit: handleSubmit, text: sessionMessage, Submit: SubmitButtonName }) }));
 };
 
 export { SessionTimeOut as default };

package/dist/components/SessionTimeOut/index.d.ts

@@ -0,0 +1 @@
+export { default as SessionTimeoutField } from './SessionTimeOut';

package/dist/components/SessionTimeOut/index.esm.js

@@ -0,0 +1 @@
+export { default as SessionTimeoutField } from './SessionTimeOut.esm.js';

package/dist/components/TextAreaField/index.d.ts

@@ -0,0 +1 @@
+export { default as FormTextAreaField } from '../FormComponents/FormTextAreaField/FormTextAreaField';

package/dist/components/TextAreaField/index.esm.js

@@ -0,0 +1 @@
+export { default as FormTextAreaField } from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';

package/dist/components/TextField/index.d.ts

@@ -0,0 +1 @@
+export { default as FormTextField } from '../FormComponents/FormTextField/FormTextField';

package/dist/components/TextField/index.esm.js

@@ -0,0 +1 @@
+export { default as FormTextField } from '../FormComponents/FormTextField/FormTextField.esm.js';

package/dist/components/TimePicker/index.d.ts

@@ -0,0 +1 @@
+export { default as TimePicker } from '../FormComponents/TimePicker/TimePicker';

package/dist/components/TimePicker/index.esm.js

@@ -0,0 +1 @@
+export { default as TimePicker } from '../FormComponents/TimePicker/TimePicker.esm.js';

package/dist/components/TimePickerField/TimePickerField.d.ts

@@ -1,2 +1 @@
 export default function TimePickerField(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TimePickerField.d.ts.map

package/dist/components/TimePickerField/TimePickerField.esm.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { TimePicker } from '@mui/x-date-pickers/TimePicker';
+
+function TimePickerField() {
+    return (jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: jsx(DemoContainer, { components: ['TimePicker'], children: jsx(TimePicker, { label: "Basic time picker" }) }) }));
+}
+
+export { TimePickerField as default };

package/dist/components/TimePickerField/index.d.ts

@@ -0,0 +1 @@
+export { default as TimePickerField } from './TimePickerField';

package/dist/components/TimePickerField/index.esm.js

@@ -0,0 +1 @@
+export { default as TimePickerField } from './TimePickerField.esm.js';

package/dist/index.d.ts

@@ -1,9 +1,14 @@
-export { ConfirmationDialog, DeleteField, ModalField, MultiSelectFieldComponent, RenderForm, SessionTimeoutField, useFormValidatingContext, } from "./components";
-export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor, } from "./lib";
-export * as FormComponents from "./components/FormComponents";
-export * as Utils from "./lib";
-export * as ValidationSchemas from "./validation/schemas";
-export * as Theme from "./theme";
-export type { FormRenderProps } from "./lib/Interface/FormInterface";
-export type { FormRenderWrapperProps } from "./components/Form/FormRenderWrapper";
-//# sourceMappingURL=index.d.ts.map
+export { default as RenderForm } from './components/Form/FormRenderWrapper';
+export { default as ConfirmationDialog } from './components/ModalField/ConfirmationDialog';
+export { default as ModalField } from './components/ModalField/ModalField';
+export { default as DeleteField } from './components/DeleteComponent/DeleteField';
+export { default as SessionTimeoutField } from './components/SessionTimeOut/SessionTimeOut';
+export { default as useFormValidatingContext } from './components/Form/FormConstants';
+export { TPElementsProvider } from './auth/authContext';
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor, } from './utils';
+export * as Utils from './utils';
+export * as ValidationSchemas from './validation';
+export * as Theme from './theme';
+export type { FormRenderProps } from './utils';
+export type { FormRenderWrapperProps } from './components/Form/FormRenderWrapper';
+export type { FormSectionPropsItem, VariantProps } from './utils';

package/dist/index.esm.css

@@ -0,0 +1 @@
+.m-form__input .prestashop-switch.switch{display:block;height:30px;position:relative;width:160px}.m-form__input .prestashop-switch.switch.stactv{display:block;height:30px;position:relative;width:162px}.prestashop-switch.switch{background-color:#eee;border:1px solid #ccc;border-radius:50px;-webkit-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);color:#333;text-align:center}.prestashop-switch.switch *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-form__input .prestashop-switch.switch *{outline:0!important}.m-form__input .prestashop-switch.switch input[type=radio]{line-height:normal;margin:4px 0 0;opacity:0;position:absolute}.m-form__input .prestashop-switch.switch label,.m-form__input .prestashop-switch.switch>span{display:inline-block;line-height:30px;max-width:100%;vertical-align:middle}.m-form__input .prestashop-switch.switch label{color:#bbb;cursor:pointer;float:left;font-size:11px;font-weight:400;height:100%;margin:0;position:relative;text-align:center;text-transform:uppercase;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;width:50%;z-index:2}.m-form__input .prestashop-switch.switch input:checked+label{color:#fff}.m-form__input .prestashop-switch.switch a,.m-form__input .prestashop-switch.switch span span{display:none}.m-form__input .prestashop-switch.switch a{background-color:green;border:1px solid green;border-radius:50px;-webkit-box-shadow:inset -1px 0 green;-moz-box-shadow:inset 0 -1px 0 green;box-shadow:inset 0 -1px 0 green;color:#fff;display:block;height:100%;left:0;padding:0;position:absolute;top:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:50%;z-index:1}.m-form__input{align-items:center;display:flex}.m-form__input .prestashop-switch.switch input:last-of-type:checked~a{background-color:#ec5c29;border:1px solid #fb561c;-webkit-box-shadow:inset 0 -1px 0 #fb561c;-moz-box-shadow:inset 0 -1px 0 #fb561c;box-shadow:inset 0 -1px 0 #fb561c;left:50%}#list-component{background-color:#fff;max-height:200px;overflow:auto!important}#list-component #MuiScrol-listbox{max-height:none!important;overflow:visible}.css-k2lwa0,.css-svpvcz-MuiFormLabel-root-MuiInputLabel-root{background:#fff;font-size:14px!important}

package/dist/index.esm.js

@@ -0,0 +1,14 @@
+export { default as RenderForm } from './components/Form/FormRenderWrapper.esm.js';
+export { default as ConfirmationDialog } from './components/ModalField/ConfirmationDialog.esm.js';
+export { default as ModalField } from './components/ModalField/ModalField.esm.js';
+export { default as DeleteField } from './components/DeleteComponent/DeleteField.esm.js';
+export { default as SessionTimeoutField } from './components/SessionTimeOut/SessionTimeOut.esm.js';
+export { default as useFormValidatingContext } from './components/Form/FormConstants.esm.js';
+export { TPElementsProvider } from './auth/authContext.esm.js';
+import * as index from './utils/index.esm.js';
+export { index as Utils };
+import * as index$1 from './validation/index.esm.js';
+export { index$1 as ValidationSchemas };
+import * as index$2 from './theme/index.esm.js';
+export { index$2 as Theme };
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor } from './utils/Constants/FunctionConstants.esm.js';

package/dist/theme/index.d.ts

@@ -1,5 +1,4 @@
 import { ThemeOptions } from "@mui/material/styles";
-import "../styles/globals.css";
 interface CustomThemeOptions extends ThemeOptions {
     callColors?: {
         selectedTheme?: string;
@@ -8,4 +7,3 @@ interface CustomThemeOptions extends ThemeOptions {
 }
 export declare const customTheme: CustomThemeOptions;
 export default customTheme;
-//# sourceMappingURL=index.d.ts.map

package/dist/theme/{index.js → index.esm.js}

@@ -10,14 +10,11 @@ const customTheme = createTheme({
             xl: 1536,
         },
     },
-    typography: {},
+    typography: {
+        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif"
+    },
     palette: {
-    // primary: {
-    //   // main: 'linear-gradient(135deg, #6379c3 0%, #546ee5 60%)',
-    // },
-    // secondary: {
-    // main: 'linear-gradient(135deg, #6379c3 0%, #546ee5 60%)',
-    // },
+        error: { main: '#B3261E' },
     },
     components: {
         MuiInputLabel: {

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { FieldValues, Control, RegisterOptions, FieldPath } from "react-hook-form";
+import { ReactNode } from 'react';
+import { FieldValues, Control, RegisterOptions, FieldPath } from 'react-hook-form';
 export interface BaseFieldProps<T extends FieldValues = FieldValues> {
     name: FieldPath<T>;
     control?: Control<T>;
@@ -34,6 +34,5 @@ export interface RadioFieldProps<T extends FieldValues = FieldValues> extends Ba
 export interface TextAreaFieldProps<T extends FieldValues = FieldValues> extends BaseFieldProps<T> {
     rows?: number;
     cols?: number;
-    resize?: "none" | "vertical" | "horizontal" | "both";
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
 }
-//# sourceMappingURL=index.d.ts.map

package/dist/utils/Constants/FormConstants.d.ts

@@ -0,0 +1,40 @@
+import dayjs, { Dayjs } from 'dayjs';
+import { VariantProps, FormRenderProps } from '../Interface/FormInterface';
+/**
+ * Renders a form input label with an optional required asterisk.
+ *
+ * @param {VariantProps} variant - The variant type of the form input.
+ * @param {FormRenderProps} props - The properties for rendering the form input.
+ * @param {boolean} [showLabel=false] - Whether to always show the label.
+ * @returns {JSX.Element | false} The rendered label element or false if not shown.
+ */
+export declare const renderLabel: (variant: VariantProps, props: FormRenderProps, showLabel?: boolean) => false | import("react/jsx-runtime").JSX.Element;
+/**
+ * Formats a date string in "M/YYYY" or "MM/YYYY" format to "MM/01/YYYY".
+ *
+ * @param {string} date - The date string to format.
+ * @returns {string} The formatted date string with day set to '01'.
+ * @throws {TypeError} If the input is not a string.
+ */
+export declare function formatDateMonthAndYear(date: any): string;
+/**
+ * Parses a custom time string in "HH:mm:ss.SSS" format into a Dayjs object.
+ *
+ * @param {string} timeString - The custom time string to parse.
+ * @returns {Dayjs | null} The parsed Dayjs object, or null if input is empty.
+ */
+export declare function parseCustomTime(timeString: string): dayjs.Dayjs | null;
+/**
+ * Formats a Dayjs object into a custom time string "HH:mm:ss.SSSSSSS".
+ *
+ * @param {Dayjs | null | undefined} date - The Dayjs object to format.
+ * @returns {string} The formatted time string, or an empty string if invalid.
+ */
+export declare function formatDayjsToCustomTime(date: Dayjs | null | undefined): string;
+/**
+ * Extracts and formats a date string into "DD/MM/YYYY".
+ *
+ * @param {string | any} inputDateString - The input date string or value.
+ * @returns {string} The formatted date string, or an empty string if input is falsy.
+ */
+export declare const extractDate: (inputDateString: string | any) => string;

package/dist/utils/Constants/FormConstants.esm.js

@@ -0,0 +1,78 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import dayjs from 'dayjs';
+
+/**
+ * Renders a form input label with an optional required asterisk.
+ *
+ * @param {VariantProps} variant - The variant type of the form input.
+ * @param {FormRenderProps} props - The properties for rendering the form input.
+ * @param {boolean} [showLabel=false] - Whether to always show the label.
+ * @returns {JSX.Element | false} The rendered label element or false if not shown.
+ */
+const renderLabel = (variant, props, showLabel = false) => (variant === 'standard' || showLabel) && (jsxs("span", { id: `${props.item.name}-label`, className: "formInputlabel", style: { fontSize: '12px' }, children: [props.item.label, ' ', props.item.required && (jsx("span", { "aria-hidden": "true", style: { color: 'var(--mui-palette-error-main, #B3261E)' }, children: "*" }))] }));
+/**
+ * Formats a date string in "M/YYYY" or "MM/YYYY" format to "MM/01/YYYY".
+ *
+ * @param {string} date - The date string to format.
+ * @returns {string} The formatted date string with day set to '01'.
+ * @throws {TypeError} If the input is not a string.
+ */
+function formatDateMonthAndYear(date) {
+    // Check if date is a string
+    if (typeof date !== 'string') {
+        throw new TypeError('Expected a string');
+    }
+    // Split the date string into month and year
+    const [month, year] = date.split('/');
+    // If the month has only one digit, prepend '0' to it
+    const formattedMonth = month.length === 1 ? '0' + month : month;
+    // Return the formatted date with day set to '01'
+    return `${formattedMonth}/01/${year}`;
+}
+/**
+ * Parses a custom time string in "HH:mm:ss.SSS" format into a Dayjs object.
+ *
+ * @param {string} timeString - The custom time string to parse.
+ * @returns {Dayjs | null} The parsed Dayjs object, or null if input is empty.
+ */
+function parseCustomTime(timeString) {
+    if (!timeString)
+        return null; // Return null if empty
+    const [timePart, msPart] = timeString.split('.');
+    const [hours, minutes, seconds] = timePart.split(':').map(Number);
+    const milliseconds = msPart ? Number(parseFloat(`0.${msPart}`).toFixed(3)) * 1000 : 0;
+    return dayjs().hour(hours).minute(minutes).second(seconds).millisecond(milliseconds);
+}
+/**
+ * Formats a Dayjs object into a custom time string "HH:mm:ss.SSSSSSS".
+ *
+ * @param {Dayjs | null | undefined} date - The Dayjs object to format.
+ * @returns {string} The formatted time string, or an empty string if invalid.
+ */
+function formatDayjsToCustomTime(date) {
+    if (!date || !date.isValid())
+        return '';
+    const milliseconds = date.millisecond().toString().padEnd(7, '0');
+    return `${date.format('HH:mm:ss')}.${milliseconds}`;
+}
+/**
+ * Extracts and formats a date string into "DD/MM/YYYY".
+ *
+ * @param {string | any} inputDateString - The input date string or value.
+ * @returns {string} The formatted date string, or an empty string if input is falsy.
+ */
+const extractDate = (inputDateString) => {
+    const inputDate = new Date(inputDateString);
+    if (!inputDateString) {
+        return '';
+    }
+    // Extract day, month, and year components
+    const day = inputDate.getDate();
+    const month = inputDate.getMonth() + 1; // Months are zero-based
+    const year = inputDate.getFullYear();
+    // Format the components as DD/MM/YYYY
+    const formattedDate = `${day}/${month}/${year}`;
+    return formattedDate;
+};
+
+export { extractDate, formatDateMonthAndYear, formatDayjsToCustomTime, parseCustomTime, renderLabel };

package/dist/{lib → utils}/Constants/FunctionConstants.d.ts

@@ -1,4 +1,4 @@
-export declare const handleDownloadReactTableDataExcel: (fileName: string, rowData: any[], columns?: any[], customColumns?: any[], HeaderBackGround?: string, HeaderColor?: string) => void;
+export declare const handleDownloadReactTableDataExcel: (fileName: string, rowData: any[], columns?: any[], customColumns?: any[], HeaderBackGround?: string, HeaderColor?: string) => Promise<void>;
 export declare function getUsernameFromEmail(email: string): string;
 export declare function getInitials(name: string): string;
 export declare function findMenuHierarchy(menuData: any[], currentUrl: string, URLProjectNameWithSlash: string): any;
@@ -43,11 +43,11 @@ export declare function getFormattedDate(dayOffset?: number): string;
  * @returns Base64 encoded encrypted string
  * @example
  * ```typescript
- * const encrypted = encryptText("Hello World", "myKey");
- * const encryptedObj = encryptText({name: "John"}, "myKey");
+ * const encrypted = await encryptText("Hello World", "myKey");
+ * const encryptedObj = await encryptText({name: "John"}, "myKey");
  * ```
  */
-export declare const encryptText: (text: string, SECRET_KEY: string) => string;
+export declare const encryptText: (text: string, SECRET_KEY: string) => Promise<string>;
 /**
  * Decrypts Base64 encoded AES encrypted text back to original string
  * @param ciphertext - Base64 encoded encrypted string from encryptText
@@ -55,8 +55,7 @@ export declare const encryptText: (text: string, SECRET_KEY: string) => string;
  * @returns Original decrypted text
  * @example
  * ```typescript
- * const decrypted = decryptText(encryptedString, "myKey");
+ * const decrypted = await decryptText(encryptedString, "myKey");
  * ```
  */
-export declare const decryptText: (ciphertext: string, SECRET_KEY: string) => string;
-//# sourceMappingURL=FunctionConstants.d.ts.map
+export declare const decryptText: (ciphertext: string, SECRET_KEY: string) => Promise<string>;