@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.c2b57ce

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

@@ -2,7 +2,6 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TZDateMini as TZDate } from '@date-fns/tz/date/mini';
-import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { endOfToday, isToday, startOfDay } from 'date-fns';
 import { transpose } from 'date-fns/transpose';
@@ -19,12 +18,11 @@ import { useServerFunctions } from '../../../providers/ServerFunctions/index.js'
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { requests } from '../../../utilities/api.js';
 import { Banner } from '../../Banner/index.js';
-import { DrawerCloseButton } from '../../BulkUpload/DrawerCloseButton/index.js';
 import { Button } from '../../Button/index.js';
 import { DatePickerField } from '../../DatePicker/index.js';
 import { Drawer } from '../../Drawer/index.js';
 import { Gutter } from '../../Gutter/index.js';
-import './index.scss';
+import './index.css';
 import { ReactSelect } from '../../ReactSelect/index.js';
 import { ShimmerEffect } from '../../ShimmerEffect/index.js';
 import { Table } from '../../Table/index.js';
@@ -40,9 +38,6 @@ export const ScheduleDrawer = ({
   defaultType,
   schedulePublishConfig
 }) => {
-  const {
-    toggleModal
-  } = useModal();
   const {
     config: {
       admin: {
@@ -248,77 +243,75 @@ export const ScheduleDrawer = ({
   }, [date]);
   return /*#__PURE__*/_jsxs(Drawer, {
     className: baseClass,
-    gutter: false,
-    Header: /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__drawer-header`,
-      children: [/*#__PURE__*/_jsx("h2", {
-        title: modalTitle,
-        children: modalTitle
-      }), /*#__PURE__*/_jsx(DrawerCloseButton, {
-        onClick: () => toggleModal(slug)
-      })]
-    }),
     slug: slug,
+    title: modalTitle,
     children: [/*#__PURE__*/_jsxs(Gutter, {
       className: `${baseClass}__scheduler`,
-      children: [/*#__PURE__*/_jsx(FieldLabel, {
-        label: t('version:type'),
-        required: true
-      }), /*#__PURE__*/_jsxs("ul", {
-        className: `${baseClass}__type`,
-        children: [/*#__PURE__*/_jsx("li", {
-          children: /*#__PURE__*/_jsx(Radio, {
-            id: `${slug}-type`,
-            isSelected: type === 'publish',
-            onChange: () => setType('publish'),
-            option: {
-              label: t('version:publish'),
-              value: 'publish'
-            },
-            path: `${slug}-type`,
-            readOnly: processing
-          })
-        }), /*#__PURE__*/_jsx("li", {
-          children: /*#__PURE__*/_jsx(Radio, {
-            id: `${slug}-type`,
-            isSelected: type === 'unpublish',
-            onChange: () => setType('unpublish'),
-            option: {
-              label: t('version:unpublish'),
-              value: 'unpublish'
-            },
-            path: `${slug}-type`,
-            readOnly: processing
-          })
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__section`,
+        children: [/*#__PURE__*/_jsx(FieldLabel, {
+          label: t('version:type'),
+          required: true
+        }), /*#__PURE__*/_jsxs("ul", {
+          className: `${baseClass}__type`,
+          children: [/*#__PURE__*/_jsx("li", {
+            children: /*#__PURE__*/_jsx(Radio, {
+              id: `${slug}-type`,
+              isSelected: type === 'publish',
+              onChange: () => setType('publish'),
+              option: {
+                label: t('version:publish'),
+                value: 'publish'
+              },
+              path: `${slug}-type`,
+              readOnly: processing
+            })
+          }), /*#__PURE__*/_jsx("li", {
+            children: /*#__PURE__*/_jsx(Radio, {
+              id: `${slug}-type`,
+              isSelected: type === 'unpublish',
+              onChange: () => setType('unpublish'),
+              option: {
+                label: t('version:unpublish'),
+                value: 'unpublish'
+              },
+              path: `${slug}-type`,
+              readOnly: processing
+            })
+          })]
         })]
-      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(FieldLabel, {
-        label: t('general:time'),
-        path: 'time',
-        required: true
-      }), /*#__PURE__*/_jsx(DatePickerField, {
-        id: "time",
-        maxTime: endOfToday(),
-        minDate: new Date(),
-        minTime: minTime,
-        onChange: e => onChangeDate(e),
-        pickerAppearance: "dayAndTime",
-        readOnly: processing,
-        timeFormat: schedulePublishConfig?.timeFormat,
-        timeIntervals: schedulePublishConfig?.timeIntervals ?? 5,
-        value: displayedValue
-      }), supportedTimezones.length > 0 && /*#__PURE__*/_jsx(TimezonePicker, {
-        id: `timezone-picker`,
-        onChange: setTimezone,
-        options: supportedTimezones,
-        selectedTimezone: timezone
-      }), /*#__PURE__*/_jsx("br", {}), localeOptions.length > 0 && type === 'publish' && /*#__PURE__*/_jsxs(React.Fragment, {
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__section`,
+        children: [/*#__PURE__*/_jsx(FieldLabel, {
+          label: t('general:time'),
+          path: 'time',
+          required: true
+        }), /*#__PURE__*/_jsx(DatePickerField, {
+          id: "time",
+          maxTime: endOfToday(),
+          minDate: new Date(),
+          minTime: minTime,
+          onChange: e => onChangeDate(e),
+          pickerAppearance: "dayAndTime",
+          readOnly: processing,
+          timeFormat: schedulePublishConfig?.timeFormat,
+          timeIntervals: schedulePublishConfig?.timeIntervals ?? 5,
+          value: displayedValue
+        }), supportedTimezones.length > 0 && /*#__PURE__*/_jsx(TimezonePicker, {
+          id: `timezone-picker`,
+          onChange: setTimezone,
+          options: supportedTimezones,
+          selectedTimezone: timezone
+        })]
+      }), localeOptions.length > 0 && type === 'publish' && /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__section`,
         children: [/*#__PURE__*/_jsx(FieldLabel, {
           label: t('localization:localeToPublish')
         }), /*#__PURE__*/_jsx(ReactSelect, {
           onChange: e_0 => setLocale(e_0),
           options: localeOptions,
           value: locale
-        }), /*#__PURE__*/_jsx("br", {})]
+        })]
       }), /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__actions`,
         children: [/*#__PURE__*/_jsx(Button, {
@@ -337,7 +330,6 @@ export const ScheduleDrawer = ({
       children: [/*#__PURE__*/_jsx("h4", {
         children: t('general:upcomingEvents')
       }), !upcoming && /*#__PURE__*/_jsx(ShimmerEffect, {}), upcoming?.length === 0 && /*#__PURE__*/_jsx(Banner, {
-        type: "info",
         children: t('general:noUpcomingEventsScheduled')
       }), upcoming?.length > 0 && /*#__PURE__*/_jsx(Table, {
         appearance: "condensed",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TZDateMini","TZDate","useModal","getTranslation","endOfToday","isToday","startOfDay","transpose","formatAdminURL","qs","React","useCallback","useMemo","toast","FieldLabel","Radio","useConfig","useDocumentInfo","useDocumentTitle","useServerFunctions","useTranslation","requests","Banner","DrawerCloseButton","Button","DatePickerField","Drawer","Gutter","ReactSelect","ShimmerEffect","Table","TimezonePicker","buildUpcomingColumns","baseClass","defaultLocaleOption","label","value","ScheduleDrawer","slug","defaultType","schedulePublishConfig","toggleModal","config","admin","dateFormat","timezones","defaultTimezone","supportedTimezones","localization","routes","api","id","collectionSlug","globalSlug","title","i18n","t","schedulePublish","type","setType","useState","date","setDate","timezone","setTimezone","locale","setLocale","processing","setProcessing","modalTitle","upcoming","setUpcoming","upcomingColumns","setUpcomingColumns","deleteHandlerRef","useRef","userTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","localeOptions","options","locales","map","code","unshift","fetchUpcoming","query","sort","where","and","taskSlug","equals","waitUntil","greater_than","Date","push","String","docs","post","apiRoute","path","body","stringify","headers","language","then","res","json","deleteHandler","current","deleteID","success","err","console","error","message","useEffect","handleSave","localeToPublish","doc","relationTo","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","minTime","_jsxs","className","gutter","Header","_jsx","onClick","required","isSelected","onChange","option","readOnly","maxTime","minDate","e","pickerAppearance","timeFormat","timeIntervals","length","selectedTimezone","Fragment","buttonStyle","disabled","appearance","columns","data"],"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\n'use client'\n\nimport type { Column, SchedulePublish, Where } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { endOfToday, isToday, startOfDay } from 'date-fns'\nimport { transpose } from 'date-fns/transpose'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { PublishType, UpcomingEvent } from './types.js'\n\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { Radio } from '../../../fields/RadioGroup/Radio/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Banner } from '../../Banner/index.js'\nimport { DrawerCloseButton } from '../../BulkUpload/DrawerCloseButton/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DatePickerField } from '../../DatePicker/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { Gutter } from '../../Gutter/index.js'\nimport './index.scss'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport { Table } from '../../Table/index.js'\nimport { TimezonePicker } from '../../TimezonePicker/index.js'\nimport { buildUpcomingColumns } from './buildUpcomingColumns.js'\n\nconst baseClass = 'schedule-publish'\n\ntype Props = {\n  defaultType?: PublishType\n  schedulePublishConfig?: SchedulePublish\n  slug: string\n}\n\nconst defaultLocaleOption = {\n  label: 'All',\n  value: 'all',\n}\n\nexport const ScheduleDrawer: React.FC<Props> = ({ slug, defaultType, schedulePublishConfig }) => {\n  const { toggleModal } = useModal()\n  const {\n    config: {\n      admin: {\n        dateFormat,\n        timezones: { defaultTimezone, supportedTimezones },\n      },\n      localization,\n      routes: { api },\n    },\n  } = useConfig()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  const { i18n, t } = useTranslation()\n  const { schedulePublish } = useServerFunctions()\n  const [type, setType] = React.useState<PublishType>(defaultType || 'publish')\n  const [date, setDate] = React.useState<Date>()\n  const [timezone, setTimezone] = React.useState<string>(defaultTimezone)\n  const [locale, setLocale] = React.useState<{ label: string; value: string }>(defaultLocaleOption)\n  const [processing, setProcessing] = React.useState(false)\n  const modalTitle = t('general:schedulePublishFor', { title })\n  const [upcoming, setUpcoming] = React.useState<UpcomingEvent[]>()\n  const [upcomingColumns, setUpcomingColumns] = React.useState<Column[]>()\n  const deleteHandlerRef = React.useRef<((id: number | string) => Promise<void>) | null>(() => null)\n\n  // Get the user timezone so we can adjust the displayed value against it\n  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\n\n  const localeOptions = React.useMemo(() => {\n    if (localization) {\n      const options = localization.locales.map(({ code, label }) => ({\n        label: getTranslation(label, i18n),\n        value: code,\n      }))\n\n      options.unshift(defaultLocaleOption)\n\n      return options\n    }\n\n    return []\n  }, [localization, i18n])\n\n  const fetchUpcoming = React.useCallback(async () => {\n    const query: { sort: string; where: Where } = {\n      sort: 'waitUntil',\n      where: {\n        and: [\n          {\n            taskSlug: {\n              equals: 'schedulePublish',\n            },\n          },\n          {\n            waitUntil: {\n              greater_than: new Date(),\n            },\n          },\n        ],\n      },\n    }\n\n    if (collectionSlug) {\n      query.where.and.push({\n        'input.doc.value': {\n          equals: String(id),\n        },\n      })\n      query.where.and.push({\n        'input.doc.relationTo': {\n          equals: collectionSlug,\n        },\n      })\n    }\n\n    if (globalSlug) {\n      query.where.and.push({\n        'input.global': {\n          equals: globalSlug,\n        },\n      })\n    }\n\n    const { docs } = await requests\n      .post(formatAdminURL({ apiRoute: api, path: `/payload-jobs` }), {\n        body: qs.stringify(query),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-Payload-HTTP-Method-Override': 'GET',\n        },\n      })\n      .then((res) => res.json())\n\n    setUpcomingColumns(\n      buildUpcomingColumns({\n        dateFormat,\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        deleteHandler: deleteHandlerRef.current,\n        docs,\n        i18n,\n        localization,\n        supportedTimezones,\n        t,\n      }),\n    )\n    setUpcoming(docs)\n  }, [collectionSlug, globalSlug, api, i18n, dateFormat, localization, supportedTimezones, t, id])\n\n  const deleteHandler = React.useCallback(\n    async (id: number | string) => {\n      try {\n        await schedulePublish({\n          deleteID: id,\n        })\n        await fetchUpcoming()\n        toast.success(t('general:deletedSuccessfully'))\n      } catch (err) {\n        console.error(err)\n        toast.error(err.message)\n      }\n    },\n    [fetchUpcoming, schedulePublish, t],\n  )\n\n  React.useEffect(() => {\n    deleteHandlerRef.current = deleteHandler\n  }, [deleteHandler])\n\n  const handleSave = React.useCallback(async () => {\n    if (!date) {\n      return toast.error(t('general:noDateSelected'))\n    }\n\n    setProcessing(true)\n\n    let localeToPublish: string\n\n    if (typeof locale === 'object' && locale.value !== 'all' && type === 'publish') {\n      localeToPublish = locale.value\n    }\n\n    try {\n      await schedulePublish({\n        type,\n        date,\n        doc: collectionSlug\n          ? {\n              relationTo: collectionSlug,\n              value: String(id),\n            }\n          : undefined,\n        global: globalSlug || undefined,\n        localeToPublish,\n        timezone,\n      })\n\n      setDate(undefined)\n      toast.success(t('version:scheduledSuccessfully'))\n      void fetchUpcoming()\n    } catch (err) {\n      console.error(err)\n      toast.error(err.message)\n    }\n\n    setProcessing(false)\n  }, [\n    date,\n    locale,\n    type,\n    t,\n    schedulePublish,\n    collectionSlug,\n    id,\n    globalSlug,\n    timezone,\n    fetchUpcoming,\n  ])\n\n  const displayedValue = useMemo(() => {\n    if (timezone && userTimezone && date) {\n      // Create TZDate instances for the selected timezone and the user's timezone\n      // These instances allow us to transpose the date between timezones while keeping the same time value\n      const DateWithOriginalTz = TZDate.tz(timezone)\n      const DateWithUserTz = TZDate.tz(userTimezone)\n\n      const modifiedDate = new TZDate(date).withTimeZone(timezone)\n\n      // Transpose the date to the selected timezone\n      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz)\n\n      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone\n      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz)\n\n      return dateWithUserTimezone.toISOString()\n    }\n\n    return date\n  }, [timezone, date, userTimezone])\n\n  const onChangeDate = useCallback(\n    (incomingDate: Date) => {\n      if (timezone && incomingDate) {\n        // Create TZDate instances for the selected timezone\n        const tzDateWithUTC = TZDate.tz(timezone)\n\n        // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor\n        const dateToUserTz = new TZDate(incomingDate)\n\n        // Transpose the date to the selected timezone\n        const dateWithTimezone = transpose(dateToUserTz, tzDateWithUTC)\n\n        setDate(dateWithTimezone || null)\n      } else {\n        setDate(incomingDate || null)\n      }\n    },\n    [setDate, timezone],\n  )\n\n  React.useEffect(() => {\n    if (!upcoming) {\n      const fetchInitialUpcoming = async () => {\n        await fetchUpcoming()\n      }\n\n      void fetchInitialUpcoming()\n    }\n  }, [upcoming, fetchUpcoming])\n\n  const minTime = useMemo(() => {\n    if (date && isToday(date)) {\n      return new Date()\n    }\n\n    return startOfDay(new Date())\n  }, [date])\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={false}\n      Header={\n        <div className={`${baseClass}__drawer-header`}>\n          <h2 title={modalTitle}>{modalTitle}</h2>\n          <DrawerCloseButton onClick={() => toggleModal(slug)} />\n        </div>\n      }\n      slug={slug}\n    >\n      <Gutter className={`${baseClass}__scheduler`}>\n        <FieldLabel label={t('version:type')} required />\n        <ul className={`${baseClass}__type`}>\n          <li>\n            <Radio\n              id={`${slug}-type`}\n              isSelected={type === 'publish'}\n              onChange={() => setType('publish')}\n              option={{ label: t('version:publish'), value: 'publish' }}\n              path={`${slug}-type`}\n              readOnly={processing}\n            />\n          </li>\n          <li>\n            <Radio\n              id={`${slug}-type`}\n              isSelected={type === 'unpublish'}\n              onChange={() => setType('unpublish')}\n              option={{ label: t('version:unpublish'), value: 'unpublish' }}\n              path={`${slug}-type`}\n              readOnly={processing}\n            />\n          </li>\n        </ul>\n        <br />\n        <FieldLabel label={t('general:time')} path={'time'} required />\n        <DatePickerField\n          id=\"time\"\n          maxTime={endOfToday()}\n          minDate={new Date()}\n          minTime={minTime}\n          onChange={(e) => onChangeDate(e)}\n          pickerAppearance=\"dayAndTime\"\n          readOnly={processing}\n          timeFormat={schedulePublishConfig?.timeFormat}\n          timeIntervals={schedulePublishConfig?.timeIntervals ?? 5}\n          value={displayedValue}\n        />\n        {supportedTimezones.length > 0 && (\n          <TimezonePicker\n            id={`timezone-picker`}\n            onChange={setTimezone}\n            options={supportedTimezones}\n            selectedTimezone={timezone}\n          />\n        )}\n        <br />\n        {localeOptions.length > 0 && type === 'publish' && (\n          <React.Fragment>\n            <FieldLabel label={t('localization:localeToPublish')} />\n            <ReactSelect\n              onChange={(e) => setLocale(e as { label: string; value: string })}\n              options={localeOptions}\n              value={locale}\n            />\n            <br />\n          </React.Fragment>\n        )}\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"primary\"\n            disabled={processing}\n            id=\"scheduled-publish-save\"\n            onClick={handleSave}\n            type=\"button\"\n          >\n            {t('general:save')}\n          </Button>\n          {processing ? <span>{t('general:saving')}</span> : null}\n        </div>\n      </Gutter>\n      <Gutter className={`${baseClass}__upcoming`}>\n        <h4>{t('general:upcomingEvents')}</h4>\n        {!upcoming && <ShimmerEffect />}\n        {upcoming?.length === 0 && (\n          <Banner type=\"info\">{t('general:noUpcomingEventsScheduled')}</Banner>\n        )}\n        {upcoming?.length > 0 && (\n          <Table appearance=\"condensed\" columns={upcomingColumns} data={upcoming} />\n        )}\n      </Gutter>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["TZDateMini","TZDate","getTranslation","endOfToday","isToday","startOfDay","transpose","formatAdminURL","qs","React","useCallback","useMemo","toast","FieldLabel","Radio","useConfig","useDocumentInfo","useDocumentTitle","useServerFunctions","useTranslation","requests","Banner","Button","DatePickerField","Drawer","Gutter","ReactSelect","ShimmerEffect","Table","TimezonePicker","buildUpcomingColumns","baseClass","defaultLocaleOption","label","value","ScheduleDrawer","slug","defaultType","schedulePublishConfig","config","admin","dateFormat","timezones","defaultTimezone","supportedTimezones","localization","routes","api","id","collectionSlug","globalSlug","title","i18n","t","schedulePublish","type","setType","useState","date","setDate","timezone","setTimezone","locale","setLocale","processing","setProcessing","modalTitle","upcoming","setUpcoming","upcomingColumns","setUpcomingColumns","deleteHandlerRef","useRef","userTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","localeOptions","options","locales","map","code","unshift","fetchUpcoming","query","sort","where","and","taskSlug","equals","waitUntil","greater_than","Date","push","String","docs","post","apiRoute","path","body","stringify","headers","language","then","res","json","deleteHandler","current","deleteID","success","err","console","error","message","useEffect","handleSave","localeToPublish","doc","relationTo","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","minTime","_jsxs","className","_jsx","required","isSelected","onChange","option","readOnly","maxTime","minDate","e","pickerAppearance","timeFormat","timeIntervals","length","selectedTimezone","buttonStyle","disabled","onClick","appearance","columns","data"],"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\n'use client'\n\nimport type { Column, SchedulePublish, Where } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { getTranslation } from '@payloadcms/translations'\nimport { endOfToday, isToday, startOfDay } from 'date-fns'\nimport { transpose } from 'date-fns/transpose'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { PublishType, UpcomingEvent } from './types.js'\n\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { Radio } from '../../../fields/RadioGroup/Radio/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Banner } from '../../Banner/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DatePickerField } from '../../DatePicker/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { Gutter } from '../../Gutter/index.js'\nimport './index.css'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport { Table } from '../../Table/index.js'\nimport { TimezonePicker } from '../../TimezonePicker/index.js'\nimport { buildUpcomingColumns } from './buildUpcomingColumns.js'\n\nconst baseClass = 'schedule-publish'\n\ntype Props = {\n  defaultType?: PublishType\n  schedulePublishConfig?: SchedulePublish\n  slug: string\n}\n\nconst defaultLocaleOption = {\n  label: 'All',\n  value: 'all',\n}\n\nexport const ScheduleDrawer: React.FC<Props> = ({ slug, defaultType, schedulePublishConfig }) => {\n  const {\n    config: {\n      admin: {\n        dateFormat,\n        timezones: { defaultTimezone, supportedTimezones },\n      },\n      localization,\n      routes: { api },\n    },\n  } = useConfig()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  const { i18n, t } = useTranslation()\n  const { schedulePublish } = useServerFunctions()\n  const [type, setType] = React.useState<PublishType>(defaultType || 'publish')\n  const [date, setDate] = React.useState<Date>()\n  const [timezone, setTimezone] = React.useState<string>(defaultTimezone)\n  const [locale, setLocale] = React.useState<{ label: string; value: string }>(defaultLocaleOption)\n  const [processing, setProcessing] = React.useState(false)\n  const modalTitle = t('general:schedulePublishFor', { title })\n  const [upcoming, setUpcoming] = React.useState<UpcomingEvent[]>()\n  const [upcomingColumns, setUpcomingColumns] = React.useState<Column[]>()\n  const deleteHandlerRef = React.useRef<((id: number | string) => Promise<void>) | null>(() => null)\n\n  // Get the user timezone so we can adjust the displayed value against it\n  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\n\n  const localeOptions = React.useMemo(() => {\n    if (localization) {\n      const options = localization.locales.map(({ code, label }) => ({\n        label: getTranslation(label, i18n),\n        value: code,\n      }))\n\n      options.unshift(defaultLocaleOption)\n\n      return options\n    }\n\n    return []\n  }, [localization, i18n])\n\n  const fetchUpcoming = React.useCallback(async () => {\n    const query: { sort: string; where: Where } = {\n      sort: 'waitUntil',\n      where: {\n        and: [\n          {\n            taskSlug: {\n              equals: 'schedulePublish',\n            },\n          },\n          {\n            waitUntil: {\n              greater_than: new Date(),\n            },\n          },\n        ],\n      },\n    }\n\n    if (collectionSlug) {\n      query.where.and.push({\n        'input.doc.value': {\n          equals: String(id),\n        },\n      })\n      query.where.and.push({\n        'input.doc.relationTo': {\n          equals: collectionSlug,\n        },\n      })\n    }\n\n    if (globalSlug) {\n      query.where.and.push({\n        'input.global': {\n          equals: globalSlug,\n        },\n      })\n    }\n\n    const { docs } = await requests\n      .post(formatAdminURL({ apiRoute: api, path: `/payload-jobs` }), {\n        body: qs.stringify(query),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-Payload-HTTP-Method-Override': 'GET',\n        },\n      })\n      .then((res) => res.json())\n\n    setUpcomingColumns(\n      buildUpcomingColumns({\n        dateFormat,\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        deleteHandler: deleteHandlerRef.current,\n        docs,\n        i18n,\n        localization,\n        supportedTimezones,\n        t,\n      }),\n    )\n    setUpcoming(docs)\n  }, [collectionSlug, globalSlug, api, i18n, dateFormat, localization, supportedTimezones, t, id])\n\n  const deleteHandler = React.useCallback(\n    async (id: number | string) => {\n      try {\n        await schedulePublish({\n          deleteID: id,\n        })\n        await fetchUpcoming()\n        toast.success(t('general:deletedSuccessfully'))\n      } catch (err) {\n        console.error(err)\n        toast.error(err.message)\n      }\n    },\n    [fetchUpcoming, schedulePublish, t],\n  )\n\n  React.useEffect(() => {\n    deleteHandlerRef.current = deleteHandler\n  }, [deleteHandler])\n\n  const handleSave = React.useCallback(async () => {\n    if (!date) {\n      return toast.error(t('general:noDateSelected'))\n    }\n\n    setProcessing(true)\n\n    let localeToPublish: string\n\n    if (typeof locale === 'object' && locale.value !== 'all' && type === 'publish') {\n      localeToPublish = locale.value\n    }\n\n    try {\n      await schedulePublish({\n        type,\n        date,\n        doc: collectionSlug\n          ? {\n              relationTo: collectionSlug,\n              value: String(id),\n            }\n          : undefined,\n        global: globalSlug || undefined,\n        localeToPublish,\n        timezone,\n      })\n\n      setDate(undefined)\n      toast.success(t('version:scheduledSuccessfully'))\n      void fetchUpcoming()\n    } catch (err) {\n      console.error(err)\n      toast.error(err.message)\n    }\n\n    setProcessing(false)\n  }, [\n    date,\n    locale,\n    type,\n    t,\n    schedulePublish,\n    collectionSlug,\n    id,\n    globalSlug,\n    timezone,\n    fetchUpcoming,\n  ])\n\n  const displayedValue = useMemo(() => {\n    if (timezone && userTimezone && date) {\n      // Create TZDate instances for the selected timezone and the user's timezone\n      // These instances allow us to transpose the date between timezones while keeping the same time value\n      const DateWithOriginalTz = TZDate.tz(timezone)\n      const DateWithUserTz = TZDate.tz(userTimezone)\n\n      const modifiedDate = new TZDate(date).withTimeZone(timezone)\n\n      // Transpose the date to the selected timezone\n      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz)\n\n      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone\n      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz)\n\n      return dateWithUserTimezone.toISOString()\n    }\n\n    return date\n  }, [timezone, date, userTimezone])\n\n  const onChangeDate = useCallback(\n    (incomingDate: Date) => {\n      if (timezone && incomingDate) {\n        // Create TZDate instances for the selected timezone\n        const tzDateWithUTC = TZDate.tz(timezone)\n\n        // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor\n        const dateToUserTz = new TZDate(incomingDate)\n\n        // Transpose the date to the selected timezone\n        const dateWithTimezone = transpose(dateToUserTz, tzDateWithUTC)\n\n        setDate(dateWithTimezone || null)\n      } else {\n        setDate(incomingDate || null)\n      }\n    },\n    [setDate, timezone],\n  )\n\n  React.useEffect(() => {\n    if (!upcoming) {\n      const fetchInitialUpcoming = async () => {\n        await fetchUpcoming()\n      }\n\n      void fetchInitialUpcoming()\n    }\n  }, [upcoming, fetchUpcoming])\n\n  const minTime = useMemo(() => {\n    if (date && isToday(date)) {\n      return new Date()\n    }\n\n    return startOfDay(new Date())\n  }, [date])\n\n  return (\n    <Drawer className={baseClass} slug={slug} title={modalTitle}>\n      <Gutter className={`${baseClass}__scheduler`}>\n        <div className={`${baseClass}__section`}>\n          <FieldLabel label={t('version:type')} required />\n          <ul className={`${baseClass}__type`}>\n            <li>\n              <Radio\n                id={`${slug}-type`}\n                isSelected={type === 'publish'}\n                onChange={() => setType('publish')}\n                option={{ label: t('version:publish'), value: 'publish' }}\n                path={`${slug}-type`}\n                readOnly={processing}\n              />\n            </li>\n            <li>\n              <Radio\n                id={`${slug}-type`}\n                isSelected={type === 'unpublish'}\n                onChange={() => setType('unpublish')}\n                option={{ label: t('version:unpublish'), value: 'unpublish' }}\n                path={`${slug}-type`}\n                readOnly={processing}\n              />\n            </li>\n          </ul>\n        </div>\n        <div className={`${baseClass}__section`}>\n          <FieldLabel label={t('general:time')} path={'time'} required />\n          <DatePickerField\n            id=\"time\"\n            maxTime={endOfToday()}\n            minDate={new Date()}\n            minTime={minTime}\n            onChange={(e) => onChangeDate(e)}\n            pickerAppearance=\"dayAndTime\"\n            readOnly={processing}\n            timeFormat={schedulePublishConfig?.timeFormat}\n            timeIntervals={schedulePublishConfig?.timeIntervals ?? 5}\n            value={displayedValue}\n          />\n          {supportedTimezones.length > 0 && (\n            <TimezonePicker\n              id={`timezone-picker`}\n              onChange={setTimezone}\n              options={supportedTimezones}\n              selectedTimezone={timezone}\n            />\n          )}\n        </div>\n        {localeOptions.length > 0 && type === 'publish' && (\n          <div className={`${baseClass}__section`}>\n            <FieldLabel label={t('localization:localeToPublish')} />\n            <ReactSelect\n              onChange={(e) => setLocale(e as { label: string; value: string })}\n              options={localeOptions}\n              value={locale}\n            />\n          </div>\n        )}\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"primary\"\n            disabled={processing}\n            id=\"scheduled-publish-save\"\n            onClick={handleSave}\n            type=\"button\"\n          >\n            {t('general:save')}\n          </Button>\n          {processing ? <span>{t('general:saving')}</span> : null}\n        </div>\n      </Gutter>\n      <Gutter className={`${baseClass}__upcoming`}>\n        <h4>{t('general:upcomingEvents')}</h4>\n        {!upcoming && <ShimmerEffect />}\n        {upcoming?.length === 0 && <Banner>{t('general:noUpcomingEventsScheduled')}</Banner>}\n        {upcoming?.length > 0 && (\n          <Table appearance=\"condensed\" columns={upcomingColumns} data={upcoming} />\n        )}\n      </Gutter>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/PublishMany/DrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishMany/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAMpC,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAUlD,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,GAAG,gBAAgB,CAAA;AAEpB,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA2K5E"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishMany/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAWlD,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,GAAG,gBAAgB,CAAA;AAEpB,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA2K5E"}

package/dist/elements/PublishMany/DrawerContent.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { useRouter, useSearchParams } from 'next/navigation.js';
 import { combineWhereConstraints, formatAdminURL, mergeListSearchAndWhere } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useCallback } from 'react';
@@ -8,6 +7,7 @@ import { toast } from 'sonner';
 import { useConfig } from '../../providers/Config/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
+import { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
 import { parseSearchParams } from '../../utilities/parseSearchParams.js';

package/dist/elements/PublishMany/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["getTranslation","useRouter","useSearchParams","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","qs","React","useCallback","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","parseSearchParams","ConfirmationModal","PublishManyDrawerContent","props","collection","slug","labels","plural","singular","drawerSlug","ids","onSuccess","selectAll","where","clearRouteCache","config","routes","api","code","locale","router","searchParams","i18n","t","addDefaultError","error","queryString","useMemo","whereConstraints","_status","not_equals","push","queryWithSearch","collectionConfig","search","get","id","in","stringify","select","addQueryPrefix","handlePublish","url","apiRoute","path","patch","body","JSON","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","forEach","_err","_jsx","cancelLabel","confirmingLabel","confirmLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/PublishMany/DrawerContent.tsx"],"sourcesContent":["import type { Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { combineWhereConstraints, formatAdminURL, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { PublishManyProps } from './index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\ntype PublishManyDrawerContentProps = {\n  drawerSlug: string\n  ids: (number | string)[]\n  onSuccess?: () => void\n  selectAll: boolean\n  where?: Where\n} & PublishManyProps\n\nexport function PublishManyDrawerContent(props: PublishManyDrawerContentProps) {\n  const {\n    collection,\n    collection: { slug, labels: { plural, singular } } = {},\n    drawerSlug,\n    ids,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const { clearRouteCache } = useRouteCache()\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { code: locale } = useLocale()\n\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const queryString = React.useMemo((): string => {\n    const whereConstraints: Where[] = [\n      {\n        _status: {\n          not_equals: 'published',\n        },\n      },\n    ]\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (selectAll) {\n      // Match the current filter/search, or default to all docs\n      whereConstraints.push(\n        (parseSearchParams(searchParams)?.where as Where) || {\n          id: {\n            not_equals: '',\n          },\n        },\n      )\n    } else {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const handlePublish = useCallback(async () => {\n    const url = formatAdminURL({\n      apiRoute: api,\n      path: `/${slug}${queryString}&draft=true`,\n    })\n    await requests\n      .patch(url, {\n        body: JSON.stringify({\n          _status: 'published',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n\n            if (typeof onSuccess === 'function') {\n              onSuccess()\n            }\n\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    api,\n    slug,\n    queryString,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n    onSuccess,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}\n      cancelLabel={t('general:cancel')}\n      confirmingLabel={t('version:publishing')}\n      confirmLabel={t('general:confirm')}\n      heading={t('version:confirmPublish')}\n      modalSlug={drawerSlug}\n      onConfirm={handlePublish}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["getTranslation","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","qs","React","useCallback","toast","useConfig","useLocale","useRouteCache","useRouter","useSearchParams","useTranslation","requests","parseSearchParams","ConfirmationModal","PublishManyDrawerContent","props","collection","slug","labels","plural","singular","drawerSlug","ids","onSuccess","selectAll","where","clearRouteCache","config","routes","api","code","locale","router","searchParams","i18n","t","addDefaultError","error","queryString","useMemo","whereConstraints","_status","not_equals","push","queryWithSearch","collectionConfig","search","get","id","in","stringify","select","addQueryPrefix","handlePublish","url","apiRoute","path","patch","body","JSON","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","forEach","_err","_jsx","cancelLabel","confirmingLabel","confirmLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/PublishMany/DrawerContent.tsx"],"sourcesContent":["import type { Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { combineWhereConstraints, formatAdminURL, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { PublishManyProps } from './index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\ntype PublishManyDrawerContentProps = {\n  drawerSlug: string\n  ids: (number | string)[]\n  onSuccess?: () => void\n  selectAll: boolean\n  where?: Where\n} & PublishManyProps\n\nexport function PublishManyDrawerContent(props: PublishManyDrawerContentProps) {\n  const {\n    collection,\n    collection: { slug, labels: { plural, singular } } = {},\n    drawerSlug,\n    ids,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const { clearRouteCache } = useRouteCache()\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { code: locale } = useLocale()\n\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const queryString = React.useMemo((): string => {\n    const whereConstraints: Where[] = [\n      {\n        _status: {\n          not_equals: 'published',\n        },\n      },\n    ]\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (selectAll) {\n      // Match the current filter/search, or default to all docs\n      whereConstraints.push(\n        (parseSearchParams(searchParams)?.where as Where) || {\n          id: {\n            not_equals: '',\n          },\n        },\n      )\n    } else {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const handlePublish = useCallback(async () => {\n    const url = formatAdminURL({\n      apiRoute: api,\n      path: `/${slug}${queryString}&draft=true`,\n    })\n    await requests\n      .patch(url, {\n        body: JSON.stringify({\n          _status: 'published',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n\n            if (typeof onSuccess === 'function') {\n              onSuccess()\n            }\n\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    api,\n    slug,\n    queryString,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n    onSuccess,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}\n      cancelLabel={t('general:cancel')}\n      confirmingLabel={t('version:publishing')}\n      confirmLabel={t('general:confirm')}\n      heading={t('version:confirmPublish')}\n      modalSlug={drawerSlug}\n      onConfirm={handlePublish}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/QueryPresets/QueryPresetBar/index.css

@@ -0,0 +1,22 @@
+@layer payload-default {
+  .query-preset-bar {
+    display: flex;
+    align-items: center;
+  }
+
+  .query-preset-bar__popup .popup-button-list__button {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+  }
+}
+
+/* Destructive delete button - targets the portal content */
+.query-preset-bar__popup-content .popup-button-list__button.query-preset-bar__delete {
+  color: var(--color-text-danger);
+}
+
+.query-preset-bar__popup-content .popup-button-list__button.query-preset-bar__delete:hover {
+  color: var(--color-text-danger);
+  background-color: var(--color-bg-danger-tertiary);
+}

package/dist/elements/QueryPresets/QueryPresetBar/index.d.ts

@@ -1,6 +1,6 @@
 import type { QueryPreset, SanitizedCollectionPermission } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const QueryPresetBar: React.FC<{
     activePreset: QueryPreset;
     collectionSlug?: string;

package/dist/elements/QueryPresets/QueryPresetBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAA;AASzE,OAAO,KAAyC,MAAM,OAAO,CAAA;AAc7D,OAAO,cAAc,CAAA;AAQrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sBAAsB,EAAE,6BAA6B,CAAA;CACtD,CA6SA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAA;AASzE,OAAO,KAA8D,MAAM,OAAO,CAAA;AAkBlF,OAAO,aAAa,CAAA;AAQpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sBAAsB,EAAE,6BAA6B,CAAA;CACtD,CA+aA,CAAA"}