@navikt/ds-react 8.3.0 → 8.4.0

package/esm/data/stories/DataTableProfiler.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from "react";
 import { Button } from "../../button/index.js";
-import { Box } from "../../layout/box/index.js";
-import { VStack } from "../../layout/stack/index.js";
+import { Box } from "../../primitives/box/index.js";
+import { VStack } from "../../primitives/stack/index.js";
 import { Heading } from "../../typography/index.js";
 function DataTableProfiler({ children }) {
     const lastProfilerStateRef = useRef({});
@@ -22,6 +22,11 @@ function rollingLatestValues(arr, newValue, maxLength) {
     }
     return newArr;
 }
+const getOpacity = (timestamp) => {
+    const age = Date.now() - timestamp;
+    const maxAge = 10000;
+    return Math.max(0.4, 1 - age / maxAge);
+};
 function ProfilerDisplay({ getLatestData, }) {
     const [open, setOpen] = useState(false);
     const [domStats, setDomStats] = useState(null);
@@ -48,11 +53,6 @@ function ProfilerDisplay({ getLatestData, }) {
         }, 500);
         return () => clearInterval(interval);
     }, [open]);
-    const getOpacity = (timestamp) => {
-        const age = Date.now() - timestamp;
-        const maxAge = 10000;
-        return Math.max(0.4, 1 - age / maxAge);
-    };
     return (React.createElement(VStack, { asChild: true },
         React.createElement(Box, { position: "fixed", top: "space-4", right: "space-4", padding: "space-6", background: "raised", borderRadius: "8", borderWidth: "1", borderColor: "neutral-subtleA", style: { zIndex: 1000 } },
             React.createElement(Button, { "data-color": "neutral", variant: "tertiary", size: "small", onClick: () => setOpen(!open) }, open ? "Hide Profiler" : "Show Profiler"),

package/esm/data/stories/DataTableProfiler.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableProfiler.js","sourceRoot":"","sources":["../../../src/data/stories/DataTableProfiler.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTableProfiler.js","sourceRoot":"","sources":["../../../src/data/stories/DataTableProfiler.tsx"],"names":[],"mappings":"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"}

package/esm/data/table/helpers/table-cell.d.ts

@@ -0,0 +1,3 @@
+declare function getFirstCell(tableRef: HTMLTableElement): Element | null;
+declare function getActiveCell(tableRef: HTMLTableElement | null, activeCell: Element | null): Element | null;
+export { getActiveCell, getFirstCell };

package/esm/data/table/helpers/table-cell.js

@@ -0,0 +1,16 @@
+import { focusCell } from "./table-focus.js";
+function getFirstCell(tableRef) {
+    return tableRef.querySelector("td, th");
+}
+function getActiveCell(tableRef, activeCell) {
+    if (!tableRef) {
+        return null;
+    }
+    if (activeCell) {
+        return activeCell;
+    }
+    const firstCell = getFirstCell(tableRef);
+    return firstCell ? focusCell(firstCell) : null;
+}
+export { getActiveCell, getFirstCell };
+//# sourceMappingURL=table-cell.js.map

package/esm/data/table/helpers/table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../../src/data/table/helpers/table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,SAAS,YAAY,CAAC,QAA0B;IAC9C,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,aAAa,CACpB,QAAiC,EACjC,UAA0B;IAE1B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzC,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjD,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/esm/data/table/helpers/table-focus.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Makes sure only focusable and non-disabled elements are targeted when navigating through the table using keyboard interactions.
+ * Tries to find the most logical focus target inside a cell, by looking for commonly used interactive elements,
+ * falling back to the cell itself if no focusable targets are found.
+ *
+ * If the assumed focus target is not the cell itself, we check if that element is hidden or disabled, and fall back to the cell if so,
+ * since we want to avoid/can't focus hidden/disabled elements.
+ */
+declare function getFocusableTarget(cell: Element): HTMLElement | null;
+declare function focusCell(cell: Element): Element | null;
+declare function focusCellAndUpdateTabIndex(nextCell: Element, previousCell?: Element | null, { shouldFocus }?: {
+    shouldFocus?: boolean;
+}): Element | null;
+export { focusCell, focusCellAndUpdateTabIndex, getFocusableTarget };

package/esm/data/table/helpers/table-focus.js

@@ -0,0 +1,80 @@
+/**
+ * Makes sure only focusable and non-disabled elements are targeted when navigating through the table using keyboard interactions.
+ * Tries to find the most logical focus target inside a cell, by looking for commonly used interactive elements,
+ * falling back to the cell itself if no focusable targets are found.
+ *
+ * If the assumed focus target is not the cell itself, we check if that element is hidden or disabled, and fall back to the cell if so,
+ * since we want to avoid/can't focus hidden/disabled elements.
+ */
+function getFocusableTarget(cell) {
+    const el = cell;
+    if (!el || isHiddenElement(el)) {
+        return null;
+    }
+    const focusables = el.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]');
+    if (focusables.length === 0) {
+        return el;
+    }
+    for (let i = 0; i < focusables.length; i += 1) {
+        const focusable = focusables[i];
+        if (!isHiddenElement(focusable) && !isDisabledElement(focusable)) {
+            return focusable;
+        }
+    }
+    return el;
+}
+/**
+ * TODO:
+ * - validate this implementation against SR-only elements
+ */
+function isHiddenElement(el) {
+    if (el.hidden) {
+        return true;
+    }
+    const style = window.getComputedStyle(el);
+    return style.display === "none" || style.visibility === "hidden";
+}
+function isDisabledElement(el) {
+    if (el.getAttribute("aria-disabled") === "true") {
+        return true;
+    }
+    if (el.closest("fieldset[disabled]")) {
+        return true;
+    }
+    if (el instanceof HTMLButtonElement ||
+        el instanceof HTMLInputElement ||
+        el instanceof HTMLSelectElement ||
+        el instanceof HTMLTextAreaElement) {
+        return el.disabled;
+    }
+    return false;
+}
+function focusCell(cell) {
+    const focusTarget = getFocusableTarget(cell);
+    if (!focusTarget) {
+        return null;
+    }
+    if (focusTarget === cell) {
+        cell.tabIndex = 0;
+    }
+    focusTarget.focus({
+        preventScroll: true,
+    });
+    focusTarget.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "nearest",
+    });
+    return cell;
+}
+function focusCellAndUpdateTabIndex(nextCell, previousCell, { shouldFocus = true } = {}) {
+    if (previousCell && previousCell !== nextCell) {
+        previousCell.tabIndex = -1;
+    }
+    if (!shouldFocus) {
+        return nextCell;
+    }
+    return focusCell(nextCell);
+}
+export { focusCell, focusCellAndUpdateTabIndex, getFocusableTarget };
+//# sourceMappingURL=table-focus.js.map

