tp-react-elements-dev 1.12.20 → 1.12.22

package/dist/lib/Constants/FormConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormConstants.d.ts","sourceRoot":"","sources":["../../../src/lib/Constants/FormConstants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE3E,eAAO,MAAM,WAAW,GAAI,SAAS,YAAY,EAAE,OAAO,eAAe,EAAC,YAAU,OAAa,oDAM9F,CAAC;AACJ,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,UAc/C;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,sBAYjD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,UAIrE;AAED,eAAO,MAAM,WAAW,GAAI,iBAAiB,MAAM,GAAG,GAAG,WAaxD,CAAC"}

package/dist/lib/Constants/FormConstants.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import dayjs from 'dayjs';
+
+const renderLabel = (variant, props, showLabel = false) => (variant === "standard" || showLabel) && (jsxs("span", { className: "formInputlabel", style: { fontSize: "12px" }, children: [props.item.label, " ", props.item.required && jsx("span", { style: { color: "red" }, children: "*" })] }));
+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}`;
+}
+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 Day.js object into "HH:mm:ss.SSSSSSS"
+ */
+function formatDayjsToCustomTime(date) {
+    if (!date || !date.isValid())
+        return "";
+    const milliseconds = date.millisecond().toString().padEnd(7, "0");
+    return `${date.format("HH:mm:ss")}.${milliseconds}`;
+}
+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/Constants/FunctionConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FunctionConstants.d.ts","sourceRoot":"","sources":["../../../src/lib/Constants/FunctionConstants.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,iCAAiC,GAC5C,UAAU,MAAM,EAChB,SAAS,GAAG,EAAE,EACd,UAAS,GAAG,EAAO,EACnB,gBAAe,GAAG,EAAO,EACzB,mBAAkB,MAAmB,EACrC,cAAa,MAAiB,SA0I/B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,UAEjD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,UAQvC;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,GAAG,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,uBAAuB,EAAE,MAAM,OAkChC;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,YAAW,MAAU,EACrB,WAAU,MAAM,GAAG,IAAW,KAC7B,MAQF,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzE,KAAK,EAAE,CAAC,EAAE,EACV,GAAG,EAAE,MAAM,CAAC,GACX,MAAM,CAQR;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,GACf,OAAO,CAST;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAiBnE;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,MAAU,GAAG,MAAM,CAE9D;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,YAAY,MAAM,KAAG,MAO9D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,YAAY,MAAM,EAAE,YAAY,MAAM,KAAG,MAMpE,CAAC"}

package/dist/lib/Constants/FunctionConstants.js

@@ -0,0 +1,244 @@
+import * as XLSX from 'xlsx-js-style';
+import { saveAs } from 'file-saver';
+import dayjs from 'dayjs';
+import 'crypto-js';
+
+const toTitleCase = (str) => {
+    return str
+        .replace(/([A-Z])/g, " $1") // Insert space before capital letters
+        .replace(/^./, (match) => match.toUpperCase()) // Capitalize the first letter
+        .trim(); // Remove any leading or trailing spaces
+};
+const getMaxLength = (data, key) => {
+    const keyLength = key.length;
+    // Length of the key (column header)
+    const dataMaxLength = Math.max(...data.map((item) => (item[key] ? item[key].toString().length : 0)));
+    return Math.max(keyLength, dataMaxLength);
+}; // Return the maximum of key length or data length };
+const handleDownloadReactTableDataExcel = (fileName, rowData, columns = [], customColumns = [], HeaderBackGround = "FFF4694B", HeaderColor = "000000") => {
+    const EXCEL_TYPE = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8";
+    const EXCEL_EXTENSION = ".xlsx";
+    // Exclude 'actions' column and columns with hideOnExcel: true
+    const visibleColumns1 = columns.filter((col) => col?.accessorKey !== "actions");
+    const visibleColumns = visibleColumns1.filter((col) => !col?.hideOnExcel || col?.hideOnExcel !== true);
+    const data = rowData;
+    // Map column headers and accessorKeys
+    const columnHeaders = visibleColumns.length > 0
+        ? visibleColumns.map((col) => col.header)
+        : Object.keys(data[0]); // Use data keys as headers if columns are not provided
+    const accessorKeys = visibleColumns.length > 0
+        ? visibleColumns.map((col) => col.accessorKey)
+        : Object.keys(data[0]); // Use data keys as accessor keys if columns are not provided
+    // Reformat data to include only visible columns
+    const formattedData = data.map((row) => {
+        const formattedRow = {};
+        accessorKeys.forEach((key) => {
+            formattedRow[key] = row[key] || "";
+        });
+        return formattedRow;
+    });
+    // Create worksheet
+    const ws = XLSX.utils.json_to_sheet(formattedData, { header: accessorKeys });
+    // Apply column headers styling dynamically
+    accessorKeys.forEach((key, index) => {
+        const colLetter = XLSX.utils.encode_col(index); // Excel column letter
+        const cellAddress = `${colLetter}1`; // Header row cell
+        const headerText = toTitleCase(columnHeaders[index]);
+        ws[cellAddress] = {
+            t: "s",
+            v: headerText,
+            s: {
+                fill: { patternType: "solid", fgColor: { rgb: HeaderBackGround } },
+                font: { bold: true, color: { rgb: HeaderColor }, sz: 12 },
+                alignment: { horizontal: "center" },
+            },
+        };
+        // Apply custom color to entire column based on excelColumnColor in the column definition
+        const col = visibleColumns.length > 0
+            ? visibleColumns[index]
+            : customColumns.length > 0 &&
+                customColumns.find((item) => item.accessorKey === key);
+        if (col && col.excelColumnColor) {
+            const columnColor = col.excelColumnColor;
+            const textColor = col.excelTextColor;
+            // Apply color to all rows in that column (from row 2 onward)
+            for (let rowIndex = 2; rowIndex <= formattedData.length + 1; rowIndex++) {
+                const cell = `${colLetter}${rowIndex}`;
+                ws[cell] = ws[cell] || {}; // Ensure cell exists
+                ws[cell].s = ws[cell].s || {}; // Ensure style exists
+                ws[cell].s.fill = {
+                    patternType: "solid",
+                    fgColor: { rgb: columnColor },
+                    font: { color: { rgb: textColor } },
+                };
+                ws[cell].s.border = {
+                    top: { style: "thin", color: { rgb: "000000" } }, // Black thin border
+                    bottom: { style: "thin", color: { rgb: "000000" } },
+                    left: { style: "thin", color: { rgb: "000000" } },
+                    right: { style: "thin", color: { rgb: "000000" } },
+                };
+            }
+        }
+    });
+    // Set column widths dynamically or with defaults
+    const colWidths = visibleColumns.length > 0
+        ? accessorKeys.map((accessorKey) => {
+            // Find the corresponding column by accessorKey
+            const column = visibleColumns.find((col) => col.accessorKey === accessorKey);
+            // Check if `excelColumnSize` is defined for this column
+            if (column && column.excelColumnSize) {
+                return {
+                    wch: parseInt(column.excelColumnSize.replace("px", "")) / 7,
+                };
+            }
+            else {
+                return { wch: getMaxLength(data, accessorKey) + 5 }; // Default column width
+            }
+        })
+        : customColumns.length > 0
+            ? accessorKeys.map((accessorKey) => {
+                // Find the corresponding column by accessorKey
+                const column = customColumns.find((col) => col.accessorKey === accessorKey);
+                // Check if `excelColumnSize` is defined for this column
+                if (column && column.excelColumnSize) {
+                    return {
+                        wch: parseInt(column.excelColumnSize.replace("px", "")) / 7,
+                    };
+                }
+                else {
+                    return { wch: getMaxLength(data, accessorKey) + 5 }; // Default column width
+                }
+            })
+            : accessorKeys.map((accessorKey) => {
+                // Find the corresponding column by accessorKey
+                const column = customColumns.find((col) => col.accessorKey === accessorKey);
+                // Check if `excelColumnSize` is defined for this column
+                if (column && column.excelColumnSize) {
+                    return {
+                        wch: parseInt(column.excelColumnSize.replace("px", "")) / 7,
+                    };
+                }
+                else {
+                    return { wch: getMaxLength(data, accessorKey) + 5 }; // Default column width
+                }
+            });
+    ws["!cols"] = colWidths;
+    // Create workbook and save it
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
+    const eb = XLSX.write(wb, { bookType: "xlsx", type: "array" });
+    const blob = new Blob([eb], { type: EXCEL_TYPE });
+    saveAs(blob, fileName + EXCEL_EXTENSION);
+};
+function getUsernameFromEmail(email) {
+    return email.split("@")[0];
+}
+function getInitials(name) {
+    if (!name)
+        return "";
+    const words = name.trim().split(/\s+/); // split by any spaces
+    let initials = "";
+    for (let i = 0; i < words.length && initials.length < 2; i++) {
+        initials += words[i][0].toUpperCase();
+    }
+    return initials;
+}
+function findMenuHierarchy(menuData, currentUrl, URLProjectNameWithSlash) {
+    const url = currentUrl;
+    const pathname = url.pathname.replace(URLProjectNameWithSlash, "").toLowerCase() +
+        url.search.toLowerCase();
+    let result = [];
+    function traverse(menus, path = []) {
+        for (const menu of menus) {
+            const currentPath = [...path, menu];
+            const subMenusRaw = []
+                .concat(menu.SubMenu || [], menu.SubMenus || [])
+                .filter(Boolean);
+            // Match found
+            if (menu.Path && menu.Path.toLowerCase() === pathname) {
+                result = currentPath;
+                return true;
+            }
+            if (subMenusRaw.length > 0) {
+                if (traverse(subMenusRaw, currentPath)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    traverse(menuData);
+    return result;
+}
+/**
+ * Calculates a date by adding/subtracting days from today or a base date
+ * @param dayOffset - Days to add (positive) or subtract (negative) (default: 0)
+ * @param baseDate - Base date in DD/MM/YYYY format (default: today)
+ * @returns Formatted date string in DD/MM/YYYY format
+ */
+const getDesiredDate = (dayOffset = 0, baseDate = null) => {
+    const startDate = baseDate ? dayjs(baseDate, "DD/MM/YYYY") : dayjs();
+    if (!startDate.isValid()) {
+        throw new Error("Invalid date format. Please use DD/MM/YYYY.");
+    }
+    return startDate.add(dayOffset, "day").format("DD/MM/YYYY");
+};
+/**
+ * Calculates sum of numeric values for a specific property across array objects
+ * @param array - Array of objects to sum
+ * @param key - Property name to sum
+ * @returns Total sum of numeric values
+ */
+function calculateTotalArrayValueTotal(array, key) {
+    if (!Array.isArray(array)) {
+        return 0;
+    }
+    return array.reduce((sum, item) => {
+        const value = Number(item[key]) || 0;
+        return sum + value;
+    }, 0);
+}
+/**
+ * Checks if first date comes before second date
+ * @param dateStr1 - First date in DD/MM/YYYY format
+ * @param dateStr2 - Second date in DD/MM/YYYY format
+ * @returns True if dateStr1 is before dateStr2
+ */
+function checkIsDateIsBefore(dateStr1, dateStr2) {
+    const date1 = dayjs(dateStr1.trim(), "DD/MM/YYYY");
+    const date2 = dayjs(dateStr2.trim(), "DD/MM/YYYY");
+    if (!date1.isValid() || !date2.isValid()) {
+        throw new Error("Invalid date format. Please use DD/MM/YYYY.");
+    }
+    return date1.isBefore(date2);
+}
+/**
+ * Lightens a hex color by a specified percentage
+ * @param color - Hex color string (with or without #)
+ * @param percent - Percentage to lighten (0-100)
+ * @returns Lightened hex color string
+ */
+function lightenColor(color, percent) {
+    const num = parseInt(color.replace("#", ""), 16);
+    const amt = Math.round(2.55 * percent);
+    const R = (num >> 16) + amt;
+    const G = ((num >> 8) & 0x00ff) + amt;
+    const B = (num & 0x0000ff) + amt;
+    return ("#" +
+        (0x1000000 +
+            (R < 255 ? (R < 1 ? 0 : R) : 255) * 0x10000 +
+            (G < 255 ? (G < 1 ? 0 : G) : 255) * 0x100 +
+            (B < 255 ? (B < 1 ? 0 : B) : 255))
+            .toString(16)
+            .slice(1));
+}
+/**
+ * Gets formatted date with optional day offset
+ * @param dayOffset - Days to add (positive) or subtract (negative) from today (default: 0)
+ * @returns Date string in DD/MM/YYYY format
+ */
+function getFormattedDate(dayOffset = 0) {
+    return dayjs().add(dayOffset, "day").format("DD/MM/YYYY");
+}
+
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor };

package/dist/{Utilities → lib}/Interface/FormInterface.d.ts

@@ -54,7 +54,6 @@ export interface FormSectionPropsItem {
     size?: "extrasmall" | '';
     decimalFixedTo?: number;
     customValidation?: (value: any) => void;
-    FormCell?: React.ReactNode;
 }
 export type VariantProps = "standard" | "outlined" | "";
 export interface FormRenderProps {

package/dist/lib/Interface/FormInterface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInterface.d.ts","sourceRoot":"","sources":["../../../src/lib/Interface/FormInterface.ts"],"names":[],"mappings":"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"}

package/dist/lib/index.d.ts

@@ -1,3 +1,4 @@
-export * from "./constants";
-export * from "./hook-form";
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor, } from "./Constants/FunctionConstants";
+export * from "./Constants/FormConstants";
+export * from "./Interface/FormInterface";
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,6BAA6B,EAC7B,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,iCAAiC,EACjC,YAAY,GACb,MAAM,+BAA+B,CAAC;AAGvC,cAAc,2BAA2B,CAAC;AAG1C,cAAc,2BAA2B,CAAC"}

package/dist/lib/index.js

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

package/dist/theme/index.js

@@ -0,0 +1,64 @@
+import { createTheme } from '@mui/material/styles';
+
+const customTheme = createTheme({
+    breakpoints: {
+        values: {
+            xs: 0,
+            sm: 600,
+            md: 900,
+            lg: 1200,
+            xl: 1536,
+        },
+    },
+    typography: {},
+    palette: {
+    // primary: {
+    //   // main: 'linear-gradient(135deg, #6379c3 0%, #546ee5 60%)',
+    // },
+    // secondary: {
+    // main: 'linear-gradient(135deg, #6379c3 0%, #546ee5 60%)',
+    // },
+    },
+    components: {
+        MuiInputLabel: {
+            styleOverrides: {
+                root: {
+                    fontSize: "12px",
+                },
+            },
+        },
+        MuiInputBase: {
+            styleOverrides: {
+                root: {
+                    fontSize: "12px",
+                    input: {
+                        padding: "6.38px 14px",
+                    },
+                },
+            },
+        },
+        MuiRadio: {
+            styleOverrides: {
+                root: {
+                    padding: "4px 4px 0 8px",
+                },
+            },
+        },
+        MuiSelect: {
+            styleOverrides: {
+                select: {
+                    padding: "6.38px 32px 6.38px 14px",
+                },
+            },
+        },
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    textTransform: "none",
+                },
+            },
+        },
+    },
+});
+
+export { customTheme, customTheme as default };

package/dist/validation/schemas.js

@@ -0,0 +1,60 @@
+import * as Yup from 'yup';
+
+// Common validation schemas
+const emailSchema = Yup
+    .string()
+    .email("Please enter a valid email address")
+    .required("Email is required");
+const passwordSchema = Yup
+    .string()
+    .min(8, "Password must be at least 8 characters")
+    .matches(/[A-Z]/, "Password must contain at least one uppercase letter")
+    .matches(/[a-z]/, "Password must contain at least one lowercase letter")
+    .matches(/[0-9]/, "Password must contain at least one number")
+    .required("Password is required");
+const phoneSchema = Yup
+    .string()
+    .matches(/^[+]?[1-9][\d]{0,15}$/, "Please enter a valid phone number")
+    .required("Phone number is required");
+const requiredStringSchema = Yup
+    .string()
+    .required("This field is required");
+const optionalStringSchema = Yup.string();
+const numberSchema = Yup
+    .number()
+    .typeError("Please enter a valid number")
+    .required("This field is required");
+const optionalNumberSchema = Yup
+    .number()
+    .typeError("Please enter a valid number");
+const dateSchema = Yup
+    .date()
+    .typeError("Please enter a valid date")
+    .required("Date is required");
+const urlSchema = Yup
+    .string()
+    .url("Please enter a valid URL")
+    .required("URL is required");
+// Example form schemas
+const loginSchema = Yup.object({
+    email: emailSchema,
+    password: Yup.string().required("Password is required"),
+});
+const registrationSchema = Yup.object({
+    firstName: requiredStringSchema,
+    lastName: requiredStringSchema,
+    email: emailSchema,
+    password: passwordSchema,
+    confirmPassword: Yup
+        .string()
+        .oneOf([Yup.ref("password")], "Passwords must match")
+        .required("Please confirm your password"),
+});
+const contactSchema = Yup.object({
+    name: requiredStringSchema,
+    email: emailSchema,
+    phone: phoneSchema.optional(),
+    message: requiredStringSchema,
+});
+
+export { contactSchema, dateSchema, emailSchema, loginSchema, numberSchema, optionalNumberSchema, optionalStringSchema, passwordSchema, phoneSchema, registrationSchema, requiredStringSchema, urlSchema };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tp-react-elements-dev",
-  "version": "1.12.20",
+  "version": "1.12.22",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",
@@ -9,12 +9,12 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.esm.js",
+      "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
     "./lib/*": {
-      "import": "./dist/lib/*.js",
-      "require": "./dist/lib/*.js"
+      "import": "./dist/lib/*",
+      "require": "./dist/lib/*"
     },
     "./package.json": "./package.json"
   },
@@ -58,7 +58,8 @@
     "publish:beta": "npm publish --tag beta",
     "publish:auto": "npm run build:publish && npm publish",
     "install-peers": "npm install react-hook-form@^7.62.0 @mui/material@^7.3.1 @mui/icons-material@^7.3.1 @emotion/react@^11.14.0 @emotion/styled@^11.14.1 @mui/x-date-pickers@^8.10.2 @hookform/error-message@^2.0.1 @hookform/resolvers@^5.2.1 crypto-js@^4.2.0 date-fns@^4.1.0 dayjs@^1.11.13 file-saver@^2.0.5 jodit@^4.6.2 jodit-react@^5.2.19 react-idle-timer@^5.7.2 xlsx-js-style@^1.2.0 yup@^1.7.0",
-    "// install-peers": "Note: React and React-DOM are not included as they're typically already installed by the consuming project (Vite, CRA, etc.)"
+    "// install-peers": "Note: React and React-DOM are not included as they're typically already installed by the consuming project (Vite, CRA, etc.)",
+    "package-build": "rollup -c --bundleConfigAsCjs"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.14.0 <13.0.0",

package/dist/Utilities/Constants/FormConstants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormConstants.d.ts","sourceRoot":"","sources":["../../../src/Utilities/Constants/FormConstants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE3E,eAAO,MAAM,WAAW,GAAI,SAAS,YAAY,EAAE,OAAO,eAAe,EAAC,YAAU,OAAa,oDAM9F,CAAC;AACJ,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,UAc/C;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,sBAYjD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,UAIrE;AAED,eAAO,MAAM,WAAW,GAAI,iBAAiB,MAAM,GAAG,GAAG,WAaxD,CAAC"}

package/dist/Utilities/Constants/FunctionConstants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FunctionConstants.d.ts","sourceRoot":"","sources":["../../../src/Utilities/Constants/FunctionConstants.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,iCAAiC,GAC5C,UAAU,MAAM,EAChB,SAAS,GAAG,EAAE,EACd,UAAS,GAAG,EAAO,EACnB,gBAAe,GAAG,EAAO,EACzB,mBAAkB,MAAmB,EACrC,cAAa,MAAiB,SA0I/B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,UAEjD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,UAQvC;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,GAAG,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,uBAAuB,EAAE,MAAM,OAkChC;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,YAAW,MAAU,EACrB,WAAU,MAAM,GAAG,IAAW,KAC7B,MAQF,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzE,KAAK,EAAE,CAAC,EAAE,EACV,GAAG,EAAE,MAAM,CAAC,GACX,MAAM,CAQR;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,GACf,OAAO,CAST;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAiBnE;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,MAAU,GAAG,MAAM,CAE9D;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,YAAY,MAAM,KAAG,MAO9D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,YAAY,MAAM,EAAE,YAAY,MAAM,KAAG,MAMpE,CAAC"}

package/dist/Utilities/Interface/FormInterface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormInterface.d.ts","sourceRoot":"","sources":["../../../src/Utilities/Interface/FormInterface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,cAAc,GAAG,KAAK,CAAC;CACtC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EACL,MAAM,GACN,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,aAAa,GACb,MAAM,GACN,WAAW,GACX,UAAU,GACV,aAAa,GACb,SAAS,GACT,OAAO,GACP,cAAc,GACd,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,UAAU,GACV,QAAQ,GACR,EAAE,CAAC;IACP,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,KAAK,IAAI,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,EAAE,CAAC;IAC1D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAC,YAAY,GAAG,EAAE,CAAC;IACxB,cAAc,CAAC,EAAC,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAC,CAAC,KAAK,EAAC,GAAG,KAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAC,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,EAAE,CAAC;AACxD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,GAAG,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/Utilities/index.d.ts

@@ -1,4 +0,0 @@
-export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor, } from "./Constants/FunctionConstants";
-export * from "./Constants/FormConstants";
-export * from "./Interface/FormInterface";
-//# sourceMappingURL=index.d.ts.map

package/dist/Utilities/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Utilities/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,6BAA6B,EAC7B,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,iCAAiC,EACjC,YAAY,GACb,MAAM,+BAA+B,CAAC;AAGvC,cAAc,2BAA2B,CAAC;AAG1C,cAAc,2BAA2B,CAAC"}

package/dist/index.esm.css

@@ -1 +0,0 @@
-*{box-sizing:border-box}.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}