@symply.io/basic-components 1.5.7 → 1.5.8-alpha.1

package/DataTable/types.d.ts

@@ -48,6 +48,7 @@ export declare type UserTableReturns<RowProps extends KvProps, ExtendedProps ext
     footers: Array<TableFooterCellProps<RowProps, ExtendedProps>>;
     columns: Array<TableBodyCellProps<RowProps, ExtendedProps>>;
     rows: Array<RowProps>;
+    onResetSorting: () => void;
 };
 export declare type TableHeaderProps<RowProps extends KvProps, ExtendedProps extends KvProps> = {
     headers: Array<TableHeaderCellProps<RowProps, ExtendedProps>>;

package/DataTable/useTable.js

@@ -30,12 +30,15 @@ function useTable(props) {
     if (!columns) {
         throw new Error('"columns" is required but got null or undefined');
     }
-    var sortBy = (initialState || {}).sortBy;
-    var _a = sortBy || {}, accessor = _a.accessor, order = _a.order;
-    var _b = useState({
-        accessor: accessor || "",
-        order: !!accessor ? order || "NONE" : "NONE"
-    }), sortingProps = _b[0], setSortingProps = _b[1];
+    var initialSortingProps = useMemo(function () {
+        var sortBy = (initialState || {}).sortBy;
+        var _a = sortBy || {}, accessor = _a.accessor, order = _a.order;
+        return {
+            accessor: accessor || "",
+            order: !!accessor ? order || "NONE" : "NONE"
+        };
+    }, [initialState]);
+    var _a = useState(initialSortingProps), sortingProps = _a[0], setSortingProps = _a[1];
     var handleSort = useCallback(function (_a) {
         var accessor = _a.accessor;
         if (!disableSortBy) {
@@ -56,6 +59,12 @@ function useTable(props) {
             setSortingProps(__assign({}, newSortingProps));
         }
     }, [disableSortBy, onSort, sortingProps]);
+    var onResetSorting = useCallback(function () {
+        if (onSort) {
+            onSort(__assign({}, initialSortingProps));
+        }
+        setSortingProps(__assign({}, initialSortingProps));
+    }, [initialSortingProps, onSort]);
     var renderSortingSymbol = useCallback(function (accessor) {
         var field = sortingProps.accessor, order = sortingProps.order;
         if (accessor !== field || order === "NONE") {
@@ -89,6 +98,6 @@ function useTable(props) {
                 }) }, col), rest);
         });
     }, [columns, rest, rows]);
-    return { headers: headers, footers: footers, columns: cols, rows: rows };
+    return { headers: headers, footers: footers, columns: cols, rows: rows, onResetSorting: onResetSorting };
 }
 export default useTable;

package/README.md

@@ -359,12 +359,13 @@ import DataTable, { useDataTable } from '@symply.io/basic-components/DataTable';
 
 <h5>Hook Returns</h5>
 
-| Name    | Type                          | Description               |
-| ------- | ----------------------------- | ------------------------- |
-| columns | Array\<TableBodyCellProps\>   | The cells for the body.   |
-| footers | Array\<TableFooterCellProps>  | The cells for the footer. |
-| headers | Array\<TableHeaderCellProps\> | The cells for the header. |
-| rows    | Array<RowProps\>              | The rows for the table.   |
+| Name           | Type                          | Description                                                  |
+| -------------- | ----------------------------- | ------------------------------------------------------------ |
+| columns        | Array\<TableBodyCellProps\>   | The cells for the body.                                      |
+| footers        | Array\<TableFooterCellProps>  | The cells for the footer.                                    |
+| headers        | Array\<TableHeaderCellProps\> | The cells for the header.                                    |
+| rows           | Array<RowProps\>              | The rows for the table.                                      |
+| onResetSorting | func                          | An one-key function for resetting sorting to the initial state. |
 
 <h5>Component Props</h5>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.5.7",
+  "version": "1.5.8-alpha.1",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",