package/esm/data/table/helpers/table-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-focus.js","sourceRoot":"","sources":["../../../../src/data/table/helpers/table-focus.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,SAAS,kBAAkB,CAAC,IAAa;IACvC,MAAM,EAAE,GAAG,IAA0B,CAAC;IACtC,IAAI,CAAC,EAAE,IAAI,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,EAAE,CAAC,gBAAgB,CACpC,oGAAoG,CACrG,CAAC;IAEF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAgB,CAAC;QAC/C,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC;YACjE,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED;;;GAGG;AACH,SAAS,eAAe,CAAC,EAAe;IACtC,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAC1C,OAAO,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,KAAK,QAAQ,CAAC;AACnE,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAe;IACxC,IAAI,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,EAAE,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,EAAE,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;QACrC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IACE,EAAE,YAAY,iBAAiB;QAC/B,EAAE,YAAY,gBAAgB;QAC9B,EAAE,YAAY,iBAAiB;QAC/B,EAAE,YAAY,mBAAmB,EACjC,CAAC;QACD,OAAO,EAAE,CAAC,QAAQ,CAAC;IACrB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,SAAS,CAAC,IAAa;IAC9B,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACxB,IAAoB,CAAC,QAAQ,GAAG,CAAC,CAAC;IACrC,CAAC;IAED,WAAW,CAAC,KAAK,CAAC;QAChB,aAAa,EAAE,IAAI;KACpB,CAAC,CAAC;IAEH,WAAW,CAAC,cAAc,CAAC;QACzB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,0BAA0B,CACjC,QAAiB,EACjB,YAA6B,EAC7B,EAAE,WAAW,GAAG,IAAI,KAAgC,EAAE;IAEtD,IAAI,YAAY,IAAI,YAAY,KAAK,QAAQ,EAAE,CAAC;QAC7C,YAA4B,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAC;AAC7B,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,CAAC"}

