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

package/dist/fields/RadioGroup/index.js

@@ -1,7 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { optionIsObject } from 'payload/shared';
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
 import { FieldError } from '../../fields/FieldError/index.js';
@@ -38,128 +37,47 @@ const RadioGroupFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className,
-            `${baseClass}--layout-${layout}`,
-            showError && 'error',
-            (readOnly || disabled) && `${baseClass}--read-only`
-        ].filter(Boolean).join(' '),
-        style: styles,
-        children: [
-            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                CustomComponent: Error,
-                Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
-                    path: path,
-                    showError: showError
-                }, void 0, false, {
-                    fileName: "src/fields/RadioGroup/index.tsx",
-                    lineNumber: 86,
-                    columnNumber: 19
-                }, void 0)
-            }, void 0, false, {
-                fileName: "src/fields/RadioGroup/index.tsx",
-                lineNumber: 84,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                    label: label,
-                    localized: localized,
-                    path: path,
-                    required: required
-                }, void 0, false, {
-                    fileName: "src/fields/RadioGroup/index.tsx",
-                    lineNumber: 91,
-                    columnNumber: 11
-                }, void 0)
-            }, void 0, false, {
-                fileName: "src/fields/RadioGroup/index.tsx",
-                lineNumber: 88,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${fieldBaseClass}__wrap`,
-                children: [
-                    BeforeInput,
-                    /*#__PURE__*/ _jsxDEV("ul", {
-                        className: `${baseClass}--group`,
-                        id: `field-${path.replace(/\./g, '__')}`,
-                        children: options.map((option)=>{
-                            let optionValue = '';
-                            if (optionIsObject(option)) {
-                                optionValue = option.value;
-                            } else {
-                                optionValue = option;
-                            }
-                            const isSelected = String(optionValue) === String(value);
-                            const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`;
-                            return /*#__PURE__*/ _jsxDEV("li", {
-                                children: /*#__PURE__*/ _jsxDEV(Radio, {
-                                    id: id,
-                                    isSelected: isSelected,
-                                    onChange: ()=>{
-                                        if (typeof onChangeFromProps === 'function') {
-                                            onChangeFromProps(optionValue);
-                                        }
-                                        if (!(readOnly || disabled)) {
-                                            setValue(optionValue, !!disableModifyingFormFromProps);
-                                        }
-                                    },
-                                    option: optionIsObject(option) ? option : {
-                                        label: option,
-                                        value: option
-                                    },
-                                    path: path,
-                                    readOnly: readOnly || disabled,
-                                    uuid: uuid
-                                }, void 0, false, {
-                                    fileName: "src/fields/RadioGroup/index.tsx",
-                                    lineNumber: 112,
-                                    columnNumber: 17
-                                }, this)
-                            }, `${path} - ${optionValue}`, false, {
-                                fileName: "src/fields/RadioGroup/index.tsx",
-                                lineNumber: 111,
-                                columnNumber: 15
-                            }, this);
-                        })
-                    }, void 0, false, {
-                        fileName: "src/fields/RadioGroup/index.tsx",
-                        lineNumber: 96,
-                        columnNumber: 9
-                    }, this),
-                    AfterInput,
-                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                        CustomComponent: Description,
-                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
-                            description: description,
-                            path: path
-                        }, void 0, false, {
-                            fileName: "src/fields/RadioGroup/index.tsx",
-                            lineNumber: 136,
-                            columnNumber: 21
-                        }, void 0)
-                    }, void 0, false, {
-                        fileName: "src/fields/RadioGroup/index.tsx",
-                        lineNumber: 134,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/fields/RadioGroup/index.tsx",
-                lineNumber: 94,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/fields/RadioGroup/index.tsx",
-        lineNumber: 71,
-        columnNumber: 5
-    }, this);
+    return <div className={[
+        fieldBaseClass,
+        baseClass,
+        className,
+        `${baseClass}--layout-${layout}`,
+        showError && 'error',
+        (readOnly || disabled) && `${baseClass}--read-only`
+    ].filter(Boolean).join(' ')} style={styles}>
+      <RenderCustomComponent CustomComponent={Error} Fallback={<FieldError path={path} showError={showError}/>}/>
+      <RenderCustomComponent CustomComponent={Label} Fallback={<FieldLabel label={label} localized={localized} path={path} required={required}/>}/>
+      <div className={`${fieldBaseClass}__wrap`}>
+        {BeforeInput}
+        <ul className={`${baseClass}--group`} id={`field-${path.replace(/\./g, '__')}`}>
+          {options.map((option)=>{
+        let optionValue = '';
+        if (optionIsObject(option)) {
+            optionValue = option.value;
+        } else {
+            optionValue = option;
+        }
+        const isSelected = String(optionValue) === String(value);
+        const id = `field-${path}-${optionValue}${uuid ? `-${uuid}` : ''}`;
+        return <li key={`${path} - ${optionValue}`}>
+                <Radio id={id} isSelected={isSelected} onChange={()=>{
+            if (typeof onChangeFromProps === 'function') {
+                onChangeFromProps(optionValue);
+            }
+            if (!(readOnly || disabled)) {
+                setValue(optionValue, !!disableModifyingFormFromProps);
+            }
+        }} option={optionIsObject(option) ? option : {
+            label: option,
+            value: option
+        }} path={path} readOnly={readOnly || disabled} uuid={uuid}/>
+              </li>;
+    })}
+        </ul>
+        {AfterInput}
+        <RenderCustomComponent CustomComponent={Description} Fallback={<FieldDescription description={description} path={path}/>}/>
+      </div>
+    </div>;
 };
 export const RadioGroupField = withCondition(RadioGroupFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"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"],"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","div","filter","Boolean","join","style","CustomComponent","Fallback","ul","id","replace","map","option","optionValue","isSelected","String","li","RadioGroupField"],"mappings":"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"}
