@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useState","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","alt","meta","onClick","previewSrc","_jsxs","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","_jsx","src","PreviewSizes","doc","imageCacheTag","uploadConfig","filename","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  alt: string\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  alt,\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={alt} 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 alt = (doc as { alt?: string })?.alt || doc.filename || ''\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={alt} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            alt={alt}\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                  alt={alt}\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":[]}
+{"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  alt: string\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  alt,\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={alt} 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 alt = (doc as { alt?: string })?.alt || doc.filename || ''\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={alt} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            alt={alt}\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                  alt={alt}\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","alt","meta","onClick","previewSrc","div","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","img","src","PreviewSizes","doc","imageCacheTag","uploadConfig","filename","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,119 +1,163 @@
-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 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: /*#__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: '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);
-          }
+export const buildUpcomingColumns = ({ dateFormat, deleteHandler, docs, i18n, localization, supportedTimezones, t })=>{
+    const columns = [
+        {
+            accessor: 'input.type',
+            active: true,
+            field: {
+                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),
+            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);
+            })
+        },
+        {
+            accessor: 'waitUntil',
+            active: true,
+            field: {
+                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))
+        },
+        {
+            accessor: 'input.timezone',
+            active: true,
+            field: {
+                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),
+            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 /*#__PURE__*/_jsx("span", {
-          children: t('general:all')
-        }, doc.id);
-      })
+    ];
+    if (localization) {
+        columns.push({
+            accessor: 'input.locale',
+            active: true,
+            field: {
+                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),
+            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 /*#__PURE__*/ _jsxDEV("span", {
+                    children: t('general:all')
+                }, doc.id, false, {
+                    fileName: "src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx",
+                    lineNumber: 109,
+                    columnNumber: 16
+                }, this);
+            })
+        });
+    }
+    columns.push({
+        accessor: 'delete',
+        active: true,
+        field: {
+            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))
     });
-  }
-  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;
+    return columns;
 };
+
 //# sourceMappingURL=buildUpcomingColumns.js.map

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

@@ -1 +1 @@
-{"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":"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","ignoreList":[]}
+{"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":"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"}