@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/elements/Table/OrderableTable.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import './index.scss';
 import { DragOverlay } from '@dnd-kit/core';
 import { formatAdminURL } from 'payload/shared';
@@ -13,171 +12,229 @@ import { DraggableSortable } from '../DraggableSortable/index.js';
 import { OrderableRow } from './OrderableRow.js';
 import { OrderableRowDragPreview } from './OrderableRowDragPreview.js';
 const baseClass = 'table';
-export const OrderableTable = ({
-  appearance = 'default',
-  BeforeTable,
-  collection,
-  columns,
-  data: initialData
-}) => {
-  const {
-    config
-  } = useConfig();
-  const {
-    data: listQueryData,
-    orderableFieldName,
-    query
-  } = useListQuery();
-  // Use the data from ListQueryProvider if available, otherwise use the props
-  const serverData = listQueryData?.docs || initialData;
-  // Local state to track the current order of rows
-  const [localData, setLocalData] = useState(serverData);
-  // id -> index for each column
-  const [cellMap, setCellMap] = useState({});
-  const [dragActiveRowId, setDragActiveRowId] = useState();
-  // Update local data when server data changes
-  useEffect(() => {
-    setLocalData(serverData);
-    setCellMap(Object.fromEntries(serverData.map((item, index) => [String(item.id ?? item._id), index])));
-  }, [serverData]);
-  const activeColumns = columns?.filter(col => col?.active);
-  if (!activeColumns || activeColumns.filter(col_0 => !['_dragHandle', '_select'].includes(col_0.accessor)).length === 0) {
-    return /*#__PURE__*/_jsx("div", {
-      children: "No columns selected"
-    });
-  }
-  const handleDragEnd = async ({
-    moveFromIndex,
-    moveToIndex
-  }) => {
-    if (query.sort !== orderableFieldName && query.sort !== `-${orderableFieldName}`) {
-      toast.warning('To reorder the rows you must first sort them by the "Order" column');
-      setDragActiveRowId(undefined);
-      return;
-    }
-    if (moveFromIndex === moveToIndex) {
-      setDragActiveRowId(undefined);
-      return;
+export const OrderableTable = ({ appearance = 'default', BeforeTable, collection, columns, data: initialData })=>{
+    const { config } = useConfig();
+    const { data: listQueryData, orderableFieldName, query } = useListQuery();
+    // Use the data from ListQueryProvider if available, otherwise use the props
+    const serverData = listQueryData?.docs || initialData;
+    // Local state to track the current order of rows
+    const [localData, setLocalData] = useState(serverData);
+    // id -> index for each column
+    const [cellMap, setCellMap] = useState({});
+    const [dragActiveRowId, setDragActiveRowId] = useState();
+    // Update local data when server data changes
+    useEffect(()=>{
+        setLocalData(serverData);
+        setCellMap(Object.fromEntries(serverData.map((item, index)=>[
+                String(item.id ?? item._id),
+                index
+            ])));
+    }, [
+        serverData
+    ]);
+    const activeColumns = columns?.filter((col)=>col?.active);
+    if (!activeColumns || activeColumns.filter((col)=>![
+            '_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: 64,
+            columnNumber: 12
+        }, this);
     }
-    const movedId = localData[moveFromIndex].id ?? localData[moveFromIndex]._id;
-    const newBeforeRow = moveToIndex > moveFromIndex ? localData[moveToIndex] : localData[moveToIndex - 1];
-    const newAfterRow = moveToIndex > moveFromIndex ? localData[moveToIndex + 1] : localData[moveToIndex];
-    // Store the original data for rollback
-    const previousData = [...localData];
-    // Optimisitc update of local state to reorder the rows
-    setLocalData(currentData => {
-      const newData = [...currentData];
-      // Update the rendered cell for the moved row to show "pending"
-      newData[moveFromIndex][orderableFieldName] = `pending`;
-      // Move the item in the array
-      newData.splice(moveToIndex, 0, newData.splice(moveFromIndex, 1)[0]);
-      return newData;
-    });
-    try {
-      const target = newBeforeRow ? {
-        id: newBeforeRow.id ?? newBeforeRow._id,
-        key: newBeforeRow[orderableFieldName]
-      } : {
-        id: newAfterRow.id ?? newAfterRow._id,
-        key: newAfterRow[orderableFieldName]
-      };
-      const newKeyWillBe = newBeforeRow && query.sort === orderableFieldName || !newBeforeRow && query.sort === `-${orderableFieldName}` ? 'greater' : 'less';
-      const jsonBody = {
-        collectionSlug: collection.slug,
-        docsToMove: [movedId],
-        newKeyWillBe,
-        orderableFieldName,
-        target
-      };
-      const response = await fetch(formatAdminURL({
-        apiRoute: config.routes.api,
-        path: '/reorder'
-      }), {
-        body: JSON.stringify(jsonBody),
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        method: 'POST'
-      });
-      if (response.status === 403) {
-        throw new Error('You do not have permission to reorder these rows');
-      }
-      if (!response.ok) {
-        throw new Error('Failed to reorder. This can happen if you reorder several rows too quickly. Please try again.');
-      }
-      if (response.status === 200 && (await response.json())['message'] === 'initial migration') {
-        throw new Error('You have enabled "orderable" on a collection with existing documents' + 'and this is the first time you have sorted documents. We have run an automatic migration ' + 'to add an initial order to the documents. Please refresh the page and try again.');
-      }
-    } catch (err) {
-      const error = err instanceof Error ? err.message : String(err);
-      // Rollback to previous state if the request fails
-      setLocalData(previousData);
-      toast.error(error);
-    } finally {
-      setDragActiveRowId(undefined);
-    }
-  };
-  const handleDragStart = ({
-    id
-  }) => {
-    setDragActiveRowId(id);
-  };
-  const rowIds = localData.map(row => row.id ?? row._id);
-  return /*#__PURE__*/_jsxs("div", {
-    className: [baseClass, appearance && `${baseClass}--appearance-${appearance}`].filter(Boolean).join(' '),
-    children: [BeforeTable, /*#__PURE__*/_jsxs(DraggableSortable, {
-      ids: rowIds,
-      onDragEnd: handleDragEnd,
-      onDragStart: handleDragStart,
-      children: [/*#__PURE__*/_jsxs("table", {
-        cellPadding: "0",
-        cellSpacing: "0",
-        children: [/*#__PURE__*/_jsx("thead", {
-          children: /*#__PURE__*/_jsx("tr", {
-            children: activeColumns.map((col_1, i) => /*#__PURE__*/_jsx("th", {
-              id: `heading-${col_1.accessor}`,
-              children: col_1.Heading
-            }, i))
-          })
-        }), /*#__PURE__*/_jsx("tbody", {
-          children: localData.map((row_0, rowIndex) => /*#__PURE__*/_jsx(DraggableSortableItem, {
-            id: rowIds[rowIndex],
-            children: ({
-              attributes,
-              isDragging,
-              listeners,
-              setNodeRef,
-              transform,
-              transition
-            }) => /*#__PURE__*/_jsx(OrderableRow, {
-              cellMap: cellMap,
-              className: `row-${rowIndex + 1}`,
-              columns: activeColumns,
-              dragAttributes: attributes,
-              dragListeners: listeners,
-              ref: setNodeRef,
-              rowId: row_0.id ?? row_0._id,
-              style: {
-                opacity: isDragging ? 0 : 1,
-                transform,
-                transition
-              }
-            })
-          }, rowIds[rowIndex]))
-        })]
-      }), /*#__PURE__*/_jsx(DragOverlay, {
-        children: /*#__PURE__*/_jsx(OrderableRowDragPreview, {
-          className: [baseClass, `${baseClass}--drag-preview`].join(' '),
-          rowId: dragActiveRowId,
-          children: /*#__PURE__*/_jsx(OrderableRow, {
-            cellMap: cellMap,
-            columns: activeColumns,
-            rowId: dragActiveRowId
-          })
-        })
-      })]
-    })]
-  });
+    const handleDragEnd = async ({ moveFromIndex, moveToIndex })=>{
+        if (query.sort !== orderableFieldName && query.sort !== `-${orderableFieldName}`) {
+            toast.warning('To reorder the rows you must first sort them by the "Order" column');
+            setDragActiveRowId(undefined);
+            return;
+        }
+        if (moveFromIndex === moveToIndex) {
+            setDragActiveRowId(undefined);
+            return;
+        }
+        const movedId = localData[moveFromIndex].id ?? localData[moveFromIndex]._id;
+        const newBeforeRow = moveToIndex > moveFromIndex ? localData[moveToIndex] : localData[moveToIndex - 1];
+        const newAfterRow = moveToIndex > moveFromIndex ? localData[moveToIndex + 1] : localData[moveToIndex];
+        // Store the original data for rollback
+        const previousData = [
+            ...localData
+        ];
+        // Optimisitc update of local state to reorder the rows
+        setLocalData((currentData)=>{
+            const newData = [
+                ...currentData
+            ];
+            // Update the rendered cell for the moved row to show "pending"
+            newData[moveFromIndex][orderableFieldName] = `pending`;
+            // Move the item in the array
+            newData.splice(moveToIndex, 0, newData.splice(moveFromIndex, 1)[0]);
+            return newData;
+        });
+        try {
+            const target = newBeforeRow ? {
+                id: newBeforeRow.id ?? newBeforeRow._id,
+                key: newBeforeRow[orderableFieldName]
+            } : {
+                id: newAfterRow.id ?? newAfterRow._id,
+                key: newAfterRow[orderableFieldName]
+            };
+            const newKeyWillBe = newBeforeRow && query.sort === orderableFieldName || !newBeforeRow && query.sort === `-${orderableFieldName}` ? 'greater' : 'less';
+            const jsonBody = {
+                collectionSlug: collection.slug,
+                docsToMove: [
+                    movedId
+                ],
+                newKeyWillBe,
+                orderableFieldName,
+                target
+            };
+            const response = await fetch(formatAdminURL({
+                apiRoute: config.routes.api,
+                path: '/reorder'
+            }), {
+                body: JSON.stringify(jsonBody),
+                credentials: 'include',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            if (response.status === 403) {
+                throw new Error('You do not have permission to reorder these rows');
+            }
+            if (!response.ok) {
+                throw new Error('Failed to reorder. This can happen if you reorder several rows too quickly. Please try again.');
+            }
+            if (response.status === 200 && (await response.json())['message'] === 'initial migration') {
+                throw new Error('You have enabled "orderable" on a collection with existing documents' + 'and this is the first time you have sorted documents. We have run an automatic migration ' + 'to add an initial order to the documents. Please refresh the page and try again.');
+            }
+        } catch (err) {
+            const error = err instanceof Error ? err.message : String(err);
+            // Rollback to previous state if the request fails
+            setLocalData(previousData);
+            toast.error(error);
+        } finally{
+            setDragActiveRowId(undefined);
+        }
+    };
+    const handleDragStart = ({ id })=>{
+        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: 183,
+                                            columnNumber: 17
+                                        }, this))
+                                }, void 0, false, {
+                                    fileName: "src/elements/Table/OrderableTable.tsx",
+                                    lineNumber: 181,
+                                    columnNumber: 13
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/Table/OrderableTable.tsx",
+                                lineNumber: 180,
+                                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: 193,
+                                                columnNumber: 19
+                                            }, this)
+                                    }, rowIds[rowIndex], false, {
+                                        fileName: "src/elements/Table/OrderableTable.tsx",
+                                        lineNumber: 191,
+                                        columnNumber: 15
+                                    }, this))
+                            }, void 0, false, {
+                                fileName: "src/elements/Table/OrderableTable.tsx",
+                                lineNumber: 189,
+                                columnNumber: 11
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/Table/OrderableTable.tsx",
+                        lineNumber: 179,
+                        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: 218,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Table/OrderableTable.tsx",
+                            lineNumber: 214,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/OrderableTable.tsx",
+                        lineNumber: 213,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Table/OrderableTable.tsx",
+                lineNumber: 178,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Table/OrderableTable.tsx",
+        lineNumber: 172,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=OrderableTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OrderableTable.js","names":["DragOverlay","formatAdminURL","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","_jsx","handleDragEnd","moveFromIndex","moveToIndex","sort","warning","undefined","movedId","newBeforeRow","newAfterRow","previousData","currentData","newData","splice","target","key","newKeyWillBe","jsonBody","collectionSlug","slug","docsToMove","response","fetch","apiRoute","routes","api","path","body","JSON","stringify","credentials","headers","method","status","Error","ok","json","err","error","message","handleDragStart","rowIds","row","_jsxs","className","Boolean","join","ids","onDragEnd","onDragStart","cellPadding","cellSpacing","i","Heading","rowIndex","children","attributes","isDragging","listeners","setNodeRef","transform","transition","dragAttributes","dragListeners","ref","rowId","style","opacity"],"sources":["../../../src/elements/Table/OrderableTable.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, Column, OrderableEndpointBody } from 'payload'\n\nimport './index.scss'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { 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(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: '/reorder',\n        }),\n        {\n          body: JSON.stringify(jsonBody),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'POST',\n        },\n      )\n\n      if (response.status === 403) {\n        throw new Error('You do not have permission to reorder these rows')\n      }\n\n      if (!response.ok) {\n        throw new Error(\n          'Failed to reorder. This can happen if you reorder several rows too quickly. Please try again.',\n        )\n      }\n\n      if (response.status === 200 && (await response.json())['message'] === 'initial migration') {\n        throw new Error(\n          'You have enabled \"orderable\" on a collection with existing documents' +\n            'and this is the first time you have sorted documents. We have run an automatic migration ' +\n            'to add an initial order to the documents. Please refresh the page and try again.',\n        )\n      }\n    } catch (err) {\n      const error = err instanceof Error ? err.message : String(err)\n      // Rollback to previous state if the request fails\n      setLocalData(previousData)\n      toast.error(error)\n    } finally {\n      setDragActiveRowId(undefined)\n    }\n  }\n\n  const handleDragStart = ({ id }) => {\n    setDragActiveRowId(id)\n  }\n\n  const rowIds = localData.map((row) => row.id ?? row._id)\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <DraggableSortable ids={rowIds} onDragEnd={handleDragEnd} onDragStart={handleDragStart}>\n        <table cellPadding=\"0\" cellSpacing=\"0\">\n          <thead>\n            <tr>\n              {activeColumns.map((col, i) => (\n                <th id={`heading-${col.accessor}`} key={i}>\n                  {col.Heading}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {localData.map((row, rowIndex) => (\n              <DraggableSortableItem id={rowIds[rowIndex]} key={rowIds[rowIndex]}>\n                {({ attributes, isDragging, listeners, setNodeRef, transform, transition }) => (\n                  <OrderableRow\n                    cellMap={cellMap}\n                    className={`row-${rowIndex + 1}`}\n                    columns={activeColumns}\n                    dragAttributes={attributes}\n                    dragListeners={listeners}\n                    ref={setNodeRef}\n                    rowId={row.id ?? row._id}\n                    style={{\n                      opacity: isDragging ? 0 : 1,\n                      transform,\n                      transition,\n                    }}\n                  />\n                )}\n              </DraggableSortableItem>\n            ))}\n          </tbody>\n        </table>\n\n        <DragOverlay>\n          <OrderableRowDragPreview\n            className={[baseClass, `${baseClass}--drag-preview`].join(' ')}\n            rowId={dragActiveRowId}\n          >\n            <OrderableRow cellMap={cellMap} columns={activeColumns} rowId={dragActiveRowId} />\n          </OrderableRowDragPreview>\n        </DragOverlay>\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"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 { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { 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(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: '/reorder',\n        }),\n        {\n          body: JSON.stringify(jsonBody),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'POST',\n        },\n      )\n\n      if (response.status === 403) {\n        throw new Error('You do not have permission to reorder these rows')\n      }\n\n      if (!response.ok) {\n        throw new Error(\n          'Failed to reorder. This can happen if you reorder several rows too quickly. Please try again.',\n        )\n      }\n\n      if (response.status === 200 && (await response.json())['message'] === 'initial migration') {\n        throw new Error(\n          'You have enabled \"orderable\" on a collection with existing documents' +\n            'and this is the first time you have sorted documents. We have run an automatic migration ' +\n            'to add an initial order to the documents. Please refresh the page and try again.',\n        )\n      }\n    } catch (err) {\n      const error = err instanceof Error ? err.message : String(err)\n      // Rollback to previous state if the request fails\n      setLocalData(previousData)\n      toast.error(error)\n    } finally {\n      setDragActiveRowId(undefined)\n    }\n  }\n\n  const handleDragStart = ({ id }) => {\n    setDragActiveRowId(id)\n  }\n\n  const rowIds = localData.map((row) => row.id ?? row._id)\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <DraggableSortable ids={rowIds} onDragEnd={handleDragEnd} onDragStart={handleDragStart}>\n        <table cellPadding=\"0\" cellSpacing=\"0\">\n          <thead>\n            <tr>\n              {activeColumns.map((col, i) => (\n                <th id={`heading-${col.accessor}`} key={i}>\n                  {col.Heading}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {localData.map((row, rowIndex) => (\n              <DraggableSortableItem id={rowIds[rowIndex]} key={rowIds[rowIndex]}>\n                {({ attributes, isDragging, listeners, setNodeRef, transform, transition }) => (\n                  <OrderableRow\n                    cellMap={cellMap}\n                    className={`row-${rowIndex + 1}`}\n                    columns={activeColumns}\n                    dragAttributes={attributes}\n                    dragListeners={listeners}\n                    ref={setNodeRef}\n                    rowId={row.id ?? row._id}\n                    style={{\n                      opacity: isDragging ? 0 : 1,\n                      transform,\n                      transition,\n                    }}\n                  />\n                )}\n              </DraggableSortableItem>\n            ))}\n          </tbody>\n        </table>\n\n        <DragOverlay>\n          <OrderableRowDragPreview\n            className={[baseClass, `${baseClass}--drag-preview`].join(' ')}\n            rowId={dragActiveRowId}\n          >\n            <OrderableRow cellMap={cellMap} columns={activeColumns} rowId={dragActiveRowId} />\n          </OrderableRowDragPreview>\n        </DragOverlay>\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"names":["DragOverlay","formatAdminURL","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","apiRoute","routes","api","path","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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"}