rowy/src/hooks/useFiretable/index.ts

import useTable from "./useTable";
import useTableConfig from "./useTableConfig";
import useCell, { Cell } from "./useCell";

export type FiretableActions = {
  cell: { set: Function; update: Function };
  column: {
    add: Function;
    resize: Function;
    rename: Function;
    remove: Function;
    update: Function;
  };
  row: { add: any; delete: Function };
  table: { set: Function };
};

export type FiretableState = {
  cell: Cell;
  columns: any;
  rows: any;
};

const useFiretable = (collectionName: string) => {
  const [tableConfig, configActions] = useTableConfig(collectionName);
  const [tableState, tableActions] = useTable({
    path: collectionName,
  });
  const [cellState, cellActions] = useCell({});

  const setTable = (collectionName: string) => {
    configActions.setTable(collectionName);
    tableActions.setTable(collectionName);
    cellActions.set(null);
  };
  const state: FiretableState = {
    cell: cellState.cell,
    columns: tableConfig.columns,
    rows: tableState.rows,
  };
  const actions: FiretableActions = {
    cell: { ...cellActions },
    column: {
      add: configActions.add,
      resize: configActions.resize,
      rename: configActions.rename,
      update: configActions.update,
      remove: configActions.remove,
    },
    row: { add: tableActions.addRow, delete: tableActions.deleteRow },
    table: { set: setTable },
  };

  return { tableState: state, tableActions: actions };
};

export default useFiretable;