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

package/dist/fields/RadioGroup/index.js

@@ -1,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { optionIsObject } from 'payload/shared';
-import { useCallback, useMemo } from 'react';
+import React, { 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';
@@ -37,47 +38,128 @@ const RadioGroupFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    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>;
+    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);
 };
 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","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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"}
+{"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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"}

package/dist/fields/Relationship/Input.js

@@ -1,8 +1,9 @@
 '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 { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
 import { AddNewRelation } from '../../elements/AddNewRelation/index.js';
 import { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js';
 import { useListDrawer } from '../../elements/ListDrawer/index.js';
@@ -619,124 +620,246 @@ export const RelationshipInput = (props)=>{
     if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {
         valueToRender.value = null;
     }
-    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>;
+    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);
 };
 
 //# sourceMappingURL=Input.js.map