@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["useModal","formatAdminURL","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","modalSlug","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","apiRoute","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","relationToUse","selectedDocIDs","isSelected","itemsToLoad","loadedDocs","onDocCreate","onListSelect","selectedDoc","valueToUse","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueToSave","rel","onRemove","loadInitialDocs","v","current","valueChanged","showDropzone","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","showCollectionSlug","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  ValueWithRelation,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from 'payload/shared'\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 './index.css'\nimport { UploadComponentHasOne } from './HasOne/index.js'\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    modalSlug: 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(\n          formatAdminURL({\n            apiRoute: api,\n            path: `/${collection}`,\n          }),\n          {\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        )\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    [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, collectionSlug) => {\n      const isPoly = Array.isArray(relationTo)\n      const relationToUse = isPoly ? collectionSlug || activeRelationTo : activeRelationTo\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: relationToUse,\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: relationToUse, 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      {BeforeInput}\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\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=\"secondary\"\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=\"medium\"\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=\"secondary\"\n                    className={`${baseClass}__listToggler`}\n                    disabled={readOnly}\n                    onClick={openListDrawer}\n                    size=\"medium\"\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      </div>\n      {AfterInput}\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["useModal","formatAdminURL","qs","React","useCallback","useEffect","useMemo","toast","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useBranchParam","useLocale","useTranslation","abortAndIgnore","getFilesFromClipboard","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","modalSlug","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","setSelectableCollections","permissions","locale","code","branch","i18n","t","labelID","useId","a11yID","undefined","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","canCreate","newValue","populateDocs","items","options","length","grouped","idValue","fetches","Object","entries","map","ids","query","depth","draft","limit","where","and","in","response","fetch","apiRoute","body","stringify","credentials","headers","language","method","signal","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","handlePasteFromClipboard","error","_err","onListBulkSelect","relationToUse","selectedDocIDs","isSelected","idsToApply","slice","itemsToLoad","loadedDocs","onDocCreate","onListSelect","selectedDoc","valueToUse","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueToSave","rel","onRemove","abortController","AbortController","loadInitialDocs","v","aborted","showDropzone","_jsxs","Boolean","join","replace","role","_jsx","CustomComponent","Fallback","as","_Fragment","fileDocs","readonly","showCollectionSlug","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","icon","tooltip","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  ValueWithRelation,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\nimport { toast } from 'sonner'\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 { useBranchParam } from '../../providers/Branch/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../utilities/abortAndIgnore.js'\nimport { getFilesFromClipboard } from '../../utilities/getFilesFromClipboard.js'\nimport { normalizeRelationshipValue } from '../../utilities/normalizeRelationshipValue.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport './index.css'\nimport { UploadComponentHasOne } from './HasOne/index.js'\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    modalSlug: drawerSlug,\n    setCollectionSlug,\n    setInitialFiles,\n    setMaxFiles,\n    setOnSuccess,\n    setSelectableCollections,\n  } = useBulkUpload()\n  const { permissions } = useAuth()\n  const locale = useLocale()\n  const code = locale?.code\n  const branch = useBranchParam()\n  const { i18n, t } = useTranslation()\n  const labelID = React.useId()\n  const a11yID = label ? labelID : undefined\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  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 (\n      items: ValueWithRelation[],\n      options?: {\n        signal?: AbortSignal\n      },\n    ): 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          branch,\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(\n          formatAdminURL({\n            apiRoute: api,\n            path: `/${collection}`,\n          }),\n          {\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            signal: options?.signal,\n          },\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    [branch, 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      // The drawer resets its success callback on close, so register it again on every open\n      setOnSuccess(onUploadSuccess)\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      setOnSuccess,\n      onUploadSuccess,\n    ],\n  )\n\n  const handlePasteFromClipboard = useCallback(async () => {\n    try {\n      const files = await getFilesFromClipboard()\n      if (!files) {\n        toast.error(t('error:noFileFoundInClipboard'))\n        return\n      }\n      onLocalFileSelection(files)\n    } catch (_err) {\n      toast.error(t('error:unableToReadClipboard'))\n    }\n  }, [onLocalFileSelection, t])\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs, collectionSlug) => {\n      const isPoly = Array.isArray(relationTo)\n      const relationToUse = isPoly ? collectionSlug || activeRelationTo : activeRelationTo\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      if (!selectedDocIDs.length) {\n        return\n      }\n\n      const idsToApply = hasMany ? selectedDocIDs : selectedDocIDs.slice(0, 1)\n\n      const itemsToLoad = idsToApply.map((id) => ({\n        relationTo: relationToUse,\n        value: id,\n      }))\n\n      const loadedDocs = await populateDocs(itemsToLoad)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) =>\n          hasMany ? [...(currentDocs || []), ...loadedDocs] : loadedDocs,\n        )\n      }\n\n      const newValues = idsToApply.map((id) =>\n        isPoly ? { relationTo: relationToUse, value: id } : id,\n      )\n\n      if (!hasMany) {\n        onChange(newValues[0])\n        closeListDrawer()\n        return\n      }\n      // Normalize existing values before merging\n      const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n      onChange([...normalizedExisting, ...newValues])\n      closeListDrawer()\n    },\n    [\n      activeRelationTo,\n      closeListDrawer,\n      hasMany,\n      onChange,\n      populateDocs,\n      value,\n      relationTo,\n      normalizeValue,\n    ],\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    const abortController = new AbortController()\n\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          try {\n            const loadedDocs = await populateDocs(itemsToLoad, {\n              signal: abortController.signal,\n            })\n\n            if (loadedDocs && !abortController.signal.aborted) {\n              setPopulatedDocs(loadedDocs)\n            }\n          } catch (_err) {\n            // Ignore aborted requests from superseded values / unmount\n          }\n        }\n      } else {\n        // Clear populated docs when value is cleared\n        setPopulatedDocs([])\n      }\n    }\n\n    void loadInitialDocs()\n\n    return () => {\n      abortAndIgnore(abortController)\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      aria-labelledby={a11yID}\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      role={a11yID ? 'group' : undefined}\n      style={style}\n    >\n      <div className={`${baseClass}__label`} id={a11yID}>\n        <RenderCustomComponent\n          CustomComponent={Label}\n          Fallback={\n            <FieldLabel\n              as=\"span\"\n              label={label}\n              localized={localized}\n              path={path}\n              required={required}\n            />\n          }\n        />\n      </div>\n      {BeforeInput}\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\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=\"secondary\"\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=\"medium\"\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=\"secondary\"\n                    className={`${baseClass}__listToggler`}\n                    disabled={readOnly}\n                    onClick={openListDrawer}\n                    size=\"medium\"\n                  >\n                    {t('fields:chooseFromExisting')}\n                  </Button>\n                  {canCreate && !readOnly && (\n                    <>\n                      <span className={`${baseClass}__dropzoneContent__orText`}>\n                        {t('general:or')}\n                      </span>\n                      <Button\n                        buttonStyle=\"secondary\"\n                        className={`${baseClass}__pasteFromClipboard`}\n                        icon=\"clipboard\"\n                        onClick={handlePasteFromClipboard}\n                        size=\"medium\"\n                        tooltip={t('upload:pasteFromClipboard')}\n                      />\n                    </>\n                  )}\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      </div>\n      {AfterInput}\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatFilesize","React","Button","useDocumentDrawer","Pill","ThumbnailComponent","WriteIcon","XIcon","useConfig","useTranslation","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","displayPreview","filename","mimeType","onRemove","reloadDoc","showCollectionSlug","t0","src","thumbnailSrc","updatedAt","withMeta","t1","x","y","undefined","config","i18n","t","collectionConfig","collections","find","collection","slug","t2","t3","DocumentDrawer","t4","openDrawer","t5","t6","doc","onSave","generateMetaText","mimeType_0","size","sections","push","join","metaText","previewAllowed","upload","t7","filter","Boolean","_jsxs","children","_jsx","fileSrc","imageCacheTag","cacheTags","labels","singular","href","target","buttonStyle","icon","margin","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport './index.css'\nimport { XIcon } from '../../../icons/X/index.js'\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 updatedAt?: 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    updatedAt,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const { config } = useConfig()\n  const { i18n, t } = 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: 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            imageCacheTag={collectionConfig?.upload?.cacheTags && updatedAt}\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              aria-label={t('general:edit')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<WriteIcon />}\n              margin={false}\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              aria-label={t('general:remove')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<XIcon size={24} />}\n              margin={false}\n              onClick={() => onRemove()}\n            />\n          ) : null}\n\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatFilesize","React","Button","useDocumentDrawer","Pill","ThumbnailComponent","WriteIcon","XIcon","useConfig","useTranslation","baseClass","RelationshipContent","props","$","id","allowEdit","allowRemove","alt","byteSize","className","collectionSlug","displayPreview","filename","mimeType","onRemove","reloadDoc","showCollectionSlug","t0","src","thumbnailSrc","updatedAt","withMeta","t1","x","y","undefined","config","i18n","t","collectionConfig","collections","find","collection","slug","t2","t3","DocumentDrawer","t4","openDrawer","t5","t6","doc","onSave","generateMetaText","mimeType_0","size","sections","push","join","metaText","previewAllowed","upload","t7","filter","Boolean","_jsxs","children","_jsx","fileSrc","imageCacheTag","cacheTags","labels","singular","href","target","buttonStyle","icon","margin","onClick"],"sources":["../../../../src/fields/Upload/RelationshipContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { ReloadDoc } from '../types.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { ThumbnailComponent } from '../../../elements/Thumbnail/index.js'\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport './index.css'\nimport { XIcon } from '../../../icons/X/index.js'\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 updatedAt?: 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    updatedAt,\n    withMeta = true,\n    x,\n    y,\n  } = props\n\n  const { config } = useConfig()\n  const { i18n, t } = 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: 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            imageCacheTag={collectionConfig?.upload?.cacheTags && updatedAt}\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              aria-label={t('general:edit')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<WriteIcon />}\n              margin={false}\n              onClick={openDrawer}\n            />\n          ) : null}\n          {allowRemove !== false ? (\n            <Button\n              aria-label={t('general:remove')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__action-btn`}\n              icon={<XIcon size={24} />}\n              margin={false}\n              onClick={() => onRemove()}\n            />\n          ) : null}\n\n          <DocumentDrawer onSave={onSave} />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/index.css

@@ -1,4 +1,13 @@
 @layer payload-default {
+  .upload__label > .field-label:not(.unstyled) {
+    display: flex;
+    align-items: center;
+    color: var(--field-color-label);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    letter-spacing: var(--field-label-letter-spacing);
+    margin-inline-end: auto;
+  }
+
   .upload__dropzoneAndUpload {
     display: flex;
     flex-direction: column;

package/dist/fields/Upload/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { BulkUploadProvider } from '../../elements/BulkUpload/index.js';
@@ -12,97 +13,134 @@ import './index.css';
 export { UploadInput } from './Input.js';
 export const baseClass = 'upload';
 export function UploadComponent(props) {
+  const $ = _c(12);
   const {
     field,
-    field: {
-      admin: {
-        allowCreate,
-        className,
-        description,
-        isSortable
-      } = {},
-      hasMany,
-      label,
-      localized,
-      maxRows,
-      relationTo: relationToFromProps,
-      required
-    },
+    field: t0,
     path: pathFromProps,
     readOnly,
     validate
   } = props;
+  const {
+    admin: t1,
+    hasMany,
+    label,
+    localized,
+    maxRows,
+    relationTo: relationToFromProps,
+    required
+  } = t0;
+  const {
+    allowCreate,
+    className,
+    description,
+    isSortable
+  } = t1 === undefined ? {} : t1;
   const {
     config
   } = useConfig();
   const displayPreview = field.displayPreview;
-  const memoizedValidate = React.useCallback((value, options) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...options,
-        required
-      });
-    }
-  }, [validate, required]);
+  let t2;
+  if ($[0] !== required || $[1] !== validate) {
+    t2 = (value, options) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...options,
+          required
+        });
+      }
+    };
+    $[0] = required;
+    $[1] = validate;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const memoizedValidate = t2;
+  let t3;
+  if ($[3] !== memoizedValidate || $[4] !== pathFromProps) {
+    t3 = {
+      potentiallyStalePath: pathFromProps,
+      validate: memoizedValidate
+    };
+    $[3] = memoizedValidate;
+    $[4] = pathFromProps;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
+    customComponents: t4,
     disabled,
     filterOptions,
     path,
     setValue,
     showError,
     value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
+  } = useField(t3);
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t4 === undefined ? {} : t4;
   const isPolymorphic = Array.isArray(relationToFromProps);
-  const memoizedValue = React.useMemo(() => {
-    if (hasMany === true) {
-      return Array.isArray(value_0) ? value_0.map(val => {
-        return isPolymorphic ? val : {
-          relationTo: Array.isArray(relationToFromProps) ? relationToFromProps[0] : relationToFromProps,
-          value: val
-        };
+  let t5;
+  if (hasMany === true) {
+    let t6;
+    if ($[6] !== isPolymorphic || $[7] !== relationToFromProps || $[8] !== value_0) {
+      t6 = Array.isArray(value_0) ? value_0.map(val => isPolymorphic ? val : {
+        relationTo: Array.isArray(relationToFromProps) ? relationToFromProps[0] : relationToFromProps,
+        value: val
       }) : value_0;
+      $[6] = isPolymorphic;
+      $[7] = relationToFromProps;
+      $[8] = value_0;
+      $[9] = t6;
     } else {
-      // Value comes in as string when not polymorphic and with the object with the right relationTo when it is polymorphic
-      return value_0;
+      t6 = $[9];
     }
-  }, [hasMany, value_0, isPolymorphic, relationToFromProps]);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsx(BulkUploadProvider, {
+    t5 = t6;
+  } else {
+    t5 = value_0;
+  }
+  const memoizedValue = t5;
+  let t6;
+  if ($[10] !== field) {
+    t6 = mergeFieldStyles(field);
+    $[10] = field;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  const styles = t6;
+  return _jsx(BulkUploadProvider, {
     modalSlugPrefix: pathFromProps,
-    children: /*#__PURE__*/_jsx(UploadInput, {
-      AfterInput: AfterInput,
+    children: _jsx(UploadInput, {
+      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,
+      BeforeInput,
+      className,
+      Description,
+      description,
+      displayPreview,
+      Error,
+      filterOptions,
+      hasMany,
+      isSortable,
+      label,
+      Label,
+      localized,
+      maxRows,
       onChange: setValue,
-      path: path,
+      path,
       readOnly: readOnly || disabled,
       relationTo: relationToFromProps,
-      required: required,
+      required,
       serverURL: config.serverURL,
-      showError: showError,
+      showError,
       style: styles,
       value: memoizedValue
     })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","BulkUploadProvider","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","field","admin","allowCreate","className","description","isSortable","hasMany","label","localized","maxRows","relationTo","relationToFromProps","required","path","pathFromProps","readOnly","validate","config","displayPreview","memoizedValidate","useCallback","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","setValue","showError","potentiallyStalePath","isPolymorphic","Array","isArray","memoizedValue","map","val","styles","_jsx","modalSlugPrefix","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps, ValueWithRelation } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { BulkUploadProvider } from '../../elements/BulkUpload/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\nimport './index.css'\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 modalSlugPrefix={pathFromProps}>\n      <UploadInput\n        AfterInput={AfterInput}\n        allowCreate={allowCreate !== false}\n        api={config.routes.api}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description={description}\n        displayPreview={displayPreview}\n        Error={Error}\n        filterOptions={filterOptions}\n        hasMany={hasMany}\n        isSortable={isSortable}\n        label={label}\n        Label={Label}\n        localized={localized}\n        maxRows={maxRows}\n        onChange={setValue}\n        path={path}\n        readOnly={readOnly || disabled}\n        relationTo={relationToFromProps}\n        required={required}\n        serverURL={config.serverURL}\n        showError={showError}\n        style={styles}\n        value={memoizedValue}\n      />\n    </BulkUploadProvider>\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,SAASA,WAAW,QAAQ;AAG5B,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,SAASC,gBAAgBC,KAA6B;EAC3D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,WAAW;QAAEC,SAAS;QAAEC,WAAW;QAAEC;MAAU,CAAE,GAAG,CAAC,CAAC;MAC/DC,OAAO;MACPC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,UAAA,EAAYC,mBAAmB;MAC/BC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGjB,KAAA;EAEJ,MAAM;IAAEkB;EAAM,CAAE,GAAGvB,SAAA;EAEnB,MAAMwB,cAAA,GAAiBlB,KAAA,CAAMkB,cAAc;EAE3C,MAAMC,gBAAA,GAAmB9B,KAAA,CAAM+B,WAAW,CACxC,CAACC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAON,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASK,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEV;MAAS;IAChD;EACF,GACA,CAACI,QAAA,EAAUJ,QAAA,CAAS;EAGtB,MAAM;IACJW,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,aAAa;IACbjB,IAAI;IACJkB,QAAQ;IACRC,SAAS;IACTX,KAAK,EAALA;EAAK,CACN,GAAG7B,QAAA,CAA4B;IAC9ByC,oBAAA,EAAsBnB,aAAA;IACtBE,QAAA,EAAUG;EACZ;EAEA,MAAMe,aAAA,GAAgBC,KAAA,CAAMC,OAAO,CAACzB,mBAAA;EAEpC,MAAM0B,aAAA,GAKoBhD,KAAA,CAAMC,OAAO,CAAC;IACtC,IAAIgB,OAAA,KAAY,MAAM;MACpB,OACE6B,KAAA,CAAMC,OAAO,CAACf,OAAA,IACVA,OAAA,CAAMiB,GAAG,CAAEC,GAAA;QACT,OAAOL,aAAA,GACHK,GAAA,GACA;UACE7B,UAAA,EAAYyB,KAAA,CAAMC,OAAO,CAACzB,mBAAA,IACtBA,mBAAmB,CAAC,EAAE,GACtBA,mBAAA;UACJU,KAAA,EAAOkB;QACT;MACN,KACAlB,OAAA;IAER,OAAO;MACL;MACA,OAAOA,OAAA;IACT;EACF,GAAG,CAACf,OAAA,EAASe,OAAA,EAAOa,aAAA,EAAevB,mBAAA,CAAoB;EAEvD,MAAM6B,MAAA,GAASlD,OAAA,CAAQ,MAAMK,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEyC,IAAA,CAAClD,kBAAA;IAAmBmD,eAAA,EAAiB5B,aAAA;cACnC,aAAA2B,IAAA,CAAC7C,WAAA;MACC4B,UAAA,EAAYA,UAAA;MACZtB,WAAA,EAAaA,WAAA,KAAgB;MAC7ByC,GAAA,EAAK1B,MAAA,CAAO2B,MAAM,CAACD,GAAG;MACtBlB,WAAA,EAAaA,WAAA;MACbtB,SAAA,EAAWA,SAAA;MACXuB,WAAA,EAAaA,WAAA;MACbtB,WAAA,EAAaA,WAAA;MACbc,cAAA,EAAgBA,cAAA;MAChBS,KAAA,EAAOA,KAAA;MACPG,aAAA,EAAeA,aAAA;MACfxB,OAAA,EAASA,OAAA;MACTD,UAAA,EAAYA,UAAA;MACZE,KAAA,EAAOA,KAAA;MACPqB,KAAA,EAAOA,KAAA;MACPpB,SAAA,EAAWA,SAAA;MACXC,OAAA,EAASA,OAAA;MACToC,QAAA,EAAUd,QAAA;MACVlB,IAAA,EAAMA,IAAA;MACNE,QAAA,EAAUA,QAAA,IAAYc,QAAA;MACtBnB,UAAA,EAAYC,mBAAA;MACZC,QAAA,EAAUA,QAAA;MACVkC,SAAA,EAAW7B,MAAA,CAAO6B,SAAS;MAC3Bd,SAAA,EAAWA,SAAA;MACXe,KAAA,EAAOP,MAAA;MACPnB,KAAA,EAAOgB;;;AAIf;AAEA,OAAO,MAAMW,WAAA,GAAcvD,aAAA,CAAcK,eAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useMemo","BulkUploadProvider","useField","withCondition","useConfig","mergeFieldStyles","UploadInput","baseClass","UploadComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","admin","t1","hasMany","label","localized","maxRows","relationTo","relationToFromProps","required","allowCreate","className","description","isSortable","undefined","config","displayPreview","t2","value","options","memoizedValidate","t3","potentiallyStalePath","customComponents","t4","disabled","filterOptions","setValue","showError","value_0","AfterInput","BeforeInput","Description","Error","Label","isPolymorphic","Array","isArray","t5","t6","map","val","memoizedValue","styles","_jsx","modalSlugPrefix","children","api","routes","onChange","serverURL","style","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps, ValueWithRelation } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { BulkUploadProvider } from '../../elements/BulkUpload/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { UploadInput } from './Input.js'\nimport './index.css'\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 modalSlugPrefix={pathFromProps}>\n      <UploadInput\n        AfterInput={AfterInput}\n        allowCreate={allowCreate !== false}\n        api={config.routes.api}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description={description}\n        displayPreview={displayPreview}\n        Error={Error}\n        filterOptions={filterOptions}\n        hasMany={hasMany}\n        isSortable={isSortable}\n        label={label}\n        Label={Label}\n        localized={localized}\n        maxRows={maxRows}\n        onChange={setValue}\n        path={path}\n        readOnly={readOnly || disabled}\n        relationTo={relationToFromProps}\n        required={required}\n        serverURL={config.serverURL}\n        showError={showError}\n        style={styles}\n        value={memoizedValue}\n      />\n    </BulkUploadProvider>\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,SAASA,WAAW,QAAQ;AAG5B,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,SAAAC,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACL;IAAAa,KAAA;IAAAA,KAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,QAAA;IAAAC;EAAA,IAcIP,KAAA;EAZK;IAAAQ,KAAA,EAAAC,EAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,UAAA,EAAAC,mBAAA;IAAAC;EAAA,IAAAb,EAQN;EAPQ;IAAAc,WAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAX,EAAwD,KAAxDY,SAAwD,GAAxD,CAAuD,CAAC,GAAxDZ,EAAwD;EAanE;IAAAa;EAAA,IAAmB3B,SAAA;EAEnB,MAAA4B,cAAA,GAAuBrB,KAAA,CAAAqB,cAAoB;EAAA,IAAAC,EAAA;EAAA,IAAAvB,CAAA,QAAAe,QAAA,IAAAf,CAAA,QAAAM,QAAA;IAGzCiB,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;MACE,IAAI,OAAOnB,QAAA,KAAa;QAAA,OACfA,QAAA,CAASkB,KAAA,EAAO;UAAA,GAAKC,OAAO;UAAAV;QAAW;MAAA;IAChD,CACF;IAAAf,CAAA,MAAAe,QAAA;IAAAf,CAAA,MAAAM,QAAA;IAAAN,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EALF,MAAA0B,gBAAA,GAAyBH,EAMH;EAAA,IAAAI,EAAA;EAAA,IAAA3B,CAAA,QAAA0B,gBAAA,IAAA1B,CAAA,QAAAI,aAAA;IAWUuB,EAAA;MAAAC,oBAAA,EACRxB,aAAA;MAAAE,QAAA,EACZoB;IACZ;IAAA1B,CAAA,MAAA0B,gBAAA;IAAA1B,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAXA;IAAA6B,gBAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,aAAA;IAAA7B,IAAA;IAAA8B,QAAA;IAAAC,SAAA;IAAAV,KAAA,EAAAW;EAAA,IAQI3C,QAAA,CAA4BmC,EAGhC;EAVoB;IAAAS,UAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAV,EAA2D,KAA3DV,SAA2D,GAA3D,CAA0D,CAAC,GAA3DU,EAA2D;EAY/E,MAAAW,aAAA,GAAsBC,KAAA,CAAAC,OAAa,CAAC7B,mBAAA;EAAA,IAAA8B,EAAA;EAQlC,IAAInC,OAAA,KAAY;IAAA,IAAAoC,EAAA;IAAA,IAAA7C,CAAA,QAAAyC,aAAA,IAAAzC,CAAA,QAAAc,mBAAA,IAAAd,CAAA,QAAAmC,OAAA;MAEZU,EAAA,GAAAH,KAAA,CAAAC,OAAa,CAACnB,OAWV,IAVAA,OAAA,CAAAsB,GAAS,CAACC,GAAA,IACDN,aAAA,GAAAM,GAOH,GAPG;QAAAlC,UAAA,EAGW6B,KAAA,CAAAC,OAAa,CAAC7B,mBAEtB,IADAA,mBAAmB,GACnB,GAFQ4B,mBAER;QAAAlB,KAAA,EACGuB;MACT,CAEN,IAXJZ,OAWI;MAAAnC,CAAA,MAAAyC,aAAA;MAAAzC,CAAA,MAAAc,mBAAA;MAAAd,CAAA,MAAAmC,OAAA;MAAAnC,CAAA,MAAA6C,EAAA;IAAA;MAAAA,EAAA,GAAA7C,CAAA;IAAA;IAZN4C,EAAA,GACEC,EAWI;EAAA;IAIND,EAAA,GAAOpB,OAAA;EAAA;EAvBX,MAAAwB,aAAA,GAK0BJ,EAoB6B;EAAA,IAAAC,EAAA;EAAA,IAAA7C,CAAA,SAAAC,KAAA;IAE1BN,EAAA,GAAAA,gBAAA,CAAiBM,KAAA;IAAAD,CAAA,OAAAC,KAAA;IAAAD,CAAA,OAAA6C,EAAA;EAAA;IAAAA,EAAA,GAAA7C,CAAA;EAAA;EAA9C,MAAAiD,MAAA,GAA6BtD,EAAiB;EAAe,OAG3DuD,IAAA,CAAC3D,kBAAA;IAAA4D,eAAA,EAAoC/C,aAAA;IAAAgD,QAAA,EACnCF,IAAA,CAACtD,WAAA;MAAAwC,UAAA;MAAApB,WAAA,EAEcA,WAAA,KAAgB;MAAAqC,GAAA,EACxBhC,MAAA,CAAAiC,MAAa,CAAAD,GAAI;MAAAhB,WAAA;MAAApB,SAAA;MAAAqB,WAAA;MAAApB,WAAA;MAAAI,cAAA;MAAAiB,KAAA;MAAAP,aAAA;MAAAvB,OAAA;MAAAU,UAAA;MAAAT,KAAA;MAAA8B,KAAA;MAAA7B,SAAA;MAAAC,OAAA;MAAA2C,QAAA,EAcZtB,QAAA;MAAA9B,IAAA;MAAAE,QAAA,EAEAA,QAAY,IAAZ0B,QAAY;MAAAlB,UAAA,EACVC,mBAAA;MAAAC,QAAA;MAAAyC,SAAA,EAEDnC,MAAA,CAAAmC,SAAgB;MAAAtB,SAAA;MAAAuB,KAAA,EAEpBR,MAAA;MAAAzB,KAAA,EACAwB;;;;AAMf,OAAO,MAAMU,WAAA,GAAcjE,aAAA,CAAcK,eAAA","ignoreList":[]}

package/dist/fields/shared/index.d.ts

@@ -8,7 +8,7 @@ export declare const fieldBaseClass = "field-type";
 export declare function isFieldRTL({ fieldLocalized, fieldRTL, locale, localizationConfig, }: {
     fieldLocalized?: boolean;
     fieldRTL?: boolean;
-    locale: Locale;
+    locale: Locale | null;
     localizationConfig?: SanitizedLocalizationConfig;
 }): boolean;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["'use client'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized?: boolean\n  fieldRTL?: boolean\n  locale: Locale\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,cAAA,GAAiB;AAE9B;;;;;AAKA,OAAO,SAASC,WAAW;EACzBC,cAAc;EACdC,QAAQ;EACRC,MAAM;EACNC;AAAkB,CAMnB;EACC,MAAMC,kBAAA,GACJF,MAAA,IACAC,kBAAA,IACAA,kBAAA,CAAmBE,OAAO,IAC1BF,kBAAA,CAAmBE,OAAO,CAACC,MAAM,GAAG;EAEtC,MAAMC,4BAAA,GAA+BL,MAAA,EAAQM,IAAA,KAASL,kBAAA,EAAoBM,aAAA;EAE1E,OACER,QAAC,KAAa,SACZC,MAAA,EAAQQ,GAAA,KAAQ,SACfV,cAAA,IACE,CAACA,cAAA,IAAkB,CAACI,kBAAA;EAAuB;EAC3C,CAACJ,cAAA,IAAkBO,4BAA4B;EAAO;EAC3DN,QAAA,KAAa,KACb;AAAA;AACJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["'use client'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized?: boolean\n  fieldRTL?: boolean\n  locale: Locale | null\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,cAAA,GAAiB;AAE9B;;;;;AAKA,OAAO,SAASC,WAAW;EACzBC,cAAc;EACdC,QAAQ;EACRC,MAAM;EACNC;AAAkB,CAMnB;EACC,MAAMC,kBAAA,GACJF,MAAA,IACAC,kBAAA,IACAA,kBAAA,CAAmBE,OAAO,IAC1BF,kBAAA,CAAmBE,OAAO,CAACC,MAAM,GAAG;EAEtC,MAAMC,4BAAA,GAA+BL,MAAA,EAAQM,IAAA,KAASL,kBAAA,EAAoBM,aAAA;EAE1E,OACER,QAAC,KAAa,SACZC,MAAA,EAAQQ,GAAA,KAAQ,SACfV,cAAA,IACE,CAACA,cAAA,IAAkB,CAACI,kBAAA;EAAuB;EAC3C,CAACJ,cAAA,IAAkBO,4BAA4B;EAAO;EAC3DN,QAAA,KAAa,KACb;AAAA;AACJ","ignoreList":[]}

package/dist/fields/shared/useRowFocus.d.ts

@@ -0,0 +1,5 @@
+export declare function useRowFocus(): {
+    fieldRef: import("react").RefObject<HTMLDivElement>;
+    focusRow: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+//# sourceMappingURL=useRowFocus.d.ts.map