@megha-ui/react 1.2.823 → 1.2.825
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.
|
@@ -14,21 +14,16 @@ import { useState, useEffect, useRef, useMemo, } from "react";
|
|
|
14
14
|
import * as XLSX from "xlsx";
|
|
15
15
|
import { saveAs } from "file-saver";
|
|
16
16
|
import Pagination from "./utils/pagination";
|
|
17
|
-
import GridRow from "./utils/gridRow";
|
|
18
17
|
import { getTotalPages } from "./utils/pagination";
|
|
19
|
-
import GridHeader from "./utils/gridHeader";
|
|
20
18
|
import { useSort } from "./hooks/useSort";
|
|
21
19
|
import { usePagination } from "./hooks/usePagination";
|
|
22
20
|
import { useBulkSelect } from "./hooks/useBulkSelect";
|
|
23
21
|
import { createRegexFromWildcard, isValidDateFormat } from "./utils/regexUtils";
|
|
24
22
|
import { FiEye, FiShare, FiChevronsLeft, FiChevronsRight, } from "react-icons/fi";
|
|
25
23
|
import { MdFilterAltOff, MdGroupOff, MdSave } from "react-icons/md";
|
|
26
|
-
import SummariseDetails from "./utils/SummariseDetails";
|
|
27
24
|
import GlobalSearchChiProps from "./utils/globalSearchChips";
|
|
28
|
-
import GroupedGridDetails from "./utils/groupedGridDetails";
|
|
29
25
|
import { MdFullscreen, MdFullscreenExit } from "react-icons/md";
|
|
30
26
|
import Dropdown from "../dropdown";
|
|
31
|
-
import Loader from "../loader";
|
|
32
27
|
import Button from "../button";
|
|
33
28
|
import Card from "../card";
|
|
34
29
|
import { TbAntennaBarsOff, TbCalculator, TbCalculatorFilled, TbCalculatorOff, } from "react-icons/tb";
|
|
@@ -47,7 +42,6 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
|
|
|
47
42
|
withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, subHeader, cardFooter, getCurrentPage = (page) => {
|
|
48
43
|
console.log("Current page:", page);
|
|
49
44
|
}, currentPage: propCurrentPage, combinedColumns, }) => {
|
|
50
|
-
var _a, _b, _c, _d;
|
|
51
45
|
const [searchQueries, setSearchQueries] = useState({});
|
|
52
46
|
const [chips, setChips] = useState([]);
|
|
53
47
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -1533,58 +1527,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
|
|
|
1533
1527
|
border: gridBorder ? "1px solid #f0f0f0" : "none",
|
|
1534
1528
|
overflow: calculateVisible && gridGroupBy ? "visible" : "auto",
|
|
1535
1529
|
position: "relative",
|
|
1536
|
-
}, children: [
|
|
1537
|
-
let _gridGroupBy = gridGroupBy;
|
|
1538
|
-
_gridGroupBy = _gridGroupBy.split(",").includes(value)
|
|
1539
|
-
? _gridGroupBy
|
|
1540
|
-
.split(",")
|
|
1541
|
-
.filter((item) => item && item !== value)
|
|
1542
|
-
.join(",")
|
|
1543
|
-
: [
|
|
1544
|
-
..._gridGroupBy.split(",").filter((item) => item),
|
|
1545
|
-
value,
|
|
1546
|
-
].join(",");
|
|
1547
|
-
setGridGroupBy(_gridGroupBy);
|
|
1548
|
-
updateGroupBy && updateGroupBy(_gridGroupBy);
|
|
1549
|
-
}, headerDropdownIndex: headerDropdownIndex, updateGridColumns: updateGridColumns, setGridColumns: setGridColumns, widthUnits: widthUnits, gridData: filteredData, checkboxWrapper: checkboxWrapper, onFilter: onFilter, setUniqueSearch: setUniqueSearch, uniqueSearch: uniqueSearch, hugColumnWidths: columnWidths, menuVisible: menuVisible, setMenuVisible: setMenuVisible, dropdownVisible: dropdownVisible, actionsKey: actionsKey, setDropdownVisible: setDropdownVisible, columnSearchOutside: columnSearchOutside, locale: locale, formatOptions: formatOptions }), hugLoading && (_jsx("div", { style: {
|
|
1550
|
-
position: "sticky",
|
|
1551
|
-
width: "100%",
|
|
1552
|
-
height: `calc(100% - ${(_a = headerRef === null || headerRef === void 0 ? void 0 : headerRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight}px)`,
|
|
1553
|
-
top: ((_b = headerRef === null || headerRef === void 0 ? void 0 : headerRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight)
|
|
1554
|
-
? (_c = headerRef === null || headerRef === void 0 ? void 0 : headerRef.current) === null || _c === void 0 ? void 0 : _c.clientHeight
|
|
1555
|
-
: 0,
|
|
1556
|
-
zIndex: 1,
|
|
1557
|
-
left: 0,
|
|
1558
|
-
display: "flex",
|
|
1559
|
-
alignItems: "center",
|
|
1560
|
-
justifyContent: "center",
|
|
1561
|
-
background: "var(--background)",
|
|
1562
|
-
}, children: _jsx(Loader, { size: 32 }) })), _jsx("div", { id: "table-body", children: gridGroupBy !== "" ? (_jsx(GroupedGridDetails, { locale: locale, formatOptions: formatOptions, groupedData: groupedData, rowOpened: rowOpened, startIndex: startIndex, endIndex: endIndex, alternateRowColor: alternateRowColor, updateRowOpened: updateRowOpened, columnWidths: columnWidths, columnHeights: columnHeights, groupBy: groupBy, widthMode: widthMode, rowKey: rowKey, rowHeight: rowHeight, headerBackground: headerBackground, isSummarise: summariseAvailable, gridGroupBy: gridGroupBy, rowStyle: rowStyle, sortable: sortable, cellStyle: cellStyle, summariseKeys: summariseKeys, summariseDetails: summariseDetails, activeCalculateColor: activeCalculateColor, gridRef: gridRef, setCalculatePosition: setCalculatePosition, calculatePosition: calculatePosition, calculatetextColor: calculatetextColor, setCalculateVisible: setCalculateVisible, calculateVisible: calculateVisible, summariseDisplay: summariseDisplay, recalculate: recalculate, selectedRowStyle: selectedRowStyle, isLoading: isLoading, selectedRow: selectedRow, onRowClick: onRowClick, gridColumns: gridColumns, bulkSelect: bulkSelect, selectedRows: selectedRows, toggleRowSelection: toggleRowSelection, hasVerticalScroll: hasVerticalScroll, setColumnWidths: setColumnWidths, setColumnHeights: setColumnHeights, ignoreClickKeys: ignoreClickKeys, actionsKey: actionsKey })) : (_jsxs(_Fragment, { children: [tableData.map((item, index) => {
|
|
1563
|
-
var _a, _b, _c, _d, _e, _f;
|
|
1564
|
-
if (paginate) {
|
|
1565
|
-
return (_jsx(GridRow, { item: item, index: index, rowStyle: Object.assign(Object.assign({}, rowStyle), (selectedRow === ((_a = item.id) === null || _a === void 0 ? void 0 : _a.value)
|
|
1566
|
-
? selectedRowStyle
|
|
1567
|
-
: {})), handleDragStart: handleDragStart, handleDragOver: handleDragOver, handleDrop: handleDrop, draggable: draggable, cellStyle: cellStyle, rowHeight: rowHeight, alternateRowColor: alternateRowColor, bulkSelect: bulkSelect, selectedRows: selectedRows ? selectedRows : new Set([""]), ignoreRowSelect: ignoreRowSelect ? ignoreRowSelect : new Set([""]), toggleRowSelection: toggleRowSelection, columns: gridColumns, widthMode: widthMode, hasVerticalScroll: hasVerticalScroll, onRowClick: onRowClick, loading: isLoading, groupBy: gridGroupBy, rowKey: rowKey, rowIndex: rowIndex, columnIndex: columnIndex, hlBorderColor: hlBorderColor, hugColumnWidths: columnWidths, hugColumnHeights: columnHeights, expandedRow: expandedRow, isExpandable: isExpandable, checkboxWrapper: checkboxWrapper, locale: locale, formatOptions: formatOptions, ignoreClickKeys: ignoreClickKeys, actionsKey: actionsKey }, String((_c = (_b = item.id) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : index)));
|
|
1568
|
-
}
|
|
1569
|
-
else if (index >= startIndex && index <= endIndex) {
|
|
1570
|
-
return (_jsx(GridRow, { item: item, index: index, rowStyle: Object.assign(Object.assign({}, rowStyle), (selectedRow === ((_d = item.id) === null || _d === void 0 ? void 0 : _d.value)
|
|
1571
|
-
? selectedRowStyle
|
|
1572
|
-
: {})), handleDragStart: handleDragStart, handleDragOver: handleDragOver, handleDrop: handleDrop, draggable: draggable, cellStyle: cellStyle, rowHeight: rowHeight, alternateRowColor: alternateRowColor, bulkSelect: bulkSelect, selectedRows: selectedRows ? selectedRows : new Set([""]), ignoreRowSelect: ignoreRowSelect ? ignoreRowSelect : new Set([""]), toggleRowSelection: toggleRowSelection, columns: gridColumns, widthMode: widthMode, hasVerticalScroll: hasVerticalScroll, onRowClick: onRowClick, loading: isLoading, groupBy: gridGroupBy, rowKey: rowKey, rowIndex: rowIndex, columnIndex: columnIndex, hlBorderColor: hlBorderColor, hugColumnWidths: columnWidths, hugColumnHeights: columnHeights, expandedRow: expandedRow, isExpandable: isExpandable, checkboxWrapper: checkboxWrapper, locale: locale, formatOptions: formatOptions, ignoreClickKeys: ignoreClickKeys, actionsKey: actionsKey }, String((_f = (_e = item.id) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : index)));
|
|
1573
|
-
}
|
|
1574
|
-
}), extraRow && extraRow, tableData.length === 0 && typeof extraRow === "undefined" && (_jsx("div", { style: {
|
|
1575
|
-
width: "100%",
|
|
1576
|
-
height: `calc(100% - ${(_d = headerRef === null || headerRef === void 0 ? void 0 : headerRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight}px)`,
|
|
1577
|
-
display: "flex",
|
|
1578
|
-
alignItems: "center",
|
|
1579
|
-
padding: "1rem 0",
|
|
1580
|
-
justifyContent: "center",
|
|
1581
|
-
}, children: "No Data available" }))] })) }), (rowCount || paginate || summariseAvailable) && (_jsx("div", { id: "table-footer", style: {
|
|
1582
|
-
position: "sticky",
|
|
1583
|
-
bottom: 0,
|
|
1584
|
-
background: "var(--row-header-bg)",
|
|
1585
|
-
}, children: summariseAvailable &&
|
|
1586
|
-
filteredData.length > 0 &&
|
|
1587
|
-
gridGroupBy === "" && (_jsx(SummariseDetails, { 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 })) }))] }), _jsx(NewGridHeader, { 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) => {
|
|
1530
|
+
}, children: [_jsx(NewGridHeader, { 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) => {
|
|
1588
1531
|
let _gridGroupBy = gridGroupBy;
|
|
1589
1532
|
_gridGroupBy = _gridGroupBy.split(",").includes(value)
|
|
1590
1533
|
? _gridGroupBy
|
package/package.json
CHANGED