@megha-ui/react 1.2.170 → 1.2.171

package/dist/components/grid/utils/gridHeaderDropdown.js

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const GridHeaderDropdown = ({ options, onClose, column, }) => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: options
+    return (_jsx(_Fragment, { children: options
             .filter((option) => (["asc", "dsc"].includes(option.order || "") && (column === null || column === void 0 ? void 0 : column.sortable)) ||
             option.label.includes("Group") ||
             option.label.includes("Ungroup"))
-            .map((option, index) => ((0, jsx_runtime_1.jsx)("div", { style: { padding: "0.5rem 0.75rem", cursor: "pointer" }, onClick: () => {
+            .map((option, index) => (_jsx("div", { style: { padding: "0.5rem 0.75rem", cursor: "pointer" }, onClick: () => {
                 column && option.action && option.action(column, option.order);
                 column &&
                     option.groupBy &&
@@ -14,4 +12,4 @@ const GridHeaderDropdown = ({ options, onClose, column, }) => {
                 onClose();
             }, children: option.label }, index))) }));
 };
-exports.default = GridHeaderDropdown;
+export default GridHeaderDropdown;

package/dist/components/grid/utils/gridRow.js

@@ -1,14 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shimmer_1 = __importDefault(require("./shimmer"));
-const checkbox_1 = __importDefault(require("../../checkbox"));
-const commonService_1 = require("../../../services/commonService");
-const md_1 = require("react-icons/md");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useState } from "react";
+import Shimmer from "./shimmer";
+import Checkbox from "../../checkbox";
+import { formatValue } from "../../../services/commonService";
+import { MdDragIndicator } from "react-icons/md";
 const isUrl = (value) => {
     if (value) {
         const urlPattern = new RegExp("^(https?:\\/\\/)?" +
@@ -25,25 +20,25 @@ const isUrl = (value) => {
 };
 const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRows, toggleRowSelection, columns, widthMode, index, rowKey, hasVerticalScroll, onRowClick, loading, groupBy, rowIndex, columnIndex, hlBorderColor, handleDragStart, handleDragOver, handleDrop, draggable, checkboxWrapper, hugColumnWidths, hugColumnHeights, alternateRowColor, isExpandable, expandedRow, ignoreRowSelect, locale, formatOptions, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const [itemsAlign, setItemsAlign] = (0, react_1.useState)("stretch");
-    const [draggableIndex, setDraggableIndex] = (0, react_1.useState)(0);
-    const handleRowClick = (0, react_1.useCallback)(() => {
+    const [itemsAlign, setItemsAlign] = useState("stretch");
+    const [draggableIndex, setDraggableIndex] = useState(0);
+    const handleRowClick = useCallback(() => {
         onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item);
     }, [onRowClick, item]);
-    const getRowClassNames = (0, react_1.useCallback)(() => {
+    const getRowClassNames = useCallback(() => {
         let classNames = ["row"];
         if (onRowClick)
             classNames.push("cursor-pointer");
         return classNames.join(" ");
     }, [onRowClick]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setItemsAlign(Object.values(item)
             .map((value) => value.itemsAlign)
             .every((item) => item === "start")
             ? "start"
             : "stretch");
     }, [item]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         let _dragIndex = 0;
         if (draggable && columns.length > 0) {
             if (columns[0].key === "actions") {
@@ -54,10 +49,10 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
     }, [columns]);
     return isExpandable &&
         expandedRow === item.id.value &&
-        item.expandedDetails ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { id: `${index}`, draggable: draggable, onDragStart: (e) => handleDragStart && handleDragStart(e, index), onDragOver: (e) => handleDragOver && handleDragOver(e), onDrop: (e) => handleDrop && handleDrop(e, index), className: getRowClassNames(), style: Object.assign(Object.assign({}, rowStyle), { position: "relative", display: "flex", alignItems: itemsAlign, fontSize: "inherit", minHeight: rowHeight, height: "max-content", boxSizing: "border-box", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
+        item.expandedDetails ? (_jsxs("div", { children: [_jsxs("div", { id: `${index}`, draggable: draggable, onDragStart: (e) => handleDragStart && handleDragStart(e, index), onDragOver: (e) => handleDragOver && handleDragOver(e), onDrop: (e) => handleDrop && handleDrop(e, index), className: getRowClassNames(), style: Object.assign(Object.assign({}, rowStyle), { position: "relative", display: "flex", alignItems: itemsAlign, fontSize: "inherit", minHeight: rowHeight, height: "max-content", boxSizing: "border-box", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                         ? "var(--row-bg)"
-                        : "var(--row-bg-even)" }), onClick: handleRowClick, children: [bulkSelect && ((0, jsx_runtime_1.jsx)("div", { style: Object.assign(Object.assign({}, cellStyle), { textTransform: "uppercase", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis" }), children: (0, jsx_runtime_1.jsx)(checkbox_1.default, { noLabel: true, disabled: ignoreRowSelect &&
-                                ignoreRowSelect.has((_a = item["id"].value) === null || _a === void 0 ? void 0 : _a.toString()), onChange: () => { var _a; return toggleRowSelection((_a = item["id"].value) === null || _a === void 0 ? void 0 : _a.toString()); }, selected: item["id"] && selectedRows.has(item["id"].value), wrapperClass: checkboxWrapper }) })), item[groupBy] && ((0, jsx_runtime_1.jsx)("div", { style: {
+                        : "var(--row-bg-even)" }), onClick: handleRowClick, children: [bulkSelect && (_jsx("div", { style: Object.assign(Object.assign({}, cellStyle), { textTransform: "uppercase", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis" }), children: _jsx(Checkbox, { noLabel: true, disabled: ignoreRowSelect &&
+                                ignoreRowSelect.has((_a = item["id"].value) === null || _a === void 0 ? void 0 : _a.toString()), onChange: () => { var _a; return toggleRowSelection((_a = item["id"].value) === null || _a === void 0 ? void 0 : _a.toString()); }, selected: item["id"] && selectedRows.has(item["id"].value), wrapperClass: checkboxWrapper }) })), item[groupBy] && (_jsx("div", { style: {
                             width: widthMode === "auto"
                                 ? "auto"
                                 : ((_b = columns.find((column) => column.key === groupBy)) === null || _b === void 0 ? void 0 : _b.width)
@@ -70,20 +65,20 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
                             backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                                 ? "var(--row-bg)"
                                 : "var(--row-bg-even)",
-                        }, className: `column index-${groupBy}`, children: (0, jsx_runtime_1.jsx)("div", { children: ((_d = item[groupBy]) === null || _d === void 0 ? void 0 : _d.html) || ((_e = item[groupBy]) === null || _e === void 0 ? void 0 : _e.value) }) })), columns.map((column, colIndex) => {
+                        }, className: `column index-${groupBy}`, children: _jsx("div", { children: ((_d = item[groupBy]) === null || _d === void 0 ? void 0 : _d.html) || ((_e = item[groupBy]) === null || _e === void 0 ? void 0 : _e.value) }) })), columns.map((column, colIndex) => {
                         var _a, _b, _c, _d;
                         const cellData = item[column.key];
                         const cellValue = cellData && Object.keys(cellData).includes("html")
                             ? cellData === null || cellData === void 0 ? void 0 : cellData.html
                             : cellData && Object.keys(cellData).includes("value")
-                                ? (0, commonService_1.formatValue)(cellData === null || cellData === void 0 ? void 0 : cellData.value, (_a = column.dataType) !== null && _a !== void 0 ? _a : "string", locale, formatOptions)
+                                ? formatValue(cellData === null || cellData === void 0 ? void 0 : cellData.value, (_a = column.dataType) !== null && _a !== void 0 ? _a : "string", locale, formatOptions)
                                 : cellData
                                     ? cellData
                                     : "";
                         const cellUrl = cellData === null || cellData === void 0 ? void 0 : cellData.url;
                         const isHidden = column.overflowHidden;
                         if (!column.hidden && groupBy !== column.key) {
-                            return ((0, jsx_runtime_1.jsxs)("div", { id: `column-${index}-${colIndex}`, className: `column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), { padding: "0.5rem", display: "flex", alignItems: "center", justifyContent: "flex-start", overflow: isHidden ? "hidden" : "visible", textOverflow: isHidden ? "ellipsis" : "clip", whiteSpace: isHidden ? "nowrap" : "normal", width: widthMode === "auto"
+                            return (_jsxs("div", { id: `column-${index}-${colIndex}`, className: `column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), { padding: "0.5rem", display: "flex", alignItems: "center", justifyContent: "flex-start", overflow: isHidden ? "hidden" : "visible", textOverflow: isHidden ? "ellipsis" : "clip", whiteSpace: isHidden ? "nowrap" : "normal", width: widthMode === "auto"
                                         ? "auto"
                                         : (column === null || column === void 0 ? void 0 : column.width)
                                             ? column === null || column === void 0 ? void 0 : column.width
@@ -98,10 +93,10 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
                                         ? `1px solid ${hlBorderColor}`
                                         : "", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                                         ? "var(--row-bg)"
-                                        : "var(--row-bg-even)" }), children: [draggable && colIndex === draggableIndex && ((0, jsx_runtime_1.jsx)("div", { onDragStart: (e) => handleDragStart && handleDragStart(e, index), style: {
+                                        : "var(--row-bg-even)" }), children: [draggable && colIndex === draggableIndex && (_jsx("div", { onDragStart: (e) => handleDragStart && handleDragStart(e, index), style: {
                                             cursor: "grab",
                                             margin: "0 0.25rem",
-                                        }, children: "\u2630" })), loading ? ((0, jsx_runtime_1.jsx)("div", { style: { width: column.width, height: rowHeight }, children: (0, jsx_runtime_1.jsx)(shimmer_1.default, { height: 32, width: column.width }) })) : ((0, jsx_runtime_1.jsx)("div", { className: (cellData === null || cellData === void 0 ? void 0 : cellData.className) || "", id: `column-${column.key}-${(_b = column.dataType) !== null && _b !== void 0 ? _b : "string"}`, style: {
+                                        }, children: "\u2630" })), loading ? (_jsx("div", { style: { width: column.width, height: rowHeight }, children: _jsx(Shimmer, { height: 32, width: column.width }) })) : (_jsx("div", { className: (cellData === null || cellData === void 0 ? void 0 : cellData.className) || "", id: `column-${column.key}-${(_b = column.dataType) !== null && _b !== void 0 ? _b : "string"}`, style: {
                                             display: "flex",
                                             alignItems: "center", // Vertically center content within the cell
                                             width: "100%",
@@ -111,29 +106,29 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
                                                     column.dataType === "currency"
                                                     ? "end"
                                                     : "start",
-                                        }, children: isUrl(cellUrl) ? ((0, jsx_runtime_1.jsx)("a", { href: cellUrl, target: "_blank", rel: "noopener noreferrer", children: cellValue })) : column.render ? (column.render(cellValue)) : (cellValue) }))] }, `${column.key}-${(_d = (_c = item.id) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : index}`));
+                                        }, children: isUrl(cellUrl) ? (_jsx("a", { href: cellUrl, target: "_blank", rel: "noopener noreferrer", children: cellValue })) : column.render ? (column.render(cellValue)) : (cellValue) }))] }, `${column.key}-${(_d = (_c = item.id) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : index}`));
                         }
                         return null;
                     })] }), isExpandable &&
                 expandedRow === item.id.value &&
                 item.expandedDetails &&
-                item.expandedDetails.html] }, String((_g = (_f = item.id) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : index))) : ((0, jsx_runtime_1.jsxs)("div", { id: `${index}`, draggable: draggable, onDragStart: (e) => handleDragStart && handleDragStart(e, index), onDragOver: (e) => handleDragOver && handleDragOver(e), onDrop: (e) => handleDrop && handleDrop(e, index), className: getRowClassNames(), style: Object.assign(Object.assign({}, rowStyle), { position: "relative", display: "flex", alignItems: itemsAlign, fontSize: "inherit", minHeight: rowHeight, height: "max-content", boxSizing: "border-box", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
+                item.expandedDetails.html] }, String((_g = (_f = item.id) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : index))) : (_jsxs("div", { id: `${index}`, draggable: draggable, onDragStart: (e) => handleDragStart && handleDragStart(e, index), onDragOver: (e) => handleDragOver && handleDragOver(e), onDrop: (e) => handleDrop && handleDrop(e, index), className: getRowClassNames(), style: Object.assign(Object.assign({}, rowStyle), { position: "relative", display: "flex", alignItems: itemsAlign, fontSize: "inherit", minHeight: rowHeight, height: "max-content", boxSizing: "border-box", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                 ? "var(--row-bg)"
-                : "var(--row-bg-even)" }), onClick: handleRowClick, children: [bulkSelect && ((0, jsx_runtime_1.jsx)("div", { style: Object.assign(Object.assign({}, cellStyle), { textTransform: "uppercase", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis" }), children: (0, jsx_runtime_1.jsx)(checkbox_1.default, { noLabel: true, disabled: ignoreRowSelect &&
+                : "var(--row-bg-even)" }), onClick: handleRowClick, children: [bulkSelect && (_jsx("div", { style: Object.assign(Object.assign({}, cellStyle), { textTransform: "uppercase", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis" }), children: _jsx(Checkbox, { noLabel: true, disabled: ignoreRowSelect &&
                         ignoreRowSelect.has((_h = item["id"].value) === null || _h === void 0 ? void 0 : _h.toString()), onChange: () => { var _a; return toggleRowSelection((_a = item["id"].value) === null || _a === void 0 ? void 0 : _a.toString()); }, selected: item["id"] && selectedRows.has(item["id"].value), wrapperClass: checkboxWrapper }) })), columns.map((column, colIndex) => {
                 var _a, _b, _c;
                 const cellData = item[column.key];
                 const cellValue = cellData && Object.keys(cellData).includes("html")
                     ? cellData === null || cellData === void 0 ? void 0 : cellData.html
                     : cellData && Object.keys(cellData).includes("value")
-                        ? (0, commonService_1.formatValue)(cellData === null || cellData === void 0 ? void 0 : cellData.value, (_a = column.dataType) !== null && _a !== void 0 ? _a : "string", locale, formatOptions)
+                        ? formatValue(cellData === null || cellData === void 0 ? void 0 : cellData.value, (_a = column.dataType) !== null && _a !== void 0 ? _a : "string", locale, formatOptions)
                         : cellData
                             ? cellData
                             : "";
                 const cellUrl = cellData === null || cellData === void 0 ? void 0 : cellData.url;
                 const isHidden = column.overflowHidden;
                 if (!column.hidden && groupBy !== column.key) {
-                    return ((0, jsx_runtime_1.jsxs)("div", { id: `column-${index}-${colIndex}`, className: `column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), { padding: "0.5rem", display: "flex", alignItems: "center", justifyContent: "flex-start", overflow: isHidden ? "hidden" : "visible", textOverflow: isHidden ? "ellipsis" : "clip", whiteSpace: isHidden ? "nowrap" : "normal", width: widthMode === "auto"
+                    return (_jsxs("div", { id: `column-${index}-${colIndex}`, className: `column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), { padding: "0.5rem", display: "flex", alignItems: "center", justifyContent: "flex-start", overflow: isHidden ? "hidden" : "visible", textOverflow: isHidden ? "ellipsis" : "clip", whiteSpace: isHidden ? "nowrap" : "normal", width: widthMode === "auto"
                                 ? "auto"
                                 : (column === null || column === void 0 ? void 0 : column.width)
                                     ? column === null || column === void 0 ? void 0 : column.width
@@ -148,9 +143,9 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
                                 ? `1px solid ${hlBorderColor}`
                                 : "", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                                 ? "var(--row-bg)"
-                                : "var(--row-bg-even)" }), children: [draggable && colIndex === draggableIndex && ((0, jsx_runtime_1.jsx)("div", { onDragStart: (e) => handleDragStart && handleDragStart(e, index), style: {
+                                : "var(--row-bg-even)" }), children: [draggable && colIndex === draggableIndex && (_jsx("div", { onDragStart: (e) => handleDragStart && handleDragStart(e, index), style: {
                                     cursor: "grab",
-                                }, children: (0, jsx_runtime_1.jsx)(md_1.MdDragIndicator, { size: "1.25rem" }) })), loading ? ((0, jsx_runtime_1.jsx)("div", { style: { width: column.width, height: rowHeight }, children: (0, jsx_runtime_1.jsx)(shimmer_1.default, { height: 32, width: column.width }) })) : ((0, jsx_runtime_1.jsx)("div", { className: (cellData === null || cellData === void 0 ? void 0 : cellData.className) || "", style: {
+                                }, children: _jsx(MdDragIndicator, { size: "1.25rem" }) })), loading ? (_jsx("div", { style: { width: column.width, height: rowHeight }, children: _jsx(Shimmer, { height: 32, width: column.width }) })) : (_jsx("div", { className: (cellData === null || cellData === void 0 ? void 0 : cellData.className) || "", style: {
                                     display: "flex",
                                     alignItems: "center", // Vertically center content within the cell
                                     width: "100%",
@@ -160,9 +155,9 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
                                             column.dataType === "currency"
                                             ? "end"
                                             : "start",
-                                }, children: isUrl(cellUrl) ? ((0, jsx_runtime_1.jsx)("a", { href: cellUrl, target: "_blank", rel: "noopener noreferrer", children: cellValue })) : column.render ? (column.render(cellValue)) : (cellValue) }))] }, `${column.key}-${(_c = (_b = item.id) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : index}`));
+                                }, children: isUrl(cellUrl) ? (_jsx("a", { href: cellUrl, target: "_blank", rel: "noopener noreferrer", children: cellValue })) : column.render ? (column.render(cellValue)) : (cellValue) }))] }, `${column.key}-${(_c = (_b = item.id) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : index}`));
                 }
                 return null;
             })] }, String((_k = (_j = item.id) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : index)));
 };
-exports.default = (0, react_1.memo)(GridRow);
+export default memo(GridRow);

package/dist/components/grid/utils/groupedGridDetails.js

@@ -1,16 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const groupedRow_1 = __importDefault(require("./groupedRow"));
-const SummariseDetails_1 = __importDefault(require("./SummariseDetails"));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useRef, useState } from "react";
+import GroupedRow from "./groupedRow";
+import SummariseDetails from "./SummariseDetails";
 const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRowColor, updateRowOpened, columnWidths, columnHeights, groupBy, widthMode, rowKey, rowHeight, headerBackground, isSummarise, gridGroupBy, rowStyle, sortable, cellStyle, summariseKeys, summariseDetails, activeCalculateColor, gridRef, setCalculatePosition, calculatePosition, calculatetextColor, setCalculateVisible, calculateVisible, summariseDisplay, recalculate, selectedRowStyle, isLoading, selectedRow, onRowClick, gridColumns, bulkSelect, selectedRows, toggleRowSelection, hasVerticalScroll, setColumnWidths, setColumnHeights, actionsKey, locale, formatOptions, }) => {
-    const groupedDiv = (0, react_1.useRef)(null);
-    const [renderedKeys, setRenderedKeys] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
+    const groupedDiv = useRef(null);
+    const [renderedKeys, setRenderedKeys] = useState([]);
+    useEffect(() => {
         var _a;
         const groupedColumns = (_a = groupedDiv.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".group-column");
         const _renderedKeys = [];
@@ -38,7 +33,7 @@ const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRo
                     .join(">"));
         }),
     ]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: groupedDiv, children: groupedData
+    return (_jsx("div", { ref: groupedDiv, children: groupedData
             .filter((item) => {
             return item.type === "main" && item.level === 1
                 ? true
@@ -50,7 +45,7 @@ const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRo
             .map((item, gIndex) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             if (gIndex >= startIndex && gIndex <= endIndex)
-                return item.type === "main" ? ((0, jsx_runtime_1.jsxs)("div", { style: {
+                return item.type === "main" ? (_jsxs("div", { style: {
                         width: "100%",
                         display: "flex",
                         alignItems: "center",
@@ -61,7 +56,7 @@ const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRo
                     }, children: [(_a = item.groupedKey) === null || _a === void 0 ? void 0 : _a.split(">").filter((key) => key !== item.key).map((columnKey) => {
                             const column = gridColumns.find((column) => column.key === columnKey);
                             if (column) {
-                                return ((0, jsx_runtime_1.jsx)("div", { style: {
+                                return (_jsx("div", { style: {
                                         width: widthMode === "auto"
                                             ? "auto"
                                             : (column === null || column === void 0 ? void 0 : column.width)
@@ -70,14 +65,14 @@ const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRo
                                                     ? columnWidths[`column-${columnKey}`]
                                                     : "fit-content",
                                         padding: "0.5rem",
-                                    }, className: `column index-${groupBy}`, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                                    }, className: `column index-${groupBy}`, children: _jsx("div", { style: {
                                             color: alternateRowColor && (gIndex + 1) % 2 === 0
                                                 ? "var(--row-header-bg)"
                                                 : "var(--row-bg)",
                                         }, children: "--" }) }));
                             }
                             return null;
-                        }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        }), _jsxs("div", { style: {
                                 display: "flex",
                                 alignItems: "center",
                                 fontSize: "inherit",
@@ -93,7 +88,7 @@ const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRo
                                 flexGrow: 0,
                                 cursor: "pointer",
                                 padding: "0.5rem",
-                            }, className: `group-column ${item.key}`, onClick: () => updateRowOpened(item.groupedValue), children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                            }, className: `group-column ${item.key}`, onClick: () => updateRowOpened(item.groupedValue), children: [_jsx("span", { style: {
                                         fontSize: "inherit",
                                         marginRight: "0.5rem",
                                         color: "black",
@@ -106,14 +101,14 @@ const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRo
                                         display: "flex",
                                         alignItems: "center",
                                         justifyContent: "center",
-                                    }, children: rowOpened.includes(item.groupedValue || "") ? "-" : "+" }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    }, children: rowOpened.includes(item.groupedValue || "") ? "-" : "+" }), _jsxs("div", { style: {
                                         display: "flex",
                                         alignItems: "center",
                                         flexWrap: "wrap",
-                                    }, children: [(0, jsx_runtime_1.jsx)("span", { style: { marginRight: "0.5rem" }, children: item.html ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item.html }) : item.value }), (0, jsx_runtime_1.jsx)("span", { children: `(${item === null || item === void 0 ? void 0 : item.count})` })] })] }), isSummarise &&
-                            parseInt(((_d = item === null || item === void 0 ? void 0 : item.count) === null || _d === void 0 ? void 0 : _d.toString()) || "0") > 0 && ((0, jsx_runtime_1.jsx)(SummariseDetails_1.default, { rowIndex: gIndex, removedKeys: item.groupedKey.split(">"), columns: gridColumns, groupBy: gridGroupBy, sortable: sortable, cellStyle: cellStyle, columnWidths: columnWidths, widthMode: widthMode, summariseKeys: summariseKeys, summariseDetails: summariseDetails, activeCalculateColor: activeCalculateColor, gridRef: gridRef, setCalculatePosition: setCalculatePosition, calculatePosition: calculatePosition, calculatetextColor: calculatetextColor, setCalculateVisible: setCalculateVisible, calculateVisible: calculateVisible, summariseDisplay: summariseDisplay, recalculate: recalculate, groupedData: item.groupedValue, actionsKey: actionsKey }))] }, String((_e = item.groupedValue) !== null && _e !== void 0 ? _e : gIndex))) : ((0, jsx_runtime_1.jsx)(groupedRow_1.default, { item: item.rowData, index: gIndex, rowStyle: Object.assign(Object.assign({}, rowStyle), (selectedRow === gIndex ? selectedRowStyle : {})), cellStyle: cellStyle, rowHeight: rowHeight, alternateRowColor: alternateRowColor, bulkSelect: bulkSelect, columns: gridColumns, widthMode: widthMode, rowKey: rowKey, onRowClick: onRowClick, loading: isLoading, groupBy: gridGroupBy, selectedRows: selectedRows, toggleRowSelection: toggleRowSelection, hasVerticalScroll: hasVerticalScroll, hugColumnWidths: columnWidths }, String(((_g = (_f = item.rowData) === null || _f === void 0 ? void 0 : _f.id) === null || _g === void 0 ? void 0 : _g.value)
+                                    }, children: [_jsx("span", { style: { marginRight: "0.5rem" }, children: item.html ? _jsx(_Fragment, { children: item.html }) : item.value }), _jsx("span", { children: `(${item === null || item === void 0 ? void 0 : item.count})` })] })] }), isSummarise &&
+                            parseInt(((_d = item === null || item === void 0 ? void 0 : item.count) === null || _d === void 0 ? void 0 : _d.toString()) || "0") > 0 && (_jsx(SummariseDetails, { rowIndex: gIndex, removedKeys: item.groupedKey.split(">"), columns: gridColumns, groupBy: gridGroupBy, sortable: sortable, cellStyle: cellStyle, columnWidths: columnWidths, widthMode: widthMode, summariseKeys: summariseKeys, summariseDetails: summariseDetails, activeCalculateColor: activeCalculateColor, gridRef: gridRef, setCalculatePosition: setCalculatePosition, calculatePosition: calculatePosition, calculatetextColor: calculatetextColor, setCalculateVisible: setCalculateVisible, calculateVisible: calculateVisible, summariseDisplay: summariseDisplay, recalculate: recalculate, groupedData: item.groupedValue, actionsKey: actionsKey }))] }, String((_e = item.groupedValue) !== null && _e !== void 0 ? _e : gIndex))) : (_jsx(GroupedRow, { item: item.rowData, index: gIndex, rowStyle: Object.assign(Object.assign({}, rowStyle), (selectedRow === gIndex ? selectedRowStyle : {})), cellStyle: cellStyle, rowHeight: rowHeight, alternateRowColor: alternateRowColor, bulkSelect: bulkSelect, columns: gridColumns, widthMode: widthMode, rowKey: rowKey, onRowClick: onRowClick, loading: isLoading, groupBy: gridGroupBy, selectedRows: selectedRows, toggleRowSelection: toggleRowSelection, hasVerticalScroll: hasVerticalScroll, hugColumnWidths: columnWidths }, String(((_g = (_f = item.rowData) === null || _f === void 0 ? void 0 : _f.id) === null || _g === void 0 ? void 0 : _g.value)
                     ? `${item.groupedValue}-${(_j = (_h = item.rowData) === null || _h === void 0 ? void 0 : _h.id) === null || _j === void 0 ? void 0 : _j.value}`
                     : gIndex)));
         }) }));
 };
