@danske/sapphire-react-lab 0.106.3 → 0.107.0

package/build/esm/lab/src/DataGrid/src/useGridKeyboardNavigation.js

@@ -0,0 +1,417 @@
+import { useRef, useState, useLayoutEffect, useCallback } from 'react';
+import { defaultRangeExtractor } from '@tanstack/react-virtual';
+import { getInteractionModality } from 'react-aria/private/interactions/useFocusVisible';
+
+const INTERACTIVE_SELECTOR = [
+  "a[href]",
+  "button:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])"
+].join(", ");
+const GRID_ROW_ATTR = "data-grid-row";
+const DATA_INDEX_ATTR = "data-index";
+function buildGrid(table) {
+  const grid = [];
+  const thead = table.querySelector("thead");
+  if (thead) {
+    thead.querySelectorAll(":scope > tr").forEach((tr) => {
+      const cells = rowCells(tr);
+      if (cells.length > 0) grid.push(cells);
+    });
+  }
+  const tbody = table.querySelector("tbody");
+  if (tbody) {
+    tbody.querySelectorAll(`:scope > tr[${GRID_ROW_ATTR}]`).forEach((tr) => {
+      const cells = rowCells(tr);
+      if (cells.length > 0) grid.push(cells);
+    });
+  }
+  return grid;
+}
+function rowCells(tr) {
+  const cells = [];
+  tr.querySelectorAll(":scope > th, :scope > td").forEach(
+    (cell) => {
+      cells.push({ element: cell, focusTarget: getFocusTarget(cell) });
+    }
+  );
+  return cells;
+}
+function getFocusTarget(cell) {
+  const interactive = cell.querySelectorAll(INTERACTIVE_SELECTOR);
+  return interactive.length === 1 ? interactive[0] : cell;
+}
+function isEditableTarget(target) {
+  if (target instanceof HTMLTextAreaElement) return true;
+  if (target instanceof HTMLSelectElement) return true;
+  if (target instanceof HTMLInputElement && target.type !== "checkbox" && target.type !== "radio" && target.type !== "button")
+    return true;
+  return target instanceof HTMLElement && target.isContentEditable;
+}
+function getDataIndexOfCell(cell) {
+  const tr = cell.closest("tr");
+  const raw = tr?.getAttribute(DATA_INDEX_ATTR);
+  if (raw == null) return null;
+  const n = parseInt(raw, 10);
+  return isNaN(n) ? null : n;
+}
+function findGridRowByDataIndex(grid, dataIndex) {
+  for (let r = grid.length - 1; r >= 0; r--) {
+    const tr = grid[r][0]?.element.closest("tr");
+    if (tr?.getAttribute(DATA_INDEX_ATTR) === String(dataIndex)) return r;
+  }
+  return -1;
+}
+function getVisiblePageSize(scrollContainer, table) {
+  const fallback = 7;
+  if (!scrollContainer) return fallback;
+  const containerHeight = scrollContainer.clientHeight;
+  if (containerHeight <= 0) return fallback;
+  const firstBodyRow = table.querySelector(
+    `tbody > tr[${GRID_ROW_ATTR}]`
+  );
+  if (!firstBodyRow) return fallback;
+  const rowHeight = firstBodyRow.getBoundingClientRect().height;
+  if (rowHeight <= 0) return fallback;
+  return Math.max(1, Math.floor(containerHeight / rowHeight));
+}
+function countHeaderRows(grid) {
+  let count = 0;
+  for (const row of grid) {
+    const tr = row[0]?.element.closest("tr");
+    if (tr?.closest("thead")) count++;
+    else break;
+  }
+  return count;
+}
+function useGridKeyboardNavigation({
+  tableRef,
+  enabled = true,
+  scrollContainerRef,
+  rowItemCount,
+  onScrollToRowIndex
+}) {
+  const activeCoordsRef = useRef({ row: 0, col: 0 });
+  const pendingFocusRef = useRef(null);
+  const [focusedRowIndex, setFocusedRowIndex] = useState(null);
+  const syncTabIndices = () => {
+    const table = tableRef.current;
+    if (!table || !enabled) return;
+    const grid = buildGrid(table);
+    if (grid.length === 0) return;
+    let { row, col } = activeCoordsRef.current;
+    const activeEl = table.ownerDocument.activeElement;
+    if (activeEl && table.contains(activeEl)) {
+      const focusedCell = activeEl.closest?.(
+        "th, td"
+      );
+      if (focusedCell) {
+        for (let r = 0; r < grid.length; r++) {
+          for (let c = 0; c < grid[r].length; c++) {
+            if (grid[r][c].element === focusedCell) {
+              row = r;
+              col = c;
+              break;
+            }
+          }
+        }
+      }
+    }
+    const clampedRow = clamp(row, 0, grid.length - 1);
+    const clampedCol = clamp(col, 0, grid[clampedRow].length - 1);
+    activeCoordsRef.current = { row: clampedRow, col: clampedCol };
+    for (let r = 0; r < grid.length; r++) {
+      for (let c = 0; c < grid[r].length; c++) {
+        const { element, focusTarget } = grid[r][c];
+        const isActive = r === clampedRow && c === clampedCol;
+        element.setAttribute("tabindex", "-1");
+        element.querySelectorAll(INTERACTIVE_SELECTOR).forEach((child) => {
+          child.setAttribute("tabindex", "-1");
+        });
+        if (isActive) {
+          focusTarget.setAttribute("tabindex", "0");
+        }
+      }
+    }
+  };
+  useLayoutEffect(() => {
+    if (!enabled) return;
+    const table = tableRef.current;
+    if (!table) return;
+    const pending = pendingFocusRef.current;
+    if (pending) {
+      const grid = buildGrid(table);
+      const gridRow = findNearestGridRowByDataIndex(grid, pending.dataIndex);
+      if (gridRow >= 0) {
+        pendingFocusRef.current = null;
+        const col = clamp(pending.col, 0, grid[gridRow].length - 1);
+        activeCoordsRef.current = { row: gridRow, col };
+        syncTabIndices();
+        grid[gridRow][col].focusTarget.focus();
+        return;
+      }
+    }
+    syncTabIndices();
+  });
+  const navigateTo = (targetRow, targetCol) => {
+    const table = tableRef.current;
+    if (!table) return;
+    const grid = buildGrid(table);
+    if (grid.length === 0) return;
+    const row = clamp(targetRow, 0, grid.length - 1);
+    const col = clamp(targetCol, 0, grid[row].length - 1);
+    activeCoordsRef.current = { row, col };
+    syncTabIndices();
+    const cell = grid[row]?.[col];
+    if (cell) {
+      cell.focusTarget.focus({ preventScroll: true });
+      cell.element.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+    }
+  };
+  const navigateToDataIndex = (dataIndex, col) => {
+    const table = tableRef.current;
+    if (!table) return;
+    const grid = buildGrid(table);
+    const gridRow = findGridRowByDataIndex(grid, dataIndex);
+    if (gridRow >= 0) {
+      const clampedCol = clamp(col, 0, grid[gridRow].length - 1);
+      activeCoordsRef.current = { row: gridRow, col: clampedCol };
+      syncTabIndices();
+      grid[gridRow][clampedCol].focusTarget.focus({ preventScroll: true });
+      grid[gridRow][clampedCol].element.scrollIntoView?.({
+        block: "nearest",
+        inline: "nearest"
+      });
+      return;
+    }
+    if (onScrollToRowIndex) {
+      onScrollToRowIndex(dataIndex);
+      pendingFocusRef.current = { dataIndex, col };
+    }
+  };
+  const onKeyDown = (e) => {
+    if (!enabled) return;
+    const table = tableRef.current;
+    if (!table) return;
+    if (isEditableTarget(e.target)) return;
+    const grid = buildGrid(table);
+    if (grid.length === 0) return;
+    const cell = e.target.closest?.(
+      "th, td"
+    );
+    if (!cell || !table.contains(cell)) return;
+    let curRow = -1;
+    let curCol = -1;
+    outer: for (let r = 0; r < grid.length; r++) {
+      for (let c = 0; c < grid[r].length; c++) {
+        if (grid[r][c].element === cell) {
+          curRow = r;
+          curCol = c;
+          break outer;
+        }
+      }
+    }
+    if (curRow < 0) return;
+    const curDataIndex = getDataIndexOfCell(cell);
+    const headerRows = countHeaderRows(grid);
+    const isBodyRow = curDataIndex != null;
+    const maxRow = grid.length - 1;
+    let targetRow = curRow;
+    let targetCol = curCol;
+    let handled = true;
+    switch (e.key) {
+      case "ArrowRight":
+        targetCol = Math.min(curCol + 1, grid[curRow].length - 1);
+        break;
+      case "ArrowLeft":
+        targetCol = Math.max(curCol - 1, 0);
+        break;
+      case "ArrowDown":
+        if (isBodyRow && rowItemCount != null) {
+          const nextDataIndex = findNextNavigableDataIndex(
+            grid,
+            curDataIndex,
+            1,
+            rowItemCount
+          );
+          if (nextDataIndex != null) {
+            e.preventDefault();
+            navigateToDataIndex(nextDataIndex, curCol);
+            return;
+          }
+        } else {
+          targetRow = Math.min(curRow + 1, maxRow);
+        }
+        break;
+      case "ArrowUp":
+        if (isBodyRow) {
+          const prevDataIndex = findNextNavigableDataIndex(
+            grid,
+            curDataIndex,
+            -1,
+            rowItemCount ?? curDataIndex
+          );
+          if (prevDataIndex != null) {
+            e.preventDefault();
+            navigateToDataIndex(prevDataIndex, curCol);
+            return;
+          }
+          targetRow = Math.max(headerRows - 1, 0);
+        } else {
+          targetRow = Math.max(curRow - 1, 0);
+        }
+        break;
+      case "Home":
+        if (e.ctrlKey || e.metaKey) {
+          targetRow = 0;
+          targetCol = 0;
+        } else {
+          targetCol = 0;
+        }
+        break;
+      case "End":
+        if (e.ctrlKey || e.metaKey) {
+          targetRow = maxRow;
+          targetCol = grid[maxRow].length - 1;
+        } else {
+          targetCol = grid[curRow].length - 1;
+        }
+        break;
+      case "PageDown":
+      case "PageUp": {
+        const pageSize = getVisiblePageSize(
+          scrollContainerRef?.current ?? null,
+          table
+        );
+        const direction = e.key === "PageDown" ? 1 : -1;
+        if (isBodyRow && rowItemCount != null) {
+          let target = curDataIndex;
+          let stepsUsed = 0;
+          for (let i = 0; i < pageSize; i++) {
+            const next = findNextNavigableDataIndex(
+              grid,
+              target,
+              direction,
+              rowItemCount
+            );
+            if (next == null) break;
+            target = next;
+            stepsUsed++;
+          }
+          const hasRemainingSteps = stepsUsed < pageSize;
+          if (direction === -1 && hasRemainingSteps) {
+            targetRow = 0;
+            break;
+          }
+          if (target !== curDataIndex) {
+            e.preventDefault();
+            navigateToDataIndex(target, curCol);
+            return;
+          }
+        }
+        targetRow = clamp(curRow + direction * pageSize, 0, maxRow);
+        break;
+      }
+      default:
+        handled = false;
+    }
+    if (handled) {
+      e.preventDefault();
+      targetCol = Math.min(targetCol, grid[targetRow].length - 1);
+      navigateTo(targetRow, targetCol);
+    }
+  };
+  const onFocus = (e) => {
+    if (!enabled) return;
+    const table = tableRef.current;
+    if (!table) return;
+    const cell = e.target.closest?.(
+      "th, td"
+    );
+    if (!cell || !table.contains(cell)) return;
+    if (focusedRowIndex != null && !table.contains(e.relatedTarget) && getInteractionModality() !== "pointer") {
+      onScrollToRowIndex?.(focusedRowIndex, { align: "start" });
+    }
+    const grid = buildGrid(table);
+    for (let r = 0; r < grid.length; r++) {
+      for (let c = 0; c < grid[r].length; c++) {
+        if (grid[r][c].element === cell) {
+          activeCoordsRef.current = { row: r, col: c };
+          syncTabIndices();
+          const dataIndex = getDataIndexOfCell(cell);
+          if (dataIndex !== focusedRowIndex) {
+            setFocusedRowIndex(dataIndex);
+          }
+          return;
+        }
+      }
+    }
+  };
+  const rangeExtractor = useCallback(
+    (range) => {
+      const indices = defaultRangeExtractor(range);
+      if (focusedRowIndex != null && !indices.includes(focusedRowIndex)) {
+        indices.push(focusedRowIndex);
+        indices.sort((a, b) => a - b);
+      }
+      return indices;
+    },
+    [focusedRowIndex]
+  );
+  return {
+    gridKeyboardNavigationProps: { onKeyDown, onFocus },
+    rangeExtractor
+  };
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function findNextNavigableDataIndex(grid, fromDataIndex, direction, rowItemCount) {
+  const navigable = /* @__PURE__ */ new Set();
+  const nonNavigable = /* @__PURE__ */ new Set();
+  const table = grid[0]?.[0]?.element.closest("table");
+  if (table) {
+    const tbody = table.querySelector("tbody");
+    if (tbody) {
+      tbody.querySelectorAll(":scope > tr[data-index]").forEach((tr) => {
+        const idx = parseInt(tr.getAttribute(DATA_INDEX_ATTR), 10);
+        if (isNaN(idx)) return;
+        if (tr.hasAttribute(GRID_ROW_ATTR)) {
+          navigable.add(idx);
+        } else {
+          nonNavigable.add(idx);
+        }
+      });
+    }
+  }
+  let candidate = fromDataIndex + direction;
+  while (candidate >= 0 && candidate < rowItemCount) {
+    if (nonNavigable.has(candidate)) {
+      candidate += direction;
+      continue;
+    }
+    return candidate;
+  }
+  return null;
+}
+function findNearestGridRowByDataIndex(grid, targetDataIndex) {
+  let bestRow = -1;
+  let bestDist = Infinity;
+  for (let r = 0; r < grid.length; r++) {
+    const tr = grid[r][0]?.element.closest("tr");
+    const raw = tr?.getAttribute(DATA_INDEX_ATTR);
+    if (raw == null) continue;
+    const idx = parseInt(raw, 10);
+    if (isNaN(idx)) continue;
+    const dist = Math.abs(idx - targetDataIndex);
+    if (dist < bestDist) {
+      bestDist = dist;
+      bestRow = r;
+    }
+  }
+  return bestRow;
+}
+
+export { GRID_ROW_ATTR, useGridKeyboardNavigation };
+//# sourceMappingURL=useGridKeyboardNavigation.js.map

package/build/esm/lab/src/DataGrid/src/useGridKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridKeyboardNavigation.js","sources":["../../../../../../src/DataGrid/src/useGridKeyboardNavigation.ts"],"sourcesContent":["import {\n  type RefObject,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport type {\n  KeyboardEvent as ReactKeyboardEvent,\n  FocusEvent as ReactFocusEvent,\n} from 'react';\nimport { defaultRangeExtractor, Virtualizer } from '@tanstack/react-virtual';\nimport { getInteractionModality } from 'react-aria/private/interactions/useFocusVisible';\n\n/**\n * Selector for elements that are inherently focusable through HTML semantics —\n * used to detect interactive widgets inside grid cells.\n */\nconst INTERACTIVE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n].join(', ');\n\n/**\n * Attribute placed on `<tr>` elements in `<tbody>` to mark them as\n * navigable grid rows.  Only rows carrying this attribute participate in\n * keyboard navigation.\n */\nexport const GRID_ROW_ATTR = 'data-grid-row';\n\n/** Attribute that stores the row-item index in the full (possibly virtualised) list. */\nconst DATA_INDEX_ATTR = 'data-index';\n\n// ---------------------------------------------------------------------------\n// Grid model helpers\n// ---------------------------------------------------------------------------\n\n/** @internal */\ninterface GridCell {\n  /** The `<th>` or `<td>` element. */\n  element: HTMLElement;\n  /**\n   * The element that should receive focus — either the cell itself (for\n   * text-only cells) or a single interactive widget within the cell\n   * (checkbox, button, link …).\n   */\n  focusTarget: HTMLElement;\n}\n\n/**\n * Builds a 2-D grid model from the DOM structure of an HTML `<table>`.\n *\n * - Header rows are taken from `<thead> > tr`.\n * - Body rows from `<tbody> > tr[data-grid-row]` (only navigable rows).\n */\nfunction buildGrid(table: HTMLTableElement): GridCell[][] {\n  const grid: GridCell[][] = [];\n\n  const thead = table.querySelector('thead');\n  if (thead) {\n    thead.querySelectorAll<HTMLTableRowElement>(':scope > tr').forEach((tr) => {\n      const cells = rowCells(tr);\n      if (cells.length > 0) grid.push(cells);\n    });\n  }\n\n  const tbody = table.querySelector('tbody');\n  if (tbody) {\n    tbody\n      .querySelectorAll<HTMLTableRowElement>(`:scope > tr[${GRID_ROW_ATTR}]`)\n      .forEach((tr) => {\n        const cells = rowCells(tr);\n        if (cells.length > 0) grid.push(cells);\n      });\n  }\n\n  return grid;\n}\n\nfunction rowCells(tr: HTMLTableRowElement): GridCell[] {\n  const cells: GridCell[] = [];\n  tr.querySelectorAll<HTMLElement>(':scope > th, :scope > td').forEach(\n    (cell) => {\n      cells.push({ element: cell, focusTarget: getFocusTarget(cell) });\n    }\n  );\n  return cells;\n}\n\n/**\n * Determines the focus target inside a grid cell per the WAI-ARIA grid\n * pattern specification:\n *\n * - If the cell contains **exactly one** interactive widget whose operation\n *   does not require arrow keys (link, button, checkbox …) → focus the widget.\n * - Otherwise → focus the cell itself.\n *\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/grid/#gridNav_focus\n */\nfunction getFocusTarget(cell: HTMLElement): HTMLElement {\n  const interactive = cell.querySelectorAll<HTMLElement>(INTERACTIVE_SELECTOR);\n  return interactive.length === 1 ? interactive[0] : cell;\n}\n\n/**\n * Returns `true` when the target is an editable form control where arrow\n * keys have their own native meaning (text caret, dropdown navigation …).\n */\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (target instanceof HTMLTextAreaElement) return true;\n  if (target instanceof HTMLSelectElement) return true;\n  if (\n    target instanceof HTMLInputElement &&\n    target.type !== 'checkbox' &&\n    target.type !== 'radio' &&\n    target.type !== 'button'\n  )\n    return true;\n  return target instanceof HTMLElement && target.isContentEditable;\n}\n\n/**\n * Reads the `data-index` attribute from the `<tr>` that owns a grid cell.\n * Returns `null` for header cells (which don't carry this attribute).\n */\nfunction getDataIndexOfCell(cell: HTMLElement): number | null {\n  const tr = cell.closest('tr');\n  const raw = tr?.getAttribute(DATA_INDEX_ATTR);\n  if (raw == null) return null;\n  const n = parseInt(raw, 10);\n  return isNaN(n) ? null : n;\n}\n\n/**\n * Find the grid-row index in `grid` for a `<tr>` identified by its\n * `data-index` attribute value.  Returns `-1` when not found.\n */\nfunction findGridRowByDataIndex(grid: GridCell[][], dataIndex: number): number {\n  for (let r = grid.length - 1; r >= 0; r--) {\n    const tr = grid[r][0]?.element.closest('tr');\n    if (tr?.getAttribute(DATA_INDEX_ATTR) === String(dataIndex)) return r;\n  }\n  return -1;\n}\n\n/**\n * Compute visible page size (number of body rows that fit in the scroll\n * container) from the container height and the first visible body-row height.\n */\nfunction getVisiblePageSize(\n  scrollContainer: HTMLElement | null,\n  table: HTMLTableElement\n): number {\n  const fallback = 7;\n  if (!scrollContainer) return fallback;\n\n  const containerHeight = scrollContainer.clientHeight;\n  if (containerHeight <= 0) return fallback;\n\n  const firstBodyRow = table.querySelector<HTMLElement>(\n    `tbody > tr[${GRID_ROW_ATTR}]`\n  );\n  if (!firstBodyRow) return fallback;\n\n  const rowHeight = firstBodyRow.getBoundingClientRect().height;\n  if (rowHeight <= 0) return fallback;\n\n  return Math.max(1, Math.floor(containerHeight / rowHeight));\n}\n\n/** Count header rows in the grid (rows from `<thead>`). */\nfunction countHeaderRows(grid: GridCell[][]): number {\n  let count = 0;\n  for (const row of grid) {\n    const tr = row[0]?.element.closest('tr');\n    if (tr?.closest('thead')) count++;\n    else break;\n  }\n  return count;\n}\n\n// ---------------------------------------------------------------------------\n// Public API\n// ---------------------------------------------------------------------------\n\nexport interface UseGridKeyboardNavigationOptions {\n  /** Reference to the `<table>` element that represents the grid. */\n  tableRef: RefObject<HTMLTableElement | null>;\n  /**\n   * Whether grid keyboard navigation is active.\n   * @default true\n   */\n  enabled?: boolean;\n\n  /**\n   * Ref to the scrollable container.  Used to compute the visible page size\n   * dynamically so that PageUp/PageDown jump by exactly one screen of rows.\n   *\n   * When omitted a fallback page size of 7 rows is used.\n   */\n  scrollContainerRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Total number of row items in the (possibly virtualised) list.\n   * Needed so PageUp/PageDown can navigate beyond the currently rendered DOM\n   * rows.\n   *\n   * When omitted, page navigation is limited to rows present in the DOM.\n   */\n  rowItemCount?: number;\n\n  /**\n   * Scroll a row item into view by its `data-index`.  Called when\n   * PageUp/PageDown targets a row that is not currently in the DOM (e.g.\n   * because of virtualisation).  The hook will focus the row once it appears\n   * on the next render.\n   */\n  onScrollToRowIndex?: Virtualizer<Element, Element>['scrollToIndex'];\n}\n\nexport interface UseGridKeyboardNavigationResult {\n  /** Props to spread onto the grid `<table>` element. */\n  gridKeyboardNavigationProps: {\n    onKeyDown: (e: ReactKeyboardEvent) => void;\n    onFocus: (e: ReactFocusEvent) => void;\n  };\n\n  /**\n   * A wrapper around the virtualizer's `rangeExtractor` that ensures the currently focused row is included in\n   * the extracted range, even if it would normally be excluded by the virtualizer's default range extraction logic.\n   */\n  rangeExtractor: typeof defaultRangeExtractor;\n}\n\n/**\n * Implements WAI-ARIA Grid Pattern keyboard navigation with roving tabindex.\n *\n * Only **one** cell in the entire grid has `tabIndex={0}` (the active cell);\n * all others have `tabIndex={-1}`.  When the user tabs into the grid, focus\n * lands on the active cell.  Arrow keys then move focus between cells.\n *\n * ### Supported keys (Data Grid pattern)\n *\n * | Key | Action |\n * |-----|--------|\n * | `→` | Move focus one cell to the right |\n * | `←` | Move focus one cell to the left |\n * | `↓` | Move focus one cell down |\n * | `↑` | Move focus one cell up |\n * | `Home` | First cell in the current row |\n * | `End` | Last cell in the current row |\n * | `Ctrl/⌘ + Home` | First cell in the first row |\n * | `Ctrl/⌘ + End` | Last cell in the last row |\n * | `Page Down` | Jump down by one visible page of rows |\n * | `Page Up` | Jump up by one visible page of rows |\n *\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/grid/\n */\nexport function useGridKeyboardNavigation({\n  tableRef,\n  enabled = true,\n  scrollContainerRef,\n  rowItemCount,\n  onScrollToRowIndex,\n}: UseGridKeyboardNavigationOptions): UseGridKeyboardNavigationResult {\n  const activeCoordsRef = useRef({ row: 0, col: 0 });\n\n  const pendingFocusRef = useRef<{\n    dataIndex: number;\n    col: number;\n  } | null>(null);\n\n  /**\n   * The `data-index` of the body row that currently holds focus.\n   * Returned so the DataGrid can persist it in the virtualizer.\n   */\n  const [focusedRowIndex, setFocusedRowIndex] = useState<number | null>(null);\n\n  // ------------------------------------------------------------------\n  // Synchronize tabindex across every navigable cell.\n  // ------------------------------------------------------------------\n  const syncTabIndices = () => {\n    const table = tableRef.current;\n    if (!table || !enabled) return;\n\n    const grid = buildGrid(table);\n    if (grid.length === 0) return;\n\n    // If a cell inside the table currently has DOM focus, always prefer it\n    // as the active cell.  This handles the case where the grid was rebuilt\n    // after a virtualiser scroll but the focused cell's grid-row index has\n    // shifted (e.g. a persisted row that moved from the middle to the end).\n    let { row, col } = activeCoordsRef.current;\n    const activeEl = table.ownerDocument.activeElement;\n    if (activeEl && table.contains(activeEl)) {\n      const focusedCell = (activeEl as HTMLElement).closest?.(\n        'th, td'\n      ) as HTMLElement | null;\n      if (focusedCell) {\n        for (let r = 0; r < grid.length; r++) {\n          for (let c = 0; c < grid[r].length; c++) {\n            if (grid[r][c].element === focusedCell) {\n              row = r;\n              col = c;\n              break;\n            }\n          }\n        }\n      }\n    }\n\n    const clampedRow = clamp(row, 0, grid.length - 1);\n    const clampedCol = clamp(col, 0, grid[clampedRow].length - 1);\n    activeCoordsRef.current = { row: clampedRow, col: clampedCol };\n\n    for (let r = 0; r < grid.length; r++) {\n      for (let c = 0; c < grid[r].length; c++) {\n        const { element, focusTarget } = grid[r][c];\n        const isActive = r === clampedRow && c === clampedCol;\n\n        element.setAttribute('tabindex', '-1');\n        element\n          .querySelectorAll<HTMLElement>(INTERACTIVE_SELECTOR)\n          .forEach((child) => {\n            child.setAttribute('tabindex', '-1');\n          });\n\n        if (isActive) {\n          focusTarget.setAttribute('tabindex', '0');\n        }\n      }\n    }\n  };\n\n  // Re-sync after every React render and resolve any pending focus.\n  useLayoutEffect(() => {\n    if (!enabled) return;\n    const table = tableRef.current;\n    if (!table) return;\n\n    const pending = pendingFocusRef.current;\n    if (pending) {\n      const grid = buildGrid(table);\n      const gridRow = findNearestGridRowByDataIndex(grid, pending.dataIndex);\n      if (gridRow >= 0) {\n        pendingFocusRef.current = null;\n        const col = clamp(pending.col, 0, grid[gridRow].length - 1);\n        activeCoordsRef.current = { row: gridRow, col };\n        syncTabIndices();\n        grid[gridRow][col].focusTarget.focus();\n        return;\n      }\n    }\n\n    syncTabIndices();\n  });\n\n  // ------------------------------------------------------------------\n  // Navigate to a specific cell (by grid-row index) and focus it.\n  // ------------------------------------------------------------------\n  const navigateTo = (targetRow: number, targetCol: number) => {\n    const table = tableRef.current;\n    if (!table) return;\n\n    const grid = buildGrid(table);\n    if (grid.length === 0) return;\n\n    const row = clamp(targetRow, 0, grid.length - 1);\n    const col = clamp(targetCol, 0, grid[row].length - 1);\n    activeCoordsRef.current = { row, col };\n    syncTabIndices();\n\n    const cell = grid[row]?.[col];\n    if (cell) {\n      cell.focusTarget.focus({ preventScroll: true });\n      cell.element.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n    }\n  };\n\n  // ------------------------------------------------------------------\n  // Navigate to a cell identified by data-index.  Falls back to\n  // scrolling + deferred focus when the row is not in the DOM.\n  // ------------------------------------------------------------------\n  const navigateToDataIndex = (dataIndex: number, col: number) => {\n    const table = tableRef.current;\n    if (!table) return;\n\n    const grid = buildGrid(table);\n    const gridRow = findGridRowByDataIndex(grid, dataIndex);\n    if (gridRow >= 0) {\n      const clampedCol = clamp(col, 0, grid[gridRow].length - 1);\n      activeCoordsRef.current = { row: gridRow, col: clampedCol };\n      syncTabIndices();\n      grid[gridRow][clampedCol].focusTarget.focus({ preventScroll: true });\n      grid[gridRow][clampedCol].element.scrollIntoView?.({\n        block: 'nearest',\n        inline: 'nearest',\n      });\n      return;\n    }\n    if (onScrollToRowIndex) {\n      onScrollToRowIndex(dataIndex);\n      pendingFocusRef.current = { dataIndex, col };\n    }\n  };\n\n  // ------------------------------------------------------------------\n  // Keyboard handler\n  // ------------------------------------------------------------------\n  const onKeyDown = (e: ReactKeyboardEvent) => {\n    if (!enabled) return;\n\n    const table = tableRef.current;\n    if (!table) return;\n\n    if (isEditableTarget(e.target)) return;\n\n    const grid = buildGrid(table);\n    if (grid.length === 0) return;\n\n    const cell = (e.target as HTMLElement).closest?.(\n      'th, td'\n    ) as HTMLElement | null;\n    if (!cell || !table.contains(cell)) return;\n\n    let curRow = -1;\n    let curCol = -1;\n    outer: for (let r = 0; r < grid.length; r++) {\n      for (let c = 0; c < grid[r].length; c++) {\n        if (grid[r][c].element === cell) {\n          curRow = r;\n          curCol = c;\n          break outer;\n        }\n      }\n    }\n    if (curRow < 0) return;\n\n    const curDataIndex = getDataIndexOfCell(cell);\n    const headerRows = countHeaderRows(grid);\n    const isBodyRow = curDataIndex != null;\n\n    const maxRow = grid.length - 1;\n    let targetRow = curRow;\n    let targetCol = curCol;\n    let handled = true;\n\n    switch (e.key) {\n      case 'ArrowRight':\n        targetCol = Math.min(curCol + 1, grid[curRow].length - 1);\n        break;\n      case 'ArrowLeft':\n        targetCol = Math.max(curCol - 1, 0);\n        break;\n\n      case 'ArrowDown':\n        if (isBodyRow && rowItemCount != null) {\n          const nextDataIndex = findNextNavigableDataIndex(\n            grid,\n            curDataIndex,\n            1,\n            rowItemCount\n          );\n          if (nextDataIndex != null) {\n            e.preventDefault();\n            navigateToDataIndex(nextDataIndex, curCol);\n            return;\n          }\n          // No navigable row below — stay put.\n        } else {\n          targetRow = Math.min(curRow + 1, maxRow);\n        }\n        break;\n\n      case 'ArrowUp':\n        if (isBodyRow) {\n          const prevDataIndex = findNextNavigableDataIndex(\n            grid,\n            curDataIndex,\n            -1,\n            rowItemCount ?? curDataIndex\n          );\n          if (prevDataIndex != null) {\n            e.preventDefault();\n            navigateToDataIndex(prevDataIndex, curCol);\n            return;\n          }\n          // No navigable body row above → last header row.\n          targetRow = Math.max(headerRows - 1, 0);\n        } else {\n          targetRow = Math.max(curRow - 1, 0);\n        }\n        break;\n\n      case 'Home':\n        if (e.ctrlKey || e.metaKey) {\n          targetRow = 0;\n          targetCol = 0;\n        } else {\n          targetCol = 0;\n        }\n        break;\n      case 'End':\n        if (e.ctrlKey || e.metaKey) {\n          targetRow = maxRow;\n          targetCol = grid[maxRow].length - 1;\n        } else {\n          targetCol = grid[curRow].length - 1;\n        }\n        break;\n\n      case 'PageDown':\n      case 'PageUp': {\n        const pageSize = getVisiblePageSize(\n          scrollContainerRef?.current ?? null,\n          table\n        );\n        const direction = e.key === 'PageDown' ? 1 : -1;\n\n        if (isBodyRow && rowItemCount != null) {\n          // Jump by `pageSize` navigable rows in the given direction.\n          let target = curDataIndex;\n          let stepsUsed = 0;\n          for (let i = 0; i < pageSize; i++) {\n            const next = findNextNavigableDataIndex(\n              grid,\n              target,\n              direction,\n              rowItemCount\n            );\n            if (next == null) break;\n            target = next;\n            stepsUsed++;\n          }\n          const hasRemainingSteps = stepsUsed < pageSize;\n\n          // PageUp with remaining steps at data-index 0 → go to header.\n          if (direction === -1 && hasRemainingSteps) {\n            targetRow = 0;\n            break;\n          }\n\n          if (target !== curDataIndex) {\n            e.preventDefault();\n            navigateToDataIndex(target, curCol);\n            return;\n          }\n        }\n\n        targetRow = clamp(curRow + direction * pageSize, 0, maxRow);\n        break;\n      }\n\n      default:\n        handled = false;\n    }\n\n    if (handled) {\n      e.preventDefault();\n      targetCol = Math.min(targetCol, grid[targetRow].length - 1);\n      navigateTo(targetRow, targetCol);\n    }\n  };\n\n  // ------------------------------------------------------------------\n  // Focus handler\n  // ------------------------------------------------------------------\n  const onFocus = (e: ReactFocusEvent) => {\n    if (!enabled) return;\n\n    const table = tableRef.current;\n    if (!table) return;\n\n    const cell = (e.target as HTMLElement).closest?.(\n      'th, td'\n    ) as HTMLElement | null;\n    if (!cell || !table.contains(cell)) return;\n\n    // if tabbing back to the table, make sure the focused row is scrolled into view\n    if (\n      focusedRowIndex != null &&\n      !table.contains(e.relatedTarget) &&\n      getInteractionModality() !== 'pointer'\n    ) {\n      onScrollToRowIndex?.(focusedRowIndex, { align: 'start' });\n    }\n\n    const grid = buildGrid(table);\n    for (let r = 0; r < grid.length; r++) {\n      for (let c = 0; c < grid[r].length; c++) {\n        if (grid[r][c].element === cell) {\n          activeCoordsRef.current = { row: r, col: c };\n          syncTabIndices();\n\n          const dataIndex = getDataIndexOfCell(cell);\n          if (dataIndex !== focusedRowIndex) {\n            setFocusedRowIndex(dataIndex);\n          }\n          return;\n        }\n      }\n    }\n  };\n\n  const rangeExtractor = useCallback(\n    (range: Parameters<typeof defaultRangeExtractor>[0]) => {\n      const indices = defaultRangeExtractor(range);\n      if (focusedRowIndex != null && !indices.includes(focusedRowIndex)) {\n        indices.push(focusedRowIndex);\n        indices.sort((a, b) => a - b);\n      }\n      return indices;\n    },\n    [focusedRowIndex]\n  );\n\n  return {\n    gridKeyboardNavigationProps: { onKeyDown, onFocus },\n    rangeExtractor,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Utilities\n// ---------------------------------------------------------------------------\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * Starting from `fromDataIndex`, scan in `direction` (+1 or −1) to find the\n * next data-index that corresponds to a navigable grid row (a `<tr>` with the\n * `data-grid-row` attribute).  Skips expandedView / skeleton rows.\n *\n * Returns `null` when no navigable row exists in the given direction.\n */\nfunction findNextNavigableDataIndex(\n  grid: GridCell[][],\n  fromDataIndex: number,\n  direction: 1 | -1,\n  rowItemCount: number\n): number | null {\n  // Collect data-indices of all rows in the DOM, split into navigable\n  // (data-grid-row) and non-navigable (expandedView, skeleton, etc.).\n  const navigable = new Set<number>();\n  const nonNavigable = new Set<number>();\n\n  const table = grid[0]?.[0]?.element.closest('table');\n  if (table) {\n    const tbody = table.querySelector('tbody');\n    if (tbody) {\n      tbody\n        .querySelectorAll<HTMLTableRowElement>(':scope > tr[data-index]')\n        .forEach((tr) => {\n          const idx = parseInt(tr.getAttribute(DATA_INDEX_ATTR)!, 10);\n          if (isNaN(idx)) return;\n          if (tr.hasAttribute(GRID_ROW_ATTR)) {\n            navigable.add(idx);\n          } else {\n            nonNavigable.add(idx);\n          }\n        });\n    }\n  }\n\n  let candidate = fromDataIndex + direction;\n  while (candidate >= 0 && candidate < rowItemCount) {\n    // Skip indices we know are non-navigable (expanded views in the DOM).\n    if (nonNavigable.has(candidate)) {\n      candidate += direction;\n      continue;\n    }\n    // Accept if it's a known navigable row or if it's off-screen (we'll\n    // discover its type when the virtualiser renders it).\n    return candidate;\n  }\n  return null;\n}\n\n/**\n * Find the grid-row whose `data-index` is closest to `targetDataIndex`.\n * Only considers body rows (those with the `data-index` attribute).\n * Returns `-1` when no suitable row is found.\n */\nfunction findNearestGridRowByDataIndex(\n  grid: GridCell[][],\n  targetDataIndex: number\n): number {\n  let bestRow = -1;\n  let bestDist = Infinity;\n  for (let r = 0; r < grid.length; r++) {\n    const tr = grid[r][0]?.element.closest('tr');\n    const raw = tr?.getAttribute(DATA_INDEX_ATTR);\n    if (raw == null) continue;\n    const idx = parseInt(raw, 10);\n    if (isNaN(idx)) continue;\n    const dist = Math.abs(idx - targetDataIndex);\n    if (dist < bestDist) {\n      bestDist = dist;\n      bestRow = r;\n    }\n  }\n  return bestRow;\n}\n"],"names":[],"mappings":"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"}

package/build/esm/lab/src/DataGrid/src/useMeasureColumnWidths.js

@@ -0,0 +1,55 @@
+import { useState, useLayoutEffect } from 'react';
+
+function useMeasureColumnWidths({
+  data,
+  table,
+  enabled: shouldAutoMeasure,
+  tableRef
+}) {
+  const [measuredColumnWidths, setMeasuredColumnWidths] = useState(null);
+  const columnKey = table.getVisibleLeafColumns().map((c) => c.id).join(",");
+  useLayoutEffect(() => {
+    if (shouldAutoMeasure) {
+      setMeasuredColumnWidths(null);
+    }
+  }, [columnKey, shouldAutoMeasure]);
+  useLayoutEffect(() => {
+    if (!shouldAutoMeasure || measuredColumnWidths !== null) return;
+    if (data.length === 0) return;
+    const tableEl = tableRef.current;
+    if (!tableEl) return;
+    let rafId;
+    let cancelled = false;
+    const measureColumnWidths = () => {
+      if (cancelled) return;
+      const bodyRows = tableEl.querySelectorAll("tbody tr:not([aria-hidden])");
+      if (bodyRows.length === 0) {
+        rafId = requestAnimationFrame(measureColumnWidths);
+        return;
+      }
+      const headerCells = tableEl.querySelectorAll("thead th");
+      const visibleColumns = table.getVisibleLeafColumns();
+      const widths = {};
+      visibleColumns.forEach((col, i) => {
+        const thEl = headerCells[i];
+        if (thEl) {
+          widths[col.id] = thEl.getBoundingClientRect().width;
+        }
+      });
+      if (Object.keys(widths).length > 0 && !cancelled) {
+        setMeasuredColumnWidths(widths);
+      }
+    };
+    rafId = requestAnimationFrame(measureColumnWidths);
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(rafId);
+    };
+  }, [shouldAutoMeasure, measuredColumnWidths, data.length, table]);
+  return {
+    measuredColumnWidths
+  };
+}
+
+export { useMeasureColumnWidths };
+//# sourceMappingURL=useMeasureColumnWidths.js.map

