@dccs/react-datagrid-mui/src/utils/source.ts

A light datagrid build upon react-table-plain for React in a Material-UI theme.

import { SortDirection } from "@dccs/react-table-mui";

interface IDataSourceResponse<T> {
  total: number;
  data: T[];
}

export function createSource<T>(
  get: (url: string) => Promise<IDataSourceResponse<T>>,
  url: string
) {
  return (
    page: number,
    rowsPerPage: number,
    orderBy: string | undefined,
    sort: SortDirection | undefined,
    filter?: { [key: string]: any }
  ) => {
    const urlSep = url.indexOf("?") === -1 ? "?" : "&";
    const p = new Promise<IDataSourceResponse<T>>((res, rej) => {
      get(
        `${url}${urlSep}page=${page}&count=${rowsPerPage}${orderBy != null ? "&orderBy=" + orderBy : ""
        }${sort != null ? "&desc=" + (sort === "desc") : ""}${serializeFilter(
          filter || {}
        )}`
      )
        .then(res)
        .catch(rej);
    });

    return p;
  };
}

export function createJsonServerSource<T>(
  get: (url: string) => Promise<T[]>,
  url: string
) {
  return (
    page: number,
    rowsPerPage: number,
    orderBy: string | undefined,
    sort: SortDirection | undefined,
    filter?: { [key: string]: any }
  ) => {
    const urlSep = url.indexOf("?") === -1 ? "?" : "&";
    const p = new Promise<IDataSourceResponse<T>>((res, rej) => {
      get(
        `${url}${urlSep}_page=${page}&_limit=${rowsPerPage}&{
        orderBy != null ? "_sort=" + orderBy : ""
      }
      }${sort != null ? "&_order=" + sort : ""}
      ${serializeFilter(filter || {})}`
      )
        .then(resp => res({ data: resp, total: resp.length }))
        .catch(rej);
    });

    return p;
  };
}

export function serializeFilter(filter: { [key: string]: any }) {
  let query = "";
  // tslint:disable-next-line:forin
  for (const x in filter) {
    if (filter[x] != null) {
      if (Array.isArray(filter[x])) {
        filter[x].forEach((e: any) => {
          query += `&${x}=${encodeURIComponent(e)}`;
        });
      } else {
        query += `&${x}=${encodeURIComponent(filter[x])}`;
      }
    }
  }
  return query;
}