@payloadcms/ui 4.0.0-internal.77191e5 → 4.0.0-internal.7b53b6d

package/dist/elements/Table/DefaultCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldAffectsData","fieldIsID","formatAdminURL","React","useConfig","useTranslation","getDisplayedFieldValue","isValidReactElement","IDLabel","Link","HierarchyCell","cellComponents","StatusCell","DefaultCell","props","$","cellData","className","classNameFromProps","collectionSlug","field","t0","link","linkURL","onClick","onClickFromProps","rowData","viewType","admin","i18n","config","t1","getEntityConfig","routes","t2","adminRoute","t3","t4","Symbol","for","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","_jsx","children","displayedValue","isHierarchyField","relationTo","relatedCollection","Boolean","hierarchy","name","DefaultCellComponent","CellComponent","upload","FileCellComponent","File","_jsxs","t","label","JSON","stringify","options","length","classes","Array","isArray","map","_temp","join","className_0","filter","value"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsID, formatAdminURL } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { isValidReactElement } from '../../../utilities/isValidReactElement.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { Link } from '../../Link/index.js'\nimport { HierarchyCell } from './fields/Hierarchy/index.js'\nimport { cellComponents } from './fields/index.js'\nimport { StatusCell } from './fields/Status/index.js'\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionSlug,\n    field,\n    field: { admin },\n    link,\n    linkURL,\n    onClick: onClickFromProps,\n    rowData,\n    viewType,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n\n    // Use custom linkURL if provided, otherwise use default URL generation\n    if (linkURL) {\n      wrapElementProps.href = linkURL\n    } else {\n      wrapElementProps.href = collectionConfig?.slug\n        ? formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionConfig?.slug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(rowData.id)}`,\n          })\n        : ''\n    }\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  if (fieldIsID(field)) {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <IDLabel id={cellData} />\n      </WrapElement>\n    )\n  }\n\n  const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\n\n  // Check if this is a hierarchy relationship field by checking if the related collection has hierarchy config\n  const isHierarchyField =\n    field.type === 'relationship' &&\n    (() => {\n      const relationTo = 'relationTo' in field ? field.relationTo : undefined\n      if (typeof relationTo !== 'string') {\n        return false\n      }\n      const relatedCollection = getEntityConfig({ collectionSlug: relationTo })\n      return Boolean(relatedCollection?.hierarchy)\n    })()\n\n  // For hierarchy fields, render the HierarchyCell directly (no wrapper needed)\n  if (isHierarchyField && field.type === 'relationship') {\n    return <HierarchyCell cellData={cellData} rowData={rowData} {...props} field={field} />\n  }\n\n  // For status fields, render the StatusCell directly\n  if (field.type === 'select' && 'name' in field && field.name === '_status') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <StatusCell cellData={cellData} rowData={rowData} {...props} field={field} />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  // Handle JSX labels before using DefaultCellComponent\n  if (isValidReactElement(displayedValue)) {\n    CellComponent = displayedValue\n  } else if (DefaultCellComponent) {\n    CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (\n      collectionConfig?.upload &&\n      fieldAffectsData(field) &&\n      field.name === 'filename' &&\n      field.type === 'text'\n    ) {\n      const FileCellComponent = cellComponents.File\n\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          rowData={rowData}\n          {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n          collectionConfig={collectionConfig}\n          field={field}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(displayedValue === '' ||\n            typeof displayedValue === 'undefined' ||\n            displayedValue === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof displayedValue === 'string' && displayedValue}\n          {typeof displayedValue === 'number' && displayedValue}\n          {typeof displayedValue === 'object' &&\n            displayedValue !== null &&\n            JSON.stringify(displayedValue)}\n        </WrapElement>\n      )\n    }\n  }\n\n  if ((field.type === 'select' || field.type === 'radio') && field.options.length && cellData) {\n    const classes = Array.isArray(cellData)\n      ? cellData.map((value) => `selected--${value}`).join(' ')\n      : `selected--${cellData}`\n\n    const className = [wrapElementProps.className, classes].filter(Boolean).join(' ')\n\n    return (\n      <WrapElement {...wrapElementProps} className={className}>\n        {CellComponent}\n      </WrapElement>\n    )\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldAffectsData","fieldIsID","formatAdminURL","React","useConfig","useTranslation","getDisplayedFieldValue","isValidReactElement","IDLabel","Link","HierarchyCell","cellComponents","StatusCell","DefaultCell","props","$","cellData","className","classNameFromProps","collectionSlug","field","t0","link","linkURL","onClick","onClickFromProps","rowData","viewType","admin","i18n","config","t1","getEntityConfig","routes","t2","adminRoute","t3","t4","Symbol","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","_jsx","children","bb0","displayedValue","isHierarchyField","relationTo","relatedCollection","Boolean","hierarchy","name","DefaultCellComponent","CellComponent","upload","FileCellComponent","File","_jsxs","t","label","JSON","stringify","options","length","classes","Array","isArray","map","_temp","join","className_0","filter","value"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsID, formatAdminURL } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { isValidReactElement } from '../../../utilities/isValidReactElement.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { Link } from '../../Link/index.js'\nimport { HierarchyCell } from './fields/Hierarchy/index.js'\nimport { cellComponents } from './fields/index.js'\nimport { StatusCell } from './fields/Status/index.js'\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionSlug,\n    field,\n    field: { admin },\n    link,\n    linkURL,\n    onClick: onClickFromProps,\n    rowData,\n    viewType,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n\n    // Use custom linkURL if provided, otherwise use default URL generation\n    if (linkURL) {\n      wrapElementProps.href = linkURL\n    } else {\n      wrapElementProps.href = collectionConfig?.slug\n        ? formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionConfig?.slug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(rowData.id)}`,\n          })\n        : ''\n    }\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  if (fieldIsID(field)) {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <IDLabel id={cellData} />\n      </WrapElement>\n    )\n  }\n\n  const displayedValue = getDisplayedFieldValue({\n    cellData,\n    collectionConfig,\n    field,\n    i18n,\n  })\n\n  // Check if this is a hierarchy relationship field by checking if the related collection has hierarchy config\n  const isHierarchyField =\n    field.type === 'relationship' &&\n    (() => {\n      const relationTo = 'relationTo' in field ? field.relationTo : undefined\n      if (typeof relationTo !== 'string') {\n        return false\n      }\n      const relatedCollection = getEntityConfig({ collectionSlug: relationTo })\n      return Boolean(relatedCollection?.hierarchy)\n    })()\n\n  // For hierarchy fields, render the HierarchyCell directly (no wrapper needed)\n  if (isHierarchyField && field.type === 'relationship') {\n    return <HierarchyCell cellData={cellData} rowData={rowData} {...props} field={field} />\n  }\n\n  // For status fields, render the StatusCell directly\n  if (field.type === 'select' && 'name' in field && field.name === '_status') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <StatusCell cellData={cellData} rowData={rowData} {...props} field={field} />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  // Handle JSX labels before using DefaultCellComponent\n  if (isValidReactElement(displayedValue)) {\n    CellComponent = displayedValue\n  } else if (DefaultCellComponent) {\n    CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (\n      collectionConfig?.upload &&\n      fieldAffectsData(field) &&\n      field.name === 'filename' &&\n      field.type === 'text'\n    ) {\n      const FileCellComponent = cellComponents.File\n\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          rowData={rowData}\n          {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n          collectionConfig={collectionConfig}\n          field={field}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(displayedValue === '' ||\n            typeof displayedValue === 'undefined' ||\n            displayedValue === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof displayedValue === 'string' && displayedValue}\n          {typeof displayedValue === 'number' && displayedValue}\n          {typeof displayedValue === 'object' &&\n            displayedValue !== null &&\n            JSON.stringify(displayedValue)}\n        </WrapElement>\n      )\n    }\n  }\n\n  if ((field.type === 'select' || field.type === 'radio') && field.options.length && cellData) {\n    const classes = Array.isArray(cellData)\n      ? cellData.map((value) => `selected--${value}`).join(' ')\n      : `selected--${cellData}`\n\n    const className = [wrapElementProps.className, classes].filter(Boolean).join(' ')\n\n    return (\n      <WrapElement {...wrapElementProps} className={className}>\n        {CellComponent}\n      </WrapElement>\n    )\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/GridNavigation/useGridNavigation.d.ts