package/build/esm/lab/src/DataGrid/src/useMeasureColumnWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeasureColumnWidths.js","sources":["../../../../../../src/DataGrid/src/useMeasureColumnWidths.tsx"],"sourcesContent":["import { Table as TanstackTable } from '@tanstack/react-table';\nimport React, { useLayoutEffect, useState } from 'react';\n\n/**\n * Measures column widths. Used to mimic `table-layout: auto` for virtualized tables by measuring column widths after\n * the initial render and then locking them in with `table-layout: fixed`,\n * to prevent column widths from shifting as different rows are scrolled in and out of view.\n */\nexport function useMeasureColumnWidths<TData>({\n  data,\n  table,\n  enabled: shouldAutoMeasure,\n  tableRef,\n}: {\n  table: TanstackTable<TData>;\n  enabled: boolean;\n  tableRef: React.RefObject<HTMLTableElement>;\n  data: TData[];\n}): { measuredColumnWidths: Record<string, number> | null } {\n  const [measuredColumnWidths, setMeasuredColumnWidths] = useState<Record<\n    string,\n    number\n  > | null>(null);\n\n  // Create a stable key from column IDs to detect column changes\n  const columnKey = table\n    .getVisibleLeafColumns()\n    .map((c) => c.id)\n    .join(',');\n\n  // Reset measured widths when columns change\n  useLayoutEffect(() => {\n    if (shouldAutoMeasure) {\n      setMeasuredColumnWidths(null);\n    }\n  }, [columnKey, shouldAutoMeasure]);\n\n  // Measure column widths after initial render\n  useLayoutEffect(() => {\n    if (!shouldAutoMeasure || measuredColumnWidths !== null) return;\n    if (data.length === 0) return; // Don't measure with empty data\n\n    const tableEl = tableRef.current;\n    if (!tableEl) return;\n\n    let rafId: number;\n    let cancelled = false;\n\n    // When virtualization is enabled, the virtualizer needs a frame to initialize\n    // and render rows. We use requestAnimationFrame to defer measurement until\n    // after the virtualizer has populated the DOM.\n    const measureColumnWidths = () => {\n      if (cancelled) return;\n\n      // Verify rows are actually rendered before measuring\n      const bodyRows = tableEl.querySelectorAll('tbody tr:not([aria-hidden])');\n      if (bodyRows.length === 0) {\n        rafId = requestAnimationFrame(measureColumnWidths);\n        return;\n      }\n\n      const headerCells = tableEl.querySelectorAll('thead th');\n      const visibleColumns = table.getVisibleLeafColumns();\n\n      const widths: Record<string, number> = {};\n      visibleColumns.forEach((col, i) => {\n        const thEl = headerCells[i] as HTMLElement | undefined;\n        if (thEl) {\n          // Use getBoundingClientRect for sub-pixel accuracy\n          widths[col.id] = thEl.getBoundingClientRect().width;\n        }\n      });\n\n      // Only lock if we successfully measured at least one column\n      if (Object.keys(widths).length > 0 && !cancelled) {\n        setMeasuredColumnWidths(widths);\n      }\n    };\n\n    rafId = requestAnimationFrame(measureColumnWidths);\n\n    return () => {\n      cancelled = true;\n      cancelAnimationFrame(rafId);\n    };\n  }, [shouldAutoMeasure, measuredColumnWidths, data.length, table]);\n\n  return {\n    measuredColumnWidths,\n  };\n}\n"],"names":[],"mappings":";;AAQO,SAAS,sBAAA,CAA8B;AAAA,EAC5C,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,EAAS,iBAAA;AAAA,EACT;AACF,CAAA,EAK4D;AAC1D,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,SAG9C,IAAI,CAAA;AAGd,EAAA,MAAM,SAAA,GAAY,KAAA,CACf,qBAAA,EAAsB,CACtB,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,EAAE,CAAA,CACf,IAAA,CAAK,GAAG,CAAA;AAGX,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,uBAAA,CAAwB,IAAI,CAAA;AAAA,IAC9B;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,iBAAiB,CAAC,CAAA;AAGjC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,iBAAA,IAAqB,oBAAA,KAAyB,IAAA,EAAM;AACzD,IAAA,IAAI,IAAA,CAAK,WAAW,CAAA,EAAG;AAEvB,IAAA,MAAM,UAAU,QAAA,CAAS,OAAA;AACzB,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,IAAI,KAAA;AACJ,IAAA,IAAI,SAAA,GAAY,KAAA;AAKhB,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,IAAI,SAAA,EAAW;AAGf,MAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,gBAAA,CAAiB,6BAA6B,CAAA;AACvE,MAAA,IAAI,QAAA,CAAS,WAAW,CAAA,EAAG;AACzB,QAAA,KAAA,GAAQ,sBAAsB,mBAAmB,CAAA;AACjD,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,gBAAA,CAAiB,UAAU,CAAA;AACvD,MAAA,MAAM,cAAA,GAAiB,MAAM,qBAAA,EAAsB;AAEnD,MAAA,MAAM,SAAiC,EAAC;AACxC,MAAA,cAAA,CAAe,OAAA,CAAQ,CAAC,GAAA,EAAK,CAAA,KAAM;AACjC,QAAA,MAAM,IAAA,GAAO,YAAY,CAAC,CAAA;AAC1B,QAAA,IAAI,IAAA,EAAM;AAER,UAAA,MAAA,CAAO,GAAA,CAAI,EAAE,CAAA,GAAI,IAAA,CAAK,uBAAsB,CAAE,KAAA;AAAA,QAChD;AAAA,MACF,CAAC,CAAA;AAGD,MAAA,IAAI,OAAO,IAAA,CAAK,MAAM,EAAE,MAAA,GAAS,CAAA,IAAK,CAAC,SAAA,EAAW;AAChD,QAAA,uBAAA,CAAwB,MAAM,CAAA;AAAA,MAChC;AAAA,IACF,CAAA;AAEA,IAAA,KAAA,GAAQ,sBAAsB,mBAAmB,CAAA;AAEjD,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AACZ,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAAA,IAC5B,CAAA;AAAA,EACF,GAAG,CAAC,iBAAA,EAAmB,sBAAsB,IAAA,CAAK,MAAA,EAAQ,KAAK,CAAC,CAAA;AAEhE,EAAA,OAAO;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/build/esm/{FileDropzone → lab/src/FileDropzone}/i18n/da-DK.json.js

@@ -1,8 +1,8 @@
-var da$2 = {
+var da$3 = {
 	"dropzone-heading-default": "Træk filer hertil, eller klik for at vælge",
 	"dropzone-heading-default-single": "Træk fil her, eller klik for at vælge",
 	"dropzone-heading-dropping": "Slip fil"
 };
 
-export { da$2 as default };
+export { da$3 as default };
 //# sourceMappingURL=da-DK.json.js.map

package/build/esm/{FileDropzone → lab/src/FileDropzone}/i18n/de-DE.json.js

@@ -1,8 +1,8 @@
-var de$2 = {
+var de$3 = {
 	"dropzone-heading-default": "Ziehen Sie Dateien hierher oder klicken Sie, um sie auszuwählen",
 	"dropzone-heading-default-single": "Ziehen Sie die Datei hierher oder klicken Sie, um sie auszuwählen",
 	"dropzone-heading-dropping": "Datei ablegen"
 };
 
-export { de$2 as default };
+export { de$3 as default };
 //# sourceMappingURL=de-DE.json.js.map

package/build/esm/{FileDropzone → lab/src/FileDropzone}/i18n/en-US.json.js

@@ -1,8 +1,8 @@
-var en$2 = {
+var en$3 = {
 	"dropzone-heading-default": "Drag files here or click to select",
 	"dropzone-heading-default-single": "Drag a file here or click to select",
 	"dropzone-heading-dropping": "Drop file"
 };
 
-export { en$2 as default };
+export { en$3 as default };
 //# sourceMappingURL=en-US.json.js.map

package/build/esm/{FileDropzone → lab/src/FileDropzone}/i18n/fi-FI.json.js

@@ -1,8 +1,8 @@
-var fi$2 = {
+var fi$3 = {
 	"dropzone-heading-default": "Vedä tiedostoja tähän tai valitse napsauttamalla",
 	"dropzone-heading-default-single": "Vedä tiedosto tähän tai valitse napsauttamalla",
 	"dropzone-heading-dropping": "Pudota tiedosto"
 };
 
-export { fi$2 as default };
+export { fi$3 as default };
 //# sourceMappingURL=fi-FI.json.js.map

package/build/esm/lab/src/FileDropzone/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/FileDropzone/i18n/index.ts"],"sourcesContent":["import da from './da-DK.json';\nimport en from './en-US.json';\nimport de from './de-DE.json';\nimport fi from './fi-FI.json';\nimport no from './nb-NO.json';\nimport pl from './pl-PL.json';\nimport se from './sv-SE.json';\n\nexport default {\n  'da-DK': da,\n  'en-US': en,\n  'de-DE': de,\n  'fi-FI': fi,\n  'nb-NO': no,\n  'pl-PL': pl,\n  'sv-SE': se,\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,qBAAe;AAAA,EACb,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;;;;"}

package/build/esm/{FileDropzone → lab/src/FileDropzone}/i18n/nb-NO.json.js

@@ -1,8 +1,8 @@
-var no$2 = {
+var no$3 = {
 	"dropzone-heading-default": "Dra filer her eller klikk for å velge",
 	"dropzone-heading-default-single": "Dra fil her eller klikk for å velge",
 	"dropzone-heading-dropping": "Slipp fil"
 };
 
-export { no$2 as default };
+export { no$3 as default };
 //# sourceMappingURL=nb-NO.json.js.map

package/build/esm/{FileDropzone → lab/src/FileDropzone}/i18n/pl-PL.json.js

@@ -1,8 +1,8 @@
-var pl$2 = {
+var pl$3 = {
 	"dropzone-heading-default": "Przeciągnij pliki tutaj lub kliknij, aby wybrać",
 	"dropzone-heading-default-single": "Przeciągnij plik tutaj lub kliknij, aby wybrać",
 	"dropzone-heading-dropping": "Upuść plik"
 };
 
-export { pl$2 as default };
+export { pl$3 as default };
 //# sourceMappingURL=pl-PL.json.js.map

package/build/esm/{FileDropzone → lab/src/FileDropzone}/i18n/sv-SE.json.js

@@ -1,8 +1,8 @@
-var se$2 = {
+var se$3 = {
 	"dropzone-heading-default": "Dra filer hit eller klicka för att välja",
 	"dropzone-heading-default-single": "Dra fil hit eller klicka för att välja",
 	"dropzone-heading-dropping": "Släpp filen"
 };
 
-export { se$2 as default };
+export { se$3 as default };
 //# sourceMappingURL=sv-SE.json.js.map