@payloadcms/ui 3.63.0-internal.dc01f92 → 3.63.0

package/dist/fields/Upload/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","AfterInput","allowCreate","api","BeforeInput","className","Description","description","displayPreview","Error","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","localized","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","populatedDocs","setPopulatedDocs","useState","activeRelationTo","setActiveRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","id","not_in","concat","ListDrawer","closeDrawer","closeListDrawer","openDrawer","openListDrawer","collectionSlugs","CreateDocDrawer","closeCreateDocDrawer","openCreateDocDrawer","collectionSlug","loadedValueDocsRef","useRef","canCreate","collections","create","newValue","populateDocs","ids","relatedCollectionSlug","length","query","depth","draft","limit","locale","where","and","in","response","fetch","body","stringify","credentials","headers","language","method","ok","json","sortedDocs","map","docs","find","doc","String","includes","undefined","index","filename","isPlaceholder","onUploadSuccess","uploadedForms","mergedValue","form","currentDocs","firstDoc","onLocalFileSelection","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onListBulkSelect","selectedDocIDs","isSelected","push","loadedDocs","onDocCreate","data","onListSelect","selectedDoc","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueIDs","onRemove","loadInitialDocs","current","showDropzone","_jsxs","filter","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { PopulateDocs, ReloadDoc } from './types.js'\n\nimport { type BulkUploadContext, useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly api?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly displayPreview?: boolean\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly hideRemoveFile?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly localized?: boolean\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | (number | string)\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    AfterInput,\n    allowCreate,\n    api,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    displayPreview,\n    Error,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n\n  const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const { drawerSlug, setCollectionSlug, setInitialFiles, setMaxFiles, setOnSuccess } =\n    useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    return {\n      ...filterOptionsFromProps,\n      [activeRelationTo]: {\n        ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n            ...(Array.isArray(value) || value ? [value] : []),\n          ),\n        },\n      },\n    }\n  }, [value, activeRelationTo, filterOptionsFromProps])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  /**\n   * Prevent initial retrieval of documents from running more than once\n   */\n  const loadedValueDocsRef = React.useRef<boolean>(false)\n\n  const canCreate = useMemo(() => {\n    if (!allowCreate) {\n      return false\n    }\n\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        return true\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions, allowCreate])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback<PopulateDocs>(\n    async (ids, relatedCollectionSlug) => {\n      if (!ids.length) {\n        return\n      }\n\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        limit: ids.length,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: ids,\n              },\n            },\n          ],\n        },\n      }\n\n      const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\n        body: qs.stringify(query),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-Payload-HTTP-Method-Override': 'GET',\n        },\n        method: 'POST',\n      })\n      if (response.ok) {\n        const json = await response.json()\n        let sortedDocs = ids.map((id) =>\n          json.docs.find((doc) => {\n            return String(doc.id) === String(id)\n          }),\n        )\n\n        if (sortedDocs.includes(undefined) && hasMany) {\n          sortedDocs = sortedDocs.map((doc, index) =>\n            doc\n              ? doc\n              : {\n                  id: ids[index],\n                  filename: `${t('general:untitled')} - ID: ${ids[index]}`,\n                  isPlaceholder: true,\n                },\n          )\n        }\n\n        return { ...json, docs: sortedDocs }\n      }\n\n      return null\n    },\n    [code, serverURL, api, i18n.language, t, hasMany],\n  )\n\n  const onUploadSuccess: BulkUploadContext['onSuccess'] = useCallback(\n    (uploadedForms) => {\n      if (hasMany) {\n        const mergedValue = [\n          ...(Array.isArray(value) ? value : []),\n          ...uploadedForms.map((form) => form.doc.id),\n        ]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...uploadedForms.map((form) => ({\n            relationTo: form.collectionSlug,\n            value: form.doc,\n          })),\n        ])\n      } else {\n        const firstDoc = uploadedForms[0].doc\n        onChange(firstDoc.id)\n        setPopulatedDocs([\n          {\n            relationTo: firstDoc.collectionSlug,\n            value: firstDoc,\n          },\n        ])\n      }\n    },\n    [value, onChange, hasMany],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      setCollectionSlug(relationTo)\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n      openModal(drawerSlug)\n    },\n    [\n      drawerSlug,\n      hasMany,\n      openModal,\n      relationTo,\n      setCollectionSlug,\n      setInitialFiles,\n      maxRows,\n      setMaxFiles,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs) => {\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...loadedDocs.docs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      }\n      onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        onChange(data.doc.id)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange],\n  )\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, doc }) => {\n      const loadedDocs = await populateDocs([doc.id], collectionSlug)\n      const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [\n              ...(currentDocs || []),\n              {\n                relationTo: activeRelationTo,\n                value: selectedDoc,\n              },\n            ]\n          }\n          return [\n            {\n              relationTo: activeRelationTo,\n              value: selectedDoc,\n            },\n          ]\n        }\n        return currentDocs\n      })\n      if (hasMany) {\n        onChange([...(Array.isArray(value) ? value : []), doc.id])\n      } else {\n        onChange(doc.id)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n  )\n\n  const reloadDoc = React.useCallback<ReloadDoc>(\n    async (docID, collectionSlug) => {\n      const { docs } = await populateDocs([docID], collectionSlug)\n\n      if (docs[0]) {\n        let updatedDocsToPropogate = []\n        setPopulatedDocs((currentDocs) => {\n          const existingDocIndex = currentDocs?.findIndex((doc) => {\n            const hasExisting = doc.value?.id === docs[0].id || doc.value?.isPlaceholder\n            return hasExisting && doc.relationTo === collectionSlug\n          })\n          if (existingDocIndex > -1) {\n            const updatedDocs = [...currentDocs]\n            updatedDocs[existingDocIndex] = {\n              relationTo: collectionSlug,\n              value: docs[0],\n            }\n            updatedDocsToPropogate = updatedDocs\n            return updatedDocs\n          }\n        })\n\n        if (updatedDocsToPropogate.length && hasMany) {\n          onChange(updatedDocsToPropogate.map((doc) => doc.value?.id))\n        }\n      }\n    },\n    [populateDocs, onChange, hasMany],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const newValueIDs = newValue.map(({ value }) => value.id)\n      onChange(newValueIDs)\n      setPopulatedDocs(newValue)\n    },\n    [onChange],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n      onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n      setPopulatedDocs(newValue ? newValue : [])\n    },\n    [onChange, hasMany],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        loadedValueDocsRef.current = true\n        const loadedDocs = await populateDocs(\n          Array.isArray(value) ? value : [value],\n          activeRelationTo,\n        )\n        if (loadedDocs) {\n          setPopulatedDocs(\n            loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n          )\n        }\n      }\n    }\n\n    if (!loadedValueDocsRef.current) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, activeRelationTo, value])\n\n  useEffect(() => {\n    setOnSuccess(onUploadSuccess)\n  }, [value, path, onUploadSuccess, setOnSuccess])\n\n  const showDropzone =\n    !value ||\n    (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)) ||\n    (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined')\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${baseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      </div>\n      {BeforeInput}\n      <div className={`${baseClass}__dropzoneAndUpload`}>\n        {hasMany && Array.isArray(value) && value.length > 0 ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasMany\n                displayPreview={displayPreview}\n                fileDocs={populatedDocs}\n                isSortable={isSortable && !readOnly}\n                onRemove={onRemove}\n                onReorder={onReorder}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n              />\n            ) : (\n              <div className={`${baseClass}__loadingRows`}>\n                {value.map((id) => (\n                  <ShimmerEffect height=\"40px\" key={id} />\n                ))}\n              </div>\n            )}\n          </>\n        ) : null}\n        {!hasMany && value ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n              <UploadComponentHasOne\n                displayPreview={displayPreview}\n                fileDoc={populatedDocs[0]}\n                onRemove={onRemove}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n              />\n            ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n              <>\n                {t('general:untitled')} - ID: {value}\n              </>\n            ) : (\n              <ShimmerEffect height=\"62px\" />\n            )}\n          </>\n        ) : null}\n        {showDropzone ? (\n          <Dropzone\n            disabled={readOnly || !canCreate}\n            multipleFiles={hasMany}\n            onChange={onLocalFileSelection}\n          >\n            <div className={`${baseClass}__dropzoneContent`}>\n              <div className={`${baseClass}__dropzoneContent__buttons`}>\n                {canCreate && (\n                  <>\n                    <Button\n                      buttonStyle=\"pill\"\n                      className={`${baseClass}__createNewToggler`}\n                      disabled={readOnly || !canCreate}\n                      onClick={() => {\n                        if (!readOnly) {\n                          if (hasMany) {\n                            onLocalFileSelection()\n                          } else {\n                            openCreateDocDrawer()\n                          }\n                        }\n                      }}\n                      size=\"small\"\n                    >\n                      {t('general:createNew')}\n                    </Button>\n                    <span className={`${baseClass}__dropzoneContent__orText`}>\n                      {t('general:or')}\n                    </span>\n                  </>\n                )}\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__listToggler`}\n                  disabled={readOnly}\n                  onClick={openListDrawer}\n                  size=\"small\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n                <CreateDocDrawer onSave={onDocCreate} />\n                <ListDrawer\n                  allowCreate={canCreate}\n                  enableRowSelections={hasMany}\n                  onBulkSelect={onListBulkSelect}\n                  onSelect={onListSelect}\n                />\n              </div>\n\n              {canCreate && !readOnly && (\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              )}\n            </div>\n          </Dropzone>\n        ) : (\n          <>\n            {!readOnly &&\n            !populatedDocs &&\n            (!value ||\n              typeof maxRows !== 'number' ||\n              (Array.isArray(value) && value.length < maxRows)) ? (\n              <ShimmerEffect height=\"40px\" />\n            ) : null}\n          </>\n        )}\n      </div>\n      {AfterInput}\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","AfterInput","allowCreate","api","BeforeInput","className","Description","description","displayPreview","Error","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","localized","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","setSelectableCollections","permissions","code","i18n","t","collectionSlugsWithCreatePermission","filter","relation","collections","create","isPoly","existingIdsByRelation","values","val","push","collection","id","newFilterOptions","relations","forEach","existingIds","not_in","concat","ListDrawer","closeDrawer","closeListDrawer","openDrawer","openListDrawer","collectionSlugs","CreateDocDrawer","closeCreateDocDrawer","openCreateDocDrawer","collectionSlug","loadedValueRef","useRef","canCreate","newValue","populateDocs","items","length","grouped","fetches","Object","entries","map","ids","query","depth","draft","limit","locale","where","and","in","response","fetch","body","stringify","credentials","headers","language","method","docs","ok","data","json","docsById","reduce","acc","doc","results","Promise","all","lookup","sortedDocs","filename","isPlaceholder","onUploadSuccess","uploadedForms","newValues","form","mergedValue","currentDocs","firstDoc","onLocalFileSelection","fileList","fileListToUse","dataTransfer","DataTransfer","add","files","collectionToUse","onListBulkSelect","selectedDocIDs","isSelected","itemsToLoad","loadedDocs","onDocCreate","onListSelect","selectedDoc","valueToUse","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueToSave","rel","onRemove","loadInitialDocs","v","idValue","current","valueChanged","showDropzone","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","showCollectionSlug","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  ValueWithRelation,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReloadDoc, ValueAsDataWithRelation } from './types.js'\n\nimport { type BulkUploadContext, useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly api?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly displayPreview?: boolean\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly hideRemoveFile?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly localized?: boolean\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | number | string | ValueWithRelation | ValueWithRelation[]\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    AfterInput,\n    allowCreate,\n    api,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    displayPreview,\n    Error,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n\n  const [activeRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const {\n    drawerSlug,\n    setCollectionSlug,\n    setInitialFiles,\n    setMaxFiles,\n    setOnSuccess,\n    setSelectableCollections,\n  } = useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  // This will be used by the bulk upload to allow you to select only collections you have create permissions for\n  const collectionSlugsWithCreatePermission = useMemo(() => {\n    if (Array.isArray(relationTo)) {\n      return relationTo.filter(\n        (relation) => permissions?.collections && permissions.collections?.[relation]?.create,\n      )\n    }\n    return []\n  }, [relationTo, permissions])\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    const isPoly = Array.isArray(relationTo)\n\n    if (!value) {\n      return filterOptionsFromProps\n    }\n\n    // Group existing IDs by relation\n    const existingIdsByRelation: Record<string, (number | string)[]> = {}\n\n    const values = Array.isArray(value) ? value : [value]\n\n    for (const val of values) {\n      if (isPoly && typeof val === 'object' && 'relationTo' in val) {\n        // Poly upload - group by relationTo\n        if (!existingIdsByRelation[val.relationTo]) {\n          existingIdsByRelation[val.relationTo] = []\n        }\n        existingIdsByRelation[val.relationTo].push(val.value)\n      } else if (!isPoly) {\n        // Non-poly upload - all IDs belong to the single collection\n        const collection = relationTo\n        if (!existingIdsByRelation[collection]) {\n          existingIdsByRelation[collection] = []\n        }\n        const id = typeof val === 'object' && 'value' in val ? val.value : val\n        if (typeof id === 'string' || typeof id === 'number') {\n          existingIdsByRelation[collection].push(id)\n        }\n      }\n    }\n\n    // Build filter options for each collection\n    const newFilterOptions = { ...filterOptionsFromProps }\n    const relations = isPoly ? relationTo : [relationTo]\n\n    relations.forEach((relation) => {\n      const existingIds = existingIdsByRelation[relation] || []\n\n      newFilterOptions[relation] = {\n        ...((filterOptionsFromProps?.[relation] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[relation] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[relation] as any)?.id?.not_in || []).concat(\n            existingIds,\n          ),\n        },\n      }\n    })\n\n    return newFilterOptions\n  }, [value, filterOptionsFromProps, relationTo])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  /**\n   * Track the last loaded value to prevent unnecessary reloads\n   */\n  const loadedValueRef = React.useRef<\n    (number | string)[] | null | number | string | ValueWithRelation | ValueWithRelation[]\n  >(null)\n\n  const canCreate = useMemo(() => {\n    if (!allowCreate) {\n      return false\n    }\n\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        return true\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions, allowCreate])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback(\n    async (items: ValueWithRelation[]): Promise<ValueAsDataWithRelation[]> => {\n      if (!items?.length) {\n        return []\n      }\n\n      // 1. Group IDs by collection\n      const grouped: Record<string, (number | string)[]> = {}\n      items.forEach(({ relationTo, value }) => {\n        if (!grouped[relationTo]) {\n          grouped[relationTo] = []\n        }\n        grouped[relationTo].push(value)\n      })\n\n      // 2. Fetch per collection\n      const fetches = Object.entries(grouped).map(async ([collection, ids]) => {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: ids.length,\n          locale: code,\n          where: {\n            and: [\n              {\n                id: {\n                  in: ids,\n                },\n              },\n            ],\n          },\n        }\n        const response = await fetch(`${serverURL}${api}/${collection}`, {\n          body: qs.stringify(query),\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/x-www-form-urlencoded',\n            'X-Payload-HTTP-Method-Override': 'GET',\n          },\n          method: 'POST',\n        })\n        let docs: any[] = []\n        if (response.ok) {\n          const data = await response.json()\n          docs = data.docs\n        }\n        // Map docs by ID for fast lookup\n        const docsById = docs.reduce((acc, doc) => {\n          acc[doc.id] = doc\n          return acc\n        }, {})\n        return { collection, docsById }\n      })\n\n      const results = await Promise.all(fetches)\n\n      // 3. Build lookup\n      const lookup: Record<string, Record<string, any>> = {}\n      results.forEach(({ collection, docsById }) => {\n        lookup[collection] = docsById\n      })\n\n      // 4. Reconstruct in input order, add placeholders if missing\n      const sortedDocs = items.map(({ relationTo, value }) => {\n        const doc = lookup[relationTo]?.[value] || {\n          id: value,\n          filename: `${t('general:untitled')} - ID: ${value}`,\n          isPlaceholder: true,\n        }\n        return { relationTo, value: doc }\n      })\n\n      return sortedDocs\n    },\n    [serverURL, api, code, i18n.language, t],\n  )\n\n  const onUploadSuccess: BulkUploadContext['onSuccess'] = useCallback(\n    (uploadedForms) => {\n      const isPoly = Array.isArray(relationTo)\n\n      if (hasMany) {\n        const newValues = uploadedForms.map((form) =>\n          isPoly ? { relationTo: form.collectionSlug, value: form.doc.id } : form.doc.id,\n        )\n        const mergedValue = [...(Array.isArray(value) ? value : []), ...newValues]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...uploadedForms.map((form) => ({\n            relationTo: form.collectionSlug,\n            value: form.doc,\n          })),\n        ])\n      } else {\n        const firstDoc = uploadedForms[0]\n        const newValue = isPoly\n          ? { relationTo: firstDoc.collectionSlug, value: firstDoc.doc.id }\n          : firstDoc.doc.id\n        onChange(newValue)\n        setPopulatedDocs([\n          {\n            relationTo: firstDoc.collectionSlug,\n            value: firstDoc.doc,\n          },\n        ])\n      }\n    },\n    [value, onChange, hasMany, relationTo],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      // Use activeRelationTo for poly uploads, or relationTo as string for single collection\n      const collectionToUse = Array.isArray(relationTo) ? activeRelationTo : relationTo\n\n      setCollectionSlug(collectionToUse)\n      if (Array.isArray(collectionSlugsWithCreatePermission)) {\n        setSelectableCollections(collectionSlugsWithCreatePermission)\n      }\n\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n\n      openModal(drawerSlug)\n    },\n    [\n      hasMany,\n      relationTo,\n      activeRelationTo,\n      setCollectionSlug,\n      collectionSlugsWithCreatePermission,\n      maxRows,\n      openModal,\n      drawerSlug,\n      setInitialFiles,\n      setSelectableCollections,\n      setMaxFiles,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs) => {\n      const isPoly = Array.isArray(relationTo)\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      const itemsToLoad = selectedDocIDs.map((id) => ({\n        relationTo: activeRelationTo,\n        value: id,\n      }))\n      const loadedDocs = await populateDocs(itemsToLoad)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [...(currentDocs || []), ...loadedDocs])\n      }\n\n      const newValues = selectedDocIDs.map((id) =>\n        isPoly ? { relationTo: activeRelationTo, value: id } : id,\n      )\n      onChange([...(Array.isArray(value) ? value : []), ...newValues])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value, relationTo],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      const isPoly = Array.isArray(relationTo)\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        const newValue = isPoly ? { relationTo: activeRelationTo, value: data.doc.id } : data.doc.id\n        onChange(newValue)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange, relationTo],\n  )\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, doc }) => {\n      const isPoly = Array.isArray(relationTo)\n\n      const loadedDocs = await populateDocs([{ relationTo: collectionSlug, value: doc.id }])\n      const selectedDoc = loadedDocs?.[0] || null\n\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [...(currentDocs || []), selectedDoc]\n          }\n          return [selectedDoc]\n        }\n        return currentDocs\n      })\n\n      const newValue = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n\n      if (hasMany) {\n        const valueToUse = [...(Array.isArray(value) ? value : []), newValue]\n        onChange(valueToUse)\n      } else {\n        const valueToUse = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n        onChange(valueToUse)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, relationTo],\n  )\n\n  const reloadDoc = React.useCallback<ReloadDoc>(\n    async (docID, collectionSlug) => {\n      const docs = await populateDocs([{ relationTo: collectionSlug, value: docID }])\n\n      if (docs[0]) {\n        let updatedDocsToPropogate = []\n        setPopulatedDocs((currentDocs) => {\n          const existingDocIndex = currentDocs?.findIndex((doc) => {\n            const hasExisting = doc.value?.id === docs[0].value.id || doc.value?.isPlaceholder\n            return hasExisting && doc.relationTo === collectionSlug\n          })\n          if (existingDocIndex > -1) {\n            const updatedDocs = [...currentDocs]\n            updatedDocs[existingDocIndex] = docs[0]\n            updatedDocsToPropogate = updatedDocs\n            return updatedDocs\n          }\n          return currentDocs\n        })\n\n        if (updatedDocsToPropogate.length && hasMany) {\n          onChange(updatedDocsToPropogate.map((doc) => doc.value?.id))\n        }\n      }\n    },\n    [populateDocs, onChange, hasMany],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const isPoly = Array.isArray(relationTo)\n      const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n        isPoly ? { relationTo: rel, value: value.id } : value.id,\n      )\n      onChange(newValueToSave)\n      setPopulatedDocs(newValue)\n    },\n    [onChange, relationTo],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const isPoly = Array.isArray(relationTo)\n\n      if (!newValue || newValue.length === 0) {\n        onChange(hasMany ? [] : null)\n        setPopulatedDocs(hasMany ? [] : null)\n        return\n      }\n\n      const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n        isPoly ? { relationTo: rel, value: value.id } : value.id,\n      )\n\n      onChange(hasMany ? newValueToSave : newValueToSave[0])\n      setPopulatedDocs(newValue)\n    },\n    [onChange, hasMany, relationTo],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        let itemsToLoad: ValueWithRelation[]\n        if (\n          Array.isArray(relationTo) &&\n          ((typeof value === 'object' && 'relationTo' in value) ||\n            (Array.isArray(value) &&\n              value.length > 0 &&\n              typeof value[0] === 'object' &&\n              'relationTo' in value[0]))\n        ) {\n          // For poly uploads, value should already be in the format { relationTo, value }\n          const values = Array.isArray(value) ? value : [value]\n          itemsToLoad = values.filter(\n            (v): v is ValueWithRelation => typeof v === 'object' && 'relationTo' in v,\n          )\n        } else {\n          // This check is here to satisfy TypeScript that relationTo is a string\n          if (!Array.isArray(relationTo)) {\n            // For single collection uploads, we need to wrap the IDs\n            const ids = Array.isArray(value) ? value : [value]\n            itemsToLoad = ids.map((id): ValueWithRelation => {\n              const idValue = typeof id === 'object' && 'value' in id ? id.value : id\n              return {\n                relationTo,\n                value: idValue,\n              }\n            })\n          }\n        }\n\n        const loadedDocs = await populateDocs(itemsToLoad)\n\n        if (loadedDocs) {\n          setPopulatedDocs(loadedDocs)\n          loadedValueRef.current = value\n        }\n      } else {\n        // Clear populated docs when value is cleared\n        setPopulatedDocs([])\n        loadedValueRef.current = null\n      }\n    }\n\n    // Only load if value has changed from what we last loaded\n    const valueChanged = loadedValueRef.current !== value\n    if (valueChanged) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, value, relationTo])\n\n  useEffect(() => {\n    setOnSuccess(onUploadSuccess)\n  }, [value, path, onUploadSuccess, setOnSuccess])\n\n  const showDropzone =\n    !value ||\n    (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)) ||\n    (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined')\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${baseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      </div>\n      {BeforeInput}\n      <div className={`${baseClass}__dropzoneAndUpload`}>\n        {hasMany && Array.isArray(value) && value.length > 0 ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasMany\n                displayPreview={displayPreview}\n                fileDocs={populatedDocs}\n                isSortable={isSortable && !readOnly}\n                onRemove={onRemove}\n                onReorder={onReorder}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n                showCollectionSlug={Array.isArray(relationTo)}\n              />\n            ) : (\n              <div className={`${baseClass}__loadingRows`}>\n                {value.map((id) => (\n                  <ShimmerEffect height=\"40px\" key={typeof id === 'object' ? id.value : id} />\n                ))}\n              </div>\n            )}\n          </>\n        ) : null}\n        {!hasMany && value ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n              <UploadComponentHasOne\n                displayPreview={displayPreview}\n                fileDoc={populatedDocs[0]}\n                onRemove={onRemove}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n                showCollectionSlug={Array.isArray(relationTo)}\n              />\n            ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n              <>\n                {t('general:untitled')} - ID: {value}\n              </>\n            ) : (\n              <ShimmerEffect height=\"62px\" />\n            )}\n          </>\n        ) : null}\n        {showDropzone ? (\n          <Dropzone\n            disabled={readOnly || !canCreate}\n            multipleFiles={hasMany}\n            onChange={onLocalFileSelection}\n          >\n            <div className={`${baseClass}__dropzoneContent`}>\n              <div className={`${baseClass}__dropzoneContent__buttons`}>\n                {canCreate && (\n                  <>\n                    <Button\n                      buttonStyle=\"pill\"\n                      className={`${baseClass}__createNewToggler`}\n                      disabled={readOnly || !canCreate}\n                      onClick={() => {\n                        if (!readOnly) {\n                          if (hasMany) {\n                            onLocalFileSelection()\n                          } else {\n                            openCreateDocDrawer()\n                          }\n                        }\n                      }}\n                      size=\"small\"\n                    >\n                      {t('general:createNew')}\n                    </Button>\n                    <span className={`${baseClass}__dropzoneContent__orText`}>\n                      {t('general:or')}\n                    </span>\n                  </>\n                )}\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__listToggler`}\n                  disabled={readOnly}\n                  onClick={openListDrawer}\n                  size=\"small\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n                <CreateDocDrawer onSave={onDocCreate} />\n                <ListDrawer\n                  allowCreate={canCreate}\n                  enableRowSelections={hasMany}\n                  onBulkSelect={onListBulkSelect}\n                  onSelect={onListSelect}\n                />\n              </div>\n\n              {canCreate && !readOnly && (\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              )}\n            </div>\n          </Dropzone>\n        ) : (\n          <>\n            {!readOnly &&\n            !populatedDocs &&\n            (!value ||\n              typeof maxRows !== 'number' ||\n              (Array.isArray(value) && value.length < maxRows)) ? (\n              <ShimmerEffect height=\"40px\" />\n            ) : null}\n          </>\n        )}\n      </div>\n      {AfterInput}\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/RelationshipContent/index.d.ts

@@ -14,6 +14,7 @@ type Props = {
     readonly mimeType: string;
     readonly onRemove: () => void;
     readonly reloadDoc: ReloadDoc;
+    readonly showCollectionSlug?: boolean;
     readonly src: string;
     readonly thumbnailSrc: string;
     readonly withMeta?: boolean;

package/dist/fields/Upload/RelationshipContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAM5C,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,qBA4G/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAM5C,OAAO,cAAc,CAAA;AAMrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,qBAiH/C"}

package/dist/fields/Upload/RelationshipContent/index.js

@@ -2,13 +2,16 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
 import { formatFilesize } from 'payload/shared';
 import React from 'react';
 import { Button } from '../../../elements/Button/index.js';
 import { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js';
+import { Pill } from '../../../elements/Pill/index.js';
 import { ThumbnailComponent } from '../../../elements/Thumbnail/index.js';
-import { useConfig } from '../../../providers/Config/index.js';
 import './index.scss';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
 const baseClass = 'upload-relationship-details';
 export function RelationshipContent(props) {
   const $ = _c(11);
@@ -25,52 +28,57 @@ export function RelationshipContent(props) {
     mimeType,
     onRemove,
     reloadDoc,
+    showCollectionSlug: t0,
     src,
     thumbnailSrc,
-    withMeta: t0,
+    withMeta: t1,
     x,
     y
   } = props;
-  const withMeta = t0 === undefined ? true : t0;
+  const showCollectionSlug = t0 === undefined ? false : t0;
+  const withMeta = t1 === undefined ? true : t1;
   const {
     config
   } = useConfig();
+  const {
+    i18n
+  } = useTranslation();
   const collectionConfig = "collections" in config ? config.collections.find(collection => collection.slug === collectionSlug) : undefined;
-  const t1 = src ? id : undefined;
-  let t2;
-  if ($[0] !== collectionSlug || $[1] !== t1) {
-    t2 = {
-      id: t1,
+  const t2 = src ? id : undefined;
+  let t3;
+  if ($[0] !== collectionSlug || $[1] !== t2) {
+    t3 = {
+      id: t2,
       collectionSlug
     };
     $[0] = collectionSlug;
-    $[1] = t1;
-    $[2] = t2;
+    $[1] = t2;
+    $[2] = t3;
   } else {
-    t2 = $[2];
+    t3 = $[2];
   }
-  const [DocumentDrawer,, t3] = useDocumentDrawer(t2);
+  const [DocumentDrawer,, t4] = useDocumentDrawer(t3);
   const {
     openDrawer
-  } = t3;
-  let t4;
+  } = t4;
+  let t5;
   if ($[3] !== collectionSlug || $[4] !== reloadDoc) {
-    t4 = async t5 => {
+    t5 = async t6 => {
       const {
         doc
-      } = t5;
+      } = t6;
       return reloadDoc(doc.id, collectionSlug);
     };
     $[3] = collectionSlug;
     $[4] = reloadDoc;
-    $[5] = t4;
+    $[5] = t5;
   } else {
-    t4 = $[5];
+    t5 = $[5];
   }
-  const onSave = t4;
-  let t5;
+  const onSave = t5;
+  let t6;
   if ($[6] !== x || $[7] !== y) {
-    t5 = function generateMetaText(mimeType_0, size) {
+    t6 = function generateMetaText(mimeType_0, size) {
       const sections = [];
       if (size) {
         sections.push(formatFilesize(size));
@@ -85,23 +93,23 @@ export function RelationshipContent(props) {
     };
     $[6] = x;
     $[7] = y;
-    $[8] = t5;
+    $[8] = t6;
   } else {
-    t5 = $[8];
+    t6 = $[8];
   }
-  const generateMetaText = t5;
+  const generateMetaText = t6;
   const metaText = withMeta ? generateMetaText(mimeType, byteSize) : "";
   const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true;
-  let t6;
+  let t7;
   if ($[9] !== className) {
-    t6 = [baseClass, className].filter(Boolean);
+    t7 = [baseClass, className].filter(Boolean);
     $[9] = className;
-    $[10] = t6;
+    $[10] = t7;
   } else {
-    t6 = $[10];
+    t7 = $[10];
   }
   return _jsxs("div", {
-    className: t6.join(" "),
+    className: t7.join(" "),
     children: [_jsxs("div", {
       className: `${baseClass}__imageAndDetails`,
       children: [previewAllowed && _jsx(ThumbnailComponent, {
@@ -110,7 +118,10 @@ export function RelationshipContent(props) {
         filename,
         fileSrc: thumbnailSrc,
         size: "small"
-      }), _jsxs("div", {
+      }), showCollectionSlug && collectionConfig ? _jsx(Pill, {
+        size: "small",
+        children: getTranslation(collectionConfig.labels.singular, i18n)
+      }) : null, _jsxs("div", {
         className: `${baseClass}__details`,
         children: [_jsx("p", {
           className: `${baseClass}__filename`,

package/dist/fields/Upload/RelationshipContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatFilesize","React","Button","useDocumentDrawer","ThumbnailComponent","useConfig","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","displayPreview","filename","mimeType","onRemove","reloadDoc","src","thumbnailSrc","withMeta","t0","x","y","undefined","config","collectionConfig","collections","find","collection","slug","t1","t2","DocumentDrawer","t3","openDrawer","t4","t5","doc","onSave","generateMetaText","mimeType_0","size","sections","push","join","metaText","previewAllowed","upload","t6","filter","Boolean","_jsxs","children","_jsx","fileSrc","href","target","buttonStyle","icon","iconStyle","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\nimport { formatFilesize, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport './index.scss'\n\nconst baseClass = 'upload-relationship-details'\n\ntype Props = {\n  readonly allowEdit?: boolean\n  readonly allowRemove?: boolean\n  readonly alt: string\n  readonly byteSize: number\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly displayPreview?: boolean\n  readonly filename: string\n  readonly id?: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly reloadDoc: ReloadDoc\n  readonly src: string\n  readonly thumbnailSrc: string\n  readonly withMeta?: boolean\n  readonly x?: number\n  readonly y?: number\n}\nexport function RelationshipContent(props: Props) {\n  const {\n    id,\n    allowEdit,\n    allowRemove,\n    alt,\n    byteSize,\n    className,\n    collectionSlug,\n    displayPreview,\n    filename,\n    mimeType,\n    onRemove,\n    reloadDoc,\n    src,\n    thumbnailSrc,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const { config } = useConfig()\n  const collectionConfig =\n    'collections' in config\n      ? config.collections.find((collection) => collection.slug === collectionSlug)\n      : undefined\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id: src ? id : undefined,\n    collectionSlug,\n  })\n\n  const onSave = React.useCallback(\n    async ({ doc }: { doc: TypeWithID }) => reloadDoc(doc.id, collectionSlug),\n    [reloadDoc, collectionSlug],\n  )\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (size) {\n      sections.push(formatFilesize(size))\n    }\n\n    if (x && y) {\n      sections.push(`${x}x${y}`)\n    }\n\n    if (mimeType) {\n      sections.push(mimeType)\n    }\n\n    return sections.join(' — ')\n  }\n\n  const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''\n  const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        {previewAllowed && (\n          <ThumbnailComponent\n            alt={alt}\n            className={`${baseClass}__thumbnail`}\n            filename={filename}\n            fileSrc={thumbnailSrc}\n            size=\"small\"\n          />\n        )}\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            {src ? (\n              <a href={src} target=\"_blank\">\n                {filename}\n              </a>\n            ) : (\n              filename\n            )}\n          </p>\n          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}\n        </div>\n      </div>\n\n      {allowEdit !== false || allowRemove !== false ? (\n        <div className={`${baseClass}__actions`}>\n          {allowEdit !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__edit`}\n              icon=\"edit\"\n              iconStyle=\"none\"\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__remove`}\n              icon=\"x\"\n              iconStyle=\"none\"\n              onClick={() => onRemove()}\n            />\n          ) : null}\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatFilesize","React","Button","useDocumentDrawer","Pill","ThumbnailComponent","useConfig","useTranslation","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","displayPreview","filename","mimeType","onRemove","reloadDoc","showCollectionSlug","t0","src","thumbnailSrc","withMeta","t1","x","y","undefined","config","i18n","collectionConfig","collections","find","collection","slug","t2","t3","DocumentDrawer","t4","openDrawer","t5","t6","doc","onSave","generateMetaText","mimeType_0","size","sections","push","join","metaText","previewAllowed","upload","t7","filter","Boolean","_jsxs","children","_jsx","fileSrc","labels","singular","href","target","buttonStyle","icon","iconStyle","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport './index.scss'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'upload-relationship-details'\n\ntype Props = {\n  readonly allowEdit?: boolean\n  readonly allowRemove?: boolean\n  readonly alt: string\n  readonly byteSize: number\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly displayPreview?: boolean\n  readonly filename: string\n  readonly id?: number | string\n  readonly mimeType: string\n  readonly onRemove: () => void\n  readonly reloadDoc: ReloadDoc\n  readonly showCollectionSlug?: boolean\n  readonly src: string\n  readonly thumbnailSrc: string\n  readonly withMeta?: boolean\n  readonly x?: number\n  readonly y?: number\n}\nexport function RelationshipContent(props: Props) {\n  const {\n    id,\n    allowEdit,\n    allowRemove,\n    alt,\n    byteSize,\n    className,\n    collectionSlug,\n    displayPreview,\n    filename,\n    mimeType,\n    onRemove,\n    reloadDoc,\n    showCollectionSlug = false,\n    src,\n    thumbnailSrc,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const collectionConfig =\n    'collections' in config\n      ? config.collections.find((collection) => collection.slug === collectionSlug)\n      : undefined\n\n  const [DocumentDrawer, _, { openDrawer }] = useDocumentDrawer({\n    id: src ? id : undefined,\n    collectionSlug,\n  })\n\n  const onSave = React.useCallback(\n    async ({ doc }: { doc: TypeWithID }) => reloadDoc(doc.id, collectionSlug),\n    [reloadDoc, collectionSlug],\n  )\n\n  function generateMetaText(mimeType: string, size: number): string {\n    const sections: string[] = []\n    if (size) {\n      sections.push(formatFilesize(size))\n    }\n\n    if (x && y) {\n      sections.push(`${x}x${y}`)\n    }\n\n    if (mimeType) {\n      sections.push(mimeType)\n    }\n\n    return sections.join(' — ')\n  }\n\n  const metaText = withMeta ? generateMetaText(mimeType, byteSize) : ''\n  const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__imageAndDetails`}>\n        {previewAllowed && (\n          <ThumbnailComponent\n            alt={alt}\n            className={`${baseClass}__thumbnail`}\n            filename={filename}\n            fileSrc={thumbnailSrc}\n            size=\"small\"\n          />\n        )}\n        {showCollectionSlug && collectionConfig ? (\n          <Pill size=\"small\">{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n        ) : null}\n        <div className={`${baseClass}__details`}>\n          <p className={`${baseClass}__filename`}>\n            {src ? (\n              <a href={src} target=\"_blank\">\n                {filename}\n              </a>\n            ) : (\n              filename\n            )}\n          </p>\n          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}\n        </div>\n      </div>\n\n      {allowEdit !== false || allowRemove !== false ? (\n        <div className={`${baseClass}__actions`}>\n          {allowEdit !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__edit`}\n              icon=\"edit\"\n              iconStyle=\"none\"\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              buttonStyle=\"icon-label\"\n              className={`${baseClass}__remove`}\n              icon=\"x\"\n              iconStyle=\"none\"\n              onClick={() => onRemove()}\n            />\n          ) : null}\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAQtC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBA4E5D;AAED,eAAO,MAAM,WAAW,kCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAqB,MAAM,SAAS,CAAA;AAExE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAQtC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,SAAS,WAAW,CAAA;AAEjC,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,qBAyG5D;AAED,eAAO,MAAM,WAAW,kCAAiC,CAAA"}

package/dist/fields/Upload/index.js

@@ -25,7 +25,7 @@ export function UploadComponent(props) {
       label,
       localized,
       maxRows,
-      relationTo,
+      relationTo: relationToFromProps,
       required
     },
     path: pathFromProps,
@@ -62,6 +62,20 @@ export function UploadComponent(props) {
     potentiallyStalePath: pathFromProps,
     validate: memoizedValidate
   });
+  const isPolymorphic = Array.isArray(relationToFromProps);
+  const memoizedValue = React.useMemo(() => {
+    if (hasMany === true) {
+      return Array.isArray(value_0) ? value_0.map(val => {
+        return isPolymorphic ? val : {
+          relationTo: Array.isArray(relationToFromProps) ? relationToFromProps[0] : relationToFromProps,
+          value: val
+        };
+      }) : value_0;
+    } else {
+      // Value comes in as string when not polymorphic and with the object with the right relationTo when it is polymorphic
+      return value_0;
+    }
+  }, [hasMany, value_0, isPolymorphic, relationToFromProps]);
   const styles = useMemo(() => mergeFieldStyles(field), [field]);
   return /*#__PURE__*/_jsx(BulkUploadProvider, {
     drawerSlugPrefix: pathFromProps,
@@ -85,12 +99,12 @@ export function UploadComponent(props) {
       onChange: setValue,
       path: path,
       readOnly: readOnly || disabled,
-      relationTo: relationTo,
+      relationTo: relationToFromProps,
       required: required,
       serverURL: config.serverURL,
       showError: showError,
       style: styles,
-      value: value_0
+      value: memoizedValue
     })
   });
 }

package/dist/fields/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","BulkUploadProvider","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","field","admin","allowCreate","className","description","isSortable","hasMany","label","localized","maxRows","relationTo","required","path","pathFromProps","readOnly","validate","config","displayPreview","memoizedValidate","useCallback","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","setValue","showError","potentiallyStalePath","styles","_jsx","drawerSlugPrefix","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { BulkUploadProvider } from '../../elements/BulkUpload/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, className, description, isSortable } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const displayPreview = field.displayPreview\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <BulkUploadProvider drawerSlugPrefix={pathFromProps}>\n      <UploadInput\n        AfterInput={AfterInput}\n        allowCreate={allowCreate !== false}\n        api={config.routes.api}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description={description}\n        displayPreview={displayPreview}\n        Error={Error}\n        filterOptions={filterOptions}\n        hasMany={hasMany}\n        isSortable={isSortable}\n        label={label}\n        Label={Label}\n        localized={localized}\n        maxRows={maxRows}\n        onChange={setValue}\n        path={path}\n        readOnly={readOnly || disabled}\n        relationTo={relationTo}\n        required={required}\n        serverURL={config.serverURL}\n        showError={showError}\n        style={styles}\n        value={value}\n      />\n    </BulkUploadProvider>\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,SAASA,WAAW,QAAQ;AAG5B,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,SAASC,gBAAgBC,KAA6B;EAC3D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,WAAW;QAAEC,SAAS;QAAEC,WAAW;QAAEC;MAAU,CAAE,GAAG,CAAC,CAAC;MAC/DC,OAAO;MACPC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,UAAU;MACVC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGhB,KAAA;EAEJ,MAAM;IAAEiB;EAAM,CAAE,GAAGtB,SAAA;EAEnB,MAAMuB,cAAA,GAAiBjB,KAAA,CAAMiB,cAAc;EAE3C,MAAMC,gBAAA,GAAmB7B,KAAA,CAAM8B,WAAW,CACxC,CAACC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAON,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASK,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEV;MAAS;IAChD;EACF,GACA,CAACI,QAAA,EAAUJ,QAAA,CAAS;EAGtB,MAAM;IACJW,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,aAAa;IACbjB,IAAI;IACJkB,QAAQ;IACRC,SAAS;IACTX,KAAK,EAALA;EAAK,CACN,GAAG5B,QAAA,CAA4B;IAC9BwC,oBAAA,EAAsBnB,aAAA;IACtBE,QAAA,EAAUG;EACZ;EAEA,MAAMe,MAAA,GAAS3C,OAAA,CAAQ,MAAMK,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEkC,IAAA,CAAC3C,kBAAA;IAAmB4C,gBAAA,EAAkBtB,aAAA;cACpC,aAAAqB,IAAA,CAACtC,WAAA;MACC2B,UAAA,EAAYA,UAAA;MACZrB,WAAA,EAAaA,WAAA,KAAgB;MAC7BkC,GAAA,EAAKpB,MAAA,CAAOqB,MAAM,CAACD,GAAG;MACtBZ,WAAA,EAAaA,WAAA;MACbrB,SAAA,EAAWA,SAAA;MACXsB,WAAA,EAAaA,WAAA;MACbrB,WAAA,EAAaA,WAAA;MACba,cAAA,EAAgBA,cAAA;MAChBS,KAAA,EAAOA,KAAA;MACPG,aAAA,EAAeA,aAAA;MACfvB,OAAA,EAASA,OAAA;MACTD,UAAA,EAAYA,UAAA;MACZE,KAAA,EAAOA,KAAA;MACPoB,KAAA,EAAOA,KAAA;MACPnB,SAAA,EAAWA,SAAA;MACXC,OAAA,EAASA,OAAA;MACT6B,QAAA,EAAUR,QAAA;MACVlB,IAAA,EAAMA,IAAA;MACNE,QAAA,EAAUA,QAAA,IAAYc,QAAA;MACtBlB,UAAA,EAAYA,UAAA;MACZC,QAAA,EAAUA,QAAA;MACV4B,SAAA,EAAWvB,MAAA,CAAOuB,SAAS;MAC3BR,SAAA,EAAWA,SAAA;MACXS,KAAA,EAAOP,MAAA;MACPb,KAAA,EAAOA;;;AAIf;AAEA,OAAO,MAAMqB,WAAA,GAAchD,aAAA,CAAcK,eAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","BulkUploadProvider","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","field","admin","allowCreate","className","description","isSortable","hasMany","label","localized","maxRows","relationTo","relationToFromProps","required","path","pathFromProps","readOnly","validate","config","displayPreview","memoizedValidate","useCallback","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","setValue","showError","potentiallyStalePath","isPolymorphic","Array","isArray","memoizedValue","map","val","styles","_jsx","drawerSlugPrefix","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps, ValueWithRelation } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { BulkUploadProvider } from '../../elements/BulkUpload/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\nimport './index.scss'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field,\n    field: {\n      admin: { allowCreate, className, description, isSortable } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo: relationToFromProps,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { config } = useConfig()\n\n  const displayPreview = field.displayPreview\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const isPolymorphic = Array.isArray(relationToFromProps)\n\n  const memoizedValue:\n    | (number | string)[]\n    | number\n    | string\n    | ValueWithRelation\n    | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationToFromProps)\n                      ? relationToFromProps[0]\n                      : relationToFromProps,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      // Value comes in as string when not polymorphic and with the object with the right relationTo when it is polymorphic\n      return value\n    }\n  }, [hasMany, value, isPolymorphic, relationToFromProps])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <BulkUploadProvider drawerSlugPrefix={pathFromProps}>\n      <UploadInput\n        AfterInput={AfterInput}\n        allowCreate={allowCreate !== false}\n        api={config.routes.api}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description={description}\n        displayPreview={displayPreview}\n        Error={Error}\n        filterOptions={filterOptions}\n        hasMany={hasMany}\n        isSortable={isSortable}\n        label={label}\n        Label={Label}\n        localized={localized}\n        maxRows={maxRows}\n        onChange={setValue}\n        path={path}\n        readOnly={readOnly || disabled}\n        relationTo={relationToFromProps}\n        required={required}\n        serverURL={config.serverURL}\n        showError={showError}\n        style={styles}\n        value={memoizedValue}\n      />\n    </BulkUploadProvider>\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/types.d.ts

@@ -1,4 +1,11 @@
-import type { PaginatedDocs } from 'payload';
-export type PopulateDocs = (ids: (number | string)[], relatedCollectionSlug: string) => Promise<null | PaginatedDocs>;
-export type ReloadDoc = (docID: number | string, collectionSlug: string) => Promise<void>;
+import type { PaginatedDocs, ValueWithRelation } from 'payload';
+export type ValueAsDataWithRelation = {
+    relationTo: string;
+    value: any;
+};
+type PopulateDocsDeprecated = (ids: (number | string)[], items: never, collectionSlug?: string) => Promise<null | PaginatedDocs>;
+type PopulateDocsNew = (items: ValueWithRelation[], ids: never, collectionSlug: never) => Promise<null | ValueAsDataWithRelation[]>;
+export type PopulateDocs = PopulateDocsDeprecated | PopulateDocsNew;
+export type ReloadDoc = (doc: number | string, collectionSlug: string) => Promise<void>;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/fields/Upload/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,MAAM,YAAY,GAAG,CACzB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACxB,qBAAqB,EAAE,MAAM,KAC1B,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE/D,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX,CAAA;AAED,KAAK,sBAAsB,GAAG,CAC5B,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACxB,KAAK,EAAE,KAAK,EACZ,cAAc,CAAC,EAAE,MAAM,KACpB,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,CAAA;AAElC,KAAK,eAAe,GAAG,CACrB,KAAK,EAAE,iBAAiB,EAAE,EAC1B,GAAG,EAAE,KAAK,EACV,cAAc,EAAE,KAAK,KAClB,OAAO,CAAC,IAAI,GAAG,uBAAuB,EAAE,CAAC,CAAA;AAE9C,MAAM,MAAM,YAAY,GAAG,sBAAsB,GAAG,eAAe,CAAA;AAEnE,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}

package/dist/fields/Upload/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Upload/types.ts"],"sourcesContent":["import type { PaginatedDocs } from 'payload'\n\nexport type PopulateDocs = (\n  ids: (number | string)[],\n  relatedCollectionSlug: string,\n) => Promise<null | PaginatedDocs>\n\nexport type ReloadDoc = (docID: number | string, collectionSlug: string) => Promise<void>\n"],"mappings":"AAOA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Upload/types.ts"],"sourcesContent":["import type { PaginatedDocs, ValueWithRelation } from 'payload'\n\nexport type ValueAsDataWithRelation = {\n  relationTo: string\n  value: any\n}\n\ntype PopulateDocsDeprecated = (\n  ids: (number | string)[],\n  items: never,\n  collectionSlug?: string, // kept for compatibility, not used\n) => Promise<null | PaginatedDocs>\n\ntype PopulateDocsNew = (\n  items: ValueWithRelation[],\n  ids: never,\n  collectionSlug: never,\n) => Promise<null | ValueAsDataWithRelation[]>\n\nexport type PopulateDocs = PopulateDocsDeprecated | PopulateDocsNew\n\nexport type ReloadDoc = (doc: number | string, collectionSlug: string) => Promise<void>\n"],"mappings":"AAqBA","ignoreList":[]}

package/dist/providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js

@@ -28,7 +28,7 @@ export const filterFieldsWithPermissions = ({
       const formattedField = {
         ...field,
         fields: filterFieldsWithPermissions({
-          fieldPermissions: typeof fieldPermissions === 'boolean' ? fieldPermissions : 'name' in field && field.name ? fieldPermissions[field.name]?.fields || fieldPermissions[field.name] : fieldPermissions,
+          fieldPermissions: typeof fieldPermissions === 'boolean' ? fieldPermissions : 'name' in field && field.name ? fieldPermissions?.[field.name]?.fields || fieldPermissions?.[field.name] : fieldPermissions,
           fields: field.fields
         })
       };
@@ -40,7 +40,7 @@ export const filterFieldsWithPermissions = ({
       return acc;
     }
     if (fieldAffectsData(field)) {
-      const fieldPermission = fieldPermissions[field.name];
+      const fieldPermission = fieldPermissions?.[field.name];
       // Always allow ID fields, or if explicitly granted (true or { read: true })
       // undefined means field is not in permissions object = denied
       if (fieldIsID(field) || fieldPermission === true || fieldPermission?.read === true) {

package/dist/providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterFieldsWithPermissions.js","names":["fieldAffectsData","fieldIsHiddenOrDisabled","fieldIsID","shouldSkipField","field","type","admin","disableListColumn","filterFieldsWithPermissions","fieldPermissions","fields","reduce","acc","formattedField","tabs","map","tab","name","push","Array","isArray","fieldPermission","read"],"sources":["../../../../src/providers/TableColumns/buildColumnState/filterFieldsWithPermissions.tsx"],"sourcesContent":["import type {\n  ClientField,\n  Field,\n  SanitizedFieldPermissions,\n  SanitizedFieldsPermissions,\n} from 'payload'\n\nimport { fieldAffectsData, fieldIsHiddenOrDisabled, fieldIsID } from 'payload/shared'\n\nconst shouldSkipField = (field: ClientField | Field): boolean =>\n  (field.type !== 'ui' && fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) ||\n  field?.admin?.disableListColumn === true\n\nexport const filterFieldsWithPermissions = <T extends ClientField | Field = ClientField>({\n  fieldPermissions,\n  fields,\n}: {\n  fieldPermissions?: SanitizedFieldPermissions | SanitizedFieldsPermissions\n  fields: (ClientField | Field)[]\n}): T[] => {\n  return (fields ?? []).reduce((acc, field) => {\n    if (shouldSkipField(field)) {\n      return acc\n    }\n\n    // handle tabs\n    if (field.type === 'tabs' && 'tabs' in field) {\n      const formattedField = {\n        ...field,\n        tabs: field.tabs.map((tab) => ({\n          ...tab,\n          fields: filterFieldsWithPermissions<T>({\n            fieldPermissions:\n              typeof fieldPermissions === 'boolean'\n                ? fieldPermissions\n                : 'name' in tab && tab.name\n                  ? fieldPermissions[tab.name]?.fields || fieldPermissions[tab.name]\n                  : fieldPermissions,\n            fields: tab.fields,\n          }),\n        })),\n      } as ClientField | Field\n      acc.push(formattedField)\n      return acc\n    }\n\n    // handle fields with subfields (row, group, collapsible, etc.)\n    if ('fields' in field && Array.isArray(field.fields)) {\n      const formattedField = {\n        ...field,\n        fields: filterFieldsWithPermissions<T>({\n          fieldPermissions:\n            typeof fieldPermissions === 'boolean'\n              ? fieldPermissions\n              : 'name' in field && field.name\n                ? fieldPermissions[field.name]?.fields || fieldPermissions[field.name]\n                : fieldPermissions,\n          fields: field.fields,\n        }),\n      } as ClientField | Field\n      acc.push(formattedField)\n      return acc\n    }\n\n    if (fieldPermissions === true) {\n      acc.push(field)\n      return acc\n    }\n\n    if (fieldAffectsData(field)) {\n      const fieldPermission = fieldPermissions[field.name]\n      // Always allow ID fields, or if explicitly granted (true or { read: true })\n      // undefined means field is not in permissions object = denied\n      if (fieldIsID(field) || fieldPermission === true || fieldPermission?.read === true) {\n        acc.push(field)\n      }\n      return acc\n    }\n\n    // leaf\n    acc.push(field)\n    return acc\n  }, [])\n}\n"],"mappings":"AAOA,SAASA,gBAAgB,EAAEC,uBAAuB,EAAEC,SAAS,QAAQ;AAErE,MAAMC,eAAA,GAAmBC,KAAA,IACvBA,KAAC,CAAMC,IAAI,KAAK,QAAQJ,uBAAA,CAAwBG,KAAA,KAAU,CAACF,SAAA,CAAUE,KAAA,KACrEA,KAAA,EAAOE,KAAA,EAAOC,iBAAA,KAAsB;AAEtC,OAAO,MAAMC,2BAAA,GAA8BA,CAA8C;EACvFC,gBAAgB;EAChBC;AAAM,CAIP;EACC,OAAO,CAACA,MAAA,IAAU,EAAE,EAAEC,MAAM,CAAC,CAACC,GAAA,EAAKR,KAAA;IACjC,IAAID,eAAA,CAAgBC,KAAA,GAAQ;MAC1B,OAAOQ,GAAA;IACT;IAEA;IACA,IAAIR,KAAA,CAAMC,IAAI,KAAK,UAAU,UAAUD,KAAA,EAAO;MAC5C,MAAMS,cAAA,GAAiB;QACrB,GAAGT,KAAK;QACRU,IAAA,EAAMV,KAAA,CAAMU,IAAI,CAACC,GAAG,CAAEC,GAAA,KAAS;UAC7B,GAAGA,GAAG;UACNN,MAAA,EAAQF,2BAAA,CAA+B;YACrCC,gBAAA,EACE,OAAOA,gBAAA,KAAqB,YACxBA,gBAAA,GACA,UAAUO,GAAA,IAAOA,GAAA,CAAIC,IAAI,GACvBR,gBAAgB,CAACO,GAAA,CAAIC,IAAI,CAAC,EAAEP,MAAA,IAAUD,gBAAgB,CAACO,GAAA,CAAIC,IAAI,CAAC,GAChER,gBAAA;YACRC,MAAA,EAAQM,GAAA,CAAIN;UACd;QACF;MACF;MACAE,GAAA,CAAIM,IAAI,CAACL,cAAA;MACT,OAAOD,GAAA;IACT;IAEA;IACA,IAAI,YAAYR,KAAA,IAASe,KAAA,CAAMC,OAAO,CAAChB,KAAA,CAAMM,MAAM,GAAG;MACpD,MAAMG,cAAA,GAAiB;QACrB,GAAGT,KAAK;QACRM,MAAA,EAAQF,2BAAA,CAA+B;UACrCC,gBAAA,EACE,OAAOA,gBAAA,KAAqB,YACxBA,gBAAA,GACA,UAAUL,KAAA,IAASA,KAAA,CAAMa,IAAI,GAC3BR,gBAAgB,CAACL,KAAA,CAAMa,IAAI,CAAC,EAAEP,MAAA,IAAUD,gBAAgB,CAACL,KAAA,CAAMa,IAAI,CAAC,GACpER,gBAAA;UACRC,MAAA,EAAQN,KAAA,CAAMM;QAChB;MACF;MACAE,GAAA,CAAIM,IAAI,CAACL,cAAA;MACT,OAAOD,GAAA;IACT;IAEA,IAAIH,gBAAA,KAAqB,MAAM;MAC7BG,GAAA,CAAIM,IAAI,CAACd,KAAA;MACT,OAAOQ,GAAA;IACT;IAEA,IAAIZ,gBAAA,CAAiBI,KAAA,GAAQ;MAC3B,MAAMiB,eAAA,GAAkBZ,gBAAgB,CAACL,KAAA,CAAMa,IAAI,CAAC;MACpD;MACA;MACA,IAAIf,SAAA,CAAUE,KAAA,KAAUiB,eAAA,KAAoB,QAAQA,eAAA,EAAiBC,IAAA,KAAS,MAAM;QAClFV,GAAA,CAAIM,IAAI,CAACd,KAAA;MACX;MACA,OAAOQ,GAAA;IACT;IAEA;IACAA,GAAA,CAAIM,IAAI,CAACd,KAAA;IACT,OAAOQ,GAAA;EACT,GAAG,EAAE;AACP","ignoreList":[]}
+{"version":3,"file":"filterFieldsWithPermissions.js","names":["fieldAffectsData","fieldIsHiddenOrDisabled","fieldIsID","shouldSkipField","field","type","admin","disableListColumn","filterFieldsWithPermissions","fieldPermissions","fields","reduce","acc","formattedField","tabs","map","tab","name","push","Array","isArray","fieldPermission","read"],"sources":["../../../../src/providers/TableColumns/buildColumnState/filterFieldsWithPermissions.tsx"],"sourcesContent":["import type {\n  ClientField,\n  Field,\n  SanitizedFieldPermissions,\n  SanitizedFieldsPermissions,\n} from 'payload'\n\nimport { fieldAffectsData, fieldIsHiddenOrDisabled, fieldIsID } from 'payload/shared'\n\nconst shouldSkipField = (field: ClientField | Field): boolean =>\n  (field.type !== 'ui' && fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) ||\n  field?.admin?.disableListColumn === true\n\nexport const filterFieldsWithPermissions = <T extends ClientField | Field = ClientField>({\n  fieldPermissions,\n  fields,\n}: {\n  fieldPermissions?: SanitizedFieldPermissions | SanitizedFieldsPermissions\n  fields: (ClientField | Field)[]\n}): T[] => {\n  return (fields ?? []).reduce((acc, field) => {\n    if (shouldSkipField(field)) {\n      return acc\n    }\n\n    // handle tabs\n    if (field.type === 'tabs' && 'tabs' in field) {\n      const formattedField = {\n        ...field,\n        tabs: field.tabs.map((tab) => ({\n          ...tab,\n          fields: filterFieldsWithPermissions<T>({\n            fieldPermissions:\n              typeof fieldPermissions === 'boolean'\n                ? fieldPermissions\n                : 'name' in tab && tab.name\n                  ? fieldPermissions[tab.name]?.fields || fieldPermissions[tab.name]\n                  : fieldPermissions,\n            fields: tab.fields,\n          }),\n        })),\n      } as ClientField | Field\n      acc.push(formattedField)\n      return acc\n    }\n\n    // handle fields with subfields (row, group, collapsible, etc.)\n    if ('fields' in field && Array.isArray(field.fields)) {\n      const formattedField = {\n        ...field,\n        fields: filterFieldsWithPermissions<T>({\n          fieldPermissions:\n            typeof fieldPermissions === 'boolean'\n              ? fieldPermissions\n              : 'name' in field && field.name\n                ? fieldPermissions?.[field.name]?.fields || fieldPermissions?.[field.name]\n                : fieldPermissions,\n          fields: field.fields,\n        }),\n      } as ClientField | Field\n      acc.push(formattedField)\n      return acc\n    }\n\n    if (fieldPermissions === true) {\n      acc.push(field)\n      return acc\n    }\n\n    if (fieldAffectsData(field)) {\n      const fieldPermission = fieldPermissions?.[field.name]\n      // Always allow ID fields, or if explicitly granted (true or { read: true })\n      // undefined means field is not in permissions object = denied\n      if (fieldIsID(field) || fieldPermission === true || fieldPermission?.read === true) {\n        acc.push(field)\n      }\n      return acc\n    }\n\n    // leaf\n    acc.push(field)\n    return acc\n  }, [])\n}\n"],"mappings":"AAOA,SAASA,gBAAgB,EAAEC,uBAAuB,EAAEC,SAAS,QAAQ;AAErE,MAAMC,eAAA,GAAmBC,KAAA,IACvBA,KAAC,CAAMC,IAAI,KAAK,QAAQJ,uBAAA,CAAwBG,KAAA,KAAU,CAACF,SAAA,CAAUE,KAAA,KACrEA,KAAA,EAAOE,KAAA,EAAOC,iBAAA,KAAsB;AAEtC,OAAO,MAAMC,2BAAA,GAA8BA,CAA8C;EACvFC,gBAAgB;EAChBC;AAAM,CAIP;EACC,OAAO,CAACA,MAAA,IAAU,EAAE,EAAEC,MAAM,CAAC,CAACC,GAAA,EAAKR,KAAA;IACjC,IAAID,eAAA,CAAgBC,KAAA,GAAQ;MAC1B,OAAOQ,GAAA;IACT;IAEA;IACA,IAAIR,KAAA,CAAMC,IAAI,KAAK,UAAU,UAAUD,KAAA,EAAO;MAC5C,MAAMS,cAAA,GAAiB;QACrB,GAAGT,KAAK;QACRU,IAAA,EAAMV,KAAA,CAAMU,IAAI,CAACC,GAAG,CAAEC,GAAA,KAAS;UAC7B,GAAGA,GAAG;UACNN,MAAA,EAAQF,2BAAA,CAA+B;YACrCC,gBAAA,EACE,OAAOA,gBAAA,KAAqB,YACxBA,gBAAA,GACA,UAAUO,GAAA,IAAOA,GAAA,CAAIC,IAAI,GACvBR,gBAAgB,CAACO,GAAA,CAAIC,IAAI,CAAC,EAAEP,MAAA,IAAUD,gBAAgB,CAACO,GAAA,CAAIC,IAAI,CAAC,GAChER,gBAAA;YACRC,MAAA,EAAQM,GAAA,CAAIN;UACd;QACF;MACF;MACAE,GAAA,CAAIM,IAAI,CAACL,cAAA;MACT,OAAOD,GAAA;IACT;IAEA;IACA,IAAI,YAAYR,KAAA,IAASe,KAAA,CAAMC,OAAO,CAAChB,KAAA,CAAMM,MAAM,GAAG;MACpD,MAAMG,cAAA,GAAiB;QACrB,GAAGT,KAAK;QACRM,MAAA,EAAQF,2BAAA,CAA+B;UACrCC,gBAAA,EACE,OAAOA,gBAAA,KAAqB,YACxBA,gBAAA,GACA,UAAUL,KAAA,IAASA,KAAA,CAAMa,IAAI,GAC3BR,gBAAA,GAAmBL,KAAA,CAAMa,IAAI,CAAC,EAAEP,MAAA,IAAUD,gBAAA,GAAmBL,KAAA,CAAMa,IAAI,CAAC,GACxER,gBAAA;UACRC,MAAA,EAAQN,KAAA,CAAMM;QAChB;MACF;MACAE,GAAA,CAAIM,IAAI,CAACL,cAAA;MACT,OAAOD,GAAA;IACT;IAEA,IAAIH,gBAAA,KAAqB,MAAM;MAC7BG,GAAA,CAAIM,IAAI,CAACd,KAAA;MACT,OAAOQ,GAAA;IACT;IAEA,IAAIZ,gBAAA,CAAiBI,KAAA,GAAQ;MAC3B,MAAMiB,eAAA,GAAkBZ,gBAAA,GAAmBL,KAAA,CAAMa,IAAI,CAAC;MACtD;MACA;MACA,IAAIf,SAAA,CAAUE,KAAA,KAAUiB,eAAA,KAAoB,QAAQA,eAAA,EAAiBC,IAAA,KAAS,MAAM;QAClFV,GAAA,CAAIM,IAAI,CAACd,KAAA;MACX;MACA,OAAOQ,GAAA;IACT;IAEA;IACAA,GAAA,CAAIM,IAAI,CAACd,KAAA;IACT,OAAOQ,GAAA;EACT,GAAG,EAAE;AACP","ignoreList":[]}

package/dist/utilities/reduceFieldsToOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reduceFieldsToOptions.d.ts","sourceRoot":"","sources":["../../src/utilities/reduceFieldsToOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKjG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AASrE,KAAK,sBAAsB,GAAG;IAC5B,gBAAgB,CAAC,EAAE,yBAAyB,GAAG,0BAA0B,CAAA;IACzE,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,qBAAqB,qFAM/B,sBAAsB,KAAG,YAAY,EA8NvC,CAAA"}
+{"version":3,"file":"reduceFieldsToOptions.d.ts","sourceRoot":"","sources":["../../src/utilities/reduceFieldsToOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKjG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AASrE,KAAK,sBAAsB,GAAG;IAC5B,gBAAgB,CAAC,EAAE,yBAAyB,GAAG,0BAA0B,CAAA;IACzE,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,qBAAqB,qFAM/B,sBAAsB,KAAG,YAAY,EA6OvC,CAAA"}