@bluemarble/bm-components 1.13.3 → 1.14.0

package/dist/index.d.mts

@@ -240,18 +240,20 @@ 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[];
-    set: (data: T[]) => void;
-    onSortBy: (prop: string) => void;
     sortedBy: SortedByProps$1[];
     defaultData: T[];
     columns: ColumnsProps<_mui_material.Theme>[];
     currentPage: number;
     totalNumberOfPages: number;
-    onPageChange: (pageNumber: number) => void;
-    setRowsPerPage: (rows: number) => void;
     rowsPerPageOptions: number[];
     rowsPerPage: number;
+    set: (data: T[]) => void;
+    onSortBy: (prop: string) => void;
+    onPageChange: (pageNumber: number) => void;
+    setRowsPerPage: (rows: number) => void;
+    appendSort: (prop: string, direction: 'desc' | 'asc') => void;
     setSort: (prop: string, direction: 'desc' | 'asc') => void;
+    clearSort: () => void;
 };
 
 interface ColumnsProps<T extends object = Theme> {

package/dist/index.d.ts

@@ -240,18 +240,20 @@ 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[];
-    set: (data: T[]) => void;
-    onSortBy: (prop: string) => void;
     sortedBy: SortedByProps$1[];
     defaultData: T[];
     columns: ColumnsProps<_mui_material.Theme>[];
     currentPage: number;
     totalNumberOfPages: number;
-    onPageChange: (pageNumber: number) => void;
-    setRowsPerPage: (rows: number) => void;
     rowsPerPageOptions: number[];
     rowsPerPage: number;
+    set: (data: T[]) => void;
+    onSortBy: (prop: string) => void;
+    onPageChange: (pageNumber: number) => void;
+    setRowsPerPage: (rows: number) => void;
+    appendSort: (prop: string, direction: 'desc' | 'asc') => void;
     setSort: (prop: string, direction: 'desc' | 'asc') => void;
+    clearSort: () => void;
 };
 
 interface ColumnsProps<T extends object = Theme> {

package/dist/index.js

@@ -4695,9 +4695,10 @@ function getObjectValue(obj) {
 
 // src/hooks/useFilter.ts
 function useFilter(props = { defaultFilters: [] }) {
-  const [selectedFilters, setSelectedFilters] = _react.useState.call(void 0, 
-    (props == null ? void 0 : props.defaultFilters) || []
-  );
+  const [selectedFilters, setSelectedFilters] = _react.useState.call(void 0, () => {
+    const { defaultFilters } = props;
+    return defaultFilters || [];
+  });
   const filterBy = _react.useCallback.call(void 0, (newFilter) => {
     const propToCompare = (newFilter == null ? void 0 : newFilter.id) ? "id" : "prop";
     function removeRepeatedFilters(filter) {
@@ -4799,9 +4800,15 @@ function useGrid({
     },
     []
   );
-  const setSort = _react.useCallback.call(void 0, (prop, direction) => {
+  const clearSort = _react.useCallback.call(void 0, () => {
+    setSortedBy([]);
+  }, []);
+  const appendSort = _react.useCallback.call(void 0, (prop, direction) => {
     setSortedBy((prev) => [...prev, { prop, direction }]);
   }, []);
+  const setSort = _react.useCallback.call(void 0, (prop, direction) => {
+    setSortedBy([{ prop, direction }]);
+  }, []);
   const onSortBy = _react.useCallback.call(void 0, 
     (prop) => {
       if (!prop)
@@ -4889,18 +4896,20 @@ function useGrid({
   }, [externalDefaultData]);
   return {
     data: displayData,
-    set,
-    onSortBy,
     sortedBy,
     defaultData,
     columns,
     currentPage,
     totalNumberOfPages: totalNumberOfPages < 0 ? 0 : totalNumberOfPages,
-    onPageChange,
-    setRowsPerPage: onChangeRowsPerPage,
     rowsPerPageOptions,
     rowsPerPage,
-    setSort
+    set,
+    onSortBy,
+    onPageChange,
+    setRowsPerPage: onChangeRowsPerPage,
+    appendSort,
+    setSort,
+    clearSort
   };
 }
 function searchKeysForValue(row, compare) {