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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { PreviewButtonClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { ExternalLinkIcon } from '../../icons/ExternalLink/index.js'\nimport './index.scss'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'preview-btn'\n\nexport function PreviewButton(props: PreviewButtonClientProps) {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n\n  if (!previewURL) {\n    return null\n  }\n\n  return (\n    <a\n      aria-label={t('version:preview')}\n      className={baseClass}\n      href={previewURL}\n      id=\"preview-button\"\n      target=\"_blank\"\n      title={t('version:preview')}\n    >\n      <ExternalLinkIcon />\n    </a>\n  )\n}\n"],"names":["React","ExternalLinkIcon","usePreviewURL","useTranslation","baseClass","PreviewButton","props","previewURL","t","a","aria-label","className","href","id","target","title"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,oCAAmC;AACpE,OAAO,eAAc;AACrB,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,cAAcC,KAA+B;IAC3D,MAAM,EAAEC,UAAU,EAAE,GAAGL;IACvB,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACI,YAAY;QACf,OAAO;IACT;IAEA,qBACE,QAACE;QACCC,cAAYF,EAAE;QACdG,WAAWP;QACXQ,MAAML;QACNM,IAAG;QACHC,QAAO;QACPC,OAAOP,EAAE;kBAET,cAAA,QAACP;;;;;;;;;;AAGP"}
+{"version":3,"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { PreviewButtonClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { ExternalLinkIcon } from '../../icons/ExternalLink/index.js'\nimport './index.scss'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'preview-btn'\n\nexport function PreviewButton(props: PreviewButtonClientProps) {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n\n  if (!previewURL) {\n    return null\n  }\n\n  return (\n    <a\n      aria-label={t('version:preview')}\n      className={baseClass}\n      href={previewURL}\n      id=\"preview-button\"\n      target=\"_blank\"\n      title={t('version:preview')}\n    >\n      <ExternalLinkIcon />\n    </a>\n  )\n}\n"],"names":["ExternalLinkIcon","usePreviewURL","useTranslation","baseClass","PreviewButton","props","previewURL","t","a","aria-label","className","href","id","target","title"],"mappings":"AAAA;AAKA,SAASA,gBAAgB,QAAQ,oCAAmC;AACpE,OAAO,eAAc;AACrB,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,cAAcC,KAA+B;IAC3D,MAAM,EAAEC,UAAU,EAAE,GAAGL;IACvB,MAAM,EAAEM,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACI,YAAY;QACf,OAAO;IACT;IAEA,QACGE,EACCC,YAAYF,EAAE,oBACdG,WAAWP,WACXQ,MAAML,YACNM,GAAG,iBACHC,OAAO,SACPC,OAAOP,EAAE,oBACV;MACC,CAACP,kBAAmB;IACtB,EAAEQ;AAEN"}

package/dist/elements/PreviewSizes/index.js

@@ -1,6 +1,5 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React, { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { FileMeta } from '../FileDetails/FileMeta/index.js';
 import './index.scss';
 const baseClass = 'preview-sizes';
@@ -17,68 +16,25 @@ const sortSizes = (sizes, imageSizes)=>{
     return orderedSizes;
 };
 const PreviewSizeCard = ({ name, active, meta, onClick, previewSrc })=>{
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            `${baseClass}__sizeOption`,
-            active && `${baseClass}--selected`
-        ].filter(Boolean).join(' '),
-        onClick: typeof onClick === 'function' ? onClick : undefined,
-        onKeyDown: (e)=>{
-            if (typeof onClick !== 'function') {
-                return;
-            }
-            if (e.key === 'Enter') {
-                onClick();
-            }
-        },
-        role: "button",
-        tabIndex: 0,
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__image`,
-                children: /*#__PURE__*/ _jsxDEV("img", {
-                    alt: meta.filename,
-                    src: previewSrc
-                }, void 0, false, {
-                    fileName: "src/elements/PreviewSizes/index.tsx",
-                    lineNumber: 66,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/PreviewSizes/index.tsx",
-                lineNumber: 65,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__sizeMeta`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__sizeName`,
-                        children: name
-                    }, void 0, false, {
-                        fileName: "src/elements/PreviewSizes/index.tsx",
-                        lineNumber: 69,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV(FileMeta, {
-                        ...meta
-                    }, void 0, false, {
-                        fileName: "src/elements/PreviewSizes/index.tsx",
-                        lineNumber: 70,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/PreviewSizes/index.tsx",
-                lineNumber: 68,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/PreviewSizes/index.tsx",
-        lineNumber: 49,
-        columnNumber: 5
-    }, this);
+    return <div className={[
+        `${baseClass}__sizeOption`,
+        active && `${baseClass}--selected`
+    ].filter(Boolean).join(' ')} onClick={typeof onClick === 'function' ? onClick : undefined} onKeyDown={(e)=>{
+        if (typeof onClick !== 'function') {
+            return;
+        }
+        if (e.key === 'Enter') {
+            onClick();
+        }
+    }} role="button" tabIndex={0}>
+      <div className={`${baseClass}__image`}>
+        <img alt={meta.filename} src={previewSrc}/>
+      </div>
+      <div className={`${baseClass}__sizeMeta`}>
+        <div className={`${baseClass}__sizeName`}>{name}</div>
+        <FileMeta {...meta}/>
+      </div>
+    </div>;
 };
 export const PreviewSizes = ({ doc, imageCacheTag, uploadConfig })=>{
     const { imageSizes } = uploadConfig;
@@ -112,102 +68,29 @@ export const PreviewSizes = ({ doc, imageCacheTag, uploadConfig })=>{
         doc
     ]);
     const originalFilename = 'Original';
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__imageWrap`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__meta`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__sizeName`,
-                                children: selectedSize || originalFilename
-                            }, void 0, false, {
-                                fileName: "src/elements/PreviewSizes/index.tsx",
-                                lineNumber: 126,
-                                columnNumber: 11
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(FileMeta, {
-                                ...selectedSize ? orderedSizes[selectedSize] : originalImage
-                            }, void 0, false, {
-                                fileName: "src/elements/PreviewSizes/index.tsx",
-                                lineNumber: 127,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/PreviewSizes/index.tsx",
-                        lineNumber: 125,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("img", {
-                        alt: doc.filename,
-                        className: `${baseClass}__preview`,
-                        src: mainPreviewSrc
-                    }, void 0, false, {
-                        fileName: "src/elements/PreviewSizes/index.tsx",
-                        lineNumber: 129,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/PreviewSizes/index.tsx",
-                lineNumber: 124,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__listWrap`,
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__list`,
-                    children: [
-                        /*#__PURE__*/ _jsxDEV(PreviewSizeCard, {
-                            active: !selectedSize,
-                            meta: originalImage,
-                            name: originalFilename,
-                            onClick: ()=>setSelectedSize(null),
-                            previewSrc: generateImageUrl(doc)
-                        }, void 0, false, {
-                            fileName: "src/elements/PreviewSizes/index.tsx",
-                            lineNumber: 133,
-                            columnNumber: 11
-                        }, this),
-                        Object.entries(orderedSizes).map(([key, val])=>{
-                            const selected = selectedSize === key;
-                            const previewSrc = generateImageUrl(val);
-                            if (previewSrc) {
-                                return /*#__PURE__*/ _jsxDEV(PreviewSizeCard, {
-                                    active: selected,
-                                    meta: val,
-                                    name: key,
-                                    onClick: ()=>setSelectedSize(key),
-                                    previewSrc: previewSrc
-                                }, key, false, {
-                                    fileName: "src/elements/PreviewSizes/index.tsx",
-                                    lineNumber: 147,
-                                    columnNumber: 17
-                                }, this);
-                            }
-                            return null;
-                        })
-                    ]
-                }, void 0, true, {
-                    fileName: "src/elements/PreviewSizes/index.tsx",
-                    lineNumber: 132,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/PreviewSizes/index.tsx",
-                lineNumber: 131,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/PreviewSizes/index.tsx",
-        lineNumber: 123,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass}>
+      <div className={`${baseClass}__imageWrap`}>
+        <div className={`${baseClass}__meta`}>
+          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>
+          <FileMeta {...selectedSize ? orderedSizes[selectedSize] : originalImage}/>
+        </div>
+        <img alt={doc.filename} className={`${baseClass}__preview`} src={mainPreviewSrc}/>
+      </div>
+      <div className={`${baseClass}__listWrap`}>
+        <div className={`${baseClass}__list`}>
+          <PreviewSizeCard active={!selectedSize} meta={originalImage} name={originalFilename} onClick={()=>setSelectedSize(null)} previewSrc={generateImageUrl(doc)}/>
+
+          {Object.entries(orderedSizes).map(([key, val])=>{
+        const selected = selectedSize === key;
+        const previewSrc = generateImageUrl(val);
+        if (previewSrc) {
+            return <PreviewSizeCard active={selected} key={key} meta={val} name={key} onClick={()=>setSelectedSize(key)} previewSrc={previewSrc}/>;
+        }
+        return null;
+    })}
+        </div>
+      </div>
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PreviewSizes/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSize, SanitizedCollectionConfig, SanitizedUploadConfig } from 'payload'\n\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { FileMeta } from '../FileDetails/FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'preview-sizes'\n\ntype FileInfo = {\n  url: string\n} & FileSize\ntype FilesSizesWithUrl = {\n  [key: string]: FileInfo\n}\n\nconst sortSizes = (sizes: FilesSizesWithUrl, imageSizes: SanitizedUploadConfig['imageSizes']) => {\n  if (!imageSizes || imageSizes.length === 0) {\n    return sizes\n  }\n\n  const orderedSizes: FilesSizesWithUrl = {}\n\n  imageSizes.forEach(({ name }) => {\n    if (sizes[name]) {\n      orderedSizes[name] = sizes[name]\n    }\n  })\n\n  return orderedSizes\n}\n\ntype PreviewSizeCardProps = {\n  active: boolean\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  meta,\n  onClick,\n  previewSrc,\n}) => {\n  return (\n    <div\n      className={[`${baseClass}__sizeOption`, active && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={typeof onClick === 'function' ? onClick : undefined}\n      onKeyDown={(e) => {\n        if (typeof onClick !== 'function') {\n          return\n        }\n        if (e.key === 'Enter') {\n          onClick()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__image`}>\n        <img alt={meta.filename} src={previewSrc} />\n      </div>\n      <div className={`${baseClass}__sizeMeta`}>\n        <div className={`${baseClass}__sizeName`}>{name}</div>\n        <FileMeta {...meta} />\n      </div>\n    </div>\n  )\n}\n\nexport type PreviewSizesProps = {\n  doc: {\n    sizes?: FilesSizesWithUrl\n  } & Data\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const PreviewSizes: React.FC<PreviewSizesProps> = ({ doc, imageCacheTag, uploadConfig }) => {\n  const { imageSizes } = uploadConfig\n  const { sizes } = doc\n\n  const [orderedSizes, setOrderedSizes] = useState<FilesSizesWithUrl>(() =>\n    sortSizes(sizes, imageSizes),\n  )\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const generateImageUrl = (doc) => {\n    if (!doc.filename) {\n      return null\n    }\n    if (doc.url) {\n      return `${doc.url}${imageCacheTag ? `?${encodeURIComponent(imageCacheTag)}` : ''}`\n    }\n  }\n  useEffect(() => {\n    setOrderedSizes(sortSizes(sizes, imageSizes))\n  }, [sizes, imageSizes, imageCacheTag])\n\n  const mainPreviewSrc = selectedSize\n    ? generateImageUrl(doc.sizes[selectedSize])\n    : generateImageUrl(doc)\n\n  const originalImage = useMemo(\n    (): FileInfo => ({\n      filename: doc.filename,\n      filesize: doc.filesize,\n      height: doc.height,\n      mimeType: doc.mimeType,\n      url: doc.url,\n      width: doc.width,\n    }),\n    [doc],\n  )\n  const originalFilename = 'Original'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__imageWrap`}>\n        <div className={`${baseClass}__meta`}>\n          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>\n          <FileMeta {...(selectedSize ? orderedSizes[selectedSize] : originalImage)} />\n        </div>\n        <img alt={doc.filename} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            meta={originalImage}\n            name={originalFilename}\n            onClick={() => setSelectedSize(null)}\n            previewSrc={generateImageUrl(doc)}\n          />\n\n          {Object.entries(orderedSizes).map(([key, val]) => {\n            const selected = selectedSize === key\n            const previewSrc = generateImageUrl(val)\n\n            if (previewSrc) {\n              return (\n                <PreviewSizeCard\n                  active={selected}\n                  key={key}\n                  meta={val}\n                  name={key}\n                  onClick={() => setSelectedSize(key)}\n                  previewSrc={previewSrc}\n                />\n              )\n            }\n\n            return null\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","useEffect","useMemo","useState","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","meta","onClick","previewSrc","div","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","img","alt","filename","src","PreviewSizes","doc","imageCacheTag","uploadConfig","setOrderedSizes","selectedSize","setSelectedSize","generateImageUrl","url","encodeURIComponent","mainPreviewSrc","originalImage","filesize","height","mimeType","width","originalFilename","Object","entries","map","val","selected"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/PreviewSizes/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSize, SanitizedCollectionConfig, SanitizedUploadConfig } from 'payload'\n\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { FileMeta } from '../FileDetails/FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'preview-sizes'\n\ntype FileInfo = {\n  url: string\n} & FileSize\ntype FilesSizesWithUrl = {\n  [key: string]: FileInfo\n}\n\nconst sortSizes = (sizes: FilesSizesWithUrl, imageSizes: SanitizedUploadConfig['imageSizes']) => {\n  if (!imageSizes || imageSizes.length === 0) {\n    return sizes\n  }\n\n  const orderedSizes: FilesSizesWithUrl = {}\n\n  imageSizes.forEach(({ name }) => {\n    if (sizes[name]) {\n      orderedSizes[name] = sizes[name]\n    }\n  })\n\n  return orderedSizes\n}\n\ntype PreviewSizeCardProps = {\n  active: boolean\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  meta,\n  onClick,\n  previewSrc,\n}) => {\n  return (\n    <div\n      className={[`${baseClass}__sizeOption`, active && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={typeof onClick === 'function' ? onClick : undefined}\n      onKeyDown={(e) => {\n        if (typeof onClick !== 'function') {\n          return\n        }\n        if (e.key === 'Enter') {\n          onClick()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__image`}>\n        <img alt={meta.filename} src={previewSrc} />\n      </div>\n      <div className={`${baseClass}__sizeMeta`}>\n        <div className={`${baseClass}__sizeName`}>{name}</div>\n        <FileMeta {...meta} />\n      </div>\n    </div>\n  )\n}\n\nexport type PreviewSizesProps = {\n  doc: {\n    sizes?: FilesSizesWithUrl\n  } & Data\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const PreviewSizes: React.FC<PreviewSizesProps> = ({ doc, imageCacheTag, uploadConfig }) => {\n  const { imageSizes } = uploadConfig\n  const { sizes } = doc\n\n  const [orderedSizes, setOrderedSizes] = useState<FilesSizesWithUrl>(() =>\n    sortSizes(sizes, imageSizes),\n  )\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const generateImageUrl = (doc) => {\n    if (!doc.filename) {\n      return null\n    }\n    if (doc.url) {\n      return `${doc.url}${imageCacheTag ? `?${encodeURIComponent(imageCacheTag)}` : ''}`\n    }\n  }\n  useEffect(() => {\n    setOrderedSizes(sortSizes(sizes, imageSizes))\n  }, [sizes, imageSizes, imageCacheTag])\n\n  const mainPreviewSrc = selectedSize\n    ? generateImageUrl(doc.sizes[selectedSize])\n    : generateImageUrl(doc)\n\n  const originalImage = useMemo(\n    (): FileInfo => ({\n      filename: doc.filename,\n      filesize: doc.filesize,\n      height: doc.height,\n      mimeType: doc.mimeType,\n      url: doc.url,\n      width: doc.width,\n    }),\n    [doc],\n  )\n  const originalFilename = 'Original'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__imageWrap`}>\n        <div className={`${baseClass}__meta`}>\n          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>\n          <FileMeta {...(selectedSize ? orderedSizes[selectedSize] : originalImage)} />\n        </div>\n        <img alt={doc.filename} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            meta={originalImage}\n            name={originalFilename}\n            onClick={() => setSelectedSize(null)}\n            previewSrc={generateImageUrl(doc)}\n          />\n\n          {Object.entries(orderedSizes).map(([key, val]) => {\n            const selected = selectedSize === key\n            const previewSrc = generateImageUrl(val)\n\n            if (previewSrc) {\n              return (\n                <PreviewSizeCard\n                  active={selected}\n                  key={key}\n                  meta={val}\n                  name={key}\n                  onClick={() => setSelectedSize(key)}\n                  previewSrc={previewSrc}\n                />\n              )\n            }\n\n            return null\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["useEffect","useMemo","useState","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","meta","onClick","previewSrc","div","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","img","alt","filename","src","PreviewSizes","doc","imageCacheTag","uploadConfig","setOrderedSizes","selectedSize","setSelectedSize","generateImageUrl","url","encodeURIComponent","mainPreviewSrc","originalImage","filesize","height","mimeType","width","originalFilename","Object","entries","map","val","selected"],"mappings":"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"}

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.js

@@ -1,6 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
 import { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js';
 import { Button } from '../../Button/index.js';
 import { Pill } from '../../Pill/index.js';
@@ -13,27 +11,13 @@ export const buildUpcomingColumns = ({ dateFormat, deleteHandler, docs, i18n, lo
                 name: '',
                 type: 'text'
             },
-            Heading: /*#__PURE__*/ _jsxDEV("span", {
-                children: t('version:type')
-            }, void 0, false, {
-                fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                lineNumber: 39,
-                columnNumber: 16
-            }, this),
+            Heading: <span>{t('version:type')}</span>,
             renderedCells: docs.map((doc)=>{
                 const type = doc.input?.type;
-                return /*#__PURE__*/ _jsxDEV(Pill, {
-                    pillStyle: type === 'publish' ? 'success' : 'warning',
-                    size: "small",
-                    children: [
-                        type === 'publish' && t('version:publish'),
-                        type === 'unpublish' && t('version:unpublish')
-                    ]
-                }, doc.id, true, {
-                    fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                    lineNumber: 44,
-                    columnNumber: 11
-                }, this);
+                return <Pill key={doc.id} pillStyle={type === 'publish' ? 'success' : 'warning'} size="small">
+            {type === 'publish' && t('version:publish')}
+            {type === 'unpublish' && t('version:unpublish')}
+          </Pill>;
             })
         },
         {
@@ -43,25 +27,15 @@ export const buildUpcomingColumns = ({ dateFormat, deleteHandler, docs, i18n, lo
                 name: '',
                 type: 'date'
             },
-            Heading: /*#__PURE__*/ _jsxDEV("span", {
-                children: t('general:time')
-            }, void 0, false, {
-                fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                lineNumber: 58,
-                columnNumber: 16
-            }, this),
-            renderedCells: docs.map((doc)=>/*#__PURE__*/ _jsxDEV("span", {
-                    children: formatDate({
-                        date: doc.waitUntil,
-                        i18n,
-                        pattern: dateFormat,
-                        timezone: doc.input.timezone
-                    })
-                }, doc.id, false, {
-                    fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                    lineNumber: 60,
-                    columnNumber: 9
-                }, this))
+            Heading: <span>{t('general:time')}</span>,
+            renderedCells: docs.map((doc)=><span key={doc.id}>
+          {formatDate({
+                    date: doc.waitUntil,
+                    i18n,
+                    pattern: dateFormat,
+                    timezone: doc.input.timezone
+                })}
+        </span>)
         },
         {
             accessor: 'input.timezone',
@@ -70,23 +44,11 @@ export const buildUpcomingColumns = ({ dateFormat, deleteHandler, docs, i18n, lo
                 name: '',
                 type: 'text'
             },
-            Heading: /*#__PURE__*/ _jsxDEV("span", {
-                children: t('general:timezone')
-            }, void 0, false, {
-                fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                lineNumber: 77,
-                columnNumber: 16
-            }, this),
+            Heading: <span>{t('general:timezone')}</span>,
             renderedCells: docs.map((doc)=>{
                 const matchedTimezone = supportedTimezones.find((timezone)=>timezone.value === doc.input.timezone);
                 const timezone = matchedTimezone?.label || doc.input.timezone;
-                return /*#__PURE__*/ _jsxDEV("span", {
-                    children: timezone || t('general:noValue')
-                }, doc.id, false, {
-                    fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                    lineNumber: 85,
-                    columnNumber: 16
-                }, this);
+                return <span key={doc.id}>{timezone || t('general:noValue')}</span>;
             })
         }
     ];
@@ -98,33 +60,15 @@ export const buildUpcomingColumns = ({ dateFormat, deleteHandler, docs, i18n, lo
                 name: '',
                 type: 'text'
             },
-            Heading: /*#__PURE__*/ _jsxDEV("span", {
-                children: t('general:locale')
-            }, void 0, false, {
-                fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                lineNumber: 98,
-                columnNumber: 16
-            }, this),
+            Heading: <span>{t('general:locale')}</span>,
             renderedCells: docs.map((doc)=>{
                 if (doc.input.locale) {
                     const matchedLocale = localization.locales.find((locale)=>locale.code === doc.input.locale);
                     if (matchedLocale) {
-                        return /*#__PURE__*/ _jsxDEV("span", {
-                            children: getTranslation(matchedLocale.label, i18n)
-                        }, doc.id, false, {
-                            fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                            lineNumber: 105,
-                            columnNumber: 20
-                        }, this);
+                        return <span key={doc.id}>{getTranslation(matchedLocale.label, i18n)}</span>;
                     }
                 }
-                return /*#__PURE__*/ _jsxDEV("span", {
-                    children: t('general:all')
-                }, doc.id, false, {
-                    fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                    lineNumber: 109,
-                    columnNumber: 16
-                }, this);
+                return <span key={doc.id}>{t('general:all')}</span>;
             })
         });
     }
@@ -135,27 +79,11 @@ export const buildUpcomingColumns = ({ dateFormat, deleteHandler, docs, i18n, lo
             name: 'delete',
             type: 'text'
         },
-        Heading: /*#__PURE__*/ _jsxDEV("span", {
-            children: t('general:delete')
-        }, void 0, false, {
-            fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-            lineNumber: 121,
-            columnNumber: 14
-        }, this),
-        renderedCells: docs.map((doc)=>/*#__PURE__*/ _jsxDEV(Button, {
-                buttonStyle: "icon-label",
-                className: "schedule-publish__delete",
-                icon: "x",
-                onClick: (e)=>{
-                    e.preventDefault();
-                    deleteHandler(doc.id);
-                },
-                tooltip: t('general:delete')
-            }, doc.id, false, {
-                fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
-                lineNumber: 123,
-                columnNumber: 7
-            }, this))
+        Heading: <span>{t('general:delete')}</span>,
+        renderedCells: docs.map((doc)=><Button buttonStyle="icon-label" className="schedule-publish__delete" icon="x" key={doc.id} onClick={(e)=>{
+                e.preventDefault();
+                deleteHandler(doc.id);
+            }} tooltip={t('general:delete')}/>)
     });
     return columns;
 };

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"sourcesContent":["import type { ClientConfig, Column } from 'payload'\n\nimport { getTranslation, type I18nClient, type TFunction } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UpcomingEvent } from './types.js'\n\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Button } from '../../Button/index.js'\nimport { Pill } from '../../Pill/index.js'\n\ntype Args = {\n  dateFormat: string\n  deleteHandler: (id: number | string) => void\n  docs: UpcomingEvent[]\n  i18n: I18nClient\n  localization: ClientConfig['localization']\n  supportedTimezones: ClientConfig['admin']['timezones']['supportedTimezones']\n  t: TFunction\n}\n\nexport const buildUpcomingColumns = ({\n  dateFormat,\n  deleteHandler,\n  docs,\n  i18n,\n  localization,\n  supportedTimezones,\n  t,\n}: Args): Column[] => {\n  const columns: Column[] = [\n    {\n      accessor: 'input.type',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('version:type')}</span>,\n      renderedCells: docs.map((doc) => {\n        const type = doc.input?.type\n\n        return (\n          <Pill key={doc.id} pillStyle={type === 'publish' ? 'success' : 'warning'} size=\"small\">\n            {type === 'publish' && t('version:publish')}\n            {type === 'unpublish' && t('version:unpublish')}\n          </Pill>\n        )\n      }),\n    },\n    {\n      accessor: 'waitUntil',\n      active: true,\n      field: {\n        name: '',\n        type: 'date',\n      },\n      Heading: <span>{t('general:time')}</span>,\n      renderedCells: docs.map((doc) => (\n        <span key={doc.id}>\n          {formatDate({\n            date: doc.waitUntil,\n            i18n,\n            pattern: dateFormat,\n            timezone: doc.input.timezone,\n          })}\n        </span>\n      )),\n    },\n    {\n      accessor: 'input.timezone',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:timezone')}</span>,\n      renderedCells: docs.map((doc) => {\n        const matchedTimezone = supportedTimezones.find(\n          (timezone) => timezone.value === doc.input.timezone,\n        )\n\n        const timezone = matchedTimezone?.label || doc.input.timezone\n\n        return <span key={doc.id}>{timezone || t('general:noValue')}</span>\n      }),\n    },\n  ]\n\n  if (localization) {\n    columns.push({\n      accessor: 'input.locale',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:locale')}</span>,\n      renderedCells: docs.map((doc) => {\n        if (doc.input.locale) {\n          const matchedLocale = localization.locales.find(\n            (locale) => locale.code === doc.input.locale,\n          )\n          if (matchedLocale) {\n            return <span key={doc.id}>{getTranslation(matchedLocale.label, i18n)}</span>\n          }\n        }\n\n        return <span key={doc.id}>{t('general:all')}</span>\n      }),\n    })\n  }\n\n  columns.push({\n    accessor: 'delete',\n    active: true,\n    field: {\n      name: 'delete',\n      type: 'text',\n    },\n    Heading: <span>{t('general:delete')}</span>,\n    renderedCells: docs.map((doc) => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className=\"schedule-publish__delete\"\n        icon=\"x\"\n        key={doc.id}\n        onClick={(e) => {\n          e.preventDefault()\n          deleteHandler(doc.id)\n        }}\n        tooltip={t('general:delete')}\n      />\n    )),\n  })\n\n  return columns\n}\n"],"names":["getTranslation","React","formatDate","Button","Pill","buildUpcomingColumns","dateFormat","deleteHandler","docs","i18n","localization","supportedTimezones","t","columns","accessor","active","field","name","type","Heading","span","renderedCells","map","doc","input","pillStyle","size","id","date","waitUntil","pattern","timezone","matchedTimezone","find","value","label","push","locale","matchedLocale","locales","code","buttonStyle","className","icon","onClick","e","preventDefault","tooltip"],"mappings":";AAEA,SAASA,cAAc,QAAyC,2BAA0B;AAC1F,OAAOC,WAAW,QAAO;AAIzB,SAASC,UAAU,QAAQ,uDAAsD;AACjF,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,IAAI,QAAQ,sBAAqB;AAY1C,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,UAAU,EACVC,aAAa,EACbC,IAAI,EACJC,IAAI,EACJC,YAAY,EACZC,kBAAkB,EAClBC,CAAC,EACI;IACL,MAAMC,UAAoB;QACxB;YACEC,UAAU;YACVC,QAAQ;YACRC,OAAO;gBACLC,MAAM;gBACNC,MAAM;YACR;YACAC,uBAAS,QAACC;0BAAMR,EAAE;;;;;;YAClBS,eAAeb,KAAKc,GAAG,CAAC,CAACC;gBACvB,MAAML,OAAOK,IAAIC,KAAK,EAAEN;gBAExB,qBACE,QAACd;oBAAkBqB,WAAWP,SAAS,YAAY,YAAY;oBAAWQ,MAAK;;wBAC5ER,SAAS,aAAaN,EAAE;wBACxBM,SAAS,eAAeN,EAAE;;mBAFlBW,IAAII,EAAE;;;;;YAKrB;QACF;QACA;YACEb,UAAU;YACVC,QAAQ;YACRC,OAAO;gBACLC,MAAM;gBACNC,MAAM;YACR;YACAC,uBAAS,QAACC;0BAAMR,EAAE;;;;;;YAClBS,eAAeb,KAAKc,GAAG,CAAC,CAACC,oBACvB,QAACH;8BACElB,WAAW;wBACV0B,MAAML,IAAIM,SAAS;wBACnBpB;wBACAqB,SAASxB;wBACTyB,UAAUR,IAAIC,KAAK,CAACO,QAAQ;oBAC9B;mBANSR,IAAII,EAAE;;;;;QASrB;QACA;YACEb,UAAU;YACVC,QAAQ;YACRC,OAAO;gBACLC,MAAM;gBACNC,MAAM;YACR;YACAC,uBAAS,QAACC;0BAAMR,EAAE;;;;;;YAClBS,eAAeb,KAAKc,GAAG,CAAC,CAACC;gBACvB,MAAMS,kBAAkBrB,mBAAmBsB,IAAI,CAC7C,CAACF,WAAaA,SAASG,KAAK,KAAKX,IAAIC,KAAK,CAACO,QAAQ;gBAGrD,MAAMA,WAAWC,iBAAiBG,SAASZ,IAAIC,KAAK,CAACO,QAAQ;gBAE7D,qBAAO,QAACX;8BAAmBW,YAAYnB,EAAE;mBAAvBW,IAAII,EAAE;;;;;YAC1B;QACF;KACD;IAED,IAAIjB,cAAc;QAChBG,QAAQuB,IAAI,CAAC;YACXtB,UAAU;YACVC,QAAQ;YACRC,OAAO;gBACLC,MAAM;gBACNC,MAAM;YACR;YACAC,uBAAS,QAACC;0BAAMR,EAAE;;;;;;YAClBS,eAAeb,KAAKc,GAAG,CAAC,CAACC;gBACvB,IAAIA,IAAIC,KAAK,CAACa,MAAM,EAAE;oBACpB,MAAMC,gBAAgB5B,aAAa6B,OAAO,CAACN,IAAI,CAC7C,CAACI,SAAWA,OAAOG,IAAI,KAAKjB,IAAIC,KAAK,CAACa,MAAM;oBAE9C,IAAIC,eAAe;wBACjB,qBAAO,QAAClB;sCAAmBpB,eAAesC,cAAcH,KAAK,EAAE1B;2BAA7Cc,IAAII,EAAE;;;;;oBAC1B;gBACF;gBAEA,qBAAO,QAACP;8BAAmBR,EAAE;mBAAXW,IAAII,EAAE;;;;;YAC1B;QACF;IACF;IAEAd,QAAQuB,IAAI,CAAC;QACXtB,UAAU;QACVC,QAAQ;QACRC,OAAO;YACLC,MAAM;YACNC,MAAM;QACR;QACAC,uBAAS,QAACC;sBAAMR,EAAE;;;;;;QAClBS,eAAeb,KAAKc,GAAG,CAAC,CAACC,oBACvB,QAACpB;gBACCsC,aAAY;gBACZC,WAAU;gBACVC,MAAK;gBAELC,SAAS,CAACC;oBACRA,EAAEC,cAAc;oBAChBvC,cAAcgB,IAAII,EAAE;gBACtB;gBACAoB,SAASnC,EAAE;eALNW,IAAII,EAAE;;;;;IAQjB;IAEA,OAAOd;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"sourcesContent":["import type { ClientConfig, Column } from 'payload'\n\nimport { getTranslation, type I18nClient, type TFunction } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UpcomingEvent } from './types.js'\n\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Button } from '../../Button/index.js'\nimport { Pill } from '../../Pill/index.js'\n\ntype Args = {\n  dateFormat: string\n  deleteHandler: (id: number | string) => void\n  docs: UpcomingEvent[]\n  i18n: I18nClient\n  localization: ClientConfig['localization']\n  supportedTimezones: ClientConfig['admin']['timezones']['supportedTimezones']\n  t: TFunction\n}\n\nexport const buildUpcomingColumns = ({\n  dateFormat,\n  deleteHandler,\n  docs,\n  i18n,\n  localization,\n  supportedTimezones,\n  t,\n}: Args): Column[] => {\n  const columns: Column[] = [\n    {\n      accessor: 'input.type',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('version:type')}</span>,\n      renderedCells: docs.map((doc) => {\n        const type = doc.input?.type\n\n        return (\n          <Pill key={doc.id} pillStyle={type === 'publish' ? 'success' : 'warning'} size=\"small\">\n            {type === 'publish' && t('version:publish')}\n            {type === 'unpublish' && t('version:unpublish')}\n          </Pill>\n        )\n      }),\n    },\n    {\n      accessor: 'waitUntil',\n      active: true,\n      field: {\n        name: '',\n        type: 'date',\n      },\n      Heading: <span>{t('general:time')}</span>,\n      renderedCells: docs.map((doc) => (\n        <span key={doc.id}>\n          {formatDate({\n            date: doc.waitUntil,\n            i18n,\n            pattern: dateFormat,\n            timezone: doc.input.timezone,\n          })}\n        </span>\n      )),\n    },\n    {\n      accessor: 'input.timezone',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:timezone')}</span>,\n      renderedCells: docs.map((doc) => {\n        const matchedTimezone = supportedTimezones.find(\n          (timezone) => timezone.value === doc.input.timezone,\n        )\n\n        const timezone = matchedTimezone?.label || doc.input.timezone\n\n        return <span key={doc.id}>{timezone || t('general:noValue')}</span>\n      }),\n    },\n  ]\n\n  if (localization) {\n    columns.push({\n      accessor: 'input.locale',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:locale')}</span>,\n      renderedCells: docs.map((doc) => {\n        if (doc.input.locale) {\n          const matchedLocale = localization.locales.find(\n            (locale) => locale.code === doc.input.locale,\n          )\n          if (matchedLocale) {\n            return <span key={doc.id}>{getTranslation(matchedLocale.label, i18n)}</span>\n          }\n        }\n\n        return <span key={doc.id}>{t('general:all')}</span>\n      }),\n    })\n  }\n\n  columns.push({\n    accessor: 'delete',\n    active: true,\n    field: {\n      name: 'delete',\n      type: 'text',\n    },\n    Heading: <span>{t('general:delete')}</span>,\n    renderedCells: docs.map((doc) => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className=\"schedule-publish__delete\"\n        icon=\"x\"\n        key={doc.id}\n        onClick={(e) => {\n          e.preventDefault()\n          deleteHandler(doc.id)\n        }}\n        tooltip={t('general:delete')}\n      />\n    )),\n  })\n\n  return columns\n}\n"],"names":["getTranslation","formatDate","Button","Pill","buildUpcomingColumns","dateFormat","deleteHandler","docs","i18n","localization","supportedTimezones","t","columns","accessor","active","field","name","type","Heading","span","renderedCells","map","doc","input","key","id","pillStyle","size","date","waitUntil","pattern","timezone","matchedTimezone","find","value","label","push","locale","matchedLocale","locales","code","buttonStyle","className","icon","onClick","e","preventDefault","tooltip"],"mappings":"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"}