@bluemarble/bm-components 0.0.45 → 0.0.47

package/dist/esm/index.js

@@ -15002,70 +15002,7 @@ const GridPagination = ({ currentPage, totalNumberOfPages, onPageChange, rowsPer
                 React__default.createElement(MdArrowForwardIos, { size: 8 * 2 })))));
 };
 
-/* eslint no-undef: "off" */
-function useEvent(event, handler, passive = false) {
-    useEffect(() => {
-        window.addEventListener(event, handler, passive);
-        return function cleanup() {
-            window.removeEventListener(event, handler);
-        };
-    });
-}
-
-function BaseGrid({ columns: columnsData, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense = true, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, }) {
-    const [columns, setColumns] = useState([]);
-    const [startResize, setStartResize] = useState(0);
-    const columnsRef = useRef(null);
-    const [draggingColumn, setDraggingColumn] = useState(-1);
-    const defaultColumn = useRef(columnsData);
-    const startColumnWidth = useRef(undefined);
-    function handleResizeColumn(event) {
-        if (draggingColumn < 0 || event.clientX === 0)
-            return;
-        const initialWidth = startColumnWidth.current;
-        const offset = event.clientX - startResize;
-        const newWidth = (initialWidth || 100) + offset;
-        setColumns((prevColuns) => {
-            prevColuns[draggingColumn].width = newWidth;
-            return prevColuns.slice(0);
-        });
-    }
-    function getTableWidth() {
-        if (fixedColumns)
-            return {
-                width: columns.reduce((acc, col) => (acc += (col === null || col === void 0 ? void 0 : col.width) || 100), 0),
-            };
-        return {};
-    }
-    function getColWidth(width) {
-        if (fixedColumns)
-            return width;
-        return "auto";
-    }
-    useEffect(() => {
-        const newColumns = columnsData.map((column) => (Object.assign(Object.assign({}, column), { width: column.width || 100 })));
-        defaultColumn.current = newColumns;
-        setColumns(newColumns);
-    }, [columnsData]);
-    useEvent("mousemove", (event) => {
-        if (draggingColumn >= 0) {
-            handleResizeColumn(event);
-        }
-    });
-    useEvent("mousedown", (event) => {
-        if (event.target.id) {
-            if (String(event.target.id).startsWith("resize-col")) {
-                event.preventDefault();
-                const dragginCol = parseInt(event.target.id.split("-").pop());
-                setDraggingColumn(dragginCol);
-                setStartResize(event.clientX);
-                startColumnWidth.current = columns[dragginCol].width;
-            }
-        }
-    });
-    useEvent("mouseup", () => {
-        setDraggingColumn(-1);
-    });
+function BaseGrid({ columns, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense = true, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, }) {
     return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign({ "tr td": {
                 py: dense ? 0.23 : 0.7,
                 border: bordered ? "1px solid" : "",
@@ -15074,26 +15011,10 @@ function BaseGrid({ columns: columnsData, children, fixedColumns, paperProps, ta
                 transition: "background-color ease 200ms",
                 bgcolor: striped ? "divider" : "initial",
             }, width: fixedColumns ? "fit-content" : "100" }, paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx) }),
-        React__default.createElement(Table, Object.assign({ size: "small", stickyHeader: true }, tableProps, { sx: Object.assign(Object.assign({}, getTableWidth()), tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx) }),
+        React__default.createElement(Table, Object.assign({ size: "small", stickyHeader: true }, tableProps, { sx: Object.assign({}, tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx) }),
             React__default.createElement(TableHead, Object.assign({}, tableHeadProps),
-                React__default.createElement(TableRow, { ref: columnsRef }, columns.map((column, index) => (React__default.createElement(TableCell, { key: column.name, padding: dense ? "none" : "normal", sx: Object.assign({ border: "1px solid", borderColor: "divider", width: column.width || 100, minWidth: getColWidth((column === null || column === void 0 ? void 0 : column.width) || 100), maxWidth: getColWidth((column === null || column === void 0 ? void 0 : column.width) || 100), pl: 2, zIndex: columns.length - index }, column === null || column === void 0 ? void 0 : column.sx) },
-                    React__default.createElement(TableSortLabel, { active: sortedBy === column.name, direction: sortedDirection, onClick: () => onSortBy(column.name), disabled: column.canSort === false, sx: { position: "relative", right: "-9px" } }, column.label),
-                    index < columns.length && (React__default.createElement(Box$2, { id: `resize-col-${index}`, sx: {
-                            width: "4px",
-                            height: "100%",
-                            position: "absolute",
-                            top: 0,
-                            zIndex: index,
-                            right: "-3px",
-                            bgcolor: draggingColumn === index
-                                ? "primary.main"
-                                : "transparent",
-                            transition: "all ease 200ms",
-                            ":hover": {
-                                cursor: "w-resize",
-                                bgcolor: "primary.main",
-                            },
-                        } }))))))),
+                React__default.createElement(TableRow, null, columns.map((column) => (React__default.createElement(TableCell, { key: column.name, padding: dense ? "none" : "normal", sx: Object.assign({ pl: 2 }, column === null || column === void 0 ? void 0 : column.sx) },
+                    React__default.createElement(TableSortLabel, { active: sortedBy === column.name, direction: sortedDirection, onClick: () => onSortBy(column.name), disabled: column.canSort === false, sx: { position: "relative", right: "-9px" } }, column.label)))))),
             React__default.createElement(TableBody, Object.assign({}, tableBodyProps), children)),
         React__default.createElement(GridPagination, { rowsPerPageOptions: rowsPerPageOptions, currentPage: currentPage, totalNumberOfPages: totalNumberOfPages, onPageChange: onPageChange, setRowsPerPage: setRowsPerPage, rowsPerPage: rowsPerPage, dense: dense })));
 }
@@ -15223,7 +15144,8 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], })
         setCurrentPage(pageNumber);
     };
     const onChangeRowsPerPage = (rows) => {
-        const totalNumberOfPages = Math.round(filteredData.length / rows) - 1;
+        let totalNumberOfPages = Math.round(filteredData.length / rows) - 1;
+        totalNumberOfPages = totalNumberOfPages <= 0 ? 0 : 1;
         if (currentPage > totalNumberOfPages)
             setCurrentPage(totalNumberOfPages);
         setRowsPerPage(rows);
@@ -15257,6 +15179,16 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], })
     };
 }
 
+/* eslint no-undef: "off" */
+function useEvent(event, handler, passive = false) {
+    useEffect(() => {
+        window.addEventListener(event, handler, passive);
+        return function cleanup() {
+            window.removeEventListener(event, handler);
+        };
+    });
+}
+
 function useLoading() {
     const [state, setState] = useState([]);
     const isLoading = (prop) => state.includes(prop);