@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/elements/PreviewSizes/index.js

@@ -1,96 +1,138 @@
 'use client';
-import { useEffect, useMemo, useState } from 'react';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useMemo, useState } from 'react';
 import { FileMeta } from '../FileDetails/FileMeta/index.js';
 import './index.scss';
 const baseClass = 'preview-sizes';
-const sortSizes = (sizes, imageSizes)=>{
-    if (!imageSizes || imageSizes.length === 0) {
-        return sizes;
+const sortSizes = (sizes, imageSizes) => {
+  if (!imageSizes || imageSizes.length === 0) {
+    return sizes;
+  }
+  const orderedSizes = {};
+  imageSizes.forEach(({
+    name
+  }) => {
+    if (sizes[name]) {
+      orderedSizes[name] = sizes[name];
     }
-    const orderedSizes = {};
-    imageSizes.forEach(({ name })=>{
-        if (sizes[name]) {
-            orderedSizes[name] = sizes[name];
-        }
-    });
-    return orderedSizes;
+  });
+  return orderedSizes;
 };
-const PreviewSizeCard = ({ name, active, meta, onClick, previewSrc })=>{
-    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>;
+const PreviewSizeCard = ({
+  name,
+  active,
+  meta,
+  onClick,
+  previewSrc
+}) => {
+  return /*#__PURE__*/_jsxs("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__*/_jsx("div", {
+      className: `${baseClass}__image`,
+      children: /*#__PURE__*/_jsx("img", {
+        alt: meta.filename,
+        src: previewSrc
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__sizeMeta`,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__sizeName`,
+        children: name
+      }), /*#__PURE__*/_jsx(FileMeta, {
+        ...meta
+      })]
+    })]
+  });
 };
