@megha-ui/react 1.3.22 → 1.3.24

package/dist/components/grid/index.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useMemo, } from "react";
+import { useState, useEffect, useRef, useMemo } from "react";
 import * as XLSX from "xlsx";
 import { saveAs } from "file-saver";
 import Pagination from "./utils/pagination";
@@ -1516,11 +1516,12 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                                             }, children: "\u00D7" })] }, chip));
                             })] }))] }), _jsxs("div", { id: `grid-content`, onScroll: onScroll, ref: gridRef, style: {
                     display: "grid",
-                    gridTemplateColumns: gridColumns
-                        .map((_, index) => index > gridColumns.length - 2
-                        ? "minmax(max-content, 1fr)"
-                        : "max-content")
-                        .join(" "),
+                    gridTemplateColumns: [
+                        ...(bulkSelect ? ["max-content"] : []),
+                        ...gridColumns.map((_, index) => index < gridColumns.length - 1
+                            ? "max-content"
+                            : "minmax(max-content, 1fr)"),
+                    ].join(" "),
                     gridAutoRows: "max-content",
                     height: `calc(100% - ${removalHeight})`,
                     border: gridBorder ? "1px solid #f0f0f0" : "none",
@@ -1549,7 +1550,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                             alignItems: "center",
                             padding: "1rem 0",
                             justifyContent: "center",
-                            gridColumn: "1 / -1"
+                            gridColumn: "1 / -1",
                         }, children: "No Data available" })), summariseAvailable &&
                         filteredData.length > 0 &&
                         gridGroupBy === "" && (_jsx(NewSummariseDetails, { summariseKeys: summariseKeys, columns: gridColumns, groupBy: gridGroupBy, sortable: sortable, cellStyle: cellStyle, columnWidths: columnWidths, widthMode: widthMode, summariseDetails: summariseDetails, activeCalculateColor: activeCalculateColor, gridRef: gridRef, setCalculatePosition: setCalculatePosition, calculatePosition: calculatePosition, calculatetextColor: calculatetextColor, setCalculateVisible: setCalculateVisible, calculateVisible: calculateVisible, summariseDisplay: summariseDisplay, recalculate: recalculate, actionsKey: actionsKey }))] }), paginate && gridGroupBy === "" && (_jsxs("div", { id: "pagination", style: {

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

@@ -190,12 +190,12 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
                                 ? `1px solid ${hlBorderColor}`
                                 : "", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                                 ? "var(--row-bg)"
-                                : "var(--row-bg-even)" }), onClick: () => handleRowClick(column), draggable: draggable, onDragStart: (e) => {
-                            handleDragStart && handleDragStart(e, index);
-                            setIsDragging(true);
-                        }, onDragEnd: () => setIsDragging(false), children: [draggable && colIndex === draggableIndex && (_jsx("div", { style: {
+                                : "var(--row-bg-even)" }), onClick: () => handleRowClick(column), draggable: draggable, onDragEnd: () => setIsDragging(false), children: [draggable && colIndex === draggableIndex && (_jsx("div", { style: {
                                     cursor: "grab",
-                                }, onDragStart: (e) => handleDragStart && handleDragStart(e, index), children: _jsx(MdDragIndicator, { size: "1.25rem" }) })), loading ? (_jsx("div", { style: { height: rowHeight }, children: _jsx(Shimmer, { height: 32, width: column.width }) })) : (_jsx("div", { className: (cellData === null || cellData === void 0 ? void 0 : cellData.className) || "", style: {
+                                }, onDragStart: (e) => {
+                                    handleDragStart && handleDragStart(e, index);
+                                    setIsDragging(true);
+                                }, children: _jsx(MdDragIndicator, { size: "1.25rem" }) })), loading ? (_jsx("div", { style: { 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%",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.3.22",
+  "version": "1.3.24",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",