@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.294ea5c

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","wordBoundariesRegex","qs","React","useCallback","useEffect","useReducer","useRef","useState","ReactSelect","useFieldProps","useField","withCondition","useDebouncedCallback","useAuth","useConfig","useLocale","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","AddNewRelation","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","$","descriptionProps","errorProps","field","t0","labelProps","readOnly","readOnlyFromTopLevelProps","validate","name","_path","pathFromProps","admin","t1","hasMany","label","relationTo","required","t2","undefined","allowCreate","t3","className","description","isSortable","t4","readOnlyFromAdmin","sortOptions","style","width","readOnlyFromProps","config","collections","routes","t5","serverURL","api","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","t6","Symbol","for","options","dispatchOptions","lastFullyLoadedRelation","setLastFullyLoadedRelation","t7","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","hasLoadedFirstPageRef","t8","value","validationOptions","memoizedValidate","path","pathFromContext","readOnlyFromContext","t9","t10","filterOptions","formInitializing","formProcessing","initialValue","setValue","showError","value_0","valueRef","current","drawerIsOpen","setDrawerIsOpen","t11","t12","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","find","coll","slug","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","where","and","id","not_in","push","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","getResults","searchArg_0","valueArg_0","updateSearch","t13","searchArg_1","valueArg_1","handleInputChange","t14","relationMap_0","Object","entries","priorRelation_0","t15","relation_0","idsToLoad","filter","optionGroup","option","query_0","in","response_0","collection_0","coll_0","data_0","t16","t17","relations_0","isIdOnly","idOnly","relation_1","collection_1","coll_1","fieldToSearch_0","t18","args","collectionConfig","doc","onSave","filterOption","_temp","valueToRender","t19","t20","t21","t22","t23","Boolean","t24","t25","t26","_jsx","children","t27","_jsxs","join","replace","Label","components","CustomError","Error","backspaceRemovesValue","customProps","disableKeyDown","disableMouseDown","disabled","getOptionValue","option_0","isMulti","onChange","selected","map","option_1","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","Description","RelationshipField","item","searchFilter","r","string","indexOfSpace","test"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, RelationshipFieldProps, Where } from 'payload'\n\nimport { wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { GetResults, Option, Value } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.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 { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { AddNewRelation } from './AddNew/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport './index.scss'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\n\nconst RelationshipFieldComponent: React.FC<RelationshipFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        allowCreate = true,\n        className,\n        description,\n        isSortable = true,\n        readOnly: readOnlyFromAdmin,\n        sortOptions,\n        style,\n        width,\n      } = {},\n      hasMany,\n      label,\n      relationTo,\n      required,\n    },\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { config } = useConfig()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { code: locale } = useLocale()\n  const hasMultipleRelations = Array.isArray(relationTo)\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\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 = useRef(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const {\n    filterOptions,\n    formInitializing,\n    formProcessing,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value | Value[]>({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const readOnly = readOnlyFromProps || readOnlyFromContext || formInitializing\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [drawerIsOpen, setDrawerIsOpen] = useState(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\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        hasMany,\n        relationTo,\n        value: valueArg,\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 = collections.find((coll) => coll.slug === 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              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            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                  // TODO: fix this\n                  // @ts-expect-error-next-line\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                // TODO: fix this\n                // @ts-expect-error-next-line\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') onSuccess()\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      hasMany,\n      errorLoading,\n      search,\n      collections,\n      locale,\n      filterOptions,\n      serverURL,\n      sortOptions,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n    void getResults({ lastLoadedPage: {}, search: searchArg, sort: true, value: valueArg })\n    setSearch(searchArg)\n  }, 300)\n\n  const handleInputChange = useCallback(\n    (searchArg: string, valueArg: Value | Value[]) => {\n      if (search !== searchArg) {\n        setLastLoadedPage({})\n        updateSearch(searchArg, valueArg, searchArg !== '')\n      }\n    },\n    [search, updateSearch],\n  )\n\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n\n  useEffect(() => {\n    const relationMap = createRelationMap({\n      hasMany,\n      relationTo,\n      value,\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 = collections.find((coll) => coll.slug === 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            // TODO: fix this\n            // @ts-expect-error-next-line\n            config,\n            docs,\n            i18n,\n            ids: idsToLoad,\n            sort: true,\n          })\n        }\n      }\n    }, Promise.resolve())\n  }, [\n    options,\n    value,\n    hasMany,\n    errorLoading,\n    collections,\n    hasMultipleRelations,\n    serverURL,\n    api,\n    i18n,\n    relationTo,\n    locale,\n    config,\n  ])\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 = collections.find((coll) => coll.slug === relation)\n      const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n      return fieldToSearch === 'id' && idOnly\n    }, true)\n    setEnableWordBoundarySearch(!isIdOnly)\n  }, [relationTo, collections])\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 getFormState and fast clicking into this field,\n    // re-fetch options\n\n    if (hasLoadedFirstPageRef.current && menuIsOpen.current) {\n      setIsLoading(true)\n      void getResults({\n        lastLoadedPage: {},\n        onSuccess: () => {\n          hasLoadedFirstPageRef.current = true\n          setIsLoading(false)\n        },\n        value: valueRef.current,\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\n    // opens by the user\n\n    dispatchOptions({ type: 'CLEAR' })\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n    hasLoadedFirstPageRef.current = false\n  }, [\n    relationTo,\n    filterOptions,\n    locale,\n    menuIsOpen,\n    getResults,\n    valueRef,\n    hasLoadedFirstPageRef,\n    path,\n  ])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        // TODO: fix this\n        // @ts-expect-error-next-line\n        config,\n        doc: args.doc,\n        i18n,\n      })\n    },\n    [i18n, config],\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 string = item.label\n    // strings less than breakApartThreshold length won't be chunked\n    while (string.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 = string.indexOf(' ', searchFilter.length)\n      if (r.test(string.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))) {\n        return true\n      }\n      string = string.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n    }\n    return r.test(string.slice(-breakApartThreshold))\n  }, [])\n\n  const valueToRender = findOptionsByValue({ options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') valueToRender.value = null\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={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={field?.admin?.components?.Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\n        />\n        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!drawerIsOpen}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n              }}\n              customProps={{\n                disableKeyDown: drawerIsOpen,\n                disableMouseDown: drawerIsOpen,\n                onSave,\n                setDrawerIsOpen,\n              }}\n              disabled={readOnly || formProcessing || drawerIsOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option) => {\n                if (!option) return undefined\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : option.value\n              }}\n              isLoading={isLoading}\n              isMulti={hasMany}\n              isSortable={isSortable}\n              onChange={\n                !readOnly\n                  ? (selected) => {\n                      if (selected === null) {\n                        setValue(hasMany ? [] : null)\n                      } else if (hasMany && Array.isArray(selected)) {\n                        setValue(\n                          selected\n                            ? selected.map((option) => {\n                                if (hasMultipleRelations) {\n                                  return {\n                                    relationTo: option.relationTo,\n                                    value: option.value,\n                                  }\n                                }\n\n                                return option.value\n                              })\n                            : null,\n                        )\n                      } else if (hasMultipleRelations && !Array.isArray(selected)) {\n                        setValue({\n                          relationTo: selected.relationTo,\n                          value: selected.value,\n                        })\n                      } else if (!Array.isArray(selected)) {\n                        setValue(selected.value)\n                      }\n                    }\n                  : undefined\n              }\n              onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n              onMenuClose={() => {\n                menuIsOpen.current = false\n              }}\n              onMenuOpen={() => {\n                menuIsOpen.current = true\n\n                if (!hasLoadedFirstPageRef.current) {\n                  setIsLoading(true)\n                  void getResults({\n                    lastLoadedPage: {},\n                    onSuccess: () => {\n                      hasLoadedFirstPageRef.current = true\n                      setIsLoading(false)\n                    },\n                    value: initialValue,\n                  })\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  value: initialValue,\n                })\n              }}\n              options={options}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!readOnly && allowCreate && (\n              <AddNewRelation\n                {...{\n                  dispatchOptions,\n                  hasMany,\n                  options,\n                  path,\n                  relationTo,\n                  setValue,\n                  value,\n                }}\n              />\n            )}\n          </div>\n        )}\n        {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n        <FieldDescription\n          Description={field?.admin?.components?.Description}\n          description={description}\n          field={field}\n          {...(descriptionProps || {})}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["wordBoundariesRegex","qs","React","useCallback","useEffect","useReducer","useRef","useState","AddNewRelation","ReactSelect","useFieldProps","useField","withCondition","useDebouncedCallback","useAuth","useConfig","useLocale","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","descriptionProps","errorProps","field","name","_path","pathFromProps","admin","allowCreate","className","description","isSortable","readOnly","readOnlyFromAdmin","sortOptions","style","width","hasMany","label","relationTo","required","labelProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","config","collections","routes","api","serverURL","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","options","dispatchOptions","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","path","pathFromContext","readOnlyFromContext","filterOptions","formInitializing","formProcessing","initialValue","setValue","showError","valueRef","current","drawerIsOpen","setDrawerIsOpen","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","find","coll","slug","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","where","and","id","not_in","push","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","Object","entries","idsToLoad","filter","optionGroup","option","in","isIdOnly","idOnly","onSave","args","collectionConfig","doc","filterOption","item","searchFilter","r","breakApartThreshold","string","indexOfSpace","test","valueToRender","_jsxs","Boolean","join","replace","_jsx","Label","components","CustomError","Error","backspaceRemovesValue","customProps","disableKeyDown","disableMouseDown","disabled","undefined","getOptionValue","isMulti","onChange","selected","map","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","Description","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, RelationshipFieldProps, Where } from 'payload'\n\nimport { wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { GetResults, Option, Value } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.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 { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport './index.scss'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\n\nconst RelationshipFieldComponent: React.FC<RelationshipFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        allowCreate = true,\n        className,\n        description,\n        isSortable = true,\n        readOnly: readOnlyFromAdmin,\n        sortOptions,\n        style,\n        width,\n      } = {},\n      hasMany,\n      label,\n      relationTo,\n      required,\n    },\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { config } = useConfig()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { code: locale } = useLocale()\n  const hasMultipleRelations = Array.isArray(relationTo)\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\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 = useRef(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const {\n    filterOptions,\n    formInitializing,\n    formProcessing,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value | Value[]>({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const readOnly = readOnlyFromProps || readOnlyFromContext || formInitializing\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [drawerIsOpen, setDrawerIsOpen] = useState(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\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        hasMany,\n        relationTo,\n        value: valueArg,\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 = collections.find((coll) => coll.slug === 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              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            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                  // TODO: fix this\n                  // @ts-expect-error-next-line\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                // TODO: fix this\n                // @ts-expect-error-next-line\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') onSuccess()\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      hasMany,\n      errorLoading,\n      search,\n      collections,\n      locale,\n      filterOptions,\n      serverURL,\n      sortOptions,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n    void getResults({ lastLoadedPage: {}, search: searchArg, sort: true, value: valueArg })\n    setSearch(searchArg)\n  }, 300)\n\n  const handleInputChange = useCallback(\n    (searchArg: string, valueArg: Value | Value[]) => {\n      if (search !== searchArg) {\n        setLastLoadedPage({})\n        updateSearch(searchArg, valueArg, searchArg !== '')\n      }\n    },\n    [search, updateSearch],\n  )\n\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n\n  useEffect(() => {\n    const relationMap = createRelationMap({\n      hasMany,\n      relationTo,\n      value,\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 = collections.find((coll) => coll.slug === 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            // TODO: fix this\n            // @ts-expect-error-next-line\n            config,\n            docs,\n            i18n,\n            ids: idsToLoad,\n            sort: true,\n          })\n        }\n      }\n    }, Promise.resolve())\n  }, [\n    options,\n    value,\n    hasMany,\n    errorLoading,\n    collections,\n    hasMultipleRelations,\n    serverURL,\n    api,\n    i18n,\n    relationTo,\n    locale,\n    config,\n  ])\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 = collections.find((coll) => coll.slug === relation)\n      const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n      return fieldToSearch === 'id' && idOnly\n    }, true)\n    setEnableWordBoundarySearch(!isIdOnly)\n  }, [relationTo, collections])\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 getFormState and fast clicking into this field,\n    // re-fetch options\n\n    if (hasLoadedFirstPageRef.current && menuIsOpen.current) {\n      setIsLoading(true)\n      void getResults({\n        lastLoadedPage: {},\n        onSuccess: () => {\n          hasLoadedFirstPageRef.current = true\n          setIsLoading(false)\n        },\n        value: valueRef.current,\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\n    // opens by the user\n\n    dispatchOptions({ type: 'CLEAR' })\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n    hasLoadedFirstPageRef.current = false\n  }, [\n    relationTo,\n    filterOptions,\n    locale,\n    menuIsOpen,\n    getResults,\n    valueRef,\n    hasLoadedFirstPageRef,\n    path,\n  ])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        // TODO: fix this\n        // @ts-expect-error-next-line\n        config,\n        doc: args.doc,\n        i18n,\n      })\n    },\n    [i18n, config],\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 string = item.label\n    // strings less than breakApartThreshold length won't be chunked\n    while (string.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 = string.indexOf(' ', searchFilter.length)\n      if (r.test(string.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))) {\n        return true\n      }\n      string = string.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n    }\n    return r.test(string.slice(-breakApartThreshold))\n  }, [])\n\n  const valueToRender = findOptionsByValue({ options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') valueToRender.value = null\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={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={field?.admin?.components?.Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\n        />\n        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!drawerIsOpen}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n              }}\n              customProps={{\n                disableKeyDown: drawerIsOpen,\n                disableMouseDown: drawerIsOpen,\n                onSave,\n                setDrawerIsOpen,\n              }}\n              disabled={readOnly || formProcessing || drawerIsOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option) => {\n                if (!option) return undefined\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : option.value\n              }}\n              isLoading={isLoading}\n              isMulti={hasMany}\n              isSortable={isSortable}\n              onChange={\n                !readOnly\n                  ? (selected) => {\n                      if (selected === null) {\n                        setValue(hasMany ? [] : null)\n                      } else if (hasMany && Array.isArray(selected)) {\n                        setValue(\n                          selected\n                            ? selected.map((option) => {\n                                if (hasMultipleRelations) {\n                                  return {\n                                    relationTo: option.relationTo,\n                                    value: option.value,\n                                  }\n                                }\n\n                                return option.value\n                              })\n                            : null,\n                        )\n                      } else if (hasMultipleRelations && !Array.isArray(selected)) {\n                        setValue({\n                          relationTo: selected.relationTo,\n                          value: selected.value,\n                        })\n                      } else if (!Array.isArray(selected)) {\n                        setValue(selected.value)\n                      }\n                    }\n                  : undefined\n              }\n              onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n              onMenuClose={() => {\n                menuIsOpen.current = false\n              }}\n              onMenuOpen={() => {\n                menuIsOpen.current = true\n\n                if (!hasLoadedFirstPageRef.current) {\n                  setIsLoading(true)\n                  void getResults({\n                    lastLoadedPage: {},\n                    onSuccess: () => {\n                      hasLoadedFirstPageRef.current = true\n                      setIsLoading(false)\n                    },\n                    value: initialValue,\n                  })\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  value: initialValue,\n                })\n              }}\n              options={options}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!readOnly && allowCreate && (\n              <AddNewRelation\n                hasMany={hasMany}\n                path={path}\n                relationTo={relationTo}\n                setValue={setValue}\n                value={value}\n              />\n            )}\n          </div>\n        )}\n        {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n        <FieldDescription\n          Description={field?.admin?.components?.Description}\n          description={description}\n          field={field}\n          {...(descriptionProps || {})}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type { UploadFieldPropsWithContext } from '../HasOne/index.js';
+import './index.scss';
+export declare const UploadComponentHasMany: React.FC<UploadFieldPropsWithContext<string[]>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAcrE,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,MAAM,EAAE,CAAC,CAyQlF,CAAA"}

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

@@ -0,0 +1,238 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as qs from 'qs-esm';
+import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
+import { AddNewRelation } from '../../../elements/AddNewRelation/index.js';
+import { Button } from '../../../elements/Button/index.js';
+import { DraggableSortable } from '../../../elements/DraggableSortable/index.js';
+import { FileDetails } from '../../../elements/FileDetails/index.js';
+import { useListDrawer } from '../../../elements/ListDrawer/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { FieldLabel } from '../../FieldLabel/index.js';
+const baseClass = 'upload upload--has-many';
+import './index.scss';
+export const UploadComponentHasMany = props => {
+  const {
+    canCreate,
+    field,
+    field: {
+      _path,
+      admin: {
+        components: {
+          Label
+        },
+        isSortable
+      },
+      hasMany,
+      label,
+      relationTo
+    },
+    fieldHookResult: {
+      filterOptions: filterOptionsFromProps,
+      setValue,
+      value
+    },
+    readOnly
+  } = props;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    config: {
+      collections,
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const filterOptions = useMemo(() => {
+    if (typeof relationTo === 'string') {
+      return {
+        ...filterOptionsFromProps,
+        [relationTo]: {
+          ...(filterOptionsFromProps?.[relationTo] || {}),
+          id: {
+            ...(filterOptionsFromProps?.[relationTo]?.id || {}),
+            not_in: filterOptionsFromProps?.[relationTo]?.id?.not_in || value
+          }
+        }
+      };
+    }
+  }, [value, relationTo, filterOptionsFromProps]);
+  const [fileDocs, setFileDocs] = useState([]);
+  const [missingFiles, setMissingFiles] = useState(false);
+  const {
+    code
+  } = useLocale();
+  useEffect(() => {
+    if (value !== null && typeof value !== 'undefined' && value.length !== 0) {
+      const query = {
+        depth: 0,
+        draft: true,
+        locale: code,
+        where: {
+          and: [{
+            id: {
+              in: value
+            }
+          }]
+        }
+      };
+      const fetchFile = async () => {
+        const response = await fetch(`${serverURL}${api}/${relationTo}`, {
+          body: qs.stringify(query),
+          credentials: 'include',
+          headers: {
+            'Accept-Language': i18n.language,
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'X-HTTP-Method-Override': 'GET'
+          },
+          method: 'POST'
+        });
+        if (response.ok) {
+          const json = await response.json();
+          setFileDocs(json.docs);
+        } else {
+          setMissingFiles(true);
+          setFileDocs([]);
+        }
+      };
+      void fetchFile();
+    }
+  }, [value, relationTo, api, serverURL, i18n, code]);
+  function moveItemInArray(array, moveFromIndex, moveToIndex) {
+    const newArray = [...array];
+    const [item] = newArray.splice(moveFromIndex, 1);
+    newArray.splice(moveToIndex, 0, item);
+    return newArray;
+  }
+  const moveRow = useCallback((moveFromIndex_0, moveToIndex_0) => {
+    const updatedArray = moveItemInArray(value, moveFromIndex_0, moveToIndex_0);
+    setValue(updatedArray);
+  }, [value, setValue]);
+  const removeItem = useCallback(index => {
+    const updatedArray_0 = [...value];
+    updatedArray_0.splice(index, 1);
+    setValue(updatedArray_0);
+  }, [value, setValue]);
+  const [ListDrawer, ListDrawerToggler] = useListDrawer({
+    collectionSlugs: typeof relationTo === 'string' ? [relationTo] : collections.map(collection => collection.slug),
+    filterOptions
+  });
+  const collection_0 = collections.find(coll => coll.slug === relationTo);
+  // Get the labels of the collections that the relation is to
+  const labels_0 = useMemo(() => {
+    function joinWithCommaAndOr(items) {
+      const or = t('general:or');
+      if (items.length === 0) return '';
+      if (items.length === 1) return items[0];
+      if (items.length === 2) return items.join(` ${or} `);
+      return items.slice(0, -1).join(', ') + ` ${or} ` + items[items.length - 1];
+    }
+    const labels = [];
+    collections.forEach(collection_1 => {
+      if (relationTo.includes(collection_1.slug)) {
+        labels.push(collection_1.labels?.singular || collection_1.slug);
+      }
+    });
+    return joinWithCommaAndOr(labels);
+  }, [collections, relationTo, t]);
+  const onBulkSelect = useCallback(selections => {
+    const selectedIDs = Object.entries(selections).reduce((acc, [key, value_0]) => value_0 ? [...acc, key] : acc, []);
+    if (value?.length) setValue([...value, ...selectedIDs]);else setValue(selectedIDs);
+  }, [setValue, value]);
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: [baseClass].join(' '),
+      children: [/*#__PURE__*/_jsx(FieldLabel, {
+        Label: Label,
+        field: field,
+        label: label
+      }), /*#__PURE__*/_jsx("div", {
+        children: missingFiles || !value?.length ? /*#__PURE__*/_jsx("div", {
+          className: [`${baseClass}__no-data`].join(' '),
+          children: t('version:noRowsSelected', {
+            label: labels_0
+          })
+        }) : /*#__PURE__*/_jsx(DraggableSortable, {
+          className: `${baseClass}__draggable-rows`,
+          ids: value,
+          onDragEnd: ({
+            moveFromIndex: moveFromIndex_1,
+            moveToIndex: moveToIndex_1
+          }) => moveRow(moveFromIndex_1, moveToIndex_1),
+          children: Boolean(value.length) && value.map((id, index_0) => {
+            const doc_0 = fileDocs.find(doc => doc.id === id);
+            const uploadConfig = collection_0?.upload;
+            if (!doc_0) {
+              return null;
+            }
+            return /*#__PURE__*/_jsx(FileDetails, {
+              collectionSlug: relationTo,
+              doc: doc_0,
+              hasMany: true,
+              isSortable: isSortable,
+              removeItem: removeItem,
+              rowIndex: index_0,
+              uploadConfig: uploadConfig
+            }, id);
+          })
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: [`${baseClass}__controls`].join(' '),
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: [`${baseClass}__buttons`].join(' '),
+          children: [canCreate && /*#__PURE__*/_jsx("div", {
+            className: [`${baseClass}__add-new`].join(' '),
+            children: /*#__PURE__*/_jsx(AddNewRelation, {
+              Button: /*#__PURE__*/_jsx(Button, {
+                buttonStyle: "icon-label",
+                el: "span",
+                icon: "plus",
+                iconPosition: "left",
+                iconStyle: "with-border",
+                children: t('fields:addNew')
+              }),
+              hasMany: hasMany,
+              path: _path,
+              relationTo: relationTo,
+              setValue: setValue,
+              unstyled: true,
+              value: value
+            })
+          }), /*#__PURE__*/_jsx(ListDrawerToggler, {
+            className: `${baseClass}__toggler`,
+            disabled: readOnly,
+            children: /*#__PURE__*/_jsx("div", {
+              children: /*#__PURE__*/_jsx(Button, {
+                buttonStyle: "icon-label",
+                el: "span",
+                icon: "plus",
+                iconPosition: "left",
+                iconStyle: "with-border",
+                children: t('fields:chooseFromExisting')
+              })
+            })
+          })]
+        }), Boolean(value.length) && /*#__PURE__*/_jsx("button", {
+          className: `${baseClass}__clear-all`,
+          onClick: () => setValue([]),
+          type: "button",
+          children: t('general:clearAll')
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(ListDrawer, {
+      enableRowSelections: true,
+      onBulkSelect: onBulkSelect,
+      onSelect: selection => {
+        if (value?.length) setValue([...value, selection.docID]);else setValue([selection.docID]);
+      }
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["qs","Fragment","useCallback","useEffect","useMemo","useState","AddNewRelation","Button","DraggableSortable","FileDetails","useListDrawer","useConfig","useLocale","useTranslation","FieldLabel","baseClass","UploadComponentHasMany","props","canCreate","field","_path","admin","components","Label","isSortable","hasMany","label","relationTo","fieldHookResult","filterOptions","filterOptionsFromProps","setValue","value","readOnly","i18n","t","config","collections","routes","api","serverURL","id","not_in","fileDocs","setFileDocs","missingFiles","setMissingFiles","code","length","query","depth","draft","locale","where","and","in","fetchFile","response","fetch","body","stringify","credentials","headers","language","method","ok","json","docs","moveItemInArray","array","moveFromIndex","moveToIndex","newArray","item","splice","moveRow","updatedArray","removeItem","index","ListDrawer","ListDrawerToggler","collectionSlugs","map","collection","slug","find","coll","labels","joinWithCommaAndOr","items","or","join","slice","forEach","includes","push","singular","onBulkSelect","selections","selectedIDs","Object","entries","reduce","acc","key","_jsxs","className","_jsx","ids","onDragEnd","Boolean","doc","uploadConfig","upload","collectionSlug","rowIndex","buttonStyle","el","icon","iconPosition","iconStyle","path","unstyled","disabled","onClick","type","enableRowSelections","onSelect","selection","docID"],"sources":["../../../../src/fields/Upload/HasMany/index.tsx"],"sourcesContent":["'use client'\nimport type { FilterOptionsResult, Where } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { useSelection } from '../../../providers/Selection/index.js'\nimport type { UploadFieldPropsWithContext } from '../HasOne/index.js'\n\nimport { AddNewRelation } from '../../../elements/AddNewRelation/index.js'\nimport { Button } from '../../../elements/Button/index.js'\nimport { DraggableSortable } from '../../../elements/DraggableSortable/index.js'\nimport { FileDetails } from '../../../elements/FileDetails/index.js'\nimport { useListDrawer } from '../../../elements/ListDrawer/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { FieldLabel } from '../../FieldLabel/index.js'\n\nconst baseClass = 'upload upload--has-many'\n\nimport './index.scss'\n\nexport const UploadComponentHasMany: React.FC<UploadFieldPropsWithContext<string[]>> = (props) => {\n  const {\n    canCreate,\n    field,\n    field: {\n      _path,\n      admin: {\n        components: { Label },\n        isSortable,\n      },\n      hasMany,\n      label,\n      relationTo,\n    },\n    fieldHookResult: { filterOptions: filterOptionsFromProps, setValue, value },\n    readOnly,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    if (typeof relationTo === 'string') {\n      return {\n        ...filterOptionsFromProps,\n        [relationTo]: {\n          ...((filterOptionsFromProps?.[relationTo] as any) || {}),\n          id: {\n            ...((filterOptionsFromProps?.[relationTo] as any)?.id || {}),\n            not_in: (filterOptionsFromProps?.[relationTo] as any)?.id?.not_in || value,\n          },\n        },\n      }\n    }\n  }, [value, relationTo, filterOptionsFromProps])\n\n  const [fileDocs, setFileDocs] = useState([])\n  const [missingFiles, setMissingFiles] = useState(false)\n\n  const { code } = useLocale()\n\n  useEffect(() => {\n    if (value !== null && typeof value !== 'undefined' && value.length !== 0) {\n      const query: {\n        [key: string]: unknown\n        where: Where\n      } = {\n        depth: 0,\n        draft: true,\n        locale: code,\n        where: {\n          and: [\n            {\n              id: {\n                in: value,\n              },\n            },\n          ],\n        },\n      }\n\n      const fetchFile = async () => {\n        const response = await fetch(`${serverURL}${api}/${relationTo}`, {\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          setFileDocs(json.docs)\n        } else {\n          setMissingFiles(true)\n          setFileDocs([])\n        }\n      }\n\n      void fetchFile()\n    }\n  }, [value, relationTo, api, serverURL, i18n, code])\n\n  function moveItemInArray<T>(array: T[], moveFromIndex: number, moveToIndex: number): T[] {\n    const newArray = [...array]\n    const [item] = newArray.splice(moveFromIndex, 1)\n\n    newArray.splice(moveToIndex, 0, item)\n\n    return newArray\n  }\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      const updatedArray = moveItemInArray(value, moveFromIndex, moveToIndex)\n      setValue(updatedArray)\n    },\n    [value, setValue],\n  )\n\n  const removeItem = useCallback(\n    (index: number) => {\n      const updatedArray = [...value]\n      updatedArray.splice(index, 1)\n      setValue(updatedArray)\n    },\n    [value, setValue],\n  )\n\n  const [ListDrawer, ListDrawerToggler] = useListDrawer({\n    collectionSlugs:\n      typeof relationTo === 'string'\n        ? [relationTo]\n        : collections.map((collection) => collection.slug),\n    filterOptions,\n  })\n\n  const collection = collections.find((coll) => coll.slug === relationTo)\n\n  // Get the labels of the collections that the relation is to\n  const labels = useMemo(() => {\n    function joinWithCommaAndOr(items: string[]): string {\n      const or = t('general:or')\n\n      if (items.length === 0) return ''\n      if (items.length === 1) return items[0]\n      if (items.length === 2) return items.join(` ${or} `)\n\n      return items.slice(0, -1).join(', ') + ` ${or} ` + items[items.length - 1]\n    }\n\n    const labels = []\n\n    collections.forEach((collection) => {\n      if (relationTo.includes(collection.slug)) {\n        labels.push(collection.labels?.singular || collection.slug)\n      }\n    })\n\n    return joinWithCommaAndOr(labels)\n  }, [collections, relationTo, t])\n\n  const onBulkSelect = useCallback(\n    (selections: ReturnType<typeof useSelection>['selected']) => {\n      const selectedIDs = Object.entries(selections).reduce(\n        (acc, [key, value]) => (value ? [...acc, key] : acc),\n        [] as string[],\n      )\n      if (value?.length) setValue([...value, ...selectedIDs])\n      else setValue(selectedIDs)\n    },\n    [setValue, value],\n  )\n\n  return (\n    <Fragment>\n      <div className={[baseClass].join(' ')}>\n        <FieldLabel Label={Label} field={field} label={label} />\n\n        <div>\n          {missingFiles || !value?.length ? (\n            <div className={[`${baseClass}__no-data`].join(' ')}>\n              {t('version:noRowsSelected', { label: labels })}\n            </div>\n          ) : (\n            <DraggableSortable\n              className={`${baseClass}__draggable-rows`}\n              ids={value}\n              onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n            >\n              {Boolean(value.length) &&\n                value.map((id, index) => {\n                  const doc = fileDocs.find((doc) => doc.id === id)\n                  const uploadConfig = collection?.upload\n\n                  if (!doc) {\n                    return null\n                  }\n\n                  return (\n                    <FileDetails\n                      collectionSlug={relationTo}\n                      doc={doc}\n                      hasMany={true}\n                      isSortable={isSortable}\n                      key={id}\n                      removeItem={removeItem}\n                      rowIndex={index}\n                      uploadConfig={uploadConfig}\n                    />\n                  )\n                })}\n            </DraggableSortable>\n          )}\n        </div>\n\n        <div className={[`${baseClass}__controls`].join(' ')}>\n          <div className={[`${baseClass}__buttons`].join(' ')}>\n            {canCreate && (\n              <div className={[`${baseClass}__add-new`].join(' ')}>\n                <AddNewRelation\n                  Button={\n                    <Button\n                      buttonStyle=\"icon-label\"\n                      el=\"span\"\n                      icon=\"plus\"\n                      iconPosition=\"left\"\n                      iconStyle=\"with-border\"\n                    >\n                      {t('fields:addNew')}\n                    </Button>\n                  }\n                  hasMany={hasMany}\n                  path={_path}\n                  relationTo={relationTo}\n                  setValue={setValue}\n                  unstyled\n                  value={value}\n                />\n              </div>\n            )}\n            <ListDrawerToggler className={`${baseClass}__toggler`} disabled={readOnly}>\n              <div>\n                <Button\n                  buttonStyle=\"icon-label\"\n                  el=\"span\"\n                  icon=\"plus\"\n                  iconPosition=\"left\"\n                  iconStyle=\"with-border\"\n                >\n                  {t('fields:chooseFromExisting')}\n                </Button>\n              </div>\n            </ListDrawerToggler>\n          </div>\n          {Boolean(value.length) && (\n            <button\n              className={`${baseClass}__clear-all`}\n              onClick={() => setValue([])}\n              type=\"button\"\n            >\n              {t('general:clearAll')}\n            </button>\n          )}\n        </div>\n      </div>\n      <ListDrawer\n        enableRowSelections\n        onBulkSelect={onBulkSelect}\n        onSelect={(selection) => {\n          if (value?.length) setValue([...value, selection.docID])\n          else setValue([selection.docID])\n        }}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/HasMany/index.scss

@@ -0,0 +1,71 @@
+@import '../../../scss/styles.scss';
+
+.upload--has-many {
+  position: relative;
+  max-width: 100%;
+
+  &__controls {
+    display: flex;
+    flex-wrap: wrap;
+    gap: base(2);
+    margin-top: base(1);
+
+    @include extra-small-break {
+      gap: base(1);
+    }
+  }
+
+  &__buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: base(1);
+
+    & .relationship-add-new__add-button {
+      padding: 0;
+    }
+  }
+
+  &__add-new {
+    display: flex;
+    gap: base(0.5);
+  }
+
+  &__clear-all {
+    all: unset;
+    flex-shrink: 0;
+    font-size: inherit;
+    font-family: inherit;
+    color: inherit;
+    cursor: pointer;
+    margin-inline-start: auto;
+    color: var(--theme-elevation-800);
+
+    @include extra-small-break {
+      margin-inline-start: 0;
+    }
+  }
+
+  &__draggable-rows {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  &__no-data {
+    background: var(--theme-elevation-50);
+    padding: 1rem 0.75rem;
+    border-radius: 3px;
+    color: var(--theme-elevation-700);
+    text-align: center;
+  }
+}
+
+html[data-theme='light'] {
+  .upload {
+  }
+}
+
+html[data-theme='dark'] {
+  .upload {
+  }
+}

package/dist/fields/Upload/{Input.d.ts → HasOne/Input.d.ts}

@@ -31,5 +31,5 @@ export type UploadInputProps = {
     readonly value?: string;
     readonly width?: string;
 };
-export declare const UploadInput: React.FC<UploadInputProps>;
+export declare const UploadInputHasOne: React.FC<UploadInputProps>;
 //# sourceMappingURL=Input.d.ts.map

package/dist/fields/Upload/HasOne/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/fields/Upload/HasOne/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAe/D,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuKxD,CAAA"}

package/dist/fields/Upload/{Input.js → HasOne/Input.js}

@@ -4,18 +4,18 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useEffect, useState } from 'react';
-import { Button } from '../../elements/Button/index.js';
-import { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js';
-import { FileDetails } from '../../elements/FileDetails/index.js';
-import { useListDrawer } from '../../elements/ListDrawer/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { FieldDescription } from '../FieldDescription/index.js';
-import { FieldError } from '../FieldError/index.js';
-import { FieldLabel } from '../FieldLabel/index.js';
-import { fieldBaseClass } from '../shared/index.js';
+import { Button } from '../../../elements/Button/index.js';
+import { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js';
+import { FileDetails } from '../../../elements/FileDetails/index.js';
+import { useListDrawer } from '../../../elements/ListDrawer/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { FieldDescription } from '../../FieldDescription/index.js';
+import { FieldError } from '../../FieldError/index.js';
+import { FieldLabel } from '../../FieldLabel/index.js';
+import { fieldBaseClass } from '../../shared/index.js';
+import { baseClass } from '../index.js';
 import './index.scss';
-const baseClass = 'upload';
-export const UploadInput = props => {
+export const UploadInputHasOne = props => {
   const $ = _c(78);
   const {
     Description,
@@ -166,7 +166,7 @@ export const UploadInput = props => {
     t11 = $[24];
   }
   const onSelect = t11;
-  if (collection.upload) {
+  if (collection.upload && typeof relationTo === "string") {
     const t12 = showError && "error";
     const t13 = readOnly && "read-only";
     let t14;