@payloadcms/ui 3.37.0-canary.2 → 3.37.0-internal.906d0f3

package/dist/fields/Relationship/index.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import './index.scss';
-export declare const RelationshipField: import("react").FC<{
+export declare const RelationshipField: React.FC<{
     readonly path: string;
     readonly validate?: import("payload").RelationshipFieldValidation;
 } & {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,cAAc,CAAA;AA4wBrB,eAAO,MAAM,iBAAiB;;;;;+EAA4C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAuB5F,OAAO,cAAc,CAAA;AA0wBrB,eAAO,MAAM,iBAAiB;;;;;+EAA4C,CAAA"}

package/dist/fields/Relationship/index.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { dequal } from 'dequal/lite';
 import { wordBoundariesRegex } from 'payload/shared';
 import * as qs from 'qs-esm';
-import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
 import { AddNewRelation } from '../../elements/AddNewRelation/index.js';
 import { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js';
 import { useListDrawer } from '../../elements/ListDrawer/index.js';
@@ -42,7 +42,6 @@ const RelationshipFieldComponent = props => {
         className,
         description,
         isSortable = true,
-        placeholder,
         sortOptions
       } = {},
       hasMany,
@@ -655,7 +654,6 @@ const RelationshipFieldComponent = props => {
             });
           },
           options: options,
-          placeholder: placeholder,
           showError: showError,
           value: valueToRender ?? null
         }), !(readOnly || disabled) && allowCreate && /*#__PURE__*/_jsx(AddNewRelation, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dequal","wordBoundariesRegex","qs","useCallback","useEffect","useMemo","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","useListDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useDebouncedCallback","useEffectEvent","useAuth","useConfig","useLocale","useTranslation","mergeFieldStyles","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","appearance","className","description","isSortable","placeholder","sortOptions","hasMany","label","localized","relationTo","required","path","pathFromProps","readOnly","validate","config","getEntityConfig","routes","api","serverURL","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","initialValue","setValue","showError","potentiallyStalePath","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","listDrawerFilterOptions","newFilterOptions","valuesByRelation","reduce","acc","val","push","relation","forEach","not_in","ListDrawer","closeDrawer","closeListDrawer","isListDrawerOpen","openListDrawer","collectionSlugs","onListSelect","doc","formattedSelection","withSelection","openDrawerWhenRelationChanges","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","priorRelation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","select","where","and","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","handleValueChange","Object","entries","idsToLoad","filter","find","optionGroup","option","in","prevValue","isFirstRenderRef","isIdOnly","idOnly","getResultsEffectEvent","args","exemptValues","onSave","collectionConfig","currentValue","docID","unchanged","some","valuesToSet","map","slug","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","labelString","String","indexOfSpace","test","onDocumentDrawerOpen","valueToRender","styles","_jsxs","Boolean","join","replace","style","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","DropdownIndicator","customProps","disableKeyDown","disableMouseDown","getOptionValue","isMulti","isSearchable","onChange","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","enableRowSelections","onSelect","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  FilterOptionsResult,\n  PaginatedDocs,\n  RelationshipFieldClientComponent,\n  Where,\n} from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, Option, Value } 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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\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,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\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  const hasMultipleRelations = Array.isArray(relationTo)\n\n  const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n    Parameters<ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']>[0]\n  >({\n    id: undefined,\n    collectionSlug: undefined,\n    hasReadPermission: false,\n  })\n\n  const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n  const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n  const [errorLoading, setErrorLoading] = useState('')\n  const [search, setSearch] = useState('')\n  const [isLoading, setIsLoading] = useState(false)\n  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n  const [menuIsOpen, setMenuIsOpen] = useState(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value | Value[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentlyOpenRelationship.id,\n    collectionSlug: currentlyOpenRelationship.collectionSlug,\n  })\n\n  // 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 = (Array.isArray(value) ? value : [value]).reduce((acc, val) => {\n        if (typeof val === 'object' && val.relationTo) {\n          if (!acc[val.relationTo]) {\n            acc[val.relationTo] = []\n          }\n          acc[val.relationTo].push(val.value)\n        } else if (val) {\n          const relation = Array.isArray(relationTo) ? undefined : relationTo\n          if (relation) {\n            if (!acc[relation]) {\n              acc[relation] = []\n            }\n            acc[relation].push(val)\n          }\n        }\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, relationTo])\n\n  const [\n    ListDrawer,\n    ,\n    { closeDrawer: closeListDrawer, isDrawerOpen: isListDrawerOpen, openDrawer: openListDrawer },\n  ] = useListDrawer({\n    collectionSlugs: hasMultipleRelations ? relationTo : [relationTo],\n    filterOptions: listDrawerFilterOptions,\n  })\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    ({ collectionSlug, doc }) => {\n      const formattedSelection = hasMultipleRelations\n        ? {\n            relationTo: collectionSlug,\n            value: doc.id,\n          }\n        : doc.id\n\n      if (hasMany) {\n        const withSelection = Array.isArray(value) ? value : []\n        setValue([...withSelection, formattedSelection])\n      } else {\n        setValue(formattedSelection)\n      }\n\n      closeListDrawer()\n    },\n    [hasMany, hasMultipleRelations, setValue, closeListDrawer, value],\n  )\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      filterOptions,\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      lastLoadedPage: lastLoadedPageArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap({\n        hasMany,\n        relationTo,\n        value: valueArg,\n      })\n\n      if (!errorLoading) {\n        await relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptions?.[relation]\n\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = 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            const response = await fetch(`${serverURL}${api}/${relation}`, {\n              body: qs.stringify(query),\n              credentials: 'include',\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/x-www-form-urlencoded',\n                'X-HTTP-Method-Override': 'GET',\n              },\n              method: 'POST',\n            })\n\n            if (response.ok) {\n              const data: PaginatedDocs<unknown> = await response.json()\n              setLastLoadedPage((prevState) => {\n                return {\n                  ...prevState,\n                  [relation]: lastLoadedPageToUse,\n                }\n              })\n\n              if (!data.nextPage) {\n                setLastFullyLoadedRelation(relations.indexOf(relation))\n              }\n\n              if (data.docs.length > 0) {\n                resultsFetched += data.docs.length\n\n                dispatchOptions({\n                  type: 'ADD',\n                  collection,\n                  config,\n                  docs: data.docs,\n                  i18n,\n                  sort,\n                })\n              }\n            } else if (response.status === 403) {\n              setLastFullyLoadedRelation(relations.indexOf(relation))\n              dispatchOptions({\n                type: 'ADD',\n                collection,\n                config,\n                docs: [],\n                i18n,\n                ids: relationMap[relation],\n                sort,\n              })\n            } else {\n              setErrorLoading(t('error:unspecific'))\n            }\n          }\n        }, Promise.resolve())\n\n        if (typeof onSuccess === 'function') {\n          onSuccess()\n        }\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      hasMany,\n      errorLoading,\n      search,\n      getEntityConfig,\n      locale,\n      serverURL,\n      sortOptions,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n    void getResults({\n      filterOptions,\n      lastLoadedPage: {},\n      search: searchArg,\n      sort: true,\n      value: valueArg,\n    })\n    setSearch(searchArg)\n  }, 300)\n\n  const handleInputChange = useCallback(\n    (searchArg: string, valueArg: Value | Value[]) => {\n      if (search !== searchArg) {\n        setLastLoadedPage({})\n        updateSearch(searchArg, valueArg, searchArg !== '')\n      }\n    },\n    [search, updateSearch],\n  )\n\n  const handleValueChange = useEffectEvent((value: Value | Value[]) => {\n    const relationMap = createRelationMap({\n      hasMany,\n      relationTo,\n      value,\n    })\n\n    void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n      await priorRelation\n\n      const idsToLoad = ids.filter((id) => {\n        return !options.find((optionGroup) =>\n          optionGroup?.options?.find(\n            (option) => option.value === id && option.relationTo === relation,\n          ),\n        )\n      })\n\n      if (idsToLoad.length > 0) {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: idsToLoad.length,\n          locale,\n          where: {\n            id: {\n              in: idsToLoad,\n            },\n          },\n        }\n\n        if (!errorLoading) {\n          const response = await fetch(`${serverURL}${api}/${relation}`, {\n            body: qs.stringify(query),\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/x-www-form-urlencoded',\n              'X-HTTP-Method-Override': 'GET',\n            },\n            method: 'POST',\n          })\n\n          const collection = getEntityConfig({ collectionSlug: relation })\n          let docs = []\n\n          if (response.ok) {\n            const data = await response.json()\n            docs = data.docs\n          }\n\n          dispatchOptions({\n            type: 'ADD',\n            collection,\n            config,\n            docs,\n            i18n,\n            ids: idsToLoad,\n            sort: true,\n          })\n        }\n      }\n    }, Promise.resolve())\n  })\n\n  const prevValue = useRef(value)\n  const isFirstRenderRef = useRef(true)\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n  useEffect(() => {\n    if (isFirstRenderRef.current || !dequal(value, prevValue.current)) {\n      handleValueChange(value)\n    }\n    isFirstRenderRef.current = false\n    prevValue.current = value\n  }, [value])\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  const getResultsEffectEvent: GetResults = useEffectEvent(async (args) => {\n    return await getResults(args)\n  })\n\n  // When (`relationTo` || `filterOptions` || `locale`) changes, reset component\n  // Note - effect should not run on first run\n  useEffect(() => {\n    // If the menu is open while filterOptions changes\n    // due to latency of form state and fast clicking into this field,\n    // re-fetch options\n    if (hasLoadedFirstPageRef.current && menuIsOpen) {\n      setIsLoading(true)\n      void getResultsEffectEvent({\n        filterOptions,\n        lastLoadedPage: {},\n        onSuccess: () => {\n          hasLoadedFirstPageRef.current = true\n          setIsLoading(false)\n        },\n        value: valueRef.current,\n      })\n    }\n\n    // If the menu is not open, still reset the field state\n    // because we need to get new options next time the menu opens\n    dispatchOptions({\n      type: 'CLEAR',\n      exemptValues: valueRef.current,\n    })\n\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n  }, [relationTo, filterOptions, locale, path, menuIsOpen])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        config,\n        doc: args.doc,\n        i18n,\n      })\n\n      const currentValue = valueRef.current\n      const docID = args.doc.id\n\n      if (hasMany) {\n        const unchanged = (currentValue as Option[]).some((option) =>\n          typeof option === 'string' ? option === docID : option.value === docID,\n        )\n\n        const valuesToSet = (currentValue as Option[]).map((option) =>\n          option.value === docID\n            ? { relationTo: args.collectionConfig.slug, value: docID }\n            : option,\n        )\n\n        setValue(valuesToSet, unchanged)\n      } else {\n        const unchanged = currentValue === docID\n\n        setValue({ relationTo: args.collectionConfig.slug, value: docID }, unchanged)\n      }\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      dispatchOptions({\n        type: 'ADD',\n        collection: args.collectionConfig,\n        config,\n        docs: [args.doc],\n        i18n,\n        sort: true,\n      })\n\n      if (hasMany) {\n        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).concat({\n                relationTo: args.collectionConfig.slug,\n                value: args.doc.id,\n              } as Option)\n            : null,\n        )\n      } else {\n        setValue({\n          relationTo: args.collectionConfig.slug,\n          value: args.doc.id,\n        })\n      }\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      dispatchOptions({\n        id: args.id,\n        type: 'REMOVE',\n        collection: args.collectionConfig,\n        config,\n        i18n,\n      })\n\n      if (hasMany) {\n        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).filter((option) => {\n                return option.value !== args.id\n              })\n            : null,\n        )\n      } else {\n        setValue(null)\n      }\n\n      return\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const filterOption = useCallback((item: Option, searchFilter: string) => {\n    if (!searchFilter) {\n      return true\n    }\n    const r = wordBoundariesRegex(searchFilter || '')\n    // breaking the labels to search into smaller parts increases performance\n    const breakApartThreshold = 250\n    let 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 onDocumentDrawerOpen = useCallback<\n    ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']\n  >(({ id, collectionSlug, hasReadPermission }) => {\n    openDrawerWhenRelationChanges.current = true\n    setCurrentlyOpenRelationship({\n      id,\n      collectionSlug,\n      hasReadPermission,\n    })\n  }, [])\n\n  useEffect(() => {\n    if (openDrawerWhenRelationChanges.current) {\n      openDrawer()\n      openDrawerWhenRelationChanges.current = false\n    }\n  }, [openDrawer, currentlyOpenRelationship])\n\n  const valueToRender = findOptionsByValue({ allowEdit, options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {\n    valueToRender.value = null\n  }\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        errorLoading && 'error-loading',\n        (readOnly || disabled) && `${baseClass}--read-only`,\n        !(readOnly || disabled) && allowCreate && `${baseClass}--allow-create`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!(isDrawerOpen || isListDrawerOpen)}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n                ...(appearance !== 'select' && { DropdownIndicator: null }),\n              }}\n              customProps={{\n                disableKeyDown: isDrawerOpen || isListDrawerOpen,\n                disableMouseDown: isDrawerOpen || isListDrawerOpen,\n                onDocumentDrawerOpen,\n                onSave,\n              }}\n              disabled={readOnly || disabled || isDrawerOpen || isListDrawerOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option) => {\n                if (!option) {\n                  return undefined\n                }\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : (option.value 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 || disabled)\n                  ? (selected) => {\n                      if (selected === null) {\n                        setValue(hasMany ? [] : null)\n                      } else if (hasMany && Array.isArray(selected)) {\n                        setValue(\n                          selected\n                            ? selected.map((option) => {\n                                if (hasMultipleRelations) {\n                                  return {\n                                    relationTo: option.relationTo,\n                                    value: option.value,\n                                  }\n                                }\n\n                                return option.value\n                              })\n                            : null,\n                        )\n                      } else if (hasMultipleRelations && !Array.isArray(selected)) {\n                        setValue({\n                          relationTo: selected.relationTo,\n                          value: selected.value,\n                        })\n                      } else if (!Array.isArray(selected)) {\n                        setValue(selected.value)\n                      }\n                    }\n                  : undefined\n              }\n              onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n              onMenuClose={() => {\n                setMenuIsOpen(false)\n              }}\n              onMenuOpen={() => {\n                if (appearance === 'drawer') {\n                  openListDrawer()\n                } else if (appearance === 'select') {\n                  setMenuIsOpen(true)\n                  if (!hasLoadedFirstPageRef.current) {\n                    setIsLoading(true)\n                    void getResults({\n                      filterOptions,\n                      lastLoadedPage: {},\n                      onSuccess: () => {\n                        hasLoadedFirstPageRef.current = true\n                        setIsLoading(false)\n                      },\n                      value: initialValue,\n                    })\n                  }\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  filterOptions,\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  value: initialValue,\n                })\n              }}\n              options={options}\n              placeholder={placeholder}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!(readOnly || disabled) && allowCreate && (\n              <AddNewRelation\n                hasMany={hasMany}\n                path={path}\n                relationTo={relationTo}\n                setValue={setValue}\n                value={value}\n              />\n            )}\n          </div>\n        )}\n        {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n      {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && (\n        <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate} onSave={onSave} />\n      )}\n      {appearance === 'drawer' && !readOnly && (\n        <ListDrawer allowCreate={allowCreate} enableRowSelections={false} onSelect={onListSelect} />\n      )}\n    </div>\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dequal","wordBoundariesRegex","qs","React","useCallback","useEffect","useMemo","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","useListDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useDebouncedCallback","useEffectEvent","useAuth","useConfig","useLocale","useTranslation","mergeFieldStyles","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","appearance","className","description","isSortable","sortOptions","hasMany","label","localized","relationTo","required","path","pathFromProps","readOnly","validate","config","getEntityConfig","routes","api","serverURL","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","initialValue","setValue","showError","potentiallyStalePath","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","listDrawerFilterOptions","newFilterOptions","valuesByRelation","reduce","acc","val","push","relation","forEach","not_in","ListDrawer","closeDrawer","closeListDrawer","isListDrawerOpen","openListDrawer","collectionSlugs","onListSelect","doc","formattedSelection","withSelection","openDrawerWhenRelationChanges","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","priorRelation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","select","where","and","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","handleValueChange","Object","entries","idsToLoad","filter","find","optionGroup","option","in","prevValue","isFirstRenderRef","isIdOnly","idOnly","getResultsEffectEvent","args","exemptValues","onSave","collectionConfig","currentValue","docID","unchanged","some","valuesToSet","map","slug","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","labelString","String","indexOfSpace","test","onDocumentDrawerOpen","valueToRender","styles","_jsxs","Boolean","join","replace","style","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","DropdownIndicator","customProps","disableKeyDown","disableMouseDown","getOptionValue","isMulti","isSearchable","onChange","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","enableRowSelections","onSelect","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  FilterOptionsResult,\n  PaginatedDocs,\n  RelationshipFieldClientComponent,\n  Where,\n} from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, Option, Value } 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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\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        sortOptions,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\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  const hasMultipleRelations = Array.isArray(relationTo)\n\n  const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n    Parameters<ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']>[0]\n  >({\n    id: undefined,\n    collectionSlug: undefined,\n    hasReadPermission: false,\n  })\n\n  const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n  const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n  const [errorLoading, setErrorLoading] = useState('')\n  const [search, setSearch] = useState('')\n  const [isLoading, setIsLoading] = useState(false)\n  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n  const [menuIsOpen, setMenuIsOpen] = useState(false)\n  const hasLoadedFirstPageRef = useRef(false)\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value | Value[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentlyOpenRelationship.id,\n    collectionSlug: currentlyOpenRelationship.collectionSlug,\n  })\n\n  // 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 = (Array.isArray(value) ? value : [value]).reduce((acc, val) => {\n        if (typeof val === 'object' && val.relationTo) {\n          if (!acc[val.relationTo]) {\n            acc[val.relationTo] = []\n          }\n          acc[val.relationTo].push(val.value)\n        } else if (val) {\n          const relation = Array.isArray(relationTo) ? undefined : relationTo\n          if (relation) {\n            if (!acc[relation]) {\n              acc[relation] = []\n            }\n            acc[relation].push(val)\n          }\n        }\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, relationTo])\n\n  const [\n    ListDrawer,\n    ,\n    { closeDrawer: closeListDrawer, isDrawerOpen: isListDrawerOpen, openDrawer: openListDrawer },\n  ] = useListDrawer({\n    collectionSlugs: hasMultipleRelations ? relationTo : [relationTo],\n    filterOptions: listDrawerFilterOptions,\n  })\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    ({ collectionSlug, doc }) => {\n      const formattedSelection = hasMultipleRelations\n        ? {\n            relationTo: collectionSlug,\n            value: doc.id,\n          }\n        : doc.id\n\n      if (hasMany) {\n        const withSelection = Array.isArray(value) ? value : []\n        setValue([...withSelection, formattedSelection])\n      } else {\n        setValue(formattedSelection)\n      }\n\n      closeListDrawer()\n    },\n    [hasMany, hasMultipleRelations, setValue, closeListDrawer, value],\n  )\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      filterOptions,\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      lastLoadedPage: lastLoadedPageArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap({\n        hasMany,\n        relationTo,\n        value: valueArg,\n      })\n\n      if (!errorLoading) {\n        await relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptions?.[relation]\n\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = 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            const response = await fetch(`${serverURL}${api}/${relation}`, {\n              body: qs.stringify(query),\n              credentials: 'include',\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/x-www-form-urlencoded',\n                'X-HTTP-Method-Override': 'GET',\n              },\n              method: 'POST',\n            })\n\n            if (response.ok) {\n              const data: PaginatedDocs<unknown> = await response.json()\n              setLastLoadedPage((prevState) => {\n                return {\n                  ...prevState,\n                  [relation]: lastLoadedPageToUse,\n                }\n              })\n\n              if (!data.nextPage) {\n                setLastFullyLoadedRelation(relations.indexOf(relation))\n              }\n\n              if (data.docs.length > 0) {\n                resultsFetched += data.docs.length\n\n                dispatchOptions({\n                  type: 'ADD',\n                  collection,\n                  config,\n                  docs: data.docs,\n                  i18n,\n                  sort,\n                })\n              }\n            } else if (response.status === 403) {\n              setLastFullyLoadedRelation(relations.indexOf(relation))\n              dispatchOptions({\n                type: 'ADD',\n                collection,\n                config,\n                docs: [],\n                i18n,\n                ids: relationMap[relation],\n                sort,\n              })\n            } else {\n              setErrorLoading(t('error:unspecific'))\n            }\n          }\n        }, Promise.resolve())\n\n        if (typeof onSuccess === 'function') {\n          onSuccess()\n        }\n      }\n    },\n    [\n      permissions,\n      relationTo,\n      hasMany,\n      errorLoading,\n      search,\n      getEntityConfig,\n      locale,\n      serverURL,\n      sortOptions,\n      api,\n      i18n,\n      config,\n      t,\n    ],\n  )\n\n  const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n    void getResults({\n      filterOptions,\n      lastLoadedPage: {},\n      search: searchArg,\n      sort: true,\n      value: valueArg,\n    })\n    setSearch(searchArg)\n  }, 300)\n\n  const handleInputChange = useCallback(\n    (searchArg: string, valueArg: Value | Value[]) => {\n      if (search !== searchArg) {\n        setLastLoadedPage({})\n        updateSearch(searchArg, valueArg, searchArg !== '')\n      }\n    },\n    [search, updateSearch],\n  )\n\n  const handleValueChange = useEffectEvent((value: Value | Value[]) => {\n    const relationMap = createRelationMap({\n      hasMany,\n      relationTo,\n      value,\n    })\n\n    void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n      await priorRelation\n\n      const idsToLoad = ids.filter((id) => {\n        return !options.find((optionGroup) =>\n          optionGroup?.options?.find(\n            (option) => option.value === id && option.relationTo === relation,\n          ),\n        )\n      })\n\n      if (idsToLoad.length > 0) {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: idsToLoad.length,\n          locale,\n          where: {\n            id: {\n              in: idsToLoad,\n            },\n          },\n        }\n\n        if (!errorLoading) {\n          const response = await fetch(`${serverURL}${api}/${relation}`, {\n            body: qs.stringify(query),\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/x-www-form-urlencoded',\n              'X-HTTP-Method-Override': 'GET',\n            },\n            method: 'POST',\n          })\n\n          const collection = getEntityConfig({ collectionSlug: relation })\n          let docs = []\n\n          if (response.ok) {\n            const data = await response.json()\n            docs = data.docs\n          }\n\n          dispatchOptions({\n            type: 'ADD',\n            collection,\n            config,\n            docs,\n            i18n,\n            ids: idsToLoad,\n            sort: true,\n          })\n        }\n      }\n    }, Promise.resolve())\n  })\n\n  const prevValue = useRef(value)\n  const isFirstRenderRef = useRef(true)\n  // ///////////////////////////////////\n  // Ensure we have an option for each value\n  // ///////////////////////////////////\n  useEffect(() => {\n    if (isFirstRenderRef.current || !dequal(value, prevValue.current)) {\n      handleValueChange(value)\n    }\n    isFirstRenderRef.current = false\n    prevValue.current = value\n  }, [value])\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  const getResultsEffectEvent: GetResults = useEffectEvent(async (args) => {\n    return await getResults(args)\n  })\n\n  // When (`relationTo` || `filterOptions` || `locale`) changes, reset component\n  // Note - effect should not run on first run\n  useEffect(() => {\n    // If the menu is open while filterOptions changes\n    // due to latency of form state and fast clicking into this field,\n    // re-fetch options\n    if (hasLoadedFirstPageRef.current && menuIsOpen) {\n      setIsLoading(true)\n      void getResultsEffectEvent({\n        filterOptions,\n        lastLoadedPage: {},\n        onSuccess: () => {\n          hasLoadedFirstPageRef.current = true\n          setIsLoading(false)\n        },\n        value: valueRef.current,\n      })\n    }\n\n    // If the menu is not open, still reset the field state\n    // because we need to get new options next time the menu opens\n    dispatchOptions({\n      type: 'CLEAR',\n      exemptValues: valueRef.current,\n    })\n\n    setLastFullyLoadedRelation(-1)\n    setLastLoadedPage({})\n  }, [relationTo, filterOptions, locale, path, menuIsOpen])\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      dispatchOptions({\n        type: 'UPDATE',\n        collection: args.collectionConfig,\n        config,\n        doc: args.doc,\n        i18n,\n      })\n\n      const currentValue = valueRef.current\n      const docID = args.doc.id\n\n      if (hasMany) {\n        const unchanged = (currentValue as Option[]).some((option) =>\n          typeof option === 'string' ? option === docID : option.value === docID,\n        )\n\n        const valuesToSet = (currentValue as Option[]).map((option) =>\n          option.value === docID\n            ? { relationTo: args.collectionConfig.slug, value: docID }\n            : option,\n        )\n\n        setValue(valuesToSet, unchanged)\n      } else {\n        const unchanged = currentValue === docID\n\n        setValue({ relationTo: args.collectionConfig.slug, value: docID }, unchanged)\n      }\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      dispatchOptions({\n        type: 'ADD',\n        collection: args.collectionConfig,\n        config,\n        docs: [args.doc],\n        i18n,\n        sort: true,\n      })\n\n      if (hasMany) {\n        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).concat({\n                relationTo: args.collectionConfig.slug,\n                value: args.doc.id,\n              } as Option)\n            : null,\n        )\n      } else {\n        setValue({\n          relationTo: args.collectionConfig.slug,\n          value: args.doc.id,\n        })\n      }\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      dispatchOptions({\n        id: args.id,\n        type: 'REMOVE',\n        collection: args.collectionConfig,\n        config,\n        i18n,\n      })\n\n      if (hasMany) {\n        setValue(\n          valueRef.current\n            ? (valueRef.current as Option[]).filter((option) => {\n                return option.value !== args.id\n              })\n            : null,\n        )\n      } else {\n        setValue(null)\n      }\n\n      return\n    },\n    [i18n, config, hasMany, setValue],\n  )\n\n  const filterOption = useCallback((item: Option, searchFilter: string) => {\n    if (!searchFilter) {\n      return true\n    }\n    const r = wordBoundariesRegex(searchFilter || '')\n    // breaking the labels to search into smaller parts increases performance\n    const breakApartThreshold = 250\n    let 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 onDocumentDrawerOpen = useCallback<\n    ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']\n  >(({ id, collectionSlug, hasReadPermission }) => {\n    openDrawerWhenRelationChanges.current = true\n    setCurrentlyOpenRelationship({\n      id,\n      collectionSlug,\n      hasReadPermission,\n    })\n  }, [])\n\n  useEffect(() => {\n    if (openDrawerWhenRelationChanges.current) {\n      openDrawer()\n      openDrawerWhenRelationChanges.current = false\n    }\n  }, [openDrawer, currentlyOpenRelationship])\n\n  const valueToRender = findOptionsByValue({ allowEdit, options, value })\n\n  if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {\n    valueToRender.value = null\n  }\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        errorLoading && 'error-loading',\n        (readOnly || disabled) && `${baseClass}--read-only`,\n        !(readOnly || disabled) && allowCreate && `${baseClass}--allow-create`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {!errorLoading && (\n          <div className={`${baseClass}__wrap`}>\n            <ReactSelect\n              backspaceRemovesValue={!(isDrawerOpen || isListDrawerOpen)}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n                ...(appearance !== 'select' && { DropdownIndicator: null }),\n              }}\n              customProps={{\n                disableKeyDown: isDrawerOpen || isListDrawerOpen,\n                disableMouseDown: isDrawerOpen || isListDrawerOpen,\n                onDocumentDrawerOpen,\n                onSave,\n              }}\n              disabled={readOnly || disabled || isDrawerOpen || isListDrawerOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option) => {\n                if (!option) {\n                  return undefined\n                }\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : (option.value 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 || disabled)\n                  ? (selected) => {\n                      if (selected === null) {\n                        setValue(hasMany ? [] : null)\n                      } else if (hasMany && Array.isArray(selected)) {\n                        setValue(\n                          selected\n                            ? selected.map((option) => {\n                                if (hasMultipleRelations) {\n                                  return {\n                                    relationTo: option.relationTo,\n                                    value: option.value,\n                                  }\n                                }\n\n                                return option.value\n                              })\n                            : null,\n                        )\n                      } else if (hasMultipleRelations && !Array.isArray(selected)) {\n                        setValue({\n                          relationTo: selected.relationTo,\n                          value: selected.value,\n                        })\n                      } else if (!Array.isArray(selected)) {\n                        setValue(selected.value)\n                      }\n                    }\n                  : undefined\n              }\n              onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n              onMenuClose={() => {\n                setMenuIsOpen(false)\n              }}\n              onMenuOpen={() => {\n                if (appearance === 'drawer') {\n                  openListDrawer()\n                } else if (appearance === 'select') {\n                  setMenuIsOpen(true)\n                  if (!hasLoadedFirstPageRef.current) {\n                    setIsLoading(true)\n                    void getResults({\n                      filterOptions,\n                      lastLoadedPage: {},\n                      onSuccess: () => {\n                        hasLoadedFirstPageRef.current = true\n                        setIsLoading(false)\n                      },\n                      value: initialValue,\n                    })\n                  }\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  filterOptions,\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  value: initialValue,\n                })\n              }}\n              options={options}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!(readOnly || disabled) && allowCreate && (\n              <AddNewRelation\n                hasMany={hasMany}\n                path={path}\n                relationTo={relationTo}\n                setValue={setValue}\n                value={value}\n              />\n            )}\n          </div>\n        )}\n        {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n      {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && (\n        <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate} onSave={onSave} />\n      )}\n      {appearance === 'drawer' && !readOnly && (\n        <ListDrawer allowCreate={allowCreate} enableRowSelections={false} onSelect={onListSelect} />\n      )}\n    </div>\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Select/Input.d.ts

