@pdg/react-table 1.0.5 → 1.0.7

package/dist/SearchTable/SearchTable.types.d.ts

@@ -19,6 +19,7 @@ export interface SearchTableProps extends CommonSxProps {
     hash?: boolean;
     search?: SearchTableSearchProps;
     table: SearchTableTableProps;
+    betweenSearchTableComponent?: ReactNode;
     onGetData?(data: FormValueMap): Promise<SearchTableData>;
     onRequestHashChange?(hash: string): void;
 }

package/dist/Table/Table.types.d.ts

@@ -78,4 +78,5 @@ export interface TableCommands {
     getItems(): TableProps['items'];
     getPaging(): TableProps['paging'];
     setItemsPaging(items: TableProps['items'], paging: TableProps['paging']): void;
+    resetSort(): void;
 }

package/dist/index.esm.js

@@ -8745,12 +8745,16 @@ var Table = React__default.forwardRef(function (_a, ref) {
             '> .MuiTableFooter-root > .MuiTableRow-root > .MuiTableCell-root ': sx,
         };
     }, [cellPadding]))[0];
-    // Effect ----------------------------------------------------------------------------------------------------------
-    useEffect(function () {
-        setSortableItems(items === null || items === void 0 ? void 0 : items.map(function (_a, index) {
+    // Function --------------------------------------------------------------------------------------------------------
+    var makeSortableItems = useCallback(function (items) {
+        return items === null || items === void 0 ? void 0 : items.map(function (_a, index) {
             var id = _a.id, item = __rest$1(_a, ["id"]);
             return __assign$1({ id: id == null ? index : id }, item);
-        }));
+        });
+    }, []);
+    // Effect ----------------------------------------------------------------------------------------------------------
+    useEffect(function () {
+        setSortableItems(makeSortableItems(items));
     }, [items]);
     useEffect(function () {
         setFinalColumns(columns === null || columns === void 0 ? void 0 : columns.filter(columnFilter));
@@ -8775,6 +8779,9 @@ var Table = React__default.forwardRef(function (_a, ref) {
                     setItems(lastItems_1);
                     setPaging(lastPaging_1);
                 },
+                resetSort: function () {
+                    setSortableItems(makeSortableItems(lastItems_1));
+                },
             };
             if (typeof ref === 'function') {
                 ref(commands);
@@ -8783,7 +8790,7 @@ var Table = React__default.forwardRef(function (_a, ref) {
                 ref.current = commands;
             }
         }
-    }, [ref, columns, items, paging]);
+    }, [ref, columns, items, paging, makeSortableItems]);
     // Event Handler ---------------------------------------------------------------------------------------------------
     var handleDragEnd = useCallback(function (event) {
         var active = event.active, over = event.over;
@@ -8844,7 +8851,7 @@ var Table = React__default.forwardRef(function (_a, ref) {
 });
 Table.displayName = 'Table';
 Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var SearchTable = React__default.forwardRef(function (_a, ref) {
-    var hash = _a.hash, search = _a.search, table = _a.table, onGetData = _a.onGetData, onRequestHashChange = _a.onRequestHashChange;
+    var hash = _a.hash, search = _a.search, table = _a.table, betweenSearchTableComponent = _a.betweenSearchTableComponent, onGetData = _a.onGetData, onRequestHashChange = _a.onRequestHashChange;
     var searchRef = useRef();
     var tableRef = useRef();
     //--------------------------------------------------------------------------------------------------------------------
@@ -9127,6 +9134,7 @@ Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var Sear
                 React__default.createElement(SearchGroup, { hidden: true },
                     React__default.createElement(FormHidden, { name: 'page', value: 1 })),
                 searchInfo.searchGroups)),
+        betweenSearchTableComponent && React__default.createElement(Grid, { item: true }, betweenSearchTableComponent),
         React__default.createElement(Grid, { item: true },
             React__default.createElement(Table, __assign$1({}, tableInfo.props, { ref: function (commands) {
                     if (tableInfo.ref) {