@payloadcms/ui 4.0.0-internal.d21c039 → 4.0.0-internal.d3909a9

package/dist/elements/Table/GridNavigation/useGridNavigation.js

@@ -0,0 +1,397 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useLayoutEffect, useRef } from 'react';
+const controlsSelector = 'a[href],button,input:not([type="hidden"]),select,textarea,[tabindex],[contenteditable="true"],summary,audio[controls],video[controls]';
+const compositeSelector = '[role="toolbar"],[role="tablist"],[role="radiogroup"],[role="listbox"],[role="tree"],[role="menu"],[role="menubar"],[role="grid"],[role="treegrid"]';
+const interactionSelector = 'input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),textarea,select,[contenteditable="true"],[role="combobox"],[aria-haspopup],[aria-roledescription="sortable"]';
+/** Rove over rendered cells, including opaque server-rendered/custom cell contents. */
+export function useGridNavigation(t0) {
+  const $ = _c(7);
+  const {
+    id,
+    isEnabled,
+    ref
+  } = t0;
+  const position = useRef(null);
+  let t1;
+  if ($[0] !== isEnabled || $[1] !== ref) {
+    t1 = () => {
+      const table = ref.current;
+      if (!isEnabled || !table) {
+        return;
+      }
+      const originals = new Map();
+      const assignedTabIndexes = new Map();
+      let activeCell;
+      let isInteracting = false;
+      let isLeaving = false;
+      let hadFocus = false;
+      let focusedElement;
+      const rows = () => Array.from(table.rows);
+      const cells = () => rows().flatMap(_temp);
+      const ownedCell = target => {
+        if (!(target instanceof HTMLElement)) {
+          return;
+        }
+        const cell = target.closest("th,td");
+        return cell?.closest("table") === table ? cell : undefined;
+      };
+      const isVisible = _temp2;
+      const controls = cell_0 => Array.from(cell_0.querySelectorAll(controlsSelector)).filter(element_0 => {
+        const popup = element_0.closest(".popup__content,[role=\"dialog\"]");
+        const original = originals.has(element_0) ? originals.get(element_0) : element_0.getAttribute("tabindex");
+        return ownedCell(element_0) === cell_0 && !(popup && cell_0.contains(popup)) && !element_0.matches(":disabled") && (original === null || Number(original) >= 0) && isVisible(element_0);
+      });
+      const refreshOriginals = () => {
+        for (const [element_1, assigned] of assignedTabIndexes) {
+          if (!table.contains(element_1)) {
+            const original_0 = originals.get(element_1);
+            if (original_0 == null) {
+              element_1.removeAttribute("tabindex");
+            } else {
+              element_1.setAttribute("tabindex", original_0);
+            }
+            originals.delete(element_1);
+            assignedTabIndexes.delete(element_1);
+            continue;
+          }
+          const current = element_1.getAttribute("tabindex");
+          if (current !== assigned) {
+            originals.set(element_1, current);
+            assignedTabIndexes.set(element_1, current);
+          }
+        }
+      };
+      const setTabIndex = (element_2, value) => {
+        if (!originals.has(element_2)) {
+          originals.set(element_2, element_2.getAttribute("tabindex"));
+        }
+        const attribute = value === null ? null : String(value);
+        if (element_2.getAttribute("tabindex") !== attribute) {
+          if (attribute === null) {
+            element_2.removeAttribute("tabindex");
+          } else {
+            element_2.setAttribute("tabindex", attribute);
+          }
+        }
+        assignedTabIndexes.set(element_2, attribute);
+      };
+      const getCellNavigation = t2 => {
+        const {
+          cell: cell_1
+        } = t2;
+        const items = controls(cell_1);
+        const buttons = cell_1.matches("th") ? items.filter(_temp3) : [];
+        const composite = items[0]?.closest(compositeSelector);
+        const canFocusControl = items.length === 1 && !(composite && cell_1.contains(composite)) && items[0].matches("button,input[type=\"checkbox\"],[role=\"button\"],[role=\"checkbox\"],[role=\"switch\"]") && !items[0].matches(interactionSelector);
+        return {
+          buttons,
+          items,
+          target: buttons[0] ?? (canFocusControl ? items[0] : cell_1)
+        };
+      };
+      const remember = cell_2 => {
+        const row_0 = cell_2.parentElement;
+        position.current = {
+          column: cell_2.dataset.column ?? String(cell_2.cellIndex),
+          columnIndex: cell_2.cellIndex,
+          row: row_0.dataset.id ?? "header",
+          rowIndex: row_0.rowIndex
+        };
+      };
+      const synchronize = () => {
+        refreshOriginals();
+        const available = cells().filter(isVisible);
+        const shouldRecoverFocus = hadFocus && focusedElement && (!table.contains(focusedElement) || !isVisible(focusedElement) || focusedElement.matches(":disabled")) && (document.activeElement === document.body || document.activeElement === focusedElement);
+        if (shouldRecoverFocus) {
+          isInteracting = false;
+        }
+        if (!activeCell?.isConnected || !available.includes(activeCell)) {
+          const saved = position.current;
+          const row_1 = saved && (rows().find(item_0 => (item_0.dataset.id ?? "header") === saved.row) ?? rows()[Math.min(saved.rowIndex, rows().length - 1)]);
+          activeCell = row_1 && (Array.from(row_1.cells).find(cell_4 => available.includes(cell_4) && cell_4.dataset.column === saved?.column) ?? Array.from(row_1.cells).filter(isVisible)[Math.min(saved.columnIndex, Array.from(row_1.cells).filter(isVisible).length - 1)]) || available.find(_temp4) || available[0];
+          isInteracting = false;
+        }
+        for (const cell_5 of available) {
+          const {
+            buttons: buttons_0,
+            items: items_0,
+            target: target_0
+          } = getCellNavigation({
+            cell: cell_5
+          });
+          const isActive = cell_5 === activeCell && !isLeaving;
+          setTabIndex(cell_5, isActive && target_0 === cell_5 && !isInteracting ? 0 : -1);
+          for (const item_1 of items_0) {
+            let tabIndex = -1;
+            if (isActive) {
+              if (isInteracting) {
+                tabIndex = originals.has(item_1) ? originals.get(item_1) : item_1.getAttribute("tabindex");
+              } else {
+                if (target_0 === item_1 || buttons_0.includes(item_1)) {
+                  tabIndex = 0;
+                }
+              }
+            }
+            setTabIndex(item_1, tabIndex ?? null);
+          }
+        }
+        if (activeCell) {
+          remember(activeCell);
+          if (shouldRecoverFocus) {
+            getCellNavigation({
+              cell: activeCell
+            }).target.focus();
+          }
+        }
+      };
+      const move = t3 => {
+        const {
+          cell: cell_6,
+          shouldFocusLastControl
+        } = t3;
+        activeCell = cell_6;
+        isInteracting = false;
+        synchronize();
+        const {
+          buttons: buttons_1,
+          target: target_1
+        } = getCellNavigation({
+          cell: cell_6
+        });
+        const focusTarget = shouldFocusLastControl && buttons_1.length ? buttons_1[buttons_1.length - 1] : target_1;
+        focusTarget.focus();
+      };
+      const onFocus = event => {
+        const cell_7 = ownedCell(event.target);
+        if (!cell_7) {
+          return;
+        }
+        refreshOriginals();
+        hadFocus = true;
+        isLeaving = false;
+        focusedElement = event.target;
+        activeCell = cell_7;
+        const {
+          buttons: buttons_2,
+          target: target_2
+        } = getCellNavigation({
+          cell: cell_7
+        });
+        isInteracting = event.target !== cell_7 && event.target !== target_2 && !buttons_2.includes(event.target);
+        synchronize();
+      };
+      const onBlur = event_0 => {
+        if (isLeaving || event_0.relatedTarget instanceof Node && !table.contains(event_0.relatedTarget)) {
+          hadFocus = false;
+          isLeaving = false;
+          isInteracting = false;
+          synchronize();
+        }
+      };
+      const onKeyDown = event_1 => {
+        const cell_8 = ownedCell(event_1.target);
+        if (!cell_8 || event_1.defaultPrevented) {
+          return;
+        }
+        const target_3 = event_1.target;
+        const popup_0 = target_3.closest(".popup__content,[role=\"dialog\"]");
+        if (popup_0 && cell_8.contains(popup_0)) {
+          return;
+        }
+        const {
+          buttons: buttons_3
+        } = getCellNavigation({
+          cell: cell_8
+        });
+        if (buttons_3.includes(target_3)) {
+          if (event_1.key === "Tab") {
+            isLeaving = true;
+            synchronize();
+            return;
+          }
+          if (!event_1.altKey && !event_1.metaKey && !event_1.ctrlKey && !event_1.shiftKey && (event_1.key === "ArrowLeft" || event_1.key === "ArrowRight")) {
+            const isRTL = getComputedStyle(table).direction === "rtl";
+            const isForward = event_1.key === "ArrowRight" !== isRTL;
+            const nextButton = buttons_3[buttons_3.indexOf(target_3) + (isForward ? 1 : -1)];
+            if (nextButton) {
+              event_1.preventDefault();
+              nextButton.focus();
+              return;
+            }
+          }
+          if (event_1.key === "Escape") {
+            event_1.preventDefault();
+            buttons_3[0].focus();
+            return;
+          }
+        }
+        if (isInteracting) {
+          if (event_1.key === "Escape") {
+            event_1.preventDefault();
+            event_1.stopPropagation();
+            isInteracting = false;
+            getCellNavigation({
+              cell: cell_8
+            }).target.focus();
+            synchronize();
+          } else {
+            if (event_1.key === "Tab") {
+              const items_1 = controls(cell_8);
+              const index = items_1.indexOf(target_3);
+              if (event_1.shiftKey && index === 0 || !event_1.shiftKey && index === items_1.length - 1) {
+                isInteracting = false;
+                isLeaving = true;
+                synchronize();
+              }
+            }
+          }
+          return;
+        }
+        if ((event_1.key === "Enter" || event_1.key === "F2") && target_3 === cell_8) {
+          const items_2 = controls(cell_8);
+          if (event_1.key === "Enter" && items_2.length === 1 && items_2[0].matches("a[href]")) {
+            event_1.preventDefault();
+            items_2[0].click();
+            return;
+          }
+          if (items_2.length) {
+            event_1.preventDefault();
+            isInteracting = true;
+            synchronize();
+            items_2[0].focus();
+          }
+          return;
+        }
+        if (event_1.altKey || event_1.metaKey || event_1.shiftKey) {
+          return;
+        }
+        const allRows = rows();
+        const row_2 = cell_8.parentElement;
+        let rowIndex = row_2.rowIndex;
+        let columnIndex = cell_8.cellIndex;
+        const isRTL_0 = getComputedStyle(table).direction === "rtl";
+        bb413: switch (event_1.key) {
+          case "ArrowDown":
+            {
+              rowIndex++;
+              break bb413;
+            }
+          case "ArrowLeft":
+            {
+              columnIndex = columnIndex + (isRTL_0 ? 1 : -1);
+              break bb413;
+            }
+          case "ArrowRight":
+            {
+              columnIndex = columnIndex + (isRTL_0 ? -1 : 1);
+              break bb413;
+            }
+          case "ArrowUp":
+            {
+              rowIndex--;
+              break bb413;
+            }
+          case "End":
+            {
+              columnIndex = row_2.cells.length - 1;
+              if (event_1.ctrlKey) {
+                rowIndex = allRows.length - 1;
+              }
+              break bb413;
+            }
+          case "Home":
+            {
+              columnIndex = 0;
+              if (event_1.ctrlKey) {
+                rowIndex = 0;
+              }
+              break bb413;
+            }
+          default:
+            {
+              return;
+            }
+        }
+        event_1.preventDefault();
+        const nextRow = allRows[Math.max(0, Math.min(rowIndex, allRows.length - 1))];
+        const nextCell = nextRow.cells[Math.max(0, Math.min(columnIndex, nextRow.cells.length - 1))];
+        if (nextCell && nextCell !== cell_8 && isVisible(nextCell)) {
+          move({
+            cell: nextCell,
+            shouldFocusLastControl: event_1.key === "ArrowLeft" && !isRTL_0 || event_1.key === "ArrowRight" && isRTL_0
+          });
+        }
+      };
+      const onOutsidePointer = event_2 => {
+        if (event_2.target instanceof Node && !table.contains(event_2.target)) {
+          hadFocus = false;
+        }
+      };
+      const onWindowBlur = () => {
+        hadFocus = false;
+      };
+      const onChange = () => queueMicrotask(synchronize);
+      const observer = new MutationObserver(synchronize);
+      synchronize();
+      observer.observe(table, {
+        attributeFilter: ["tabindex", "disabled", "hidden", "aria-hidden"],
+        attributes: true,
+        childList: true,
+        subtree: true
+      });
+      document.addEventListener("pointerdown", onOutsidePointer, true);
+      window.addEventListener("blur", onWindowBlur);
+      table.addEventListener("focusin", onFocus);
+      table.addEventListener("focusout", onBlur);
+      document.addEventListener("keydown", onKeyDown);
+      table.addEventListener("change", onChange);
+      return () => {
+        observer.disconnect();
+        document.removeEventListener("pointerdown", onOutsidePointer, true);
+        window.removeEventListener("blur", onWindowBlur);
+        table.removeEventListener("focusin", onFocus);
+        table.removeEventListener("focusout", onBlur);
+        document.removeEventListener("keydown", onKeyDown);
+        table.removeEventListener("change", onChange);
+        for (const [element_3, original_1] of originals) {
+          if (original_1 === null) {
+            element_3.removeAttribute("tabindex");
+          } else {
+            element_3.setAttribute("tabindex", original_1);
+          }
+        }
+      };
+    };
+    $[0] = isEnabled;
+    $[1] = ref;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== id || $[4] !== isEnabled || $[5] !== ref) {
+    t2 = [id, isEnabled, ref];
+    $[3] = id;
+    $[4] = isEnabled;
+    $[5] = ref;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  useLayoutEffect(t1, t2);
+}
+function _temp4(cell_3) {
+  return cell_3.matches("tbody .cell--linked");
+}
+function _temp3(item) {
+  return item.matches("[data-grid-sort-controls] button");
+}
+function _temp2(element) {
+  return !element.closest("[hidden],[inert],[aria-hidden=\"true\"]") && element.getClientRects().length > 0 && getComputedStyle(element).visibility !== "hidden";
+}
+function _temp(row) {
+  return Array.from(row.cells);
+}
+//# sourceMappingURL=useGridNavigation.js.map

package/dist/elements/Table/GridNavigation/useGridNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridNavigation.js","names":["c","_c","useLayoutEffect","useRef","controlsSelector","compositeSelector","interactionSelector","useGridNavigation","t0","$","id","isEnabled","ref","position","t1","table","current","originals","Map","assignedTabIndexes","activeCell","isInteracting","isLeaving","hadFocus","focusedElement","rows","Array","from","cells","flatMap","_temp","ownedCell","target","HTMLElement","cell","closest","undefined","isVisible","_temp2","controls","cell_0","querySelectorAll","filter","element_0","popup","element","original","has","get","getAttribute","contains","matches","Number","refreshOriginals","element_1","assigned","original_0","removeAttribute","setAttribute","delete","set","setTabIndex","element_2","value","attribute","String","getCellNavigation","t2","cell_1","items","buttons","_temp3","composite","canFocusControl","length","remember","cell_2","row_0","parentElement","column","dataset","cellIndex","columnIndex","row","rowIndex","synchronize","available","shouldRecoverFocus","document","activeElement","body","isConnected","includes","saved","row_1","find","item_0","item","Math","min","cell_4","_temp4","cell_5","buttons_0","items_0","target_0","isActive","item_1","tabIndex","focus","move","t3","cell_6","shouldFocusLastControl","buttons_1","target_1","focusTarget","onFocus","event","cell_7","buttons_2","target_2","onBlur","event_0","relatedTarget","Node","onKeyDown","event_1","cell_8","defaultPrevented","target_3","popup_0","buttons_3","key","altKey","metaKey","ctrlKey","shiftKey","isRTL","getComputedStyle","direction","isForward","nextButton","indexOf","preventDefault","stopPropagation","items_1","index","items_2","click","allRows","row_2","isRTL_0","bb413","nextRow","max","nextCell","onOutsidePointer","event_2","onWindowBlur","onChange","queueMicrotask","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","addEventListener","window","disconnect","removeEventListener","element_3","original_1","cell_3","getClientRects","visibility"],"sources":["../../../../src/elements/Table/GridNavigation/useGridNavigation.ts"],"sourcesContent":["'use client'\n\nimport type { RefObject } from 'react'\n\nimport { useLayoutEffect, useRef } from 'react'\n\nconst controlsSelector =\n  'a[href],button,input:not([type=\"hidden\"]),select,textarea,[tabindex],[contenteditable=\"true\"],summary,audio[controls],video[controls]'\nconst compositeSelector =\n  '[role=\"toolbar\"],[role=\"tablist\"],[role=\"radiogroup\"],[role=\"listbox\"],[role=\"tree\"],[role=\"menu\"],[role=\"menubar\"],[role=\"grid\"],[role=\"treegrid\"]'\nconst interactionSelector =\n  'input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]),textarea,select,[contenteditable=\"true\"],[role=\"combobox\"],[aria-haspopup],[aria-roledescription=\"sortable\"]'\n\ntype Position = { column: string; columnIndex: number; row: string; rowIndex: number }\n\n/** Rove over rendered cells, including opaque server-rendered/custom cell contents. */\nexport function useGridNavigation({\n  id,\n  isEnabled,\n  ref,\n}: {\n  id?: string\n  isEnabled: boolean\n  ref: RefObject<HTMLTableElement | null>\n}) {\n  const position = useRef<null | Position>(null)\n\n  useLayoutEffect(() => {\n    const table = ref.current\n\n    if (!isEnabled || !table) {\n      return\n    }\n\n    const originals = new Map<HTMLElement, null | string>()\n    const assignedTabIndexes = new Map<HTMLElement, null | string>()\n    let activeCell: HTMLTableCellElement | undefined\n    let isInteracting = false\n    let isLeaving = false\n    let hadFocus = false\n    let focusedElement: HTMLElement | undefined\n\n    const rows = () => Array.from(table.rows)\n    const cells = () => rows().flatMap((row) => Array.from(row.cells))\n    const ownedCell = (target: EventTarget | null) => {\n      if (!(target instanceof HTMLElement)) {\n        return undefined\n      }\n\n      const cell = target.closest<HTMLTableCellElement>('th,td')\n\n      return cell?.closest('table') === table ? cell : undefined\n    }\n    const isVisible = (element: HTMLElement) =>\n      !element.closest('[hidden],[inert],[aria-hidden=\"true\"]') &&\n      element.getClientRects().length > 0 &&\n      getComputedStyle(element).visibility !== 'hidden'\n    const controls = (cell: HTMLTableCellElement) =>\n      Array.from(cell.querySelectorAll<HTMLElement>(controlsSelector)).filter((element) => {\n        const popup = element.closest('.popup__content,[role=\"dialog\"]')\n        const original = originals.has(element)\n          ? originals.get(element)\n          : element.getAttribute('tabindex')\n\n        return (\n          ownedCell(element) === cell &&\n          !(popup && cell.contains(popup)) &&\n          !element.matches(':disabled') &&\n          (original === null || Number(original) >= 0) &&\n          isVisible(element)\n        )\n      })\n    const refreshOriginals = () => {\n      for (const [element, assigned] of assignedTabIndexes) {\n        if (!table.contains(element)) {\n          const original = originals.get(element)\n\n          if (original == null) {\n            element.removeAttribute('tabindex')\n          } else {\n            element.setAttribute('tabindex', original)\n          }\n          originals.delete(element)\n          assignedTabIndexes.delete(element)\n          continue\n        }\n        const current = element.getAttribute('tabindex')\n\n        // Preserve changes made by a custom widget instead of treating them as grid writes.\n        if (current !== assigned) {\n          originals.set(element, current)\n          assignedTabIndexes.set(element, current)\n        }\n      }\n    }\n    const setTabIndex = (element: HTMLElement, value: null | number | string) => {\n      if (!originals.has(element)) {\n        originals.set(element, element.getAttribute('tabindex'))\n      }\n      const attribute = value === null ? null : String(value)\n\n      if (element.getAttribute('tabindex') !== attribute) {\n        if (attribute === null) {\n          element.removeAttribute('tabindex')\n        } else {\n          element.setAttribute('tabindex', attribute)\n        }\n      }\n      assignedTabIndexes.set(element, attribute)\n    }\n    const getCellNavigation = ({ cell }: { cell: HTMLTableCellElement }) => {\n      const items = controls(cell)\n      const buttons = cell.matches('th')\n        ? items.filter((item) => item.matches('[data-grid-sort-controls] button'))\n        : []\n      const composite = items[0]?.closest(compositeSelector)\n      const canFocusControl =\n        items.length === 1 &&\n        !(composite && cell.contains(composite)) &&\n        items[0].matches(\n          'button,input[type=\"checkbox\"],[role=\"button\"],[role=\"checkbox\"],[role=\"switch\"]',\n        ) &&\n        !items[0].matches(interactionSelector)\n\n      return { buttons, items, target: buttons[0] ?? (canFocusControl ? items[0] : cell) }\n    }\n    const remember = (cell: HTMLTableCellElement) => {\n      const row = cell.parentElement as HTMLTableRowElement\n\n      position.current = {\n        column: cell.dataset.column ?? String(cell.cellIndex),\n        columnIndex: cell.cellIndex,\n        row: row.dataset.id ?? 'header',\n        rowIndex: row.rowIndex,\n      }\n    }\n    const synchronize = () => {\n      refreshOriginals()\n      const available = cells().filter(isVisible)\n      const shouldRecoverFocus =\n        hadFocus &&\n        focusedElement &&\n        (!table.contains(focusedElement) ||\n          !isVisible(focusedElement) ||\n          focusedElement.matches(':disabled')) &&\n        (document.activeElement === document.body || document.activeElement === focusedElement)\n\n      if (shouldRecoverFocus) {\n        isInteracting = false\n      }\n\n      if (!activeCell?.isConnected || !available.includes(activeCell)) {\n        const saved = position.current\n        const row =\n          saved &&\n          (rows().find((item) => (item.dataset.id ?? 'header') === saved.row) ??\n            rows()[Math.min(saved.rowIndex, rows().length - 1)])\n\n        activeCell =\n          (row &&\n            (Array.from(row.cells).find(\n              (cell) => available.includes(cell) && cell.dataset.column === saved?.column,\n            ) ??\n              Array.from(row.cells).filter(isVisible)[\n                Math.min(saved.columnIndex, Array.from(row.cells).filter(isVisible).length - 1)\n              ])) ||\n          available.find((cell) => cell.matches('tbody .cell--linked')) ||\n          available[0]\n        isInteracting = false\n      }\n      for (const cell of available) {\n        const { buttons, items, target } = getCellNavigation({ cell })\n        const isActive = cell === activeCell && !isLeaving\n\n        setTabIndex(cell, isActive && target === cell && !isInteracting ? 0 : -1)\n        for (const item of items) {\n          let tabIndex: null | number | string = -1\n\n          if (isActive) {\n            if (isInteracting) {\n              tabIndex = originals.has(item) ? originals.get(item) : item.getAttribute('tabindex')\n            } else if (target === item || buttons.includes(item)) {\n              tabIndex = 0\n            }\n          }\n          setTabIndex(item, tabIndex ?? null)\n        }\n      }\n      if (activeCell) {\n        remember(activeCell)\n        if (shouldRecoverFocus) {\n          getCellNavigation({ cell: activeCell }).target.focus()\n        }\n      }\n    }\n    const move = ({\n      cell,\n      shouldFocusLastControl,\n    }: {\n      cell: HTMLTableCellElement\n      shouldFocusLastControl: boolean\n    }) => {\n      activeCell = cell\n      isInteracting = false\n      synchronize()\n      const { buttons, target } = getCellNavigation({ cell })\n      const focusTarget =\n        shouldFocusLastControl && buttons.length ? buttons[buttons.length - 1] : target\n\n      focusTarget.focus()\n    }\n    const onFocus = (event: FocusEvent) => {\n      const cell = ownedCell(event.target)\n\n      if (!cell) {\n        return\n      }\n      refreshOriginals()\n      hadFocus = true\n      isLeaving = false\n      focusedElement = event.target as HTMLElement\n      activeCell = cell\n      const { buttons, target } = getCellNavigation({ cell })\n\n      isInteracting =\n        event.target !== cell &&\n        event.target !== target &&\n        !buttons.includes(event.target as HTMLElement)\n      synchronize()\n    }\n    const onBlur = (event: FocusEvent) => {\n      if (\n        isLeaving ||\n        (event.relatedTarget instanceof Node && !table.contains(event.relatedTarget))\n      ) {\n        hadFocus = false\n        isLeaving = false\n        isInteracting = false\n        synchronize()\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      const cell = ownedCell(event.target)\n\n      if (!cell || event.defaultPrevented) {\n        return\n      }\n      const target = event.target as HTMLElement\n      const popup = target.closest('.popup__content,[role=\"dialog\"]')\n\n      if (popup && cell.contains(popup)) {\n        return\n      }\n      const { buttons } = getCellNavigation({ cell })\n\n      if (buttons.includes(target)) {\n        if (event.key === 'Tab') {\n          isLeaving = true\n          synchronize()\n          return\n        }\n        if (\n          !event.altKey &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.shiftKey &&\n          (event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n          const isRTL = getComputedStyle(table).direction === 'rtl'\n          const isForward = (event.key === 'ArrowRight') !== isRTL\n          const nextButton = buttons[buttons.indexOf(target) + (isForward ? 1 : -1)]\n\n          if (nextButton) {\n            event.preventDefault()\n            nextButton.focus()\n            return\n          }\n        }\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          buttons[0].focus()\n          return\n        }\n      }\n      if (isInteracting) {\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          event.stopPropagation()\n          isInteracting = false\n          getCellNavigation({ cell }).target.focus()\n          synchronize()\n        } else if (event.key === 'Tab') {\n          const items = controls(cell)\n          const index = items.indexOf(target)\n\n          if ((event.shiftKey && index === 0) || (!event.shiftKey && index === items.length - 1)) {\n            isInteracting = false\n            isLeaving = true\n            synchronize()\n          }\n        }\n        return\n      }\n      if ((event.key === 'Enter' || event.key === 'F2') && target === cell) {\n        const items = controls(cell)\n\n        if (event.key === 'Enter' && items.length === 1 && items[0].matches('a[href]')) {\n          event.preventDefault()\n          items[0].click()\n          return\n        }\n        if (items.length) {\n          event.preventDefault()\n          isInteracting = true\n          synchronize()\n          items[0].focus()\n        }\n        return\n      }\n      if (event.altKey || event.metaKey || event.shiftKey) {\n        return\n      }\n      const allRows = rows()\n      const row = cell.parentElement as HTMLTableRowElement\n      let rowIndex = row.rowIndex\n      let columnIndex = cell.cellIndex\n      const isRTL = getComputedStyle(table).direction === 'rtl'\n\n      switch (event.key) {\n        case 'ArrowDown':\n          rowIndex++\n          break\n        case 'ArrowLeft':\n          columnIndex += isRTL ? 1 : -1\n          break\n        case 'ArrowRight':\n          columnIndex += isRTL ? -1 : 1\n          break\n        case 'ArrowUp':\n          rowIndex--\n          break\n        case 'End':\n          columnIndex = row.cells.length - 1\n          if (event.ctrlKey) {\n            rowIndex = allRows.length - 1\n          }\n          break\n        case 'Home':\n          columnIndex = 0\n          if (event.ctrlKey) {\n            rowIndex = 0\n          }\n          break\n        default:\n          return\n      }\n      event.preventDefault()\n      const nextRow = allRows[Math.max(0, Math.min(rowIndex, allRows.length - 1))]\n      const nextCell = nextRow.cells[Math.max(0, Math.min(columnIndex, nextRow.cells.length - 1))]\n\n      if (nextCell && nextCell !== cell && isVisible(nextCell)) {\n        move({\n          cell: nextCell,\n          shouldFocusLastControl:\n            (event.key === 'ArrowLeft' && !isRTL) || (event.key === 'ArrowRight' && isRTL),\n        })\n      }\n    }\n    const onOutsidePointer = (event: PointerEvent) => {\n      if (event.target instanceof Node && !table.contains(event.target)) {\n        hadFocus = false\n      }\n    }\n    const onWindowBlur = () => {\n      hadFocus = false\n    }\n    const onChange = () => queueMicrotask(synchronize)\n    const observer = new MutationObserver(synchronize)\n\n    synchronize()\n    observer.observe(table, {\n      attributeFilter: ['tabindex', 'disabled', 'hidden', 'aria-hidden'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n    document.addEventListener('pointerdown', onOutsidePointer, true)\n    window.addEventListener('blur', onWindowBlur)\n    table.addEventListener('focusin', onFocus)\n    table.addEventListener('focusout', onBlur)\n    // React cell handlers must be able to consume keys before grid navigation handles them.\n    document.addEventListener('keydown', onKeyDown)\n    table.addEventListener('change', onChange)\n\n    return () => {\n      observer.disconnect()\n      document.removeEventListener('pointerdown', onOutsidePointer, true)\n      window.removeEventListener('blur', onWindowBlur)\n      table.removeEventListener('focusin', onFocus)\n      table.removeEventListener('focusout', onBlur)\n      document.removeEventListener('keydown', onKeyDown)\n      table.removeEventListener('change', onChange)\n      for (const [element, original] of originals) {\n        if (original === null) {\n          element.removeAttribute('tabindex')\n        } else {\n          element.setAttribute('tabindex', original)\n        }\n      }\n    }\n  }, [id, isEnabled, ref])\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/OrderableTable.d.ts

@@ -8,6 +8,7 @@ export type Props = {
     readonly columns?: Column[];
     readonly data: Record<string, unknown>[];
     readonly heading?: React.ReactNode;
+    readonly id?: string;
 };
 export declare const OrderableTable: React.FC<Props>;
 //# sourceMappingURL=OrderableTable.d.ts.map

package/dist/elements/Table/OrderableTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderableTable.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,EAAyB,MAAM,SAAS,CAAA;AAEpF,OAAO,aAAa,CAAA;AAIpB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAiBlD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiN1C,CAAA"}
+{"version":3,"file":"OrderableTable.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,EAAyB,MAAM,SAAS,CAAA;AAEpF,OAAO,aAAa,CAAA;AAIpB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkBlD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmN1C,CAAA"}

package/dist/elements/Table/OrderableTable.js

@@ -14,16 +14,19 @@ import { DraggableSortableItem } from '../DraggableSortable/DraggableSortableIte
 import { DraggableSortable } from '../DraggableSortable/index.js';
 import { OrderableRow } from './OrderableRow.js';
 import { OrderableRowDragPreview } from './OrderableRowDragPreview.js';
+import { useTableID } from './TableIdentity.js';
 const baseClass = 'table';
 // A stable id so repeated attempts (e.g. holding Space) update the same toast instead of stacking new ones
 const mustSortByOrderToastId = 'orderable-table-must-sort-by-order';
 export const OrderableTable = ({
+  id,
   appearance = 'default',
   BeforeTable,
   collection,
   columns,
   data: initialData
 }) => {
+  const tableID = useTableID(id);
   const {
     config
   } = useConfig();
@@ -131,9 +134,9 @@ export const OrderableTable = ({
     }
   };
   const handleDragStart = ({
-    id
+    id: id_0
   }) => {
-    setDragActiveRowId(id);
+    setDragActiveRowId(id_0);
   };
   const handleDisabledDragAttempt = () => {
     toast.warning(t('general:sortByOrderToReorder'), {
@@ -150,6 +153,7 @@ export const OrderableTable = ({
       children: [/*#__PURE__*/_jsxs("table", {
         cellPadding: "0",
         cellSpacing: "0",
+        id: tableID,
         children: [/*#__PURE__*/_jsx("thead", {
           children: /*#__PURE__*/_jsx("tr", {
             children: activeColumns.map((col_1, i) => /*#__PURE__*/_jsx("th", {

package/dist/elements/Table/OrderableTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderableTable.js","names":["DragOverlay","formatAdminURL","React","useEffect","useState","toast","useConfig","useListQuery","useLocale","useTranslation","DraggableSortableItem","DraggableSortable","OrderableRow","OrderableRowDragPreview","baseClass","mustSortByOrderToastId","OrderableTable","appearance","BeforeTable","collection","columns","data","initialData","config","listQueryData","orderableFieldName","query","locale","localeCode","code","t","serverData","docs","isOrderable","sort","localData","setLocalData","cellMap","setCellMap","dragActiveRowId","setDragActiveRowId","Object","fromEntries","map","item","index","String","id","_id","activeColumns","filter","col","active","includes","accessor","length","_jsx","handleDragEnd","moveFromIndex","moveToIndex","warning","undefined","movedId","newBeforeRow","newAfterRow","previousData","currentData","newData","splice","target","key","newKeyWillBe","jsonBody","collectionSlug","slug","docsToMove","response","fetch","apiRoute","routes","api","path","body","JSON","stringify","credentials","headers","method","status","Error","ok","json","err","error","message","handleDragStart","handleDisabledDragAttempt","rowIds","row","_jsxs","className","Boolean","join","ids","onDragEnd","onDragStart","cellPadding","cellSpacing","i","Heading","rowIndex","disabled","children","attributes","isDragging","listeners","setNodeRef","transform","transition","dragAttributes","dragListeners","onDisabledDragAttempt","ref","rowId","style","opacity"],"sources":["../../../src/elements/Table/OrderableTable.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, Column, OrderableEndpointBody } from 'payload'\n\nimport './index.css'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortableItem } from '../DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { OrderableRow } from './OrderableRow.js'\nimport { OrderableRowDragPreview } from './OrderableRowDragPreview.js'\n\nconst baseClass = 'table'\n\n// A stable id so repeated attempts (e.g. holding Space) update the same toast instead of stacking new ones\nconst mustSortByOrderToastId = 'orderable-table-must-sort-by-order'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly collection: ClientCollectionConfig\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n  readonly heading?: React.ReactNode\n}\n\nexport const OrderableTable: React.FC<Props> = ({\n  appearance = 'default',\n  BeforeTable,\n  collection,\n  columns,\n  data: initialData,\n}) => {\n  const { config } = useConfig()\n  const { data: listQueryData, orderableFieldName, query } = useListQuery()\n  const locale = useLocale()\n  const localeCode = locale?.code\n  const { t } = useTranslation()\n  // Use the data from ListQueryProvider if available, otherwise use the props\n  const serverData = listQueryData?.docs || initialData\n\n  const isOrderable = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  // Local state to track the current order of rows\n  const [localData, setLocalData] = useState(serverData)\n\n  // id -> index for each column\n  const [cellMap, setCellMap] = useState<Record<string, number>>({})\n\n  const [dragActiveRowId, setDragActiveRowId] = useState<number | string | undefined>()\n\n  // Update local data when server data changes\n  useEffect(() => {\n    setLocalData(serverData)\n    setCellMap(\n      Object.fromEntries(serverData.map((item, index) => [String(item.id ?? item._id), index])),\n    )\n  }, [serverData])\n\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (\n    !activeColumns ||\n    activeColumns.filter((col) => !['_dragHandle', '_select'].includes(col.accessor)).length === 0\n  ) {\n    return <div>No columns selected</div>\n  }\n\n  const handleDragEnd = async ({ moveFromIndex, moveToIndex }) => {\n    if (!isOrderable) {\n      toast.warning(t('general:sortByOrderToReorder'), { id: mustSortByOrderToastId })\n      setDragActiveRowId(undefined)\n      return\n    }\n\n    if (moveFromIndex === moveToIndex) {\n      setDragActiveRowId(undefined)\n      return\n    }\n\n    const movedId = localData[moveFromIndex].id ?? localData[moveFromIndex]._id\n    const newBeforeRow =\n      moveToIndex > moveFromIndex ? localData[moveToIndex] : localData[moveToIndex - 1]\n    const newAfterRow =\n      moveToIndex > moveFromIndex ? localData[moveToIndex + 1] : localData[moveToIndex]\n\n    // Store the original data for rollback\n    const previousData = [...localData]\n\n    // Optimisitc update of local state to reorder the rows\n    setLocalData((currentData) => {\n      const newData = [...currentData]\n      // Update the rendered cell for the moved row to show \"pending\"\n      newData[moveFromIndex][orderableFieldName] = `pending`\n      // Move the item in the array\n      newData.splice(moveToIndex, 0, newData.splice(moveFromIndex, 1)[0])\n      return newData\n    })\n\n    try {\n      const target: OrderableEndpointBody['target'] = newBeforeRow\n        ? {\n            id: newBeforeRow.id ?? newBeforeRow._id,\n            key: newBeforeRow[orderableFieldName],\n          }\n        : {\n            id: newAfterRow.id ?? newAfterRow._id,\n            key: newAfterRow[orderableFieldName],\n          }\n\n      const newKeyWillBe =\n        (newBeforeRow && query.sort === orderableFieldName) ||\n        (!newBeforeRow && query.sort === `-${orderableFieldName}`)\n          ? 'greater'\n          : 'less'\n\n      const jsonBody: OrderableEndpointBody = {\n        collectionSlug: collection.slug,\n        docsToMove: [movedId],\n        newKeyWillBe,\n        orderableFieldName,\n        target,\n      }\n\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: `/reorder?locale=${localeCode}`,\n        }),\n        {\n          body: JSON.stringify(jsonBody),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'POST',\n        },\n      )\n\n      if (response.status === 403) {\n        throw new Error('You do not have permission to reorder these rows')\n      }\n\n      if (!response.ok) {\n        throw new Error(\n          'Failed to reorder. This can happen if you reorder several rows too quickly. Please try again.',\n        )\n      }\n\n      if (response.status === 200 && (await response.json())['message'] === 'initial migration') {\n        throw new Error(\n          'You have enabled \"orderable\" on a collection with existing documents' +\n            'and this is the first time you have sorted documents. We have run an automatic migration ' +\n            'to add an initial order to the documents. Please refresh the page and try again.',\n        )\n      }\n    } catch (err) {\n      const error = err instanceof Error ? err.message : String(err)\n      // Rollback to previous state if the request fails\n      setLocalData(previousData)\n      toast.error(error)\n    } finally {\n      setDragActiveRowId(undefined)\n    }\n  }\n\n  const handleDragStart = ({ id }) => {\n    setDragActiveRowId(id)\n  }\n\n  const handleDisabledDragAttempt = () => {\n    toast.warning(t('general:sortByOrderToReorder'), { id: mustSortByOrderToastId })\n  }\n\n  const rowIds = localData.map((row) => row.id ?? row._id)\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <DraggableSortable ids={rowIds} onDragEnd={handleDragEnd} onDragStart={handleDragStart}>\n        <table cellPadding=\"0\" cellSpacing=\"0\">\n          <thead>\n            <tr>\n              {activeColumns.map((col, i) => (\n                <th id={`heading-${col.accessor}`} key={i}>\n                  {col.Heading}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {localData.map((row, rowIndex) => (\n              <DraggableSortableItem\n                disabled={!isOrderable}\n                id={rowIds[rowIndex]}\n                key={rowIds[rowIndex]}\n              >\n                {({ attributes, isDragging, listeners, setNodeRef, transform, transition }) => (\n                  <OrderableRow\n                    cellMap={cellMap}\n                    className={`row-${rowIndex + 1}`}\n                    columns={activeColumns}\n                    dragAttributes={attributes}\n                    dragListeners={listeners}\n                    isOrderable={isOrderable}\n                    onDisabledDragAttempt={handleDisabledDragAttempt}\n                    ref={setNodeRef}\n                    rowId={row.id ?? row._id}\n                    style={{\n                      opacity: isDragging ? 0 : 1,\n                      transform,\n                      transition,\n                    }}\n                  />\n                )}\n              </DraggableSortableItem>\n            ))}\n          </tbody>\n        </table>\n\n        <DragOverlay>\n          <OrderableRowDragPreview\n            className={[baseClass, `${baseClass}--drag-preview`].join(' ')}\n            rowId={dragActiveRowId}\n          >\n            <OrderableRow cellMap={cellMap} columns={activeColumns} rowId={dragActiveRowId} />\n          </OrderableRowDragPreview>\n        </DragOverlay>\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OrderableTable.js","names":["DragOverlay","formatAdminURL","React","useEffect","useState","toast","useConfig","useListQuery","useLocale","useTranslation","DraggableSortableItem","DraggableSortable","OrderableRow","OrderableRowDragPreview","useTableID","baseClass","mustSortByOrderToastId","OrderableTable","id","appearance","BeforeTable","collection","columns","data","initialData","tableID","config","listQueryData","orderableFieldName","query","locale","localeCode","code","t","serverData","docs","isOrderable","sort","localData","setLocalData","cellMap","setCellMap","dragActiveRowId","setDragActiveRowId","Object","fromEntries","map","item","index","String","_id","activeColumns","filter","col","active","includes","accessor","length","_jsx","handleDragEnd","moveFromIndex","moveToIndex","warning","undefined","movedId","newBeforeRow","newAfterRow","previousData","currentData","newData","splice","target","key","newKeyWillBe","jsonBody","collectionSlug","slug","docsToMove","response","fetch","apiRoute","routes","api","path","body","JSON","stringify","credentials","headers","method","status","Error","ok","json","err","error","message","handleDragStart","handleDisabledDragAttempt","rowIds","row","_jsxs","className","Boolean","join","ids","onDragEnd","onDragStart","cellPadding","cellSpacing","i","Heading","rowIndex","disabled","children","attributes","isDragging","listeners","setNodeRef","transform","transition","dragAttributes","dragListeners","onDisabledDragAttempt","ref","rowId","style","opacity"],"sources":["../../../src/elements/Table/OrderableTable.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, Column, OrderableEndpointBody } from 'payload'\n\nimport './index.css'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortableItem } from '../DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { OrderableRow } from './OrderableRow.js'\nimport { OrderableRowDragPreview } from './OrderableRowDragPreview.js'\nimport { useTableID } from './TableIdentity.js'\n\nconst baseClass = 'table'\n\n// A stable id so repeated attempts (e.g. holding Space) update the same toast instead of stacking new ones\nconst mustSortByOrderToastId = 'orderable-table-must-sort-by-order'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly collection: ClientCollectionConfig\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n  readonly heading?: React.ReactNode\n  readonly id?: string\n}\n\nexport const OrderableTable: React.FC<Props> = ({\n  id,\n  appearance = 'default',\n  BeforeTable,\n  collection,\n  columns,\n  data: initialData,\n}) => {\n  const tableID = useTableID(id)\n  const { config } = useConfig()\n  const { data: listQueryData, orderableFieldName, query } = useListQuery()\n  const locale = useLocale()\n  const localeCode = locale?.code\n  const { t } = useTranslation()\n  // Use the data from ListQueryProvider if available, otherwise use the props\n  const serverData = listQueryData?.docs || initialData\n\n  const isOrderable = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  // Local state to track the current order of rows\n  const [localData, setLocalData] = useState(serverData)\n\n  // id -> index for each column\n  const [cellMap, setCellMap] = useState<Record<string, number>>({})\n\n  const [dragActiveRowId, setDragActiveRowId] = useState<number | string | undefined>()\n\n  // Update local data when server data changes\n  useEffect(() => {\n    setLocalData(serverData)\n    setCellMap(\n      Object.fromEntries(serverData.map((item, index) => [String(item.id ?? item._id), index])),\n    )\n  }, [serverData])\n\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (\n    !activeColumns ||\n    activeColumns.filter((col) => !['_dragHandle', '_select'].includes(col.accessor)).length === 0\n  ) {\n    return <div>No columns selected</div>\n  }\n\n  const handleDragEnd = async ({ moveFromIndex, moveToIndex }) => {\n    if (!isOrderable) {\n      toast.warning(t('general:sortByOrderToReorder'), { id: mustSortByOrderToastId })\n      setDragActiveRowId(undefined)\n      return\n    }\n\n    if (moveFromIndex === moveToIndex) {\n      setDragActiveRowId(undefined)\n      return\n    }\n\n    const movedId = localData[moveFromIndex].id ?? localData[moveFromIndex]._id\n    const newBeforeRow =\n      moveToIndex > moveFromIndex ? localData[moveToIndex] : localData[moveToIndex - 1]\n    const newAfterRow =\n      moveToIndex > moveFromIndex ? localData[moveToIndex + 1] : localData[moveToIndex]\n\n    // Store the original data for rollback\n    const previousData = [...localData]\n\n    // Optimisitc update of local state to reorder the rows\n    setLocalData((currentData) => {\n      const newData = [...currentData]\n      // Update the rendered cell for the moved row to show \"pending\"\n      newData[moveFromIndex][orderableFieldName] = `pending`\n      // Move the item in the array\n      newData.splice(moveToIndex, 0, newData.splice(moveFromIndex, 1)[0])\n      return newData\n    })\n\n    try {\n      const target: OrderableEndpointBody['target'] = newBeforeRow\n        ? {\n            id: newBeforeRow.id ?? newBeforeRow._id,\n            key: newBeforeRow[orderableFieldName],\n          }\n        : {\n            id: newAfterRow.id ?? newAfterRow._id,\n            key: newAfterRow[orderableFieldName],\n          }\n\n      const newKeyWillBe =\n        (newBeforeRow && query.sort === orderableFieldName) ||\n        (!newBeforeRow && query.sort === `-${orderableFieldName}`)\n          ? 'greater'\n          : 'less'\n\n      const jsonBody: OrderableEndpointBody = {\n        collectionSlug: collection.slug,\n        docsToMove: [movedId],\n        newKeyWillBe,\n        orderableFieldName,\n        target,\n      }\n\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: `/reorder?locale=${localeCode}`,\n        }),\n        {\n          body: JSON.stringify(jsonBody),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'POST',\n        },\n      )\n\n      if (response.status === 403) {\n        throw new Error('You do not have permission to reorder these rows')\n      }\n\n      if (!response.ok) {\n        throw new Error(\n          'Failed to reorder. This can happen if you reorder several rows too quickly. Please try again.',\n        )\n      }\n\n      if (response.status === 200 && (await response.json())['message'] === 'initial migration') {\n        throw new Error(\n          'You have enabled \"orderable\" on a collection with existing documents' +\n            'and this is the first time you have sorted documents. We have run an automatic migration ' +\n            'to add an initial order to the documents. Please refresh the page and try again.',\n        )\n      }\n    } catch (err) {\n      const error = err instanceof Error ? err.message : String(err)\n      // Rollback to previous state if the request fails\n      setLocalData(previousData)\n      toast.error(error)\n    } finally {\n      setDragActiveRowId(undefined)\n    }\n  }\n\n  const handleDragStart = ({ id }) => {\n    setDragActiveRowId(id)\n  }\n\n  const handleDisabledDragAttempt = () => {\n    toast.warning(t('general:sortByOrderToReorder'), { id: mustSortByOrderToastId })\n  }\n\n  const rowIds = localData.map((row) => row.id ?? row._id)\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <DraggableSortable ids={rowIds} onDragEnd={handleDragEnd} onDragStart={handleDragStart}>\n        <table cellPadding=\"0\" cellSpacing=\"0\" id={tableID}>\n          <thead>\n            <tr>\n              {activeColumns.map((col, i) => (\n                <th id={`heading-${col.accessor}`} key={i}>\n                  {col.Heading}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {localData.map((row, rowIndex) => (\n              <DraggableSortableItem\n                disabled={!isOrderable}\n                id={rowIds[rowIndex]}\n                key={rowIds[rowIndex]}\n              >\n                {({ attributes, isDragging, listeners, setNodeRef, transform, transition }) => (\n                  <OrderableRow\n                    cellMap={cellMap}\n                    className={`row-${rowIndex + 1}`}\n                    columns={activeColumns}\n                    dragAttributes={attributes}\n                    dragListeners={listeners}\n                    isOrderable={isOrderable}\n                    onDisabledDragAttempt={handleDisabledDragAttempt}\n                    ref={setNodeRef}\n                    rowId={row.id ?? row._id}\n                    style={{\n                      opacity: isDragging ? 0 : 1,\n                      transform,\n                      transition,\n                    }}\n                  />\n                )}\n              </DraggableSortableItem>\n            ))}\n          </tbody>\n        </table>\n\n        <DragOverlay>\n          <OrderableRowDragPreview\n            className={[baseClass, `${baseClass}--drag-preview`].join(' ')}\n            rowId={dragActiveRowId}\n          >\n            <OrderableRow cellMap={cellMap} columns={activeColumns} rowId={dragActiveRowId} />\n          </OrderableRowDragPreview>\n        </DragOverlay>\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/TableIdentity.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const TableGridContext: React.Context<boolean>;
+export declare const TableIdentityProvider: React.FC<{
+    children: React.ReactNode;
+    collectionSlug: string;
+    navigationLabel?: string;
+}>;
+export declare const useTableID: (id?: string) => string | undefined;
+export declare const useTableNavigationLabel: () => string | undefined;
+//# sourceMappingURL=TableIdentity.d.ts.map

package/dist/elements/Table/TableIdentity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableIdentity.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/TableIdentity.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAQxD,eAAO,MAAM,gBAAgB,wBAAuB,CAAA;AAIpD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAcA,CAAA;AAED,eAAO,MAAM,UAAU,QAAS,MAAM,KAAG,MAAM,GAAG,SAgBjD,CAAA;AAED,eAAO,MAAM,uBAAuB,QAAO,MAAM,GAAG,SACR,CAAA"}