@megha-ui/react 1.2.804 → 1.2.806
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1519,22 +1519,17 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
|
|
|
1519
1519
|
.filter((item) => item !== chip)
|
|
1520
1520
|
.join(","));
|
|
1521
1521
|
}, children: "\u00D7" })] }, chip));
|
|
1522
|
-
})] }))] }), _jsxs("div", { id: `grid-content`,
|
|
1523
|
-
// style={{
|
|
1524
|
-
// display: "block",
|
|
1525
|
-
// border: gridBorder ? "1px solid #f0f0f0" : "none",
|
|
1526
|
-
// overflow: calculateVisible && gridGroupBy ? "visible" : "auto",
|
|
1527
|
-
// whiteSpace: "nowrap",
|
|
1528
|
-
// height: `calc(100% - ${removalHeight})`,
|
|
1529
|
-
// position: "relative",
|
|
1530
|
-
// }}
|
|
1531
|
-
onScroll: onScroll, ref: gridRef, style: {
|
|
1522
|
+
})] }))] }), _jsxs("div", { id: `grid-content`, onScroll: onScroll, ref: gridRef, style: {
|
|
1532
1523
|
display: "grid",
|
|
1533
1524
|
gridTemplateColumns: gridColumns
|
|
1534
1525
|
.map((_, index) => index > gridColumns.length - 2
|
|
1535
1526
|
? "minmax(max-content, 1fr)"
|
|
1536
1527
|
: "max-content")
|
|
1537
1528
|
.join(" "),
|
|
1529
|
+
height: `calc(100% - ${removalHeight})`,
|
|
1530
|
+
border: gridBorder ? "1px solid #f0f0f0" : "none",
|
|
1531
|
+
overflow: calculateVisible && gridGroupBy ? "visible" : "auto",
|
|
1532
|
+
position: "relative",
|
|
1538
1533
|
}, children: [_jsxs("div", { className: "hidden", children: [_jsx(GridHeader, { columns: gridColumns, headerRef: headerRef, resizable: resizable, sortable: sortable, search: search, combinedColumns: combinedColumns, defaultSearchOperation: defaultSearchOperation, showMenu: showMenu, sortQueries: sortQueries, onSort: handleSort, bulkSelect: bulkSelect, cellStyle: cellStyle, widthMode: widthMode, allRowsSelected: allRowsSelected, someRowsSelected: someRowsSelected, toggleSelectAll: () => toggleSelectAll(paginate ? paginatedData : sortedData, allRowsSelected), onSearch: handleSearch, searchQueries: searchQueries, headerBackground: headerBackground, headerTopBorder: headerTopBorder, headerBottomBorder: headerBottomBorder, groupBy: gridGroupBy, setGroupBy: (value) => {
|
|
1539
1534
|
let _gridGroupBy = gridGroupBy;
|
|
1540
1535
|
_gridGroupBy = _gridGroupBy.split(",").includes(value)
|
|
@@ -246,14 +246,14 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
|
|
|
246
246
|
setIsResizing(false);
|
|
247
247
|
setResizeIndex(-1);
|
|
248
248
|
};
|
|
249
|
-
return (_jsxs(_Fragment, { children: [bulkSelect && (_jsx("div", { style: Object.assign(Object.assign({}, cellStyle), { textTransform: "uppercase", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis" }), children: _jsx(Checkbox, { selected: allRowsSelected, onChange: () => toggleSelectAll(), noLabel: true, wrapperClass: checkboxWrapper }) })), groupByKeys.map((_groupBy) => {
|
|
249
|
+
return (_jsxs(_Fragment, { children: [bulkSelect && (_jsx("div", { style: Object.assign(Object.assign({}, cellStyle), { textTransform: "uppercase", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis", position: "sticky", top: 0, zIndex: 1 }), children: _jsx(Checkbox, { selected: allRowsSelected, onChange: () => toggleSelectAll(), noLabel: true, wrapperClass: checkboxWrapper }) })), groupByKeys.map((_groupBy) => {
|
|
250
250
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58;
|
|
251
251
|
return (_jsx(_Fragment, { children: headerColumns.find((column) => column.key === _groupBy) && (_jsxs("div", { className: `${sortable &&
|
|
252
252
|
((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.sortable)
|
|
253
253
|
? "sortable"
|
|
254
254
|
: ""} ${((_b = headerColumns.find((column) => column.key === _groupBy)) === null || _b === void 0 ? void 0 : _b.showMenu)
|
|
255
255
|
? "menu-true"
|
|
256
|
-
: "menu-false"} column index-${(_c = headerColumns.find((column) => column.key === _groupBy)) === null || _c === void 0 ? void 0 : _c.key}`, style: Object.assign(Object.assign({}, cellStyle), {
|
|
256
|
+
: "menu-false"} column index-${(_c = headerColumns.find((column) => column.key === _groupBy)) === null || _c === void 0 ? void 0 : _c.key}`, style: Object.assign(Object.assign({}, cellStyle), { padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis", wordBreak: widthMode === "auto" ? "break-all" : "unset", backgroundColor: "var(--row-header-bg)", borderTop: headerTopBorder, borderBottom: headerBottomBorder, flex: widthMode === "auto" ? 1 : undefined, flexGrow: widthMode === "auto" ? 1 : 0, flexShrink: widthMode === "auto" ? 1 : 0, position: "sticky", top: 0, zIndex: 1 }), onMouseMove: (e) => handleMouseMove(e), onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, children: [_jsxs("div", { style: {
|
|
257
257
|
display: "flex",
|
|
258
258
|
alignItems: "center",
|
|
259
259
|
padding: "0 0.3rem",
|
|
@@ -519,7 +519,7 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
|
|
|
519
519
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
|
|
520
520
|
if (!column.hidden) {
|
|
521
521
|
const columnData = getColumnData(column.key, gridData, (_a = column.dataType) !== null && _a !== void 0 ? _a : "string", combinedColumns !== null && combinedColumns !== void 0 ? combinedColumns : []);
|
|
522
|
-
return (_jsx("div", { className: `${sortable && column.sortable ? "sortable" : ""} ${column.showMenu ? "menu-true" : "menu-false"} column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), {
|
|
522
|
+
return (_jsx("div", { className: `${sortable && column.sortable ? "sortable" : ""} ${column.showMenu ? "menu-true" : "menu-false"} column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), { padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis", wordBreak: widthMode === "auto" ? "break-all" : "unset", backgroundColor: "var(--row-header-bg)", borderTop: headerTopBorder, borderBottom: headerBottomBorder, flex: widthMode === "auto" ? 1 : undefined, flexGrow: widthMode === "auto" ? 1 : 0, flexShrink: widthMode === "auto" ? 1 : 0, position: "sticky", top: 0, zIndex: 1 }), onMouseMove: (e) => handleMouseMove(e), onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, children: !actionsKey.split(",").includes(column.key) && (_jsxs(_Fragment, { children: [resizable && (_jsx("div", { style: {
|
|
523
523
|
position: "absolute",
|
|
524
524
|
width: "1px",
|
|
525
525
|
height: "100%",
|
package/package.json
CHANGED