@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

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

@@ -1 +1 @@
-{"version":3,"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 { normalizeRelationshipValue } from '../../utilities/normalizeRelationshipValue.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        // Ensure we extract the actual ID value, not an object\n        let idValue: number | string = value\n\n        if (value && typeof value === 'object' && 'value' in (value as any)) {\n          idValue = (value as any).value\n        }\n\n        grouped[relationTo].push(idValue)\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 normalizeValue = useCallback(\n    (value: any): any => normalizeRelationshipValue(value, relationTo),\n    [relationTo],\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        // Normalize existing values before merging\n        const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n        const mergedValue = [...normalizedExisting, ...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, normalizeValue],\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\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      // Normalize existing values before merging\n      const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n      onChange([...normalizedExisting, ...newValues])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value, relationTo, normalizeValue],\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      if (hasMany) {\n        const newValue = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n        // Normalize existing values before merging\n        const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n        const valueToUse = [...normalizedExisting, 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, normalizeValue],\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\n            .filter((v): v is ValueWithRelation => typeof v === 'object' && 'relationTo' in v)\n            .map((v) => {\n              // Ensure the value property is a simple ID, not nested\n              let idValue: any = v.value\n              while (\n                idValue &&\n                typeof idValue === 'object' &&\n                idValue !== null &&\n                'value' in idValue\n              ) {\n                idValue = idValue.value\n              }\n              return {\n                relationTo: v.relationTo,\n                value: idValue as number | string,\n              }\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              // Extract the actual ID, handling nested objects\n              let idValue: any = id\n              while (\n                idValue &&\n                typeof idValue === 'object' &&\n                idValue !== null &&\n                'value' in idValue\n              ) {\n                idValue = idValue.value\n              }\n              return {\n                relationTo,\n                value: idValue as number | string,\n              }\n            })\n          }\n        }\n\n        if (itemsToLoad.length > 0) {\n          const loadedDocs = await populateDocs(itemsToLoad)\n\n          if (loadedDocs) {\n            setPopulatedDocs(loadedDocs)\n            loadedValueRef.current = value\n          }\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"],"names":["useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","normalizeRelationshipValue","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","idValue","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","normalizeValue","onUploadSuccess","uploadedForms","newValues","form","normalizedExisting","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","current","valueChanged","showDropzone","div","Boolean","join","replace","CustomComponent","Fallback","fileDocs","readonly","showCollectionSlug","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","span","onSave","enableRowSelections","onBulkSelect","onSelect","p"],"mappings":"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"}
+{"version":3,"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 { normalizeRelationshipValue } from '../../utilities/normalizeRelationshipValue.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        // Ensure we extract the actual ID value, not an object\n        let idValue: number | string = value\n\n        if (value && typeof value === 'object' && 'value' in (value as any)) {\n          idValue = (value as any).value\n        }\n\n        grouped[relationTo].push(idValue)\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 normalizeValue = useCallback(\n    (value: any): any => normalizeRelationshipValue(value, relationTo),\n    [relationTo],\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        // Normalize existing values before merging\n        const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n        const mergedValue = [...normalizedExisting, ...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, normalizeValue],\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\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      // Normalize existing values before merging\n      const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n      onChange([...normalizedExisting, ...newValues])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value, relationTo, normalizeValue],\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      if (hasMany) {\n        const newValue = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n        // Normalize existing values before merging\n        const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n        const valueToUse = [...normalizedExisting, 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, normalizeValue],\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\n            .filter((v): v is ValueWithRelation => typeof v === 'object' && 'relationTo' in v)\n            .map((v) => {\n              // Ensure the value property is a simple ID, not nested\n              let idValue: any = v.value\n              while (\n                idValue &&\n                typeof idValue === 'object' &&\n                idValue !== null &&\n                'value' in idValue\n              ) {\n                idValue = idValue.value\n              }\n              return {\n                relationTo: v.relationTo,\n                value: idValue as number | string,\n              }\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              // Extract the actual ID, handling nested objects\n              let idValue: any = id\n              while (\n                idValue &&\n                typeof idValue === 'object' &&\n                idValue !== null &&\n                'value' in idValue\n              ) {\n                idValue = idValue.value\n              }\n              return {\n                relationTo,\n                value: idValue as number | string,\n              }\n            })\n          }\n        }\n\n        if (itemsToLoad.length > 0) {\n          const loadedDocs = await populateDocs(itemsToLoad)\n\n          if (loadedDocs) {\n            setPopulatedDocs(loadedDocs)\n            loadedValueRef.current = value\n          }\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"],"names":["useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","normalizeRelationshipValue","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","idValue","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","normalizeValue","onUploadSuccess","uploadedForms","newValues","form","normalizedExisting","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","current","valueChanged","showDropzone","div","Boolean","join","replace","CustomComponent","Fallback","fileDocs","readonly","showCollectionSlug","height","key","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","span","onSave","enableRowSelections","onBulkSelect","onSelect","p"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { formatFilesize } from 'payload/shared';
 import React from 'react';
@@ -39,117 +38,29 @@ export function RelationshipContent(props) {
     }
     const metaText = withMeta ? generateMetaText(mimeType, byteSize) : '';
     const previewAllowed = displayPreview ?? collectionConfig?.upload?.displayPreview ?? true;
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__imageAndDetails`,
-                children: [
-                    previewAllowed && /*#__PURE__*/ _jsxDEV(ThumbnailComponent, {
-                        alt: alt,
-                        className: `${baseClass}__thumbnail`,
-                        filename: filename,
-                        fileSrc: thumbnailSrc,
-                        size: "small"
-                    }, void 0, false, {
-                        fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                        lineNumber: 104,
-                        columnNumber: 11
-                    }, this),
-                    showCollectionSlug && collectionConfig ? /*#__PURE__*/ _jsxDEV(Pill, {
-                        size: "small",
-                        children: getTranslation(collectionConfig.labels.singular, i18n)
-                    }, void 0, false, {
-                        fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                        lineNumber: 113,
-                        columnNumber: 11
-                    }, this) : null,
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__details`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("p", {
-                                className: `${baseClass}__filename`,
-                                children: src ? /*#__PURE__*/ _jsxDEV("a", {
-                                    href: src,
-                                    target: "_blank",
-                                    children: filename
-                                }, void 0, false, {
-                                    fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                                    lineNumber: 118,
-                                    columnNumber: 15
-                                }, this) : filename
-                            }, void 0, false, {
-                                fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                                lineNumber: 116,
-                                columnNumber: 11
-                            }, this),
-                            withMeta ? /*#__PURE__*/ _jsxDEV("p", {
-                                className: `${baseClass}__meta`,
-                                children: metaText
-                            }, void 0, false, {
-                                fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                                lineNumber: 125,
-                                columnNumber: 23
-                            }, this) : null
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                        lineNumber: 115,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                lineNumber: 102,
-                columnNumber: 7
-            }, this),
-            allowEdit !== false || allowRemove !== false ? /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__actions`,
-                children: [
-                    allowEdit !== false ? /*#__PURE__*/ _jsxDEV(Button, {
-                        buttonStyle: "icon-label",
-                        className: `${baseClass}__edit`,
-                        icon: "edit",
-                        iconStyle: "none",
-                        onClick: openDrawer
-                    }, void 0, false, {
-                        fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                        lineNumber: 132,
-                        columnNumber: 13
-                    }, this) : null,
-                    allowRemove !== false ? /*#__PURE__*/ _jsxDEV(Button, {
-                        buttonStyle: "icon-label",
-                        className: `${baseClass}__remove`,
-                        icon: "x",
-                        iconStyle: "none",
-                        onClick: ()=>onRemove()
-                    }, void 0, false, {
-                        fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                        lineNumber: 141,
-                        columnNumber: 13
-                    }, this) : null,
-                    /*#__PURE__*/ _jsxDEV(DocumentDrawer, {
-                        onSave: onSave
-                    }, void 0, false, {
-                        fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                        lineNumber: 149,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-                lineNumber: 130,
-                columnNumber: 9
-            }, this) : null
-        ]
-    }, void 0, true, {
-        fileName: "src/fields/Upload/RelationshipContent/index.tsx",
-        lineNumber: 101,
-        columnNumber: 5
-    }, this);
+    return <div className={[
+        baseClass,
+        className
+    ].filter(Boolean).join(' ')}>
+      <div className={`${baseClass}__imageAndDetails`}>
+        {previewAllowed && <ThumbnailComponent alt={alt} className={`${baseClass}__thumbnail`} filename={filename} fileSrc={thumbnailSrc} size="small"/>}
+        {showCollectionSlug && collectionConfig ? <Pill size="small">{getTranslation(collectionConfig.labels.singular, i18n)}</Pill> : null}
+        <div className={`${baseClass}__details`}>
+          <p className={`${baseClass}__filename`}>
+            {src ? <a href={src} target="_blank">
+                {filename}
+              </a> : filename}
+          </p>
+          {withMeta ? <p className={`${baseClass}__meta`}>{metaText}</p> : null}
+        </div>
+      </div>
+
+      {allowEdit !== false || allowRemove !== false ? <div className={`${baseClass}__actions`}>
+          {allowEdit !== false ? <Button buttonStyle="icon-label" className={`${baseClass}__edit`} icon="edit" iconStyle="none" onClick={openDrawer}/> : null}
+          {allowRemove !== false ? <Button buttonStyle="icon-label" className={`${baseClass}__remove`} icon="x" iconStyle="none" onClick={()=>onRemove()}/> : null}
+          <DocumentDrawer onSave={onSave}/>
+        </div> : null}
+    </div>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["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","src","thumbnailSrc","withMeta","x","y","config","i18n","collectionConfig","collections","find","collection","slug","undefined","DocumentDrawer","_","openDrawer","onSave","useCallback","doc","generateMetaText","size","sections","push","join","metaText","previewAllowed","upload","div","filter","Boolean","fileSrc","labels","singular","p","a","href","target","buttonStyle","icon","iconStyle","onClick"],"mappings":"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"}
+{"version":3,"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"],"names":["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","src","thumbnailSrc","withMeta","x","y","config","i18n","collectionConfig","collections","find","collection","slug","undefined","DocumentDrawer","_","openDrawer","onSave","useCallback","doc","generateMetaText","size","sections","push","join","metaText","previewAllowed","upload","div","filter","Boolean","fileSrc","labels","singular","p","a","href","target","buttonStyle","icon","iconStyle","onClick"],"mappings":"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"}

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

@@ -1,20 +1,13 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import './index.scss';
 const baseClass = 'upload-field-card';
 export function UploadCard({ children, className, size = 'medium' }) {
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            className,
-            `${baseClass}--size-${size}`
-        ].filter(Boolean).join(' '),
-        children: children
-    }, void 0, false, {
-        fileName: "src/fields/Upload/UploadCard/index.tsx",
-        lineNumber: 14,
-        columnNumber: 5
-    }, this);
+    return <div className={[
+        baseClass,
+        className,
+        `${baseClass}--size-${size}`
+    ].filter(Boolean).join(' ')}>
+      {children}
+    </div>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Upload/UploadCard/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'upload-field-card'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly size?: 'medium' | 'small'\n}\nexport function UploadCard({ children, className, size = 'medium' }: Props) {\n  return (\n    <div className={[baseClass, className, `${baseClass}--size-${size}`].filter(Boolean).join(' ')}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","baseClass","UploadCard","children","className","size","div","filter","Boolean","join"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAOlB,OAAO,SAASC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAS;IACxE,qBACE,QAACC;QAAIF,WAAW;YAACH;YAAWG;YAAW,GAAGH,UAAU,OAAO,EAAEI,MAAM;SAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;kBACvFN;;;;;;AAGP"}
+{"version":3,"sources":["../../../../src/fields/Upload/UploadCard/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'upload-field-card'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly size?: 'medium' | 'small'\n}\nexport function UploadCard({ children, className, size = 'medium' }: Props) {\n  return (\n    <div className={[baseClass, className, `${baseClass}--size-${size}`].filter(Boolean).join(' ')}>\n      {children}\n    </div>\n  )\n}\n"],"names":["baseClass","UploadCard","children","className","size","div","filter","Boolean","join"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAOlB,OAAO,SAASC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAS;IACxE,QACGC,IAAIF,WAAW;QAACH;QAAWG;QAAW,GAAGH,UAAU,OAAO,EAAEI,MAAM;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;MAC9F,CAACN,SAAS;IACZ,EAAEG;AAEN"}

package/dist/fields/Upload/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useMemo } from 'react';
 import { BulkUploadProvider } from '../../elements/BulkUpload/index.js';
 import { useField } from '../../forms/useField/index.js';
@@ -51,44 +50,9 @@ export function UploadComponent(props) {
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxDEV(BulkUploadProvider, {
-        drawerSlugPrefix: pathFromProps,
-        children: /*#__PURE__*/ _jsxDEV(UploadInput, {
-            AfterInput: AfterInput,
-            allowCreate: allowCreate !== false,
-            api: config.routes.api,
-            BeforeInput: BeforeInput,
-            className: className,
-            Description: Description,
-            description: description,
-            displayPreview: displayPreview,
-            Error: Error,
-            filterOptions: filterOptions,
-            hasMany: hasMany,
-            isSortable: isSortable,
-            label: label,
-            Label: Label,
-            localized: localized,
-            maxRows: maxRows,
-            onChange: setValue,
-            path: path,
-            readOnly: readOnly || disabled,
-            relationTo: relationToFromProps,
-            required: required,
-            serverURL: config.serverURL,
-            showError: showError,
-            style: styles,
-            value: memoizedValue
-        }, void 0, false, {
-            fileName: "src/fields/Upload/index.tsx",
-            lineNumber: 96,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/fields/Upload/index.tsx",
-        lineNumber: 95,
-        columnNumber: 5
-    }, this);
+    return <BulkUploadProvider drawerSlugPrefix={pathFromProps}>
+      <UploadInput AfterInput={AfterInput} allowCreate={allowCreate !== false} api={config.routes.api} BeforeInput={BeforeInput} className={className} Description={Description} description={description} displayPreview={displayPreview} Error={Error} filterOptions={filterOptions} hasMany={hasMany} isSortable={isSortable} label={label} Label={Label} localized={localized} maxRows={maxRows} onChange={setValue} path={path} readOnly={readOnly || disabled} relationTo={relationToFromProps} required={required} serverURL={config.serverURL} showError={showError} style={styles} value={memoizedValue}/>
+    </BulkUploadProvider>;
 }
 export const UploadField = withCondition(UploadComponent);
 

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

@@ -1 +1 @@
-{"version":3,"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"],"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","drawerSlugPrefix","api","routes","onChange","serverURL","style","UploadField"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,kBAAkB,QAAQ,qCAAoC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,SAASC,WAAW,QAAQ,aAAY;AACxC,OAAO,eAAc;AAErB,SAASA,WAAW,QAAQ,aAAY;AAGxC,OAAO,MAAMC,YAAY,SAAQ;AAEjC,OAAO,SAASC,gBAAgBC,KAA6B;IAC3D,MAAM,EACJC,KAAK,EACLA,OAAO,EACLC,OAAO,EAAEC,WAAW,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EAC/DC,OAAO,EACPC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,YAAYC,mBAAmB,EAC/BC,QAAQ,EACT,EACDC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,QAAQ,EACT,GAAGjB;IAEJ,MAAM,EAAEkB,MAAM,EAAE,GAAGvB;IAEnB,MAAMwB,iBAAiBlB,MAAMkB,cAAc;IAE3C,MAAMC,mBAAmB9B,MAAM+B,WAAW,CACxC,CAACC,OAAOC;QACN,IAAI,OAAON,aAAa,YAAY;YAClC,OAAOA,SAASK,OAAO;gBAAE,GAAGC,OAAO;gBAAEV;YAAS;QAChD;IACF,GACA;QAACI;QAAUJ;KAAS;IAGtB,MAAM,EACJW,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAC7EC,QAAQ,EACRC,aAAa,EACbjB,IAAI,EACJkB,QAAQ,EACRC,SAAS,EACTX,KAAK,EACN,GAAG7B,SAA4B;QAC9ByC,sBAAsBnB;QACtBE,UAAUG;IACZ;IAEA,MAAMe,gBAAgBC,MAAMC,OAAO,CAACzB;IAEpC,MAAM0B,gBAKoBhD,MAAMC,OAAO,CAAC;QACtC,IAAIgB,YAAY,MAAM;YACpB,OACE6B,MAAMC,OAAO,CAACf,SACVA,MAAMiB,GAAG,CAAC,CAACC;gBACT,OAAOL,gBACHK,MACA;oBACE7B,YAAYyB,MAAMC,OAAO,CAACzB,uBACtBA,mBAAmB,CAAC,EAAE,GACtBA;oBACJU,OAAOkB;gBACT;YACN,KACAlB;QAER,OAAO;YACL,qHAAqH;YACrH,OAAOA;QACT;IACF,GAAG;QAACf;QAASe;QAAOa;QAAevB;KAAoB;IAEvD,MAAM6B,SAASlD,QAAQ,IAAMK,iBAAiBK,QAAQ;QAACA;KAAM;IAE7D,qBACE,QAACT;QAAmBkD,kBAAkB3B;kBACpC,cAAA,QAAClB;YACC4B,YAAYA;YACZtB,aAAaA,gBAAgB;YAC7BwC,KAAKzB,OAAO0B,MAAM,CAACD,GAAG;YACtBjB,aAAaA;YACbtB,WAAWA;YACXuB,aAAaA;YACbtB,aAAaA;YACbc,gBAAgBA;YAChBS,OAAOA;YACPG,eAAeA;YACfxB,SAASA;YACTD,YAAYA;YACZE,OAAOA;YACPqB,OAAOA;YACPpB,WAAWA;YACXC,SAASA;YACTmC,UAAUb;YACVlB,MAAMA;YACNE,UAAUA,YAAYc;YACtBnB,YAAYC;YACZC,UAAUA;YACViC,WAAW5B,OAAO4B,SAAS;YAC3Bb,WAAWA;YACXc,OAAON;YACPnB,OAAOgB;;;;;;;;;;;AAIf;AAEA,OAAO,MAAMU,cAActD,cAAcK,iBAAgB"}
+{"version":3,"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"],"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","drawerSlugPrefix","api","routes","onChange","serverURL","style","UploadField"],"mappings":"AAAA;AAIA,OAAOA,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,kBAAkB,QAAQ,qCAAoC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,gBAAgB,QAAQ,yBAAwB;AACzD,SAASC,WAAW,QAAQ,aAAY;AACxC,OAAO,eAAc;AAErB,SAASA,WAAW,QAAQ,aAAY;AAGxC,OAAO,MAAMC,YAAY,SAAQ;AAEjC,OAAO,SAASC,gBAAgBC,KAA6B;IAC3D,MAAM,EACJC,KAAK,EACLA,OAAO,EACLC,OAAO,EAAEC,WAAW,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EAC/DC,OAAO,EACPC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,YAAYC,mBAAmB,EAC/BC,QAAQ,EACT,EACDC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,QAAQ,EACT,GAAGjB;IAEJ,MAAM,EAAEkB,MAAM,EAAE,GAAGvB;IAEnB,MAAMwB,iBAAiBlB,MAAMkB,cAAc;IAE3C,MAAMC,mBAAmB9B,MAAM+B,WAAW,CACxC,CAACC,OAAOC;QACN,IAAI,OAAON,aAAa,YAAY;YAClC,OAAOA,SAASK,OAAO;gBAAE,GAAGC,OAAO;gBAAEV;YAAS;QAChD;IACF,GACA;QAACI;QAAUJ;KAAS;IAGtB,MAAM,EACJW,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAC7EC,QAAQ,EACRC,aAAa,EACbjB,IAAI,EACJkB,QAAQ,EACRC,SAAS,EACTX,KAAK,EACN,GAAG7B,SAA4B;QAC9ByC,sBAAsBnB;QACtBE,UAAUG;IACZ;IAEA,MAAMe,gBAAgBC,MAAMC,OAAO,CAACzB;IAEpC,MAAM0B,gBAKoBhD,MAAMC,OAAO,CAAC;QACtC,IAAIgB,YAAY,MAAM;YACpB,OACE6B,MAAMC,OAAO,CAACf,SACVA,MAAMiB,GAAG,CAAC,CAACC;gBACT,OAAOL,gBACHK,MACA;oBACE7B,YAAYyB,MAAMC,OAAO,CAACzB,uBACtBA,mBAAmB,CAAC,EAAE,GACtBA;oBACJU,OAAOkB;gBACT;YACN,KACAlB;QAER,OAAO;YACL,qHAAqH;YACrH,OAAOA;QACT;IACF,GAAG;QAACf;QAASe;QAAOa;QAAevB;KAAoB;IAEvD,MAAM6B,SAASlD,QAAQ,IAAMK,iBAAiBK,QAAQ;QAACA;KAAM;IAE7D,QACGT,mBAAmBkD,kBAAkB3B,eAAe;MACnD,CAAClB,YACC4B,YAAYA,YACZtB,aAAaA,gBAAgB,OAC7BwC,KAAKzB,OAAO0B,MAAM,CAACD,GAAG,EACtBjB,aAAaA,aACbtB,WAAWA,WACXuB,aAAaA,aACbtB,aAAaA,aACbc,gBAAgBA,gBAChBS,OAAOA,OACPG,eAAeA,eACfxB,SAASA,SACTD,YAAYA,YACZE,OAAOA,OACPqB,OAAOA,OACPpB,WAAWA,WACXC,SAASA,SACTmC,UAAUb,UACVlB,MAAMA,MACNE,UAAUA,YAAYc,UACtBnB,YAAYC,qBACZC,UAAUA,UACViC,WAAW5B,OAAO4B,SAAS,EAC3Bb,WAAWA,WACXc,OAAON,QACPnB,OAAOgB,gBACP;IACJ,EAAE9C;AAEN;AAEA,OAAO,MAAMwD,cAActD,cAAcK,iBAAgB"}