@fluentui/react-table 0.0.0-nightly-20221007-1237.1

package/lib-commonjs/hooks/useTable.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTable = void 0;
+
+const useSelection_1 = /*#__PURE__*/require("./useSelection");
+
+const useSort_1 = /*#__PURE__*/require("./useSort");
+
+const defaultRowEnhancer = row => row;
+
+function useTable(options, plugins = []) {
+  const {
+    items,
+    getRowId,
+    columns
+  } = options;
+
+  const getRows = (rowEnhancer = defaultRowEnhancer) => items.map((item, i) => {
+    var _a;
+
+    return rowEnhancer({
+      item,
+      rowId: (_a = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _a !== void 0 ? _a : i
+    });
+  });
+
+  const initialState = {
+    getRowId,
+    items,
+    columns,
+    getRows,
+    selection: useSelection_1.defaultTableSelectionState,
+    sort: useSort_1.defaultTableSortState
+  };
+  return plugins.reduce((state, plugin) => plugin(state), initialState);
+}
+
+exports.useTable = useTable;
+//# sourceMappingURL=useTable.js.map

package/lib-commonjs/hooks/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useTable.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAM,kBAAkB,GAA4C,GAAG,IAAI,GAA3E;;AAEA,SAAgB,QAAhB,CAAgC,OAAhC,EAAiE,OAAA,GAA8B,EAA/F,EAAiG;EAC/F,MAAM;IAAE,KAAF;IAAS,QAAT;IAAmB;EAAnB,IAA+B,OAArC;;EAEA,MAAM,OAAO,GAAG,CACd,WAAA,GAAc,kBADA,KAEX,KAAK,CAAC,GAAN,CAAU,CAAC,IAAD,EAAO,CAAP,KAAY;IAAA,IAAA,EAAA;;IAAC,OAAA,WAAW,CAAC;MAAE,IAAF;MAAQ,KAAK,EAAE,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,QAAQ,CAAG,IAAH,CAAR,MAAgB,IAAhB,IAAgB,EAAA,KAAA,KAAA,CAAhB,GAAgB,EAAhB,GAAoB;IAAnC,CAAD,CAAX;EAAmD,CAA1E,CAFL;;EAIA,MAAM,YAAY,GAAsB;IACtC,QADsC;IAEtC,KAFsC;IAGtC,OAHsC;IAItC,OAJsC;IAKtC,SAAS,EAAE,cAAA,CAAA,0BAL2B;IAMtC,IAAI,EAAE,SAAA,CAAA;EANgC,CAAxC;EASA,OAAO,OAAO,CAAC,MAAR,CAAe,CAAC,KAAD,EAAQ,MAAR,KAAmB,MAAM,CAAC,KAAD,CAAxC,EAAiD,YAAjD,CAAP;AACD;;AAjBD,OAAA,CAAA,QAAA,GAAA,QAAA","sourcesContent":["import type { UseTableOptions, TableState, RowState, RowEnhancer, TableStatePlugin, TableSortState } from './types';\nimport { defaultTableSelectionState } from './useSelection';\nimport { defaultTableSortState } from './useSort';\n\nconst defaultRowEnhancer: RowEnhancer<unknown, RowState<unknown>> = row => row;\n\nexport function useTable<TItem>(options: UseTableOptions<TItem>, plugins: TableStatePlugin[] = []): TableState<TItem> {\n  const { items, getRowId, columns } = options;\n\n  const getRows = <TRowState extends RowState<TItem>>(\n    rowEnhancer = defaultRowEnhancer as RowEnhancer<TItem, TRowState>,\n  ) => items.map((item, i) => rowEnhancer({ item, rowId: getRowId?.(item) ?? i }));\n\n  const initialState: TableState<TItem> = {\n    getRowId,\n    items,\n    columns,\n    getRows,\n    selection: defaultTableSelectionState,\n    sort: defaultTableSortState as TableSortState<TItem>,\n  };\n\n  return plugins.reduce((state, plugin) => plugin(state), initialState);\n}\n"],"sourceRoot":""}

package/lib-commonjs/index.js

@@ -0,0 +1,377 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTableCellActions_unstable = exports.useTableCellActionsStyles_unstable = exports.tableCellActionsClassNames = exports.TableCellActions = exports.tableSelectionCellClassNames = exports.renderTableSelectionCell_unstable = exports.useTableSelectionCell_unstable = exports.useTableSelectionCellStyles_unstable = exports.TableSelectionCell = exports.useTableContext = exports.TableContextProvider = exports.renderTableHeaderCell_unstable = exports.useTableHeaderCell_unstable = exports.useTableHeaderCellStyles_unstable = exports.tableHeaderCellClassNames = exports.tableHeaderCellClassName = exports.TableHeaderCell = exports.renderTableHeader_unstable = exports.useTableHeader_unstable = exports.useTableHeaderStyles_unstable = exports.tableHeaderClassName = exports.tableHeaderClassNames = exports.TableHeader = exports.renderTable_unstable = exports.useTable_unstable = exports.useTableStyles_unstable = exports.tableClassNames = exports.tableClassName = exports.Table = exports.renderTableBody_unstable = exports.useTableBody_unstable = exports.useTableBodyStyles_unstable = exports.tableBodyClassNames = exports.tableBodyClassName = exports.TableBody = exports.renderTableRow_unstable = exports.useTableRow_unstable = exports.useTableRowStyles_unstable = exports.tableRowClassName = exports.tableRowClassNames = exports.TableRow = exports.renderTableCell_unstable = exports.useTableCell_unstable = exports.useTableCellStyles_unstable = exports.tableCellClassName = exports.tableCellClassNames = exports.TableCell = exports.useSort = exports.useSelection = exports.useTable = void 0;
+exports.renderTableCellLayout_unstable = exports.useTableCellLayout_unstable = exports.useTableCellLayoutStyles_unstable = exports.tableCellLayoutClassNames = exports.TableCellLayout = exports.renderTableCellActions_unstable = void 0;
+
+var hooks_1 = /*#__PURE__*/require("./hooks");
+
+Object.defineProperty(exports, "useTable", {
+  enumerable: true,
+  get: function () {
+    return hooks_1.useTable;
+  }
+});
+Object.defineProperty(exports, "useSelection", {
+  enumerable: true,
+  get: function () {
+    return hooks_1.useSelection;
+  }
+});
+Object.defineProperty(exports, "useSort", {
+  enumerable: true,
+  get: function () {
+    return hooks_1.useSort;
+  }
+});
+
+var TableCell_1 = /*#__PURE__*/require("./TableCell");
+
+Object.defineProperty(exports, "TableCell", {
+  enumerable: true,
+  get: function () {
+    return TableCell_1.TableCell;
+  }
+});
+Object.defineProperty(exports, "tableCellClassNames", {
+  enumerable: true,
+  get: function () {
+    return TableCell_1.tableCellClassNames;
+  }
+});
+Object.defineProperty(exports, "tableCellClassName", {
+  enumerable: true,
+  get: function () {
+    return TableCell_1.tableCellClassName;
+  }
+});
+Object.defineProperty(exports, "useTableCellStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCell_1.useTableCellStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTableCell_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCell_1.useTableCell_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTableCell_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCell_1.renderTableCell_unstable;
+  }
+});
+
+var TableRow_1 = /*#__PURE__*/require("./TableRow");
+
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () {
+    return TableRow_1.TableRow;
+  }
+});
+Object.defineProperty(exports, "tableRowClassNames", {
+  enumerable: true,
+  get: function () {
+    return TableRow_1.tableRowClassNames;
+  }
+});
+Object.defineProperty(exports, "tableRowClassName", {
+  enumerable: true,
+  get: function () {
+    return TableRow_1.tableRowClassName;
+  }
+});
+Object.defineProperty(exports, "useTableRowStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableRow_1.useTableRowStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTableRow_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableRow_1.useTableRow_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTableRow_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableRow_1.renderTableRow_unstable;
+  }
+});
+
+var TableBody_1 = /*#__PURE__*/require("./TableBody");
+
+Object.defineProperty(exports, "TableBody", {
+  enumerable: true,
+  get: function () {
+    return TableBody_1.TableBody;
+  }
+});
+Object.defineProperty(exports, "tableBodyClassName", {
+  enumerable: true,
+  get: function () {
+    return TableBody_1.tableBodyClassName;
+  }
+});
+Object.defineProperty(exports, "tableBodyClassNames", {
+  enumerable: true,
+  get: function () {
+    return TableBody_1.tableBodyClassNames;
+  }
+});
+Object.defineProperty(exports, "useTableBodyStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableBody_1.useTableBodyStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTableBody_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableBody_1.useTableBody_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTableBody_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableBody_1.renderTableBody_unstable;
+  }
+});
+
+var Table_1 = /*#__PURE__*/require("./Table");
+
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () {
+    return Table_1.Table;
+  }
+});
+Object.defineProperty(exports, "tableClassName", {
+  enumerable: true,
+  get: function () {
+    return Table_1.tableClassName;
+  }
+});
+Object.defineProperty(exports, "tableClassNames", {
+  enumerable: true,
+  get: function () {
+    return Table_1.tableClassNames;
+  }
+});
+Object.defineProperty(exports, "useTableStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Table_1.useTableStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTable_unstable", {
+  enumerable: true,
+  get: function () {
+    return Table_1.useTable_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTable_unstable", {
+  enumerable: true,
+  get: function () {
+    return Table_1.renderTable_unstable;
+  }
+});
+
+var TableHeader_1 = /*#__PURE__*/require("./TableHeader");
+
+Object.defineProperty(exports, "TableHeader", {
+  enumerable: true,
+  get: function () {
+    return TableHeader_1.TableHeader;
+  }
+});
+Object.defineProperty(exports, "tableHeaderClassNames", {
+  enumerable: true,
+  get: function () {
+    return TableHeader_1.tableHeaderClassNames;
+  }
+});
+Object.defineProperty(exports, "tableHeaderClassName", {
+  enumerable: true,
+  get: function () {
+    return TableHeader_1.tableHeaderClassName;
+  }
+});
+Object.defineProperty(exports, "useTableHeaderStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableHeader_1.useTableHeaderStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTableHeader_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableHeader_1.useTableHeader_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTableHeader_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableHeader_1.renderTableHeader_unstable;
+  }
+});
+
+var TableHeaderCell_1 = /*#__PURE__*/require("./TableHeaderCell");
+
+Object.defineProperty(exports, "TableHeaderCell", {
+  enumerable: true,
+  get: function () {
+    return TableHeaderCell_1.TableHeaderCell;
+  }
+});
+Object.defineProperty(exports, "tableHeaderCellClassName", {
+  enumerable: true,
+  get: function () {
+    return TableHeaderCell_1.tableHeaderCellClassName;
+  }
+});
+Object.defineProperty(exports, "tableHeaderCellClassNames", {
+  enumerable: true,
+  get: function () {
+    return TableHeaderCell_1.tableHeaderCellClassNames;
+  }
+});
+Object.defineProperty(exports, "useTableHeaderCellStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableHeaderCell_1.useTableHeaderCellStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTableHeaderCell_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableHeaderCell_1.useTableHeaderCell_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTableHeaderCell_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableHeaderCell_1.renderTableHeaderCell_unstable;
+  }
+});
+
+var tableContext_1 = /*#__PURE__*/require("./contexts/tableContext");
+
+Object.defineProperty(exports, "TableContextProvider", {
+  enumerable: true,
+  get: function () {
+    return tableContext_1.TableContextProvider;
+  }
+});
+Object.defineProperty(exports, "useTableContext", {
+  enumerable: true,
+  get: function () {
+    return tableContext_1.useTableContext;
+  }
+});
+
+var TableSelectionCell_1 = /*#__PURE__*/require("./TableSelectionCell");
+
+Object.defineProperty(exports, "TableSelectionCell", {
+  enumerable: true,
+  get: function () {
+    return TableSelectionCell_1.TableSelectionCell;
+  }
+});
+Object.defineProperty(exports, "useTableSelectionCellStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableSelectionCell_1.useTableSelectionCellStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTableSelectionCell_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableSelectionCell_1.useTableSelectionCell_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTableSelectionCell_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableSelectionCell_1.renderTableSelectionCell_unstable;
+  }
+});
+Object.defineProperty(exports, "tableSelectionCellClassNames", {
+  enumerable: true,
+  get: function () {
+    return TableSelectionCell_1.tableSelectionCellClassNames;
+  }
+});
+
+var TableCellActions_1 = /*#__PURE__*/require("./TableCellActions");
+
+Object.defineProperty(exports, "TableCellActions", {
+  enumerable: true,
+  get: function () {
+    return TableCellActions_1.TableCellActions;
+  }
+});
+Object.defineProperty(exports, "tableCellActionsClassNames", {
+  enumerable: true,
+  get: function () {
+    return TableCellActions_1.tableCellActionsClassNames;
+  }
+});
+Object.defineProperty(exports, "useTableCellActionsStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCellActions_1.useTableCellActionsStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTableCellActions_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCellActions_1.useTableCellActions_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTableCellActions_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCellActions_1.renderTableCellActions_unstable;
+  }
+});
+
+var TableCellLayout_1 = /*#__PURE__*/require("./TableCellLayout");
+
+Object.defineProperty(exports, "TableCellLayout", {
+  enumerable: true,
+  get: function () {
+    return TableCellLayout_1.TableCellLayout;
+  }
+});
+Object.defineProperty(exports, "tableCellLayoutClassNames", {
+  enumerable: true,
+  get: function () {
+    return TableCellLayout_1.tableCellLayoutClassNames;
+  }
+});
+Object.defineProperty(exports, "useTableCellLayoutStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCellLayout_1.useTableCellLayoutStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTableCellLayout_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCellLayout_1.useTableCellLayout_unstable;
+  }
+});
+Object.defineProperty(exports, "renderTableCellLayout_unstable", {
+  enumerable: true,
+  get: function () {
+    return TableCellLayout_1.renderTableCellLayout_unstable;
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../packages/react-components/react-table/src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { useTable, useSelection, useSort } from './hooks';\nexport type {\n  UseTableOptions,\n  TableState as HeadlessTableState,\n  TableSelectionState,\n  TableSortState,\n  TableStatePlugin,\n  RowState,\n  RowId,\n  ColumnDefinition,\n  ColumnId,\n} from './hooks';\n\nexport {\n  TableCell,\n  tableCellClassNames,\n  tableCellClassName,\n  useTableCellStyles_unstable,\n  useTableCell_unstable,\n  renderTableCell_unstable,\n} from './TableCell';\nexport type { TableCellProps, TableCellState, TableCellSlots } from './TableCell';\n\nexport {\n  TableRow,\n  tableRowClassNames,\n  tableRowClassName,\n  useTableRowStyles_unstable,\n  useTableRow_unstable,\n  renderTableRow_unstable,\n} from './TableRow';\nexport type { TableRowProps, TableRowState, TableRowSlots } from './TableRow';\n\nexport {\n  TableBody,\n  tableBodyClassName,\n  tableBodyClassNames,\n  useTableBodyStyles_unstable,\n  useTableBody_unstable,\n  renderTableBody_unstable,\n} from './TableBody';\nexport type { TableBodyProps, TableBodyState, TableBodySlots } from './TableBody';\n\nexport {\n  Table,\n  tableClassName,\n  tableClassNames,\n  useTableStyles_unstable,\n  useTable_unstable,\n  renderTable_unstable,\n} from './Table';\nexport type { TableProps, TableSlots, TableState, TableContextValue, TableContextValues, SortDirection } from './Table';\n\nexport {\n  TableHeader,\n  tableHeaderClassNames,\n  tableHeaderClassName,\n  useTableHeaderStyles_unstable,\n  useTableHeader_unstable,\n  renderTableHeader_unstable,\n} from './TableHeader';\nexport type { TableHeaderProps, TableHeaderSlots, TableHeaderState } from './TableHeader';\n\nexport {\n  TableHeaderCell,\n  tableHeaderCellClassName,\n  tableHeaderCellClassNames,\n  useTableHeaderCellStyles_unstable,\n  useTableHeaderCell_unstable,\n  renderTableHeaderCell_unstable,\n} from './TableHeaderCell';\nexport type { TableHeaderCellProps, TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell';\n\nexport { TableContextProvider, useTableContext } from './contexts/tableContext';\nexport {\n  TableSelectionCell,\n  useTableSelectionCellStyles_unstable,\n  useTableSelectionCell_unstable,\n  renderTableSelectionCell_unstable,\n  tableSelectionCellClassNames,\n} from './TableSelectionCell';\n\nexport type { TableSelectionCellProps, TableSelectionCellState, TableSelectionCellSlots } from './TableSelectionCell';\nexport {\n  TableCellActions,\n  tableCellActionsClassNames,\n  useTableCellActionsStyles_unstable,\n  useTableCellActions_unstable,\n  renderTableCellActions_unstable,\n} from './TableCellActions';\n\nexport type { TableCellActionsProps, TableCellActionsSlots, TableCellActionsState } from './TableCellActions';\nexport {\n  TableCellLayout,\n  tableCellLayoutClassNames,\n  useTableCellLayoutStyles_unstable,\n  useTableCellLayout_unstable,\n  renderTableCellLayout_unstable,\n} from './TableCellLayout';\nexport type { TableCellLayoutProps, TableCellLayoutSlots, TableCellLayoutState } from './TableCellLayout';\n"],"sourceRoot":""}

package/lib-commonjs/navigationModes/cell.js

@@ -0,0 +1,259 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyCellNavigation = void 0;
+
+function applyCellNavigation(element) {
+  const container = element;
+  let column = 0;
+  let mode = undefined;
+  let movingOut = false;
+  const pre = document.createElement('div');
+  const post = document.createElement('div');
+
+  if (!pre || !post) {
+    return;
+  }
+
+  pre.tabIndex = 0;
+  post.tabIndex = 0;
+  pre.addEventListener('focus', () => {
+    if (movingOut) {
+      movingOut = false;
+      return;
+    } else {
+      treeWalker.currentNode = container;
+      const candidate = treeWalker.nextNode();
+
+      if (isHTMLElement(candidate)) {
+        column = 0;
+        candidate.focus();
+      }
+    }
+  });
+  post.addEventListener('focus', () => {
+    if (movingOut) {
+      movingOut = false;
+      return;
+    } else {
+      treeWalker.currentNode = post;
+      const candidate = treeWalker.previousNode();
+
+      if (isHTMLElement(candidate)) {
+        column = findColumnCount(candidate);
+        candidate.focus();
+      }
+    }
+  });
+  container.before(pre);
+  container.after(post);
+
+  const acceptNode = node => {
+    if (!isHTMLElement(node)) {
+      return NodeFilter.FILTER_SKIP;
+    }
+
+    if (mode === 'column') {
+      return acceptCell(node);
+    }
+
+    if (mode === 'row') {
+      return acceptRow(node);
+    }
+
+    if (node.tabIndex >= 0) {
+      return NodeFilter.FILTER_ACCEPT;
+    }
+
+    return NodeFilter.FILTER_SKIP;
+  };
+
+  const acceptCell = node => {
+    if (isRow(node)) {
+      return NodeFilter.FILTER_REJECT;
+    }
+
+    if (node.tabIndex < 0) {
+      return NodeFilter.FILTER_SKIP;
+    }
+
+    return NodeFilter.FILTER_ACCEPT;
+  };
+
+  const acceptRow = node => {
+    if (isRow(node)) {
+      return NodeFilter.FILTER_ACCEPT;
+    }
+
+    return NodeFilter.FILTER_SKIP;
+  };
+
+  const treeWalker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    acceptNode
+  });
+
+  const up = current => {
+    mode = 'row';
+    treeWalker.currentNode = current;
+    treeWalker.previousNode(); // current row
+
+    const row = treeWalker.previousNode();
+
+    if (!row) {
+      return null;
+    }
+
+    mode = 'column';
+    treeWalker.currentNode = row;
+    let curCol = 0;
+    let node = null;
+
+    while (curCol <= column) {
+      node = treeWalker.nextNode();
+      curCol++;
+    }
+
+    if (isHTMLElement(node)) {
+      return node;
+    }
+
+    return null;
+  };
+
+  const down = current => {
+    mode = 'row';
+    treeWalker.currentNode = current;
+    const row = treeWalker.nextNode();
+
+    if (!row) {
+      return null;
+    }
+
+    mode = 'column';
+    treeWalker.currentNode = row;
+    let curCol = 0;
+    let node = null;
+
+    while (curCol <= column) {
+      node = treeWalker.nextNode();
+      curCol++;
+    }
+
+    if (isHTMLElement(node)) {
+      return node;
+    }
+
+    return null;
+  };
+
+  const left = current => {
+    treeWalker.currentNode = current;
+    mode = 'column';
+    const node = treeWalker.previousNode();
+
+    if (isHTMLElement(node)) {
+      column--;
+      return node;
+    }
+
+    return null;
+  };
+
+  const right = current => {
+    mode = 'column';
+    treeWalker.currentNode = current;
+    const node = treeWalker.nextNode();
+
+    if (isHTMLElement(node)) {
+      column++;
+      return node;
+    }
+
+    return null;
+  };
+
+  const onKeyDown = e => {
+    const target = e.target;
+
+    if (!target || !isHTMLElement(target)) {
+      return;
+    }
+
+    let next = null;
+
+    switch (e.key) {
+      case 'ArrowDown':
+        next = down(target);
+        break;
+
+      case 'ArrowUp':
+        next = up(target);
+        break;
+
+      case 'ArrowLeft':
+        next = left(target);
+        break;
+
+      case 'ArrowRight':
+        next = right(target);
+        break;
+
+      case 'Tab':
+        movingOut = true;
+
+        if (e.shiftKey) {
+          pre.focus();
+        } else {
+          post.focus();
+        }
+
+        break;
+
+      default:
+        return;
+    }
+
+    if (next) {
+      e.preventDefault();
+      next.focus();
+    }
+  };
+
+  const onFocusOut = () => {
+    mode = undefined;
+  };
+
+  container.addEventListener('keydown', onKeyDown);
+  container.addEventListener('focusout', onFocusOut);
+  return () => {
+    container.removeEventListener('focusout', onFocusOut);
+    container.removeEventListener('keydown', onKeyDown);
+  };
+}
+
+exports.applyCellNavigation = applyCellNavigation;
+
+function isHTMLElement(node) {
+  return node instanceof HTMLElement;
+}
+
+function isRow(element) {
+  if (element.getAttribute('role') === 'row' || element.tagName === 'TR') {
+    return true;
+  }
+
+  return false;
+}
+
+function findColumnCount(node) {
+  let cur = node;
+
+  while (cur.parentElement && !isRow(cur)) {
+    cur = cur.parentElement;
+  }
+
+  return cur.querySelectorAll('[role="cell"], [role="gridcell"], td').length - 1;
+}
+//# sourceMappingURL=cell.js.map