@payloadcms/ui 3.35.0-internal.b3d367c → 3.35.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","PointFieldComponent","props","field","admin","className","description","placeholder","step","label","localized","required","path","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientComponent, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\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 { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: PointFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, step } = {},\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate: PointFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e, index: 0 | 1) => {\n      let val = parseFloat(e.target.value)\n      if (Number.isNaN(val)) {\n        val = e.target.value\n      }\n      const coordinates = [...value]\n      coordinates[index] = val\n      setValue(coordinates)\n    },\n    [setValue, value],\n  )\n\n  const getCoordinateFieldLabel = (type: 'latitude' | 'longitude') => {\n    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude')\n    const fieldLabel = label ? getTranslation(label, i18n) : ''\n\n    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`\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        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <ul className={`${baseClass}__wrap`}>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('longitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              disabled={readOnly || disabled}\n              id={`field-longitude-${path?.replace(/\\./g, '__')}`}\n              name={`${path}.longitude`}\n              onChange={(e) => handleChange(e, 0)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[0] === 'number' ? value[0] : ''}\n            />\n            {AfterInput}\n          </div>\n        </li>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('latitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            <RenderCustomComponent\n              CustomComponent={Error}\n              Fallback={<FieldError path={path} showError={showError} />}\n            />\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              disabled={readOnly || disabled}\n              id={`field-latitude-${path?.replace(/\\./g, '__')}`}\n              name={`${path}.latitude`}\n              onChange={(e) => handleChange(e, 1)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[1] === 'number' ? value[1] : ''}\n            />\n            {AfterInput}\n          </div>\n        </li>\n      </ul>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","PointFieldComponent","props","field","admin","className","description","placeholder","step","label","localized","required","path","pathFromProps","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientComponent, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\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 { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: PointFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, step } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate: PointFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e, index: 0 | 1) => {\n      let val = parseFloat(e.target.value)\n      if (Number.isNaN(val)) {\n        val = e.target.value\n      }\n      const coordinates = [...value]\n      coordinates[index] = val\n      setValue(coordinates)\n    },\n    [setValue, value],\n  )\n\n  const getCoordinateFieldLabel = (type: 'latitude' | 'longitude') => {\n    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude')\n    const fieldLabel = label ? getTranslation(label, i18n) : ''\n\n    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`\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        (readOnly || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <ul className={`${baseClass}__wrap`}>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('longitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              disabled={readOnly || disabled}\n              id={`field-longitude-${path?.replace(/\\./g, '__')}`}\n              name={`${path}.longitude`}\n              onChange={(e) => handleChange(e, 0)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[0] === 'number' ? value[0] : ''}\n            />\n            {AfterInput}\n          </div>\n        </li>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('latitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"input-wrapper\">\n            <RenderCustomComponent\n              CustomComponent={Error}\n              Fallback={<FieldError path={path} showError={showError} />}\n            />\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              disabled={readOnly || disabled}\n              id={`field-latitude-${path?.replace(/\\./g, '__')}`}\n              name={`${path}.latitude`}\n              onChange={(e) => handleChange(e, 1)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[1] === 'number' ? value[1] : ''}\n            />\n            {AfterInput}\n          </div>\n        </li>\n      </ul>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RadioGroup/index.tsx"],"names":[],"mappings":"AAcA,OAAO,cAAc,CAAA;AA+HrB,eAAO,MAAM,eAAe,EAAE,GAA6C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RadioGroup/index.tsx"],"names":[],"mappings":"AAcA,OAAO,cAAc,CAAA;AAgIrB,eAAO,MAAM,eAAe,EAAE,GAA6C,CAAA"}

package/dist/fields/RadioGroup/index.js

@@ -31,7 +31,7 @@ const RadioGroupFieldComponent = props => {
       required
     } = {},
     onChange: onChangeFromProps,
-    path,
+    path: pathFromProps,
     readOnly,
     validate,
     value: valueFromProps
@@ -57,11 +57,12 @@ const RadioGroupFieldComponent = props => {
       Label
     } = {},
     disabled,
+    path,
     setValue,
     showError,
     value: valueFromContext
   } = useField({
-    path,
+    potentiallyStalePath: pathFromProps,
     validate: memoizedValidate
   });
   const value_0 = valueFromContext || valueFromProps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["optionIsObject","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useField","withCondition","mergeFieldStyles","fieldBaseClass","Radio","baseClass","RadioGroupFieldComponent","props","disableModifyingForm","disableModifyingFormFromProps","field","admin","className","description","layout","label","localized","options","required","onChange","onChangeFromProps","path","readOnly","validate","value","valueFromProps","uuid","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","valueFromContext","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","map","option","optionValue","isSelected","String","RadioGroupField"],"sources":["../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { RadioFieldClientComponent, RadioFieldClientProps } from 'payload'\n\nimport { optionIsObject } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\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 { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { Radio } from './Radio/index.js'\n\nconst baseClass = 'radio-group'\n\nconst RadioGroupFieldComponent: RadioFieldClientComponent = (props) => {\n  const {\n    disableModifyingForm: disableModifyingFormFromProps,\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        layout = 'horizontal',\n      } = {} as RadioFieldClientProps['field']['admin'],\n      label,\n      localized,\n      options = [],\n      required,\n    } = {} as RadioFieldClientProps['field'],\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    validate,\n    value: valueFromProps,\n  } = props\n\n  const { uuid } = useForm()\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, options, required })\n      }\n    },\n    [validate, options, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    setValue,\n    showError,\n    value: valueFromContext,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const value = valueFromContext || valueFromProps\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        `${baseClass}--layout-${layout}`,\n        showError && 'error',\n        (readOnly || disabled) && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError path={path} showError={showError} />}\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        {BeforeInput}\n        <ul className={`${baseClass}--group`} id={`field-${path.replace(/\\./g, '__')}`}>\n          {options.map((option) => {\n            let optionValue = ''\n\n            if (optionIsObject(option)) {\n              optionValue = option.value\n            } else {\n              optionValue = option\n            }\n\n            const isSelected = String(optionValue) === String(value)\n\n            const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`\n\n            return (\n              <li key={`${path} - ${optionValue}`}>\n                <Radio\n                  id={id}\n                  isSelected={isSelected}\n                  onChange={() => {\n                    if (typeof onChangeFromProps === 'function') {\n                      onChangeFromProps(optionValue)\n                    }\n\n                    if (!(readOnly || disabled)) {\n                      setValue(optionValue, !!disableModifyingFormFromProps)\n                    }\n                  }}\n                  option={optionIsObject(option) ? option : { label: option, value: option }}\n                  path={path}\n                  readOnly={readOnly || disabled}\n                  uuid={uuid}\n                />\n              </li>\n            )\n          })}\n        </ul>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const RadioGroupField: any = withCondition(RadioGroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["optionIsObject","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useField","withCondition","mergeFieldStyles","fieldBaseClass","Radio","baseClass","RadioGroupFieldComponent","props","disableModifyingForm","disableModifyingFormFromProps","field","admin","className","description","layout","label","localized","options","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","value","valueFromProps","uuid","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","valueFromContext","potentiallyStalePath","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","map","option","optionValue","isSelected","String","RadioGroupField"],"sources":["../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { RadioFieldClientComponent, RadioFieldClientProps } from 'payload'\n\nimport { optionIsObject } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\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 { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { Radio } from './Radio/index.js'\n\nconst baseClass = 'radio-group'\n\nconst RadioGroupFieldComponent: RadioFieldClientComponent = (props) => {\n  const {\n    disableModifyingForm: disableModifyingFormFromProps,\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        layout = 'horizontal',\n      } = {} as RadioFieldClientProps['field']['admin'],\n      label,\n      localized,\n      options = [],\n      required,\n    } = {} as RadioFieldClientProps['field'],\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n    value: valueFromProps,\n  } = props\n\n  const { uuid } = useForm()\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, options, required })\n      }\n    },\n    [validate, options, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value: valueFromContext,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const value = valueFromContext || valueFromProps\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        `${baseClass}--layout-${layout}`,\n        showError && 'error',\n        (readOnly || disabled) && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError path={path} showError={showError} />}\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        {BeforeInput}\n        <ul className={`${baseClass}--group`} id={`field-${path.replace(/\\./g, '__')}`}>\n          {options.map((option) => {\n            let optionValue = ''\n\n            if (optionIsObject(option)) {\n              optionValue = option.value\n            } else {\n              optionValue = option\n            }\n\n            const isSelected = String(optionValue) === String(value)\n\n            const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`\n\n            return (\n              <li key={`${path} - ${optionValue}`}>\n                <Radio\n                  id={id}\n                  isSelected={isSelected}\n                  onChange={() => {\n                    if (typeof onChangeFromProps === 'function') {\n                      onChangeFromProps(optionValue)\n                    }\n\n                    if (!(readOnly || disabled)) {\n                      setValue(optionValue, !!disableModifyingFormFromProps)\n                    }\n                  }}\n                  option={optionIsObject(option) ? option : { label: option, value: option }}\n                  path={path}\n                  readOnly={readOnly || disabled}\n                  uuid={uuid}\n                />\n              </li>\n            )\n          })}\n        </ul>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const RadioGroupField: any = withCondition(RadioGroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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":"AAMA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAqB5F,OAAO,cAAc,CAAA;AAkrBrB,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;AAovBrB,eAAO,MAAM,iBAAiB;;;;;+EAA4C,CAAA"}

package/dist/fields/Relationship/index.js

@@ -7,6 +7,7 @@ import * as qs from 'qs-esm';
 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';
 import { ReactSelect } from '../../elements/ReactSelect/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
@@ -37,6 +38,7 @@ const RelationshipFieldComponent = props => {
       admin: {
         allowCreate = true,
         allowEdit = true,
+        appearance = 'select',
         className,
         description,
         isSortable = true,
@@ -48,7 +50,7 @@ const RelationshipFieldComponent = props => {
       relationTo,
       required
     },
-    path,
+    path: pathFromProps,
     readOnly,
     validate
   } = props;
@@ -105,11 +107,12 @@ const RelationshipFieldComponent = props => {
     disabled,
     filterOptions,
     initialValue,
+    path,
     setValue,
     showError,
     value: value_0
   } = useField({
-    path,
+    potentiallyStalePath: pathFromProps,
     validate: memoizedValidate
   });
   const [options, dispatchOptions] = useReducer(optionsReducer, []);
@@ -122,6 +125,53 @@ const RelationshipFieldComponent = props => {
     id: currentlyOpenRelationship.id,
     collectionSlug: currentlyOpenRelationship.collectionSlug
   });
+  // Filter selected values from displaying in the list drawer
+  const listDrawerFilterOptions = useMemo(() => {
+    let newFilterOptions = filterOptions;
+    if (value_0) {
+      ;
+      (Array.isArray(value_0) ? value_0 : [value_0]).forEach(val => {
+        ;
+        (Array.isArray(relationTo) ? relationTo : [relationTo]).forEach(relationTo_0 => {
+          newFilterOptions = {
+            ...(filterOptions || {}),
+            [relationTo_0]: {
+              ...(typeof filterOptions?.[relationTo_0] === 'object' ? filterOptions[relationTo_0] : {}),
+              id: {
+                not_in: [typeof val === 'object' ? val.value : val]
+              }
+            }
+          };
+        });
+      });
+    }
+    return newFilterOptions;
+  }, [filterOptions, value_0, relationTo]);
+  const [ListDrawer,, {
+    closeDrawer: closeListDrawer,
+    isDrawerOpen: isListDrawerOpen,
+    openDrawer: openListDrawer
+  }] = useListDrawer({
+    collectionSlugs: hasMultipleRelations ? relationTo : [relationTo],
+    filterOptions: listDrawerFilterOptions
+  });
+  const onListSelect = useCallback(({
+    collectionSlug,
+    doc
+  }) => {
+    const formattedSelection = hasMultipleRelations ? {
+      relationTo: collectionSlug,
+      value: doc.id
+    } : doc.id;
+    if (hasMany) {
+      const withSelection = Array.isArray(value_0) ? value_0 : [];
+      withSelection.push(formattedSelection);
+      setValue(withSelection);
+    } else {
+      setValue(formattedSelection);
+    }
+    closeListDrawer();
+  }, [hasMany, hasMultipleRelations, setValue, closeListDrawer, value_0]);
   const openDrawerWhenRelationChanges = useRef(false);
   const getResults = useCallback(async ({
     filterOptions: filterOptions_0,
@@ -456,13 +506,13 @@ const RelationshipFieldComponent = props => {
   }, []);
   const onDocumentDrawerOpen = useCallback(({
     id: id_0,
-    collectionSlug,
+    collectionSlug: collectionSlug_0,
     hasReadPermission
   }) => {
     openDrawerWhenRelationChanges.current = true;
     setCurrentlyOpenRelationship({
       id: id_0,
-      collectionSlug,
+      collectionSlug: collectionSlug_0,
       hasReadPermission
     });
   }, []);
@@ -504,18 +554,21 @@ const RelationshipFieldComponent = props => {
       }), BeforeInput, !errorLoading && /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__wrap`,
         children: [/*#__PURE__*/_jsx(ReactSelect, {
-          backspaceRemovesValue: !isDrawerOpen,
+          backspaceRemovesValue: !(isDrawerOpen || isListDrawerOpen),
           components: {
             MultiValueLabel,
-            SingleValue
+            SingleValue,
+            ...(appearance !== 'select' && {
+              DropdownIndicator: null
+            })
           },
           customProps: {
-            disableKeyDown: isDrawerOpen,
-            disableMouseDown: isDrawerOpen,
+            disableKeyDown: isDrawerOpen || isListDrawerOpen,
+            disableMouseDown: isDrawerOpen || isListDrawerOpen,
             onDocumentDrawerOpen,
             onSave
           },
-          disabled: readOnly || disabled || isDrawerOpen,
+          disabled: readOnly || disabled || isDrawerOpen || isListDrawerOpen,
           filterOption: enableWordBoundarySearch ? filterOption : undefined,
           getOptionValue: option_3 => {
             if (!option_3) {
@@ -523,9 +576,11 @@ const RelationshipFieldComponent = props => {
             }
             return hasMany && Array.isArray(relationTo) ? `${option_3.relationTo}_${option_3.value}` : option_3.value;
           },
-          isLoading: isLoading,
+          isLoading: appearance === 'select' && isLoading,
           isMulti: hasMany,
+          isSearchable: appearance === 'select',
           isSortable: isSortable,
+          menuIsOpen: appearance === 'select' ? menuIsOpen : false,
           onChange: !(readOnly || disabled) ? selected => {
             if (selected === null) {
               setValue(hasMany ? [] : null);
@@ -553,18 +608,22 @@ const RelationshipFieldComponent = props => {
             setMenuIsOpen(false);
           },
           onMenuOpen: () => {
-            setMenuIsOpen(true);
-            if (!hasLoadedFirstPageRef.current) {
-              setIsLoading(true);
-              void getResults({
-                filterOptions,
-                lastLoadedPage: {},
-                onSuccess: () => {
-                  hasLoadedFirstPageRef.current = true;
-                  setIsLoading(false);
-                },
-                value: initialValue
-              });
+            if (appearance === 'drawer') {
+              openListDrawer();
+            } else if (appearance === 'select') {
+              setMenuIsOpen(true);
+              if (!hasLoadedFirstPageRef.current) {
+                setIsLoading(true);
+                void getResults({
+                  filterOptions,
+                  lastLoadedPage: {},
+                  onSuccess: () => {
+                    hasLoadedFirstPageRef.current = true;
+                    setIsLoading(false);
+                  },
+                  value: initialValue
+                });
+              }
             }
           },
           onMenuScrollToBottom: () => {
@@ -601,6 +660,10 @@ const RelationshipFieldComponent = props => {
       onDelete: onDelete,
       onDuplicate: onDuplicate,
       onSave: onSave
+    }), appearance === 'drawer' && !readOnly && /*#__PURE__*/_jsx(ListDrawer, {
+      allowCreate: allowCreate,
+      enableRowSelections: false,
+      onSelect: onListSelect
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dequal","wordBoundariesRegex","qs","React","useCallback","useEffect","useMemo","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","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","className","description","isSortable","sortOptions","hasMany","label","localized","relationTo","required","path","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","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","openDrawerWhenRelationChanges","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","where","and","not_in","push","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","handleValueChange","Object","entries","idsToLoad","filter","find","optionGroup","option","in","prevValue","isFirstRenderRef","isIdOnly","idOnly","getResultsEffectEvent","args","exemptValues","onSave","collectionConfig","doc","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","customProps","disableKeyDown","disableMouseDown","getOptionValue","isMulti","onChange","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, RelationshipFieldClientComponent, Where } from 'payload'\n\nimport { 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 { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, Option, Value } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { 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        className,\n        description,\n        isSortable = true,\n        sortOptions,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo,\n      required,\n    },\n    path,\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    setValue,\n    showError,\n    value,\n  } = useField<Value | Value[]>({\n    path,\n    validate: memoizedValidate,\n  })\n  const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n  const valueRef = useRef(value)\n  valueRef.current = value\n\n  const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n    id: currentlyOpenRelationship.id,\n    collectionSlug: currentlyOpenRelationship.collectionSlug,\n  })\n\n  const openDrawerWhenRelationChanges = useRef(false)\n\n  const getResults: GetResults = useCallback(\n    async ({\n      filterOptions,\n      lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n      lastLoadedPage: lastLoadedPageArg,\n      onSuccess,\n      search: searchArg,\n      sort,\n      value: valueArg,\n    }) => {\n      if (!permissions) {\n        return\n      }\n      const lastFullyLoadedRelationToUse =\n        typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n      const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n      const relationsToFetch =\n        lastFullyLoadedRelationToUse === -1\n          ? relations\n          : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n      let resultsFetched = 0\n      const relationMap = createRelationMap({\n        hasMany,\n        relationTo,\n        value: valueArg,\n      })\n\n      if (!errorLoading) {\n        await relationsToFetch.reduce(async (priorRelation, relation) => {\n          const relationFilterOption = filterOptions?.[relation]\n\n          let lastLoadedPageToUse\n          if (search !== searchArg) {\n            lastLoadedPageToUse = 1\n          } else {\n            lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n          }\n          await priorRelation\n\n          if (relationFilterOption === false) {\n            setLastFullyLoadedRelation(relations.indexOf(relation))\n            return Promise.resolve()\n          }\n\n          if (resultsFetched < 10) {\n            const collection = 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              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}\n              components={{\n                MultiValueLabel,\n                SingleValue,\n              }}\n              customProps={{\n                disableKeyDown: isDrawerOpen,\n                disableMouseDown: isDrawerOpen,\n                onDocumentDrawerOpen,\n                onSave,\n              }}\n              disabled={readOnly || disabled || isDrawerOpen}\n              filterOption={enableWordBoundarySearch ? filterOption : undefined}\n              getOptionValue={(option) => {\n                if (!option) {\n                  return undefined\n                }\n                return hasMany && Array.isArray(relationTo)\n                  ? `${option.relationTo}_${option.value}`\n                  : (option.value as string)\n              }}\n              isLoading={isLoading}\n              isMulti={hasMany}\n              isSortable={isSortable}\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                setMenuIsOpen(true)\n\n                if (!hasLoadedFirstPageRef.current) {\n                  setIsLoading(true)\n                  void getResults({\n                    filterOptions,\n                    lastLoadedPage: {},\n                    onSuccess: () => {\n                      hasLoadedFirstPageRef.current = true\n                      setIsLoading(false)\n                    },\n                    value: initialValue,\n                  })\n                }\n              }}\n              onMenuScrollToBottom={() => {\n                void getResults({\n                  filterOptions,\n                  lastFullyLoadedRelation,\n                  lastLoadedPage,\n                  search,\n                  sort: false,\n                  value: initialValue,\n                })\n              }}\n              options={options}\n              showError={showError}\n              value={valueToRender ?? null}\n            />\n            {!(readOnly || 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    </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","forEach","val","not_in","ListDrawer","closeDrawer","closeListDrawer","isListDrawerOpen","openListDrawer","collectionSlugs","onListSelect","doc","formattedSelection","withSelection","push","openDrawerWhenRelationChanges","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","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      ;(Array.isArray(value) ? value : [value]).forEach((val) => {\n        ;(Array.isArray(relationTo) ? relationTo : [relationTo]).forEach((relationTo) => {\n          newFilterOptions = {\n            ...(filterOptions || {}),\n            [relationTo]: {\n              ...(typeof filterOptions?.[relationTo] === 'object' ? filterOptions[relationTo] : {}),\n              id: {\n                not_in: [typeof val === 'object' ? val.value : val],\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        withSelection.push(formattedSelection)\n        setValue(withSelection)\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              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/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;AAgHxC,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

@@ -33,7 +33,7 @@ const SelectFieldComponent = props => {
       required
     },
     onChange: onChangeFromProps,
-    path,
+    path: pathFromProps,
     readOnly,
     validate
   } = props;
@@ -57,11 +57,12 @@ const SelectFieldComponent = props => {
       Label
     } = {},
     disabled,
+    path,
     setValue,
     showError,
     value: value_0
   } = useField({
-    path,
+    potentiallyStalePath: pathFromProps,
     validate: memoizedValidate
   });
   const onChange = useCallback(selectedOption => {