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);
- //lisa
- // console.log('DATA_EXPLORER_MIDD, GETDEXCOLUMNFILTERS', column);
- 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,
});