package/esm/data/table/helpers/table-grid-nav.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Builds a utility grid allowing for easier keyboard-navigation between cells on columns and rows
+ */
+declare function buildTableGrid(tableRef: HTMLTableElement): {
+    grid: (Element | undefined)[][];
+    positions: Map<Element, {
+        x: number;
+        y: number;
+    }>;
+    maxCols: number;
+};
+type TableGrid = ReturnType<typeof buildTableGrid>;
+type GridCache = {
+    grid: TableGrid | null;
+    dirty: boolean;
+};
+/**
+ * Makes sure to keep a cached version of the table grid, and only rebuild it when necessary (when "dirty" flag is set)
+ */
+declare function ensureTableGrid(tableRef: HTMLTableElement, tableGridCache: GridCache): TableGrid;
+/**
+ * Finds the next cell in the given direction, starting from the current position.
+ * Skips over cells that are not focusable or are the same as the current cell.
+ * Returns null if no next cell is found in the given direction.
+ */
+declare function findNextCell(grid: (Element | undefined)[][], currentPos: {
+    x: number;
+    y: number;
+}, delta: {
+    x: number;
+    y: number;
+}, currentCell: Element, maxCols: number): Element | null;
+export { buildTableGrid, ensureTableGrid, findNextCell, type GridCache };

package/esm/data/table/helpers/table-grid-nav.js

@@ -0,0 +1,80 @@
+import { getFocusableTarget } from "./table-focus.js";
+/**
+ * Builds a utility grid allowing for easier keyboard-navigation between cells on columns and rows
+ */
+function buildTableGrid(tableRef) {
+    const rows = tableRef.rows;
+    const grid = [];
+    const positions = new Map();
+    let maxCols = 0;
+    /* Walk trough each row in order */
+    for (let rowIndex = 0; rowIndex < rows.length; rowIndex += 1) {
+        const row = rows[rowIndex];
+        const cells = row.cells;
+        if (!grid[rowIndex]) {
+            grid[rowIndex] = [];
+        }
+        let colIndex = 0;
+        /* Walk trough each cell in row */
+        for (let cellIndex = 0; cellIndex < cells.length; cellIndex += 1) {
+            const cell = cells[cellIndex];
+            /* Skip over slots already occupied by previous row/col spans. */
+            while (grid[rowIndex][colIndex]) {
+                colIndex += 1;
+            }
+            const colSpan = Math.max(cell.colSpan || 1, 1);
+            const rowSpan = Math.max(cell.rowSpan || 1, 1);
+            /* Fill the grid with references to this cell for its row/col span. */
+            for (let y = rowIndex; y < rowIndex + rowSpan; y += 1) {
+                if (!grid[y]) {
+                    grid[y] = [];
+                }
+                for (let x = colIndex; x < colIndex + colSpan; x += 1) {
+                    grid[y][x] = cell;
+                }
+            }
+            /* Track the top-left coordinate for each unique cell. */
+            if (!positions.has(cell)) {
+                positions.set(cell, { x: colIndex, y: rowIndex });
+            }
+            colIndex += colSpan;
+            if (colIndex > maxCols) {
+                maxCols = colIndex;
+            }
+        }
+    }
+    return { grid, positions, maxCols };
+}
+/**
+ * Makes sure to keep a cached version of the table grid, and only rebuild it when necessary (when "dirty" flag is set)
+ */
+function ensureTableGrid(tableRef, tableGridCache) {
+    if (tableGridCache.dirty || !tableGridCache.grid) {
+        tableGridCache.grid = buildTableGrid(tableRef);
+        tableGridCache.dirty = false;
+    }
+    return tableGridCache.grid;
+}
+/**
+ * Finds the next cell in the given direction, starting from the current position.
+ * Skips over cells that are not focusable or are the same as the current cell.
+ * Returns null if no next cell is found in the given direction.
+ */
+function findNextCell(grid, currentPos, delta, currentCell, maxCols) {
+    var _a;
+    let x = currentPos.x + delta.x;
+    let y = currentPos.y + delta.y;
+    const maxRows = grid.length;
+    while (y >= 0 && y < maxRows && x >= 0 && x < maxCols) {
+        const row = (_a = grid[y]) !== null && _a !== void 0 ? _a : [];
+        const cell = row[x];
+        if (cell && cell !== currentCell && !!getFocusableTarget(cell)) {
+            return cell;
+        }
+        x += delta.x;
+        y += delta.y;
+    }
+    return null;
+}
+export { buildTableGrid, ensureTableGrid, findNextCell };
+//# sourceMappingURL=table-grid-nav.js.map

