npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.5d5a2b2 → 4.0.0-internal.5e065b3 - Mend

@payloadcms/ui 4.0.0-internal.5d5a2b2 → 4.0.0-internal.5e065b3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2437) hide show

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

@@ -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/OrderableRow.d.ts CHANGED Viewed

@@ -6,8 +6,10 @@ export type Props = {
     readonly columns: Column[];
     readonly dragAttributes?: HTMLAttributes<unknown>;
     readonly dragListeners?: DraggableSyntheticListeners;
+    readonly isOrderable?: boolean;
+    readonly onDisabledDragAttempt?: () => void;
     readonly ref?: Ref<HTMLTableRowElement>;
     readonly rowId: number | string;
 } & HTMLAttributes<HTMLTableRowElement>;
-export declare const OrderableRow: ({ cellMap, columns, dragAttributes, dragListeners, rowId, ...rest }: Props) => import("react").JSX.Element;
+export declare const OrderableRow: ({ cellMap, columns, dragAttributes, dragListeners, isOrderable, onDisabledDragAttempt, rowId, ...rest }: Props) => import("react").JSX.Element;
 //# sourceMappingURL=OrderableRow.d.ts.map

package/dist/elements/Table/OrderableRow.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderableRow.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,~~EAAE~~,GAAG,EAAE,MAAM,OAAO,CAAA;~~AAEhD~~,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,2BAA2B,CAAA;IACpD,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAA;AAEvC,eAAO,MAAM,YAAY,~~GAAI~~,~~qEAO1B,~~KAAK,~~gCA0BP~~,CAAA"}
1	+ {"version":3,"file":"OrderableRow.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAA;AAE/D,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,2BAA2B,CAAA;IACpD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3C,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAA;AAEvC,eAAO,MAAM,YAAY,4GAStB,KAAK,gCA+CP,CAAA"}

package/dist/elements/Table/OrderableRow.js CHANGED Viewed