@@ -0,0 +1,8 @@
+import type { RefObject } from 'react';
+/** Rove over rendered cells, including opaque server-rendered/custom cell contents. */
+export declare function useGridNavigation({ id, isEnabled, ref, }: {
+    id?: string;
+    isEnabled: boolean;
+    ref: RefObject<HTMLTableElement | null>;
+}): void;
+//# sourceMappingURL=useGridNavigation.d.ts.map

package/dist/elements/Table/GridNavigation/useGridNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridNavigation.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/GridNavigation/useGridNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAatC,uFAAuF;AACvF,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,SAAS,EACT,GAAG,GACJ,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,OAAO,CAAA;IAClB,GAAG,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CACxC,QAmYA"}

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;AAmBlD,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,CAoN1C,CAAA"}

package/dist/elements/Table/OrderableTable.js

@@ -6,6 +6,7 @@ import { DragOverlay } from '@dnd-kit/core';
 import { formatAdminURL } from 'payload/shared';
 import React, { useEffect, useState } from 'react';
 import { toast } from 'sonner';
+import { useBranchParam } from '../../providers/Branch/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
@@ -14,16 +15,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();
@@ -34,6 +38,7 @@ export const OrderableTable = ({
   } = useListQuery();
   const locale = useLocale();
   const localeCode = locale?.code;
+  const branch = useBranchParam();
   const {
     t
   } = useTranslation();
@@ -103,7 +108,7 @@ export const OrderableTable = ({
       };
       const response = await fetch(formatAdminURL({
         apiRoute: config.routes.api,
-        path: `/reorder?locale=${localeCode}`
+        path: `/reorder?locale=${localeCode}${branch ? `&branch=${encodeURIComponent(branch)}` : ''}`
       }), {
         body: JSON.stringify(jsonBody),
         credentials: 'include',
@@ -131,9 +136,9 @@ export const OrderableTable = ({
     }
   };
   const handleDragStart = ({
-    id
+    id: id_0
   }) => {
-    setDragActiveRowId(id);
+    setDragActiveRowId(id_0);
   };
   const handleDisabledDragAttempt = () => {
     toast.warning(t('general:sortByOrderToReorder'), {
@@ -150,6 +155,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", {