package/esm/data/table/helpers/table-grid-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-grid-nav.js","sourceRoot":"","sources":["../../../../src/data/table/helpers/table-grid-nav.ts"],"names":[],"mappings":"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"}

package/esm/data/table/helpers/table-keyboard.d.ts

@@ -0,0 +1,15 @@
+type Delta = {
+    x: number;
+    y: number;
+};
+declare function getDeltaFromKey(key: string): Delta | null;
+/**
+ * Tries to make assumptions of what the user is currently doing inside a table cell
+ * Should block navigation if:
+ * - Input has selection, caret is not at start/end
+ * - Select arrow down/up for opening popup
+ * - User is navigating inside multiline textarea
+ * - contenteditable attrb is in use
+ */
+declare function shouldBlockArrowKeyNavigation(event: KeyboardEvent): boolean;
+export { getDeltaFromKey, shouldBlockArrowKeyNavigation };

package/esm/data/table/helpers/table-keyboard.js

@@ -0,0 +1,95 @@
+const keyToCoord = {
+    ArrowUp: { x: 0, y: -1 },
+    ArrowDown: { x: 0, y: 1 },
+    ArrowLeft: { x: -1, y: 0 },
+    ArrowRight: { x: 1, y: 0 },
+};
+function getDeltaFromKey(key) {
+    if (key in keyToCoord) {
+        return keyToCoord[key];
+    }
+    return null;
+}
+/**
+ * Tries to make assumptions of what the user is currently doing inside a table cell
+ * Should block navigation if:
+ * - Input has selection, caret is not at start/end
+ * - Select arrow down/up for opening popup
+ * - User is navigating inside multiline textarea
+ * - contenteditable attrb is in use
+ */
+function shouldBlockArrowKeyNavigation(event) {
+    const key = event.key;
+    if (!(key in keyToCoord)) {
+        return false;
+    }
+    const el = event.target;
+    if (!el) {
+        return false;
+    }
+    if (el.isContentEditable) {
+        return true;
+    }
+    /* If not any of these elements, assueme "safe" to navigate */
+    const editable = el.closest('input, textarea, select, [contenteditable="true"]');
+    if (!editable) {
+        return false;
+    }
+    if (editable instanceof HTMLInputElement) {
+        return shouldBlockInputArrow(editable, key);
+    }
+    if (editable instanceof HTMLTextAreaElement) {
+        return shouldBlockTextAreaArrow(editable, key);
+    }
+    if (editable instanceof HTMLSelectElement) {
+        if (key === "ArrowDown" || key === "ArrowUp") {
+            return true;
+        }
+        return false;
+    }
+    return editable.hasAttribute("contenteditable");
+}
+function shouldBlockInputArrow(input, key) {
+    if (input.type === "checkbox" || input.type === "radio") {
+        return false;
+    }
+    if (!isTextInputType(input.type)) {
+        return false;
+    }
+    const start = input.selectionStart;
+    const end = input.selectionEnd;
+    if (start === null || end === null) {
+        return true;
+    }
+    return shouldBlockBySelection(key, start, end, input.value.length);
+}
+function shouldBlockTextAreaArrow(textarea, key) {
+    const start = textarea.selectionStart;
+    const end = textarea.selectionEnd;
+    return shouldBlockBySelection(key, start, end, textarea.value.length);
+}
+function shouldBlockBySelection(key, start, end, valueLength) {
+    if (key === "ArrowLeft" || key === "ArrowUp") {
+        return start > 0 || end > 0;
+    }
+    if (key === "ArrowRight" || key === "ArrowDown") {
+        return end < valueLength;
+    }
+    return false;
+}
+function isTextInputType(type) {
+    switch (type) {
+        case "text":
+        case "search":
+        case "url":
+        case "tel":
+        case "password":
+        case "email":
+        case "number":
+            return true;
+        default:
+            return false;
+    }
+}
+export { getDeltaFromKey, shouldBlockArrowKeyNavigation };
+//# sourceMappingURL=table-keyboard.js.map

