@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

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","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","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 { 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":[]}
+{"version":3,"file":"index.js","names":["wordBoundariesRegex","qs","React","useCallback","useEffect","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useDebouncedCallback","useIgnoredEffect","useAuth","useConfig","useLocale","useTranslation","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","field","name","admin","allowCreate","allowEdit","className","description","isSortable","sortOptions","style","width","hasMany","label","localized","relationTo","required","path","pathFromProps","readOnly","validate","config","collections","routes","api","serverURL","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","customComponents","Description","Error","Label","filterOptions","initialValue","setValue","showError","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","openDrawerWhenRelationChanges","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","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","exemptValues","onSave","args","collectionConfig","doc","currentValue","docId","unchanged","some","valuesToSet","map","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","string","indexOfSpace","test","onDocumentDrawerOpen","valueToRender","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","customProps","disableKeyDown","disableMouseDown","disabled","getOptionValue","isMulti","onChange","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, RelationshipFieldClientComponent, 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 { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, Option, Value } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useIgnoredEffect } from '../../hooks/useIgnoredEffect.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 { 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: RelationshipFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: {\n        allowCreate = true,\n        allowEdit = true,\n        className,\n        description,\n        isSortable = true,\n        sortOptions,\n        style,\n        width,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\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\n  const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n    Parameters<ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']>[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 memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { Description, Error, Label } = {},\n    filterOptions,\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<Value | Value[]>({\n    path,\n    validate: memoizedValidate,\n  })\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentlyOpenRelationship.id,\n    collectionSlug: currentlyOpenRelationship.collectionSlug,\n  })\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      filterOptions,\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                  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      hasMany,\n      errorLoading,\n      search,\n      collections,\n      locale,\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({\n      filterOptions,\n      lastLoadedPage: {},\n      search: searchArg,\n      sort: true,\n      value: valueArg,\n    })\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  useIgnoredEffect(\n    () => {\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              config,\n              docs,\n              i18n,\n              ids: idsToLoad,\n              sort: true,\n            })\n          }\n        }\n      }, Promise.resolve())\n    },\n    [value],\n    [\n      options,\n      hasMany,\n      errorLoading,\n      collections,\n      hasMultipleRelations,\n      serverURL,\n      api,\n      i18n,\n      relationTo,\n      locale,\n      config,\n    ],\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  useIgnoredEffect(\n    () => {\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 getResults({\n          filterOptions,\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 opens\n      dispatchOptions({\n        type: 'CLEAR',\n        exemptValues: valueRef.current,\n      })\n\n      setLastFullyLoadedRelation(-1)\n      setLastLoadedPage({})\n    },\n    [relationTo, filterOptions, locale, path, menuIsOpen],\n    [getResults],\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 currentValue = valueRef.current\n      const docId = args.doc.id\n\n      if (hasMany) {\n        const unchanged = (currentValue as Option[]).some((option) =>\n          typeof option === 'string' ? option === docId : option.value === docId,\n        )\n\n        const valuesToSet = (currentValue as Option[]).map((option) =>\n          option.value === docId\n            ? { relationTo: args.collectionConfig.slug, value: docId }\n            : option,\n        )\n\n        setValue(valuesToSet, unchanged)\n      } else {\n        const unchanged = currentValue === docId\n\n        setValue({ relationTo: args.collectionConfig.slug, value: docId }, unchanged)\n      }\n    },\n    [i18n, config, hasMany, setValue],\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        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).concat({\n                relationTo: args.collectionConfig.slug,\n                value: args.doc.id,\n              } as Option)\n            : null,\n        )\n      } else {\n        setValue({\n          relationTo: args.collectionConfig.slug,\n          value: args.doc.id,\n        })\n      }\n    },\n    [i18n, config, hasMany, setValue],\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        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).filter((option) => {\n                return option.value !== args.id\n              })\n            : null,\n        )\n      } else {\n        setValue(null)\n      }\n\n      return\n    },\n    [i18n, config, hasMany, setValue],\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 onDocumentDrawerOpen = useCallback<\n    ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']\n  >(({ id, collectionSlug, hasReadPermission }) => {\n    openDrawerWhenRelationChanges.current = true\n    setCurrentlyOpenRelationship({\n      id,\n      collectionSlug,\n      hasReadPermission,\n    })\n  }, [])\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={{\n        ...style,\n        width,\n      }}\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        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!isDrawerOpen}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n              }}\n              customProps={{\n                disableKeyDown: isDrawerOpen,\n                disableMouseDown: isDrawerOpen,\n                onDocumentDrawerOpen,\n                onSave,\n              }}\n              disabled={readOnly || isDrawerOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option) => {\n                if (!option) {\n                  return undefined\n                }\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                setMenuIsOpen(false)\n              }}\n              onMenuOpen={() => {\n                setMenuIsOpen(true)\n\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                    value: initialValue,\n                  })\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  filterOptions,\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        <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    </div>\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/index.scss

@@ -1,63 +1,65 @@
 @import '../../scss/styles.scss';
 
-.field-type.relationship {
-  position: relative;
-}
-
-.relationship {
-  &__wrap {
-    display: flex;
-    width: 100%;
+@layer payload-default {
+  .field-type.relationship {
+    position: relative;
+  }
 
-    div.react-select {
+  .relationship {
+    &__wrap {
+      display: flex;
       width: 100%;
-      min-width: 0;
+
+      div.react-select {
+        width: 100%;
+        min-width: 0;
+      }
     }
-  }
 
-  &__error-loading {
-    border: 1px solid var(--theme-error-500);
-    min-height: base(2);
-    padding: base(0.5) base(0.75);
-    background-color: var(--theme-error-500);
-    color: var(--theme-elevation-0);
-  }
+    &__error-loading {
+      border: 1px solid var(--theme-error-500);
+      min-height: base(2);
+      padding: base(0.5) base(0.75);
+      background-color: var(--theme-error-500);
+      color: var(--theme-elevation-0);
+    }
 
-  &--allow-create {
-    .rs__control {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
+    &--allow-create {
+      .rs__control {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
     }
   }
-}
 
-html[data-theme='light'] {
-  .relationship {
-    &.error {
-      > .relationship__wrap {
-        .rs__control {
-          @include lightInputError;
+  html[data-theme='light'] {
+    .relationship {
+      &.error {
+        > .relationship__wrap {
+          .rs__control {
+            @include lightInputError;
+          }
         }
-      }
 
-      button.relationship-add-new__add-button {
-        @include lightInputError;
+        button.relationship-add-new__add-button {
+          @include lightInputError;
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .relationship {
-    &.error {
-      > .relationship__wrap {
-        .rs__control {
-          @include darkInputError;
+  html[data-theme='dark'] {
+    .relationship {
+      &.error {
+        > .relationship__wrap {
+          .rs__control {
+            @include darkInputError;
+          }
         }
-      }
 
-      button.relationship-add-new__add-button {
-        @include darkInputError;
+        button.relationship-add-new__add-button {
+          @include darkInputError;
+        }
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAU,WAAW,EAAE,MAAM,YAAY,CAAA;AAyB7D,eAAO,MAAM,cAAc,UAAW,WAAW,EAAE,UAAU,MAAM,KAAG,WAAW,EAmGhF,CAAA"}
+{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAU,WAAW,EAAE,MAAM,YAAY,CAAA;AAyB7D,eAAO,MAAM,cAAc,UAAW,WAAW,EAAE,UAAU,MAAM,KAAG,WAAW,EAiJhF,CAAA"}

package/dist/fields/Relationship/optionsReducer.js

@@ -21,7 +21,20 @@ export const optionsReducer = (state, action) => {
   switch (action.type) {
     case 'CLEAR':
       {
-        return [];
+        const exemptValues = action.exemptValues ? Array.isArray(action.exemptValues) ? action.exemptValues : [action.exemptValues] : [];
+        const clearedStateWithExemptValues = state.filter(optionGroup => {
+          const clearedOptions = optionGroup.options.filter(option => {
+            if (exemptValues) {
+              return exemptValues.some(exemptValue => {
+                return exemptValue && option.value === (typeof exemptValue === 'object' ? exemptValue.value : exemptValue);
+              });
+            }
+            return false;
+          });
+          optionGroup.options = clearedOptions;
+          return clearedOptions.length > 0;
+        });
+        return clearedStateWithExemptValues;
       }
     case 'UPDATE':
       {
@@ -107,6 +120,23 @@ export const optionsReducer = (state, action) => {
         }
         return newOptions;
       }
+    case 'REMOVE':
+      {
+        const {
+          id,
+          collection
+        } = action;
+        const newOptions = [...state];
+        const indexOfGroup = newOptions.findIndex(optionGroup => optionGroup.label === collection.labels.plural);
+        if (indexOfGroup === -1) {
+          return newOptions;
+        }
+        newOptions[indexOfGroup] = {
+          ...newOptions[indexOfGroup],
+          options: newOptions[indexOfGroup].options.filter(option => option.value !== id)
+        };
+        return newOptions;
+      }
     default:
       {
         return state;

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

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.js","names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","collection","config","doc","i18n","relation","slug","newOptions","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","foundOptionGroup","find","optionGroup","labels","plural","foundOption","docs","loadedIDs","optionsToAddTo","newSubOptions","docSubOptions","filter","item","length","push","forEach","subOptions"],"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'CLEAR': {\n      return []\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"optionsReducer.js","names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","exemptValues","Array","isArray","clearedStateWithExemptValues","filter","optionGroup","clearedOptions","some","exemptValue","length","collection","config","doc","i18n","relation","slug","newOptions","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","foundOptionGroup","find","labels","plural","foundOption","docs","loadedIDs","optionsToAddTo","newSubOptions","docSubOptions","item","push","forEach","subOptions","indexOfGroup","findIndex"],"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'CLEAR': {\n      const exemptValues = action.exemptValues\n        ? Array.isArray(action.exemptValues)\n          ? action.exemptValues\n          : [action.exemptValues]\n        : []\n\n      const clearedStateWithExemptValues = state.filter((optionGroup) => {\n        const clearedOptions = optionGroup.options.filter((option) => {\n          if (exemptValues) {\n            return exemptValues.some((exemptValue) => {\n              return (\n                exemptValue &&\n                option.value === (typeof exemptValue === 'object' ? exemptValue.value : exemptValue)\n              )\n            })\n          }\n\n          return false\n        })\n\n        optionGroup.options = clearedOptions\n\n        return clearedOptions.length > 0\n      })\n\n      return clearedStateWithExemptValues\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'REMOVE': {\n      const { id, collection } = action\n\n      const newOptions = [...state]\n\n      const indexOfGroup = newOptions.findIndex(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n\n      if (indexOfGroup === -1) {\n        return newOptions\n      }\n\n      newOptions[indexOfGroup] = {\n        ...newOptions[indexOfGroup],\n        options: newOptions[indexOfGroup].options.filter((option) => option.value !== id),\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ;AAI/B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,WAAA,GAAeC,OAAA,IACnBA,OAAA,CAAQC,MAAM,CAAC,CAACC,GAAA,EAAKC,MAAA;EACnB,IAAIA,MAAA,CAAOH,OAAO,EAAE;IAClB,OAAO,C,GAAIE,GAAA,E,GAAQH,WAAA,CAAYI,MAAA,CAAOH,OAAO,EAAE;EACjD;EAEA,OAAO,C,GAAIE,GAAA,EAAK;IAAEE,EAAA,EAAID,MAAA,CAAOE,KAAK;IAAEC,UAAA,EAAYH,MAAA,CAAOG;EAAW,EAAE;AACtE,GAAG,EAAE;AAEP,MAAMC,WAAA,GAAeP,OAAA,IACnBA,OAAA,CAAQQ,IAAI,CAAC,CAACC,CAAA,EAAWC,CAAA;EACvB,IACE,OAAOD,CAAA,EAAGE,KAAA,EAAOC,aAAA,KAAkB,cACnC,OAAOF,CAAA,EAAGC,KAAA,EAAOC,aAAA,KAAkB,YACnC;IACA,OAAOH,CAAA,CAAEE,KAAK,CAACC,aAAa,CAACF,CAAA,CAAEC,KAAK;EACtC;EAEA,OAAO;AACT;AAEF,OAAO,MAAME,cAAA,GAAiBA,CAACC,KAAA,EAAsBC,MAAA;EACnD,QAAQA,MAAA,CAAOC,IAAI;IACjB,KAAK;MAAS;QACZ,MAAMC,YAAA,GAAeF,MAAA,CAAOE,YAAY,GACpCC,KAAA,CAAMC,OAAO,CAACJ,MAAA,CAAOE,YAAY,IAC/BF,MAAA,CAAOE,YAAY,GACnB,CAACF,MAAA,CAAOE,YAAY,CAAC,GACvB,EAAE;QAEN,MAAMG,4BAAA,GAA+BN,KAAA,CAAMO,MAAM,CAAEC,WAAA;UACjD,MAAMC,cAAA,GAAiBD,WAAA,CAAYtB,OAAO,CAACqB,MAAM,CAAElB,MAAA;YACjD,IAAIc,YAAA,EAAc;cAChB,OAAOA,YAAA,CAAaO,IAAI,CAAEC,WAAA;gBACxB,OACEA,WAAA,IACAtB,MAAA,CAAOE,KAAK,MAAM,OAAOoB,WAAA,KAAgB,WAAWA,WAAA,CAAYpB,KAAK,GAAGoB,WAAU;cAEtF;YACF;YAEA,OAAO;UACT;UAEAH,WAAA,CAAYtB,OAAO,GAAGuB,cAAA;UAEtB,OAAOA,cAAA,CAAeG,MAAM,GAAG;QACjC;QAEA,OAAON,4BAAA;MACT;IAEA,KAAK;MAAU;QACb,MAAM;UAAEO,UAAU;UAAEC,MAAM;UAAEC,GAAG;UAAEC;QAAI,CAAE,GAAGf,MAAA;QAC1C,MAAMgB,QAAA,GAAWJ,UAAA,CAAWK,IAAI;QAChC,MAAMC,UAAA,GAAa,C,GAAInB,KAAA,CAAM;QAE7B,MAAMoB,QAAA,GAAWpC,cAAA,CAAe;UAC9BqC,gBAAA,EAAkBR,UAAA;UAClBS,IAAA,EAAMP,GAAA;UACNQ,UAAA,EAAYT,MAAA,CAAOU,KAAK,CAACD,UAAU;UACnCE,QAAA,EAAU,GAAGT,IAAA,CAAKU,CAAC,CAAC,6BAA6BX,GAAA,CAAIzB,EAAE,EAAE;UACzD0B;QACF;QAEA,MAAMW,gBAAA,GAAmBR,UAAA,CAAWS,IAAI,CACrCpB,WAAA,IAAgBA,WAAA,CAAYX,KAAK,KAAKgB,UAAA,CAAWgB,MAAM,CAACC,MAAM;QAEjE,MAAMC,WAAA,GAAcJ,gBAAA,EAAkBzC,OAAA,EAAS0C,IAAA,CAAMvC,MAAA,IAAWA,MAAA,CAAOE,KAAK,KAAKwB,GAAA,CAAIzB,EAAE;QAEvF,IAAIyC,WAAA,EAAa;UACfA,WAAA,CAAYlC,KAAK,GAAGuB,QAAA;UACpBW,WAAA,CAAYvC,UAAU,GAAGyB,QAAA;QAC3B;QAEA,OAAOE,UAAA;MACT;IAEA,KAAK;MAAO;QACV,MAAM;UAAEN,UAAU;UAAEC,MAAM;UAAEkB,IAAI;UAAEhB,IAAI;UAAE5B,GAAA,GAAM,EAAE;UAAEM;QAAI,CAAE,GAAGO,MAAA;QAC3D,MAAMgB,QAAA,GAAWJ,UAAA,CAAWK,IAAI;QAChC,MAAMe,SAAA,GAAYhD,WAAA,CAAYe,KAAA;QAC9B,MAAMmB,UAAA,GAAa,C,GAAInB,KAAA,CAAM;QAC7B,MAAMkC,cAAA,GAAiBf,UAAA,CAAWS,IAAI,CACnCpB,WAAA,IAAgBA,WAAA,CAAYX,KAAK,KAAKgB,UAAA,CAAWgB,MAAM,CAACC,MAAM;QAEjE,MAAMK,aAAA,GAAgBH,IAAA,CAAK7C,MAAM,CAAC,CAACiD,aAAA,EAAerB,GAAA;UAChD,IACEkB,SAAA,CAAU1B,MAAM,CAAE8B,IAAA,IAASA,IAAA,CAAK/C,EAAE,KAAKyB,GAAA,CAAIzB,EAAE,IAAI+C,IAAA,CAAK7C,UAAU,KAAKyB,QAAA,EAAUL,MAAM,KACrF,GACA;YACAqB,SAAA,CAAUK,IAAI,CAAC;cAAEhD,EAAA,EAAIyB,GAAA,CAAIzB,EAAE;cAAEE,UAAA,EAAYyB;YAAS;YAElD,MAAMG,QAAA,GAAWpC,cAAA,CAAe;cAC9BqC,gBAAA,EAAkBR,UAAA;cAClBS,IAAA,EAAMP,GAAA;cACNQ,UAAA,EAAYT,MAAA,CAAOU,KAAK,CAACD,UAAU;cACnCE,QAAA,EAAU,GAAGT,IAAA,CAAKU,CAAC,CAAC,6BAA6BX,GAAA,CAAIzB,EAAE,EAAE;cACzD0B;YACF;YAEA,OAAO,C,GACFoB,aAAA,EACH;cACEvC,KAAA,EAAOuB,QAAA;cACP5B,UAAA,EAAYyB,QAAA;cACZ1B,KAAA,EAAOwB,GAAA,CAAIzB;YACb,EACD;UACH;UAEA,OAAO8C,aAAA;QACT,GAAG,EAAE;QAELhD,GAAA,CAAImD,OAAO,CAAEjD,EAAA;UACX,IACE2C,SAAA,CAAU1B,MAAM,CAAE8B,IAAA,IAASA,IAAA,CAAK/C,EAAE,KAAKA,EAAA,IAAM+C,IAAA,CAAK7C,UAAU,KAAKyB,QAAA,EAAUL,MAAM,KAAK,GACtF;YACAqB,SAAA,CAAUK,IAAI,CAAC;cAAEhD,EAAA;cAAIE,UAAA,EAAYyB;YAAS;YAC1CkB,aAAA,CAAcG,IAAI,CAAC;cACjBzC,KAAA,EAAO,GAAGmB,IAAA,CAAKU,CAAC,CAAC,6BAA6BpC,EAAA,EAAI;cAClDE,UAAA,EAAYyB,QAAA;cACZ1B,KAAA,EAAOD;YACT;UACF;QACF;QAEA,IAAI4C,cAAA,EAAgB;UAClB,MAAMM,UAAA,GAAa,C,GAAIN,cAAA,CAAehD,OAAO,E,GAAKiD,aAAA,CAAc;UAEhED,cAAA,CAAehD,OAAO,GAAGQ,IAAA,GAAOD,WAAA,CAAY+C,UAAA,IAAcA,UAAA;QAC5D,OAAO;UACLrB,UAAA,CAAWmB,IAAI,CAAC;YACdzC,KAAA,EAAOd,cAAA,CAAe8B,UAAA,CAAWgB,MAAM,CAACC,MAAM,EAAEd,IAAA;YAChD9B,OAAA,EAASQ,IAAA,GAAOD,WAAA,CAAY0C,aAAA,IAAiBA;UAC/C;QACF;QAEA,OAAOhB,UAAA;MACT;IAEA,KAAK;MAAU;QACb,MAAM;UAAE7B,EAAE;UAAEuB;QAAU,CAAE,GAAGZ,MAAA;QAE3B,MAAMkB,UAAA,GAAa,C,GAAInB,KAAA,CAAM;QAE7B,MAAMyC,YAAA,GAAetB,UAAA,CAAWuB,SAAS,CACtClC,WAAA,IAAgBA,WAAA,CAAYX,KAAK,KAAKgB,UAAA,CAAWgB,MAAM,CAACC,MAAM;QAGjE,IAAIW,YAAA,KAAiB,CAAC,GAAG;UACvB,OAAOtB,UAAA;QACT;QAEAA,UAAU,CAACsB,YAAA,CAAa,GAAG;UACzB,GAAGtB,UAAU,CAACsB,YAAA,CAAa;UAC3BvD,OAAA,EAASiC,UAAU,CAACsB,YAAA,CAAa,CAACvD,OAAO,CAACqB,MAAM,CAAElB,MAAA,IAAWA,MAAA,CAAOE,KAAK,KAAKD,EAAA;QAChF;QAEA,OAAO6B,UAAA;MACT;IAEA;MAAS;QACP,OAAOnB,KAAA;MACT;EACF;AACF","ignoreList":[]}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.d.ts

@@ -1,6 +1,11 @@
 import type { MultiValueProps } from 'react-select';
 import React from 'react';
+import type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js';
 import type { Option } from '../../types.js';
 import './index.scss';
-export declare const MultiValueLabel: React.FC<MultiValueProps<Option>>;
+export declare const MultiValueLabel: React.FC<{
+    selectProps: {
+        customProps: ReactSelectAdapterProps['customProps'];
+    };
+} & MultiValueProps<Option>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Relationship/select-components/MultiValueLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAAwC,MAAM,OAAO,CAAA;AAG5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAO5C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAkE7D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAA6B,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAM5C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,eAAe,CAAC,MAAM,CAAC,CAwD5B,CAAA"}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js

@@ -2,9 +2,8 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment, useEffect, useState } from 'react';
+import React, { Fragment, useState } from 'react';
 import { components } from 'react-select';
-import { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
 import { EditIcon } from '../../../../icons/Edit/index.js';
 import { useAuth } from '../../../../providers/Auth/index.js';
@@ -12,12 +11,13 @@ import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'relationship--multi-value-label';
 export const MultiValueLabel = props => {
-  const $ = _c(33);
+  const $ = _c(26);
   const {
     data: t0,
     selectProps: t1
   } = props;
   const {
+    allowEdit,
     label,
     relationTo,
     value
@@ -43,7 +43,7 @@ export const MultiValueLabel = props => {
   }
   const {
     draggableProps,
-    setDrawerIsOpen
+    onDocumentDrawerOpen
   } = t4;
   const {
     permissions
@@ -54,69 +54,35 @@ export const MultiValueLabel = props => {
   } = useTranslation();
   const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission);
   let t5;
-  if ($[4] !== value) {
-    t5 = value?.toString();
-    $[4] = value;
+  if ($[4] !== draggableProps) {
+    t5 = draggableProps || {};
+    $[4] = draggableProps;
     $[5] = t5;
   } else {
     t5 = $[5];
   }
   let t6;
-  if ($[6] !== t5 || $[7] !== relationTo) {
-    t6 = {
-      id: t5,
-      collectionSlug: relationTo
-    };
-    $[6] = t5;
-    $[7] = relationTo;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  const [DocumentDrawer, DocumentDrawerToggler, t7] = useDocumentDrawer(t6);
-  const {
-    isDrawerOpen
-  } = t7;
-  let t8;
-  let t9;
-  if ($[9] !== setDrawerIsOpen || $[10] !== isDrawerOpen) {
-    t8 = () => {
-      if (typeof setDrawerIsOpen === "function") {
-        setDrawerIsOpen(isDrawerOpen);
-      }
-    };
-    t9 = [isDrawerOpen, setDrawerIsOpen];
-    $[9] = setDrawerIsOpen;
-    $[10] = isDrawerOpen;
-    $[11] = t8;
-    $[12] = t9;
-  } else {
-    t8 = $[11];
-    t9 = $[12];
-  }
-  useEffect(t8, t9);
-  let t10;
-  if ($[13] !== draggableProps) {
-    t10 = draggableProps || {};
-    $[13] = draggableProps;
-    $[14] = t10;
-  } else {
-    t10 = $[14];
-  }
-  let t11;
-  if ($[15] !== t10 || $[16] !== props || $[17] !== relationTo || $[18] !== hasReadPermission || $[19] !== label || $[20] !== t || $[21] !== showTooltip || $[22] !== DocumentDrawerToggler || $[23] !== DocumentDrawer) {
-    let t12;
-    if ($[25] !== relationTo || $[26] !== hasReadPermission || $[27] !== label || $[28] !== t || $[29] !== showTooltip || $[30] !== DocumentDrawerToggler || $[31] !== DocumentDrawer) {
-      t12 = relationTo && hasReadPermission && _jsxs(Fragment, {
-        children: [_jsxs(DocumentDrawerToggler, {
+  if ($[6] !== t5 || $[7] !== props || $[8] !== relationTo || $[9] !== hasReadPermission || $[10] !== allowEdit || $[11] !== label || $[12] !== onDocumentDrawerOpen || $[13] !== value || $[14] !== t || $[15] !== showTooltip) {
+    let t7;
+    if ($[17] !== relationTo || $[18] !== hasReadPermission || $[19] !== allowEdit || $[20] !== label || $[21] !== onDocumentDrawerOpen || $[22] !== value || $[23] !== t || $[24] !== showTooltip) {
+      t7 = relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
+        children: _jsxs("button", {
           "aria-label": `Edit ${label}`,
           className: `${baseClass}__drawer-toggler`,
-          onClick: () => setShowTooltip(false),
+          onClick: () => {
+            setShowTooltip(false);
+            onDocumentDrawerOpen({
+              id: value,
+              collectionSlug: relationTo,
+              hasReadPermission
+            });
+          },
           onKeyDown: _temp,
           onMouseDown: _temp2,
           onMouseEnter: () => setShowTooltip(true),
           onMouseLeave: () => setShowTooltip(false),
           onTouchEnd: _temp3,
+          type: "button",
           children: [_jsx(Tooltip, {
             className: `${baseClass}__tooltip`,
             show: showTooltip,
@@ -126,22 +92,21 @@ export const MultiValueLabel = props => {
           }), _jsx(EditIcon, {
             className: `${baseClass}__icon`
           })]
-        }), _jsx(DocumentDrawer, {
-          onSave: null
-        })]
+        })
       });
-      $[25] = relationTo;
-      $[26] = hasReadPermission;
-      $[27] = label;
-      $[28] = t;
-      $[29] = showTooltip;
-      $[30] = DocumentDrawerToggler;
-      $[31] = DocumentDrawer;
-      $[32] = t12;
+      $[17] = relationTo;
+      $[18] = hasReadPermission;
+      $[19] = allowEdit;
+      $[20] = label;
+      $[21] = onDocumentDrawerOpen;
+      $[22] = value;
+      $[23] = t;
+      $[24] = showTooltip;
+      $[25] = t7;
     } else {
-      t12 = $[32];
+      t7 = $[25];
     }
-    t11 = _jsxs("div", {
+    t6 = _jsxs("div", {
       className: baseClass,
       children: [_jsx("div", {
         className: `${baseClass}__content`,
@@ -149,25 +114,26 @@ export const MultiValueLabel = props => {
           ...props,
           innerProps: {
             className: `${baseClass}__text`,
-            ...t10
+            ...t5
           }
         })
-      }), t12]
+      }), t7]
     });
-    $[15] = t10;
-    $[16] = props;
-    $[17] = relationTo;
-    $[18] = hasReadPermission;
-    $[19] = label;
-    $[20] = t;
-    $[21] = showTooltip;
-    $[22] = DocumentDrawerToggler;
-    $[23] = DocumentDrawer;
-    $[24] = t11;
+    $[6] = t5;
+    $[7] = props;
+    $[8] = relationTo;
+    $[9] = hasReadPermission;
+    $[10] = allowEdit;
+    $[11] = label;
+    $[12] = onDocumentDrawerOpen;
+    $[13] = value;
+    $[14] = t;
+    $[15] = showTooltip;
+    $[16] = t6;
   } else {
-    t11 = $[24];
+    t6 = $[16];
   }
-  return t11;
+  return t6;
 };
 function _temp(e) {
   if (e.key === "Enter") {