@dxos/react-ui-table 0.8.1-main.ba2dec9 → 0.8.1-staging.391c573
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/_deprecated/index.mjs +4 -4
- package/dist/lib/browser/_deprecated/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/_deprecated/index.cjs +4 -4
- package/dist/lib/node/_deprecated/index.cjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/_deprecated/index.mjs +4 -4
- package/dist/lib/node-esm/_deprecated/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/testing.d.ts.map +1 -1
- package/package.json +31 -31
- package/src/_deprecated/components/Cell/Cell.tsx +2 -2
- package/src/_deprecated/components/Table/TableBody.tsx +2 -2
- package/src/_deprecated/helpers.tsx +2 -2
- package/src/components/testing.ts +1 -0
|
@@ -594,7 +594,7 @@ import React5, { useCallback as useCallback6 } from "react";
|
|
|
594
594
|
var CELL_NAME = "Cell";
|
|
595
595
|
var FocusableCell = ({ cell, children }) => {
|
|
596
596
|
const tableContext = useTableContext();
|
|
597
|
-
const
|
|
597
|
+
const focusableGroupAttrs = useFocusableGroup({
|
|
598
598
|
tabBehavior: "limited"
|
|
599
599
|
});
|
|
600
600
|
const pinned = tableContext.table.getState().rowPinning?.bottom?.includes(cell.row.id);
|
|
@@ -636,7 +636,7 @@ var FocusableCell = ({ cell, children }) => {
|
|
|
636
636
|
return /* @__PURE__ */ React5.createElement("td", {
|
|
637
637
|
"data-testid": "table.cell",
|
|
638
638
|
tabIndex: 0,
|
|
639
|
-
...
|
|
639
|
+
...focusableGroupAttrs,
|
|
640
640
|
className,
|
|
641
641
|
onKeyDown: handleKeyDown
|
|
642
642
|
}, children);
|
|
@@ -662,12 +662,12 @@ var TABLE_BODY_NAME = "TableBody";
|
|
|
662
662
|
var TableBody = ({ rows }) => {
|
|
663
663
|
const { table, keyAccessor, currentDatum, debug, expand, isGrid, onDatumClick } = useTableContext();
|
|
664
664
|
const rowSelection = table.getState().rowSelection;
|
|
665
|
-
const
|
|
665
|
+
const arrowNavigationAttrs = useArrowNavigationGroup({
|
|
666
666
|
axis: "grid"
|
|
667
667
|
});
|
|
668
668
|
const canBeCurrent = !isGrid && !!onDatumClick;
|
|
669
669
|
const { virtualizer } = useContext2(TableRootContext);
|
|
670
|
-
return /* @__PURE__ */ React6.createElement("tbody", isGrid &&
|
|
670
|
+
return /* @__PURE__ */ React6.createElement("tbody", isGrid && arrowNavigationAttrs, rows.map((row) => {
|
|
671
671
|
const isCurrent = currentDatum === row.original;
|
|
672
672
|
const isSelected = rowSelection?.[row.id];
|
|
673
673
|
const isPinned = row.getIsPinned();
|