@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

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

@@ -1,15 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 export const TextareaCell = ({ cellData })=>{
     const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: textToShow
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Textarea/index.tsx",
-        lineNumber: 10,
-        columnNumber: 10
-    }, this);
+    return <span>{textToShow}</span>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, TextareaFieldClient } from 'payload'\n\nimport React from 'react'\n\nexport const TextareaCell: React.FC<DefaultCellComponentProps<TextareaFieldClient>> = ({\n  cellData,\n}) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n  return <span>{textToShow}</span>\n}\n"],"names":["React","TextareaCell","cellData","textToShow","length","substring","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAMC,aAAaD,UAAUE,SAAS,MAAM,GAAGF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IACpF,qBAAO,QAACI;kBAAMH;;;;;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, TextareaFieldClient } from 'payload'\n\nimport React from 'react'\n\nexport const TextareaCell: React.FC<DefaultCellComponentProps<TextareaFieldClient>> = ({\n  cellData,\n}) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n  return <span>{textToShow}</span>\n}\n"],"names":["TextareaCell","cellData","textToShow","length","substring","span"],"mappings":"AAAA;AAKA,OAAO,MAAMA,eAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAMC,aAAaD,UAAUE,SAAS,MAAM,GAAGF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IACpF,QAAQI,MAAMH,aAAaG;AAC7B,EAAC"}

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

@@ -1,8 +1,6 @@
 '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';
@@ -51,28 +49,12 @@ export const DefaultCell = (props)=>{
         };
     }
     if (fieldIsID(field)) {
-        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);
+        return <WrapElement {...wrapElementProps}>
+        <CodeCell cellData={`ID: ${cellData}`} collectionConfig={collectionConfig} collectionSlug={collectionSlug} field={{
+            ...field,
+            type: 'code'
+        }} nowrap rowData={rowData}/>
+      </WrapElement>;
     }
     const displayedValue = getDisplayedFieldValue(cellData, field, i18n);
     const DefaultCellComponent = typeof cellData !== 'undefined' && cellComponents[field.type];
@@ -81,46 +63,21 @@ export const DefaultCell = (props)=>{
     if (isValidReactElement(displayedValue)) {
         CellComponent = displayedValue;
     } else if (DefaultCellComponent) {
-        CellComponent = /*#__PURE__*/ _jsxDEV(DefaultCellComponent, {
-            cellData: cellData,
-            rowData: rowData,
-            ...props
-        }, void 0, false, {
-            fileName: "src/elements/Table/DefaultCell/index.tsx",
-            lineNumber: 121,
-            columnNumber: 21
-        }, this);
+        CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props}/>;
     } 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 = /*#__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);
+            CellComponent = <FileCellComponent cellData={cellData} rowData={rowData} {...props} collectionConfig={collectionConfig} field={field}/>;
         } else {
-            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);
+            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>;
         }
     }
     if ((field.type === 'select' || field.type === 'radio') && field.options.length && cellData) {
@@ -129,24 +86,11 @@ export const DefaultCell = (props)=>{
             wrapElementProps.className,
             classes
         ].filter(Boolean).join(' ');
-        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} className={className}>
+        {CellComponent}
+      </WrapElement>;
     }
-    return /*#__PURE__*/ _jsxDEV(WrapElement, {
-        ...wrapElementProps,
-        children: CellComponent
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/index.tsx",
-        lineNumber: 174,
-        columnNumber: 10
-    }, this);
+    return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>;
 };
 
 //# 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","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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"}
+{"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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"}

package/dist/elements/Table/OrderableRow.js

@@ -1,42 +1,20 @@
-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);
+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>;
 
 //# 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","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"}
+{"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"}

package/dist/elements/Table/OrderableRowDragPreview.js

@@ -1,25 +1,7 @@
-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);
+export const OrderableRowDragPreview = ({ children, className, rowId })=>typeof rowId === 'undefined' ? null : <div className={className}>
+      <table cellPadding={0} cellSpacing={0}>
+        <tbody>{children}</tbody>
+      </table>
+    </div>;
 
 //# 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,qBAC7B,QAACC;QAAIF,WAAWA;kBACd,cAAA,QAACG;YAAMC,aAAa;YAAGC,aAAa;sBAClC,cAAA,QAACC;0BAAOP;;;;;;;;;;;;;;;aAGb"}
+{"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"}

package/dist/elements/Table/OrderableTable.js

@@ -1,8 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import './index.scss';
 import { DragOverlay } from '@dnd-kit/core';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { toast } from 'sonner';
 import { useConfig } from '../../providers/Config/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
@@ -36,13 +35,7 @@ export const OrderableTable = ({ appearance = 'default', BeforeTable, collection
             '_dragHandle',
             '_select'
         ].includes(col.accessor)).length === 0) {
-        return /*#__PURE__*/ _jsxDEV("div", {
-            children: "No columns selected"
-        }, void 0, false, {
-            fileName: "src/elements/Table/OrderableTable.tsx",
-            lineNumber: 63,
-            columnNumber: 12
-        }, this);
+        return <div>No columns selected</div>;
     }
     const handleDragEnd = async ({ moveFromIndex, moveToIndex })=>{
         if (query.sort !== orderableFieldName && query.sort !== `-${orderableFieldName}`) {
@@ -120,117 +113,41 @@ export const OrderableTable = ({ appearance = 'default', BeforeTable, collection
         setDragActiveRowId(id);
     };
     const rowIds = localData.map((row)=>row.id ?? row._id);
-    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);
+    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>;
 };
 
 //# 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","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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"}
+{"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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"}

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

@@ -1,8 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { appendUploadSelectFields } from 'payload/shared';
 import * as qs from 'qs-esm';
-import React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react';
+import { 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';
@@ -11,7 +10,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 = /*#__PURE__*/ createContext({});
+const Context = createContext({});
 export const RelationshipProvider = ({ children })=>{
     const [documents, dispatchDocuments] = useReducer(reducer, {});
     const debouncedDocuments = useDebounce(documents, 100);
@@ -99,17 +98,10 @@ export const RelationshipProvider = ({ children })=>{
             docs: relationships
         });
     }, []);
-    return /*#__PURE__*/ _jsxDEV(Context, {
-        value: {
-            documents,
-            getRelationships
-        },
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/Table/RelationshipProvider/index.tsx",
-        lineNumber: 130,
-        columnNumber: 10
-    }, this);
+    return <Context value={{
+        documents,
+        getRelationships
+    }}>{children}</Context>;
 };
 export const useListRelationships = ()=>use(Context);