@@ -4,6 +4,8 @@ export const OrderableRow = ({
   columns,
   dragAttributes = {},
   dragListeners = {},
+  isOrderable = true,
+  onDisabledDragAttempt,
   rowId,
   ...rest
 }) => /*#__PURE__*/_jsx("tr", {
@@ -16,17 +18,31 @@ export const OrderableRow = ({
     const cell = col.renderedCells[cellMap[rowId]];
     // For drag handles, wrap in div with drag attributes
     if (accessor === '_dragHandle') {
+      // When not orderable, dnd-kit's own drag listeners are disabled, so pressing the keys
+      // it would normally use to start a drag does nothing silently. Intercept them here to
+      // tell the user why instead.
+      const dragHandleListeners = {
+        ...dragListeners,
+        onKeyDown: event => {
+          if (!isOrderable && (event.code === 'Space' || event.code === 'Enter')) {
+            event.preventDefault();
+            onDisabledDragAttempt?.();
+            return;
+          }
+          dragListeners?.onKeyDown?.(event);
+        }
+      };
       return /*#__PURE__*/_jsx("td", {
         className: `cell-${accessor}`,
         children: /*#__PURE__*/_jsx("div", {
           ...dragAttributes,
-          ...dragListeners,
+          ...dragHandleListeners,
           children: cell
         })
       }, colIndex);
     }
     return /*#__PURE__*/_jsx("td", {
-      className: `cell-${accessor}`,
+      className: [`cell-${accessor}`, col.isLinkedColumn && 'cell--linked'].filter(Boolean).join(' '),
       children: cell
     }, colIndex);
   })

package/dist/elements/Table/OrderableRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderableRow.js","names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","rowId","rest","_jsx","map","col","colIndex","accessor","cell","renderedCells","className"],"sources":["../../../src/elements/Table/OrderableRow.tsx"],"sourcesContent":["import type { DraggableSyntheticListeners } from '@dnd-kit/core'\nimport type { Column } from 'payload'\nimport type { HTMLAttributes, Ref } from 'react'\n\nexport type Props = {\n readonly cellMap: Record<string, number>\n readonly columns: Column[]\n readonly dragAttributes?: HTMLAttributes<unknown>\n readonly dragListeners?: DraggableSyntheticListeners\n readonly ref?: Ref<HTMLTableRowElement>\n readonly rowId: number \| string\n} & HTMLAttributes<HTMLTableRowElement>\n\nexport const OrderableRow = ({\n cellMap,\n columns,\n dragAttributes = {},\n dragListeners = {},\n rowId,\n ...rest\n}: Props) => (\n <tr {...rest}>\n {columns.map((col, colIndex) => {\n const { accessor } = col\n\n // Use the cellMap to find which index in the renderedCells to use\n const cell = col.renderedCells[cellMap[rowId]]\n\n // For drag handles, wrap in div with drag attributes\n if (accessor === '_dragHandle') {\n return (\n <td className={`cell-${accessor}`} key={colIndex}>\n <div {...dragAttributes} {...~~dragListeners~~}>\n {cell}\n </div>\n </td>\n )\n }\n\n return (\n <td className={`cell-${accessor}`} key={colIndex}>\n {cell}\n </td>\n )\n })}\n </tr>\n)\n"],"mappings":";~~AAaA~~,OAAO,MAAMA,YAAA,GAAeA,CAAC;EAC3BC,OAAO;EACPC,OAAO;EACPC,cAAA,GAAiB,CAAC,CAAC;EACnBC,aAAA,GAAgB,CAAC,CAAC;EAClBC,KAAK;EACL,GAAGC;AAAA,CACG,kBACNC,IAAA,CAAC;EAAI,GAAGD,IAAI;~~YACTJ~~,OAAA,~~CAAQM~~,GAAG,CAAC,CAACC,GAAA,EAAKC,QAAA;IACjB,MAAM;MAAEC;IAAQ,CAAE,GAAGF,GAAA;IAErB;IACA,MAAMG,IAAA,GAAOH,GAAA,CAAII,aAAa,~~CAACZ~~,OAAO,~~CAACI~~,KAAA,CAAM,CAAC;IAE9C;IACA,IAAIM,QAAA,KAAa,eAAe;MAC9B,~~oBACEJ~~,IAAA,CAAC;~~QAAGO~~,SAAA,EAAW,~~QAAQH~~,QAAA,EAAU;kBAC/B,aAAAJ,IAAA,CAAC;UAAK,~~GAAGJ~~,cAAc;UAAG,~~GAAGC~~,~~aAAa~~;~~oBACvCQ~~;;SAFmCF,QAAA;IAM5C;IAEA,oBACEH,IAAA,CAAC;~~MAAGO~~,SAAA,EAAW,~~QAAQH~~,QAAA,EAAU;~~gBAC9BC~~;~~OADqCF~~,QAAA;~~EAI5C~~","ignoreList":[]}
1	+ {"version":3,"file":"OrderableRow.js","names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","isOrderable","onDisabledDragAttempt","rowId","rest","_jsx","map","col","colIndex","accessor","cell","renderedCells","dragHandleListeners","onKeyDown","event","code","preventDefault","className","isLinkedColumn","filter","Boolean","join"],"sources":["../../../src/elements/Table/OrderableRow.tsx"],"sourcesContent":["import type { DraggableSyntheticListeners } from '@dnd-kit/core'\nimport type { Column } from 'payload'\nimport type { HTMLAttributes, KeyboardEvent, Ref } from 'react'\n\nexport type Props = {\n readonly cellMap: Record<string, number>\n readonly columns: Column[]\n readonly dragAttributes?: HTMLAttributes<unknown>\n readonly dragListeners?: DraggableSyntheticListeners\n readonly isOrderable?: boolean\n readonly onDisabledDragAttempt?: () => void\n readonly ref?: Ref<HTMLTableRowElement>\n readonly rowId: number \| string\n} & HTMLAttributes<HTMLTableRowElement>\n\nexport const OrderableRow = ({\n cellMap,\n columns,\n dragAttributes = {},\n dragListeners = {},\n isOrderable = true,\n onDisabledDragAttempt,\n rowId,\n ...rest\n}: Props) => (\n <tr {...rest}>\n {columns.map((col, colIndex) => {\n const { accessor } = col\n\n // Use the cellMap to find which index in the renderedCells to use\n const cell = col.renderedCells[cellMap[rowId]]\n\n // For drag handles, wrap in div with drag attributes\n if (accessor === '_dragHandle') {\n // When not orderable, dnd-kit's own drag listeners are disabled, so pressing the keys\n // it would normally use to start a drag does nothing silently. Intercept them here to\n // tell the user why instead.\n const dragHandleListeners = {\n ...dragListeners,\n onKeyDown: (event: KeyboardEvent) => {\n if (!isOrderable && (event.code === 'Space' \|\| event.code === 'Enter')) {\n event.preventDefault()\n onDisabledDragAttempt?.()\n return\n }\n\n dragListeners?.onKeyDown?.(event)\n },\n }\n\n return (\n <td className={`cell-${accessor}`} key={colIndex}>\n <div {...dragAttributes} {...dragHandleListeners}>\n {cell}\n </div>\n </td>\n )\n }\n\n return (\n <td\n className={[`cell-${accessor}`, col.isLinkedColumn && 'cell--linked']\n .filter(Boolean)\n .join(' ')}\n key={colIndex}\n >\n {cell}\n </td>\n )\n })}\n </tr>\n)\n"],"mappings":";AAeA,OAAO,MAAMA,YAAA,GAAeA,CAAC;EAC3BC,OAAO;EACPC,OAAO;EACPC,cAAA,GAAiB,CAAC,CAAC;EACnBC,aAAA,GAAgB,CAAC,CAAC;EAClBC,WAAA,GAAc,IAAI;EAClBC,qBAAqB;EACrBC,KAAK;EACL,GAAGC;AAAA,CACG,kBACNC,IAAA,CAAC;EAAI,GAAGD,IAAI;YACTN,OAAA,CAAQQ,GAAG,CAAC,CAACC,GAAA,EAAKC,QAAA;IACjB,MAAM;MAAEC;IAAQ,CAAE,GAAGF,GAAA;IAErB;IACA,MAAMG,IAAA,GAAOH,GAAA,CAAII,aAAa,CAACd,OAAO,CAACM,KAAA,CAAM,CAAC;IAE9C;IACA,IAAIM,QAAA,KAAa,eAAe;MAC9B;MACA;MACA;MACA,MAAMG,mBAAA,GAAsB;QAC1B,GAAGZ,aAAa;QAChBa,SAAA,EAAYC,KAAA;UACV,IAAI,CAACb,WAAA,KAAgBa,KAAA,CAAMC,IAAI,KAAK,WAAWD,KAAA,CAAMC,IAAI,KAAK,OAAM,GAAI;YACtED,KAAA,CAAME,cAAc;YACpBd,qBAAA;YACA;UACF;UAEAF,aAAA,EAAea,SAAA,GAAYC,KAAA;QAC7B;MACF;MAEA,oBACET,IAAA,CAAC;QAAGY,SAAA,EAAW,QAAQR,QAAA,EAAU;kBAC/B,aAAAJ,IAAA,CAAC;UAAK,GAAGN,cAAc;UAAG,GAAGa,mBAAmB;oBAC7CF;;SAFmCF,QAAA;IAM5C;IAEA,oBACEH,IAAA,CAAC;MACCY,SAAA,EAAW,CAAC,QAAQR,QAAA,EAAU,EAAEF,GAAA,CAAIW,cAAc,IAAI,eAAe,CAClEC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;gBAGPX;OAFIF,QAAA;EAKX","ignoreList":[]}

package/dist/elements/Table/OrderableRowDragPreview.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderableRowDragPreview.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRowDragPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,uBAAuB,~~GAAI~~,~~gCAAgC,~~KAAK,gCAO1E,CAAA"}
1	+ {"version":3,"file":"OrderableRowDragPreview.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRowDragPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,uBAAuB,mCAAoC,KAAK,gCAO1E,CAAA"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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;~~AAalD~~,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,~~CAmM1C~~,CAAA"}
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;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 CHANGED Viewed

@@ -9,18 +9,24 @@ import { toast } from 'sonner';
 import { useConfig } from '../../providers/Config/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 import { DraggableSortableItem } from '../DraggableSortable/DraggableSortableItem/index.js';
 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();
@@ -29,11 +35,14 @@ export const OrderableTable = ({
     orderableFieldName,
     query
   } = useListQuery();
+  const locale = useLocale();
+  const localeCode = locale?.code;
   const {
-    code: localeCode
-  } = useLocale();
+    t
+  } = useTranslation();
   // Use the data from ListQueryProvider if available, otherwise use the props
   const serverData = listQueryData?.docs || initialData;
+  const isOrderable = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`;
   // Local state to track the current order of rows
   const [localData, setLocalData] = useState(serverData);
   // id -> index for each column
@@ -54,8 +63,10 @@ export const OrderableTable = ({
     moveFromIndex,
     moveToIndex
   }) => {
-    if (query.sort !== orderableFieldName && query.sort !== `-${orderableFieldName}`) {
-      toast.warning('To reorder the rows you must first sort them by the "Order" column');
+    if (!isOrderable) {
+      toast.warning(t('general:sortByOrderToReorder'), {
+        id: mustSortByOrderToastId
+      });
       setDragActiveRowId(undefined);
       return;
     }
@@ -123,9 +134,14 @@ export const OrderableTable = ({
     }
   };
   const handleDragStart = ({
-    id
+    id: id_0
   }) => {
-    setDragActiveRowId(id);
+    setDragActiveRowId(id_0);
+  };
+  const handleDisabledDragAttempt = () => {
+    toast.warning(t('general:sortByOrderToReorder'), {
+      id: mustSortByOrderToastId
+    });
   };
   const rowIds = localData.map(row => row.id ?? row._id);
   return /*#__PURE__*/_jsxs("div", {
@@ -137,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", {
@@ -146,6 +163,7 @@ export const OrderableTable = ({
           })
         }), /*#__PURE__*/_jsx("tbody", {
           children: localData.map((row_0, rowIndex) => /*#__PURE__*/_jsx(DraggableSortableItem, {
+            disabled: !isOrderable,
             id: rowIds[rowIndex],
             children: ({
               attributes,
@@ -160,6 +178,8 @@ export const OrderableTable = ({
               columns: activeColumns,
               dragAttributes: attributes,
               dragListeners: listeners,
+              isOrderable: isOrderable,
+              onDisabledDragAttempt: handleDisabledDragAttempt,
               ref: setNodeRef,
               rowId: row_0.id ?? row_0._id,
               style: {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderableTable.js","names":["DragOverlay","formatAdminURL","React","useEffect","useState","toast","useConfig","useListQuery","useLocale","DraggableSortableItem","DraggableSortable","OrderableRow","OrderableRowDragPreview","baseClass","OrderableTable","appearance","BeforeTable","collection","columns","data","initialData","config","listQueryData","orderableFieldName","query","code","localeCode","serverData","docs","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","sort","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","rowIds","row","_jsxs","className","Boolean","join","ids","onDragEnd","onDragStart","cellPadding","cellSpacing","i","Heading","rowIndex","children","attributes","isDragging","listeners","setNodeRef","transform","transition","dragAttributes","dragListeners","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 { 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\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 { code: localeCode } = useLocale()\n // Use the data from ListQueryProvider if available, otherwise use the props\n const serverData = listQueryData?.docs \|\| initialData\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 (query.sort !== orderableFieldName && query.sort !== `-${orderableFieldName}`) {\n toast.warning('To reorder the rows you must first sort them by the \"Order\" column')\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 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 id={rowIds[rowIndex]} key={rowIds[rowIndex]}>\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 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":[]}
1	+ {"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/RelationshipProvider/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,SAAS,CAAA;AAIrD,OAAO,KAAyE,MAAM,OAAO,CAAA;AAW7F,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,UAAU,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,~~CAmGlF~~,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAAuC,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,SAAS,CAAA;AAIrD,OAAO,KAAyE,MAAM,OAAO,CAAA;AAW7F,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,UAAU,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAqGlF,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAAuC,CAAA"}

package/dist/elements/Table/RelationshipProvider/index.js CHANGED Viewed

@@ -38,9 +38,8 @@ export const RelationshipProvider = t0 => {
   const {
     i18n
   } = useTranslation();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const prevLocale = useRef(locale);
   let t4;
   if ($[1] !== api || $[2] !== collections || $[3] !== debouncedDocuments || $[4] !== i18n || $[5] !== locale) {
@@ -63,6 +62,7 @@ export const RelationshipProvider = t0 => {
           const params = new URLSearchParams();
           const select = {};
           params.append("depth", "0");
+          params.append("draft", "true");
           params.append("limit", "250");
           const collection = collections.find(c => c.slug === slug);
           if (!collection) {

package/dist/elements/Table/RelationshipProvider/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","appendUploadSelectFields","formatAdminURL","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","collections","routes","t3","api","i18n","~~code~~","locale","prevLocale","t4","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","apiRoute","path","params","URLSearchParams","select","append","collection","find","fieldToSelect","admin","useAsTitle","upload","collectionConfig","idsToString","map","_temp","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","useListRelationships","id_0","String"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n [slug: string]: {\n [id: number \| string]: false \| null \| TypeWithID\n }\n}\n\ntype ListRelationshipContext = {\n documents: Documents\n getRelationships: (\n docs: {\n relationTo: string\n value: number \| string\n }[],\n ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n children,\n}) => {\n const [documents, dispatchDocuments] = useReducer(reducer, {})\n const debouncedDocuments = useDebounce(documents, 100)\n\n const {\n config: {\n collections,\n routes: { api },\n },\n } = useConfig()\n\n const { i18n } = useTranslation()\n const { ~~code: locale }~~ = useLocale()\n const prevLocale = useRef(locale)\n\n const loadRelationshipDocs = useCallback(\n (reloadAll = false) => {\n Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n const idsToLoad: (number \| string)[] = []\n\n Object.entries(docs).forEach(([id, value]) => {\n if (value === null \|\| reloadAll) {\n idsToLoad.push(id)\n }\n })\n\n if (idsToLoad.length > 0) {\n const url = formatAdminURL({ apiRoute: api, path: `/${slug}` })\n\n const params = new URLSearchParams()\n const select: SelectType = {}\n\n params.append('depth', '0')\n params.append('limit', '250')\n\n const collection = collections.find((c) => c.slug === slug)\n\n if (!collection) {\n return\n }\n\n const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n\n select[fieldToSelect] = true\n\n if (collection.upload) {\n appendUploadSelectFields({ collectionConfig: collection, select })\n }\n\n if (locale) {\n params.append('locale', locale)\n }\n\n const idsToString = idsToLoad.map((id) => String(id))\n params.append('where[id][in]', idsToString.join(','))\n\n const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n const result = await fetch(`${url}${query}`, {\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n },\n })\n\n if (result.ok) {\n const json = await result.json()\n if (json.docs) {\n dispatchDocuments({\n type: 'ADD_LOADED',\n docs: json.docs,\n idsToLoad,\n relationTo: slug,\n })\n }\n } else {\n dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n }\n }\n })\n },\n [debouncedDocuments, api, i18n, locale, collections],\n )\n\n useEffect(() => {\n void loadRelationshipDocs(locale && prevLocale.current !== locale)\n prevLocale.current = locale\n }, [locale, loadRelationshipDocs])\n\n const getRelationships = useCallback(\n (relationships: { relationTo: string; value: number \| string }[]) => {\n dispatchDocuments({ type: 'REQUEST', docs: relationships })\n },\n [],\n )\n\n return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,wBAAwB,EAAEC,cAAc,QAAQ;AACzD,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,QAAQ;AAEtF,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AAqBxB,MAAMC,OAAA,gBAAUX,aAAA,CAAc,CAAC;AAE/B,OAAO,MAAMY,oBAAA,GAA0EC,EAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAAC;IAAAoB;EAAA,IAAAF,EAEvF;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC4DF,EAAA;IAACF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAA5D,OAAAK,SAAA,EAAAC,iBAAA,IAAuChB,UAAA,CAAAM,OAAA,EAAoBM,EAAC;EAC5D,MAAAK,kBAAA,GAA2Bf,WAAA,CAAYa,SAAA,KAAW;EAElD;IAAAG,MAAA,EAAAC;EAAA,IAKIhB,SAAA;EAJM;IAAAiB,WAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAH,EAGP;EADS;IAAAI;EAAA,IAAAD,EAAO;EAInB;IAAAE;EAAA,IAAiBnB,cAAA;EACjB~~;IAAAoB~~,~~IAAA~~,~~EAAAC;EAAA~~,~~IAAyBtB~~,SAAA;~~EACzB~~,~~MAAAuB~~,UAAA,~~GAAmB1B~~,MAAA,CAAOyB,MAAA;EAAA,~~IAAAE~~,EAAA;EAAA,~~IAAAlB~~,CAAA,QAAAa,GAAA,IAAAb,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAc,IAAA,IAAAd,CAAA,QAAAgB,MAAA;~~IAGxBE~~,EAAA,GAAAC,EAAA;MAAC,MAAAC,SAAA,GAAAD,EAAiB,KAAAE,SAAA,WAAjBF,EAAiB;MAChBG,MAAA,CAAAC,OAAA,~~CAAehB~~,kBAAA,~~EAAAiB~~,OAAA,OAAAC,EAAA;QAAmC,OAAAC,IAAA,EAAAC,IAAA,IAAAF,EAAY;QAC5D,MAAAG,SAAA;QAEAN,MAAA,CAAAC,OAAA,CAAeI,IAAA,EAAAH,OAAA,CAAAK,EAAA;UAAe,OAAAC,EAAA,EAAAC,KAAA,IAAAF,EAAW;UAAA,IACnCE,KAAA,SAAU,IAAQX,SAAA;YACpBQ,SAAA,CAAAI,IAAA,CAAeF,EAAA;UAAA;QAAA,CAEnB;QAAA,IAEIF,SAAA,CAAAK,MAAA,IAAmB;UACrB,MAAAC,GAAA,~~GAAYnD~~,cAAA;~~YAAAoD~~,QAAA,~~EAA2BtB~~,GAAA;~~YAAAuB~~,IAAA,EAAW,IAAIV,IAAA;UAAM,CAAC;UAE7D,MAAAW,MAAA,OAAAC,eAAA;UACA,MAAAC,MAAA;UAEAF,MAAA,CAAAG,MAAA,CAAc,SAAS;UACvBH,MAAA,CAAAG,MAAA,CAAc,SAAS;UAEvB,MAAAC,UAAA,~~GAAmB/B~~,WAAA,~~CAAAgC~~,IAAA,~~CAAA9D~~,CAAA,IAAwBA,CAAA,~~CAAA8C~~,IAAA,KAAWA,IAAA;UAAA,KAEjDe,UAAA;YAAA;UAAA;UAIL,MAAAE,aAAA,GAAsBF,UAAA,CAAAG,KAAA,CAAAC,UAAA,IAA+B;UAErDN,MAAM,CAACI,aAAA;UAAA,IAEHF,UAAA,CAAAK,MAAA;~~YACFhE~~,wBAAA;~~cAAAiE~~,gBAAA,EAA6CN,UAAA;cAAAF;YAAA,CAAmB;UAAA;UAAA,~~IAG9DvB~~,MAAA;~~YACFqB~~,MAAA,CAAAG,MAAA,CAAc,~~UAAUxB~~,MAAA;UAAA;UAG1B,~~MAAAgC~~,WAAA,GAAoBpB,SAAA,CAAAqB,GAAA,CAAAC,KAA6B;UACjDb,MAAA,CAAAG,MAAA,CAAc,iBAAiBQ,WAAA,CAAAG,IAAA,CAAiB;UAEhD,MAAAC,KAAA,GAAc,IAAIf,MAAA,CAAAgB,QAAA,CAAe,~~KAAMrE~~,EAAA,~~CAAAsE~~,SAAA;YAAAf;UAAA,CAAsB,GAAI;UAEjE,MAAAgB,MAAA,SAAqBC,KAAA,CAAM,GAAGtB,GAAA,GAAMkB,KAAA,EAAO;YAAAK,WAAA,EAC5B;YAAAC,OAAA;cAAA,~~mBAEQ5C~~,IAAA,~~CAAA6C~~;YAAA;UAAA,CAEvB;UAAA,IAEIJ,MAAA,CAAAK,EAAA;YACF,MAAAC,IAAA,SAAmBN,MAAA,CAAAM,IAAA,CAAW;YAAA,IAC1BA,IAAA,CAAAlC,IAAA;~~cACFrB~~,iBAAA;~~gBAAAwD~~,IAAA,EACQ;gBAAAnC,IAAA,EACAkC,IAAA,CAAAlC,IAAA;gBAAAC,SAAA;gBAAAmC,UAAA,EAEMrC;cAAA,CACd;YAAA;UAAA;~~YAGFpB~~,iBAAA;~~cAAAwD~~,IAAA,EAA0B;cAAAnC,IAAA;cAAAC,SAAA;cAAAmC,UAAA,EAA+CrC;YAAA,CAAK;UAAA;QAAA;MAAA,CAGpF;IAAA;~~IACF1B~~,CAAA,MAAAa,GAAA;IAAAb,CAAA,MAAAU,WAAA;IAAAV,CAAA,MAAAO,kBAAA;IAAAP,CAAA,MAAAc,IAAA;IAAAd,CAAA,MAAAgB,MAAA;IAAAhB,CAAA,~~MAAAkB~~,EAAA;EAAA;IAAAA,EAAA,~~GAAAlB~~,CAAA;EAAA;~~EAjEF~~,~~MAAAgE~~,oBAAA,GAA6B9C,~~EAkEyB~~;EAAA,IAAAC,EAAA;EAAA,IAAAM,EAAA;EAAA,~~IAAAzB~~,CAAA,~~QAAAgE~~,oBAAA,~~IAAAhE~~,CAAA,QAAAgB,MAAA;~~IAG5CG~~,EAAA,GAAAA,CAAA;MACH6C,oBAAA,~~CAAqBhD~~,MAAA,~~IAAUC~~,UAAA,CAAAgD,OAAA,~~KAAuBjD~~,MAAA;~~MAC3DC~~,UAAA,CAAAgD,OAAA,~~GAAqBjD~~,MAAA;IAAA;~~IACpBS~~,EAAA,~~IAACT~~,MAAA,~~EAAQgD~~,oBAAA;~~IAAqBhE~~,CAAA,~~MAAAgE~~,oBAAA;~~IAAAhE~~,CAAA,MAAAgB,MAAA;IAAAhB,CAAA,~~MAAAmB~~,EAAA;~~IAAAnB~~,CAAA,~~OAAAyB~~,EAAA;EAAA;IAAAN,EAAA,~~GAAAnB~~,CAAA;~~IAAAyB~~,EAAA,~~GAAAzB~~,CAAA;EAAA;EAHjCX,SAAA,~~CAAU8B~~,EAGV,EAAGM,EAA8B;EAAA,IAAAI,EAAA;EAAA,~~IAAA7B~~,CAAA,SAAAG,MAAA,CAAAC,GAAA;IAG/~~ByB~~,EAAA,GAAAqC,aAAA;~~MACE5D~~,iBAAA;~~QAAAwD~~,IAAA,EAA0B;QAAAnC,IAAA,EAAiBuC;MAAA,CAAc;IAAA;~~IAC3DlE~~,CAAA,~~OAAA6B~~,EAAA;EAAA;IAAAA,EAAA,~~GAAA7B~~,CAAA;EAAA;EAHF,~~MAAAmE~~,gBAAA,GAAyBtC,EAIrB;EAAA,IAAAuC,EAAA;EAAA,~~IAAApE~~,CAAA,SAAAC,QAAA,IAAAD,CAAA,SAAAK,SAAA;~~IAGG+D~~,EAAA,GAAAC,IAAA,~~CAAAxE~~,OAAA;~~MAAAkC~~,KAAA;~~QAAA1B~~,SAAA;~~QAAA8D~~;MAAA;~~MAAAlE~~;IAAA,C;;;;;;;~~SAAAmE~~,E;CACT;AAEA,OAAO,MAAME,oBAAA,GAAuBA,CAAA,KAA+~~BnF~~,GAAA,CAAIU,OAAA;~~AArGgB~~,~~SAAAqD~~,MAAAqB,IAAA;EAAA,~~OAuDnCC~~,MAAA,CAAO1C,IAAA;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","appendUploadSelectFields","formatAdminURL","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","collections","routes","t3","api","i18n","currentLocale","locale","code","prevLocale","t4","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","apiRoute","path","params","URLSearchParams","select","append","collection","find","fieldToSelect","admin","useAsTitle","upload","collectionConfig","idsToString","map","_temp","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","useListRelationships","id_0","String"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n [slug: string]: {\n [id: number \| string]: false \| null \| TypeWithID\n }\n}\n\ntype ListRelationshipContext = {\n documents: Documents\n getRelationships: (\n docs: {\n relationTo: string\n value: number \| string\n }[],\n ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n children,\n}) => {\n const [documents, dispatchDocuments] = useReducer(reducer, {})\n const debouncedDocuments = useDebounce(documents, 100)\n\n const {\n config: {\n collections,\n routes: { api },\n },\n } = useConfig()\n\n const { i18n } = useTranslation()\n const currentLocale = useLocale()\n const locale = currentLocale?.code\n const prevLocale = useRef(locale)\n\n const loadRelationshipDocs = useCallback(\n (reloadAll = false) => {\n Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n const idsToLoad: (number \| string)[] = []\n\n Object.entries(docs).forEach(([id, value]) => {\n if (value === null \|\| reloadAll) {\n idsToLoad.push(id)\n }\n })\n\n if (idsToLoad.length > 0) {\n const url = formatAdminURL({ apiRoute: api, path: `/${slug}` })\n\n const params = new URLSearchParams()\n const select: SelectType = {}\n\n params.append('depth', '0')\n params.append('draft', 'true')\n params.append('limit', '250')\n\n const collection = collections.find((c) => c.slug === slug)\n\n if (!collection) {\n return\n }\n\n const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n\n select[fieldToSelect] = true\n\n if (collection.upload) {\n appendUploadSelectFields({ collectionConfig: collection, select })\n }\n\n if (locale) {\n params.append('locale', locale)\n }\n\n const idsToString = idsToLoad.map((id) => String(id))\n params.append('where[id][in]', idsToString.join(','))\n\n const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n const result = await fetch(`${url}${query}`, {\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n },\n })\n\n if (result.ok) {\n const json = await result.json()\n if (json.docs) {\n dispatchDocuments({\n type: 'ADD_LOADED',\n docs: json.docs,\n idsToLoad,\n relationTo: slug,\n })\n }\n } else {\n dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n }\n }\n })\n },\n [debouncedDocuments, api, i18n, locale, collections],\n )\n\n useEffect(() => {\n void loadRelationshipDocs(locale && prevLocale.current !== locale)\n prevLocale.current = locale\n }, [locale, loadRelationshipDocs])\n\n const getRelationships = useCallback(\n (relationships: { relationTo: string; value: number \| string }[]) => {\n dispatchDocuments({ type: 'REQUEST', docs: relationships })\n },\n [],\n )\n\n return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"mappings":"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","ignoreList":[]}

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

@@ -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 ADDED Viewed

@@ -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"}

package/dist/elements/Table/TableIdentity.js ADDED Viewed

@@ -0,0 +1,52 @@
+'use client';
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, use, useId } from 'react';
+export const TableGridContext = /*#__PURE__*/createContext(false);
+const TableIdentityContext = /*#__PURE__*/createContext(null);
+export const TableIdentityProvider = t0 => {
+  const $ = _c(5);
+  const {
+    children,
+    collectionSlug,
+    navigationLabel
+  } = t0;
+  const instanceID = useId().replace(/:/g, "");
+  const t1 = `payload-table-${collectionSlug}-${instanceID}`;
+  const t2 = `payload-table-${collectionSlug}`;
+  let t3;
+  if ($[0] !== children || $[1] !== navigationLabel || $[2] !== t1 || $[3] !== t2) {
+    t3 = _jsx(TableIdentityContext, {
+      value: {
+        baseID: t1,
+        legacyBaseID: t2,
+        navigationLabel
+      },
+      children
+    });
+    $[0] = children;
+    $[1] = navigationLabel;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+};
+export const useTableID = id => {
+  const identity = use(TableIdentityContext);
+  if (!identity || !id) {
+    return id;
+  }
+  if (id === identity.legacyBaseID) {
+    return identity.baseID;
+  }
+  if (id.startsWith(`${identity.legacyBaseID}-`)) {
+    return `${identity.baseID}${id.slice(identity.legacyBaseID.length)}`;
+  }
+  return id;
+};
+export const useTableNavigationLabel = () => use(TableIdentityContext)?.navigationLabel;
+//# sourceMappingURL=TableIdentity.js.map

package/dist/elements/Table/TableIdentity.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableIdentity.js","names":["c","_c","React","createContext","use","useId","TableGridContext","TableIdentityContext","TableIdentityProvider","t0","$","children","collectionSlug","navigationLabel","instanceID","replace","t1","t2","t3","_jsx","value","baseID","legacyBaseID","useTableID","id","identity","startsWith","slice","length","useTableNavigationLabel"],"sources":["../../../src/elements/Table/TableIdentity.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useId } from 'react'\n\ntype TableIdentity = {\n baseID: string\n legacyBaseID: string\n navigationLabel?: string\n}\n\nexport const TableGridContext = createContext(false)\n\nconst TableIdentityContext = createContext<null | TableIdentity>(null)\n\nexport const TableIdentityProvider: React.FC<{\n children: React.ReactNode\n collectionSlug: string\n navigationLabel?: string\n}> = ({ children, collectionSlug, navigationLabel }) => {\n const instanceID = useId().replace(/:/g, '')\n\n return (\n <TableIdentityContext\n value={{\n baseID: `payload-table-${collectionSlug}-${instanceID}`,\n legacyBaseID: `payload-table-${collectionSlug}`,\n navigationLabel,\n }}\n >\n {children}\n </TableIdentityContext>\n )\n}\n\nexport const useTableID = (id?: string): string | undefined => {\n const identity = use(TableIdentityContext)\n\n if (!identity || !id) {\n return id\n }\n\n if (id === identity.legacyBaseID) {\n return identity.baseID\n }\n\n if (id.startsWith(`${identity.legacyBaseID}-`)) {\n return `${identity.baseID}${id.slice(identity.legacyBaseID.length)}`\n }\n\n return id\n}\n\nexport const useTableNavigationLabel = (): string | undefined =>\n use(TableIdentityContext)?.navigationLabel\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,KAAK,QAAQ;AAQjD,OAAO,MAAMC,gBAAA,gBAAmBH,aAAA,CAAc;AAE9C,MAAMI,oBAAA,gBAAuBJ,aAAA,CAAoC;AAEjE,OAAO,MAAMK,qBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAA6C;EACjD,MAAAK,UAAA,GAAmBT,KAAA,GAAAU,OAAA,OAAsB;EAK3B,MAAAC,EAAA,oBAAiBJ,cAAA,IAAkBE,UAAA,EAAY;EACzC,MAAAG,EAAA,oBAAiBL,cAAA,EAAgB;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAO,EAAA;IAHnDC,EAAA,GAAAC,IAAA,CAAAZ,oBAAA;MAAAa,KAAA;QAAAC,MAAA,EAEYL,EAA+C;QAAAM,YAAA,EACzCL,EAAiC;QAAAJ;MAAA;MAAAF;IAAA,C;;;;;;;;;SAHnDO,E;CAUJ;AAEA,OAAO,MAAMK,UAAA,GAAcC,EAAA;EACzB,MAAMC,QAAA,GAAWrB,GAAA,CAAIG,oBAAA;EAErB,IAAI,CAACkB,QAAA,IAAY,CAACD,EAAA,EAAI;IACpB,OAAOA,EAAA;EACT;EAEA,IAAIA,EAAA,KAAOC,QAAA,CAASH,YAAY,EAAE;IAChC,OAAOG,QAAA,CAASJ,MAAM;EACxB;EAEA,IAAIG,EAAA,CAAGE,UAAU,CAAC,GAAGD,QAAA,CAASH,YAAY,GAAG,GAAG;IAC9C,OAAO,GAAGG,QAAA,CAASJ,MAAM,GAAGG,EAAA,CAAGG,KAAK,CAACF,QAAA,CAASH,YAAY,CAACM,MAAM,GAAG;EACtE;EAEA,OAAOJ,EAAA;AACT;AAEA,OAAO,MAAMK,uBAAA,GAA0BA,CAAA,KACrCzB,GAAA,CAAIG,oBAAA,GAAuBM,eAAA","ignoreList":[]}