-export const PreviewSizes = ({ doc, imageCacheTag, uploadConfig })=>{
-    const { imageSizes } = uploadConfig;
-    const { sizes } = doc;
-    const [orderedSizes, setOrderedSizes] = useState(()=>sortSizes(sizes, imageSizes));
-    const [selectedSize, setSelectedSize] = useState(null);
-    const generateImageUrl = (doc)=>{
-        if (!doc.filename) {
-            return null;
-        }
-        if (doc.url) {
-            return `${doc.url}${imageCacheTag ? `?${encodeURIComponent(imageCacheTag)}` : ''}`;
-        }
-    };
-    useEffect(()=>{
-        setOrderedSizes(sortSizes(sizes, imageSizes));
-    }, [
-        sizes,
-        imageSizes,
-        imageCacheTag
-    ]);
-    const mainPreviewSrc = selectedSize ? generateImageUrl(doc.sizes[selectedSize]) : generateImageUrl(doc);
-    const originalImage = useMemo(()=>({
-            filename: doc.filename,
-            filesize: doc.filesize,
-            height: doc.height,
-            mimeType: doc.mimeType,
-            url: doc.url,
-            width: doc.width
-        }), [
-        doc
-    ]);
-    const originalFilename = 'Original';
-    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>;
+export const PreviewSizes = ({
+  doc,
+  imageCacheTag,
+  uploadConfig
+}) => {
+  const {
+    imageSizes
+  } = uploadConfig;
+  const {
+    sizes
+  } = doc;
+  const [orderedSizes, setOrderedSizes] = useState(() => sortSizes(sizes, imageSizes));
+  const [selectedSize, setSelectedSize] = useState(null);
+  const generateImageUrl = doc_0 => {
+    if (!doc_0.filename) {
+      return null;
+    }
+    if (doc_0.url) {
+      return `${doc_0.url}${imageCacheTag ? `?${encodeURIComponent(imageCacheTag)}` : ''}`;
+    }
+  };
+  useEffect(() => {
+    setOrderedSizes(sortSizes(sizes, imageSizes));
+  }, [sizes, imageSizes, imageCacheTag]);
+  const mainPreviewSrc = selectedSize ? generateImageUrl(doc.sizes[selectedSize]) : generateImageUrl(doc);
+  const originalImage = useMemo(() => ({
+    filename: doc.filename,
+    filesize: doc.filesize,
+    height: doc.height,
+    mimeType: doc.mimeType,
+    url: doc.url,
+    width: doc.width
+  }), [doc]);
+  const originalFilename = 'Original';
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__imageWrap`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__meta`,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__sizeName`,
+          children: selectedSize || originalFilename
+        }), /*#__PURE__*/_jsx(FileMeta, {
+          ...(selectedSize ? orderedSizes[selectedSize] : originalImage)
+        })]
+      }), /*#__PURE__*/_jsx("img", {
+        alt: doc.filename,
+        className: `${baseClass}__preview`,
+        src: mainPreviewSrc
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__listWrap`,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__list`,
+        children: [/*#__PURE__*/_jsx(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 /*#__PURE__*/_jsx(PreviewSizeCard, {
+              active: selected,
+              meta: val,
+              name: key,
+              onClick: () => setSelectedSize(key),
+              previewSrc: previewSrc
+            }, key);
+          }
+          return null;
+        })]
+      })
+    })]
+  });
 };
-
 //# 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":["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,"file":"index.js","names":["React","useEffect","useMemo","useState","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","meta","onClick","previewSrc","_jsxs","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","_jsx","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"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -1,91 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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';
-export const buildUpcomingColumns = ({ dateFormat, deleteHandler, docs, i18n, localization, supportedTimezones, t })=>{
-    const columns = [
-        {
-            accessor: 'input.type',
-            active: true,
-            field: {
-                name: '',
-                type: 'text'
-            },
-            Heading: <span>{t('version:type')}</span>,
-            renderedCells: docs.map((doc)=>{
-                const type = doc.input?.type;
-                return <Pill key={doc.id} pillStyle={type === 'publish' ? 'success' : 'warning'} size="small">
-            {type === 'publish' && t('version:publish')}
-            {type === 'unpublish' && t('version:unpublish')}
-          </Pill>;
-            })
-        },
-        {
-            accessor: 'waitUntil',
-            active: true,
-            field: {
-                name: '',
-                type: 'date'
-            },
-            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',
-            active: true,
-            field: {
-                name: '',
-                type: 'text'
-            },
-            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 <span key={doc.id}>{timezone || t('general:noValue')}</span>;
-            })
-        }
-    ];
-    if (localization) {
-        columns.push({
-            accessor: 'input.locale',
-            active: true,
-            field: {
-                name: '',
-                type: 'text'
-            },
-            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 <span key={doc.id}>{getTranslation(matchedLocale.label, i18n)}</span>;
-                    }
-                }
-                return <span key={doc.id}>{t('general:all')}</span>;
-            })
-        });
-    }
+export const buildUpcomingColumns = ({
+  dateFormat,
+  deleteHandler,
+  docs,
+  i18n,
+  localization,
+  supportedTimezones,
+  t
+}) => {
+  const columns = [{
+    accessor: 'input.type',
+    active: true,
+    field: {
+      name: '',
+      type: 'text'
+    },
+    Heading: /*#__PURE__*/_jsx("span", {
+      children: t('version:type')
+    }),
+    renderedCells: docs.map(doc => {
+      const type = doc.input?.type;
+      return /*#__PURE__*/_jsxs(Pill, {
+        pillStyle: type === 'publish' ? 'success' : 'warning',
+        size: "small",
+        children: [type === 'publish' && t('version:publish'), type === 'unpublish' && t('version:unpublish')]
+      }, doc.id);
+    })
+  }, {
+    accessor: 'waitUntil',
+    active: true,
+    field: {
+      name: '',
+      type: 'date'
+    },
+    Heading: /*#__PURE__*/_jsx("span", {
+      children: t('general:time')
+    }),
+    renderedCells: docs.map(doc => /*#__PURE__*/_jsx("span", {
+      children: formatDate({
+        date: doc.waitUntil,
+        i18n,
+        pattern: dateFormat,
+        timezone: doc.input.timezone
+      })
+    }, doc.id))
+  }, {
+    accessor: 'input.timezone',
+    active: true,
+    field: {
+      name: '',
+      type: 'text'
+    },
+    Heading: /*#__PURE__*/_jsx("span", {
+      children: t('general:timezone')
+    }),
+    renderedCells: docs.map(doc => {
+      const matchedTimezone = supportedTimezones.find(timezone => timezone.value === doc.input.timezone);
+      const timezone = matchedTimezone?.label || doc.input.timezone;
+      return /*#__PURE__*/_jsx("span", {
+        children: timezone || t('general:noValue')
+      }, doc.id);
+    })
+  }];
+  if (localization) {
     columns.push({
-        accessor: 'delete',
-        active: true,
-        field: {
-            name: 'delete',
-            type: 'text'
-        },
-        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')}/>)
+      accessor: 'input.locale',
+      active: true,
+      field: {
+        name: '',
+        type: 'text'
+      },
+      Heading: /*#__PURE__*/_jsx("span", {
+        children: t('general:locale')
+      }),
+      renderedCells: docs.map(doc => {
+        if (doc.input.locale) {
+          const matchedLocale = localization.locales.find(locale => locale.code === doc.input.locale);
+          if (matchedLocale) {
+            return /*#__PURE__*/_jsx("span", {
+              children: getTranslation(matchedLocale.label, i18n)
+            }, doc.id);
+          }
+        }
+        return /*#__PURE__*/_jsx("span", {
+          children: t('general:all')
+        }, doc.id);
+      })
     });
-    return columns;
+  }
+  columns.push({
+    accessor: 'delete',
+    active: true,
+    field: {
+      name: 'delete',
+      type: 'text'
+    },
+    Heading: /*#__PURE__*/_jsx("span", {
+      children: t('general:delete')
+    }),
+    renderedCells: docs.map(doc => /*#__PURE__*/_jsx(Button, {
+      buttonStyle: "icon-label",
+      className: "schedule-publish__delete",
+      icon: "x",
+      onClick: e => {
+        e.preventDefault();
+        deleteHandler(doc.id);
+      },
+      tooltip: t('general:delete')
+    }, doc.id))
+  });
+  return columns;
 };
-
 //# sourceMappingURL=buildUpcomingColumns.js.map

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","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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"}
+{"version":3,"file":"buildUpcomingColumns.js","names":["getTranslation","React","formatDate","Button","Pill","buildUpcomingColumns","dateFormat","deleteHandler","docs","i18n","localization","supportedTimezones","t","columns","accessor","active","field","name","type","Heading","_jsx","renderedCells","map","doc","input","_jsxs","pillStyle","size","id","date","waitUntil","pattern","timezone","matchedTimezone","find","value","label","push","locale","matchedLocale","locales","code","buttonStyle","className","icon","onClick","e","preventDefault","tooltip"],"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"],"mappings":";AAEA,SAASA,cAAc,QAAyC;AAChE,OAAOC,KAAA,MAAW;AAIlB,SAASC,UAAU,QAAQ;AAC3B,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AAYrB,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EACnCC,UAAU;EACVC,aAAa;EACbC,IAAI;EACJC,IAAI;EACJC,YAAY;EACZC,kBAAkB;EAClBC;AAAC,CACI;EACL,MAAMC,OAAA,GAAoB,CACxB;IACEC,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC;gBAAMR,CAAA,CAAE;;IAClBS,aAAA,EAAeb,IAAA,CAAKc,GAAG,CAAEC,GAAA;MACvB,MAAML,IAAA,GAAOK,GAAA,CAAIC,KAAK,EAAEN,IAAA;MAExB,oBACEO,KAAA,CAACrB,IAAA;QAAkBsB,SAAA,EAAWR,IAAA,KAAS,YAAY,YAAY;QAAWS,IAAA,EAAK;mBAC5ET,IAAA,KAAS,aAAaN,CAAA,CAAE,oBACxBM,IAAA,KAAS,eAAeN,CAAA,CAAE;SAFlBW,GAAA,CAAIK,EAAE;IAKrB;EACF,GACA;IACEd,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC;gBAAMR,CAAA,CAAE;;IAClBS,aAAA,EAAeb,IAAA,CAAKc,GAAG,CAAEC,GAAA,iBACvBH,IAAA,CAAC;gBACElB,UAAA,CAAW;QACV2B,IAAA,EAAMN,GAAA,CAAIO,SAAS;QACnBrB,IAAA;QACAsB,OAAA,EAASzB,UAAA;QACT0B,QAAA,EAAUT,GAAA,CAAIC,KAAK,CAACQ;MACtB;OANST,GAAA,CAAIK,EAAE;EASrB,GACA;IACEd,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC;gBAAMR,CAAA,CAAE;;IAClBS,aAAA,EAAeb,IAAA,CAAKc,GAAG,CAAEC,GAAA;MACvB,MAAMU,eAAA,GAAkBtB,kBAAA,CAAmBuB,IAAI,CAC5CF,QAAA,IAAaA,QAAA,CAASG,KAAK,KAAKZ,GAAA,CAAIC,KAAK,CAACQ,QAAQ;MAGrD,MAAMA,QAAA,GAAWC,eAAA,EAAiBG,KAAA,IAASb,GAAA,CAAIC,KAAK,CAACQ,QAAQ;MAE7D,oBAAOZ,IAAA,CAAC;kBAAmBY,QAAA,IAAYpB,CAAA,CAAE;SAAvBW,GAAA,CAAIK,EAAE;IAC1B;EACF,EACD;EAED,IAAIlB,YAAA,EAAc;IAChBG,OAAA,CAAQwB,IAAI,CAAC;MACXvB,QAAA,EAAU;MACVC,MAAA,EAAQ;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,IAAA,EAAM;MACR;MACAC,OAAA,eAASC,IAAA,CAAC;kBAAMR,CAAA,CAAE;;MAClBS,aAAA,EAAeb,IAAA,CAAKc,GAAG,CAAEC,GAAA;QACvB,IAAIA,GAAA,CAAIC,KAAK,CAACc,MAAM,EAAE;UACpB,MAAMC,aAAA,GAAgB7B,YAAA,CAAa8B,OAAO,CAACN,IAAI,CAC5CI,MAAA,IAAWA,MAAA,CAAOG,IAAI,KAAKlB,GAAA,CAAIC,KAAK,CAACc,MAAM;UAE9C,IAAIC,aAAA,EAAe;YACjB,oBAAOnB,IAAA,CAAC;wBAAmBpB,cAAA,CAAeuC,aAAA,CAAcH,KAAK,EAAE3B,IAAA;eAA7Cc,GAAA,CAAIK,EAAE;UAC1B;QACF;QAEA,oBAAOR,IAAA,CAAC;oBAAmBR,CAAA,CAAE;WAAXW,GAAA,CAAIK,EAAE;MAC1B;IACF;EACF;EAEAf,OAAA,CAAQwB,IAAI,CAAC;IACXvB,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC;gBAAMR,CAAA,CAAE;;IAClBS,aAAA,EAAeb,IAAA,CAAKc,GAAG,CAAEC,GAAA,iBACvBH,IAAA,CAACjB,MAAA;MACCuC,WAAA,EAAY;MACZC,SAAA,EAAU;MACVC,IAAA,EAAK;MAELC,OAAA,EAAUC,CAAA;QACRA,CAAA,CAAEC,cAAc;QAChBxC,aAAA,CAAcgB,GAAA,CAAIK,EAAE;MACtB;MACAoB,OAAA,EAASpC,CAAA,CAAE;OALNW,GAAA,CAAIK,EAAE;EAQjB;EAEA,OAAOf,OAAA;AACT","ignoreList":[]}