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

package/dist/elements/Table/OrderableTable.js

@@ -1,5 +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 React, { useEffect, useState } from 'react';
@@ -36,9 +36,13 @@ export const OrderableTable = ({ appearance = 'default', BeforeTable, collection
             '_dragHandle',
             '_select'
         ].includes(col.accessor)).length === 0) {
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             children: "No columns selected"
-        });
+        }, void 0, false, {
+            fileName: "src/elements/Table/OrderableTable.tsx",
+            lineNumber: 63,
+            columnNumber: 12
+        }, this);
     }
     const handleDragEnd = async ({ moveFromIndex, moveToIndex })=>{
         if (query.sort !== orderableFieldName && query.sort !== `-${orderableFieldName}`) {
@@ -116,34 +120,46 @@ export const OrderableTable = ({ appearance = 'default', BeforeTable, collection
         setDragActiveRowId(id);
     };
     const rowIds = localData.map((row)=>row.id ?? row._id);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             appearance && `${baseClass}--appearance-${appearance}`
         ].filter(Boolean).join(' '),
         children: [
             BeforeTable,
-            /*#__PURE__*/ _jsxs(DraggableSortable, {
+            /*#__PURE__*/ _jsxDEV(DraggableSortable, {
                 ids: rowIds,
                 onDragEnd: handleDragEnd,
                 onDragStart: handleDragStart,
                 children: [
-                    /*#__PURE__*/ _jsxs("table", {
+                    /*#__PURE__*/ _jsxDEV("table", {
                         cellPadding: "0",
                         cellSpacing: "0",
                         children: [
-                            /*#__PURE__*/ _jsx("thead", {
-                                children: /*#__PURE__*/ _jsx("tr", {
-                                    children: activeColumns.map((col, i)=>/*#__PURE__*/ _jsx("th", {
+                            /*#__PURE__*/ _jsxDEV("thead", {
+                                children: /*#__PURE__*/ _jsxDEV("tr", {
+                                    children: activeColumns.map((col, i)=>/*#__PURE__*/ _jsxDEV("th", {
                                             id: `heading-${col.accessor}`,
                                             children: col.Heading
-                                        }, i))
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("tbody", {
-                                children: localData.map((row, rowIndex)=>/*#__PURE__*/ _jsx(DraggableSortableItem, {
+                                        }, 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__*/ _jsx(OrderableRow, {
+                                        children: ({ attributes, isDragging, listeners, setNodeRef, transform, transition })=>/*#__PURE__*/ _jsxDEV(OrderableRow, {
                                                 cellMap: cellMap,
                                                 className: `row-${rowIndex + 1}`,
                                                 columns: activeColumns,
@@ -156,29 +172,65 @@ export const OrderableTable = ({ appearance = 'default', BeforeTable, collection
                                                     transform,
                                                     transition
                                                 }
-                                            })
-                                    }, rowIds[rowIndex]))
-                            })
+                                            }, 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)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsx(DragOverlay, {
-                        children: /*#__PURE__*/ _jsx(OrderableRowDragPreview, {
+                    }, 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__*/ _jsx(OrderableRow, {
+                            children: /*#__PURE__*/ _jsxDEV(OrderableRow, {
                                 cellMap: cellMap,
                                 columns: activeColumns,
                                 rowId: dragActiveRowId
-                            })
-                        })
-                    })
+                            }, void 0, false, {
+                                fileName: "src/elements/Table/OrderableTable.tsx",
+                                lineNumber: 211,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Table/OrderableTable.tsx",
+                            lineNumber: 207,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/OrderableTable.tsx",
+                        lineNumber: 206,
+                        columnNumber: 9
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/Table/OrderableTable.tsx",
+                lineNumber: 171,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Table/OrderableTable.tsx",
+        lineNumber: 165,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=OrderableTable.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Table/OrderableTable.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, Column, OrderableEndpointBody } from 'payload'\n\nimport './index.scss'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport React, { useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { DraggableSortableItem } from '../DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { OrderableRow } from './OrderableRow.js'\nimport { OrderableRowDragPreview } from './OrderableRowDragPreview.js'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly collection: ClientCollectionConfig\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n  readonly heading?: React.ReactNode\n}\n\nexport const OrderableTable: React.FC<Props> = ({\n  appearance = 'default',\n  BeforeTable,\n  collection,\n  columns,\n  data: initialData,\n}) => {\n  const { config } = useConfig()\n  const { data: listQueryData, orderableFieldName, query } = useListQuery()\n  // Use the data from ListQueryProvider if available, otherwise use the props\n  const serverData = listQueryData?.docs || initialData\n\n  // Local state to track the current order of rows\n  const [localData, setLocalData] = useState(serverData)\n\n  // id -> index for each column\n  const [cellMap, setCellMap] = useState<Record<string, number>>({})\n\n  const [dragActiveRowId, setDragActiveRowId] = useState<number | string | undefined>()\n\n  // Update local data when server data changes\n  useEffect(() => {\n    setLocalData(serverData)\n    setCellMap(\n      Object.fromEntries(serverData.map((item, index) => [String(item.id ?? item._id), index])),\n    )\n  }, [serverData])\n\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (\n    !activeColumns ||\n    activeColumns.filter((col) => !['_dragHandle', '_select'].includes(col.accessor)).length === 0\n  ) {\n    return <div>No columns selected</div>\n  }\n\n  const handleDragEnd = async ({ moveFromIndex, moveToIndex }) => {\n    if (query.sort !== orderableFieldName && query.sort !== `-${orderableFieldName}`) {\n      toast.warning('To reorder the rows you must first sort them by the \"Order\" column')\n      setDragActiveRowId(undefined)\n      return\n    }\n\n    if (moveFromIndex === moveToIndex) {\n      setDragActiveRowId(undefined)\n      return\n    }\n\n    const movedId = localData[moveFromIndex].id ?? localData[moveFromIndex]._id\n    const newBeforeRow =\n      moveToIndex > moveFromIndex ? localData[moveToIndex] : localData[moveToIndex - 1]\n    const newAfterRow =\n      moveToIndex > moveFromIndex ? localData[moveToIndex + 1] : localData[moveToIndex]\n\n    // Store the original data for rollback\n    const previousData = [...localData]\n\n    // Optimisitc update of local state to reorder the rows\n    setLocalData((currentData) => {\n      const newData = [...currentData]\n      // Update the rendered cell for the moved row to show \"pending\"\n      newData[moveFromIndex][orderableFieldName] = `pending`\n      // Move the item in the array\n      newData.splice(moveToIndex, 0, newData.splice(moveFromIndex, 1)[0])\n      return newData\n    })\n\n    try {\n      const target: OrderableEndpointBody['target'] = newBeforeRow\n        ? {\n            id: newBeforeRow.id ?? newBeforeRow._id,\n            key: newBeforeRow[orderableFieldName],\n          }\n        : {\n            id: newAfterRow.id ?? newAfterRow._id,\n            key: newAfterRow[orderableFieldName],\n          }\n\n      const newKeyWillBe =\n        (newBeforeRow && query.sort === orderableFieldName) ||\n        (!newBeforeRow && query.sort === `-${orderableFieldName}`)\n          ? 'greater'\n          : 'less'\n\n      const jsonBody: OrderableEndpointBody = {\n        collectionSlug: collection.slug,\n        docsToMove: [movedId],\n        newKeyWillBe,\n        orderableFieldName,\n        target,\n      }\n\n      const response = await fetch(`${config.serverURL}${config.routes.api}/reorder`, {\n        body: JSON.stringify(jsonBody),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n\n      if (response.status === 403) {\n        throw new Error('You do not have permission to reorder these rows')\n      }\n\n      if (!response.ok) {\n        throw new Error(\n          'Failed to reorder. This can happen if you reorder several rows too quickly. Please try again.',\n        )\n      }\n\n      if (response.status === 200 && (await response.json())['message'] === 'initial migration') {\n        throw new Error(\n          'You have enabled \"orderable\" on a collection with existing documents' +\n            'and this is the first time you have sorted documents. We have run an automatic migration ' +\n            'to add an initial order to the documents. Please refresh the page and try again.',\n        )\n      }\n    } catch (err) {\n      const error = err instanceof Error ? err.message : String(err)\n      // Rollback to previous state if the request fails\n      setLocalData(previousData)\n      toast.error(error)\n    } finally {\n      setDragActiveRowId(undefined)\n    }\n  }\n\n  const handleDragStart = ({ id }) => {\n    setDragActiveRowId(id)\n  }\n\n  const rowIds = localData.map((row) => row.id ?? row._id)\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <DraggableSortable ids={rowIds} onDragEnd={handleDragEnd} onDragStart={handleDragStart}>\n        <table cellPadding=\"0\" cellSpacing=\"0\">\n          <thead>\n            <tr>\n              {activeColumns.map((col, i) => (\n                <th id={`heading-${col.accessor}`} key={i}>\n                  {col.Heading}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {localData.map((row, rowIndex) => (\n              <DraggableSortableItem id={rowIds[rowIndex]} key={rowIds[rowIndex]}>\n                {({ attributes, isDragging, listeners, setNodeRef, transform, transition }) => (\n                  <OrderableRow\n                    cellMap={cellMap}\n                    className={`row-${rowIndex + 1}`}\n                    columns={activeColumns}\n                    dragAttributes={attributes}\n                    dragListeners={listeners}\n                    ref={setNodeRef}\n                    rowId={row.id ?? row._id}\n                    style={{\n                      opacity: isDragging ? 0 : 1,\n                      transform,\n                      transition,\n                    }}\n                  />\n                )}\n              </DraggableSortableItem>\n            ))}\n          </tbody>\n        </table>\n\n        <DragOverlay>\n          <OrderableRowDragPreview\n            className={[baseClass, `${baseClass}--drag-preview`].join(' ')}\n            rowId={dragActiveRowId}\n          >\n            <OrderableRow cellMap={cellMap} columns={activeColumns} rowId={dragActiveRowId} />\n          </OrderableRowDragPreview>\n        </DragOverlay>\n      </DraggableSortable>\n    </div>\n  )\n}\n"],"names":["DragOverlay","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","React","useEffect","useState","toast","useConfig","useListQuery","DraggableSortableItem","DraggableSortable","OrderableRow","OrderableRowDragPreview","baseClass","OrderableTable","appearance","BeforeTable","collection","columns","data","initialData","config","listQueryData","orderableFieldName","query","serverData","docs","localData","setLocalData","cellMap","setCellMap","dragActiveRowId","setDragActiveRowId","Object","fromEntries","map","item","index","String","id","_id","activeColumns","filter","col","active","includes","accessor","length","div","handleDragEnd","moveFromIndex","moveToIndex","sort","warning","undefined","movedId","newBeforeRow","newAfterRow","previousData","currentData","newData","splice","target","key","newKeyWillBe","jsonBody","collectionSlug","slug","docsToMove","response","fetch","serverURL","routes","api","body","JSON","stringify","credentials","headers","method","status","Error","ok","json","err","error","message","handleDragStart","rowIds","row","className","Boolean","join","ids","onDragEnd","onDragStart","table","cellPadding","cellSpacing","thead","tr","i","th","Heading","tbody","rowIndex","attributes","isDragging","listeners","setNodeRef","transform","transition","dragAttributes","dragListeners","ref","rowId","style","opacity"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+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';
@@ -99,13 +99,17 @@ export const RelationshipProvider = ({ children })=>{
             docs: relationships
         });
     }, []);
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: {
             documents,
             getRelationships
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Table/RelationshipProvider/index.tsx",
+        lineNumber: 130,
+        columnNumber: 10
+    }, this);
 };
 export const useListRelationships = ()=>use(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n          if (collection.admin.enableListViewSelectAPI) {\n            const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n            select[fieldToSelect] = true\n\n            if (collection.upload) {\n              appendUploadSelectFields({ collectionConfig: collection, select })\n            }\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, serverURL, api, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"names":["appendUploadSelectFields","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","collections","routes","api","serverURL","i18n","code","locale","prevLocale","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","params","URLSearchParams","select","append","collection","find","c","admin","enableListViewSelectAPI","fieldToSelect","useAsTitle","upload","collectionConfig","idsToString","map","String","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","useListRelationships"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n          if (collection.admin.enableListViewSelectAPI) {\n            const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n            select[fieldToSelect] = true\n\n            if (collection.upload) {\n              appendUploadSelectFields({ collectionConfig: collection, select })\n            }\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, serverURL, api, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"names":["appendUploadSelectFields","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","collections","routes","api","serverURL","i18n","code","locale","prevLocale","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","params","URLSearchParams","select","append","collection","find","c","admin","enableListViewSelectAPI","fieldToSelect","useAsTitle","upload","collectionConfig","idsToString","map","String","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","useListRelationships"],"mappings":"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"}

package/dist/elements/Table/index.js

@@ -1,53 +1,89 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'table';
 export const Table = ({ appearance, BeforeTable, columns, data })=>{
     const activeColumns = columns?.filter((col)=>col?.active);
     if (!activeColumns || activeColumns.length === 0) {
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             children: "No columns selected"
-        });
+        }, void 0, false, {
+            fileName: "src/elements/Table/index.tsx",
+            lineNumber: 22,
+            columnNumber: 12
+        }, this);
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             appearance && `${baseClass}--appearance-${appearance}`
         ].filter(Boolean).join(' '),
         children: [
             BeforeTable,
-            /*#__PURE__*/ _jsxs("table", {
+            /*#__PURE__*/ _jsxDEV("table", {
                 cellPadding: "0",
                 cellSpacing: "0",
                 children: [
-                    /*#__PURE__*/ _jsx("thead", {
-                        children: /*#__PURE__*/ _jsx("tr", {
-                            children: activeColumns.map((col, i)=>/*#__PURE__*/ _jsx("th", {
+                    /*#__PURE__*/ _jsxDEV("thead", {
+                        children: /*#__PURE__*/ _jsxDEV("tr", {
+                            children: activeColumns.map((col, i)=>/*#__PURE__*/ _jsxDEV("th", {
                                     id: `heading-${col.accessor.replace(/\./g, '__')}`,
                                     children: col.Heading
-                                }, i))
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("tbody", {
+                                }, i, false, {
+                                    fileName: "src/elements/Table/index.tsx",
+                                    lineNumber: 36,
+                                    columnNumber: 15
+                                }, this))
+                        }, void 0, false, {
+                            fileName: "src/elements/Table/index.tsx",
+                            lineNumber: 34,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/index.tsx",
+                        lineNumber: 33,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("tbody", {
                         children: data && data?.map((row, rowIndex)=>{
-                            return /*#__PURE__*/ _jsx("tr", {
+                            return /*#__PURE__*/ _jsxDEV("tr", {
                                 className: `row-${rowIndex + 1}`,
                                 "data-id": row.id,
                                 children: activeColumns.map((col, colIndex)=>{
                                     const { accessor } = col;
-                                    return /*#__PURE__*/ _jsx("td", {
+                                    return /*#__PURE__*/ _jsxDEV("td", {
                                         className: `cell-${accessor.replace(/\./g, '__')}`,
                                         children: col.renderedCells[rowIndex]
-                                    }, colIndex);
+                                    }, colIndex, false, {
+                                        fileName: "src/elements/Table/index.tsx",
+                                        lineNumber: 59,
+                                        columnNumber: 23
+                                    }, this);
                                 })
-                            }, typeof row.id === 'string' || typeof row.id === 'number' ? String(row.id) : rowIndex);
+                            }, typeof row.id === 'string' || typeof row.id === 'number' ? String(row.id) : rowIndex, false, {
+                                fileName: "src/elements/Table/index.tsx",
+                                lineNumber: 46,
+                                columnNumber: 17
+                            }, this);
                         })
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/index.tsx",
+                        lineNumber: 42,
+                        columnNumber: 9
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/Table/index.tsx",
+                lineNumber: 32,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Table/index.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n}\n\nexport const Table: React.FC<Props> = ({ appearance, BeforeTable, columns, data }) => {\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor.replace(/\\./g, '__')}`} key={i}>\n                {col.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data?.map((row, rowIndex) => {\n              return (\n                <tr\n                  className={`row-${rowIndex + 1}`}\n                  data-id={row.id}\n                  key={\n                    typeof row.id === 'string' || typeof row.id === 'number'\n                      ? String(row.id)\n                      : rowIndex\n                  }\n                >\n                  {activeColumns.map((col, colIndex) => {\n                    const { accessor } = col\n\n                    return (\n                      <td className={`cell-${accessor.replace(/\\./g, '__')}`} key={colIndex}>\n                        {col.renderedCells[rowIndex]}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"names":["React","baseClass","Table","appearance","BeforeTable","columns","data","activeColumns","filter","col","active","length","div","className","Boolean","join","table","cellPadding","cellSpacing","thead","tr","map","i","th","id","accessor","replace","Heading","tbody","row","rowIndex","data-id","colIndex","td","renderedCells","String"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,QAAyB,CAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAE;IAC/E,MAAMC,gBAAgBF,SAASG,OAAO,CAACC,MAAQA,KAAKC;IAEpD,IAAI,CAACH,iBAAiBA,cAAcI,MAAM,KAAK,GAAG;QAChD,qBAAO,KAACC;sBAAI;;IACd;IAEA,qBACE,MAACA;QACCC,WAAW;YAACZ;YAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;SAAC,CAC3EK,MAAM,CAACM,SACPC,IAAI,CAAC;;YAEPX;0BACD,MAACY;gBAAMC,aAAY;gBAAIC,aAAY;;kCACjC,KAACC;kCACC,cAAA,KAACC;sCACEb,cAAcc,GAAG,CAAC,CAACZ,KAAKa,kBACvB,KAACC;oCAAGC,IAAI,CAAC,QAAQ,EAAEf,IAAIgB,QAAQ,CAACC,OAAO,CAAC,OAAO,OAAO;8CACnDjB,IAAIkB,OAAO;mCAD+CL;;;kCAMnE,KAACM;kCACEtB,QACCA,MAAMe,IAAI,CAACQ,KAAKC;4BACd,qBACE,KAACV;gCACCP,WAAW,CAAC,IAAI,EAAEiB,WAAW,GAAG;gCAChCC,WAASF,IAAIL,EAAE;0CAOdjB,cAAcc,GAAG,CAAC,CAACZ,KAAKuB;oCACvB,MAAM,EAAEP,QAAQ,EAAE,GAAGhB;oCAErB,qBACE,KAACwB;wCAAGpB,WAAW,CAAC,KAAK,EAAEY,SAASC,OAAO,CAAC,OAAO,OAAO;kDACnDjB,IAAIyB,aAAa,CAACJ,SAAS;uCAD+BE;gCAIjE;+BAbE,OAAOH,IAAIL,EAAE,KAAK,YAAY,OAAOK,IAAIL,EAAE,KAAK,WAC5CW,OAAON,IAAIL,EAAE,IACbM;wBAcZ;;;;;;AAKZ,EAAC"}
+{"version":3,"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n}\n\nexport const Table: React.FC<Props> = ({ appearance, BeforeTable, columns, data }) => {\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor.replace(/\\./g, '__')}`} key={i}>\n                {col.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data?.map((row, rowIndex) => {\n              return (\n                <tr\n                  className={`row-${rowIndex + 1}`}\n                  data-id={row.id}\n                  key={\n                    typeof row.id === 'string' || typeof row.id === 'number'\n                      ? String(row.id)\n                      : rowIndex\n                  }\n                >\n                  {activeColumns.map((col, colIndex) => {\n                    const { accessor } = col\n\n                    return (\n                      <td className={`cell-${accessor.replace(/\\./g, '__')}`} key={colIndex}>\n                        {col.renderedCells[rowIndex]}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"names":["React","baseClass","Table","appearance","BeforeTable","columns","data","activeColumns","filter","col","active","length","div","className","Boolean","join","table","cellPadding","cellSpacing","thead","tr","map","i","th","id","accessor","replace","Heading","tbody","row","rowIndex","data-id","colIndex","td","renderedCells","String"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,QAAyB,CAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAE;IAC/E,MAAMC,gBAAgBF,SAASG,OAAO,CAACC,MAAQA,KAAKC;IAEpD,IAAI,CAACH,iBAAiBA,cAAcI,MAAM,KAAK,GAAG;QAChD,qBAAO,QAACC;sBAAI;;;;;;IACd;IAEA,qBACE,QAACA;QACCC,WAAW;YAACZ;YAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;SAAC,CAC3EK,MAAM,CAACM,SACPC,IAAI,CAAC;;YAEPX;0BACD,QAACY;gBAAMC,aAAY;gBAAIC,aAAY;;kCACjC,QAACC;kCACC,cAAA,QAACC;sCACEb,cAAcc,GAAG,CAAC,CAACZ,KAAKa,kBACvB,QAACC;oCAAGC,IAAI,CAAC,QAAQ,EAAEf,IAAIgB,QAAQ,CAACC,OAAO,CAAC,OAAO,OAAO;8CACnDjB,IAAIkB,OAAO;mCAD+CL;;;;;;;;;;;;;;;kCAMnE,QAACM;kCACEtB,QACCA,MAAMe,IAAI,CAACQ,KAAKC;4BACd,qBACE,QAACV;gCACCP,WAAW,CAAC,IAAI,EAAEiB,WAAW,GAAG;gCAChCC,WAASF,IAAIL,EAAE;0CAOdjB,cAAcc,GAAG,CAAC,CAACZ,KAAKuB;oCACvB,MAAM,EAAEP,QAAQ,EAAE,GAAGhB;oCAErB,qBACE,QAACwB;wCAAGpB,WAAW,CAAC,KAAK,EAAEY,SAASC,OAAO,CAAC,OAAO,OAAO;kDACnDjB,IAAIyB,aAAa,CAACJ,SAAS;uCAD+BE;;;;;gCAIjE;+BAbE,OAAOH,IAAIL,EAAE,KAAK,YAAY,OAAOK,IAAIL,EAAE,KAAK,WAC5CW,OAAON,IAAIL,EAAE,IACbM;;;;;wBAcZ;;;;;;;;;;;;;;;;;;AAKZ,EAAC"}

package/dist/elements/Thumbnail/index.js

@@ -1,5 +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 React from 'react';
 import './index.scss';
 const baseClass = 'thumbnail';
@@ -38,21 +38,37 @@ export const Thumbnail = (props)=>{
         const queryChar = fileSrc?.includes('?') ? '&' : '?';
         src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc;
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classNames,
         children: [
-            fileExists === undefined && /*#__PURE__*/ _jsx(ShimmerEffect, {
+            fileExists === undefined && /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
                 height: "100%"
-            }),
-            fileExists && /*#__PURE__*/ _jsx("img", {
+            }, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 69,
+                columnNumber: 36
+            }, this),
+            fileExists && /*#__PURE__*/ _jsxDEV("img", {
                 alt: filename,
                 height: height,
                 src: src,
                 width: width
-            }),
-            fileExists === false && /*#__PURE__*/ _jsx(File, {})
+            }, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 70,
+                columnNumber: 22
+            }, this),
+            fileExists === false && /*#__PURE__*/ _jsxDEV(File, {}, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 71,
+                columnNumber: 32
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Thumbnail/index.tsx",
+        lineNumber: 68,
+        columnNumber: 5
+    }, this);
 };
 export function ThumbnailComponent(props) {
     const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props;
@@ -87,19 +103,35 @@ export function ThumbnailComponent(props) {
         const queryChar = fileSrc?.includes('?') ? '&' : '?';
         src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc;
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classNames,
         children: [
-            fileExists === undefined && /*#__PURE__*/ _jsx(ShimmerEffect, {
+            fileExists === undefined && /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
                 height: "100%"
-            }),
-            fileExists && /*#__PURE__*/ _jsx("img", {
+            }, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 120,
+                columnNumber: 36
+            }, this),
+            fileExists && /*#__PURE__*/ _jsxDEV("img", {
                 alt: alt || filename,
                 src: src
-            }),
-            fileExists === false && /*#__PURE__*/ _jsx(File, {})
+            }, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 121,
+                columnNumber: 22
+            }, this),
+            fileExists === false && /*#__PURE__*/ _jsxDEV(File, {}, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 122,
+                columnNumber: 32
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Thumbnail/index.tsx",
+        lineNumber: 119,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Thumbnail/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { File } from '../../graphics/File/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  height?: number\n  imageCacheTag?: string\n  size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n  uploadConfig?: SanitizedCollectionConfig['upload']\n  width?: number\n}\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const {\n    className = '',\n    doc: { filename } = {},\n    fileSrc,\n    height,\n    imageCacheTag,\n    size,\n    width,\n  } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  let src: null | string = null\n\n  /**\n   * If an imageCacheTag is provided, append it to the fileSrc\n   * Check if the fileSrc already has a query string, if it does, append the imageCacheTag with an ampersand\n   */\n  if (fileSrc) {\n    const queryChar = fileSrc?.includes('?') ? '&' : '?'\n    src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc\n  }\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={filename as string} height={height} src={src} width={width} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n\ntype ThumbnailComponentProps = {\n  readonly alt?: string\n  readonly className?: string\n  readonly filename: string\n  readonly fileSrc: string\n  readonly imageCacheTag?: string\n  readonly size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n}\nexport function ThumbnailComponent(props: ThumbnailComponentProps) {\n  const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  let src: string = ''\n\n  /**\n   * If an imageCacheTag is provided, append it to the fileSrc\n   * Check if the fileSrc already has a query string, if it does, append the imageCacheTag with an ampersand\n   */\n  if (fileSrc) {\n    const queryChar = fileSrc?.includes('?') ? '&' : '?'\n    src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc\n  }\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={alt || filename} src={src} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"names":["React","baseClass","File","ShimmerEffect","Thumbnail","props","className","doc","filename","fileSrc","height","imageCacheTag","size","width","fileExists","setFileExists","useState","undefined","classNames","join","useEffect","img","Image","src","onload","onerror","queryChar","includes","encodeURIComponent","div","alt","ThumbnailComponent"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,aAAa,QAAQ,4BAA2B;AAczD,OAAO,MAAMC,YAAsC,CAACC;IAClD,MAAM,EACJC,YAAY,EAAE,EACdC,KAAK,EAAEC,QAAQ,EAAE,GAAG,CAAC,CAAC,EACtBC,OAAO,EACPC,MAAM,EACNC,aAAa,EACbC,IAAI,EACJC,KAAK,EACN,GAAGR;IACJ,MAAM,CAACS,YAAYC,cAAc,GAAGf,MAAMgB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACjB;QAAW,GAAGA,UAAU,OAAO,EAAEW,QAAQ,UAAU;QAAEN;KAAU,CAACa,IAAI,CAAC;IAEzFnB,MAAMoB,SAAS,CAAC;QACd,IAAI,CAACX,SAAS;YACZM,cAAc;YACd;QACF;QACAA,cAAcE;QAEd,MAAMI,MAAM,IAAIC;QAChBD,IAAIE,GAAG,GAAGd;QACVY,IAAIG,MAAM,GAAG;YACXT,cAAc;QAChB;QACAM,IAAII,OAAO,GAAG;YACZV,cAAc;QAChB;IACF,GAAG;QAACN;KAAQ;IAEZ,IAAIc,MAAqB;IAEzB;;;GAGC,GACD,IAAId,SAAS;QACX,MAAMiB,YAAYjB,SAASkB,SAAS,OAAO,MAAM;QACjDJ,MAAMZ,gBAAgB,GAAGF,UAAUiB,YAAYE,mBAAmBjB,gBAAgB,GAAGF;IACvF;IAEA,qBACE,MAACoB;QAAIvB,WAAWY;;YACbJ,eAAeG,2BAAa,KAACd;gBAAcO,QAAO;;YAClDI,4BAAc,KAACO;gBAAIS,KAAKtB;gBAAoBE,QAAQA;gBAAQa,KAAKA;gBAAKV,OAAOA;;YAC7EC,eAAe,uBAAS,KAACZ;;;AAGhC,EAAC;AAUD,OAAO,SAAS6B,mBAAmB1B,KAA8B;IAC/D,MAAM,EAAEyB,GAAG,EAAExB,YAAY,EAAE,EAAEE,QAAQ,EAAEC,OAAO,EAAEE,aAAa,EAAEC,IAAI,EAAE,GAAGP;IACxE,MAAM,CAACS,YAAYC,cAAc,GAAGf,MAAMgB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACjB;QAAW,GAAGA,UAAU,OAAO,EAAEW,QAAQ,UAAU;QAAEN;KAAU,CAACa,IAAI,CAAC;IAEzFnB,MAAMoB,SAAS,CAAC;QACd,IAAI,CAACX,SAAS;YACZM,cAAc;YACd;QACF;QACAA,cAAcE;QAEd,MAAMI,MAAM,IAAIC;QAChBD,IAAIE,GAAG,GAAGd;QACVY,IAAIG,MAAM,GAAG;YACXT,cAAc;QAChB;QACAM,IAAII,OAAO,GAAG;YACZV,cAAc;QAChB;IACF,GAAG;QAACN;KAAQ;IAEZ,IAAIc,MAAc;IAElB;;;GAGC,GACD,IAAId,SAAS;QACX,MAAMiB,YAAYjB,SAASkB,SAAS,OAAO,MAAM;QACjDJ,MAAMZ,gBAAgB,GAAGF,UAAUiB,YAAYE,mBAAmBjB,gBAAgB,GAAGF;IACvF;IAEA,qBACE,MAACoB;QAAIvB,WAAWY;;YACbJ,eAAeG,2BAAa,KAACd;gBAAcO,QAAO;;YAClDI,4BAAc,KAACO;gBAAIS,KAAKA,OAAOtB;gBAAUe,KAAKA;;YAC9CT,eAAe,uBAAS,KAACZ;;;AAGhC"}
+{"version":3,"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { File } from '../../graphics/File/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  height?: number\n  imageCacheTag?: string\n  size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n  uploadConfig?: SanitizedCollectionConfig['upload']\n  width?: number\n}\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const {\n    className = '',\n    doc: { filename } = {},\n    fileSrc,\n    height,\n    imageCacheTag,\n    size,\n    width,\n  } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  let src: null | string = null\n\n  /**\n   * If an imageCacheTag is provided, append it to the fileSrc\n   * Check if the fileSrc already has a query string, if it does, append the imageCacheTag with an ampersand\n   */\n  if (fileSrc) {\n    const queryChar = fileSrc?.includes('?') ? '&' : '?'\n    src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc\n  }\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={filename as string} height={height} src={src} width={width} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n\ntype ThumbnailComponentProps = {\n  readonly alt?: string\n  readonly className?: string\n  readonly filename: string\n  readonly fileSrc: string\n  readonly imageCacheTag?: string\n  readonly size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n}\nexport function ThumbnailComponent(props: ThumbnailComponentProps) {\n  const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  let src: string = ''\n\n  /**\n   * If an imageCacheTag is provided, append it to the fileSrc\n   * Check if the fileSrc already has a query string, if it does, append the imageCacheTag with an ampersand\n   */\n  if (fileSrc) {\n    const queryChar = fileSrc?.includes('?') ? '&' : '?'\n    src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc\n  }\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={alt || filename} src={src} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"names":["React","baseClass","File","ShimmerEffect","Thumbnail","props","className","doc","filename","fileSrc","height","imageCacheTag","size","width","fileExists","setFileExists","useState","undefined","classNames","join","useEffect","img","Image","src","onload","onerror","queryChar","includes","encodeURIComponent","div","alt","ThumbnailComponent"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,aAAa,QAAQ,4BAA2B;AAczD,OAAO,MAAMC,YAAsC,CAACC;IAClD,MAAM,EACJC,YAAY,EAAE,EACdC,KAAK,EAAEC,QAAQ,EAAE,GAAG,CAAC,CAAC,EACtBC,OAAO,EACPC,MAAM,EACNC,aAAa,EACbC,IAAI,EACJC,KAAK,EACN,GAAGR;IACJ,MAAM,CAACS,YAAYC,cAAc,GAAGf,MAAMgB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACjB;QAAW,GAAGA,UAAU,OAAO,EAAEW,QAAQ,UAAU;QAAEN;KAAU,CAACa,IAAI,CAAC;IAEzFnB,MAAMoB,SAAS,CAAC;QACd,IAAI,CAACX,SAAS;YACZM,cAAc;YACd;QACF;QACAA,cAAcE;QAEd,MAAMI,MAAM,IAAIC;QAChBD,IAAIE,GAAG,GAAGd;QACVY,IAAIG,MAAM,GAAG;YACXT,cAAc;QAChB;QACAM,IAAII,OAAO,GAAG;YACZV,cAAc;QAChB;IACF,GAAG;QAACN;KAAQ;IAEZ,IAAIc,MAAqB;IAEzB;;;GAGC,GACD,IAAId,SAAS;QACX,MAAMiB,YAAYjB,SAASkB,SAAS,OAAO,MAAM;QACjDJ,MAAMZ,gBAAgB,GAAGF,UAAUiB,YAAYE,mBAAmBjB,gBAAgB,GAAGF;IACvF;IAEA,qBACE,QAACoB;QAAIvB,WAAWY;;YACbJ,eAAeG,2BAAa,QAACd;gBAAcO,QAAO;;;;;;YAClDI,4BAAc,QAACO;gBAAIS,KAAKtB;gBAAoBE,QAAQA;gBAAQa,KAAKA;gBAAKV,OAAOA;;;;;;YAC7EC,eAAe,uBAAS,QAACZ;;;;;;;;;;;AAGhC,EAAC;AAUD,OAAO,SAAS6B,mBAAmB1B,KAA8B;IAC/D,MAAM,EAAEyB,GAAG,EAAExB,YAAY,EAAE,EAAEE,QAAQ,EAAEC,OAAO,EAAEE,aAAa,EAAEC,IAAI,EAAE,GAAGP;IACxE,MAAM,CAACS,YAAYC,cAAc,GAAGf,MAAMgB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACjB;QAAW,GAAGA,UAAU,OAAO,EAAEW,QAAQ,UAAU;QAAEN;KAAU,CAACa,IAAI,CAAC;IAEzFnB,MAAMoB,SAAS,CAAC;QACd,IAAI,CAACX,SAAS;YACZM,cAAc;YACd;QACF;QACAA,cAAcE;QAEd,MAAMI,MAAM,IAAIC;QAChBD,IAAIE,GAAG,GAAGd;QACVY,IAAIG,MAAM,GAAG;YACXT,cAAc;QAChB;QACAM,IAAII,OAAO,GAAG;YACZV,cAAc;QAChB;IACF,GAAG;QAACN;KAAQ;IAEZ,IAAIc,MAAc;IAElB;;;GAGC,GACD,IAAId,SAAS;QACX,MAAMiB,YAAYjB,SAASkB,SAAS,OAAO,MAAM;QACjDJ,MAAMZ,gBAAgB,GAAGF,UAAUiB,YAAYE,mBAAmBjB,gBAAgB,GAAGF;IACvF;IAEA,qBACE,QAACoB;QAAIvB,WAAWY;;YACbJ,eAAeG,2BAAa,QAACd;gBAAcO,QAAO;;;;;;YAClDI,4BAAc,QAACO;gBAAIS,KAAKA,OAAOtB;gBAAUe,KAAKA;;;;;;YAC9CT,eAAe,uBAAS,QAACZ;;;;;;;;;;;AAGhC"}

package/dist/elements/ThumbnailCard/index.js

@@ -1,5 +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 React from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -26,22 +26,34 @@ export const ThumbnailCard = (props)=>{
             i18n
         });
     }
-    return /*#__PURE__*/ _jsxs("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: classes,
         onClick: onClick,
         title: title,
         type: "button",
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__thumbnail`,
                 children: thumbnail
-            }),
-            /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/ThumbnailCard/index.tsx",
+                lineNumber: 62,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__label`,
                 children: title
-            })
+            }, void 0, false, {
+                fileName: "src/elements/ThumbnailCard/index.tsx",
+                lineNumber: 63,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/ThumbnailCard/index.tsx",
+        lineNumber: 61,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map