-exports.default = (0, react_1.memo)(GroupedGrid);
+export default memo(GroupedGrid);

package/dist/components/grid/utils/groupedRow.js

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shimmer_1 = __importDefault(require("./shimmer"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import Shimmer from "./shimmer";
 const isUrl = (value) => {
     if (value) {
         const urlPattern = new RegExp("^(https?:\\/\\/)?" +
@@ -21,23 +16,23 @@ const isUrl = (value) => {
     return false;
 };
 const GroupedRow = ({ item, rowStyle, cellStyle, rowHeight, columns, widthMode, index, rowKey, onRowClick, loading, groupBy, hugColumnWidths, alternateRowColor, }) => {
-    const handleRowClick = (0, react_1.useCallback)(() => {
+    const handleRowClick = useCallback(() => {
         onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item);
     }, [onRowClick, item]);
-    const getRowClassNames = (0, react_1.useCallback)(() => {
+    const getRowClassNames = useCallback(() => {
         let classNames = ["row"];
         if (onRowClick)
             classNames.push("cursor-pointer");
         return classNames.join(" ");
     }, [onRowClick]);
-    return ((0, jsx_runtime_1.jsxs)("div", { id: `${index}`, className: getRowClassNames(), style: Object.assign(Object.assign({}, rowStyle), { position: "relative", display: "flex", alignItems: "center", fontSize: "inherit", minHeight: rowHeight, height: "max-content", boxSizing: "border-box", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
+    return (_jsxs("div", { id: `${index}`, className: getRowClassNames(), style: Object.assign(Object.assign({}, rowStyle), { position: "relative", display: "flex", alignItems: "center", fontSize: "inherit", minHeight: rowHeight, height: "max-content", boxSizing: "border-box", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                 ? "var(--row-bg)"
                 : "var(--row-bg-even)" }), onClick: handleRowClick, children: [groupBy
                 .split(",")
                 .filter((item) => item)
                 .map((_groupBy) => {
                 var _a, _b;
-                return ((0, jsx_runtime_1.jsx)("div", { style: {
+                return (_jsx("div", { style: {
                         width: widthMode === "auto"
                             ? "auto"
                             : ((_a = columns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.width)
@@ -52,7 +47,7 @@ const GroupedRow = ({ item, rowStyle, cellStyle, rowHeight, columns, widthMode,
                         flex: widthMode === "auto" ? 1 : undefined,
                         flexGrow: widthMode === "auto" ? 1 : 0,
                         flexShrink: widthMode === "auto" ? 1 : 0,
-                    }, className: `column index-${groupBy}`, children: (0, jsx_runtime_1.jsx)("div", {}) }));
+                    }, className: `column index-${groupBy}`, children: _jsx("div", {}) }));
             }), columns
                 .filter((column) => !groupBy.includes(column.key))
                 .map((column, colIndex) => {
@@ -68,7 +63,7 @@ const GroupedRow = ({ item, rowStyle, cellStyle, rowHeight, columns, widthMode,
                 const cellUrl = cellData === null || cellData === void 0 ? void 0 : cellData.url;
                 const isHidden = column.overflowHidden;
                 if (!column.hidden) {
-                    return ((0, jsx_runtime_1.jsx)("div", { id: `column-${index}-${colIndex}`, className: `column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), { padding: "0.5rem", display: "flex", alignItems: "center", justifyContent: "flex-start", overflow: isHidden ? "hidden" : "visible", textOverflow: isHidden ? "ellipsis" : "clip", whiteSpace: isHidden ? "nowrap" : "normal", height: "100%", width: widthMode === "auto"
+                    return (_jsx("div", { id: `column-${index}-${colIndex}`, className: `column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), { padding: "0.5rem", display: "flex", alignItems: "center", justifyContent: "flex-start", overflow: isHidden ? "hidden" : "visible", textOverflow: isHidden ? "ellipsis" : "clip", whiteSpace: isHidden ? "nowrap" : "normal", height: "100%", width: widthMode === "auto"
                                 ? "auto"
                                 : (column === null || column === void 0 ? void 0 : column.width)
                                     ? column === null || column === void 0 ? void 0 : column.width
@@ -81,7 +76,7 @@ const GroupedRow = ({ item, rowStyle, cellStyle, rowHeight, columns, widthMode,
                             //     : "",
                             backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                                 ? "var(--row-bg)"
-                                : "var(--row-bg-even)" }), children: loading ? ((0, jsx_runtime_1.jsx)("div", { style: { width: column.width, height: rowHeight }, children: (0, jsx_runtime_1.jsx)(shimmer_1.default, { height: 32, width: column.width }) })) : ((0, jsx_runtime_1.jsx)("div", { className: (cellData === null || cellData === void 0 ? void 0 : cellData.className) || "", style: {
+                                : "var(--row-bg-even)" }), children: loading ? (_jsx("div", { style: { width: column.width, height: rowHeight }, children: _jsx(Shimmer, { height: 32, width: column.width }) })) : (_jsx("div", { className: (cellData === null || cellData === void 0 ? void 0 : cellData.className) || "", style: {
                                 display: "flex",
                                 alignItems: "center", // Vertically center content within the cell
                                 width: "100%",
@@ -91,9 +86,9 @@ const GroupedRow = ({ item, rowStyle, cellStyle, rowHeight, columns, widthMode,
                                         column.dataType === "currency"
                                         ? "end"
                                         : "start",
-                            }, children: isUrl(cellUrl) ? ((0, jsx_runtime_1.jsx)("a", { href: cellUrl, target: "_blank", rel: "noopener noreferrer", children: cellValue })) : column.render ? (column.render(cellValue)) : (cellValue) })) }, `${column.key}-${(_b = (_a = item.id) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : index}`));
+                            }, children: isUrl(cellUrl) ? (_jsx("a", { href: cellUrl, target: "_blank", rel: "noopener noreferrer", children: cellValue })) : column.render ? (column.render(cellValue)) : (cellValue) })) }, `${column.key}-${(_b = (_a = item.id) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : index}`));
                 }
                 return null;
             })] }));
 };
-exports.default = (0, react_1.memo)(GroupedRow);
+export default memo(GroupedRow);

package/dist/components/grid/utils/pagination.js

@@ -1,22 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTotalPages = exports.getPaginatedData = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getPaginatedData = (data, currentPage, rowsPerPage) => {
     const startIndex = (currentPage - 1) * rowsPerPage;
     return data.slice(startIndex, startIndex + rowsPerPage);
 };
-exports.getPaginatedData = getPaginatedData;
 const getTotalPages = (dataLength, rowsPerPage) => {
     return Math.ceil(dataLength / rowsPerPage);
 };
-exports.getTotalPages = getTotalPages;
 const Pagination = ({ currentPage, totalPages, handleChangePage, rowsPerPage, handleChangeRowsPerPage, rowsPerPageOptions, range = 5, }) => {
     const renderPageNumbers = () => {
         const pageNumbers = [];
         if (totalPages <= range) {
             for (let i = 1; i <= totalPages; i++) {
-                pageNumbers.push((0, jsx_runtime_1.jsx)("button", { className: `page-number ${i === currentPage ? "active" : ""}`, onClick: () => handleChangePage(i), children: i }, i));
+                pageNumbers.push(_jsx("button", { className: `page-number ${i === currentPage ? "active" : ""}`, onClick: () => handleChangePage(i), children: i }, i));
             }
         }
         else {
@@ -26,13 +21,14 @@ const Pagination = ({ currentPage, totalPages, handleChangePage, rowsPerPage, ha
                 startPage = Math.max(1, endPage - range + 1);
             }
             for (let i = startPage; i <= endPage; i++) {
-                pageNumbers.push((0, jsx_runtime_1.jsx)("button", { className: `page-number ${i === currentPage ? "active" : ""}`, onClick: () => handleChangePage(i), children: i }, i));
+                pageNumbers.push(_jsx("button", { className: `page-number ${i === currentPage ? "active" : ""}`, onClick: () => handleChangePage(i), children: i }, i));
             }
         }
         return pageNumbers;
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: "pagination text-sm px-2.5", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => handleChangePage(currentPage - 1), disabled: currentPage === 1, style: currentPage === 1 ? { cursor: "not-allowed", color: "#ccc" } : {}, children: "Prev" }), renderPageNumbers(), (0, jsx_runtime_1.jsx)("button", { onClick: () => handleChangePage(currentPage + 1), disabled: currentPage >= totalPages, style: currentPage >= totalPages
+    return (_jsx("div", { className: "pagination text-sm px-2.5", children: _jsxs("div", { children: [_jsx("button", { onClick: () => handleChangePage(currentPage - 1), disabled: currentPage === 1, style: currentPage === 1 ? { cursor: "not-allowed", color: "#ccc" } : {}, children: "Prev" }), renderPageNumbers(), _jsx("button", { onClick: () => handleChangePage(currentPage + 1), disabled: currentPage >= totalPages, style: currentPage >= totalPages
                         ? { cursor: "not-allowed", color: "#ccc" }
-                        : {}, children: "Next" }), (0, jsx_runtime_1.jsx)("select", { value: rowsPerPage, onChange: handleChangeRowsPerPage, children: rowsPerPageOptions.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: option, children: option }, option))) })] }) }));
+                        : {}, children: "Next" }), _jsx("select", { value: rowsPerPage, onChange: handleChangeRowsPerPage, children: rowsPerPageOptions.map((option) => (_jsx("option", { value: option, children: option }, option))) })] }) }));
 };
-exports.default = Pagination;
+export default Pagination;
+export { getPaginatedData, getTotalPages };

package/dist/components/grid/utils/paginationUtils.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTotalPages = void 0;
-const getTotalPages = (dataLength, rowsPerPage) => {
+export const getTotalPages = (dataLength, rowsPerPage) => {
     return Math.ceil(dataLength / rowsPerPage);
 };
-exports.getTotalPages = getTotalPages;

package/dist/components/grid/utils/regexUtils.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRegexFromWildcard = void 0;
-exports.isValidDateFormat = isValidDateFormat;
-const createRegexFromWildcard = (query) => {
+export const createRegexFromWildcard = (query) => {
     const escapedQuery = query.replace(/([.+^${}()|[\]\\])/g, "\\$1");
     const regexPattern = "^" + escapedQuery.replace(/\*/g, ".*").replace(/\?/g, ".") + ".*$";
     return new RegExp(regexPattern, "i");
 };
-exports.createRegexFromWildcard = createRegexFromWildcard;
-function isValidDateFormat(dateStr) {
+export function isValidDateFormat(dateStr) {
     if (!dateStr || typeof dateStr !== "string")
         return false;
     const patterns = [

package/dist/components/grid/utils/shimmer.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const Shimmer = ({ style, width, height }) => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { children: `
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
           @keyframes shimmer {
             0% {
               background-position: -1000px 0;
@@ -22,6 +20,6 @@ const Shimmer = ({ style, width, height }) => {
             background-size: 1000px 100%;
             animation: shimmer 1.2s infinite;
           }
-        ` }), (0, jsx_runtime_1.jsx)("div", { className: "shimmer-wrapper", style: {}, children: (0, jsx_runtime_1.jsx)("div", { className: "shimmer", style: Object.assign(Object.assign({}, style), { width, height }) }) })] }));
+        ` }), _jsx("div", { className: "shimmer-wrapper", style: {}, children: _jsx("div", { className: "shimmer", style: Object.assign(Object.assign({}, style), { width, height }) }) })] }));
 };
-exports.default = Shimmer;
+export default Shimmer;

package/dist/components/grid/utils/textFilterDropdown.js

@@ -1,13 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dropdown_1 = __importDefault(require("../../dropdown"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import Dropdown from "../../dropdown";
 const TextFilterDropdown = ({ headerDropdownIndex, searchOptions, combined, position, columnKey, searchElement, activeSearchType, sortingOps, searchable, searchInput, columnIndex, }) => {
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         var _a;
         if (searchElement) {
             const _searchElement = document.getElementById("search-input");
@@ -21,17 +16,17 @@ const TextFilterDropdown = ({ headerDropdownIndex, searchOptions, combined, posi
         const clickedOption = searchOptions.find((item) => selected === item.value);
         clickedOption === null || clickedOption === void 0 ? void 0 : clickedOption.action(columnKey, selected);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: Object.assign(Object.assign({ position: "absolute", top: combined ? 0 : "calc(100% + 5px)" }, (combined
+    return (_jsxs("div", { style: Object.assign(Object.assign({ position: "absolute", top: combined ? 0 : "calc(100% + 5px)" }, (combined
             ? {
                 left: "100%",
             }
             : columnIndex > 1
                 ? { right: 0 }
-                : { left: 0 })), { zIndex: headerDropdownIndex ? headerDropdownIndex : 1000, backgroundColor: "white", boxShadow: "0px 0.5rem 1rem 0px rgba(0,0,0,0.2)", listStyleType: "none", padding: "0.25rem 0", width: 230, borderRadius: "0.5rem", margin: 0 }), id: "grid-dropdown", onClick: (e) => e.stopPropagation(), children: [searchInput && searchInput, sortingOps && sortingOps, (0, jsx_runtime_1.jsx)("div", { style: {
+                : { left: 0 })), { zIndex: headerDropdownIndex ? headerDropdownIndex : 1000, backgroundColor: "white", boxShadow: "0px 0.5rem 1rem 0px rgba(0,0,0,0.2)", listStyleType: "none", padding: "0.25rem 0", width: 230, borderRadius: "0.5rem", margin: 0 }), id: "grid-dropdown", onClick: (e) => e.stopPropagation(), children: [searchInput && searchInput, sortingOps && sortingOps, _jsx("div", { style: {
                     padding: "0.5rem 0.75rem",
-                }, children: (0, jsx_runtime_1.jsx)(dropdown_1.default, { options: searchOptions, selectedValues: [activeSearchType], onChange: (selected) => { var _a; return handleDropdownChange((_a = selected[0].toString()) !== null && _a !== void 0 ? _a : "", columnKey); }, searchEnabled: false, maxDropdownHeight: 350 }) }), !["blank", "notblank"].includes(activeSearchType.toLowerCase()) && ((0, jsx_runtime_1.jsx)("div", { style: {
+                }, children: _jsx(Dropdown, { options: searchOptions, selectedValues: [activeSearchType], onChange: (selected) => { var _a; return handleDropdownChange((_a = selected[0].toString()) !== null && _a !== void 0 ? _a : "", columnKey); }, searchEnabled: false, maxDropdownHeight: 350 }) }), !["blank", "notblank"].includes(activeSearchType.toLowerCase()) && (_jsx("div", { style: {
                     padding: "0.5rem 0.75rem",
                     cursor: "pointer",
                 }, children: searchElement }))] }));
 };
-exports.default = TextFilterDropdown;
+export default TextFilterDropdown;

package/dist/components/loader/index.js

@@ -1,41 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importStar(require("styled-components"));
-const spin = (0, styled_components_1.keyframes) `
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled, { keyframes } from "styled-components";
+const spin = keyframes `
   0% {
     transform: rotate(0deg);
   }
@@ -43,7 +8,7 @@ const spin = (0, styled_components_1.keyframes) `
     transform: rotate(360deg);
   }
 `;
-const Spinner = styled_components_1.default.div `
+const Spinner = styled.div `
   display: inline-block;
   width: ${(props) => props.size}px;
   height: ${(props) => props.size}px;
@@ -53,6 +18,6 @@ const Spinner = styled_components_1.default.div `
   animation: ${spin} 1s linear infinite;
 `;
 const Loader = ({ size = 40, color = "#3498db", className = "", }) => {
-    return (0, jsx_runtime_1.jsx)(Spinner, { size: size, color: color, className: className });
+    return _jsx(Spinner, { size: size, color: color, className: className });
 };
-exports.default = Loader;
+export default Loader;