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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,GAAGF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMC,KAAKC,SAAS,CAACP;;;AAG5B,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,GAAGF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,QAACI;QAAKC,WAAU;kBACd,cAAA,QAACC;sBAAMC,KAAKC,SAAS,CAACP;;;;;;;;;;;AAG5B,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Relationship/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 { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useIntersect } from '../../../../../hooks/useIntersect.js';
@@ -67,7 +67,7 @@ export const RelationshipCell = ({ cellData: cellDataFromProps, customCellProps:
     }, [
         cellData
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         ref: intersectionRef,
         children: [
@@ -88,24 +88,32 @@ export const RelationshipCell = ({ cellData: cellDataFromProps, customCellProps:
                     const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined;
                     const previewAllowed = fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true;
                     if (previewAllowed && document) {
-                        fileField = /*#__PURE__*/ _jsx(FileCell, {
+                        fileField = /*#__PURE__*/ _jsxDEV(FileCell, {
                             cellData: label,
                             collectionConfig: relatedCollection,
                             collectionSlug: relatedCollection.slug,
                             customCellProps: customCellContext,
                             field: field,
                             rowData: document
-                        });
+                        }, void 0, false, {
+                            fileName: "src/elements/Table/DefaultCell/fields/Relationship/index.tsx",
+                            lineNumber: 119,
+                            columnNumber: 15
+                        }, this);
                     }
                 }
-                return /*#__PURE__*/ _jsxs(React.Fragment, {
+                return /*#__PURE__*/ _jsxDEV(React.Fragment, {
                     children: [
                         document === false && `${t('general:untitled')} - ID: ${value}`,
                         document === null && `${t('general:loading')}...`,
                         document ? fileField || label : null,
                         values.length > i + 1 && ', '
                     ]
-                }, i);
+                }, i, true, {
+                    fileName: "src/elements/Table/DefaultCell/fields/Relationship/index.tsx",
+                    lineNumber: 132,
+                    columnNumber: 11
+                }, this);
             }),
             Array.isArray(cellData) && cellData.length > totalToShow && t('fields:itemsAndMore', {
                 count: cellData.length - totalToShow,
@@ -115,7 +123,11 @@ export const RelationshipCell = ({ cellData: cellDataFromProps, customCellProps:
                 label: getTranslation(label || '', i18n)
             })
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Table/DefaultCell/fields/Relationship/index.tsx",
+        lineNumber: 95,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  DefaultCellComponentProps,\n  JoinFieldClient,\n  RelationshipFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport type RelationshipCellProps = DefaultCellComponentProps<\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  customCellProps: customCellContext,\n  field,\n  field: { label },\n}) => {\n  // conditionally extract relationTo both both relationship and join fields\n  const relationTo =\n    ('relationTo' in field && field.relationTo) || ('collection' in field && field.collection)\n\n  // conditionally extract docs from join fields\n  const cellData = useMemo(() => {\n    return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps\n  }, [cellDataFromProps, field])\n\n  const { config, getEntityConfig } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = getEntityConfig({\n          collectionSlug: relationTo,\n        })\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n          const previewAllowed =\n            fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                collectionConfig={relatedCollection}\n                collectionSlug={relatedCollection.slug}\n                customCellProps={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","cellData","cellDataFromProps","customCellProps","customCellContext","field","label","relationTo","collection","docs","config","getEntityConfig","collections","routes","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","api","div","className","ref","map","i","document","relatedCollection","collectionSlug","collectionConfig","data","dateFormat","admin","fallback","fileField","type","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","slug","rowData","Fragment","count","items"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  DefaultCellComponentProps,\n  JoinFieldClient,\n  RelationshipFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport type RelationshipCellProps = DefaultCellComponentProps<\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  customCellProps: customCellContext,\n  field,\n  field: { label },\n}) => {\n  // conditionally extract relationTo both both relationship and join fields\n  const relationTo =\n    ('relationTo' in field && field.relationTo) || ('collection' in field && field.collection)\n\n  // conditionally extract docs from join fields\n  const cellData = useMemo(() => {\n    return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps\n  }, [cellDataFromProps, field])\n\n  const { config, getEntityConfig } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = getEntityConfig({\n          collectionSlug: relationTo,\n        })\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n          const previewAllowed =\n            fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                collectionConfig={relatedCollection}\n                collectionSlug={relatedCollection.slug}\n                customCellProps={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","cellData","cellDataFromProps","customCellProps","customCellContext","field","label","relationTo","collection","docs","config","getEntityConfig","collections","routes","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","api","div","className","ref","map","i","document","relatedCollection","collectionSlug","collectionConfig","data","dateFormat","admin","fallback","fileField","type","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","slug","rowData","Fragment","count","items"],"mappings":"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"}

package/dist/elements/Table/DefaultCell/fields/Select/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 { getTranslation } from '@payloadcms/translations';
 import { optionsAreObjects } from 'payload/shared';
 import React from 'react';
@@ -20,9 +20,13 @@ export const SelectCell = ({ cellData, field: { options } })=>{
         content = Array.isArray(cellData) ? cellData.join(', ') : // hasMany
         cellData;
     }
-    return /*#__PURE__*/ _jsx("span", {
+    return /*#__PURE__*/ _jsxDEV("span", {
         children: content
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/fields/Select/index.tsx",
+        lineNumber: 35,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, OptionObject, SelectFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { optionsAreObjects } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface SelectCellProps extends DefaultCellComponentProps<SelectFieldClient> {}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, field: { options } }) => {\n  const { i18n } = useTranslation()\n\n  const findLabel = (items: string[]) =>\n    items\n      .map((i) => {\n        const found = (options as OptionObject[]).filter((f: OptionObject) => f.value === i)?.[0]\n          ?.label\n        return getTranslation(found, i18n)\n      })\n      .join(', ')\n\n  let content = ''\n  if (optionsAreObjects(options)) {\n    content = Array.isArray(cellData)\n      ? findLabel(cellData) // hasMany\n      : findLabel([cellData])\n  } else {\n    content = Array.isArray(cellData)\n      ? cellData.join(', ') // hasMany\n      : cellData\n  }\n\n  return <span>{content}</span>\n}\n"],"names":["getTranslation","optionsAreObjects","React","useTranslation","SelectCell","cellData","field","options","i18n","findLabel","items","map","i","found","filter","f","value","label","join","content","Array","isArray","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAE,EAAE;IACpF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,YAAY,CAACC,QACjBA,MACGC,GAAG,CAAC,CAACC;YACJ,MAAMC,QAAQ,AAACN,QAA2BO,MAAM,CAAC,CAACC,IAAoBA,EAAEC,KAAK,KAAKJ,IAAI,CAAC,EAAE,EACrFK;YACJ,OAAOjB,eAAea,OAAOL;QAC/B,GACCU,IAAI,CAAC;IAEV,IAAIC,UAAU;IACd,IAAIlB,kBAAkBM,UAAU;QAC9BY,UAAUC,MAAMC,OAAO,CAAChB,YACpBI,UAAUJ,YAAU,UAAU;QAC9BI,UAAU;YAACJ;SAAS;IAC1B,OAAO;QACLc,UAAUC,MAAMC,OAAO,CAAChB,YACpBA,SAASa,IAAI,CAAC,QAAM,UAAU;QAC9Bb;IACN;IAEA,qBAAO,KAACiB;kBAAMH;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, OptionObject, SelectFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { optionsAreObjects } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface SelectCellProps extends DefaultCellComponentProps<SelectFieldClient> {}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, field: { options } }) => {\n  const { i18n } = useTranslation()\n\n  const findLabel = (items: string[]) =>\n    items\n      .map((i) => {\n        const found = (options as OptionObject[]).filter((f: OptionObject) => f.value === i)?.[0]\n          ?.label\n        return getTranslation(found, i18n)\n      })\n      .join(', ')\n\n  let content = ''\n  if (optionsAreObjects(options)) {\n    content = Array.isArray(cellData)\n      ? findLabel(cellData) // hasMany\n      : findLabel([cellData])\n  } else {\n    content = Array.isArray(cellData)\n      ? cellData.join(', ') // hasMany\n      : cellData\n  }\n\n  return <span>{content}</span>\n}\n"],"names":["getTranslation","optionsAreObjects","React","useTranslation","SelectCell","cellData","field","options","i18n","findLabel","items","map","i","found","filter","f","value","label","join","content","Array","isArray","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAE,EAAE;IACpF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,YAAY,CAACC,QACjBA,MACGC,GAAG,CAAC,CAACC;YACJ,MAAMC,QAAQ,AAACN,QAA2BO,MAAM,CAAC,CAACC,IAAoBA,EAAEC,KAAK,KAAKJ,IAAI,CAAC,EAAE,EACrFK;YACJ,OAAOjB,eAAea,OAAOL;QAC/B,GACCU,IAAI,CAAC;IAEV,IAAIC,UAAU;IACd,IAAIlB,kBAAkBM,UAAU;QAC9BY,UAAUC,MAAMC,OAAO,CAAChB,YACpBI,UAAUJ,YAAU,UAAU;QAC9BI,UAAU;YAACJ;SAAS;IAC1B,OAAO;QACLc,UAAUC,MAAMC,OAAO,CAAChB,YACpBA,SAASa,IAAI,CAAC,QAAM,UAAU;QAC9Bb;IACN;IAEA,qBAAO,QAACiB;kBAAMH;;;;;;AAChB,EAAC"}

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

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

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

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

package/dist/elements/Table/DefaultCell/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 { getTranslation } from '@payloadcms/translations';
 import { fieldAffectsData, fieldIsID } from 'payload/shared';
 import React from 'react';
@@ -51,9 +51,9 @@ export const DefaultCell = (props)=>{
         };
     }
     if (fieldIsID(field)) {
-        return /*#__PURE__*/ _jsx(WrapElement, {
+        return /*#__PURE__*/ _jsxDEV(WrapElement, {
             ...wrapElementProps,
-            children: /*#__PURE__*/ _jsx(CodeCell, {
+            children: /*#__PURE__*/ _jsxDEV(CodeCell, {
                 cellData: `ID: ${cellData}`,
                 collectionConfig: collectionConfig,
                 collectionSlug: collectionSlug,
@@ -63,8 +63,16 @@ export const DefaultCell = (props)=>{
                 },
                 nowrap: true,
                 rowData: rowData
-            })
-        });
+            }, void 0, false, {
+                fileName: "src/elements/Table/DefaultCell/index.tsx",
+                lineNumber: 95,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/index.tsx",
+            lineNumber: 94,
+            columnNumber: 7
+        }, this);
     }
     const displayedValue = getDisplayedFieldValue(cellData, field, i18n);
     const DefaultCellComponent = typeof cellData !== 'undefined' && cellComponents[field.type];
@@ -73,24 +81,32 @@ export const DefaultCell = (props)=>{
     if (isValidReactElement(displayedValue)) {
         CellComponent = displayedValue;
     } else if (DefaultCellComponent) {
-        CellComponent = /*#__PURE__*/ _jsx(DefaultCellComponent, {
+        CellComponent = /*#__PURE__*/ _jsxDEV(DefaultCellComponent, {
             cellData: cellData,
             rowData: rowData,
             ...props
-        });
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/index.tsx",
+            lineNumber: 121,
+            columnNumber: 21
+        }, this);
     } else if (!DefaultCellComponent) {
         // DefaultCellComponent does not exist for certain field types like `text`
         if (collectionConfig?.upload && fieldAffectsData(field) && field.name === 'filename' && field.type === 'text') {
             const FileCellComponent = cellComponents.File;
-            CellComponent = /*#__PURE__*/ _jsx(FileCellComponent, {
+            CellComponent = /*#__PURE__*/ _jsxDEV(FileCellComponent, {
                 cellData: cellData,
                 rowData: rowData,
                 ...props,
                 collectionConfig: collectionConfig,
                 field: field
-            });
+            }, void 0, false, {
+                fileName: "src/elements/Table/DefaultCell/index.tsx",
+                lineNumber: 133,
+                columnNumber: 9
+            }, this);
         } else {
-            return /*#__PURE__*/ _jsxs(WrapElement, {
+            return /*#__PURE__*/ _jsxDEV(WrapElement, {
                 ...wrapElementProps,
                 children: [
                     (displayedValue === '' || typeof displayedValue === 'undefined' || displayedValue === null) && i18n.t('general:noLabel', {
@@ -100,7 +116,11 @@ export const DefaultCell = (props)=>{
                     typeof displayedValue === 'number' && displayedValue,
                     typeof displayedValue === 'object' && displayedValue !== null && JSON.stringify(displayedValue)
                 ]
-            });
+            }, void 0, true, {
+                fileName: "src/elements/Table/DefaultCell/index.tsx",
+                lineNumber: 143,
+                columnNumber: 9
+            }, this);
         }
     }
     if ((field.type === 'select' || field.type === 'radio') && field.options.length && cellData) {
@@ -109,16 +129,24 @@ export const DefaultCell = (props)=>{
             wrapElementProps.className,
             classes
         ].filter(Boolean).join(' ');
-        return /*#__PURE__*/ _jsx(WrapElement, {
+        return /*#__PURE__*/ _jsxDEV(WrapElement, {
             ...wrapElementProps,
             className: className,
             children: CellComponent
-        });
+        }, void 0, false, {
+            fileName: "src/elements/Table/DefaultCell/index.tsx",
+            lineNumber: 168,
+            columnNumber: 7
+        }, this);
     }
-    return /*#__PURE__*/ _jsx(WrapElement, {
+    return /*#__PURE__*/ _jsxDEV(WrapElement, {
         ...wrapElementProps,
         children: CellComponent
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Table/DefaultCell/index.tsx",
+        lineNumber: 174,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsID } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { isValidReactElement } from '../../../utilities/isValidReactElement.js'\nimport { Link } from '../../Link/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionSlug,\n    field,\n    field: { admin },\n    link,\n    linkURL,\n    onClick: onClickFromProps,\n    rowData,\n    viewType,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n\n    // Use custom linkURL if provided, otherwise use default URL generation\n    if (linkURL) {\n      wrapElementProps.href = linkURL\n    } else {\n      wrapElementProps.href = collectionConfig?.slug\n        ? formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionConfig?.slug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(rowData.id)}`,\n          })\n        : ''\n    }\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  if (fieldIsID(field)) {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          collectionConfig={collectionConfig}\n          collectionSlug={collectionSlug}\n          field={{\n            ...field,\n            type: 'code',\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  // Handle JSX labels before using DefaultCellComponent\n  if (isValidReactElement(displayedValue)) {\n    CellComponent = displayedValue\n  } else if (DefaultCellComponent) {\n    CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (\n      collectionConfig?.upload &&\n      fieldAffectsData(field) &&\n      field.name === 'filename' &&\n      field.type === 'text'\n    ) {\n      const FileCellComponent = cellComponents.File\n\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          rowData={rowData}\n          {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n          collectionConfig={collectionConfig}\n          field={field}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(displayedValue === '' ||\n            typeof displayedValue === 'undefined' ||\n            displayedValue === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof displayedValue === 'string' && displayedValue}\n          {typeof displayedValue === 'number' && displayedValue}\n          {typeof displayedValue === 'object' &&\n            displayedValue !== null &&\n            JSON.stringify(displayedValue)}\n        </WrapElement>\n      )\n    }\n  }\n\n  if ((field.type === 'select' || field.type === 'radio') && field.options.length && cellData) {\n    const classes = Array.isArray(cellData)\n      ? cellData.map((value) => `selected--${value}`).join(' ')\n      : `selected--${cellData}`\n\n    const className = [wrapElementProps.className, classes].filter(Boolean).join(' ')\n\n    return (\n      <WrapElement {...wrapElementProps} className={className}>\n        {CellComponent}\n      </WrapElement>\n    )\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"names":["getTranslation","fieldAffectsData","fieldIsID","React","useConfig","useTranslation","formatAdminURL","getDisplayedFieldValue","isValidReactElement","Link","CodeCell","cellComponents","DefaultCell","props","cellData","className","classNameFromProps","collectionSlug","field","admin","link","linkURL","onClick","onClickFromProps","rowData","viewType","i18n","config","routes","adminRoute","getEntityConfig","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","nowrap","displayedValue","DefaultCellComponent","CellComponent","upload","name","FileCellComponent","File","t","label","JSON","stringify","options","length","classes","Array","isArray","map","value","join","filter","Boolean"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsID } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { isValidReactElement } from '../../../utilities/isValidReactElement.js'\nimport { Link } from '../../Link/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionSlug,\n    field,\n    field: { admin },\n    link,\n    linkURL,\n    onClick: onClickFromProps,\n    rowData,\n    viewType,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n\n    // Use custom linkURL if provided, otherwise use default URL generation\n    if (linkURL) {\n      wrapElementProps.href = linkURL\n    } else {\n      wrapElementProps.href = collectionConfig?.slug\n        ? formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionConfig?.slug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(rowData.id)}`,\n          })\n        : ''\n    }\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  if (fieldIsID(field)) {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          collectionConfig={collectionConfig}\n          collectionSlug={collectionSlug}\n          field={{\n            ...field,\n            type: 'code',\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  // Handle JSX labels before using DefaultCellComponent\n  if (isValidReactElement(displayedValue)) {\n    CellComponent = displayedValue\n  } else if (DefaultCellComponent) {\n    CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (\n      collectionConfig?.upload &&\n      fieldAffectsData(field) &&\n      field.name === 'filename' &&\n      field.type === 'text'\n    ) {\n      const FileCellComponent = cellComponents.File\n\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          rowData={rowData}\n          {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n          collectionConfig={collectionConfig}\n          field={field}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(displayedValue === '' ||\n            typeof displayedValue === 'undefined' ||\n            displayedValue === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof displayedValue === 'string' && displayedValue}\n          {typeof displayedValue === 'number' && displayedValue}\n          {typeof displayedValue === 'object' &&\n            displayedValue !== null &&\n            JSON.stringify(displayedValue)}\n        </WrapElement>\n      )\n    }\n  }\n\n  if ((field.type === 'select' || field.type === 'radio') && field.options.length && cellData) {\n    const classes = Array.isArray(cellData)\n      ? cellData.map((value) => `selected--${value}`).join(' ')\n      : `selected--${cellData}`\n\n    const className = [wrapElementProps.className, classes].filter(Boolean).join(' ')\n\n    return (\n      <WrapElement {...wrapElementProps} className={className}>\n        {CellComponent}\n      </WrapElement>\n    )\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"names":["getTranslation","fieldAffectsData","fieldIsID","React","useConfig","useTranslation","formatAdminURL","getDisplayedFieldValue","isValidReactElement","Link","CodeCell","cellComponents","DefaultCell","props","cellData","className","classNameFromProps","collectionSlug","field","admin","link","linkURL","onClick","onClickFromProps","rowData","viewType","i18n","config","routes","adminRoute","getEntityConfig","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","nowrap","displayedValue","DefaultCellComponent","CellComponent","upload","name","FileCellComponent","File","t","label","JSON","stringify","options","length","classes","Array","isArray","map","value","join","filter","Boolean"],"mappings":"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"}

package/dist/elements/Table/OrderableRow.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Table/OrderableRow.tsx"],"sourcesContent":["import type { DraggableSyntheticListeners } from '@dnd-kit/core'\nimport type { Column } from 'payload'\nimport type { HTMLAttributes, Ref } from 'react'\n\nexport type Props = {\n  readonly cellMap: Record<string, number>\n  readonly columns: Column[]\n  readonly dragAttributes?: HTMLAttributes<unknown>\n  readonly dragListeners?: DraggableSyntheticListeners\n  readonly ref?: Ref<HTMLTableRowElement>\n  readonly rowId: number | string\n} & HTMLAttributes<HTMLTableRowElement>\n\nexport const OrderableRow = ({\n  cellMap,\n  columns,\n  dragAttributes = {},\n  dragListeners = {},\n  rowId,\n  ...rest\n}: Props) => (\n  <tr {...rest}>\n    {columns.map((col, colIndex) => {\n      const { accessor } = col\n\n      // Use the cellMap to find which index in the renderedCells to use\n      const cell = col.renderedCells[cellMap[rowId]]\n\n      // For drag handles, wrap in div with drag attributes\n      if (accessor === '_dragHandle') {\n        return (\n          <td className={`cell-${accessor}`} key={colIndex}>\n            <div {...dragAttributes} {...dragListeners}>\n              {cell}\n            </div>\n          </td>\n        )\n      }\n\n      return (\n        <td className={`cell-${accessor}`} key={colIndex}>\n          {cell}\n        </td>\n      )\n    })}\n  </tr>\n)\n"],"names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","rowId","rest","tr","map","col","colIndex","accessor","cell","renderedCells","td","className","div"],"mappings":";AAaA,OAAO,MAAMA,eAAe,CAAC,EAC3BC,OAAO,EACPC,OAAO,EACPC,iBAAiB,CAAC,CAAC,EACnBC,gBAAgB,CAAC,CAAC,EAClBC,KAAK,EACL,GAAGC,MACG,iBACN,KAACC;QAAI,GAAGD,IAAI;kBACTJ,QAAQM,GAAG,CAAC,CAACC,KAAKC;YACjB,MAAM,EAAEC,QAAQ,EAAE,GAAGF;YAErB,kEAAkE;YAClE,MAAMG,OAAOH,IAAII,aAAa,CAACZ,OAAO,CAACI,MAAM,CAAC;YAE9C,qDAAqD;YACrD,IAAIM,aAAa,eAAe;gBAC9B,qBACE,KAACG;oBAAGC,WAAW,CAAC,KAAK,EAAEJ,UAAU;8BAC/B,cAAA,KAACK;wBAAK,GAAGb,cAAc;wBAAG,GAAGC,aAAa;kCACvCQ;;mBAFmCF;YAM5C;YAEA,qBACE,KAACI;gBAAGC,WAAW,CAAC,KAAK,EAAEJ,UAAU;0BAC9BC;eADqCF;QAI5C;OAEH"}
+{"version":3,"sources":["../../../src/elements/Table/OrderableRow.tsx"],"sourcesContent":["import type { DraggableSyntheticListeners } from '@dnd-kit/core'\nimport type { Column } from 'payload'\nimport type { HTMLAttributes, Ref } from 'react'\n\nexport type Props = {\n  readonly cellMap: Record<string, number>\n  readonly columns: Column[]\n  readonly dragAttributes?: HTMLAttributes<unknown>\n  readonly dragListeners?: DraggableSyntheticListeners\n  readonly ref?: Ref<HTMLTableRowElement>\n  readonly rowId: number | string\n} & HTMLAttributes<HTMLTableRowElement>\n\nexport const OrderableRow = ({\n  cellMap,\n  columns,\n  dragAttributes = {},\n  dragListeners = {},\n  rowId,\n  ...rest\n}: Props) => (\n  <tr {...rest}>\n    {columns.map((col, colIndex) => {\n      const { accessor } = col\n\n      // Use the cellMap to find which index in the renderedCells to use\n      const cell = col.renderedCells[cellMap[rowId]]\n\n      // For drag handles, wrap in div with drag attributes\n      if (accessor === '_dragHandle') {\n        return (\n          <td className={`cell-${accessor}`} key={colIndex}>\n            <div {...dragAttributes} {...dragListeners}>\n              {cell}\n            </div>\n          </td>\n        )\n      }\n\n      return (\n        <td className={`cell-${accessor}`} key={colIndex}>\n          {cell}\n        </td>\n      )\n    })}\n  </tr>\n)\n"],"names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","rowId","rest","tr","map","col","colIndex","accessor","cell","renderedCells","td","className","div"],"mappings":";AAaA,OAAO,MAAMA,eAAe,CAAC,EAC3BC,OAAO,EACPC,OAAO,EACPC,iBAAiB,CAAC,CAAC,EACnBC,gBAAgB,CAAC,CAAC,EAClBC,KAAK,EACL,GAAGC,MACG,iBACN,QAACC;QAAI,GAAGD,IAAI;kBACTJ,QAAQM,GAAG,CAAC,CAACC,KAAKC;YACjB,MAAM,EAAEC,QAAQ,EAAE,GAAGF;YAErB,kEAAkE;YAClE,MAAMG,OAAOH,IAAII,aAAa,CAACZ,OAAO,CAACI,MAAM,CAAC;YAE9C,qDAAqD;YACrD,IAAIM,aAAa,eAAe;gBAC9B,qBACE,QAACG;oBAAGC,WAAW,CAAC,KAAK,EAAEJ,UAAU;8BAC/B,cAAA,QAACK;wBAAK,GAAGb,cAAc;wBAAG,GAAGC,aAAa;kCACvCQ;;;;;;mBAFmCF;;;;;YAM5C;YAEA,qBACE,QAACI;gBAAGC,WAAW,CAAC,KAAK,EAAEJ,UAAU;0BAC9BC;eADqCF;;;;;QAI5C;;;;;aAEH"}

package/dist/elements/Table/OrderableRowDragPreview.js

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

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

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