@bluemarble/bm-components 1.15.1 → 1.16.0

package/dist/index.d.mts

@@ -240,8 +240,10 @@ interface UseGridProps$1<T> {
 }
 declare function useGrid<T extends Record<string, any>>({ columns, filters, search, rowsPerPageOptions, defaultData: externalDefaultData, defaultCurrentPage, defaultSortedBy }: UseGridProps$1<T>): {
     data: T[];
-    sortedBy: SortedByProps$1[];
+    orderedData: T[];
+    filteredData: T[];
     defaultData: T[];
+    sortedBy: SortedByProps$1[];
     columns: ColumnsProps<_mui_material.Theme>[];
     currentPage: number;
     totalNumberOfPages: number;

package/dist/index.d.ts

@@ -240,8 +240,10 @@ interface UseGridProps$1<T> {
 }
 declare function useGrid<T extends Record<string, any>>({ columns, filters, search, rowsPerPageOptions, defaultData: externalDefaultData, defaultCurrentPage, defaultSortedBy }: UseGridProps$1<T>): {
     data: T[];
-    sortedBy: SortedByProps$1[];
+    orderedData: T[];
+    filteredData: T[];
     defaultData: T[];
+    sortedBy: SortedByProps$1[];
     columns: ColumnsProps<_mui_material.Theme>[];
     currentPage: number;
     totalNumberOfPages: number;

package/dist/index.js

@@ -3849,6 +3849,9 @@ var styles = {
     if (!active)
       return {};
     return {
+      "tr td, tr th": {
+        borderColor: "divider"
+      },
       "tr td:not(:last-child), tr th:not(:last-child)": {
         borderRight: "1px solid",
         borderColor: "divider"
@@ -4884,21 +4887,26 @@ function useGrid({
     const newFilter = createFilter(filters);
     return newData.filter(newFilter.apply);
   }, [defaultData, search, filters]);
-  const displayData = _react.useMemo.call(void 0, () => {
+  const orderedData = _react.useMemo.call(void 0, () => {
     const sortedData = sortData(filteredData);
+    return sortedData;
+  }, [filteredData, sortData]);
+  const paginatedData = _react.useMemo.call(void 0, () => {
     const startPage = currentPage * rowsPerPage;
     const endPage = startPage + rowsPerPage;
-    return sortedData.slice(startPage, endPage);
-  }, [filteredData, currentPage, rowsPerPage, sortData]);
+    return orderedData.slice(startPage, endPage);
+  }, [currentPage, rowsPerPage, orderedData]);
   const totalNumberOfPages = Math.ceil(filteredData.length / rowsPerPage) - 1;
   _react.useEffect.call(void 0, () => {
     if (externalDefaultData)
       setDefaultData(externalDefaultData);
   }, [externalDefaultData]);
   return {
-    data: displayData,
-    sortedBy,
+    data: paginatedData,
+    orderedData,
+    filteredData,
     defaultData,
+    sortedBy,
     columns,
     currentPage,
     totalNumberOfPages: totalNumberOfPages < 0 ? 0 : totalNumberOfPages,