@@ -1,4 +1,4 @@
-import type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from 'payload';
+import type { OptionObject, StaticDescription, StaticLabel } from 'payload';
 import React from 'react';
 import type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js';
 import './index.scss';
@@ -20,7 +20,6 @@ export type SelectInputProps = {
     readonly onInputChange?: ReactSelectAdapterProps['onInputChange'];
     readonly options?: OptionObject[];
     readonly path: string;
-    readonly placeholder?: LabelFunction | string;
     readonly readOnly?: boolean;
     readonly required?: boolean;
     readonly showError?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1F,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AASlF,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;IACvD,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAA;IACjE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,GAAG,MAAM,CAAA;IAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkGlD,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AASlF,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;IACvD,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAA;IACjE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgGlD,CAAA"}

package/dist/fields/Select/Input.js

@@ -13,7 +13,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 export const SelectInput = props => {
-  const $ = _c(40);
+  const $ = _c(39);
   const {
     AfterInput,
     BeforeInput,
@@ -31,7 +31,6 @@ export const SelectInput = props => {
     onInputChange,
     options,
     path,
-    placeholder,
     readOnly,
     required,
     showError,
@@ -45,11 +44,11 @@ export const SelectInput = props => {
     i18n
   } = useTranslation();
   let t3;
-  if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== className || $[6] !== description || $[7] !== hasMany || $[8] !== i18n || $[9] !== isClearable || $[10] !== isSortable || $[11] !== label || $[12] !== localized || $[13] !== onChange || $[14] !== onInputChange || $[15] !== options || $[16] !== path || $[17] !== placeholder || $[18] !== readOnly || $[19] !== required || $[20] !== showError || $[21] !== style || $[22] !== value) {
+  if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== className || $[6] !== description || $[7] !== hasMany || $[8] !== i18n || $[9] !== isClearable || $[10] !== isSortable || $[11] !== label || $[12] !== localized || $[13] !== onChange || $[14] !== onInputChange || $[15] !== options || $[16] !== path || $[17] !== readOnly || $[18] !== required || $[19] !== showError || $[20] !== style || $[21] !== value) {
     let valueToRender;
     if (hasMany && Array.isArray(value)) {
       let t4;
-      if ($[24] !== i18n || $[25] !== options) {
+      if ($[23] !== i18n || $[24] !== options) {
         t4 = val => {
           const matchingOption = options.find(option => option.value === val);
           return {
@@ -57,36 +56,36 @@ export const SelectInput = props => {
             value: matchingOption?.value ?? val
           };
         };
-        $[24] = i18n;
-        $[25] = options;
-        $[26] = t4;
+        $[23] = i18n;
+        $[24] = options;
+        $[25] = t4;
       } else {
-        t4 = $[26];
+        t4 = $[25];
       }
       valueToRender = value.map(t4);
     } else {
       if (value) {
         let matchingOption_0;
         let t4;
-        if ($[27] !== i18n || $[28] !== options || $[29] !== value) {
+        if ($[26] !== i18n || $[27] !== options || $[28] !== value) {
           let t5;
-          if ($[32] !== value) {
+          if ($[31] !== value) {
             t5 = option_0 => option_0.value === value;
-            $[32] = value;
-            $[33] = t5;
+            $[31] = value;
+            $[32] = t5;
           } else {
-            t5 = $[33];
+            t5 = $[32];
           }
           matchingOption_0 = options.find(t5);
           t4 = matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value;
-          $[27] = i18n;
-          $[28] = options;
-          $[29] = value;
-          $[30] = matchingOption_0;
-          $[31] = t4;
+          $[26] = i18n;
+          $[27] = options;
+          $[28] = value;
+          $[29] = matchingOption_0;
+          $[30] = t4;
         } else {
-          matchingOption_0 = $[30];
-          t4 = $[31];
+          matchingOption_0 = $[29];
+          t4 = $[30];
         }
         valueToRender = {
           label: t4,
@@ -99,25 +98,25 @@ export const SelectInput = props => {
     const t4 = showError && "error";
     const t5 = readOnly && "read-only";
     let t6;
-    if ($[34] !== className || $[35] !== t4 || $[36] !== t5) {
+    if ($[33] !== className || $[34] !== t4 || $[35] !== t5) {
       t6 = [fieldBaseClass, "select", className, t4, t5].filter(Boolean);
-      $[34] = className;
-      $[35] = t4;
-      $[36] = t5;
-      $[37] = t6;
+      $[33] = className;
+      $[34] = t4;
+      $[35] = t5;
+      $[36] = t6;
     } else {
-      t6 = $[37];
+      t6 = $[36];
     }
     let t7;
-    if ($[38] !== i18n) {
+    if ($[37] !== i18n) {
       t7 = option_1 => ({
         ...option_1,
         label: getTranslation(option_1.label, i18n)
       });
-      $[38] = i18n;
-      $[39] = t7;
+      $[37] = i18n;
+      $[38] = t7;
     } else {
-      t7 = $[39];
+      t7 = $[38];
     }
     t3 = _jsxs("div", {
       className: t6.join(" "),
@@ -147,7 +146,6 @@ export const SelectInput = props => {
           onChange,
           onInputChange,
           options: options.map(t7),
-          placeholder,
           showError,
           value: valueToRender
         }), AfterInput]
@@ -176,15 +174,14 @@ export const SelectInput = props => {
     $[14] = onInputChange;
     $[15] = options;
     $[16] = path;
-    $[17] = placeholder;
-    $[18] = readOnly;
-    $[19] = required;
-    $[20] = showError;
-    $[21] = style;
-    $[22] = value;
-    $[23] = t3;
+    $[17] = readOnly;
+    $[18] = required;
+    $[19] = showError;
+    $[20] = style;
+    $[21] = value;
+    $[22] = t3;
   } else {
-    t3 = $[23];
+    t3 = $[22];
   }
   return t3;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","t0","isClearable","t1","isSortable","t2","label","Label","localized","onChange","onInputChange","options","path","placeholder","readOnly","required","showError","style","value","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","option_1","_jsxs","join","id","replace","children","_jsx","CustomComponent","Fallback","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\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 { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly hasMany?: boolean\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <ReactSelect\n          disabled={readOnly}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          placeholder={placeholder}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","t0","isClearable","t1","isSortable","t2","label","Label","localized","onChange","onInputChange","options","path","readOnly","required","showError","style","value","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","option_1","_jsxs","join","id","replace","children","_jsx","CustomComponent","Fallback","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\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 { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly hasMany?: boolean\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <ReactSelect\n          disabled={readOnly}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AA2BP,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACrD;IAAAa,UAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC;EAAA,IAsBIzB,KAAA;EAfF,MAAAQ,OAAA,GAAAC,EAAe,KAAAiB,SAAA,WAAfjB,EAAe;EACf,MAAAC,WAAA,GAAAC,EAAkB,KAAAe,SAAA,UAAlBf,EAAkB;EAClB,MAAAC,UAAA,GAAAC,EAAiB,KAAAa,SAAA,UAAjBb,EAAiB;EAenB;IAAAc;EAAA,IAAiB9B,cAAA;EAAA,IAAA+B,EAAA;EAAA,IAAA3B,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAM,KAAA,IAAAN,CAAA,QAAAc,KAAA,IAAAd,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAA0B,IAAA,IAAA1B,CAAA,QAAAS,WAAA,IAAAT,CAAA,SAAAW,UAAA,IAAAX,CAAA,SAAAa,KAAA,IAAAb,CAAA,SAAAe,SAAA,IAAAf,CAAA,SAAAgB,QAAA,IAAAhB,CAAA,SAAAiB,aAAA,IAAAjB,CAAA,SAAAkB,OAAA,IAAAlB,CAAA,SAAAmB,IAAA,IAAAnB,CAAA,SAAAoB,QAAA,IAAApB,CAAA,SAAAqB,QAAA,IAAArB,CAAA,SAAAsB,SAAA,IAAAtB,CAAA,SAAAuB,KAAA,IAAAvB,CAAA,SAAAwB,KAAA;IAEbI,GAAA,CAAAA,aAAA;IAAA,IAEArB,OAAA,IAAWsB,KAAA,CAAAC,OAAA,CAAcN,KAAA;MAAA,IAAAO,EAAA;MAAA,IAAA/B,CAAA,SAAA0B,IAAA,IAAA1B,CAAA,SAAAkB,OAAA;QACDa,EAAA,GAAAC,GAAA;UACxB,MAAAC,cAAA,GAAuBf,OAAA,CAAAgB,IAAA,CAAAC,MAAA,IAAyBA,MAAA,CAAAX,KAAA,KAAiBQ,GAAA;UAAA;YAAAnB,KAAA,EAExDoB,cAAA,GAAiB5C,cAAA,CAAe4C,cAAA,CAAApB,KAAA,EAAsBa,IAAA,IAAQM,GAAA;YAAAR,KAAA,EAC9DS,cAAA,EAAAT,KAAA,IAAyBQ;UAAA;QAAA;QAEpChC,CAAA,OAAA0B,IAAA;QAAA1B,CAAA,OAAAkB,OAAA;QAAAlB,CAAA,OAAA+B,EAAA;MAAA;QAAAA,EAAA,GAAA/B,CAAA;MAAA;MANA4B,aAAA,CAAAA,CAAA,CAAgBJ,KAAA,CAAAY,GAAA,CAAUL,EAM1B;IANA;MAAA,IAOSP,KAAA;QAAA,IAAAa,gBAAA;QAAA,IAAAN,EAAA;QAAA,IAAA/B,CAAA,SAAA0B,IAAA,IAAA1B,CAAA,SAAAkB,OAAA,IAAAlB,CAAA,SAAAwB,KAAA;UAAA,IAAAc,EAAA;UAAA,IAAAtC,CAAA,SAAAwB,KAAA;YAC2Bc,EAAA,GAAAC,QAAA,IAAYJ,QAAA,CAAAX,KAAA,KAAiBA,KAAA;YAAAxB,CAAA,OAAAwB,KAAA;YAAAxB,CAAA,OAAAsC,EAAA;UAAA;YAAAA,EAAA,GAAAtC,CAAA;UAAA;UAAjEqC,gBAAA,GAAuBnB,OAAA,CAAAgB,IAAA,CAAaI,EAA6B;UAExDP,EAAA,GAAAE,gBAAA,GAAiB5C,cAAA,CAAe4C,gBAAA,CAAApB,KAAA,EAAsBa,IAAA,IAAQF,KAAA;UAAAxB,CAAA,OAAA0B,IAAA;UAAA1B,CAAA,OAAAkB,OAAA;UAAAlB,CAAA,OAAAwB,KAAA;UAAAxB,CAAA,OAAAqC,gBAAA;UAAArC,CAAA,OAAA+B,EAAA;QAAA;UAAAM,gBAAA,GAAArC,CAAA;UAAA+B,EAAA,GAAA/B,CAAA;QAAA;QADvE4B,aAAA,CAAAA,CAAA,CAAAA;UAAAA,MAAA,CACSA,EAA8DA;UAAAA,MAAA,CAC9DK,gBAAA,EAAAT,KAAA,IAAyBA;QAAA;MAFlC;QAMAI,aAAA,CAAAA,CAAA,CAAAA,IAAA;MAAA;IAAA;IASI,MAAAG,EAAA,GAAAT,SAAA,IAAa;IACb,MAAAgB,EAAA,GAAAlB,QAAA,IAAY;IAAA,IAAAoB,EAAA;IAAA,IAAAxC,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAA+B,EAAA,IAAA/B,CAAA,SAAAsC,EAAA;MALHE,EAAA,IAAA3C,cAAA,EAET,UACAM,SAAA,EACA4B,EAAa,EACbO,EAAY,EAAAG,MAAA,CAAAC,OAEJ;MAAA1C,CAAA,OAAAG,SAAA;MAAAH,CAAA,OAAA+B,EAAA;MAAA/B,CAAA,OAAAsC,EAAA;MAAAtC,CAAA,OAAAwC,EAAA;IAAA;MAAAA,EAAA,GAAAxC,CAAA;IAAA;IAAA,IAAA2C,EAAA;IAAA,IAAA3C,CAAA,SAAA0B,IAAA;MAwBeiB,EAAA,GAAAC,QAAA;QAAA,GAChBT,QAAM;QAAAtB,KAAA,EACFxB,cAAA,CAAe8C,QAAA,CAAAtB,KAAA,EAAca,IAAA;MAAA;MACtC1B,CAAA,OAAA0B,IAAA;MAAA1B,CAAA,OAAA2C,EAAA;IAAA;MAAAA,EAAA,GAAA3C,CAAA;IAAA;IAnCN2B,EAAA,GAAAkB,KAAA,CAAC;MAAA1C,SAAA,EACYqC,EAOD,CAAAM,IAAA,CACF;MAAAC,EAAA,EACJ,SAAS5B,IAAA,CAAA6B,OAAA,QAAoB,OAAO;MAAAzB,KAAA;MAAA0B,QAAA,GAGxCC,IAAA,CAAA1D,qBAAA;QAAA2D,eAAA,EACmBrC,KAAA;QAAAsC,QAAA,EAEfF,IAAA,CAAAvD,UAAA;UAAAkB,KAAA;UAAAE,SAAA;UAAAI,IAAA;UAAAE;QAAA,C;UAGJwB,KAAA,CAAC;QAAA1C,SAAA,EAAe,GAAAN,cAAA,QAAyB;QAAAoD,QAAA,GACvCC,IAAA,CAAA1D,qBAAA;UAAA2D,eAAA,EACmB7C,KAAA;UAAA8C,QAAA,EACPF,IAAA,CAAAxD,UAAA;YAAAyB,IAAA;YAAAG;UAAA,C;YAEXpB,WAAA,EACDgD,IAAA,CAAA3D,WAAA;UAAA8D,QAAA,EACYjC,QAAA;UAAAX,WAAA;UAAA6C,OAAA,EAED/C,OAAA;UAAAI,UAAA;UAAAK,QAAA;UAAAC,aAAA;UAAAC,OAAA,EAIAA,OAAA,CAAAkB,GAAA,CAAYO,EAGrB;UAAArB,SAAA;UAAAE,KAAA,EAEOI;QAAA,C,GAER3B,UAAA;MAAA,C,GAEHiD,IAAA,CAAA1D,qBAAA;QAAA2D,eAAA,EACmB/C,WAAA;QAAAgD,QAAA,EACPF,IAAA,CAAAzD,gBAAA;UAAAY,WAAA;UAAAc;QAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA3CdQ,E;CA+CJ","ignoreList":[]}

package/dist/fields/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAmHxC,eAAO,MAAM,WAAW;;;;;;;+EAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAiHxC,eAAO,MAAM,WAAW;;;;;;;+EAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}

package/dist/fields/Select/index.js

@@ -24,8 +24,7 @@ const SelectFieldComponent = props => {
         className,
         description,
         isClearable = true,
-        isSortable = true,
-        placeholder
+        isSortable = true
       } = {},
       hasMany = false,
       label,
@@ -102,7 +101,6 @@ const SelectFieldComponent = props => {
     onChange: onChange,
     options: options,
     path: path,
-    placeholder: placeholder,
     readOnly: readOnly || disabled,
     required: required,
     showError: showError,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","placeholder","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","_jsx","style","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","_jsx","style","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}