cloudmr-ux 4.2.7 → 4.2.8

package/dist/CmrTable/CmrTable.d.ts

@@ -11,6 +11,12 @@ export interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
     headerBgColor?: string;
     headerTextColor?: string;
     headerIconColor?: string;
+    /**
+     * Optional function to customize how rows are filtered/sorted before display.
+     * Receives the mapped rows; return a new array in the desired order.
+     * When omitted, rows are sorted by most recently submitted (createdAt/created_at descending).
+     */
+    processRows?: (rows: any[]) => any[];
 }
 declare const CmrTable: React.FC<CmrTableProps>;
 export default CmrTable;

package/dist/CmrTable/CmrTable.js

@@ -20,14 +20,38 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import './CmrTable.css';
 import { DataGrid } from '@mui/x-data-grid';
+/** Extracts a comparable timestamp from a row for sorting. Supports createdAt, created_at, or similar date fields. */
+function getSubmittedTimestamp(row) {
+    var _a, _b, _c;
+    var val = (_c = (_b = (_a = row.createdAt) !== null && _a !== void 0 ? _a : row.created_at) !== null && _b !== void 0 ? _b : row.updatedAt) !== null && _c !== void 0 ? _c : row.updated_at;
+    if (val == null)
+        return 0;
+    var ts = typeof val === 'number' ? val : new Date(val).getTime();
+    return isNaN(ts) ? 0 : ts;
+}
+/** Default sort: most recently submitted first (by createdAt or created_at descending). */
+function defaultSortByRecent(rows) {
+    return __spreadArray([], rows, true).sort(function (a, b) { return getSubmittedTimestamp(b) - getSubmittedTimestamp(a); });
+}
 var CmrTable = function (props) {
-    var dataSource = props.dataSource, columns = props.columns, idAlias = props.idAlias, className = props.className, onRowSelectionModelChange = props.onRowSelectionModelChange, style = props.style, _a = props.showCheckbox, showCheckbox = _a === void 0 ? true : _a, _b = props.headerBgColor, headerBgColor = _b === void 0 ? '#F3E5F5' : _b, _c = props.headerTextColor, headerTextColor = _c === void 0 ? '#333' : _c, _d = props.headerIconColor, headerIconColor = _d === void 0 ? '#580f8b' : _d, rest = __rest(props, ["dataSource", "columns", "idAlias", "className", "onRowSelectionModelChange", "style", "showCheckbox", "headerBgColor", "headerTextColor", "headerIconColor"]);
-    return (_jsx("div", __assign({ style: style !== null && style !== void 0 ? style : { height: '400px', width: '100%' }, className: className !== null && className !== void 0 ? className : '' }, { children: _jsx(DataGrid, __assign({ rows: dataSource
-                ? dataSource.map(function (row) { return (__assign({ id: idAlias ? row[idAlias] : row['id'] }, row)); })
-                : [], columns: columns, checkboxSelection: showCheckbox, onRowSelectionModelChange: onRowSelectionModelChange, initialState: {
+    var dataSource = props.dataSource, columns = props.columns, idAlias = props.idAlias, className = props.className, onRowSelectionModelChange = props.onRowSelectionModelChange, style = props.style, _a = props.showCheckbox, showCheckbox = _a === void 0 ? true : _a, _b = props.headerBgColor, headerBgColor = _b === void 0 ? '#F3E5F5' : _b, _c = props.headerTextColor, headerTextColor = _c === void 0 ? '#333' : _c, _d = props.headerIconColor, headerIconColor = _d === void 0 ? '#580f8b' : _d, processRows = props.processRows, rest = __rest(props, ["dataSource", "columns", "idAlias", "className", "onRowSelectionModelChange", "style", "showCheckbox", "headerBgColor", "headerTextColor", "headerIconColor", "processRows"]);
+    var mappedRows = dataSource
+        ? dataSource.map(function (row) { return (__assign({ id: idAlias ? row[idAlias] : row['id'] }, row)); })
+        : [];
+    var displayRows = processRows ? processRows(mappedRows) : defaultSortByRecent(mappedRows);
+    return (_jsx("div", __assign({ style: style !== null && style !== void 0 ? style : { height: '400px', width: '100%' }, className: className !== null && className !== void 0 ? className : '' }, { children: _jsx(DataGrid, __assign({ rows: displayRows, columns: columns, checkboxSelection: showCheckbox, onRowSelectionModelChange: onRowSelectionModelChange, initialState: {
                 pagination: {
                     paginationModel: { pageSize: 50, page: 0 }
                 }

package/dist/core/app/upload/Upload.js

@@ -214,8 +214,7 @@ var Upload = function () {
                                     // return !name.endsWith(".zip") && !name.endsWith(".nii");
                                     // TODO RJW: does this make sense? confusing if you upload a zip, it just disappears
                                     return true; // Show all files for now
-                                })
-                                    .reverse(), rowSelectionModel: selectedData, onRowSelectionModelChange: function (rowSelectionModel) {
+                                }), rowSelectionModel: selectedData, onRowSelectionModelChange: function (rowSelectionModel) {
                                     setSelectedData(rowSelectionModel);
                                 }, columns: uploadedFilesColumns }), _jsxs("div", __assign({ className: "row mt-2" }, { children: [_jsx("div", __assign({ className: "col-4" }, { children: _jsxs(Button, __assign({ color: "error", style: { textTransform: "none" }, variant: "contained", fullWidth: true, onClick: function () {
                                                 setName("Deleting Data");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "4.2.7",
+  "version": "4.2.8",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",