@payloadcms/ui 3.40.0-internal.9e8d70e → 3.40.0-internal.c3af32e

package/dist/fields/Relationship/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAAyC,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAuB/F,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkzB9D,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAAyC,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAuB/F,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8yB9D,CAAA"}

package/dist/fields/Relationship/Input.js

@@ -242,7 +242,7 @@ export const RelationshipInput = props => {
             headers: {
               'Accept-Language': i18n.language,
               'Content-Type': 'application/x-www-form-urlencoded',
-              'X-Payload-HTTP-Method-Override': 'GET'
+              'X-HTTP-Method-Override': 'GET'
             },
             method: 'POST'
           });
@@ -352,7 +352,7 @@ export const RelationshipInput = props => {
             headers: {
               'Accept-Language': i18n.language,
               'Content-Type': 'application/x-www-form-urlencoded',
-              'X-Payload-HTTP-Method-Override': 'GET'
+              'X-HTTP-Method-Override': 'GET'
             },
             method: 'POST'
           });
@@ -642,11 +642,7 @@ export const RelationshipInput = props => {
           },
           onMenuOpen: () => {
             if (appearance === 'drawer') {
-              // TODO: This timeout is only necessary for inline blocks in the lexical editor
-              // and when the devtools are closed. Temporary solution, we can probably do better.
-              setTimeout(() => {
-                openListDrawer();
-              }, 50);
+              openListDrawer();
             } else if (appearance === 'select') {
               setMenuIsOpen(true);
               if (!hasLoadedFirstPageRef.current) {

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["dequal","formatAdminURL","wordBoundariesRegex","qs","React","useCallback","useEffect","useMemo","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","useListDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useDebouncedCallback","useEffectEvent","useAuth","useConfig","useLocale","useTranslation","sanitizeFilterOptionsQuery","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","baseClass","RelationshipInput","props","AfterInput","allowCreate","allowEdit","appearance","BeforeInput","className","description","Description","Error","filterOptions","hasMany","initialValue","isSortable","label","Label","localized","maxResultsPerRequest","onChange","path","placeholder","readOnly","relationTo","required","showError","sortOptions","style","value","config","getEntityConfig","routes","api","serverURL","i18n","t","permissions","code","locale","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","listDrawerFilterOptions","newFilterOptions","valuesByRelation","reduce","acc","val","push","Array","isArray","forEach","relation","not_in","ListDrawer","closeDrawer","closeListDrawer","isListDrawerOpen","openListDrawer","collectionSlugs","onListSelect","doc","openDrawerWhenRelationChanges","getResults","hasManyArg","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","priorRelation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","fieldToSearch","admin","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","select","where","and","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","handleValueChange","Object","entries","idsToLoad","filter","find","optionGroup","option","in","onSave","args","collectionConfig","docID","currentValue","valuesToSet","map","slug","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","labelString","String","indexOfSpace","test","onDocumentOpen","openInNewTab","docUrl","adminRoute","window","open","getResultsEffectEvent","exemptValues","prevValue","isFirstRenderRef","isIdOnly","idOnly","valueToRender","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","DropdownIndicator","customProps","disableKeyDown","disableMouseDown","disabled","getOptionValue","isMulti","isSearchable","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","setTimeout","onMenuScrollToBottom","enableRowSelections","onSelect"],"sources":["../../../src/fields/Relationship/Input.tsx"],"sourcesContent":["'use client'\nimport type { FilterOptionsResult, PaginatedDocs, ValueWithRelation, Where } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { formatAdminURL, wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, HasManyValueUnion, Option, RelationshipInputProps } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { sanitizeFilterOptionsQuery } from '../../utilities/sanitizeFilterOptionsQuery.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship'\n\nexport const RelationshipInput: React.FC<RelationshipInputProps> = (props) => {\n  const {\n    AfterInput,\n    allowCreate = true,\n    allowEdit = true,\n    appearance = 'select',\n    BeforeInput,\n    className,\n    description,\n    Description,\n    Error,\n    filterOptions,\n    hasMany,\n    initialValue,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    maxResultsPerRequest = 10,\n    onChange,\n    path,\n    placeholder,\n    readOnly,\n    relationTo,\n    required,\n    showError,\n    sortOptions,\n    style,\n    value,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { code: locale } = useLocale()\n\n  const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n    Parameters<ReactSelectAdapterProps['customProps']['onDocumentOpen']>[0]\n  >({\n    id: undefined,\n    collectionSlug: undefined,\n    hasReadPermission: false,\n  })\n\n  const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n  const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n  const [errorLoading, setErrorLoading] = useState('')\n  const [search, setSearch] = useState('')\n  const [isLoading, setIsLoading] = useState(false)\n  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n  const [menuIsOpen, setMenuIsOpen] = useState(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n  const valueRef = useRef(value)\n  // the line below seems odd\n  // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix this\n  valueRef.current = value\n\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentlyOpenRelationship.id,\n    collectionSlug: currentlyOpenRelationship.collectionSlug,\n  })\n\n  // Filter selected values from displaying in the list drawer\n  const listDrawerFilterOptions = useMemo<FilterOptionsResult>(() => {\n    let newFilterOptions = filterOptions\n\n    if (value) {\n      const valuesByRelation = (hasMany === false ? [value] : value).reduce((acc, val) => {\n        if (!acc[val.relationTo]) {\n          acc[val.relationTo] = []\n        }\n        acc[val.relationTo].push(val.value)\n        return acc\n      }, {})\n\n      ;(Array.isArray(relationTo) ? relationTo : [relationTo]).forEach((relation) => {\n        newFilterOptions = {\n          ...(newFilterOptions || {}),\n          [relation]: {\n            ...(typeof filterOptions?.[relation] === 'object' ? filterOptions[relation] : {}),\n            ...(valuesByRelation[relation]\n              ? {\n                  id: {\n                    not_in: valuesByRelation[relation],\n                  },\n                }\n              : {}),\n          },\n        }\n      })\n    }\n\n    return newFilterOptions\n  }, [filterOptions, value, hasMany, relationTo])\n\n  const [\n    ListDrawer,\n    ,\n    { closeDrawer: closeListDrawer, isDrawerOpen: isListDrawerOpen, openDrawer: openListDrawer },\n  ] = useListDrawer({\n    collectionSlugs: relationTo,\n    filterOptions: listDrawerFilterOptions,\n  })\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    ({ collectionSlug, doc }) => {\n      if (hasMany) {\n        onChange([\n          ...(Array.isArray(value) ? value : []),\n          {\n            relationTo: collectionSlug,\n            value: doc.id,\n          },\n        ])\n      } else if (hasMany === false) {\n        onChange({\n          relationTo: collectionSlug,\n          value: doc.id,\n        })\n      }\n\n      closeListDrawer()\n    },\n    [hasMany, onChange, closeListDrawer, value],\n  )\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      filterOptions,\n      hasMany: hasManyArg,\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      lastLoadedPage: lastLoadedPageArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap(\n        hasManyArg === true\n          ? {\n              hasMany: true,\n              relationTo,\n              value: valueArg,\n            }\n          : {\n              hasMany: false,\n              relationTo,\n              value: valueArg,\n            },\n      )\n\n      if (!errorLoading) {\n        await relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptions?.[relation]\n\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = getEntityConfig({ collectionSlug: relation })\n            const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n            let fieldToSort = collection?.defaultSort || 'id'\n            if (typeof sortOptions === 'string') {\n              fieldToSort = sortOptions\n            } else if (sortOptions?.[relation]) {\n              fieldToSort = sortOptions[relation]\n            }\n\n            const query: {\n              [key: string]: unknown\n              where: Where\n            } = {\n              depth: 0,\n              draft: true,\n              limit: maxResultsPerRequest,\n              locale,\n              page: lastLoadedPageToUse,\n              select: {\n                [fieldToSearch]: true,\n              },\n              sort: fieldToSort,\n              where: {\n                and: [\n                  {\n                    id: {\n                      not_in: relationMap[relation],\n                    },\n                  },\n                ],\n              },\n            }\n\n            if (searchArg) {\n              query.where.and.push({\n                [fieldToSearch]: {\n                  like: searchArg,\n                },\n              })\n            }\n\n            if (relationFilterOption && typeof relationFilterOption !== 'boolean') {\n              query.where.and.push(relationFilterOption)\n            }\n\n            sanitizeFilterOptionsQuery(query.where)\n\n            const response = await fetch(`${serverURL}${api}/${relation}`, {\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            if (response.ok) {\n              const data: PaginatedDocs<unknown> = await response.json()\n              setLastLoadedPage((prevState) => {\n                return {\n                  ...prevState,\n                  [relation]: lastLoadedPageToUse,\n                }\n              })\n\n              if (!data.nextPage) {\n                setLastFullyLoadedRelation(relations.indexOf(relation))\n              }\n\n              if (data.docs.length > 0) {\n                resultsFetched += data.docs.length\n\n                dispatchOptions({\n                  type: 'ADD',\n                  collection,\n                  config,\n                  docs: data.docs,\n                  i18n,\n                  sort,\n                })\n              }\n            } else if (response.status === 403) {\n              setLastFullyLoadedRelation(relations.indexOf(relation))\n              dispatchOptions({\n                type: 'ADD',\n                collection,\n                config,\n                docs: [],\n                i18n,\n                ids: relationMap[relation],\n                sort,\n              })\n            } else {\n              setErrorLoading(t('error:unspecific'))\n            }\n          }\n        }, Promise.resolve())\n\n        if (typeof onSuccess === 'function') {\n          onSuccess()\n        }\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      errorLoading,\n      search,\n      getEntityConfig,\n      sortOptions,\n      maxResultsPerRequest,\n      locale,\n      serverURL,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback<{ search: string } & HasManyValueUnion>(\n    ({ hasMany: hasManyArg, search: searchArg, value }) => {\n      void getResults({\n        filterOptions,\n        lastLoadedPage: {},\n        search: searchArg,\n        sort: true,\n        ...(hasManyArg === true\n          ? {\n              hasMany: hasManyArg,\n              value,\n            }\n          : {\n              hasMany: hasManyArg,\n              value,\n            }),\n      })\n      setSearch(searchArg)\n    },\n    300,\n  )\n\n  const handleInputChange = useCallback(\n    (options: { search: string } & HasManyValueUnion) => {\n      if (search !== options.search) {\n        setLastLoadedPage({})\n        updateSearch(options)\n      }\n    },\n    [search, updateSearch],\n  )\n\n  const handleValueChange = useEffectEvent(({ hasMany: hasManyArg, value }: HasManyValueUnion) => {\n    const relationMap = createRelationMap(\n      hasManyArg === true\n        ? {\n            hasMany: hasManyArg,\n            relationTo,\n            value,\n          }\n        : {\n            hasMany: hasManyArg,\n            relationTo,\n            value,\n          },\n    )\n\n    void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n      await priorRelation\n\n      const idsToLoad = ids.filter((id) => {\n        return !options.find((optionGroup) =>\n          optionGroup?.options?.find(\n            (option) => option.value === id && option.relationTo === relation,\n          ),\n        )\n      })\n\n      if (idsToLoad.length > 0) {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: idsToLoad.length,\n          locale,\n          where: {\n            id: {\n              in: idsToLoad,\n            },\n          },\n        }\n\n        if (!errorLoading) {\n          const response = await fetch(`${serverURL}${api}/${relation}`, {\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          const collection = getEntityConfig({ collectionSlug: relation })\n          let docs = []\n\n          if (response.ok) {\n            const data = await response.json()\n            docs = data.docs\n          }\n\n          dispatchOptions({\n            type: 'ADD',\n            collection,\n            config,\n            docs,\n            i18n,\n            ids: idsToLoad,\n            sort: true,\n          })\n        }\n      }\n    }, Promise.resolve())\n  })\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        config,\n        doc: args.doc,\n        i18n,\n      })\n\n      const docID = args.doc.id\n\n      if (hasMany) {\n        const currentValue = valueRef.current\n          ? Array.isArray(valueRef.current)\n            ? valueRef.current\n            : [valueRef.current]\n          : []\n\n        const valuesToSet = currentValue.map((option: ValueWithRelation) => {\n          return {\n            relationTo: option.value === docID ? args.collectionConfig.slug : option.relationTo,\n            value: option.value,\n          }\n        })\n\n        onChange(valuesToSet)\n      } else if (hasMany === false) {\n        onChange({ relationTo: args.collectionConfig.slug, value: docID })\n      }\n    },\n    [i18n, config, hasMany, onChange],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      dispatchOptions({\n        type: 'ADD',\n        collection: args.collectionConfig,\n        config,\n        docs: [args.doc],\n        i18n,\n        sort: true,\n      })\n\n      if (hasMany) {\n        onChange(\n          valueRef.current\n            ? (valueRef.current as ValueWithRelation[]).concat({\n                relationTo: args.collectionConfig.slug,\n                value: args.doc.id,\n              })\n            : null,\n        )\n      } else if (hasMany === false) {\n        onChange({\n          relationTo: args.collectionConfig.slug,\n          value: args.doc.id,\n        })\n      }\n    },\n    [i18n, config, hasMany, onChange],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      dispatchOptions({\n        id: args.id,\n        type: 'REMOVE',\n        collection: args.collectionConfig,\n        config,\n        i18n,\n      })\n\n      if (hasMany) {\n        onChange(\n          valueRef.current\n            ? (valueRef.current as ValueWithRelation[]).filter((option) => {\n                return option.value !== args.id\n              })\n            : null,\n        )\n      } else {\n        onChange(null)\n      }\n\n      return\n    },\n    [i18n, config, hasMany, onChange],\n  )\n\n  const filterOption = useCallback((item: Option, searchFilter: string) => {\n    if (!searchFilter) {\n      return true\n    }\n    const r = wordBoundariesRegex(searchFilter || '')\n    // breaking the labels to search into smaller parts increases performance\n    const breakApartThreshold = 250\n    let labelString = String(item.label)\n    // strings less than breakApartThreshold length won't be chunked\n    while (labelString.length > breakApartThreshold) {\n      // slicing by the next space after the length of the search input prevents slicing the string up by partial words\n      const indexOfSpace = labelString.indexOf(' ', searchFilter.length)\n      if (\n        r.test(labelString.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))\n      ) {\n        return true\n      }\n      labelString = labelString.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n    }\n    return r.test(labelString.slice(-breakApartThreshold))\n  }, [])\n\n  const onDocumentOpen = useCallback<ReactSelectAdapterProps['customProps']['onDocumentOpen']>(\n    ({ id, collectionSlug, hasReadPermission, openInNewTab }) => {\n      if (openInNewTab) {\n        if (hasReadPermission && id && collectionSlug) {\n          const docUrl = formatAdminURL({\n            adminRoute: config.routes.admin,\n            path: `/collections/${collectionSlug}/${id}`,\n          })\n\n          window.open(docUrl, '_blank')\n        }\n      } else {\n        openDrawerWhenRelationChanges.current = true\n\n        setCurrentlyOpenRelationship({\n          id,\n          collectionSlug,\n          hasReadPermission,\n        })\n      }\n    },\n    [config.routes.admin],\n  )\n\n  const getResultsEffectEvent: GetResults = useEffectEvent(async (args) => {\n    return await getResults(args)\n  })\n\n  // When (`relationTo` || `filterOptions` || `locale`) changes, reset component\n  // Note - effect should not run on first run\n  useEffect(() => {\n    // If the menu is open while filterOptions changes\n    // due to latency of form state and fast clicking into this field,\n    // re-fetch options\n    if (hasLoadedFirstPageRef.current && menuIsOpen) {\n      setIsLoading(true)\n      void getResultsEffectEvent({\n        filterOptions,\n        lastLoadedPage: {},\n        onSuccess: () => {\n          hasLoadedFirstPageRef.current = true\n          setIsLoading(false)\n        },\n        ...(hasMany === true\n          ? {\n              hasMany,\n              value: valueRef.current as ValueWithRelation[],\n            }\n          : {\n              hasMany,\n              value: valueRef.current as ValueWithRelation,\n            }),\n      })\n    }\n\n    // If the menu is not open, still reset the field state\n    // because we need to get new options next time the menu opens\n    dispatchOptions({\n      type: 'CLEAR',\n      exemptValues: valueRef.current,\n    })\n\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n  }, [relationTo, filterOptions, locale, path, menuIsOpen, hasMany])\n\n  const prevValue = useRef(value)\n  const isFirstRenderRef = useRef(true)\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n  useEffect(() => {\n    if (isFirstRenderRef.current || !dequal(value, prevValue.current)) {\n      handleValueChange(hasMany === true ? { hasMany, value } : { hasMany, value })\n    }\n    isFirstRenderRef.current = false\n    prevValue.current = value\n  }, [value, hasMany])\n\n  // Determine if we should switch to word boundary search\n  useEffect(() => {\n    const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n    const isIdOnly = relations.reduce((idOnly, relation) => {\n      const collection = getEntityConfig({ collectionSlug: relation })\n      const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n      return fieldToSearch === 'id' && idOnly\n    }, true)\n    setEnableWordBoundarySearch(!isIdOnly)\n  }, [relationTo, getEntityConfig])\n\n  useEffect(() => {\n    if (openDrawerWhenRelationChanges.current) {\n      openDrawer()\n      openDrawerWhenRelationChanges.current = false\n    }\n  }, [openDrawer, currentlyOpenRelationship])\n\n  const valueToRender = findOptionsByValue({ allowEdit, options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {\n    valueToRender.value = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        errorLoading && 'error-loading',\n        readOnly && `${baseClass}--read-only`,\n        !readOnly && allowCreate && `${baseClass}--allow-create`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!(isDrawerOpen || isListDrawerOpen)}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n                ...(appearance !== 'select' && { DropdownIndicator: null }),\n              }}\n              customProps={{\n                disableKeyDown: isDrawerOpen || isListDrawerOpen,\n                disableMouseDown: isDrawerOpen || isListDrawerOpen,\n                onDocumentOpen,\n                onSave,\n              }}\n              disabled={readOnly || isDrawerOpen || isListDrawerOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option: ValueWithRelation) => {\n                if (!option) {\n                  return undefined\n                }\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : (option.value as string)\n              }}\n              isLoading={appearance === 'select' && isLoading}\n              isMulti={hasMany}\n              isSearchable={appearance === 'select'}\n              isSortable={isSortable}\n              menuIsOpen={appearance === 'select' ? menuIsOpen : false}\n              onChange={\n                !readOnly\n                  ? (selected) => {\n                      if (hasMany) {\n                        if (selected === null) {\n                          onChange([])\n                        } else {\n                          onChange(selected as ValueWithRelation[])\n                        }\n                      } else if (hasMany === false) {\n                        if (selected === null) {\n                          onChange(null)\n                        } else {\n                          onChange(selected as ValueWithRelation)\n                        }\n                      }\n                    }\n                  : undefined\n              }\n              onInputChange={(newSearch) =>\n                handleInputChange({\n                  search: newSearch,\n                  ...(hasMany === true\n                    ? {\n                        hasMany,\n                        value,\n                      }\n                    : {\n                        hasMany,\n                        value,\n                      }),\n                })\n              }\n              onMenuClose={() => {\n                setMenuIsOpen(false)\n              }}\n              onMenuOpen={() => {\n                if (appearance === 'drawer') {\n                  // TODO: This timeout is only necessary for inline blocks in the lexical editor\n                  // and when the devtools are closed. Temporary solution, we can probably do better.\n                  setTimeout(() => {\n                    openListDrawer()\n                  }, 50)\n                } else if (appearance === 'select') {\n                  setMenuIsOpen(true)\n                  if (!hasLoadedFirstPageRef.current) {\n                    setIsLoading(true)\n                    void getResults({\n                      filterOptions,\n                      lastLoadedPage: {},\n                      onSuccess: () => {\n                        hasLoadedFirstPageRef.current = true\n                        setIsLoading(false)\n                      },\n                      ...(hasMany === true\n                        ? {\n                            hasMany,\n                            value,\n                          }\n                        : {\n                            hasMany,\n                            value,\n                          }),\n                    })\n                  }\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  filterOptions,\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  ...(hasMany === true\n                    ? {\n                        hasMany,\n                        value: initialValue,\n                      }\n                    : {\n                        hasMany,\n                        value: initialValue,\n                      }),\n                })\n              }}\n              options={options}\n              placeholder={placeholder}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!readOnly && allowCreate && (\n              <AddNewRelation\n                path={path}\n                relationTo={relationTo}\n                {...(hasMany === true\n                  ? {\n                      hasMany,\n                      onChange,\n                      value,\n                    }\n                  : {\n                      hasMany,\n                      onChange,\n                      value,\n                    })}\n              />\n            )}\n          </div>\n        )}\n        {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n      {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && (\n        <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate} onSave={onSave} />\n      )}\n      {appearance === 'drawer' && !readOnly && (\n        <ListDrawer allowCreate={allowCreate} enableRowSelections={false} onSelect={onListSelect} />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["dequal","formatAdminURL","wordBoundariesRegex","qs","React","useCallback","useEffect","useMemo","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","useListDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useDebouncedCallback","useEffectEvent","useAuth","useConfig","useLocale","useTranslation","sanitizeFilterOptionsQuery","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","baseClass","RelationshipInput","props","AfterInput","allowCreate","allowEdit","appearance","BeforeInput","className","description","Description","Error","filterOptions","hasMany","initialValue","isSortable","label","Label","localized","maxResultsPerRequest","onChange","path","placeholder","readOnly","relationTo","required","showError","sortOptions","style","value","config","getEntityConfig","routes","api","serverURL","i18n","t","permissions","code","locale","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","listDrawerFilterOptions","newFilterOptions","valuesByRelation","reduce","acc","val","push","Array","isArray","forEach","relation","not_in","ListDrawer","closeDrawer","closeListDrawer","isListDrawerOpen","openListDrawer","collectionSlugs","onListSelect","doc","openDrawerWhenRelationChanges","getResults","hasManyArg","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","priorRelation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","fieldToSearch","admin","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","select","where","and","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","handleValueChange","Object","entries","idsToLoad","filter","find","optionGroup","option","in","onSave","args","collectionConfig","docID","currentValue","valuesToSet","map","slug","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","labelString","String","indexOfSpace","test","onDocumentOpen","openInNewTab","docUrl","adminRoute","window","open","getResultsEffectEvent","exemptValues","prevValue","isFirstRenderRef","isIdOnly","idOnly","valueToRender","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","DropdownIndicator","customProps","disableKeyDown","disableMouseDown","disabled","getOptionValue","isMulti","isSearchable","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","enableRowSelections","onSelect"],"sources":["../../../src/fields/Relationship/Input.tsx"],"sourcesContent":["'use client'\nimport type { FilterOptionsResult, PaginatedDocs, ValueWithRelation, Where } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { formatAdminURL, wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, HasManyValueUnion, Option, RelationshipInputProps } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { sanitizeFilterOptionsQuery } from '../../utilities/sanitizeFilterOptionsQuery.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship'\n\nexport const RelationshipInput: React.FC<RelationshipInputProps> = (props) => {\n  const {\n    AfterInput,\n    allowCreate = true,\n    allowEdit = true,\n    appearance = 'select',\n    BeforeInput,\n    className,\n    description,\n    Description,\n    Error,\n    filterOptions,\n    hasMany,\n    initialValue,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    maxResultsPerRequest = 10,\n    onChange,\n    path,\n    placeholder,\n    readOnly,\n    relationTo,\n    required,\n    showError,\n    sortOptions,\n    style,\n    value,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { code: locale } = useLocale()\n\n  const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n    Parameters<ReactSelectAdapterProps['customProps']['onDocumentOpen']>[0]\n  >({\n    id: undefined,\n    collectionSlug: undefined,\n    hasReadPermission: false,\n  })\n\n  const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n  const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n  const [errorLoading, setErrorLoading] = useState('')\n  const [search, setSearch] = useState('')\n  const [isLoading, setIsLoading] = useState(false)\n  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n  const [menuIsOpen, setMenuIsOpen] = useState(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n  const valueRef = useRef(value)\n  // the line below seems odd\n  // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix this\n  valueRef.current = value\n\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentlyOpenRelationship.id,\n    collectionSlug: currentlyOpenRelationship.collectionSlug,\n  })\n\n  // Filter selected values from displaying in the list drawer\n  const listDrawerFilterOptions = useMemo<FilterOptionsResult>(() => {\n    let newFilterOptions = filterOptions\n\n    if (value) {\n      const valuesByRelation = (hasMany === false ? [value] : value).reduce((acc, val) => {\n        if (!acc[val.relationTo]) {\n          acc[val.relationTo] = []\n        }\n        acc[val.relationTo].push(val.value)\n        return acc\n      }, {})\n\n      ;(Array.isArray(relationTo) ? relationTo : [relationTo]).forEach((relation) => {\n        newFilterOptions = {\n          ...(newFilterOptions || {}),\n          [relation]: {\n            ...(typeof filterOptions?.[relation] === 'object' ? filterOptions[relation] : {}),\n            ...(valuesByRelation[relation]\n              ? {\n                  id: {\n                    not_in: valuesByRelation[relation],\n                  },\n                }\n              : {}),\n          },\n        }\n      })\n    }\n\n    return newFilterOptions\n  }, [filterOptions, value, hasMany, relationTo])\n\n  const [\n    ListDrawer,\n    ,\n    { closeDrawer: closeListDrawer, isDrawerOpen: isListDrawerOpen, openDrawer: openListDrawer },\n  ] = useListDrawer({\n    collectionSlugs: relationTo,\n    filterOptions: listDrawerFilterOptions,\n  })\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    ({ collectionSlug, doc }) => {\n      if (hasMany) {\n        onChange([\n          ...(Array.isArray(value) ? value : []),\n          {\n            relationTo: collectionSlug,\n            value: doc.id,\n          },\n        ])\n      } else if (hasMany === false) {\n        onChange({\n          relationTo: collectionSlug,\n          value: doc.id,\n        })\n      }\n\n      closeListDrawer()\n    },\n    [hasMany, onChange, closeListDrawer, value],\n  )\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      filterOptions,\n      hasMany: hasManyArg,\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      lastLoadedPage: lastLoadedPageArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap(\n        hasManyArg === true\n          ? {\n              hasMany: true,\n              relationTo,\n              value: valueArg,\n            }\n          : {\n              hasMany: false,\n              relationTo,\n              value: valueArg,\n            },\n      )\n\n      if (!errorLoading) {\n        await relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptions?.[relation]\n\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = getEntityConfig({ collectionSlug: relation })\n            const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n            let fieldToSort = collection?.defaultSort || 'id'\n            if (typeof sortOptions === 'string') {\n              fieldToSort = sortOptions\n            } else if (sortOptions?.[relation]) {\n              fieldToSort = sortOptions[relation]\n            }\n\n            const query: {\n              [key: string]: unknown\n              where: Where\n            } = {\n              depth: 0,\n              draft: true,\n              limit: maxResultsPerRequest,\n              locale,\n              page: lastLoadedPageToUse,\n              select: {\n                [fieldToSearch]: true,\n              },\n              sort: fieldToSort,\n              where: {\n                and: [\n                  {\n                    id: {\n                      not_in: relationMap[relation],\n                    },\n                  },\n                ],\n              },\n            }\n\n            if (searchArg) {\n              query.where.and.push({\n                [fieldToSearch]: {\n                  like: searchArg,\n                },\n              })\n            }\n\n            if (relationFilterOption && typeof relationFilterOption !== 'boolean') {\n              query.where.and.push(relationFilterOption)\n            }\n\n            sanitizeFilterOptionsQuery(query.where)\n\n            const response = await fetch(`${serverURL}${api}/${relation}`, {\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-HTTP-Method-Override': 'GET',\n              },\n              method: 'POST',\n            })\n\n            if (response.ok) {\n              const data: PaginatedDocs<unknown> = await response.json()\n              setLastLoadedPage((prevState) => {\n                return {\n                  ...prevState,\n                  [relation]: lastLoadedPageToUse,\n                }\n              })\n\n              if (!data.nextPage) {\n                setLastFullyLoadedRelation(relations.indexOf(relation))\n              }\n\n              if (data.docs.length > 0) {\n                resultsFetched += data.docs.length\n\n                dispatchOptions({\n                  type: 'ADD',\n                  collection,\n                  config,\n                  docs: data.docs,\n                  i18n,\n                  sort,\n                })\n              }\n            } else if (response.status === 403) {\n              setLastFullyLoadedRelation(relations.indexOf(relation))\n              dispatchOptions({\n                type: 'ADD',\n                collection,\n                config,\n                docs: [],\n                i18n,\n                ids: relationMap[relation],\n                sort,\n              })\n            } else {\n              setErrorLoading(t('error:unspecific'))\n            }\n          }\n        }, Promise.resolve())\n\n        if (typeof onSuccess === 'function') {\n          onSuccess()\n        }\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      errorLoading,\n      search,\n      getEntityConfig,\n      sortOptions,\n      maxResultsPerRequest,\n      locale,\n      serverURL,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback<{ search: string } & HasManyValueUnion>(\n    ({ hasMany: hasManyArg, search: searchArg, value }) => {\n      void getResults({\n        filterOptions,\n        lastLoadedPage: {},\n        search: searchArg,\n        sort: true,\n        ...(hasManyArg === true\n          ? {\n              hasMany: hasManyArg,\n              value,\n            }\n          : {\n              hasMany: hasManyArg,\n              value,\n            }),\n      })\n      setSearch(searchArg)\n    },\n    300,\n  )\n\n  const handleInputChange = useCallback(\n    (options: { search: string } & HasManyValueUnion) => {\n      if (search !== options.search) {\n        setLastLoadedPage({})\n        updateSearch(options)\n      }\n    },\n    [search, updateSearch],\n  )\n\n  const handleValueChange = useEffectEvent(({ hasMany: hasManyArg, value }: HasManyValueUnion) => {\n    const relationMap = createRelationMap(\n      hasManyArg === true\n        ? {\n            hasMany: hasManyArg,\n            relationTo,\n            value,\n          }\n        : {\n            hasMany: hasManyArg,\n            relationTo,\n            value,\n          },\n    )\n\n    void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n      await priorRelation\n\n      const idsToLoad = ids.filter((id) => {\n        return !options.find((optionGroup) =>\n          optionGroup?.options?.find(\n            (option) => option.value === id && option.relationTo === relation,\n          ),\n        )\n      })\n\n      if (idsToLoad.length > 0) {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: idsToLoad.length,\n          locale,\n          where: {\n            id: {\n              in: idsToLoad,\n            },\n          },\n        }\n\n        if (!errorLoading) {\n          const response = await fetch(`${serverURL}${api}/${relation}`, {\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-HTTP-Method-Override': 'GET',\n            },\n            method: 'POST',\n          })\n\n          const collection = getEntityConfig({ collectionSlug: relation })\n          let docs = []\n\n          if (response.ok) {\n            const data = await response.json()\n            docs = data.docs\n          }\n\n          dispatchOptions({\n            type: 'ADD',\n            collection,\n            config,\n            docs,\n            i18n,\n            ids: idsToLoad,\n            sort: true,\n          })\n        }\n      }\n    }, Promise.resolve())\n  })\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        config,\n        doc: args.doc,\n        i18n,\n      })\n\n      const docID = args.doc.id\n\n      if (hasMany) {\n        const currentValue = valueRef.current\n          ? Array.isArray(valueRef.current)\n            ? valueRef.current\n            : [valueRef.current]\n          : []\n\n        const valuesToSet = currentValue.map((option: ValueWithRelation) => {\n          return {\n            relationTo: option.value === docID ? args.collectionConfig.slug : option.relationTo,\n            value: option.value,\n          }\n        })\n\n        onChange(valuesToSet)\n      } else if (hasMany === false) {\n        onChange({ relationTo: args.collectionConfig.slug, value: docID })\n      }\n    },\n    [i18n, config, hasMany, onChange],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      dispatchOptions({\n        type: 'ADD',\n        collection: args.collectionConfig,\n        config,\n        docs: [args.doc],\n        i18n,\n        sort: true,\n      })\n\n      if (hasMany) {\n        onChange(\n          valueRef.current\n            ? (valueRef.current as ValueWithRelation[]).concat({\n                relationTo: args.collectionConfig.slug,\n                value: args.doc.id,\n              })\n            : null,\n        )\n      } else if (hasMany === false) {\n        onChange({\n          relationTo: args.collectionConfig.slug,\n          value: args.doc.id,\n        })\n      }\n    },\n    [i18n, config, hasMany, onChange],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      dispatchOptions({\n        id: args.id,\n        type: 'REMOVE',\n        collection: args.collectionConfig,\n        config,\n        i18n,\n      })\n\n      if (hasMany) {\n        onChange(\n          valueRef.current\n            ? (valueRef.current as ValueWithRelation[]).filter((option) => {\n                return option.value !== args.id\n              })\n            : null,\n        )\n      } else {\n        onChange(null)\n      }\n\n      return\n    },\n    [i18n, config, hasMany, onChange],\n  )\n\n  const filterOption = useCallback((item: Option, searchFilter: string) => {\n    if (!searchFilter) {\n      return true\n    }\n    const r = wordBoundariesRegex(searchFilter || '')\n    // breaking the labels to search into smaller parts increases performance\n    const breakApartThreshold = 250\n    let labelString = String(item.label)\n    // strings less than breakApartThreshold length won't be chunked\n    while (labelString.length > breakApartThreshold) {\n      // slicing by the next space after the length of the search input prevents slicing the string up by partial words\n      const indexOfSpace = labelString.indexOf(' ', searchFilter.length)\n      if (\n        r.test(labelString.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))\n      ) {\n        return true\n      }\n      labelString = labelString.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n    }\n    return r.test(labelString.slice(-breakApartThreshold))\n  }, [])\n\n  const onDocumentOpen = useCallback<ReactSelectAdapterProps['customProps']['onDocumentOpen']>(\n    ({ id, collectionSlug, hasReadPermission, openInNewTab }) => {\n      if (openInNewTab) {\n        if (hasReadPermission && id && collectionSlug) {\n          const docUrl = formatAdminURL({\n            adminRoute: config.routes.admin,\n            path: `/collections/${collectionSlug}/${id}`,\n          })\n\n          window.open(docUrl, '_blank')\n        }\n      } else {\n        openDrawerWhenRelationChanges.current = true\n\n        setCurrentlyOpenRelationship({\n          id,\n          collectionSlug,\n          hasReadPermission,\n        })\n      }\n    },\n    [config.routes.admin],\n  )\n\n  const getResultsEffectEvent: GetResults = useEffectEvent(async (args) => {\n    return await getResults(args)\n  })\n\n  // When (`relationTo` || `filterOptions` || `locale`) changes, reset component\n  // Note - effect should not run on first run\n  useEffect(() => {\n    // If the menu is open while filterOptions changes\n    // due to latency of form state and fast clicking into this field,\n    // re-fetch options\n    if (hasLoadedFirstPageRef.current && menuIsOpen) {\n      setIsLoading(true)\n      void getResultsEffectEvent({\n        filterOptions,\n        lastLoadedPage: {},\n        onSuccess: () => {\n          hasLoadedFirstPageRef.current = true\n          setIsLoading(false)\n        },\n        ...(hasMany === true\n          ? {\n              hasMany,\n              value: valueRef.current as ValueWithRelation[],\n            }\n          : {\n              hasMany,\n              value: valueRef.current as ValueWithRelation,\n            }),\n      })\n    }\n\n    // If the menu is not open, still reset the field state\n    // because we need to get new options next time the menu opens\n    dispatchOptions({\n      type: 'CLEAR',\n      exemptValues: valueRef.current,\n    })\n\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n  }, [relationTo, filterOptions, locale, path, menuIsOpen, hasMany])\n\n  const prevValue = useRef(value)\n  const isFirstRenderRef = useRef(true)\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n  useEffect(() => {\n    if (isFirstRenderRef.current || !dequal(value, prevValue.current)) {\n      handleValueChange(hasMany === true ? { hasMany, value } : { hasMany, value })\n    }\n    isFirstRenderRef.current = false\n    prevValue.current = value\n  }, [value, hasMany])\n\n  // Determine if we should switch to word boundary search\n  useEffect(() => {\n    const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n    const isIdOnly = relations.reduce((idOnly, relation) => {\n      const collection = getEntityConfig({ collectionSlug: relation })\n      const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n      return fieldToSearch === 'id' && idOnly\n    }, true)\n    setEnableWordBoundarySearch(!isIdOnly)\n  }, [relationTo, getEntityConfig])\n\n  useEffect(() => {\n    if (openDrawerWhenRelationChanges.current) {\n      openDrawer()\n      openDrawerWhenRelationChanges.current = false\n    }\n  }, [openDrawer, currentlyOpenRelationship])\n\n  const valueToRender = findOptionsByValue({ allowEdit, options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {\n    valueToRender.value = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        errorLoading && 'error-loading',\n        readOnly && `${baseClass}--read-only`,\n        !readOnly && allowCreate && `${baseClass}--allow-create`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!(isDrawerOpen || isListDrawerOpen)}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n                ...(appearance !== 'select' && { DropdownIndicator: null }),\n              }}\n              customProps={{\n                disableKeyDown: isDrawerOpen || isListDrawerOpen,\n                disableMouseDown: isDrawerOpen || isListDrawerOpen,\n                onDocumentOpen,\n                onSave,\n              }}\n              disabled={readOnly || isDrawerOpen || isListDrawerOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option: ValueWithRelation) => {\n                if (!option) {\n                  return undefined\n                }\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : (option.value as string)\n              }}\n              isLoading={appearance === 'select' && isLoading}\n              isMulti={hasMany}\n              isSearchable={appearance === 'select'}\n              isSortable={isSortable}\n              menuIsOpen={appearance === 'select' ? menuIsOpen : false}\n              onChange={\n                !readOnly\n                  ? (selected) => {\n                      if (hasMany) {\n                        if (selected === null) {\n                          onChange([])\n                        } else {\n                          onChange(selected as ValueWithRelation[])\n                        }\n                      } else if (hasMany === false) {\n                        if (selected === null) {\n                          onChange(null)\n                        } else {\n                          onChange(selected as ValueWithRelation)\n                        }\n                      }\n                    }\n                  : undefined\n              }\n              onInputChange={(newSearch) =>\n                handleInputChange({\n                  search: newSearch,\n                  ...(hasMany === true\n                    ? {\n                        hasMany,\n                        value,\n                      }\n                    : {\n                        hasMany,\n                        value,\n                      }),\n                })\n              }\n              onMenuClose={() => {\n                setMenuIsOpen(false)\n              }}\n              onMenuOpen={() => {\n                if (appearance === 'drawer') {\n                  openListDrawer()\n                } else if (appearance === 'select') {\n                  setMenuIsOpen(true)\n                  if (!hasLoadedFirstPageRef.current) {\n                    setIsLoading(true)\n                    void getResults({\n                      filterOptions,\n                      lastLoadedPage: {},\n                      onSuccess: () => {\n                        hasLoadedFirstPageRef.current = true\n                        setIsLoading(false)\n                      },\n                      ...(hasMany === true\n                        ? {\n                            hasMany,\n                            value,\n                          }\n                        : {\n                            hasMany,\n                            value,\n                          }),\n                    })\n                  }\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  filterOptions,\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  ...(hasMany === true\n                    ? {\n                        hasMany,\n                        value: initialValue,\n                      }\n                    : {\n                        hasMany,\n                        value: initialValue,\n                      }),\n                })\n              }}\n              options={options}\n              placeholder={placeholder}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!readOnly && allowCreate && (\n              <AddNewRelation\n                path={path}\n                relationTo={relationTo}\n                {...(hasMany === true\n                  ? {\n                      hasMany,\n                      onChange,\n                      value,\n                    }\n                  : {\n                      hasMany,\n                      onChange,\n                      value,\n                    })}\n              />\n            )}\n          </div>\n        )}\n        {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n      {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && (\n        <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate} onSave={onSave} />\n      )}\n      {appearance === 'drawer' && !readOnly && (\n        <ListDrawer allowCreate={allowCreate} enableRowSelections={false} onSelect={onListSelect} />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Textarea/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiFtD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsEtD,CAAA"}

package/dist/fields/Textarea/Input.js

@@ -12,7 +12,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 export const TextareaInput = props => {
-  const $ = _c(26);
+  const $ = _c(25);
   const {
     AfterInput,
     BeforeInput,
@@ -50,16 +50,14 @@ export const TextareaInput = props => {
     t2 = $[3];
   }
   const t3 = t2.join(" ");
-  const t4 = `field-${path.replace(/\./g, "__")}`;
-  let t5;
-  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== description || $[10] !== i18n || $[11] !== label || $[12] !== localized || $[13] !== onChange || $[14] !== path || $[15] !== placeholder || $[16] !== readOnly || $[17] !== required || $[18] !== rows || $[19] !== rtl || $[20] !== showError || $[21] !== style || $[22] !== t3 || $[23] !== t4 || $[24] !== value) {
-    t5 = _jsxs("div", {
+  let t4;
+  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== description || $[10] !== i18n || $[11] !== label || $[12] !== localized || $[13] !== onChange || $[14] !== path || $[15] !== placeholder || $[16] !== readOnly || $[17] !== required || $[18] !== rows || $[19] !== rtl || $[20] !== showError || $[21] !== style || $[22] !== t3 || $[23] !== value) {
+    t4 = _jsxs("div", {
       className: t3,
       style,
       children: [_jsx(RenderCustomComponent, {
         CustomComponent: Label,
         Fallback: _jsx(FieldLabel, {
-          htmlFor: t4,
           label,
           localized,
           path,
@@ -73,8 +71,9 @@ export const TextareaInput = props => {
             path,
             showError
           })
-        }), BeforeInput, _jsx("div", {
+        }), BeforeInput, _jsx("label", {
           className: "textarea-outer",
+          htmlFor: `field-${path.replace(/\./g, "__")}`,
           children: _jsx("textarea", {
             "data-rtl": rtl,
             disabled: readOnly,
@@ -83,9 +82,6 @@ export const TextareaInput = props => {
             onChange,
             placeholder: getTranslation(placeholder, i18n),
             rows,
-            style: {
-              "--rows": rows
-            },
             value: value || ""
           })
         }), AfterInput, _jsx(RenderCustomComponent, {
@@ -116,12 +112,11 @@ export const TextareaInput = props => {
     $[20] = showError;
     $[21] = style;
     $[22] = t3;
-    $[23] = t4;
-    $[24] = value;
-    $[25] = t5;
+    $[23] = value;
+    $[24] = t4;
   } else {
-    t5 = $[25];
+    t4 = $[24];
   }
-  return t5;
+  return t4;
 };
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextareaInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","Label","label","localized","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","i18n","t0","t1","t2","filter","Boolean","t3","join","t4","replace","t5","_jsxs","children","_jsx","CustomComponent","Fallback","htmlFor","disabled","id","name"],"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextareaInput: React.FC<TextAreaInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    Label,\n    label,\n    localized,\n    onChange,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rows,\n    rtl,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'textarea',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            htmlFor={`field-${path.replace(/\\./g, '__')}`}\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <div className=\"textarea-outer\">\n          <textarea\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange}\n            placeholder={getTranslation(placeholder, i18n)}\n            rows={rows}\n            style={\n              {\n                '--rows': rows,\n              } as CSSProperties\n            }\n            value={value || ''}\n          />\n        </div>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextareaInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","Label","label","localized","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","i18n","t0","t1","t2","filter","Boolean","t3","join","t4","_jsxs","children","_jsx","CustomComponent","Fallback","htmlFor","replace","disabled","id","name"],"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextAreaInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextareaInput: React.FC<TextAreaInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    Label,\n    label,\n    localized,\n    onChange,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rows,\n    rtl,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'textarea',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <label className=\"textarea-outer\" htmlFor={`field-${path.replace(/\\./g, '__')}`}>\n          <textarea\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange}\n            placeholder={getTranslation(placeholder, i18n)}\n            rows={rows}\n            value={value || ''}\n          />\n        </label>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Textarea/index.scss

@@ -8,23 +8,20 @@
 
     textarea {
       @include formInput();
+      field-sizing: content;
       overflow-y: auto;
       resize: vertical;
       min-height: base(3);
-      height: auto;
+      height: 100%;
       display: flex;
     }
 
-    textarea:not(:empty) {
-      field-sizing: content;
-      min-height: calc(var(--rows) * var(--base) + var(--base) * 0.8 + 2px);
-    }
-
     &.read-only {
       .textarea-outer {
         @include readOnly;
       }
     }
+
   }
 
   html[data-theme='light'] {

package/dist/fields/Upload/Input.js

@@ -141,7 +141,7 @@ export function UploadInput(props) {
       headers: {
         'Accept-Language': i18n.language,
         'Content-Type': 'application/x-www-form-urlencoded',
-        'X-Payload-HTTP-Method-Override': 'GET'
+        'X-HTTP-Method-Override': 'GET'
       },
       method: 'POST'
     });

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","AfterInput","allowCreate","api","BeforeInput","className","Description","description","displayPreview","Error","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","localized","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","populatedDocs","setPopulatedDocs","useState","activeRelationTo","setActiveRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setCurrentActivePath","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","id","not_in","concat","ListDrawer","closeDrawer","closeListDrawer","openDrawer","openListDrawer","collectionSlugs","CreateDocDrawer","closeCreateDocDrawer","openCreateDocDrawer","collectionSlug","loadedValueDocsRef","useRef","canCreate","collections","create","newValue","populateDocs","ids","relatedCollectionSlug","length","query","depth","draft","limit","locale","where","and","in","response","fetch","body","stringify","credentials","headers","language","method","ok","json","sortedDocs","map","docs","find","doc","String","includes","undefined","index","filename","isPlaceholder","onUploadSuccess","newDocs","mergedValue","currentDocs","firstDoc","onLocalFileSelection","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onListBulkSelect","selectedDocIDs","isSelected","push","loadedDocs","onDocCreate","data","onListSelect","selectedDoc","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueIDs","onRemove","loadInitialDocs","current","showDropzone","_jsxs","filter","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { PopulateDocs, ReloadDoc } from './types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly api?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly displayPreview?: boolean\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly hideRemoveFile?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly localized?: boolean\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | (number | string)\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    AfterInput,\n    allowCreate,\n    api,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    displayPreview,\n    Error,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n\n  const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const {\n    drawerSlug,\n    setCollectionSlug,\n    setCurrentActivePath,\n    setInitialFiles,\n    setMaxFiles,\n    setOnSuccess,\n  } = useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    return {\n      ...filterOptionsFromProps,\n      [activeRelationTo]: {\n        ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n            ...(Array.isArray(value) || value ? [value] : []),\n          ),\n        },\n      },\n    }\n  }, [value, activeRelationTo, filterOptionsFromProps])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  /**\n   * Prevent initial retrieval of documents from running more than once\n   */\n  const loadedValueDocsRef = React.useRef<boolean>(false)\n\n  const canCreate = useMemo(() => {\n    if (!allowCreate) {\n      return false\n    }\n\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        return true\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions, allowCreate])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback<PopulateDocs>(\n    async (ids, relatedCollectionSlug) => {\n      if (!ids.length) {\n        return\n      }\n\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        limit: ids.length,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: ids,\n              },\n            },\n          ],\n        },\n      }\n\n      const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\n        body: qs.stringify(query),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-Payload-HTTP-Method-Override': 'GET',\n        },\n        method: 'POST',\n      })\n      if (response.ok) {\n        const json = await response.json()\n        let sortedDocs = ids.map((id) =>\n          json.docs.find((doc) => {\n            return String(doc.id) === String(id)\n          }),\n        )\n\n        if (sortedDocs.includes(undefined) && hasMany) {\n          sortedDocs = sortedDocs.map((doc, index) =>\n            doc\n              ? doc\n              : {\n                  id: ids[index],\n                  filename: `${t('general:untitled')} - ID: ${ids[index]}`,\n                  isPlaceholder: true,\n                },\n          )\n        }\n\n        return { ...json, docs: sortedDocs }\n      }\n\n      return null\n    },\n    [code, serverURL, api, i18n.language, t, hasMany],\n  )\n\n  const onUploadSuccess = useCallback(\n    (newDocs: JsonObject[]) => {\n      if (hasMany) {\n        const mergedValue = [\n          ...(Array.isArray(value) ? value : []),\n          ...newDocs.map((doc) => doc.id),\n        ]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...newDocs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      } else {\n        const firstDoc = newDocs[0]\n        onChange(firstDoc.id)\n        setPopulatedDocs([\n          {\n            relationTo: activeRelationTo,\n            value: firstDoc,\n          },\n        ])\n      }\n    },\n    [value, onChange, activeRelationTo, hasMany],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      setCollectionSlug(relationTo)\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n      setCurrentActivePath(path)\n      openModal(drawerSlug)\n    },\n    [\n      drawerSlug,\n      hasMany,\n      openModal,\n      relationTo,\n      setCollectionSlug,\n      setInitialFiles,\n      maxRows,\n      setMaxFiles,\n      path,\n      setCurrentActivePath,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs) => {\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...loadedDocs.docs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      }\n      onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        onChange(data.doc.id)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange],\n  )\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, doc }) => {\n      const loadedDocs = await populateDocs([doc.id], collectionSlug)\n      const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [\n              ...(currentDocs || []),\n              {\n                relationTo: activeRelationTo,\n                value: selectedDoc,\n              },\n            ]\n          }\n          return [\n            {\n              relationTo: activeRelationTo,\n              value: selectedDoc,\n            },\n          ]\n        }\n        return currentDocs\n      })\n      if (hasMany) {\n        onChange([...(Array.isArray(value) ? value : []), doc.id])\n      } else {\n        onChange(doc.id)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n  )\n\n  const reloadDoc = React.useCallback<ReloadDoc>(\n    async (docID, collectionSlug) => {\n      const { docs } = await populateDocs([docID], collectionSlug)\n\n      if (docs[0]) {\n        let updatedDocsToPropogate = []\n        setPopulatedDocs((currentDocs) => {\n          const existingDocIndex = currentDocs?.findIndex((doc) => {\n            const hasExisting = doc.value?.id === docs[0].id || doc.value?.isPlaceholder\n            return hasExisting && doc.relationTo === collectionSlug\n          })\n          if (existingDocIndex > -1) {\n            const updatedDocs = [...currentDocs]\n            updatedDocs[existingDocIndex] = {\n              relationTo: collectionSlug,\n              value: docs[0],\n            }\n            updatedDocsToPropogate = updatedDocs\n            return updatedDocs\n          }\n        })\n\n        if (updatedDocsToPropogate.length && hasMany) {\n          onChange(updatedDocsToPropogate.map((doc) => doc.value?.id))\n        }\n      }\n    },\n    [populateDocs, onChange, hasMany],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const newValueIDs = newValue.map(({ value }) => value.id)\n      onChange(newValueIDs)\n      setPopulatedDocs(newValue)\n    },\n    [onChange],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n      onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n      setPopulatedDocs(newValue ? newValue : [])\n    },\n    [onChange, hasMany],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        loadedValueDocsRef.current = true\n        const loadedDocs = await populateDocs(\n          Array.isArray(value) ? value : [value],\n          activeRelationTo,\n        )\n        if (loadedDocs) {\n          setPopulatedDocs(\n            loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n          )\n        }\n      }\n    }\n\n    if (!loadedValueDocsRef.current) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, activeRelationTo, value])\n\n  useEffect(() => {\n    setOnSuccess(path, onUploadSuccess)\n  }, [value, path, onUploadSuccess, setOnSuccess])\n\n  const showDropzone =\n    !value ||\n    (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)) ||\n    (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined')\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${baseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      </div>\n      {BeforeInput}\n      <div className={`${baseClass}__dropzoneAndUpload`}>\n        {hasMany && Array.isArray(value) && value.length > 0 ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasMany\n                displayPreview={displayPreview}\n                fileDocs={populatedDocs}\n                isSortable={isSortable && !readOnly}\n                onRemove={onRemove}\n                onReorder={onReorder}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n              />\n            ) : (\n              <div className={`${baseClass}__loadingRows`}>\n                {value.map((id) => (\n                  <ShimmerEffect height=\"40px\" key={id} />\n                ))}\n              </div>\n            )}\n          </>\n        ) : null}\n        {!hasMany && value ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n              <UploadComponentHasOne\n                displayPreview={displayPreview}\n                fileDoc={populatedDocs[0]}\n                onRemove={onRemove}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n              />\n            ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n              <>\n                {t('general:untitled')} - ID: {value}\n              </>\n            ) : (\n              <ShimmerEffect height=\"62px\" />\n            )}\n          </>\n        ) : null}\n        {showDropzone ? (\n          <Dropzone\n            disabled={readOnly || !canCreate}\n            multipleFiles={hasMany}\n            onChange={onLocalFileSelection}\n          >\n            <div className={`${baseClass}__dropzoneContent`}>\n              <div className={`${baseClass}__dropzoneContent__buttons`}>\n                {canCreate && (\n                  <>\n                    <Button\n                      buttonStyle=\"pill\"\n                      className={`${baseClass}__createNewToggler`}\n                      disabled={readOnly || !canCreate}\n                      onClick={() => {\n                        if (!readOnly) {\n                          if (hasMany) {\n                            onLocalFileSelection()\n                          } else {\n                            openCreateDocDrawer()\n                          }\n                        }\n                      }}\n                      size=\"small\"\n                    >\n                      {t('general:createNew')}\n                    </Button>\n                    <span className={`${baseClass}__dropzoneContent__orText`}>\n                      {t('general:or')}\n                    </span>\n                  </>\n                )}\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__listToggler`}\n                  disabled={readOnly}\n                  onClick={openListDrawer}\n                  size=\"small\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n                <CreateDocDrawer onSave={onDocCreate} />\n                <ListDrawer\n                  allowCreate={canCreate}\n                  enableRowSelections={hasMany}\n                  onBulkSelect={onListBulkSelect}\n                  onSelect={onListSelect}\n                />\n              </div>\n\n              {canCreate && !readOnly && (\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              )}\n            </div>\n          </Dropzone>\n        ) : (\n          <>\n            {!readOnly &&\n            !populatedDocs &&\n            (!value ||\n              typeof maxRows !== 'number' ||\n              (Array.isArray(value) && value.length < maxRows)) ? (\n              <ShimmerEffect height=\"40px\" />\n            ) : null}\n          </>\n        )}\n      </div>\n      {AfterInput}\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","AfterInput","allowCreate","api","BeforeInput","className","Description","description","displayPreview","Error","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","localized","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","populatedDocs","setPopulatedDocs","useState","activeRelationTo","setActiveRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setCurrentActivePath","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","id","not_in","concat","ListDrawer","closeDrawer","closeListDrawer","openDrawer","openListDrawer","collectionSlugs","CreateDocDrawer","closeCreateDocDrawer","openCreateDocDrawer","collectionSlug","loadedValueDocsRef","useRef","canCreate","collections","create","newValue","populateDocs","ids","relatedCollectionSlug","length","query","depth","draft","limit","locale","where","and","in","response","fetch","body","stringify","credentials","headers","language","method","ok","json","sortedDocs","map","docs","find","doc","String","includes","undefined","index","filename","isPlaceholder","onUploadSuccess","newDocs","mergedValue","currentDocs","firstDoc","onLocalFileSelection","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onListBulkSelect","selectedDocIDs","isSelected","push","loadedDocs","onDocCreate","data","onListSelect","selectedDoc","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueIDs","onRemove","loadInitialDocs","current","showDropzone","_jsxs","filter","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { PopulateDocs, ReloadDoc } from './types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly api?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly displayPreview?: boolean\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly hideRemoveFile?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly localized?: boolean\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | (number | string)\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    AfterInput,\n    allowCreate,\n    api,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    displayPreview,\n    Error,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n\n  const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const {\n    drawerSlug,\n    setCollectionSlug,\n    setCurrentActivePath,\n    setInitialFiles,\n    setMaxFiles,\n    setOnSuccess,\n  } = useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    return {\n      ...filterOptionsFromProps,\n      [activeRelationTo]: {\n        ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n            ...(Array.isArray(value) || value ? [value] : []),\n          ),\n        },\n      },\n    }\n  }, [value, activeRelationTo, filterOptionsFromProps])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  /**\n   * Prevent initial retrieval of documents from running more than once\n   */\n  const loadedValueDocsRef = React.useRef<boolean>(false)\n\n  const canCreate = useMemo(() => {\n    if (!allowCreate) {\n      return false\n    }\n\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        return true\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions, allowCreate])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback<PopulateDocs>(\n    async (ids, relatedCollectionSlug) => {\n      if (!ids.length) {\n        return\n      }\n\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        limit: ids.length,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: ids,\n              },\n            },\n          ],\n        },\n      }\n\n      const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\n        body: qs.stringify(query),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-HTTP-Method-Override': 'GET',\n        },\n        method: 'POST',\n      })\n      if (response.ok) {\n        const json = await response.json()\n        let sortedDocs = ids.map((id) =>\n          json.docs.find((doc) => {\n            return String(doc.id) === String(id)\n          }),\n        )\n\n        if (sortedDocs.includes(undefined) && hasMany) {\n          sortedDocs = sortedDocs.map((doc, index) =>\n            doc\n              ? doc\n              : {\n                  id: ids[index],\n                  filename: `${t('general:untitled')} - ID: ${ids[index]}`,\n                  isPlaceholder: true,\n                },\n          )\n        }\n\n        return { ...json, docs: sortedDocs }\n      }\n\n      return null\n    },\n    [code, serverURL, api, i18n.language, t, hasMany],\n  )\n\n  const onUploadSuccess = useCallback(\n    (newDocs: JsonObject[]) => {\n      if (hasMany) {\n        const mergedValue = [\n          ...(Array.isArray(value) ? value : []),\n          ...newDocs.map((doc) => doc.id),\n        ]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...newDocs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      } else {\n        const firstDoc = newDocs[0]\n        onChange(firstDoc.id)\n        setPopulatedDocs([\n          {\n            relationTo: activeRelationTo,\n            value: firstDoc,\n          },\n        ])\n      }\n    },\n    [value, onChange, activeRelationTo, hasMany],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      setCollectionSlug(relationTo)\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n      setCurrentActivePath(path)\n      openModal(drawerSlug)\n    },\n    [\n      drawerSlug,\n      hasMany,\n      openModal,\n      relationTo,\n      setCollectionSlug,\n      setInitialFiles,\n      maxRows,\n      setMaxFiles,\n      path,\n      setCurrentActivePath,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs) => {\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...loadedDocs.docs.map((doc) => ({\n            relationTo: activeRelationTo,\n            value: doc,\n          })),\n        ])\n      }\n      onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        onChange(data.doc.id)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange],\n  )\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, doc }) => {\n      const loadedDocs = await populateDocs([doc.id], collectionSlug)\n      const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [\n              ...(currentDocs || []),\n              {\n                relationTo: activeRelationTo,\n                value: selectedDoc,\n              },\n            ]\n          }\n          return [\n            {\n              relationTo: activeRelationTo,\n              value: selectedDoc,\n            },\n          ]\n        }\n        return currentDocs\n      })\n      if (hasMany) {\n        onChange([...(Array.isArray(value) ? value : []), doc.id])\n      } else {\n        onChange(doc.id)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n  )\n\n  const reloadDoc = React.useCallback<ReloadDoc>(\n    async (docID, collectionSlug) => {\n      const { docs } = await populateDocs([docID], collectionSlug)\n\n      if (docs[0]) {\n        let updatedDocsToPropogate = []\n        setPopulatedDocs((currentDocs) => {\n          const existingDocIndex = currentDocs?.findIndex((doc) => {\n            const hasExisting = doc.value?.id === docs[0].id || doc.value?.isPlaceholder\n            return hasExisting && doc.relationTo === collectionSlug\n          })\n          if (existingDocIndex > -1) {\n            const updatedDocs = [...currentDocs]\n            updatedDocs[existingDocIndex] = {\n              relationTo: collectionSlug,\n              value: docs[0],\n            }\n            updatedDocsToPropogate = updatedDocs\n            return updatedDocs\n          }\n        })\n\n        if (updatedDocsToPropogate.length && hasMany) {\n          onChange(updatedDocsToPropogate.map((doc) => doc.value?.id))\n        }\n      }\n    },\n    [populateDocs, onChange, hasMany],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const newValueIDs = newValue.map(({ value }) => value.id)\n      onChange(newValueIDs)\n      setPopulatedDocs(newValue)\n    },\n    [onChange],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n      onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n      setPopulatedDocs(newValue ? newValue : [])\n    },\n    [onChange, hasMany],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        loadedValueDocsRef.current = true\n        const loadedDocs = await populateDocs(\n          Array.isArray(value) ? value : [value],\n          activeRelationTo,\n        )\n        if (loadedDocs) {\n          setPopulatedDocs(\n            loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n          )\n        }\n      }\n    }\n\n    if (!loadedValueDocsRef.current) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, activeRelationTo, value])\n\n  useEffect(() => {\n    setOnSuccess(path, onUploadSuccess)\n  }, [value, path, onUploadSuccess, setOnSuccess])\n\n  const showDropzone =\n    !value ||\n    (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)) ||\n    (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined')\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${baseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n      </div>\n      {BeforeInput}\n      <div className={`${baseClass}__dropzoneAndUpload`}>\n        {hasMany && Array.isArray(value) && value.length > 0 ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 ? (\n              <UploadComponentHasMany\n                displayPreview={displayPreview}\n                fileDocs={populatedDocs}\n                isSortable={isSortable && !readOnly}\n                onRemove={onRemove}\n                onReorder={onReorder}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n              />\n            ) : (\n              <div className={`${baseClass}__loadingRows`}>\n                {value.map((id) => (\n                  <ShimmerEffect height=\"40px\" key={id} />\n                ))}\n              </div>\n            )}\n          </>\n        ) : null}\n        {!hasMany && value ? (\n          <>\n            {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n              <UploadComponentHasOne\n                displayPreview={displayPreview}\n                fileDoc={populatedDocs[0]}\n                onRemove={onRemove}\n                readonly={readOnly}\n                reloadDoc={reloadDoc}\n                serverURL={serverURL}\n              />\n            ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n              <>\n                {t('general:untitled')} - ID: {value}\n              </>\n            ) : (\n              <ShimmerEffect height=\"62px\" />\n            )}\n          </>\n        ) : null}\n        {showDropzone ? (\n          <Dropzone\n            disabled={readOnly || !canCreate}\n            multipleFiles={hasMany}\n            onChange={onLocalFileSelection}\n          >\n            <div className={`${baseClass}__dropzoneContent`}>\n              <div className={`${baseClass}__dropzoneContent__buttons`}>\n                {canCreate && (\n                  <>\n                    <Button\n                      buttonStyle=\"pill\"\n                      className={`${baseClass}__createNewToggler`}\n                      disabled={readOnly || !canCreate}\n                      onClick={() => {\n                        if (!readOnly) {\n                          if (hasMany) {\n                            onLocalFileSelection()\n                          } else {\n                            openCreateDocDrawer()\n                          }\n                        }\n                      }}\n                      size=\"small\"\n                    >\n                      {t('general:createNew')}\n                    </Button>\n                    <span className={`${baseClass}__dropzoneContent__orText`}>\n                      {t('general:or')}\n                    </span>\n                  </>\n                )}\n                <Button\n                  buttonStyle=\"pill\"\n                  className={`${baseClass}__listToggler`}\n                  disabled={readOnly}\n                  onClick={openListDrawer}\n                  size=\"small\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n                <CreateDocDrawer onSave={onDocCreate} />\n                <ListDrawer\n                  allowCreate={canCreate}\n                  enableRowSelections={hasMany}\n                  onBulkSelect={onListBulkSelect}\n                  onSelect={onListSelect}\n                />\n              </div>\n\n              {canCreate && !readOnly && (\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              )}\n            </div>\n          </Dropzone>\n        ) : (\n          <>\n            {!readOnly &&\n            !populatedDocs &&\n            (!value ||\n              typeof maxRows !== 'number' ||\n              (Array.isArray(value) && value.length < maxRows)) ? (\n              <ShimmerEffect height=\"40px\" />\n            ) : null}\n          </>\n        )}\n      </div>\n      {AfterInput}\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}