@payloadcms/ui 3.40.0-internal.e3ed6ab → 3.40.0

package/dist/elements/FolderView/Drawers/MoveToFolder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useConfig","FolderProvider","useFolder","useTranslation","Button","ConfirmationModal","Drawer","DrawerActionHeader","DrawerContentContainer","ListCreateNewDocInFolderButton","LoadingOverlay","NoListResults","Translation","FolderBreadcrumbs","ColoredFolderIcon","ItemCardGrid","NewFolderDrawer","baseClass","baseModalSlug","confirmModalSlug","newFolderDrawerSlug","MoveItemsToFolderDrawer","props","_jsx","gutter","Header","slug","drawerSlug","LoadFolderData","config","folders","folderCollectionSlug","routes","serverURL","subfolders","setSubfolders","useState","documents","setDocuments","breadcrumbs","setBreadcrumbs","hasLoaded","setHasLoaded","useEffect","onLoad","folderDataReq","fetch","api","fromFolderID","credentials","headers","status","folderDataRes","json","e","console","error","allowMultiSelection","folderCollectionSlugs","folderID","Content","fromFolderName","itemsToMove","onConfirm","skipConfirmModal","closeModal","openModal","count","length","i18n","t","addItems","folderCollectionConfig","folderFieldName","getSelectedItems","setFolderID","getSelectedFolder","useCallback","selected","lastCrumb","id","name","value","_folderOrDocumentTitle","onCreateSuccess","collectionSlug","doc","itemValue","admin","useAsTitle","createdAt","updatedAt","itemKey","relationTo","onConfirmMove","_jsxs","_Fragment","onCancel","onSave","saveLabel","title","DrawerHeading","action","undefined","className","onClick","map","crumb","index","buttonStyle","label","labels","singular","onNewFolderSuccess","disabledItemKeys","Set","items","selectedItemKeys","type","Actions","buttonLabel","toLowerCase","collectionSlugs","slugPrefix","Message","plural","body","ConfirmationMessage","toFolderName","confirmingLabel","confirmLabel","heading","modalSlug","$","t0","fromFolder","t1","elements","1","_temp2","2","_temp3","i18nKey","variables","toFolder","_temp4","_temp5","_temp6","_temp7","children","children_1","children_0","children_4","children_3","children_2"],"sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, Document } from 'payload'\nimport type {\n  FolderBreadcrumb,\n  FolderDocumentItemKey,\n  FolderOrDocument,\n  GetFolderDataResult,\n} from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { FolderProvider, useFolder } from '../../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { ConfirmationModal } from '../../../ConfirmationModal/index.js'\nimport { Drawer } from '../../../Drawer/index.js'\nimport { DrawerActionHeader } from '../../../DrawerActionHeader/index.js'\nimport { DrawerContentContainer } from '../../../DrawerContentContainer/index.js'\nimport { ListCreateNewDocInFolderButton } from '../../../ListHeader/TitleActions/ListCreateNewDocInFolderButton.js'\nimport { LoadingOverlay } from '../../../Loading/index.js'\nimport { NoListResults } from '../../../NoListResults/index.js'\nimport { Translation } from '../../../Translation/index.js'\nimport { FolderBreadcrumbs } from '../../Breadcrumbs/index.js'\nimport { ColoredFolderIcon } from '../../ColoredFolderIcon/index.js'\nimport { ItemCardGrid } from '../../ItemCardGrid/index.js'\nimport { NewFolderDrawer } from '../NewFolder/index.js'\nimport './index.scss'\n\nconst baseClass = 'move-folder-drawer'\nconst baseModalSlug = 'move-folder-drawer'\nconst confirmModalSlug = `${baseModalSlug}-confirm-move`\nconst newFolderDrawerSlug = `${baseModalSlug}-new-folder`\n\ntype ActionProps =\n  | {\n      readonly action: 'moveItemsToFolder'\n    }\n  | {\n      readonly action: 'moveItemToFolder'\n      readonly title: string\n    }\nexport type MoveToFolderDrawerProps = {\n  readonly drawerSlug: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName?: string\n  readonly itemsToMove: FolderOrDocument[]\n  /**\n   * Callback function to be called when the user confirms the move\n   *\n   * @param folderID - The ID of the folder to move the items to\n   */\n  readonly onConfirm: (args: {\n    id: null | number | string\n    name: null | string\n  }) => Promise<void> | void\n  /**\n   * Set to `true` to skip the confirmation modal\n   * @default false\n   */\n  readonly skipConfirmModal?: boolean\n} & ActionProps\n\nexport function MoveItemsToFolderDrawer(props: MoveToFolderDrawerProps) {\n  return (\n    <Drawer gutter={false} Header={null} slug={props.drawerSlug}>\n      <LoadFolderData {...props} />\n    </Drawer>\n  )\n}\n\nfunction LoadFolderData(props: MoveToFolderDrawerProps) {\n  const {\n    config: {\n      folders: { slug: folderCollectionSlug },\n      routes,\n      serverURL,\n    },\n  } = useConfig()\n  const [subfolders, setSubfolders] = React.useState<FolderOrDocument[]>([])\n  const [documents, setDocuments] = React.useState<FolderOrDocument[]>([])\n  const [breadcrumbs, setBreadcrumbs] = React.useState<FolderBreadcrumb[]>([])\n  const [hasLoaded, setHasLoaded] = React.useState(false)\n\n  React.useEffect(() => {\n    const onLoad = async () => {\n      // call some endpoint to load the data\n\n      try {\n        const folderDataReq = await fetch(\n          `${serverURL}${routes.api}/${folderCollectionSlug}/populate-folder-data${props.fromFolderID ? `?folderID=${props.fromFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'content-type': 'application/json',\n            },\n          },\n        )\n\n        if (folderDataReq.status === 200) {\n          const folderDataRes: GetFolderDataResult = await folderDataReq.json()\n          setBreadcrumbs(folderDataRes?.breadcrumbs || [])\n          setSubfolders(folderDataRes?.subfolders || [])\n          setDocuments(folderDataRes?.documents || [])\n        } else {\n          setBreadcrumbs([])\n          setSubfolders([])\n          setDocuments([])\n        }\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e)\n      }\n\n      setHasLoaded(true)\n    }\n\n    if (!hasLoaded) {\n      void onLoad()\n    }\n  }, [folderCollectionSlug, routes.api, serverURL, hasLoaded, props.fromFolderID])\n\n  if (!hasLoaded) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <FolderProvider\n      allowMultiSelection={false}\n      breadcrumbs={breadcrumbs}\n      documents={documents}\n      folderCollectionSlugs={[]}\n      folderID={props.fromFolderID}\n      subfolders={subfolders}\n    >\n      <Content {...props} />\n    </FolderProvider>\n  )\n}\n\nfunction Content({\n  drawerSlug,\n  fromFolderName,\n  itemsToMove,\n  onConfirm,\n  skipConfirmModal,\n  ...props\n}: MoveToFolderDrawerProps) {\n  const { closeModal, openModal } = useModal()\n  const [count] = React.useState(() => itemsToMove.length)\n  const { i18n, t } = useTranslation()\n  const {\n    addItems,\n    breadcrumbs,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    getSelectedItems,\n    setFolderID,\n    subfolders,\n  } = useFolder()\n\n  const getSelectedFolder = React.useCallback((): {\n    id: null | number | string\n    name: null | string\n  } => {\n    const selected = getSelectedItems()\n\n    if (selected.length === 0) {\n      const lastCrumb = breadcrumbs?.[breadcrumbs.length - 1]\n      // use the breadcrumb\n      return {\n        id: lastCrumb?.id || null,\n        name: lastCrumb?.name || null,\n      }\n    } else {\n      // use the selected item\n      return {\n        id: selected[0].value.id,\n        name: selected[0].value._folderOrDocumentTitle,\n      }\n    }\n  }, [breadcrumbs, getSelectedItems])\n\n  const onCreateSuccess = React.useCallback(\n    ({ collectionSlug, doc }: { collectionSlug: CollectionSlug; doc: Document }) => {\n      const itemValue: FolderOrDocument['value'] = {\n        id: doc?.id,\n        _folderOrDocumentTitle: doc?.[folderCollectionConfig.admin.useAsTitle ?? 'id'],\n        createdAt: doc?.createdAt,\n        folderID: doc?.[folderFieldName],\n        updatedAt: doc?.updatedAt,\n      }\n\n      void addItems([\n        {\n          itemKey: `${collectionSlug}-${doc.id}`,\n          relationTo: collectionSlug,\n          value: itemValue,\n        },\n      ])\n    },\n    [addItems, folderCollectionConfig.admin.useAsTitle],\n  )\n\n  const onConfirmMove = React.useCallback(() => {\n    if (typeof onConfirm === 'function') {\n      void onConfirm(getSelectedFolder())\n    }\n  }, [getSelectedFolder, onConfirm])\n\n  return (\n    <>\n      <DrawerActionHeader\n        onCancel={() => {\n          closeModal(drawerSlug)\n        }}\n        onSave={() => {\n          if (skipConfirmModal) {\n            onConfirmMove()\n          } else {\n            openModal(confirmModalSlug)\n          }\n        }}\n        saveLabel={t('general:select')}\n        title={\n          <DrawerHeading\n            action={props.action}\n            count={count}\n            fromFolderName={props.fromFolderID ? fromFolderName : undefined}\n            title={props.action === 'moveItemToFolder' ? props.title : undefined}\n          />\n        }\n      />\n\n      <div className={`${baseClass}__breadcrumbs-section`}>\n        <FolderBreadcrumbs\n          breadcrumbs={[\n            {\n              id: null,\n              name: (\n                <span className={`${baseClass}__folder-breadcrumbs-root`}>\n                  <ColoredFolderIcon />\n                  {t('folder:folders')}\n                </span>\n              ),\n              onClick: breadcrumbs.length\n                ? () => {\n                    void setFolderID({ folderID: null })\n                  }\n                : undefined,\n            },\n            ...breadcrumbs.map((crumb, index) => ({\n              id: crumb.id,\n              name: crumb.name,\n              onClick:\n                index !== breadcrumbs.length - 1\n                  ? () => {\n                      void setFolderID({ folderID: crumb.id })\n                    }\n                  : undefined,\n            })),\n          ]}\n        />\n        {subfolders.length > 0 && (\n          <>\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__add-folder-button`}\n              onClick={() => {\n                openModal(newFolderDrawerSlug)\n              }}\n            >\n              {t('fields:addLabel', {\n                label: getTranslation(folderCollectionConfig.labels?.singular, i18n),\n              })}\n            </Button>\n            <NewFolderDrawer\n              drawerSlug={newFolderDrawerSlug}\n              onNewFolderSuccess={(doc) => {\n                closeModal(newFolderDrawerSlug)\n                if (typeof onCreateSuccess === 'function') {\n                  void onCreateSuccess({\n                    collectionSlug: folderCollectionConfig.slug,\n                    doc,\n                  })\n                }\n              }}\n            />\n          </>\n        )}\n      </div>\n\n      <DrawerContentContainer className={`${baseClass}__body-section`}>\n        {subfolders.length > 0 ? (\n          <ItemCardGrid\n            disabledItemKeys={new Set(itemsToMove.map(({ itemKey }) => itemKey))}\n            items={subfolders}\n            selectedItemKeys={\n              new Set<FolderDocumentItemKey>([`${folderCollectionSlug}-${getSelectedFolder().id}`])\n            }\n            type=\"folder\"\n          />\n        ) : (\n          <NoListResults\n            Actions={[\n              <ListCreateNewDocInFolderButton\n                buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                collectionSlugs={[folderCollectionSlug]}\n                key=\"create-folder\"\n                onCreateSuccess={onCreateSuccess}\n                slugPrefix=\"create-new-folder-from-drawer--no-results\"\n              />,\n            ]}\n            Message={\n              <p>\n                {i18n.t('general:noResults', {\n                  label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`,\n                })}\n              </p>\n            }\n          />\n        )}\n      </DrawerContentContainer>\n\n      {!skipConfirmModal && (\n        <ConfirmationModal\n          body={\n            <ConfirmationMessage\n              action={props.action}\n              count={count}\n              fromFolderName={fromFolderName}\n              title={props.action === 'moveItemToFolder' ? props.title : undefined}\n              toFolderName={getSelectedFolder().name}\n            />\n          }\n          confirmingLabel={t('general:moving')}\n          confirmLabel={t('general:move')}\n          heading={t('general:confirmMove')}\n          modalSlug={confirmModalSlug}\n          onConfirm={onConfirmMove}\n        />\n      )}\n    </>\n  )\n}\n\nfunction DrawerHeading(\n  props: { count?: number } & ActionProps & Pick<MoveToFolderDrawerProps, 'fromFolderName'>,\n): string {\n  const { t } = useTranslation()\n\n  switch (props.action) {\n    case 'moveItemToFolder':\n      // moving current folder from list view actions menu\n      // or moving item from edit view\n      if (props.fromFolderName) {\n        // move from folder\n        return t('folder:movingFromFolder', {\n          fromFolder: props.fromFolderName,\n          title: props.title,\n        })\n      } else {\n        // move from root\n        return t('folder:selectFolderForItem', {\n          title: props.title,\n        })\n      }\n\n    case 'moveItemsToFolder':\n      if (props.fromFolderName) {\n        // move from folder\n        return t('folder:movingFromFolder', {\n          fromFolder: props.fromFolderName,\n          title: `${props.count} ${props.count > 1 ? t('general:items') : t('general:item')}`,\n        })\n      } else {\n        // move from root\n        return t('folder:selectFolderForItem', {\n          title: `${props.count} ${props.count > 1 ? t('general:items') : t('general:item')}`,\n        })\n      }\n  }\n}\n\nfunction ConfirmationMessage(\n  props: { count?: number; toFolderName?: string } & ActionProps &\n    Pick<MoveToFolderDrawerProps, 'fromFolderName'>,\n) {\n  const { t } = useTranslation()\n\n  switch (props.action) {\n    case 'moveItemToFolder':\n      // moving current folder from list view actions menu\n      // or moving item from edit view\n      if (props.toFolderName) {\n        // move to destination\n        // You are about to move {{title}} to {{toFolder}}. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n              2: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemToFolderConfirmation\"\n            t={t}\n            variables={{\n              title: props.title,\n              toFolder: props.toFolderName,\n            }}\n          />\n        )\n      } else {\n        // move to root\n        // You are about to move {{title}} to the root folder. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemToRootConfirmation\"\n            t={t}\n            variables={{\n              title: props.title,\n            }}\n          />\n        )\n      }\n\n    case 'moveItemsToFolder':\n      // moving many (documents/folders) from list view\n      if (props.toFolderName) {\n        // move to destination\n        // You are about to move {{count}} {{label}} to {{toFolder}}. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n              2: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemsToFolderConfirmation\"\n            t={t}\n            variables={{\n              count: props.count,\n              label: props.count > 1 ? t('general:items') : t('general:item'),\n              toFolder: props.toFolderName,\n            }}\n          />\n        )\n      } else {\n        // move to root\n        // You are about to move {{count}} {{label}} to the root folder. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemsToRootConfirmation\"\n            t={t}\n            variables={{\n              count: props.count,\n              label: props.count > 1 ? t('general:items') : t('general:item'),\n            }}\n          />\n        )\n      }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","formatFolderOrDocumentItem","React","useConfig","FolderProvider","useFolder","useTranslation","Button","ConfirmationModal","Drawer","DrawerActionHeader","DrawerContentContainer","ListCreateNewDocInFolderButton","LoadingOverlay","NoListResults","Translation","FolderBreadcrumbs","ColoredFolderIcon","ItemCardGrid","NewFolderDrawer","baseClass","baseModalSlug","confirmModalSlug","newFolderDrawerSlug","MoveItemsToFolderDrawer","props","_jsx","gutter","Header","slug","drawerSlug","LoadFolderData","config","folders","folderCollectionSlug","routes","serverURL","subfolders","setSubfolders","useState","documents","setDocuments","breadcrumbs","setBreadcrumbs","hasLoaded","setHasLoaded","useEffect","onLoad","folderDataReq","fetch","api","fromFolderID","credentials","headers","status","folderDataRes","json","e","console","error","allowMultiSelection","folderCollectionSlugs","folderID","Content","t0","$","fromFolderName","itemsToMove","onConfirm","skipConfirmModal","closeModal","openModal","t1","length","count","i18n","t","addItems","folderCollectionConfig","folderFieldName","getSelectedItems","setFolderID","getEntityConfig","t2","selected","lastCrumb","id","name","value","_folderOrDocumentTitle","getSelectedFolder","t3","t4","collectionSlug","doc","collectionConfig","isUpload","Boolean","upload","relationTo","useAsTitle","admin","onCreateSuccess","onConfirmMove","t5","t6","t7","action","title","t8","undefined","t9","crumb","index","onClick","_jsxs","_Fragment","children","onCancel","onSave","saveLabel","DrawerHeading","className","map","buttonStyle","margin","label","labels","singular","onNewFolderSuccess","doc_0","disabledItemKeys","Set","_temp","items","selectedItemKeys","type","Actions","buttonLabel","toLowerCase","collectionSlugs","slugPrefix","Message","plural","body","ConfirmationMessage","toFolderName","confirmLabel","heading","modalSlug","itemKey","fromFolder","elements","1","_temp2","2","_temp3","i18nKey","variables","toFolder","_temp4","_temp5","_temp6","_temp7","children_1","children_0","children_4","children_3","children_2"],"sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, Document } from 'payload'\nimport type {\n  FolderBreadcrumb,\n  FolderDocumentItemKey,\n  FolderOrDocument,\n  GetFolderDataResult,\n} from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatFolderOrDocumentItem } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { FolderProvider, useFolder } from '../../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { ConfirmationModal } from '../../../ConfirmationModal/index.js'\nimport { Drawer } from '../../../Drawer/index.js'\nimport { DrawerActionHeader } from '../../../DrawerActionHeader/index.js'\nimport { DrawerContentContainer } from '../../../DrawerContentContainer/index.js'\nimport { ListCreateNewDocInFolderButton } from '../../../ListHeader/TitleActions/ListCreateNewDocInFolderButton.js'\nimport { LoadingOverlay } from '../../../Loading/index.js'\nimport { NoListResults } from '../../../NoListResults/index.js'\nimport { Translation } from '../../../Translation/index.js'\nimport { FolderBreadcrumbs } from '../../Breadcrumbs/index.js'\nimport { ColoredFolderIcon } from '../../ColoredFolderIcon/index.js'\nimport { ItemCardGrid } from '../../ItemCardGrid/index.js'\nimport { NewFolderDrawer } from '../NewFolder/index.js'\nimport './index.scss'\n\nconst baseClass = 'move-folder-drawer'\nconst baseModalSlug = 'move-folder-drawer'\nconst confirmModalSlug = `${baseModalSlug}-confirm-move`\nconst newFolderDrawerSlug = `${baseModalSlug}-new-folder`\n\ntype ActionProps =\n  | {\n      readonly action: 'moveItemsToFolder'\n    }\n  | {\n      readonly action: 'moveItemToFolder'\n      readonly title: string\n    }\nexport type MoveToFolderDrawerProps = {\n  readonly drawerSlug: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName?: string\n  readonly itemsToMove: FolderOrDocument[]\n  /**\n   * Callback function to be called when the user confirms the move\n   *\n   * @param folderID - The ID of the folder to move the items to\n   */\n  readonly onConfirm: (args: {\n    id: null | number | string\n    name: null | string\n  }) => Promise<void> | void\n  /**\n   * Set to `true` to skip the confirmation modal\n   * @default false\n   */\n  readonly skipConfirmModal?: boolean\n} & ActionProps\n\nexport function MoveItemsToFolderDrawer(props: MoveToFolderDrawerProps) {\n  return (\n    <Drawer gutter={false} Header={null} slug={props.drawerSlug}>\n      <LoadFolderData {...props} />\n    </Drawer>\n  )\n}\n\nfunction LoadFolderData(props: MoveToFolderDrawerProps) {\n  const {\n    config: {\n      folders: { slug: folderCollectionSlug },\n      routes,\n      serverURL,\n    },\n  } = useConfig()\n  const [subfolders, setSubfolders] = React.useState<FolderOrDocument[]>([])\n  const [documents, setDocuments] = React.useState<FolderOrDocument[]>([])\n  const [breadcrumbs, setBreadcrumbs] = React.useState<FolderBreadcrumb[]>([])\n  const [hasLoaded, setHasLoaded] = React.useState(false)\n\n  React.useEffect(() => {\n    const onLoad = async () => {\n      // call some endpoint to load the data\n\n      try {\n        const folderDataReq = await fetch(\n          `${serverURL}${routes.api}/${folderCollectionSlug}/populate-folder-data${props.fromFolderID ? `?folderID=${props.fromFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'content-type': 'application/json',\n            },\n          },\n        )\n\n        if (folderDataReq.status === 200) {\n          const folderDataRes: GetFolderDataResult = await folderDataReq.json()\n          setBreadcrumbs(folderDataRes?.breadcrumbs || [])\n          setSubfolders(folderDataRes?.subfolders || [])\n          setDocuments(folderDataRes?.documents || [])\n        } else {\n          setBreadcrumbs([])\n          setSubfolders([])\n          setDocuments([])\n        }\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e)\n      }\n\n      setHasLoaded(true)\n    }\n\n    if (!hasLoaded) {\n      void onLoad()\n    }\n  }, [folderCollectionSlug, routes.api, serverURL, hasLoaded, props.fromFolderID])\n\n  if (!hasLoaded) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <FolderProvider\n      allowMultiSelection={false}\n      breadcrumbs={breadcrumbs}\n      documents={documents}\n      folderCollectionSlugs={[]}\n      folderID={props.fromFolderID}\n      subfolders={subfolders}\n    >\n      <Content {...props} />\n    </FolderProvider>\n  )\n}\n\nfunction Content({\n  drawerSlug,\n  fromFolderName,\n  itemsToMove,\n  onConfirm,\n  skipConfirmModal,\n  ...props\n}: MoveToFolderDrawerProps) {\n  const { closeModal, openModal } = useModal()\n  const [count] = React.useState(() => itemsToMove.length)\n  const { i18n, t } = useTranslation()\n  const {\n    addItems,\n    breadcrumbs,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    getSelectedItems,\n    setFolderID,\n    subfolders,\n  } = useFolder()\n  const { getEntityConfig } = useConfig()\n\n  const getSelectedFolder = React.useCallback((): {\n    id: null | number | string\n    name: null | string\n  } => {\n    const selected = getSelectedItems()\n\n    if (selected.length === 0) {\n      const lastCrumb = breadcrumbs?.[breadcrumbs.length - 1]\n      // use the breadcrumb\n      return {\n        id: lastCrumb?.id || null,\n        name: lastCrumb?.name || null,\n      }\n    } else {\n      // use the selected item\n      return {\n        id: selected[0].value.id,\n        name: selected[0].value._folderOrDocumentTitle,\n      }\n    }\n  }, [breadcrumbs, getSelectedItems])\n\n  const onCreateSuccess = React.useCallback(\n    ({ collectionSlug, doc }: { collectionSlug: CollectionSlug; doc: Document }) => {\n      const collectionConfig = getEntityConfig({ collectionSlug })\n      void addItems([\n        formatFolderOrDocumentItem({\n          folderFieldName,\n          isUpload: Boolean(collectionConfig?.upload),\n          relationTo: collectionSlug,\n          useAsTitle: collectionConfig.admin.useAsTitle,\n          value: doc,\n        }),\n      ])\n    },\n    [addItems, folderFieldName, getEntityConfig],\n  )\n\n  const onConfirmMove = React.useCallback(() => {\n    if (typeof onConfirm === 'function') {\n      void onConfirm(getSelectedFolder())\n    }\n  }, [getSelectedFolder, onConfirm])\n\n  return (\n    <>\n      <DrawerActionHeader\n        onCancel={() => {\n          closeModal(drawerSlug)\n        }}\n        onSave={() => {\n          if (skipConfirmModal) {\n            onConfirmMove()\n          } else {\n            openModal(confirmModalSlug)\n          }\n        }}\n        saveLabel={t('general:select')}\n        title={\n          <DrawerHeading\n            action={props.action}\n            count={count}\n            fromFolderName={props.fromFolderID ? fromFolderName : undefined}\n            title={props.action === 'moveItemToFolder' ? props.title : undefined}\n          />\n        }\n      />\n\n      <div className={`${baseClass}__breadcrumbs-section`}>\n        <FolderBreadcrumbs\n          breadcrumbs={[\n            {\n              id: null,\n              name: (\n                <span className={`${baseClass}__folder-breadcrumbs-root`}>\n                  <ColoredFolderIcon />\n                  {t('folder:folders')}\n                </span>\n              ),\n              onClick: breadcrumbs.length\n                ? () => {\n                    void setFolderID({ folderID: null })\n                  }\n                : undefined,\n            },\n            ...breadcrumbs.map((crumb, index) => ({\n              id: crumb.id,\n              name: crumb.name,\n              onClick:\n                index !== breadcrumbs.length - 1\n                  ? () => {\n                      void setFolderID({ folderID: crumb.id })\n                    }\n                  : undefined,\n            })),\n          ]}\n        />\n        {subfolders.length > 0 && (\n          <>\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__add-folder-button`}\n              margin={false}\n              onClick={() => {\n                openModal(newFolderDrawerSlug)\n              }}\n            >\n              {t('fields:addLabel', {\n                label: getTranslation(folderCollectionConfig.labels?.singular, i18n),\n              })}\n            </Button>\n            <NewFolderDrawer\n              drawerSlug={newFolderDrawerSlug}\n              onNewFolderSuccess={(doc) => {\n                closeModal(newFolderDrawerSlug)\n                if (typeof onCreateSuccess === 'function') {\n                  void onCreateSuccess({\n                    collectionSlug: folderCollectionConfig.slug,\n                    doc,\n                  })\n                }\n              }}\n            />\n          </>\n        )}\n      </div>\n\n      <DrawerContentContainer className={`${baseClass}__body-section`}>\n        {subfolders.length > 0 ? (\n          <ItemCardGrid\n            disabledItemKeys={new Set(itemsToMove.map(({ itemKey }) => itemKey))}\n            items={subfolders}\n            selectedItemKeys={\n              new Set<FolderDocumentItemKey>([`${folderCollectionSlug}-${getSelectedFolder().id}`])\n            }\n            type=\"folder\"\n          />\n        ) : (\n          <NoListResults\n            Actions={[\n              <ListCreateNewDocInFolderButton\n                buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                collectionSlugs={[folderCollectionSlug]}\n                key=\"create-folder\"\n                onCreateSuccess={onCreateSuccess}\n                slugPrefix=\"create-new-folder-from-drawer--no-results\"\n              />,\n            ]}\n            Message={\n              <p>\n                {i18n.t('general:noResults', {\n                  label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`,\n                })}\n              </p>\n            }\n          />\n        )}\n      </DrawerContentContainer>\n\n      {!skipConfirmModal && (\n        <ConfirmationModal\n          body={\n            <ConfirmationMessage\n              action={props.action}\n              count={count}\n              fromFolderName={fromFolderName}\n              title={props.action === 'moveItemToFolder' ? props.title : undefined}\n              toFolderName={getSelectedFolder().name}\n            />\n          }\n          confirmingLabel={t('general:moving')}\n          confirmLabel={t('general:move')}\n          heading={t('general:confirmMove')}\n          modalSlug={confirmModalSlug}\n          onConfirm={onConfirmMove}\n        />\n      )}\n    </>\n  )\n}\n\nfunction DrawerHeading(\n  props: { count?: number } & ActionProps & Pick<MoveToFolderDrawerProps, 'fromFolderName'>,\n): string {\n  const { t } = useTranslation()\n\n  switch (props.action) {\n    case 'moveItemToFolder':\n      // moving current folder from list view actions menu\n      // or moving item from edit view\n      if (props.fromFolderName) {\n        // move from folder\n        return t('folder:movingFromFolder', {\n          fromFolder: props.fromFolderName,\n          title: props.title,\n        })\n      } else {\n        // move from root\n        return t('folder:selectFolderForItem', {\n          title: props.title,\n        })\n      }\n\n    case 'moveItemsToFolder':\n      if (props.fromFolderName) {\n        // move from folder\n        return t('folder:movingFromFolder', {\n          fromFolder: props.fromFolderName,\n          title: `${props.count} ${props.count > 1 ? t('general:items') : t('general:item')}`,\n        })\n      } else {\n        // move from root\n        return t('folder:selectFolderForItem', {\n          title: `${props.count} ${props.count > 1 ? t('general:items') : t('general:item')}`,\n        })\n      }\n  }\n}\n\nfunction ConfirmationMessage(\n  props: { count?: number; toFolderName?: string } & ActionProps &\n    Pick<MoveToFolderDrawerProps, 'fromFolderName'>,\n) {\n  const { t } = useTranslation()\n\n  switch (props.action) {\n    case 'moveItemToFolder':\n      // moving current folder from list view actions menu\n      // or moving item from edit view\n      if (props.toFolderName) {\n        // move to destination\n        // You are about to move {{title}} to {{toFolder}}. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n              2: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemToFolderConfirmation\"\n            t={t}\n            variables={{\n              title: props.title,\n              toFolder: props.toFolderName,\n            }}\n          />\n        )\n      } else {\n        // move to root\n        // You are about to move {{title}} to the root folder. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemToRootConfirmation\"\n            t={t}\n            variables={{\n              title: props.title,\n            }}\n          />\n        )\n      }\n\n    case 'moveItemsToFolder':\n      // moving many (documents/folders) from list view\n      if (props.toFolderName) {\n        // move to destination\n        // You are about to move {{count}} {{label}} to {{toFolder}}. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n              2: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemsToFolderConfirmation\"\n            t={t}\n            variables={{\n              count: props.count,\n              label: props.count > 1 ? t('general:items') : t('general:item'),\n              toFolder: props.toFolderName,\n            }}\n          />\n        )\n      } else {\n        // move to root\n        // You are about to move {{count}} {{label}} to the root folder. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemsToRootConfirmation\"\n            t={t}\n            variables={{\n              count: props.count,\n              label: props.count > 1 ? t('general:items') : t('general:item'),\n            }}\n          />\n        )\n      }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/Drawers/NewFolder/index.js

@@ -37,7 +37,7 @@ export const NewFolderDrawer = t0 => {
     folderFieldName,
     folderID
   } = useFolder();
-  const t1 = `${serverURL}${routes.api}/${folderCollectionSlug}`;
+  const t1 = `${serverURL}${routes.api}/${folderCollectionSlug}?depth=0`;
   let t2;
   if ($[0] !== onNewFolderSuccess || $[1] !== t) {
     t2 = async (res, successToast, errorToast) => {

package/dist/elements/FolderView/Drawers/NewFolder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","HiddenField","TextField","Form","useConfig","useFolder","useTranslation","Drawer","DrawerActionHeader","DrawerContentContainer","NewFolderDrawer","t0","$","drawerSlug","onNewFolderSuccess","config","routes","serverURL","closeModal","t","folderCollectionSlug","folderFieldName","folderID","t1","api","t2","res","successToast","errorToast","doc","json","label","name","t3","value","t4","t5","t6","value_0","_jsx","gutter","Header","slug","children","_jsxs","action","handleResponse","initialState","initialValue","valid","validate","method","onCancel","saveLabel","title","field","required","path"],"sources":["../../../../../src/elements/FolderView/Drawers/NewFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderInterface } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { HiddenField } from '../../../../fields/Hidden/index.js'\nimport { TextField } from '../../../../fields/Text/index.js'\nimport { Form } from '../../../../forms/Form/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useFolder } from '../../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Drawer } from '../../../Drawer/index.js'\nimport { DrawerActionHeader } from '../../../DrawerActionHeader/index.js'\nimport { DrawerContentContainer } from '../../../DrawerContentContainer/index.js'\n\ntype Props = {\n  readonly drawerSlug: string\n  readonly onNewFolderSuccess: (doc: FolderInterface) => Promise<void> | void\n}\n\nexport const NewFolderDrawer = ({ drawerSlug, onNewFolderSuccess }: Props) => {\n  const { config } = useConfig()\n  const { routes, serverURL } = config\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n  const { folderCollectionSlug, folderFieldName, folderID } = useFolder()\n\n  return (\n    <Drawer gutter={false} Header={null} slug={drawerSlug}>\n      <Form\n        action={`${serverURL}${routes.api}/${folderCollectionSlug}`}\n        handleResponse={async (res, successToast, errorToast) => {\n          try {\n            const { doc } = await res.json()\n            successToast(\n              t('general:successfullyCreated', {\n                label: `\"${doc.name}\"`,\n              }),\n            )\n            await onNewFolderSuccess(doc)\n          } catch (_) {\n            errorToast(t('general:error'))\n          }\n        }}\n        initialState={{\n          name: {\n            initialValue: '',\n            valid: true,\n            validate: (value) => {\n              if (!value) {\n                return t('validation:required')\n              }\n              return true\n            },\n            value: '',\n          },\n          [folderFieldName]: {\n            initialValue: '',\n            valid: true,\n            value: '',\n          },\n        }}\n        method=\"POST\"\n      >\n        <DrawerActionHeader\n          onCancel={() => {\n            closeModal(drawerSlug)\n          }}\n          saveLabel={t('general:create')}\n          title={t('folder:newFolder')}\n        />\n\n        <DrawerContentContainer>\n          <TextField\n            field={{\n              name: 'name',\n              label: t('folder:folderName'),\n              required: true,\n            }}\n            path=\"name\"\n            validate={(value) => {\n              if (!value) {\n                return t('validation:required')\n              }\n              return true\n            }}\n          />\n          <HiddenField key={folderID} path={folderFieldName} value={folderID} />\n        </DrawerContentContainer>\n      </Form>\n    </Drawer>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,sBAAsB,QAAQ;AAOvC,OAAO,MAAMC,eAAA,GAAkBC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,UAAA;IAAAC;EAAA,IAAAH,EAAyC;EACvE;IAAAI;EAAA,IAAmBX,SAAA;EACnB;IAAAY,MAAA;IAAAC;EAAA,IAA8BF,MAAA;EAC9B;IAAAG;EAAA,IAAuBnB,QAAA;EACvB;IAAAoB;EAAA,IAAcb,cAAA;EACd;IAAAc,oBAAA;IAAAC,eAAA;IAAAC;EAAA,IAA4DjB,SAAA;EAK9C,MAAAkB,EAAA,MAAGN,SAAA,GAAYD,MAAA,CAAAQ,GAAA,IAAcJ,oBAAA,EAAsB;EAAA,IAAAK,EAAA;EAAA,IAAAb,CAAA,QAAAE,kBAAA,IAAAF,CAAA,QAAAO,CAAA;IAC3CM,EAAA,SAAAA,CAAAC,GAAA,EAAAC,YAAA,EAAAC,UAAA;MAAA;MAAA;QAEZ;UAAAC;QAAA,UAAsBH,GAAA,CAAAI,IAAA,CAAQ;QAC9BH,YAAA,CACER,CAAA,CAAE;UAAAY,KAAA,EACO,IAAIF,GAAA,CAAAG,IAAA;QAAW,CACxB;QAAA,MAEIlB,kBAAA,CAAmBe,GAAA;MAAA,SAAAI,EAAA;QAEzBL,UAAA,CAAWT,CAAA,CAAE;MAAA;IAAA;IAEjBP,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAO,CAAA;IAAAP,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,IAAAqB,EAAA;EAAA,IAAArB,CAAA,QAAAO,CAAA;IAKcc,EAAA,GAAAC,KAAA;MAAA,KACHA,KAAA;QAAA,OACIf,CAAA,CAAE;MAAA;MAAA;IAAA;IAGbP,CAAA,MAAAO,CAAA;IAAAP,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,IAAAuB,EAAA;EAAA,IAAAvB,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAS,eAAA,IAAAT,CAAA,QAAAU,QAAA,IAAAV,CAAA,QAAAO,CAAA,IAAAP,CAAA,SAAAW,EAAA,IAAAX,CAAA,SAAAa,EAAA,IAAAb,CAAA,SAAAqB,EAAA;IAAA,IAAAG,EAAA;IAAA,IAAAxB,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAC,UAAA;MAYQuB,EAAA,GAAAA,CAAA;QACRlB,UAAA,CAAWL,UAAA;MAAA;MACbD,CAAA,OAAAM,UAAA;MAAAN,CAAA,OAAAC,UAAA;MAAAD,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IAAA,IAAAyB,EAAA;IAAA,IAAAzB,CAAA,SAAAO,CAAA;MAaYkB,EAAA,GAAAC,OAAA;QAAA,KACHJ,OAAA;UAAA,OACIf,CAAA,CAAE;QAAA;QAAA;MAAA;MAGbP,CAAA,OAAAO,CAAA;MAAAP,CAAA,OAAAyB,EAAA;IAAA;MAAAA,EAAA,GAAAzB,CAAA;IAAA;IAzDRuB,EAAA,GAAAI,IAAA,CAAAhC,MAAA;MAAAiC,MAAA;MAAAC,MAAA;MAAAC,IAAA,EAA2C7B,UAAA;MAAA8B,QAAA,EACzCC,KAAA,CAAAzC,IAAA;QAAA0C,MAAA,EACUtB,EAAmD;QAAAuB,cAAA,EAC3CrB,EAYhB;QAAAsB,YAAA;UAAAf,IAAA;YAAAgB,YAAA,EAGkB;YAAAC,KAAA;YAAAC,QAAA,EAEJjB,EAKV;YAAAC,KAAA,EACO;UAAA;UAAA,CAERb,eAAA;YAAA2B,YAAA,EACe;YAAAC,KAAA;YAAAf,KAAA,EAEP;UAAA;QAAA;QAAAiB,MAAA,EAGJ;QAAAR,QAAA,GAEPJ,IAAA,CAAA/B,kBAAA;UAAA4C,QAAA,EACYhB,EAEV;UAAAiB,SAAA,EACWlC,CAAA,CAAE;UAAAmC,KAAA,EACNnC,CAAA,CAAE;QAAA,C,GAGXyB,KAAA,CAAAnC,sBAAA;UAAAkC,QAAA,GACEJ,IAAA,CAAArC,SAAA;YAAAqD,KAAA;cAAAvB,IAAA,EAEU;cAAAD,KAAA,EACCZ,CAAA,CAAE;cAAAqC,QAAA;YAAA;YAAAC,IAAA,EAGN;YAAAP,QAAA,EACKb;UAKV,C,GAEFE,IAAA,CAAAtC,WAAA;YAAAwD,IAAA,EAAkCpC,eAAA;YAAAa,KAAA,EAAwBZ;UAAA,GAAxCA,QAAA;QAAA,C;;;;;;;;;;;;;;;SA3DxBa,E;CAgEJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","HiddenField","TextField","Form","useConfig","useFolder","useTranslation","Drawer","DrawerActionHeader","DrawerContentContainer","NewFolderDrawer","t0","$","drawerSlug","onNewFolderSuccess","config","routes","serverURL","closeModal","t","folderCollectionSlug","folderFieldName","folderID","t1","api","t2","res","successToast","errorToast","doc","json","label","name","t3","value","t4","t5","t6","value_0","_jsx","gutter","Header","slug","children","_jsxs","action","handleResponse","initialState","initialValue","valid","validate","method","onCancel","saveLabel","title","field","required","path"],"sources":["../../../../../src/elements/FolderView/Drawers/NewFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderInterface } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { HiddenField } from '../../../../fields/Hidden/index.js'\nimport { TextField } from '../../../../fields/Text/index.js'\nimport { Form } from '../../../../forms/Form/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useFolder } from '../../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Drawer } from '../../../Drawer/index.js'\nimport { DrawerActionHeader } from '../../../DrawerActionHeader/index.js'\nimport { DrawerContentContainer } from '../../../DrawerContentContainer/index.js'\n\ntype Props = {\n  readonly drawerSlug: string\n  readonly onNewFolderSuccess: (doc: FolderInterface) => Promise<void> | void\n}\n\nexport const NewFolderDrawer = ({ drawerSlug, onNewFolderSuccess }: Props) => {\n  const { config } = useConfig()\n  const { routes, serverURL } = config\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n  const { folderCollectionSlug, folderFieldName, folderID } = useFolder()\n\n  return (\n    <Drawer gutter={false} Header={null} slug={drawerSlug}>\n      <Form\n        action={`${serverURL}${routes.api}/${folderCollectionSlug}?depth=0`}\n        handleResponse={async (res, successToast, errorToast) => {\n          try {\n            const { doc } = await res.json()\n            successToast(\n              t('general:successfullyCreated', {\n                label: `\"${doc.name}\"`,\n              }),\n            )\n            await onNewFolderSuccess(doc)\n          } catch (_) {\n            errorToast(t('general:error'))\n          }\n        }}\n        initialState={{\n          name: {\n            initialValue: '',\n            valid: true,\n            validate: (value) => {\n              if (!value) {\n                return t('validation:required')\n              }\n              return true\n            },\n            value: '',\n          },\n          [folderFieldName]: {\n            initialValue: '',\n            valid: true,\n            value: '',\n          },\n        }}\n        method=\"POST\"\n      >\n        <DrawerActionHeader\n          onCancel={() => {\n            closeModal(drawerSlug)\n          }}\n          saveLabel={t('general:create')}\n          title={t('folder:newFolder')}\n        />\n\n        <DrawerContentContainer>\n          <TextField\n            field={{\n              name: 'name',\n              label: t('folder:folderName'),\n              required: true,\n            }}\n            path=\"name\"\n            validate={(value) => {\n              if (!value) {\n                return t('validation:required')\n              }\n              return true\n            }}\n          />\n          <HiddenField key={folderID} path={folderFieldName} value={folderID} />\n        </DrawerContentContainer>\n      </Form>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/Drawers/RenameFolder/index.js

@@ -39,7 +39,7 @@ export function RenameFolderDrawer(props) {
   const folderName = folderToRename.value._folderOrDocumentTitle;
   const folderID = folderToRename.value.id;
   const folderUseAsTitle = folderCollectionConfig.admin.useAsTitle;
-  const t0 = `${serverURL}${routes.api}/${folderCollectionSlug}/${folderToRename.value.id}`;
+  const t0 = `${serverURL}${routes.api}/${folderCollectionSlug}/${folderToRename.value.id}?depth=0`;
   let t1;
   if ($[0] !== t) {
     t1 = value => {

package/dist/elements/FolderView/Drawers/RenameFolder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","TextField","Form","useConfig","useFolder","useTranslation","Drawer","DrawerContentContainer","DrawerHeader","RenameFolderDrawer","props","$","drawerSlug","folderToRename","onRenameConfirm","t","folderCollectionConfig","folderCollectionSlug","config","closeModal","routes","serverURL","folderName","value","_folderOrDocumentTitle","folderID","id","folderUseAsTitle","admin","useAsTitle","t0","api","t1","t2","t3","data","updatedName","doc","t4","t5","value_0","_jsx","gutter","Header","slug","children","_jsxs","action","initialState","name","initialValue","valid","validate","method","onSuccess","onCancel","title","field","label","required","path"],"sources":["../../../../../src/elements/FolderView/Drawers/RenameFolder/index.tsx"],"sourcesContent":["'use client'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { TextField } from '../../../../fields/Text/index.js'\nimport { Form } from '../../../../forms/Form/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useFolder } from '../../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Drawer } from '../../../Drawer/index.js'\nimport { DrawerContentContainer } from '../../../DrawerContentContainer/index.js'\nimport { DrawerHeader } from '../DrawerHeader/index.js'\n\ntype Props = {\n  readonly drawerSlug: string\n  readonly folderToRename: FolderOrDocument\n  readonly onRenameConfirm: ({\n    folderID,\n    updatedName,\n  }: {\n    folderID: number | string\n    updatedName: string\n  }) => void\n}\nexport function RenameFolderDrawer(props: Props) {\n  const { drawerSlug, folderToRename, onRenameConfirm } = props\n  const { t } = useTranslation()\n  const { folderCollectionConfig, folderCollectionSlug } = useFolder()\n  const { config } = useConfig()\n  const { closeModal } = useModal()\n  const { routes, serverURL } = config\n\n  const folderName = folderToRename.value._folderOrDocumentTitle\n  const folderID = folderToRename.value.id\n  const folderUseAsTitle = folderCollectionConfig.admin.useAsTitle\n\n  return (\n    <Drawer gutter={false} Header={null} slug={drawerSlug}>\n      <Form\n        action={`${serverURL}${routes.api}/${folderCollectionSlug}/${folderToRename.value.id}`}\n        initialState={{\n          name: {\n            initialValue: folderName,\n            valid: true,\n            validate: (value) => {\n              if (!value) {\n                return t('validation:required')\n              }\n              return true\n            },\n            value: folderName,\n          },\n        }}\n        method=\"PATCH\"\n        onSuccess={(data: { doc: FolderOrDocument['value'] }) => {\n          return onRenameConfirm({\n            folderID,\n            updatedName: data?.doc?.[folderUseAsTitle],\n          })\n        }}\n      >\n        <DrawerHeader onCancel={() => closeModal(drawerSlug)} title={t('folder:renameFolder')} />\n\n        <DrawerContentContainer>\n          <TextField\n            field={{\n              name: 'name',\n              label: t('folder:folderName'),\n              required: true,\n            }}\n            path=\"name\"\n            validate={(value) => {\n              if (!value) {\n                return t('validation:required')\n              }\n              return true\n            }}\n          />\n        </DrawerContentContainer>\n      </Form>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","TextField","Form","useConfig","useFolder","useTranslation","Drawer","DrawerContentContainer","DrawerHeader","RenameFolderDrawer","props","$","drawerSlug","folderToRename","onRenameConfirm","t","folderCollectionConfig","folderCollectionSlug","config","closeModal","routes","serverURL","folderName","value","_folderOrDocumentTitle","folderID","id","folderUseAsTitle","admin","useAsTitle","t0","api","t1","t2","t3","data","updatedName","doc","t4","t5","value_0","_jsx","gutter","Header","slug","children","_jsxs","action","initialState","name","initialValue","valid","validate","method","onSuccess","onCancel","title","field","label","required","path"],"sources":["../../../../../src/elements/FolderView/Drawers/RenameFolder/index.tsx"],"sourcesContent":["'use client'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { TextField } from '../../../../fields/Text/index.js'\nimport { Form } from '../../../../forms/Form/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useFolder } from '../../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Drawer } from '../../../Drawer/index.js'\nimport { DrawerContentContainer } from '../../../DrawerContentContainer/index.js'\nimport { DrawerHeader } from '../DrawerHeader/index.js'\n\ntype Props = {\n  readonly drawerSlug: string\n  readonly folderToRename: FolderOrDocument\n  readonly onRenameConfirm: ({\n    folderID,\n    updatedName,\n  }: {\n    folderID: number | string\n    updatedName: string\n  }) => void\n}\nexport function RenameFolderDrawer(props: Props) {\n  const { drawerSlug, folderToRename, onRenameConfirm } = props\n  const { t } = useTranslation()\n  const { folderCollectionConfig, folderCollectionSlug } = useFolder()\n  const { config } = useConfig()\n  const { closeModal } = useModal()\n  const { routes, serverURL } = config\n\n  const folderName = folderToRename.value._folderOrDocumentTitle\n  const folderID = folderToRename.value.id\n  const folderUseAsTitle = folderCollectionConfig.admin.useAsTitle\n\n  return (\n    <Drawer gutter={false} Header={null} slug={drawerSlug}>\n      <Form\n        action={`${serverURL}${routes.api}/${folderCollectionSlug}/${folderToRename.value.id}?depth=0`}\n        initialState={{\n          name: {\n            initialValue: folderName,\n            valid: true,\n            validate: (value) => {\n              if (!value) {\n                return t('validation:required')\n              }\n              return true\n            },\n            value: folderName,\n          },\n        }}\n        method=\"PATCH\"\n        onSuccess={(data: { doc: FolderOrDocument['value'] }) => {\n          return onRenameConfirm({\n            folderID,\n            updatedName: data?.doc?.[folderUseAsTitle],\n          })\n        }}\n      >\n        <DrawerHeader onCancel={() => closeModal(drawerSlug)} title={t('folder:renameFolder')} />\n\n        <DrawerContentContainer>\n          <TextField\n            field={{\n              name: 'name',\n              label: t('folder:folderName'),\n              required: true,\n            }}\n            path=\"name\"\n            validate={(value) => {\n              if (!value) {\n                return t('validation:required')\n              }\n              return true\n            }}\n          />\n        </DrawerContentContainer>\n      </Form>\n    </Drawer>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,sBAAsB,QAAQ;AACvC,SAASC,YAAY,QAAQ;AAa7B,OAAO,SAAAC,mBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EACL;IAAAc,UAAA;IAAAC,cAAA;IAAAC;EAAA,IAAwDJ,KAAA;EACxD;IAAAK;EAAA,IAAcV,cAAA;EACd;IAAAW,sBAAA;IAAAC;EAAA,IAAyDb,SAAA;EACzD;IAAAc;EAAA,IAAmBf,SAAA;EACnB;IAAAgB;EAAA,IAAuBpB,QAAA;EACvB;IAAAqB,MAAA;IAAAC;EAAA,IAA8BH,MAAA;EAE9B,MAAAI,UAAA,GAAmBT,cAAA,CAAAU,KAAA,CAAAC,sBAAA;EACnB,MAAAC,QAAA,GAAiBZ,cAAA,CAAAU,KAAA,CAAAG,EAAA;EACjB,MAAAC,gBAAA,GAAyBX,sBAAA,CAAAY,KAAA,CAAAC,UAAA;EAKX,MAAAC,EAAA,MAAGT,SAAA,GAAYD,MAAA,CAAAW,GAAA,IAAcd,oBAAA,IAAwBJ,cAAA,CAAAU,KAAA,CAAAG,EAAA,UAAiC;EAAA,IAAAM,EAAA;EAAA,IAAArB,CAAA,QAAAI,CAAA;IAKhFiB,EAAA,GAAAT,KAAA;MAAA,KACHA,KAAA;QAAA,OACIR,CAAA,CAAE;MAAA;MAAA;IAAA;IAGbJ,CAAA,MAAAI,CAAA;IAAAJ,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAtB,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAc,QAAA,IAAAd,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAgB,gBAAA,IAAAhB,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAmB,EAAA,IAAAnB,CAAA,SAAAqB,EAAA;IAAA,IAAAE,EAAA;IAAA,IAAAvB,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAgB,gBAAA,IAAAhB,CAAA,SAAAG,eAAA;MAKOoB,EAAA,GAAAC,IAAA,IACFrB,eAAA;QAAAW,QAAA;QAAAW,WAAA,EAEQD,IAAA,EAAAE,GAAA,GAAYV,gBAAA;MAAA,CAC3B;MACFhB,CAAA,OAAAc,QAAA;MAAAd,CAAA,OAAAgB,gBAAA;MAAAhB,CAAA,OAAAG,eAAA;MAAAH,CAAA,OAAAuB,EAAA;IAAA;MAAAA,EAAA,GAAAvB,CAAA;IAAA;IAAA,IAAA2B,EAAA;IAAA,IAAA3B,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAAC,UAAA;MAEwB0B,EAAA,GAAAA,CAAA,KAAMnB,UAAA,CAAWP,UAAA;MAAAD,CAAA,OAAAQ,UAAA;MAAAR,CAAA,OAAAC,UAAA;MAAAD,CAAA,OAAA2B,EAAA;IAAA;MAAAA,EAAA,GAAA3B,CAAA;IAAA;IAAA,IAAA4B,EAAA;IAAA,IAAA5B,CAAA,SAAAI,CAAA;MAU3BwB,EAAA,GAAAC,OAAA;QAAA,KACHjB,OAAA;UAAA,OACIR,CAAA,CAAE;QAAA;QAAA;MAAA;MAGbJ,CAAA,OAAAI,CAAA;MAAAJ,CAAA,OAAA4B,EAAA;IAAA;MAAAA,EAAA,GAAA5B,CAAA;IAAA;IAvCRsB,EAAA,GAAAQ,IAAA,CAAAnC,MAAA;MAAAoC,MAAA;MAAAC,MAAA;MAAAC,IAAA,EAA2ChC,UAAA;MAAAiC,QAAA,EACzCC,KAAA,CAAA5C,IAAA;QAAA6C,MAAA,EACUjB,EAAsF;QAAAkB,YAAA;UAAAC,IAAA;YAAAC,YAAA,EAG5E5B,UAAA;YAAA6B,KAAA;YAAAC,QAAA,EAEJpB,EAKV;YAAAT,KAAA,EACOD;UAAA;QAAA;QAAA+B,MAAA,EAGJ;QAAAC,SAAA,EACIpB,EAKX;QAAAW,QAAA,GAEAJ,IAAA,CAAAjC,YAAA;UAAA+C,QAAA,EAAwBjB,EAAiB;UAAAkB,KAAA,EAAoBzC,CAAA,CAAE;QAAA,C,GAE/D0B,IAAA,CAAAlC,sBAAA;UAAAsC,QAAA,EACEJ,IAAA,CAAAxC,SAAA;YAAAwD,KAAA;cAAAR,IAAA,EAEU;cAAAS,KAAA,EACC3C,CAAA,CAAE;cAAA4C,QAAA;YAAA;YAAAC,IAAA,EAGN;YAAAR,QAAA,EACKb;UAKV,C;;;;;;;;;;;;;;;;;SAvCRN,E","ignoreList":[]}

package/dist/elements/FolderView/FolderFileCard/index.scss

@@ -134,13 +134,22 @@
       grid-area: preview;
       aspect-ratio: 1/1;
       background-color: var(--card-preview-bg-color);
-      border-top-left-radius: inherit;
-      border-top-right-radius: inherit;
+      border-top-left-radius: var(--style-radius-s);
+      border-top-right-radius: var(--style-radius-s);
       border-bottom: 1px solid var(--card-border-color);
       display: grid;
       align-items: center;
       justify-content: center;
       pointer-events: none;
+      grid-template-columns: auto 50% auto;
+
+      &:has(.thumbnail) {
+        grid-template-columns: unset;
+      }
+
+      > .icon {
+        grid-column: 2;
+      }
 
       .icon--document {
         pointer-events: none;
@@ -153,6 +162,19 @@
       .thumbnail {
         width: 100%;
         height: 100%;
+        position: relative;
+        border-radius: inherit;
+        > img {
+          position: absolute;
+          top: 0;
+          left: 0;
+          bottom: 0;
+          right: 0;
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+          border-radius: inherit;
+        }
       }
 
       &:has(.thumbnail) {

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

@@ -140,7 +140,7 @@ export const ScheduleDrawer = ({
       headers: {
         'Accept-Language': i18n.language,
         'Content-Type': 'application/x-www-form-urlencoded',
-        'X-HTTP-Method-Override': 'GET'
+        'X-Payload-HTTP-Method-Override': 'GET'
       }
     }).then(res => res.json());
     setUpcomingColumns(buildUpcomingColumns({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TZDateMini","TZDate","useModal","getTranslation","transpose","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","serverURL","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","body","stringify","headers","language","then","res","json","deleteHandler","current","deleteID","success","err","console","error","message","useEffect","handleSave","publishSpecificLocale","doc","relationTo","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","_jsxs","className","gutter","Header","_jsx","onClick","required","isSelected","onChange","option","path","readOnly","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 { transpose } from 'date-fns/transpose'\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 { ReactSelect } from '../../ReactSelect/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport './index.scss'\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      serverURL,\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(`${serverURL}${api}/payload-jobs`, {\n        body: qs.stringify(query),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-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  }, [\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    i18n,\n    dateFormat,\n    localization,\n    supportedTimezones,\n    t,\n    id,\n  ])\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 publishSpecificLocale: string\n\n    if (typeof locale === 'object' && locale.value !== 'all' && type === 'publish') {\n      publishSpecificLocale = 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        locale: publishSpecificLocale,\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  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          minDate={new Date()}\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","useModal","getTranslation","transpose","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","serverURL","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","body","stringify","headers","language","then","res","json","deleteHandler","current","deleteID","success","err","console","error","message","useEffect","handleSave","publishSpecificLocale","doc","relationTo","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","_jsxs","className","gutter","Header","_jsx","onClick","required","isSelected","onChange","option","path","readOnly","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 { transpose } from 'date-fns/transpose'\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 { ReactSelect } from '../../ReactSelect/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport './index.scss'\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      serverURL,\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(`${serverURL}${api}/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  }, [\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    i18n,\n    dateFormat,\n    localization,\n    supportedTimezones,\n    t,\n    id,\n  ])\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 publishSpecificLocale: string\n\n    if (typeof locale === 'object' && locale.value !== 'all' && type === 'publish') {\n      publishSpecificLocale = 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        locale: publishSpecificLocale,\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  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          minDate={new Date()}\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":[]}

package/dist/elements/Table/index.scss

@@ -43,15 +43,15 @@
       tr {
         position: relative;
         &:nth-child(odd) {
-          &:after {
-            content: '';
-            position: absolute;
-            left: 0;
-            top: 0;
-            width: 100%;
-            background: var(--theme-elevation-50);
-            height: 100%;
-            border-radius: var(--style-radius-s);
+          background: var(--theme-elevation-50);
+          border-radius: var(--style-radius-s);
+          td:first-child {
+            border-top-left-radius: inherit;
+            border-bottom-left-radius: inherit;
+          }
+          td:last-child {
+            border-top-right-radius: inherit;
+            border-bottom-right-radius: inherit;
           }
         }
       }

package/dist/elements/WhereBuilder/field-types.d.ts

@@ -1,3 +1,7 @@
+export declare const arrayOperators: {
+    label: string;
+    value: string;
+}[];
 declare const fieldTypeConditions: {
     [key: string]: {
         component: string;

package/dist/elements/WhereBuilder/field-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAqFA,QAAA,MAAM,mBAAmB,EAAE;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAC9C,CAAA;CA0DF,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc;;;GAa1B,CAAA;AA6DD,QAAA,MAAM,mBAAmB,EAAE;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAC9C,CAAA;CA0DF,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/elements/WhereBuilder/field-types.js

@@ -1,13 +1,13 @@
 'use client';
 
-const boolean = [{
+const equalsOperators = [{
   label: 'equals',
   value: 'equals'
 }, {
   label: 'isNotEqualTo',
   value: 'not_equals'
 }];
-const base = [...boolean, {
+export const arrayOperators = [{
   label: 'isIn',
   value: 'in'
 }, {
@@ -17,6 +17,7 @@ const base = [...boolean, {
   label: 'exists',
   value: 'exists'
 }];
+const base = [...equalsOperators, ...arrayOperators];
 const numeric = [...base, {
   label: 'isGreaterThan',
   value: 'greater_than'
@@ -30,7 +31,7 @@ const numeric = [...base, {
   label: 'isGreaterThanOrEqualTo',
   value: 'greater_than_equal'
 }];
-const geo = [...boolean, {
+const geo = [...equalsOperators, {
   label: 'exists',
   value: 'exists'
 }, {
@@ -60,7 +61,7 @@ const contains = {
 const fieldTypeConditions = {
   checkbox: {
     component: 'Text',
-    operators: boolean
+    operators: equalsOperators
   },
   code: {
     component: 'Text',

package/dist/elements/WhereBuilder/field-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-types.js","names":["boolean","label","value","base","numeric","geo","within","intersects","like","notLike","contains","fieldTypeConditions","checkbox","component","operators","code","date","email","json","number","point","radio","relationship","richText","select","text","textarea","upload"],"sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"sourcesContent":["'use client'\nconst boolean = [\n  {\n    label: 'equals',\n    value: 'equals',\n  },\n  {\n    label: 'isNotEqualTo',\n    value: 'not_equals',\n  },\n]\n\nconst base = [\n  ...boolean,\n  {\n    label: 'isIn',\n    value: 'in',\n  },\n  {\n    label: 'isNotIn',\n    value: 'not_in',\n  },\n  {\n    label: 'exists',\n    value: 'exists',\n  },\n]\n\nconst numeric = [\n  ...base,\n  {\n    label: 'isGreaterThan',\n    value: 'greater_than',\n  },\n  {\n    label: 'isLessThan',\n    value: 'less_than',\n  },\n  {\n    label: 'isLessThanOrEqualTo',\n    value: 'less_than_equal',\n  },\n  {\n    label: 'isGreaterThanOrEqualTo',\n    value: 'greater_than_equal',\n  },\n]\n\nconst geo = [\n  ...boolean,\n  {\n    label: 'exists',\n    value: 'exists',\n  },\n  {\n    label: 'near',\n    value: 'near',\n  },\n]\n\nconst within = {\n  label: 'within',\n  value: 'within',\n}\n\nconst intersects = {\n  label: 'intersects',\n  value: 'intersects',\n}\n\nconst like = {\n  label: 'isLike',\n  value: 'like',\n}\n\nconst notLike = {\n  label: 'isNotLike',\n  value: 'not_like',\n}\n\nconst contains = {\n  label: 'contains',\n  value: 'contains',\n}\n\nconst fieldTypeConditions: {\n  [key: string]: {\n    component: string\n    operators: { label: string; value: string }[]\n  }\n} = {\n  checkbox: {\n    component: 'Text',\n    operators: boolean,\n  },\n  code: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  date: {\n    component: 'Date',\n    operators: [...base, ...numeric],\n  },\n  email: {\n    component: 'Text',\n    operators: [...base, contains],\n  },\n  json: {\n    component: 'Text',\n    operators: [...base, like, contains, notLike, within, intersects],\n  },\n  number: {\n    component: 'Number',\n    operators: [...base, ...numeric],\n  },\n  point: {\n    component: 'Point',\n    operators: [...geo, within, intersects],\n  },\n  radio: {\n    component: 'Select',\n    operators: [...base],\n  },\n  relationship: {\n    component: 'Relationship',\n    operators: [...base],\n  },\n  richText: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  select: {\n    component: 'Select',\n    operators: [...base],\n  },\n  text: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  textarea: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  upload: {\n    component: 'Text',\n    operators: [...base],\n  },\n}\n\nexport default fieldTypeConditions\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"field-types.js","names":["equalsOperators","label","value","arrayOperators","base","numeric","geo","within","intersects","like","notLike","contains","fieldTypeConditions","checkbox","component","operators","code","date","email","json","number","point","radio","relationship","richText","select","text","textarea","upload"],"sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"sourcesContent":["'use client'\nconst equalsOperators = [\n  {\n    label: 'equals',\n    value: 'equals',\n  },\n  {\n    label: 'isNotEqualTo',\n    value: 'not_equals',\n  },\n]\n\nexport const arrayOperators = [\n  {\n    label: 'isIn',\n    value: 'in',\n  },\n  {\n    label: 'isNotIn',\n    value: 'not_in',\n  },\n  {\n    label: 'exists',\n    value: 'exists',\n  },\n]\n\nconst base = [...equalsOperators, ...arrayOperators]\n\nconst numeric = [\n  ...base,\n  {\n    label: 'isGreaterThan',\n    value: 'greater_than',\n  },\n  {\n    label: 'isLessThan',\n    value: 'less_than',\n  },\n  {\n    label: 'isLessThanOrEqualTo',\n    value: 'less_than_equal',\n  },\n  {\n    label: 'isGreaterThanOrEqualTo',\n    value: 'greater_than_equal',\n  },\n]\n\nconst geo = [\n  ...equalsOperators,\n  {\n    label: 'exists',\n    value: 'exists',\n  },\n  {\n    label: 'near',\n    value: 'near',\n  },\n]\n\nconst within = {\n  label: 'within',\n  value: 'within',\n}\n\nconst intersects = {\n  label: 'intersects',\n  value: 'intersects',\n}\n\nconst like = {\n  label: 'isLike',\n  value: 'like',\n}\n\nconst notLike = {\n  label: 'isNotLike',\n  value: 'not_like',\n}\n\nconst contains = {\n  label: 'contains',\n  value: 'contains',\n}\n\nconst fieldTypeConditions: {\n  [key: string]: {\n    component: string\n    operators: { label: string; value: string }[]\n  }\n} = {\n  checkbox: {\n    component: 'Text',\n    operators: equalsOperators,\n  },\n  code: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  date: {\n    component: 'Date',\n    operators: [...base, ...numeric],\n  },\n  email: {\n    component: 'Text',\n    operators: [...base, contains],\n  },\n  json: {\n    component: 'Text',\n    operators: [...base, like, contains, notLike, within, intersects],\n  },\n  number: {\n    component: 'Number',\n    operators: [...base, ...numeric],\n  },\n  point: {\n    component: 'Point',\n    operators: [...geo, within, intersects],\n  },\n  radio: {\n    component: 'Select',\n    operators: [...base],\n  },\n  relationship: {\n    component: 'Relationship',\n    operators: [...base],\n  },\n  richText: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  select: {\n    component: 'Select',\n    operators: [...base],\n  },\n  text: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  textarea: {\n    component: 'Text',\n    operators: [...base, like, notLike, contains],\n  },\n  upload: {\n    component: 'Text',\n    operators: [...base],\n  },\n}\n\nexport default fieldTypeConditions\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/reduceFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reduceFields.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/reduceFields.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAM9C,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,sBAAsB,KAAG,YAAY,EAwLvC,CAAA"}
+{"version":3,"file":"reduceFields.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/reduceFields.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAM9C,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,sBAAsB,KAAG,YAAY,EA2LvC,CAAA"}

package/dist/elements/WhereBuilder/reduceFields.js

@@ -5,7 +5,7 @@ import { fieldAffectsData, fieldIsHiddenOrDisabled, fieldIsID, tabHasName } from
 import { renderToStaticMarkup } from 'react-dom/server';
 import { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js';
 import { combineFieldLabel } from '../../utilities/combineFieldLabel.js';
-import fieldTypes from './field-types.js';
+import fieldTypes, { arrayOperators } from './field-types.js';
 /**
  * Reduces a field map to a flat array of fields with labels and values.
  * Used in the WhereBuilder component to render the fields in the dropdown.
@@ -99,7 +99,8 @@ export const reduceFields = ({
     }
     if (typeof fieldTypes[field.type] === 'object') {
       const operatorKeys = new Set();
-      const operators = fieldTypes[field.type].operators.reduce((acc, operator) => {
+      const fieldOperators = 'hasMany' in field && field.hasMany ? arrayOperators : fieldTypes[field.type].operators;
+      const operators = fieldOperators.reduce((acc, operator) => {
         if (!operatorKeys.has(operator.value)) {
           operatorKeys.add(operator.value);
           const operatorKey = `operators:${operator.label}`;