Mirrors/rowy
1
0
Fork 0
mirror of https://github.com/rowyio/rowy.git synced 2025-12-29 00:16:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

cleaned up usefiretable

Browse Source
This commit is contained in:
shams mosowi
2019-09-23 11:04:01 +10:00
parent 9b8f64a6db
commit 26310382d4
1 changed files with 0 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/hooks/useFiretable/index.ts
View File

@@ -1,9 +1,7 @@
import { useEffect } from "react";
import useTable from "./useTable";
import useTableConfig from "./useTableConfig";
import useCell, { Cell } from "./useCell";
import useKeyCode from "./useKeyCode";
export type FiretableActions = {
cell: { set: Function; update: Function };
column: { add: Function; resize: Function; rename: Function };
@@ -18,56 +16,12 @@ export type FiretableState = {
};
const useFiretable = (collectionName: string) => {
const moveDown = useKeyCode(40);
const moveUp = useKeyCode(38);
const tab = useKeyCode(9);
const [tableConfig, configActions] = useTableConfig(collectionName);
const [tableState, tableActions] = useTable({
path: collectionName,
});
const [cellState, cellActions] = useCell({});
//TODO: move focus to cell above on down key
useEffect(() => {
if (cellState.cell) {
}
}, [tab.isPressed]);
// move focus to cell above on down key
useEffect(() => {
if (cellState.cell && moveUp.isPressed) {
if (cellState.cell.rowIndex !== 0) {
const nextRowIndex = cellState.cell.rowIndex - 1;
const nextCell: Cell = {
docRef: tableState.rows[nextRowIndex].ref,
fieldName: cellState.cell.fieldName,
rowIndex: nextRowIndex,
value: tableState.rows[nextRowIndex].value,
};
cellActions.set(nextCell);
}
}
moveUp.clear();
}, [moveUp.isPressed]);
// move focus to cell bellow on down up
useEffect(() => {
if (cellState.cell && moveDown.isPressed) {
if (cellState.cell.rowIndex === tableState.rows.length - 1) {
// reach last row creating new row
tableActions.addRow();
} else {
const nextRowIndex = cellState.cell.rowIndex + 1;
const nextCell: Cell = {
docRef: tableState.rows[nextRowIndex].ref,
fieldName: cellState.cell.fieldName,
rowIndex: nextRowIndex,
value: tableState.rows[nextRowIndex].value,
};
cellActions.set(nextCell);
}
}
moveDown.clear();
}, [moveDown.isPressed]);
const setTable = (collectionName: string) => {
configActions.setTable(collectionName);
tableActions.setTable(collectionName);