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

package/dist/fields/Relationship/Input.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { dequal } from 'dequal/lite';
 import { formatAdminURL, wordBoundariesRegex } from 'payload/shared';
 import * as qs from 'qs-esm';
@@ -620,7 +620,7 @@ export const RelationshipInput = (props)=>{
     if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {
         valueToRender.value = null;
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             baseClass,
@@ -633,33 +633,53 @@ export const RelationshipInput = (props)=>{
         id: `field-${path.replace(/\./g, '__')}`,
         style: style,
         children: [
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     label: label,
                     localized: localized,
                     path: path,
                     required: required
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/fields/Relationship/Input.tsx",
+                    lineNumber: 755,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Relationship/Input.tsx",
+                lineNumber: 752,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${fieldBaseClass}__wrap`,
                 children: [
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Error,
-                        Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                             path: path,
                             showError: showError
-                        })
-                    }),
+                        }, void 0, false, {
+                            fileName: "src/fields/Relationship/Input.tsx",
+                            lineNumber: 761,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Relationship/Input.tsx",
+                        lineNumber: 759,
+                        columnNumber: 9
+                    }, this),
                     BeforeInput,
-                    errorLoading ? /*#__PURE__*/ _jsx("div", {
+                    errorLoading ? /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__error-loading`,
                         children: errorLoading
-                    }) : /*#__PURE__*/ _jsxs("div", {
+                    }, void 0, false, {
+                        fileName: "src/fields/Relationship/Input.tsx",
+                        lineNumber: 765,
+                        columnNumber: 11
+                    }, this) : /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__wrap`,
                         children: [
-                            /*#__PURE__*/ _jsx(ReactSelect, {
+                            /*#__PURE__*/ _jsxDEV(ReactSelect, {
                                 backspaceRemovesValue: !(isDrawerOpen || isListDrawerOpen),
                                 components: {
                                     MultiValueLabel,
@@ -767,8 +787,12 @@ export const RelationshipInput = (props)=>{
                                 placeholder: placeholder,
                                 showError: showError,
                                 value: valueToRender ?? null
-                            }),
-                            !readOnly && allowCreate && /*#__PURE__*/ _jsx(AddNewRelation, {
+                            }, void 0, false, {
+                                fileName: "src/fields/Relationship/Input.tsx",
+                                lineNumber: 768,
+                                columnNumber: 13
+                            }, this),
+                            !readOnly && allowCreate && /*#__PURE__*/ _jsxDEV(AddNewRelation, {
                                 path: path,
                                 relationTo: relationTo,
                                 ...hasMany === true ? {
@@ -780,30 +804,62 @@ export const RelationshipInput = (props)=>{
                                     onChange,
                                     value
                                 }
-                            })
+                            }, void 0, false, {
+                                fileName: "src/fields/Relationship/Input.tsx",
+                                lineNumber: 894,
+                                columnNumber: 15
+                            }, this)
                         ]
-                    }),
+                    }, void 0, true, {
+                        fileName: "src/fields/Relationship/Input.tsx",
+                        lineNumber: 767,
+                        columnNumber: 11
+                    }, this),
                     AfterInput,
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Description,
-                        Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                             description: description,
                             path: path
-                        })
-                    })
+                        }, void 0, false, {
+                            fileName: "src/fields/Relationship/Input.tsx",
+                            lineNumber: 915,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Relationship/Input.tsx",
+                        lineNumber: 913,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && /*#__PURE__*/ _jsx(DocumentDrawer, {
+            }, void 0, true, {
+                fileName: "src/fields/Relationship/Input.tsx",
+                lineNumber: 758,
+                columnNumber: 7
+            }, this),
+            currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && /*#__PURE__*/ _jsxDEV(DocumentDrawer, {
                 onDelete: onDelete,
                 onDuplicate: onDuplicate
-            }),
-            appearance === 'drawer' && !readOnly && /*#__PURE__*/ _jsx(ListDrawer, {
+            }, void 0, false, {
+                fileName: "src/fields/Relationship/Input.tsx",
+                lineNumber: 919,
+                columnNumber: 9
+            }, this),
+            appearance === 'drawer' && !readOnly && /*#__PURE__*/ _jsxDEV(ListDrawer, {
                 allowCreate: allowCreate,
                 enableRowSelections: false,
                 onSelect: onListSelect
-            })
+            }, void 0, false, {
+                fileName: "src/fields/Relationship/Input.tsx",
+                lineNumber: 922,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Relationship/Input.tsx",
+        lineNumber: 737,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Input.js.map

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

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

package/dist/fields/Relationship/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -116,7 +116,7 @@ const RelationshipFieldComponent = (props)=>{
         relationTo,
         hasMany
     ]);
-    return /*#__PURE__*/ _jsx(RelationshipInput, {
+    return /*#__PURE__*/ _jsxDEV(RelationshipInput, {
         AfterInput: AfterInput,
         allowCreate: allowCreate,
         allowEdit: allowEdit,
@@ -154,7 +154,11 @@ const RelationshipFieldComponent = (props)=>{
             onChange: handleChangeSingle,
             value: memoizedValue
         }
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Relationship/index.tsx",
+        lineNumber: 189,
+        columnNumber: 5
+    }, this);
 };
 export const RelationshipField = withCondition(RelationshipFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { RelationshipFieldClientComponent, ValueWithRelation } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { Value } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { RelationshipInput } from './Input.js'\nimport './index.scss'\n\nexport { RelationshipInput }\n\nconst RelationshipFieldComponent: RelationshipFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        allowCreate = true,\n        allowEdit = true,\n        appearance = 'select',\n        className,\n        description,\n        isSortable = true,\n        placeholder,\n        sortOptions,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo: relationToProp,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\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: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n  const isPolymorphic = Array.isArray(relationToProp)\n  const [relationTo] = React.useState(() =>\n    Array.isArray(relationToProp) ? relationToProp : [relationToProp],\n  )\n\n  const handleChangeHasMulti = useCallback(\n    (newValue: ValueWithRelation[]) => {\n      if (!newValue) {\n        setValue(null, newValue === value)\n        return\n      }\n\n      let disableFormModification = false\n      if (isPolymorphic) {\n        disableFormModification =\n          Array.isArray(value) &&\n          Array.isArray(newValue) &&\n          value.length === newValue.length &&\n          (value as ValueWithRelation[]).every((val, idx) => {\n            const newVal = newValue[idx]\n            return val.value === newVal.value && val.relationTo === newVal.relationTo\n          })\n      } else {\n        disableFormModification =\n          Array.isArray(value) &&\n          Array.isArray(newValue) &&\n          value.length === newValue.length &&\n          value.every((val, idx) => val === newValue[idx].value)\n      }\n\n      const dataToSet = newValue.map((val) => {\n        if (isPolymorphic) {\n          return val\n        } else {\n          return val.value\n        }\n      })\n\n      setValue(dataToSet, disableFormModification)\n    },\n    [isPolymorphic, setValue, value],\n  )\n\n  const handleChangeSingle = useCallback(\n    (newValue: ValueWithRelation) => {\n      if (!newValue) {\n        setValue(null, newValue === value)\n        return\n      }\n\n      let disableFormModification = false\n      if (isPolymorphic) {\n        disableFormModification =\n          value &&\n          newValue &&\n          (value as ValueWithRelation).value === newValue.value &&\n          (value as ValueWithRelation).relationTo === newValue.relationTo\n      } else {\n        disableFormModification = value && newValue && value === newValue.value\n      }\n\n      const dataToSet = isPolymorphic ? newValue : newValue.value\n      setValue(dataToSet, disableFormModification)\n    },\n    [isPolymorphic, setValue, value],\n  )\n\n  const memoizedValue: ValueWithRelation | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      return (\n        value\n          ? isPolymorphic\n            ? value\n            : {\n                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                value,\n              }\n          : value\n      ) as ValueWithRelation\n    }\n  }, [hasMany, value, isPolymorphic, relationTo])\n\n  const memoizedInitialValue: ValueWithRelation | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(initialValue)\n          ? initialValue.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                    value: val,\n                  }\n            })\n          : initialValue\n      ) as ValueWithRelation[]\n    } else {\n      return (\n        initialValue\n          ? isPolymorphic\n            ? initialValue\n            : {\n                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                value: initialValue,\n              }\n          : initialValue\n      ) as ValueWithRelation\n    }\n  }, [initialValue, isPolymorphic, relationTo, hasMany])\n\n  return (\n    <RelationshipInput\n      AfterInput={AfterInput}\n      allowCreate={allowCreate}\n      allowEdit={allowEdit}\n      appearance={appearance}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOptions={filterOptions}\n      formatDisplayedOptions={\n        isPolymorphic ? undefined : (options) => options.map((opt) => opt.options).flat()\n      }\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      maxResultsPerRequest={10}\n      maxRows={field?.maxRows}\n      minRows={field?.minRows}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      relationTo={relationTo}\n      required={required}\n      showError={showError}\n      sortOptions={sortOptions as any}\n      style={styles}\n      {...(hasMany === true\n        ? {\n            hasMany: true,\n            initialValue: memoizedInitialValue as ValueWithRelation[],\n            onChange: handleChangeHasMulti,\n            value: memoizedValue as ValueWithRelation[],\n          }\n        : {\n            hasMany: false,\n            initialValue: memoizedInitialValue as ValueWithRelation,\n            onChange: handleChangeSingle,\n            value: memoizedValue as ValueWithRelation,\n          })}\n    />\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","RelationshipInput","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","appearance","className","description","isSortable","placeholder","sortOptions","hasMany","label","localized","relationTo","relationToProp","required","path","pathFromProps","readOnly","validate","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","initialValue","setValue","showError","potentiallyStalePath","styles","isPolymorphic","Array","isArray","useState","handleChangeHasMulti","newValue","disableFormModification","length","every","val","idx","newVal","dataToSet","map","handleChangeSingle","memoizedValue","memoizedInitialValue","formatDisplayedOptions","undefined","options","opt","flat","maxResultsPerRequest","maxRows","minRows","style","onChange","RelationshipField"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { RelationshipFieldClientComponent, ValueWithRelation } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { Value } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { RelationshipInput } from './Input.js'\nimport './index.scss'\n\nexport { RelationshipInput }\n\nconst RelationshipFieldComponent: RelationshipFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        allowCreate = true,\n        allowEdit = true,\n        appearance = 'select',\n        className,\n        description,\n        isSortable = true,\n        placeholder,\n        sortOptions,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo: relationToProp,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\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: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n  const isPolymorphic = Array.isArray(relationToProp)\n  const [relationTo] = React.useState(() =>\n    Array.isArray(relationToProp) ? relationToProp : [relationToProp],\n  )\n\n  const handleChangeHasMulti = useCallback(\n    (newValue: ValueWithRelation[]) => {\n      if (!newValue) {\n        setValue(null, newValue === value)\n        return\n      }\n\n      let disableFormModification = false\n      if (isPolymorphic) {\n        disableFormModification =\n          Array.isArray(value) &&\n          Array.isArray(newValue) &&\n          value.length === newValue.length &&\n          (value as ValueWithRelation[]).every((val, idx) => {\n            const newVal = newValue[idx]\n            return val.value === newVal.value && val.relationTo === newVal.relationTo\n          })\n      } else {\n        disableFormModification =\n          Array.isArray(value) &&\n          Array.isArray(newValue) &&\n          value.length === newValue.length &&\n          value.every((val, idx) => val === newValue[idx].value)\n      }\n\n      const dataToSet = newValue.map((val) => {\n        if (isPolymorphic) {\n          return val\n        } else {\n          return val.value\n        }\n      })\n\n      setValue(dataToSet, disableFormModification)\n    },\n    [isPolymorphic, setValue, value],\n  )\n\n  const handleChangeSingle = useCallback(\n    (newValue: ValueWithRelation) => {\n      if (!newValue) {\n        setValue(null, newValue === value)\n        return\n      }\n\n      let disableFormModification = false\n      if (isPolymorphic) {\n        disableFormModification =\n          value &&\n          newValue &&\n          (value as ValueWithRelation).value === newValue.value &&\n          (value as ValueWithRelation).relationTo === newValue.relationTo\n      } else {\n        disableFormModification = value && newValue && value === newValue.value\n      }\n\n      const dataToSet = isPolymorphic ? newValue : newValue.value\n      setValue(dataToSet, disableFormModification)\n    },\n    [isPolymorphic, setValue, value],\n  )\n\n  const memoizedValue: ValueWithRelation | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      return (\n        value\n          ? isPolymorphic\n            ? value\n            : {\n                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                value,\n              }\n          : value\n      ) as ValueWithRelation\n    }\n  }, [hasMany, value, isPolymorphic, relationTo])\n\n  const memoizedInitialValue: ValueWithRelation | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(initialValue)\n          ? initialValue.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                    value: val,\n                  }\n            })\n          : initialValue\n      ) as ValueWithRelation[]\n    } else {\n      return (\n        initialValue\n          ? isPolymorphic\n            ? initialValue\n            : {\n                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                value: initialValue,\n              }\n          : initialValue\n      ) as ValueWithRelation\n    }\n  }, [initialValue, isPolymorphic, relationTo, hasMany])\n\n  return (\n    <RelationshipInput\n      AfterInput={AfterInput}\n      allowCreate={allowCreate}\n      allowEdit={allowEdit}\n      appearance={appearance}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOptions={filterOptions}\n      formatDisplayedOptions={\n        isPolymorphic ? undefined : (options) => options.map((opt) => opt.options).flat()\n      }\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      maxResultsPerRequest={10}\n      maxRows={field?.maxRows}\n      minRows={field?.minRows}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      relationTo={relationTo}\n      required={required}\n      showError={showError}\n      sortOptions={sortOptions as any}\n      style={styles}\n      {...(hasMany === true\n        ? {\n            hasMany: true,\n            initialValue: memoizedInitialValue as ValueWithRelation[],\n            onChange: handleChangeHasMulti,\n            value: memoizedValue as ValueWithRelation[],\n          }\n        : {\n            hasMany: false,\n            initialValue: memoizedInitialValue as ValueWithRelation,\n            onChange: handleChangeSingle,\n            value: memoizedValue as ValueWithRelation,\n          })}\n    />\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","RelationshipInput","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","appearance","className","description","isSortable","placeholder","sortOptions","hasMany","label","localized","relationTo","relationToProp","required","path","pathFromProps","readOnly","validate","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","initialValue","setValue","showError","potentiallyStalePath","styles","isPolymorphic","Array","isArray","useState","handleChangeHasMulti","newValue","disableFormModification","length","every","val","idx","newVal","dataToSet","map","handleChangeSingle","memoizedValue","memoizedInitialValue","formatDisplayedOptions","undefined","options","opt","flat","maxResultsPerRequest","maxRows","minRows","style","onChange","RelationshipField"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { Fragment, useState } from 'react';
 import { components } from 'react-select';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
@@ -15,22 +15,30 @@ export const MultiValueLabel = // TODO Fix this - moduleResolution 16 breaks our
     const [showTooltip, setShowTooltip] = useState(false);
     const { t } = useTranslation();
     const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         title: label || '',
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__content`,
-                children: /*#__PURE__*/ _jsx(components.MultiValueLabel, {
+                children: /*#__PURE__*/ _jsxDEV(components.MultiValueLabel, {
                     ...props,
                     innerProps: {
                         className: `${baseClass}__text`,
                         ...draggableProps || {}
                     }
-                })
-            }),
-            relationTo && hasReadPermission && allowEdit !== false && /*#__PURE__*/ _jsx(Fragment, {
-                children: /*#__PURE__*/ _jsxs("button", {
+                }, void 0, false, {
+                    fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                    lineNumber: 39,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                lineNumber: 38,
+                columnNumber: 7
+            }, this),
+            relationTo && hasReadPermission && allowEdit !== false && /*#__PURE__*/ _jsxDEV(Fragment, {
+                children: /*#__PURE__*/ _jsxDEV("button", {
                     "aria-label": `Edit ${label}`,
                     className: `${baseClass}__drawer-toggler`,
                     onClick: (event)=>{
@@ -55,21 +63,41 @@ export const MultiValueLabel = // TODO Fix this - moduleResolution 16 breaks our
                     // prevents react-select dropdown from opening
                     type: "button",
                     children: [
-                        /*#__PURE__*/ _jsx(Tooltip, {
+                        /*#__PURE__*/ _jsxDEV(Tooltip, {
                             className: `${baseClass}__tooltip`,
                             show: showTooltip,
                             children: t('general:editLabel', {
                                 label: ''
                             })
-                        }),
-                        /*#__PURE__*/ _jsx(EditIcon, {
+                        }, void 0, false, {
+                            fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                            lineNumber: 72,
+                            columnNumber: 13
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(EditIcon, {
                             className: `${baseClass}__icon`
-                        })
+                        }, void 0, false, {
+                            fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                            lineNumber: 75,
+                            columnNumber: 13
+                        }, this)
                     ]
-                })
-            })
+                }, void 0, true, {
+                    fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                    lineNumber: 49,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                lineNumber: 48,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+        lineNumber: 37,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map