@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1,6 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { fieldAffectsData, fieldIsID } from 'payload/shared';
+import React from 'react';
 // TODO: abstract this out to support all routers
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -49,12 +51,28 @@ export const DefaultCell = (props)=>{
         };
     }
     if (fieldIsID(field)) {
-        return <WrapElement {...wrapElementProps}>
-        <CodeCell cellData={`ID: ${cellData}`} collectionConfig={collectionConfig} collectionSlug={collectionSlug} field={{
-            ...field,
-            type: 'code'
-        }} nowrap rowData={rowData}/>
-      </WrapElement>;
+        return /*#__PURE__*/ _jsxDEV(WrapElement, {
+            ...wrapElementProps,
+            children: /*#__PURE__*/ _jsxDEV(CodeCell, {
+                cellData: `ID: ${cellData}`,
+                collectionConfig: collectionConfig,
+                collectionSlug: collectionSlug,
+                field: {
+                    ...field,
+                    type: 'code'
+                },
+                nowrap: true,
+                rowData: rowData
+            }, void 0, false, {
+                fileName: "src/elements/Table/DefaultCell/index.tsx",
+                lineNumber: 95,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/index.tsx",
+            lineNumber: 94,
+            columnNumber: 7
+        }, this);
     }
     const displayedValue = getDisplayedFieldValue(cellData, field, i18n);
     const DefaultCellComponent = typeof cellData !== 'undefined' && cellComponents[field.type];
@@ -63,21 +81,46 @@ export const DefaultCell = (props)=>{
     if (isValidReactElement(displayedValue)) {
         CellComponent = displayedValue;
     } else if (DefaultCellComponent) {
-        CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props}/>;
+        CellComponent = /*#__PURE__*/ _jsxDEV(DefaultCellComponent, {
+            cellData: cellData,
+            rowData: rowData,
+            ...props
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/index.tsx",
+            lineNumber: 121,
+            columnNumber: 21
+        }, this);
     } else if (!DefaultCellComponent) {
         // DefaultCellComponent does not exist for certain field types like `text`
         if (collectionConfig?.upload && fieldAffectsData(field) && field.name === 'filename' && field.type === 'text') {
             const FileCellComponent = cellComponents.File;
-            CellComponent = <FileCellComponent cellData={cellData} rowData={rowData} {...props} collectionConfig={collectionConfig} field={field}/>;
+            CellComponent = /*#__PURE__*/ _jsxDEV(FileCellComponent, {
+                cellData: cellData,
+                rowData: rowData,
+                ...props,
+                collectionConfig: collectionConfig,
+                field: field
+            }, void 0, false, {
+                fileName: "src/elements/Table/DefaultCell/index.tsx",
+                lineNumber: 133,
+                columnNumber: 9
+            }, this);
         } else {
-            return <WrapElement {...wrapElementProps}>
-          {(displayedValue === '' || typeof displayedValue === 'undefined' || displayedValue === null) && i18n.t('general:noLabel', {
-                label: getTranslation(('label' in field ? field.label : null) || 'data', i18n)
-            })}
-          {typeof displayedValue === 'string' && displayedValue}
-          {typeof displayedValue === 'number' && displayedValue}
-          {typeof displayedValue === 'object' && displayedValue !== null && JSON.stringify(displayedValue)}
-        </WrapElement>;
+            return /*#__PURE__*/ _jsxDEV(WrapElement, {
+                ...wrapElementProps,
+                children: [
+                    (displayedValue === '' || typeof displayedValue === 'undefined' || displayedValue === null) && i18n.t('general:noLabel', {
+                        label: getTranslation(('label' in field ? field.label : null) || 'data', i18n)
+                    }),
+                    typeof displayedValue === 'string' && displayedValue,
+                    typeof displayedValue === 'number' && displayedValue,
+                    typeof displayedValue === 'object' && displayedValue !== null && JSON.stringify(displayedValue)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Table/DefaultCell/index.tsx",
+                lineNumber: 143,
+                columnNumber: 9
+            }, this);
         }
     }
     if ((field.type === 'select' || field.type === 'radio') && field.options.length && cellData) {
@@ -86,11 +129,24 @@ export const DefaultCell = (props)=>{
             wrapElementProps.className,
             classes
         ].filter(Boolean).join(' ');
-        return <WrapElement {...wrapElementProps} className={className}>
-        {CellComponent}
-      </WrapElement>;
+        return /*#__PURE__*/ _jsxDEV(WrapElement, {
+            ...wrapElementProps,
+            className: className,
+            children: CellComponent
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/index.tsx",
+            lineNumber: 168,
+            columnNumber: 7
+        }, this);
     }
-    return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>;
+    return /*#__PURE__*/ _jsxDEV(WrapElement, {
+        ...wrapElementProps,
+        children: CellComponent
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/index.tsx",
+        lineNumber: 174,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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 } 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 { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { isValidReactElement } from '../../../utilities/isValidReactElement.js'\nimport { Link } from '../../Link/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/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        <CodeCell\n          cellData={`ID: ${cellData}`}\n          collectionConfig={collectionConfig}\n          collectionSlug={collectionSlug}\n          field={{\n            ...field,\n            type: 'code',\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\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"],"names":["getTranslation","fieldAffectsData","fieldIsID","useConfig","useTranslation","formatAdminURL","getDisplayedFieldValue","isValidReactElement","Link","CodeCell","cellComponents","DefaultCell","props","cellData","className","classNameFromProps","collectionSlug","field","admin","link","linkURL","onClick","onClickFromProps","rowData","viewType","i18n","config","routes","adminRoute","getEntityConfig","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","nowrap","displayedValue","DefaultCellComponent","CellComponent","upload","name","FileCellComponent","File","t","label","JSON","stringify","options","length","classes","Array","isArray","map","value","join","filter","Boolean"],"mappings":"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"}
+{"version":3,"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 } 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 { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { isValidReactElement } from '../../../utilities/isValidReactElement.js'\nimport { Link } from '../../Link/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/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        <CodeCell\n          cellData={`ID: ${cellData}`}\n          collectionConfig={collectionConfig}\n          collectionSlug={collectionSlug}\n          field={{\n            ...field,\n            type: 'code',\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\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"],"names":["getTranslation","fieldAffectsData","fieldIsID","React","useConfig","useTranslation","formatAdminURL","getDisplayedFieldValue","isValidReactElement","Link","CodeCell","cellComponents","DefaultCell","props","cellData","className","classNameFromProps","collectionSlug","field","admin","link","linkURL","onClick","onClickFromProps","rowData","viewType","i18n","config","routes","adminRoute","getEntityConfig","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","nowrap","displayedValue","DefaultCellComponent","CellComponent","upload","name","FileCellComponent","File","t","label","JSON","stringify","options","length","classes","Array","isArray","map","value","join","filter","Boolean"],"mappings":"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"}

package/dist/elements/Table/OrderableRow.js

@@ -1,20 +1,42 @@
-export const OrderableRow = ({ cellMap, columns, dragAttributes = {}, dragListeners = {}, rowId, ...rest })=><tr {...rest}>
-    {columns.map((col, colIndex)=>{
-        const { accessor } = col;
-        // Use the cellMap to find which index in the renderedCells to use
-        const cell = col.renderedCells[cellMap[rowId]];
-        // For drag handles, wrap in div with drag attributes
-        if (accessor === '_dragHandle') {
-            return <td className={`cell-${accessor}`} key={colIndex}>
-            <div {...dragAttributes} {...dragListeners}>
-              {cell}
-            </div>
-          </td>;
-        }
-        return <td className={`cell-${accessor}`} key={colIndex}>
-          {cell}
-        </td>;
-    })}
-  </tr>;
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+export const OrderableRow = ({ cellMap, columns, dragAttributes = {}, dragListeners = {}, rowId, ...rest })=>/*#__PURE__*/ _jsxDEV("tr", {
+        ...rest,
+        children: columns.map((col, colIndex)=>{
+            const { accessor } = col;
+            // Use the cellMap to find which index in the renderedCells to use
+            const cell = col.renderedCells[cellMap[rowId]];
+            // For drag handles, wrap in div with drag attributes
+            if (accessor === '_dragHandle') {
+                return /*#__PURE__*/ _jsxDEV("td", {
+                    className: `cell-${accessor}`,
+                    children: /*#__PURE__*/ _jsxDEV("div", {
+                        ...dragAttributes,
+                        ...dragListeners,
+                        children: cell
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/OrderableRow.tsx",
+                        lineNumber: 33,
+                        columnNumber: 13
+                    }, this)
+                }, colIndex, false, {
+                    fileName: "src/elements/Table/OrderableRow.tsx",
+                    lineNumber: 32,
+                    columnNumber: 11
+                }, this);
+            }
+            return /*#__PURE__*/ _jsxDEV("td", {
+                className: `cell-${accessor}`,
+                children: cell
+            }, colIndex, false, {
+                fileName: "src/elements/Table/OrderableRow.tsx",
+                lineNumber: 41,
+                columnNumber: 9
+            }, this);
+        })
+    }, void 0, false, {
+        fileName: "src/elements/Table/OrderableRow.tsx",
+        lineNumber: 22,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=OrderableRow.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","rowId","rest","tr","map","col","colIndex","accessor","cell","renderedCells","td","className","key","div"],"mappings":"AAaA,OAAO,MAAMA,eAAe,CAAC,EAC3BC,OAAO,EACPC,OAAO,EACPC,iBAAiB,CAAC,CAAC,EACnBC,gBAAgB,CAAC,CAAC,EAClBC,KAAK,EACL,GAAGC,MACG,IACLC,IAAI,GAAGD,IAAI,EAAE;IACZ,CAACJ,QAAQM,GAAG,CAAC,CAACC,KAAKC;QACjB,MAAM,EAAEC,QAAQ,EAAE,GAAGF;QAErB,kEAAkE;QAClE,MAAMG,OAAOH,IAAII,aAAa,CAACZ,OAAO,CAACI,MAAM,CAAC;QAE9C,qDAAqD;QACrD,IAAIM,aAAa,eAAe;YAC9B,QACGG,GAAGC,WAAW,CAAC,KAAK,EAAEJ,UAAU,EAAEK,KAAKN,UAAU;YAChD,CAACO,KAAK,GAAGd,cAAc,GAAG,GAAGC,aAAa,EAAE;cAC1C,CAACQ,KAAK;YACR,EAAEK,IAAI;UACR,EAAEH;QAEN;QAEA,QACGA,GAAGC,WAAW,CAAC,KAAK,EAAEJ,UAAU,EAAEK,KAAKN,UAAU;UAChD,CAACE,KAAK;QACR,EAAEE;IAEN,GAAG;EACL,EAAEP,IACH"}
+{"version":3,"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"],"names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","rowId","rest","tr","map","col","colIndex","accessor","cell","renderedCells","td","className","div"],"mappings":";AAaA,OAAO,MAAMA,eAAe,CAAC,EAC3BC,OAAO,EACPC,OAAO,EACPC,iBAAiB,CAAC,CAAC,EACnBC,gBAAgB,CAAC,CAAC,EAClBC,KAAK,EACL,GAAGC,MACG,iBACN,QAACC;QAAI,GAAGD,IAAI;kBACTJ,QAAQM,GAAG,CAAC,CAACC,KAAKC;YACjB,MAAM,EAAEC,QAAQ,EAAE,GAAGF;YAErB,kEAAkE;YAClE,MAAMG,OAAOH,IAAII,aAAa,CAACZ,OAAO,CAACI,MAAM,CAAC;YAE9C,qDAAqD;YACrD,IAAIM,aAAa,eAAe;gBAC9B,qBACE,QAACG;oBAAGC,WAAW,CAAC,KAAK,EAAEJ,UAAU;8BAC/B,cAAA,QAACK;wBAAK,GAAGb,cAAc;wBAAG,GAAGC,aAAa;kCACvCQ;;;;;;mBAFmCF;;;;;YAM5C;YAEA,qBACE,QAACI;gBAAGC,WAAW,CAAC,KAAK,EAAEJ,UAAU;0BAC9BC;eADqCF;;;;;QAI5C;;;;;aAEH"}

package/dist/elements/Table/OrderableRowDragPreview.js

@@ -1,7 +1,25 @@
-export const OrderableRowDragPreview = ({ children, className, rowId })=>typeof rowId === 'undefined' ? null : <div className={className}>
-      <table cellPadding={0} cellSpacing={0}>
-        <tbody>{children}</tbody>
-      </table>
-    </div>;
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+export const OrderableRowDragPreview = ({ children, className, rowId })=>typeof rowId === 'undefined' ? null : /*#__PURE__*/ _jsxDEV("div", {
+        className: className,
+        children: /*#__PURE__*/ _jsxDEV("table", {
+            cellPadding: 0,
+            cellSpacing: 0,
+            children: /*#__PURE__*/ _jsxDEV("tbody", {
+                children: children
+            }, void 0, false, {
+                fileName: "src/elements/Table/OrderableRowDragPreview.tsx",
+                lineNumber: 13,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/Table/OrderableRowDragPreview.tsx",
+            lineNumber: 12,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/Table/OrderableRowDragPreview.tsx",
+        lineNumber: 11,
+        columnNumber: 5
+    }, this);
 
 //# sourceMappingURL=OrderableRowDragPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Table/OrderableRowDragPreview.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport type Props = {\n  readonly children: ReactNode\n  readonly className?: string\n  readonly rowId?: number | string\n}\n\nexport const OrderableRowDragPreview = ({ children, className, rowId }: Props) =>\n  typeof rowId === 'undefined' ? null : (\n    <div className={className}>\n      <table cellPadding={0} cellSpacing={0}>\n        <tbody>{children}</tbody>\n      </table>\n    </div>\n  )\n"],"names":["OrderableRowDragPreview","children","className","rowId","div","table","cellPadding","cellSpacing","tbody"],"mappings":"AAQA,OAAO,MAAMA,0BAA0B,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAS,GAC3E,OAAOA,UAAU,cAAc,QAC5BC,IAAIF,WAAWA,WAAW;MACzB,CAACG,MAAMC,aAAa,GAAGC,aAAa,GAAG;QACrC,CAACC,OAAOP,WAAWO,MAAM;MAC3B,EAAEH,MAAM;IACV,EAAED,KACH"}
+{"version":3,"sources":["../../../src/elements/Table/OrderableRowDragPreview.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport type Props = {\n  readonly children: ReactNode\n  readonly className?: string\n  readonly rowId?: number | string\n}\n\nexport const OrderableRowDragPreview = ({ children, className, rowId }: Props) =>\n  typeof rowId === 'undefined' ? null : (\n    <div className={className}>\n      <table cellPadding={0} cellSpacing={0}>\n        <tbody>{children}</tbody>\n      </table>\n    </div>\n  )\n"],"names":["OrderableRowDragPreview","children","className","rowId","div","table","cellPadding","cellSpacing","tbody"],"mappings":";AAQA,OAAO,MAAMA,0BAA0B,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAS,GAC3E,OAAOA,UAAU,cAAc,qBAC7B,QAACC;QAAIF,WAAWA;kBACd,cAAA,QAACG;YAAMC,aAAa;YAAGC,aAAa;sBAClC,cAAA,QAACC;0BAAOP;;;;;;;;;;;;;;;aAGb"}

package/dist/elements/Table/OrderableTable.js

@@ -1,7 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import './index.scss';
 import { DragOverlay } from '@dnd-kit/core';
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { toast } from 'sonner';
 import { useConfig } from '../../providers/Config/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
@@ -35,7 +36,13 @@ export const OrderableTable = ({ appearance = 'default', BeforeTable, collection
             '_dragHandle',
             '_select'
         ].includes(col.accessor)).length === 0) {
-        return <div>No columns selected</div>;
+        return /*#__PURE__*/ _jsxDEV("div", {
+            children: "No columns selected"
+        }, void 0, false, {
+            fileName: "src/elements/Table/OrderableTable.tsx",
+            lineNumber: 63,
+            columnNumber: 12
+        }, this);
     }
     const handleDragEnd = async ({ moveFromIndex, moveToIndex })=>{
         if (query.sort !== orderableFieldName && query.sort !== `-${orderableFieldName}`) {
@@ -113,41 +120,117 @@ export const OrderableTable = ({ appearance = 'default', BeforeTable, collection
         setDragActiveRowId(id);
     };
     const rowIds = localData.map((row)=>row.id ?? row._id);
-    return <div className={[
-        baseClass,
-        appearance && `${baseClass}--appearance-${appearance}`
-    ].filter(Boolean).join(' ')}>
-      {BeforeTable}
-      <DraggableSortable ids={rowIds} onDragEnd={handleDragEnd} onDragStart={handleDragStart}>
-        <table cellPadding="0" cellSpacing="0">
-          <thead>
-            <tr>
-              {activeColumns.map((col, i)=><th id={`heading-${col.accessor}`} key={i}>
-                  {col.Heading}
-                </th>)}
-            </tr>
-          </thead>
-          <tbody>
-            {localData.map((row, rowIndex)=><DraggableSortableItem id={rowIds[rowIndex]} key={rowIds[rowIndex]}>
-                {({ attributes, isDragging, listeners, setNodeRef, transform, transition })=><OrderableRow cellMap={cellMap} className={`row-${rowIndex + 1}`} columns={activeColumns} dragAttributes={attributes} dragListeners={listeners} ref={setNodeRef} rowId={row.id ?? row._id} style={{
-                opacity: isDragging ? 0 : 1,
-                transform,
-                transition
-            }}/>}
-              </DraggableSortableItem>)}
-          </tbody>
-        </table>
-
-        <DragOverlay>
-          <OrderableRowDragPreview className={[
-        baseClass,
-        `${baseClass}--drag-preview`
-    ].join(' ')} rowId={dragActiveRowId}>
-            <OrderableRow cellMap={cellMap} columns={activeColumns} rowId={dragActiveRowId}/>
-          </OrderableRowDragPreview>
-        </DragOverlay>
-      </DraggableSortable>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            appearance && `${baseClass}--appearance-${appearance}`
+        ].filter(Boolean).join(' '),
+        children: [
+            BeforeTable,
+            /*#__PURE__*/ _jsxDEV(DraggableSortable, {
+                ids: rowIds,
+                onDragEnd: handleDragEnd,
+                onDragStart: handleDragStart,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("table", {
+                        cellPadding: "0",
+                        cellSpacing: "0",
+                        children: [
+                            /*#__PURE__*/ _jsxDEV("thead", {
+                                children: /*#__PURE__*/ _jsxDEV("tr", {
+                                    children: activeColumns.map((col, i)=>/*#__PURE__*/ _jsxDEV("th", {
+                                            id: `heading-${col.accessor}`,
+                                            children: col.Heading
+                                        }, i, false, {
+                                            fileName: "src/elements/Table/OrderableTable.tsx",
+                                            lineNumber: 176,
+                                            columnNumber: 17
+                                        }, this))
+                                }, void 0, false, {
+                                    fileName: "src/elements/Table/OrderableTable.tsx",
+                                    lineNumber: 174,
+                                    columnNumber: 13
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/Table/OrderableTable.tsx",
+                                lineNumber: 173,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("tbody", {
+                                children: localData.map((row, rowIndex)=>/*#__PURE__*/ _jsxDEV(DraggableSortableItem, {
+                                        id: rowIds[rowIndex],
+                                        children: ({ attributes, isDragging, listeners, setNodeRef, transform, transition })=>/*#__PURE__*/ _jsxDEV(OrderableRow, {
+                                                cellMap: cellMap,
+                                                className: `row-${rowIndex + 1}`,
+                                                columns: activeColumns,
+                                                dragAttributes: attributes,
+                                                dragListeners: listeners,
+                                                ref: setNodeRef,
+                                                rowId: row.id ?? row._id,
+                                                style: {
+                                                    opacity: isDragging ? 0 : 1,
+                                                    transform,
+                                                    transition
+                                                }
+                                            }, void 0, false, {
+                                                fileName: "src/elements/Table/OrderableTable.tsx",
+                                                lineNumber: 186,
+                                                columnNumber: 19
+                                            }, this)
+                                    }, rowIds[rowIndex], false, {
+                                        fileName: "src/elements/Table/OrderableTable.tsx",
+                                        lineNumber: 184,
+                                        columnNumber: 15
+                                    }, this))
+                            }, void 0, false, {
+                                fileName: "src/elements/Table/OrderableTable.tsx",
+                                lineNumber: 182,
+                                columnNumber: 11
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/Table/OrderableTable.tsx",
+                        lineNumber: 172,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(DragOverlay, {
+                        children: /*#__PURE__*/ _jsxDEV(OrderableRowDragPreview, {
+                            className: [
+                                baseClass,
+                                `${baseClass}--drag-preview`
+                            ].join(' '),
+                            rowId: dragActiveRowId,
+                            children: /*#__PURE__*/ _jsxDEV(OrderableRow, {
+                                cellMap: cellMap,
+                                columns: activeColumns,
+                                rowId: dragActiveRowId
+                            }, void 0, false, {
+                                fileName: "src/elements/Table/OrderableTable.tsx",
+                                lineNumber: 211,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Table/OrderableTable.tsx",
+                            lineNumber: 207,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/OrderableTable.tsx",
+                        lineNumber: 206,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Table/OrderableTable.tsx",
+                lineNumber: 171,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Table/OrderableTable.tsx",
+        lineNumber: 165,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=OrderableTable.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Table/OrderableTable.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, Column, OrderableEndpointBody } from 'payload'\n\nimport './index.scss'\n\nimport { DragOverlay } from '@dnd-kit/core'\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 { 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  // 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(`${config.serverURL}${config.routes.api}/reorder`, {\n        body: JSON.stringify(jsonBody),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\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"],"names":["DragOverlay","useEffect","useState","toast","useConfig","useListQuery","DraggableSortableItem","DraggableSortable","OrderableRow","OrderableRowDragPreview","baseClass","OrderableTable","appearance","BeforeTable","collection","columns","data","initialData","config","listQueryData","orderableFieldName","query","serverData","docs","localData","setLocalData","cellMap","setCellMap","dragActiveRowId","setDragActiveRowId","Object","fromEntries","map","item","index","String","id","_id","activeColumns","filter","col","active","includes","accessor","length","div","handleDragEnd","moveFromIndex","moveToIndex","sort","warning","undefined","movedId","newBeforeRow","newAfterRow","previousData","currentData","newData","splice","target","key","newKeyWillBe","jsonBody","collectionSlug","slug","docsToMove","response","fetch","serverURL","routes","api","body","JSON","stringify","credentials","headers","method","status","Error","ok","json","err","error","message","handleDragStart","rowIds","row","className","Boolean","join","ids","onDragEnd","onDragStart","table","cellPadding","cellSpacing","thead","tr","i","th","Heading","tbody","rowIndex","attributes","isDragging","listeners","setNodeRef","transform","transition","dragAttributes","dragListeners","ref","rowId","style","opacity"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Table/OrderableTable.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, Column, OrderableEndpointBody } from 'payload'\n\nimport './index.scss'\n\nimport { DragOverlay } from '@dnd-kit/core'\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 { 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  // 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(`${config.serverURL}${config.routes.api}/reorder`, {\n        body: JSON.stringify(jsonBody),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\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"],"names":["DragOverlay","React","useEffect","useState","toast","useConfig","useListQuery","DraggableSortableItem","DraggableSortable","OrderableRow","OrderableRowDragPreview","baseClass","OrderableTable","appearance","BeforeTable","collection","columns","data","initialData","config","listQueryData","orderableFieldName","query","serverData","docs","localData","setLocalData","cellMap","setCellMap","dragActiveRowId","setDragActiveRowId","Object","fromEntries","map","item","index","String","id","_id","activeColumns","filter","col","active","includes","accessor","length","div","handleDragEnd","moveFromIndex","moveToIndex","sort","warning","undefined","movedId","newBeforeRow","newAfterRow","previousData","currentData","newData","splice","target","key","newKeyWillBe","jsonBody","collectionSlug","slug","docsToMove","response","fetch","serverURL","routes","api","body","JSON","stringify","credentials","headers","method","status","Error","ok","json","err","error","message","handleDragStart","rowIds","row","className","Boolean","join","ids","onDragEnd","onDragStart","table","cellPadding","cellSpacing","thead","tr","i","th","Heading","tbody","rowIndex","attributes","isDragging","listeners","setNodeRef","transform","transition","dragAttributes","dragListeners","ref","rowId","style","opacity"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { appendUploadSelectFields } from 'payload/shared';
 import * as qs from 'qs-esm';
-import { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react';
+import React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react';
 import { useDebounce } from '../../../hooks/useDebounce.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useLocale } from '../../../providers/Locale/index.js';
@@ -10,7 +11,7 @@ import { reducer } from './reducer.js';
 // documents are first set to null when requested
 // set to false when no doc is returned
 // or set to the document returned
-const Context = createContext({});
+const Context = /*#__PURE__*/ createContext({});
 export const RelationshipProvider = ({ children })=>{
     const [documents, dispatchDocuments] = useReducer(reducer, {});
     const debouncedDocuments = useDebounce(documents, 100);
@@ -98,10 +99,17 @@ export const RelationshipProvider = ({ children })=>{
             docs: relationships
         });
     }, []);
-    return <Context value={{
-        documents,
-        getRelationships
-    }}>{children}</Context>;
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: {
+            documents,
+            getRelationships
+        },
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/Table/RelationshipProvider/index.tsx",
+        lineNumber: 130,
+        columnNumber: 10
+    }, this);
 };
 export const useListRelationships = ()=>use(Context);