Merge branch '21128-toolbar-context-menu'

[arvados-workbench2.git] / src / store / data-explorer / data-explorer-middleware-service.ts

diff --git a/src/store/data-explorer/data-explorer-middleware-service.ts b/src/store/data-explorer/data-explorer-middleware-service.ts
index 0b8d6debe7ca44d9134905e94ea0e803d69b896a..6bb95a9a6c05b1e6d14bb3607b3dbfdded1b0e90 100644 (file)
--- a/src/store/data-explorer/data-explorer-middleware-service.ts
+++ b/src/store/data-explorer/data-explorer-middleware-service.ts
@@ -5,54 +5,76 @@
 import { Dispatch, MiddlewareAPI } from 'redux';
 import { RootState } from '../store';
 import { DataColumns } from 'components/data-table/data-table';
-import { DataExplorer } from './data-explorer-reducer';
+import { DataExplorer, getSortColumn } from './data-explorer-reducer';
 import { ListResults } from 'services/common-service/common-service';
 import { createTree } from 'models/tree';
 import { DataTableFilters } from 'components/data-table-filters/data-table-filters-tree';
+import { OrderBuilder, OrderDirection } from 'services/api/order-builder';
+import { SortDirection } from 'components/data-table/data-column';
+import { Resource } from 'models/resource';
 
 export abstract class DataExplorerMiddlewareService {
-  protected readonly id: string;
+    protected readonly id: string;
 
-  protected constructor(id: string) {
-    this.id = id;
-  }
+    protected constructor(id: string) {
+        this.id = id;
+    }
 
-  public getId() {
-    return this.id;
-  }
+    public getId() {
+        return this.id;
+    }
 
-  public getColumnFilters<T>(
-    columns: DataColumns<T>,
-    columnName: string
-  ): DataTableFilters {
-    return getDataExplorerColumnFilters(columns, columnName);
-  }
-
-  abstract requestItems(
-    api: MiddlewareAPI<Dispatch, RootState>,
-    criteriaChanged?: boolean
-  ): Promise<void>;
+    public getColumnFilters<T>(
+        columns: DataColumns<T, any>,
+        columnName: string
+    ): DataTableFilters {
+        return getDataExplorerColumnFilters(columns, columnName);
+    }
+
+    abstract requestItems(
+        api: MiddlewareAPI<Dispatch, RootState>,
+        criteriaChanged?: boolean,
+        background?: boolean
+    ): Promise<void>;
 }
 
 export const getDataExplorerColumnFilters = <T>(
-  columns: DataColumns<T>,
-  columnName: string
+    columns: DataColumns<T, any>,
+    columnName: string
 ): DataTableFilters => {
-  const column = columns.find((c) => c.name === columnName);
-  return column ? column.filters : createTree();
+    const column = columns.find((c) => c.name === columnName);
+    return column ? column.filters : createTree();
 };
 
 export const dataExplorerToListParams = (dataExplorer: DataExplorer) => ({
-  limit: dataExplorer.rowsPerPage,
-  offset: dataExplorer.page * dataExplorer.rowsPerPage,
+    limit: dataExplorer.rowsPerPage,
+    offset: dataExplorer.page * dataExplorer.rowsPerPage,
 });
 
+export const getOrder = <T extends Resource = Resource>(dataExplorer: DataExplorer) => {
+    const sortColumn = getSortColumn<T>(dataExplorer);
+    const order = new OrderBuilder<T>();
+    if (sortColumn && sortColumn.sort) {
+        const sortDirection = sortColumn.sort.direction === SortDirection.ASC
+            ? OrderDirection.ASC
+            : OrderDirection.DESC;
+
+        // Use createdAt as a secondary sort column so we break ties consistently.
+        return order
+            .addOrder(sortDirection, sortColumn.sort.field)
+            .addOrder(OrderDirection.DESC, "createdAt")
+            .getOrder();
+    } else {
+        return order.getOrder();
+    }
+};
+
 export const listResultsToDataExplorerItemsMeta = <R>({
-  itemsAvailable,
-  offset,
-  limit,
+    itemsAvailable,
+    offset,
+    limit,
 }: ListResults<R>) => ({
-  itemsAvailable,
-  page: Math.floor(offset / limit),
-  rowsPerPage: limit,
+    itemsAvailable,
+    page: Math.floor(offset / limit),
+    rowsPerPage: limit,
 });