@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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","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,4 +1,5 @@
 'use client';
+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';
@@ -115,17 +116,49 @@ const RelationshipFieldComponent = (props)=>{
         relationTo,
         hasMany
     ]);
-    return <RelationshipInput AfterInput={AfterInput} allowCreate={allowCreate} allowEdit={allowEdit} appearance={appearance} BeforeInput={BeforeInput} className={className} Description={Description} description={description} Error={Error} filterOptions={filterOptions} formatDisplayedOptions={isPolymorphic ? undefined : (options)=>options.map((opt)=>opt.options).flat()} isSortable={isSortable} Label={Label} label={label} localized={localized} maxResultsPerRequest={10} maxRows={field?.maxRows} minRows={field?.minRows} path={path} placeholder={placeholder} readOnly={readOnly || disabled} relationTo={relationTo} required={required} showError={showError} sortOptions={sortOptions} style={styles} {...hasMany === true ? {
-        hasMany: true,
-        initialValue: memoizedInitialValue,
-        onChange: handleChangeHasMulti,
-        value: memoizedValue
-    } : {
-        hasMany: false,
-        initialValue: memoizedInitialValue,
-        onChange: handleChangeSingle,
-        value: memoizedValue
-    }}/>;
+    return /*#__PURE__*/ _jsxDEV(RelationshipInput, {
+        AfterInput: AfterInput,
+        allowCreate: allowCreate,
+        allowEdit: allowEdit,
+        appearance: appearance,
+        BeforeInput: BeforeInput,
+        className: className,
+        Description: Description,
+        description: description,
+        Error: Error,
+        filterOptions: filterOptions,
+        formatDisplayedOptions: isPolymorphic ? undefined : (options)=>options.map((opt)=>opt.options).flat(),
+        isSortable: isSortable,
+        Label: Label,
+        label: label,
+        localized: localized,
+        maxResultsPerRequest: 10,
+        maxRows: field?.maxRows,
+        minRows: field?.minRows,
+        path: path,
+        placeholder: placeholder,
+        readOnly: readOnly || disabled,
+        relationTo: relationTo,
+        required: required,
+        showError: showError,
+        sortOptions: sortOptions,
+        style: styles,
+        ...hasMany === true ? {
+            hasMany: true,
+            initialValue: memoizedInitialValue,
+            onChange: handleChangeHasMulti,
+            value: memoizedValue
+        } : {
+            hasMany: false,
+            initialValue: memoizedInitialValue,
+            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,6 @@
 'use client';
-import { Fragment, useState } from 'react';
+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';
 import { EditIcon } from '../../../../icons/Edit/index.js';
@@ -14,38 +15,89 @@ 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 <div className={baseClass} title={label || ''}>
-      <div className={`${baseClass}__content`}>
-        <components.MultiValueLabel {...props} innerProps={{
-        className: `${baseClass}__text`,
-        ...draggableProps || {}
-    }}/>
-      </div>
-      {relationTo && hasReadPermission && allowEdit !== false && <Fragment>
-          <button aria-label={`Edit ${label}`} className={`${baseClass}__drawer-toggler`} onClick={(event)=>{
-        setShowTooltip(false);
-        onDocumentOpen({
-            id: value,
-            collectionSlug: relationTo,
-            hasReadPermission,
-            openInNewTab: event.metaKey || event.ctrlKey
-        });
-    }} onKeyDown={(e)=>{
-        if (e.key === 'Enter') {
-            e.stopPropagation();
-        }
-    }} onMouseDown={(e)=>e.stopPropagation()} // prevents react-select dropdown from opening
-    onMouseEnter={()=>setShowTooltip(true)} onMouseLeave={()=>setShowTooltip(false)} onTouchEnd={(e)=>e.stopPropagation()} // prevents react-select dropdown from opening
-    type="button">
-            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>
-              {t('general:editLabel', {
-        label: ''
-    })}
-            </Tooltip>
-            <EditIcon className={`${baseClass}__icon`}/>
-          </button>
-        </Fragment>}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        title: label || '',
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__content`,
+                children: /*#__PURE__*/ _jsxDEV(components.MultiValueLabel, {
+                    ...props,
+                    innerProps: {
+                        className: `${baseClass}__text`,
+                        ...draggableProps || {}
+                    }
+                }, 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)=>{
+                        setShowTooltip(false);
+                        onDocumentOpen({
+                            id: value,
+                            collectionSlug: relationTo,
+                            hasReadPermission,
+                            openInNewTab: event.metaKey || event.ctrlKey
+                        });
+                    },
+                    onKeyDown: (e)=>{
+                        if (e.key === 'Enter') {
+                            e.stopPropagation();
+                        }
+                    },
+                    onMouseDown: (e)=>e.stopPropagation(),
+                    // prevents react-select dropdown from opening
+                    onMouseEnter: ()=>setShowTooltip(true),
+                    onMouseLeave: ()=>setShowTooltip(false),
+                    onTouchEnd: (e)=>e.stopPropagation(),
+                    // prevents react-select dropdown from opening
+                    type: "button",
+                    children: [
+                        /*#__PURE__*/ _jsxDEV(Tooltip, {
+                            className: `${baseClass}__tooltip`,
+                            show: showTooltip,
+                            children: t('general:editLabel', {
+                                label: ''
+                            })
+                        }, 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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              setShowTooltip(false)\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","allowEdit","label","relationTo","value","selectProps","customProps","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","div","className","title","innerProps","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;AAGA,SAAgBA,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,UAAU,QAAQ,eAAc;AAKzC,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,kBAGP,gEAAgE;AAIlE,CAACC;IACH,MAAM,EACJC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3E,GAAGT;IAEJ,MAAM,EAAEU,WAAW,EAAE,GAAGd;IACxB,MAAM,CAACe,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGhB;IACd,MAAMiB,oBAAoBC,QAAQL,aAAaM,aAAa,CAACZ,WAAW,EAAEa;IAE1E,QACGC,IAAIC,WAAWrB,WAAWsB,OAAOjB,SAAS,IAAI;MAC7C,CAACe,IAAIC,WAAW,GAAGrB,UAAU,SAAS,CAAC,EAAE;QACvC,CAACL,WAAWM,iBACT,GAAGC,KAAK,EACTqB,YAAY;QACVF,WAAW,GAAGrB,UAAU,MAAM,CAAC;QAC/B,GAAIU,kBAAkB,CAAC,CAAC;IAC1B,IACA;MACJ,EAAEU,IAAI;MACN,CAACd,cAAcU,qBAAqBZ,cAAc,UAC/CX,SAAS;UACR,CAAC+B,OACCC,YAAY,CAAC,KAAK,EAAEpB,OAAO,EAC3BgB,WAAW,GAAGrB,UAAU,gBAAgB,CAAC,EACzC0B,SAAS,CAACC;QACRb,eAAe;QACfH,eAAe;YACbiB,IAAIrB;YACJsB,gBAAgBvB;YAChBU;YACAc,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;QAC9C;IACF,GACAC,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBD,EAAEE,eAAe;QACnB;IACF,GACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe,IAAI,8CAA8C;IACvFE,cAAc,IAAMxB,eAAe,OACnCyB,cAAc,IAAMzB,eAAe,QACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe,IAAI,8CAA8C;IACtFK,KAAK,SACN;YACC,CAAC7C,QAAQyB,WAAW,GAAGrB,UAAU,SAAS,CAAC,EAAE0C,MAAM7B,aAAa;cAC9D,CAACE,EAAE,qBAAqB;QAAEV,OAAO;IAAG,GAAG;YACzC,EAAET,QAAQ;YACV,CAACC,SAASwB,WAAW,GAAGrB,UAAU,MAAM,CAAC,GAAI;UAC/C,EAAEwB,OAAO;QACX,EAAE/B,UACF;IACJ,EAAE2B;AAEN,EAAC"}
+{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              setShowTooltip(false)\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["React","Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","allowEdit","label","relationTo","value","selectProps","customProps","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","div","className","title","innerProps","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,UAAU,QAAQ,eAAc;AAKzC,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,kBAGP,gEAAgE;AAIlE,CAACC;IACH,MAAM,EACJC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3E,GAAGT;IAEJ,MAAM,EAAEU,WAAW,EAAE,GAAGd;IACxB,MAAM,CAACe,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGhB;IACd,MAAMiB,oBAAoBC,QAAQL,aAAaM,aAAa,CAACZ,WAAW,EAAEa;IAE1E,qBACE,QAACC;QAAIC,WAAWrB;QAAWsB,OAAOjB,SAAS;;0BACzC,QAACe;gBAAIC,WAAW,GAAGrB,UAAU,SAAS,CAAC;0BACrC,cAAA,QAACL,WAAWM,eAAe;oBACxB,GAAGC,KAAK;oBACTqB,YAAY;wBACVF,WAAW,GAAGrB,UAAU,MAAM,CAAC;wBAC/B,GAAIU,kBAAkB,CAAC,CAAC;oBAC1B;;;;;;;;;;;YAGHJ,cAAcU,qBAAqBZ,cAAc,uBAChD,QAACX;0BACC,cAAA,QAAC+B;oBACCC,cAAY,CAAC,KAAK,EAAEpB,OAAO;oBAC3BgB,WAAW,GAAGrB,UAAU,gBAAgB,CAAC;oBACzC0B,SAAS,CAACC;wBACRb,eAAe;wBACfH,eAAe;4BACbiB,IAAIrB;4BACJsB,gBAAgBvB;4BAChBU;4BACAc,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;wBAC9C;oBACF;oBACAC,WAAW,CAACC;wBACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;4BACrBD,EAAEE,eAAe;wBACnB;oBACF;oBACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe;oBAAI,8CAA8C;oBACvFE,cAAc,IAAMxB,eAAe;oBACnCyB,cAAc,IAAMzB,eAAe;oBACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe;oBAAI,8CAA8C;oBACtFK,MAAK;;sCAEL,QAAC7C;4BAAQyB,WAAW,GAAGrB,UAAU,SAAS,CAAC;4BAAE0C,MAAM7B;sCAChDE,EAAE,qBAAqB;gCAAEV,OAAO;4BAAG;;;;;;sCAEtC,QAACR;4BAASwB,WAAW,GAAGrB,UAAU,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;AAMrD,EAAC"}