+{"version":3,"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"],"names":["optionIsObject","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","div","filter","Boolean","join","style","CustomComponent","Fallback","ul","id","replace","map","option","optionValue","isSelected","String","li","key","RadioGroupField"],"mappings":"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"}

package/dist/fields/Relationship/Input.js

@@ -1,9 +1,8 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { dequal } from 'dequal/lite';
 import { formatAdminURL, wordBoundariesRegex } from 'payload/shared';
 import * as qs from 'qs-esm';
-import React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
+import { 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';
@@ -620,246 +619,124 @@ export const RelationshipInput = (props)=>{
     if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {
         valueToRender.value = null;
     }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className,
-            showError && 'error',
-            errorLoading && 'error-loading',
-            readOnly && `${baseClass}--read-only`,
-            !readOnly && allowCreate && `${baseClass}--allow-create`
-        ].filter(Boolean).join(' '),
-        id: `field-${path.replace(/\./g, '__')}`,
-        style: style,
-        children: [
-            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                    label: label,
-                    localized: localized,
-                    path: path,
-                    required: required
-                }, void 0, false, {
-                    fileName: "src/fields/Relationship/Input.tsx",
-                    lineNumber: 755,
-                    columnNumber: 11
-                }, void 0)
-            }, void 0, false, {
-                fileName: "src/fields/Relationship/Input.tsx",
-                lineNumber: 752,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${fieldBaseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                        CustomComponent: Error,
-                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
-                            path: path,
-                            showError: showError
-                        }, void 0, false, {
-                            fileName: "src/fields/Relationship/Input.tsx",
-                            lineNumber: 761,
-                            columnNumber: 21
-                        }, void 0)
-                    }, void 0, false, {
-                        fileName: "src/fields/Relationship/Input.tsx",
-                        lineNumber: 759,
-                        columnNumber: 9
-                    }, this),
-                    BeforeInput,
-                    errorLoading ? /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__error-loading`,
-                        children: errorLoading
-                    }, void 0, false, {
-                        fileName: "src/fields/Relationship/Input.tsx",
-                        lineNumber: 765,
-                        columnNumber: 11
-                    }, this) : /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__wrap`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(ReactSelect, {
-                                backspaceRemovesValue: !(isDrawerOpen || isListDrawerOpen),
-                                components: {
-                                    MultiValueLabel,
-                                    SingleValue,
-                                    ...appearance !== 'select' && {
-                                        DropdownIndicator: null
-                                    }
-                                },
-                                customProps: {
-                                    disableKeyDown: isDrawerOpen || isListDrawerOpen,
-                                    disableMouseDown: isDrawerOpen || isListDrawerOpen,
-                                    onDocumentOpen
-                                },
-                                disabled: readOnly || isDrawerOpen || isListDrawerOpen,
-                                filterOption: enableWordBoundarySearch ? filterOption : undefined,
-                                getOptionValue: (option)=>{
-                                    if (!option) {
-                                        return undefined;
-                                    }
-                                    return hasMany && Array.isArray(relationTo) ? `${option.relationTo}_${option.value}` : option.value;
-                                },
-                                isLoading: appearance === 'select' && isLoading,
-                                isMulti: hasMany,
-                                isSearchable: appearance === 'select',
-                                isSortable: isSortable,
-                                menuIsOpen: appearance === 'select' ? menuIsOpen : false,
-                                onChange: !readOnly ? (selected)=>{
-                                    if (hasMany) {
-                                        if (selected === null) {
-                                            valueRef.current = [];
-                                            onChange([]);
-                                        } else {
-                                            valueRef.current = selected;
-                                            onChange(selected);
-                                        }
-                                    } else if (hasMany === false) {
-                                        if (selected === null) {
-                                            valueRef.current = null;
-                                            onChange(null);
-                                        } else {
-                                            valueRef.current = selected;
-                                            onChange(selected);
-                                        }
-                                    }
-                                } : undefined,
-                                onInputChange: (newSearch)=>handleInputChange({
-                                        search: newSearch,
-                                        ...hasMany === true ? {
-                                            hasMany,
-                                            value
-                                        } : {
-                                            hasMany,
-                                            value
-                                        }
-                                    }),
-                                onMenuClose: ()=>{
-                                    setMenuIsOpen(false);
-                                },
-                                onMenuOpen: ()=>{
-                                    if (appearance === 'drawer') {
-                                        openListDrawer();
-                                    } else if (appearance === 'select') {
-                                        setMenuIsOpen(true);
-                                        if (!hasLoadedFirstPageRef.current) {
-                                            setIsLoading(true);
-                                            updateResultsEffectEvent({
-                                                filterOptions,
-                                                lastLoadedPage: {},
-                                                onSuccess: ()=>{
-                                                    hasLoadedFirstPageRef.current = true;
-                                                    setIsLoading(false);
-                                                },
-                                                ...hasMany === true ? {
-                                                    hasMany,
-                                                    value
-                                                } : {
-                                                    hasMany,
-                                                    value
-                                                }
-                                            });
-                                        }
-                                    }
-                                },
-                                onMenuScrollToBottom: ()=>{
-                                    setIsLoading(true);
-                                    updateResultsEffectEvent({
-                                        filterOptions,
-                                        lastFullyLoadedRelation,
-                                        lastLoadedPage,
-                                        onSuccess: ()=>{
-                                            setIsLoading(false);
-                                        },
-                                        search,
-                                        sort: false,
-                                        ...hasMany === true ? {
-                                            hasMany,
-                                            value: initialValue
-                                        } : {
-                                            hasMany,
-                                            value: initialValue
-                                        }
-                                    });
-                                },
-                                options: typeof formatDisplayedOptions === 'function' ? formatDisplayedOptions(options) : options,
-                                placeholder: placeholder,
-                                showError: showError,
-                                value: valueToRender ?? null
-                            }, void 0, false, {
-                                fileName: "src/fields/Relationship/Input.tsx",
-                                lineNumber: 768,
-                                columnNumber: 13
-                            }, this),
-                            !readOnly && allowCreate && /*#__PURE__*/ _jsxDEV(AddNewRelation, {
-                                path: path,
-                                relationTo: relationTo,
-                                ...hasMany === true ? {
-                                    hasMany,
-                                    onChange,
-                                    value
-                                } : {
-                                    hasMany,
-                                    onChange,
-                                    value
-                                }
-                            }, void 0, false, {
-                                fileName: "src/fields/Relationship/Input.tsx",
-                                lineNumber: 894,
-                                columnNumber: 15
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/fields/Relationship/Input.tsx",
-                        lineNumber: 767,
-                        columnNumber: 11
-                    }, this),
-                    AfterInput,
-                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                        CustomComponent: Description,
-                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
-                            description: description,
-                            path: path
-                        }, void 0, false, {
-                            fileName: "src/fields/Relationship/Input.tsx",
-                            lineNumber: 915,
-                            columnNumber: 21
-                        }, void 0)
-                    }, void 0, false, {
-                        fileName: "src/fields/Relationship/Input.tsx",
-                        lineNumber: 913,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/fields/Relationship/Input.tsx",
-                lineNumber: 758,
-                columnNumber: 7
-            }, this),
-            currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && /*#__PURE__*/ _jsxDEV(DocumentDrawer, {
-                onDelete: onDelete,
-                onDuplicate: onDuplicate
-            }, void 0, false, {
-                fileName: "src/fields/Relationship/Input.tsx",
-                lineNumber: 919,
-                columnNumber: 9
-            }, this),
-            appearance === 'drawer' && !readOnly && /*#__PURE__*/ _jsxDEV(ListDrawer, {
-                allowCreate: allowCreate,
-                enableRowSelections: false,
-                onSelect: onListSelect
-            }, void 0, false, {
-                fileName: "src/fields/Relationship/Input.tsx",
-                lineNumber: 922,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/fields/Relationship/Input.tsx",
-        lineNumber: 737,
-        columnNumber: 5
-    }, this);
+    return <div className={[
+        fieldBaseClass,
+        baseClass,
+        className,
+        showError && 'error',
+        errorLoading && 'error-loading',
+        readOnly && `${baseClass}--read-only`,
+        !readOnly && allowCreate && `${baseClass}--allow-create`
+    ].filter(Boolean).join(' ')} id={`field-${path.replace(/\./g, '__')}`} style={style}>
+      <RenderCustomComponent CustomComponent={Label} Fallback={<FieldLabel label={label} localized={localized} path={path} required={required}/>}/>
+      <div className={`${fieldBaseClass}__wrap`}>
+        <RenderCustomComponent CustomComponent={Error} Fallback={<FieldError path={path} showError={showError}/>}/>
+        {BeforeInput}
+        {errorLoading ? <div className={`${baseClass}__error-loading`}>{errorLoading}</div> : <div className={`${baseClass}__wrap`}>
+            <ReactSelect backspaceRemovesValue={!(isDrawerOpen || isListDrawerOpen)} components={{
+        MultiValueLabel,
+        SingleValue,
+        ...appearance !== 'select' && {
+            DropdownIndicator: null
+        }
+    }} customProps={{
+        disableKeyDown: isDrawerOpen || isListDrawerOpen,
+        disableMouseDown: isDrawerOpen || isListDrawerOpen,
+        onDocumentOpen
+    }} disabled={readOnly || isDrawerOpen || isListDrawerOpen} filterOption={enableWordBoundarySearch ? filterOption : undefined} getOptionValue={(option)=>{
+        if (!option) {
+            return undefined;
+        }
+        return hasMany && Array.isArray(relationTo) ? `${option.relationTo}_${option.value}` : option.value;
+    }} isLoading={appearance === 'select' && isLoading} isMulti={hasMany} isSearchable={appearance === 'select'} isSortable={isSortable} menuIsOpen={appearance === 'select' ? menuIsOpen : false} onChange={!readOnly ? (selected)=>{
+        if (hasMany) {
+            if (selected === null) {
+                valueRef.current = [];
+                onChange([]);
+            } else {
+                valueRef.current = selected;
+                onChange(selected);
+            }
+        } else if (hasMany === false) {
+            if (selected === null) {
+                valueRef.current = null;
+                onChange(null);
+            } else {
+                valueRef.current = selected;
+                onChange(selected);
+            }
+        }
+    } : undefined} onInputChange={(newSearch)=>handleInputChange({
+            search: newSearch,
+            ...hasMany === true ? {
+                hasMany,
+                value
+            } : {
+                hasMany,
+                value
+            }
+        })} onMenuClose={()=>{
+        setMenuIsOpen(false);
+    }} onMenuOpen={()=>{
+        if (appearance === 'drawer') {
+            openListDrawer();
+        } else if (appearance === 'select') {
+            setMenuIsOpen(true);
+            if (!hasLoadedFirstPageRef.current) {
+                setIsLoading(true);
+                updateResultsEffectEvent({
+                    filterOptions,
+                    lastLoadedPage: {},
+                    onSuccess: ()=>{
+                        hasLoadedFirstPageRef.current = true;
+                        setIsLoading(false);
+                    },
+                    ...hasMany === true ? {
+                        hasMany,
+                        value
+                    } : {
+                        hasMany,
+                        value
+                    }
+                });
+            }
+        }
+    }} onMenuScrollToBottom={()=>{
+        setIsLoading(true);
+        updateResultsEffectEvent({
+            filterOptions,
+            lastFullyLoadedRelation,
+            lastLoadedPage,
+            onSuccess: ()=>{
+                setIsLoading(false);
+            },
+            search,
+            sort: false,
+            ...hasMany === true ? {
+                hasMany,
+                value: initialValue
+            } : {
+                hasMany,
+                value: initialValue
+            }
+        });
+    }} options={typeof formatDisplayedOptions === 'function' ? formatDisplayedOptions(options) : options} placeholder={placeholder} showError={showError} value={valueToRender ?? null}/>
+            {!readOnly && allowCreate && <AddNewRelation path={path} relationTo={relationTo} {...hasMany === true ? {
+        hasMany,
+        onChange,
+        value
+    } : {
+        hasMany,
+        onChange,
+        value
+    }}/>}
+          </div>}
+        {AfterInput}
+        <RenderCustomComponent CustomComponent={Description} Fallback={<FieldDescription description={description} path={path}/>}/>
+      </div>
+      {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate}/>}
+      {appearance === 'drawer' && !readOnly && <ListDrawer allowCreate={allowCreate} enableRowSelections={false} onSelect={onListSelect}/>}
+    </div>;
 };
 
 //# sourceMappingURL=Input.js.map