package/esm/data/table/helpers/table-keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-keyboard.js","sourceRoot":"","sources":["../../../../src/data/table/helpers/table-keyboard.ts"],"names":[],"mappings":"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"}

package/esm/data/table/root/DataTableRoot.d.ts

@@ -8,6 +8,18 @@ import { DataTableThead, type DataTableTheadProps } from "../thead/DataTableThea
 import { DataTableTr, type DataTableTrProps } from "../tr/DataTableTr.js";
 interface DataTableProps extends React.HTMLAttributes<HTMLTableElement> {
     children: React.ReactNode;
+    rowDensity?: "condensed" | "normal" | "spacious";
+    /**
+     * Enables keyboard navigation for table rows and cells.
+     * @default false
+     */
+    withKeyboardNav?: boolean;
+    /**
+     * Zebra striped table
+     * @default false
+     */
+    zebraStripes?: boolean;
+    truncateContent?: boolean;
 }
 interface DataTableRootComponent extends React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLDialogElement>> {
     /**
@@ -102,6 +114,6 @@ interface DataTableRootComponent extends React.ForwardRefExoticComponent<DataTab
     Tfoot: typeof DataTableTfoot;
 }
 declare const DataTable: DataTableRootComponent;
-export { DataTable, DataTableCaption, DataTableTbody, DataTableTd, DataTableTh, DataTableThead, DataTableTr, DataTableTfoot, };
+export { DataTable, DataTableCaption, DataTableTbody, DataTableTd, DataTableTfoot, DataTableTh, DataTableThead, DataTableTr, };
 export default DataTable;
-export type { DataTableProps, DataTableCaptionProps, DataTableTbodyProps, DataTableTdProps, DataTableThProps, DataTableTheadProps, DataTableTrProps, DataTableTfootProps, };
+export type { DataTableCaptionProps, DataTableProps, DataTableTbodyProps, DataTableTdProps, DataTableTfootProps, DataTableTheadProps, DataTableThProps, DataTableTrProps, };

package/esm/data/table/root/DataTableRoot.js

@@ -9,8 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from "react";
+import React, { forwardRef, useState } from "react";
 import { cl } from "../../../utils/helpers/index.js";
+import { useMergeRefs } from "../../../utils/hooks/index.js";
 import { DataTableCaption, } from "../caption/DataTableCaption.js";
 import { DataTableTbody, } from "../tbody/DataTableTbody.js";
 import { DataTableTd } from "../td/DataTableTd.js";
@@ -18,10 +19,20 @@ import { DataTableTfoot, } from "../tfoot/DataTableTfoot.js";
 import { DataTableTh } from "../th/DataTableTh.js";
 import { DataTableThead, } from "../thead/DataTableThead.js";
 import { DataTableTr } from "../tr/DataTableTr.js";
+import { useTableKeyboardNav } from "./useTableKeyboardNav.js";
 const DataTable = forwardRef((_a, forwardedRef) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement("div", { className: "aksel-data-table__wrapper" },
-        React.createElement("table", Object.assign({}, rest, { ref: forwardedRef, className: cl("aksel-data-table", className) }))));
+    var { className, rowDensity = "normal", withKeyboardNav = false, zebraStripes = false, truncateContent = true } = _a, rest = __rest(_a, ["className", "rowDensity", "withKeyboardNav", "zebraStripes", "truncateContent"]);
+    const [tableRef, setTableRef] = useState(null);
+    const mergedRef = useMergeRefs(forwardedRef, setTableRef);
+    const { onFocus, tableTabIndex } = useTableKeyboardNav(tableRef, {
+        enabled: withKeyboardNav,
+    });
+    return (React.createElement("div", { className: "aksel-data-table__border-wrapper" },
+        React.createElement("div", { className: "aksel-data-table__scroll-wrapper" },
+            React.createElement("table", Object.assign({}, rest, { ref: mergedRef, className: cl("aksel-data-table", className, {
+                    "aksel-data-table--zebra-stripes": zebraStripes,
+                    "aksel-data-table--truncate-content": truncateContent,
+                }), "data-density": rowDensity, tabIndex: tableTabIndex, onFocus: onFocus })))));
 });
 DataTable.Caption = DataTableCaption;
 DataTable.Thead = DataTableThead;
@@ -30,6 +41,6 @@ DataTable.Th = DataTableTh;
 DataTable.Tr = DataTableTr;
 DataTable.Td = DataTableTd;
 DataTable.Tfoot = DataTableTfoot;
-export { DataTable, DataTableCaption, DataTableTbody, DataTableTd, DataTableTh, DataTableThead, DataTableTr, DataTableTfoot, };
+export { DataTable, DataTableCaption, DataTableTbody, DataTableTd, DataTableTfoot, DataTableTh, DataTableThead, DataTableTr, };
 export default DataTable;
 //# sourceMappingURL=DataTableRoot.js.map

package/esm/data/table/root/DataTableRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EACL,gBAAgB,GAEjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,cAAc,GAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EACL,cAAc,GAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EACL,cAAc,GAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AAqGvE,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,+CACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C,CACE,CACP,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,EAAE,GAAG,WAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,WAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,WAAW,CAAC;AAC3B,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AAEjC,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,WAAW,EACX,cAAc,EACd,WAAW,EACX,cAAc,GACf,CAAC;AACF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EACL,gBAAgB,GAEjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,cAAc,GAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EACL,cAAc,GAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EACL,cAAc,GAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAiH5D,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAOC,EACD,YAAY,EACZ,EAAE;QATF,EACE,SAAS,EACT,UAAU,GAAG,QAAQ,EACrB,eAAe,GAAG,KAAK,EACvB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,IAAI,OAEvB,EADI,IAAI,cANT,iFAOC,CADQ;IAIT,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAE1D,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,mBAAmB,CAAC,QAAQ,EAAE;QAC/D,OAAO,EAAE,eAAe;KACzB,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;QAC/C,6BAAK,SAAS,EAAC,kCAAkC;YAC/C,+CACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE;oBAC3C,iCAAiC,EAAE,YAAY;oBAC/C,oCAAoC,EAAE,eAAe;iBACtD,CAAC,kBACY,UAAU,EACxB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,IAChB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,EAAE,GAAG,WAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,WAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,WAAW,CAAC;AAC3B,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AAEjC,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,cAAc,EACd,WAAW,EACX,cAAc,EACd,WAAW,GACZ,CAAC;AACF,eAAe,SAAS,CAAC"}

package/esm/data/table/root/useTableKeyboardNav.d.ts

@@ -0,0 +1,7 @@
+declare function useTableKeyboardNav(tableRef: HTMLTableElement | null, { enabled }: {
+    enabled: boolean;
+}): {
+    tableTabIndex: number | undefined;
+    onFocus: () => Element | null | undefined;
+};
+export { useTableKeyboardNav };