@bluemarble/bm-components 0.0.36 → 0.0.38

package/dist/esm/index.js

@@ -15041,14 +15041,14 @@ function Grid({ columns: columnsData, children, fixedColumns, paperProps, tableB
         defaultColumn.current = newColumns;
         setColumns(newColumns);
     }, [columnsData]);
-    return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign(Object.assign({ "tr td": {
+    return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign({ "tr td": {
                 py: dense ? 0.23 : 0.7,
                 border: bordered ? "1px solid" : "",
                 borderColor: "divider",
             }, "tr:nth-of-type(even)": {
                 transition: "background-color ease 200ms",
                 bgcolor: striped ? "divider" : "initial",
-            } }, getTableWidth()), paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx) }),
+            } }, 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(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, pl: 2, zIndex: columns.length - index }, column === null || column === void 0 ? void 0 : column.sx) },
@@ -15146,12 +15146,11 @@ function createFilter(filters) {
 }
 
 function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], }) {
-    const [data, setData] = useState([]);
+    const [defaultData, setDefaultData] = useState([]);
     const [sortedBy, setSortedBy] = useState("");
     const [sortedDirection, setSortedDirection] = useState("desc");
     const [currentPage, setCurrentPage] = useState(0);
     const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageOptions[0]);
-    const defaultData = useRef([]);
     const toggleSortedDirection = () => {
         if (sortedDirection === "desc")
             setSortedDirection("asc");
@@ -15175,8 +15174,7 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], })
         }
     };
     const set = (data) => {
-        setData(data);
-        defaultData.current = data;
+        setDefaultData(data);
     };
     const sortData = (data) => {
         if (sortedBy) {
@@ -15204,10 +15202,10 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], })
         setRowsPerPage(rows);
     };
     const filteredData = useMemo(() => {
-        const newData = defaultData.current.slice(0);
+        const newData = defaultData.slice(0);
         const newFilter = createFilter(filters);
         return newData.filter(newFilter.apply);
-    }, [data, filters]);
+    }, [defaultData, filters]);
     const displayData = useMemo(() => {
         const sortedData = sortData(filteredData);
         const startPage = currentPage * rowsPerPage;
@@ -15217,10 +15215,10 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], })
     const totalNumberOfPages = Math.round(filteredData.length / rowsPerPage) - 1;
     return {
         data: displayData,
-        defaultData: defaultData.current,
         set,
         onSortBy,
         sortedBy,
+        defaultData,
         sortedDirection,
         columns,
         currentPage,