@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

package/dist/fields/Relationship/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -6,127 +8,166 @@ import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { RelationshipInput } from './Input.js';
 import './index.scss';
 export { RelationshipInput };
-const RelationshipFieldComponent = (props)=>{
-    const { field, field: { admin: { allowCreate = true, allowEdit = true, appearance = 'select', className, description, isSortable = true, placeholder, sortOptions } = {}, hasMany, label, localized, relationTo: relationToProp, required }, path: pathFromProps, readOnly, validate } = props;
-    const memoizedValidate = useCallback((value, validationOptions)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...validationOptions,
-                required
-            });
-        }
-    }, [
-        validate,
+const RelationshipFieldComponent = props => {
+  const {
+    field,
+    field: {
+      admin: {
+        allowCreate = true,
+        allowEdit = true,
+        appearance = 'select',
+        className,
+        description,
+        isSortable = true,
+        placeholder,
+        sortOptions
+      } = {},
+      hasMany,
+      label,
+      localized,
+      relationTo: relationToProp,
+      required
+    },
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  const memoizedValidate = useCallback((value, validationOptions) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...validationOptions,
         required
-    ]);
-    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, filterOptions, initialValue, path, setValue, showError, value } = useField({
-        potentiallyStalePath: pathFromProps,
-        validate: memoizedValidate
+      });
+    }
+  }, [validate, required]);
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    disabled,
+    filterOptions,
+    initialValue,
+    path,
+    setValue,
+    showError,
+    value: value_0
+  } = useField({
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  const isPolymorphic = Array.isArray(relationToProp);
+  const [relationTo] = React.useState(() => Array.isArray(relationToProp) ? relationToProp : [relationToProp]);
+  const handleChangeHasMulti = useCallback(newValue => {
+    if (!newValue) {
+      setValue(null, newValue === value_0);
+      return;
+    }
+    let disableFormModification = false;
+    if (isPolymorphic) {
+      disableFormModification = Array.isArray(value_0) && Array.isArray(newValue) && value_0.length === newValue.length && value_0.every((val, idx) => {
+        const newVal = newValue[idx];
+        return val.value === newVal.value && val.relationTo === newVal.relationTo;
+      });
+    } else {
+      disableFormModification = Array.isArray(value_0) && Array.isArray(newValue) && value_0.length === newValue.length && value_0.every((val_0, idx_0) => val_0 === newValue[idx_0].value);
+    }
+    const dataToSet = newValue.map(val_1 => {
+      if (isPolymorphic) {
+        return val_1;
+      } else {
+        return val_1.value;
+      }
     });
-    const styles = useMemo(()=>mergeFieldStyles(field), [
-        field
-    ]);
-    const isPolymorphic = Array.isArray(relationToProp);
-    const [relationTo] = React.useState(()=>Array.isArray(relationToProp) ? relationToProp : [
-            relationToProp
-        ]);
-    const handleChangeHasMulti = useCallback((newValue)=>{
-        if (!newValue) {
-            setValue(null, newValue === value);
-            return;
-        }
-        let disableFormModification = false;
-        if (isPolymorphic) {
-            disableFormModification = Array.isArray(value) && Array.isArray(newValue) && value.length === newValue.length && value.every((val, idx)=>{
-                const newVal = newValue[idx];
-                return val.value === newVal.value && val.relationTo === newVal.relationTo;
-            });
-        } else {
-            disableFormModification = Array.isArray(value) && Array.isArray(newValue) && value.length === newValue.length && value.every((val, idx)=>val === newValue[idx].value);
-        }
-        const dataToSet = newValue.map((val)=>{
-            if (isPolymorphic) {
-                return val;
-            } else {
-                return val.value;
-            }
-        });
-        setValue(dataToSet, disableFormModification);
-    }, [
-        isPolymorphic,
-        setValue,
-        value
-    ]);
-    const handleChangeSingle = useCallback((newValue)=>{
-        if (!newValue) {
-            setValue(null, newValue === value);
-            return;
-        }
-        let disableFormModification = false;
-        if (isPolymorphic) {
-            disableFormModification = value && newValue && value.value === newValue.value && value.relationTo === newValue.relationTo;
-        } else {
-            disableFormModification = value && newValue && value === newValue.value;
-        }
-        const dataToSet = isPolymorphic ? newValue : newValue.value;
-        setValue(dataToSet, disableFormModification);
-    }, [
-        isPolymorphic,
-        setValue,
-        value
-    ]);
-    const memoizedValue = React.useMemo(()=>{
-        if (hasMany === true) {
-            return Array.isArray(value) ? value.map((val)=>{
-                return isPolymorphic ? val : {
-                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
-                    value: val
-                };
-            }) : value;
-        } else {
-            return value ? isPolymorphic ? value : {
-                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
-                value
-            } : value;
-        }
-    }, [
-        hasMany,
-        value,
-        isPolymorphic,
-        relationTo
-    ]);
-    const memoizedInitialValue = React.useMemo(()=>{
-        if (hasMany === true) {
-            return Array.isArray(initialValue) ? initialValue.map((val)=>{
-                return isPolymorphic ? val : {
-                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
-                    value: val
-                };
-            }) : initialValue;
-        } else {
-            return initialValue ? isPolymorphic ? initialValue : {
-                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
-                value: initialValue
-            } : initialValue;
-        }
-    }, [
-        initialValue,
-        isPolymorphic,
-        relationTo,
-        hasMany
-    ]);
-    return <RelationshipInput AfterInput={AfterInput} allowCreate={allowCreate} allowEdit={allowEdit} appearance={appearance} BeforeInput={BeforeInput} className={className} Description={Description} description={description} Error={Error} filterOptions={filterOptions} formatDisplayedOptions={isPolymorphic ? undefined : (options)=>options.map((opt)=>opt.options).flat()} isSortable={isSortable} Label={Label} label={label} localized={localized} maxResultsPerRequest={10} maxRows={field?.maxRows} minRows={field?.minRows} path={path} placeholder={placeholder} readOnly={readOnly || disabled} relationTo={relationTo} required={required} showError={showError} sortOptions={sortOptions} style={styles} {...hasMany === true ? {
-        hasMany: true,
-        initialValue: memoizedInitialValue,
-        onChange: handleChangeHasMulti,
-        value: memoizedValue
+    setValue(dataToSet, disableFormModification);
+  }, [isPolymorphic, setValue, value_0]);
+  const handleChangeSingle = useCallback(newValue_0 => {
+    if (!newValue_0) {
+      setValue(null, newValue_0 === value_0);
+      return;
+    }
+    let disableFormModification_0 = false;
+    if (isPolymorphic) {
+      disableFormModification_0 = value_0 && newValue_0 && value_0.value === newValue_0.value && value_0.relationTo === newValue_0.relationTo;
+    } else {
+      disableFormModification_0 = value_0 && newValue_0 && value_0 === newValue_0.value;
+    }
+    const dataToSet_0 = isPolymorphic ? newValue_0 : newValue_0.value;
+    setValue(dataToSet_0, disableFormModification_0);
+  }, [isPolymorphic, setValue, value_0]);
+  const memoizedValue = React.useMemo(() => {
+    if (hasMany === true) {
+      return Array.isArray(value_0) ? value_0.map(val_2 => {
+        return isPolymorphic ? val_2 : {
+          relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
+          value: val_2
+        };
+      }) : value_0;
+    } else {
+      return value_0 ? isPolymorphic ? value_0 : {
+        relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
+        value: value_0
+      } : value_0;
+    }
+  }, [hasMany, value_0, isPolymorphic, relationTo]);
+  const memoizedInitialValue = React.useMemo(() => {
+    if (hasMany === true) {
+      return Array.isArray(initialValue) ? initialValue.map(val_3 => {
+        return isPolymorphic ? val_3 : {
+          relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
+          value: val_3
+        };
+      }) : initialValue;
+    } else {
+      return initialValue ? isPolymorphic ? initialValue : {
+        relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
+        value: initialValue
+      } : initialValue;
+    }
+  }, [initialValue, isPolymorphic, relationTo, hasMany]);
+  return /*#__PURE__*/_jsx(RelationshipInput, {
+    AfterInput: AfterInput,
+    allowCreate: allowCreate,
+    allowEdit: allowEdit,
+    appearance: appearance,
+    BeforeInput: BeforeInput,
+    className: className,
+    Description: Description,
+    description: description,
+    Error: Error,
+    filterOptions: filterOptions,
+    formatDisplayedOptions: isPolymorphic ? undefined : options => options.map(opt => opt.options).flat(),
+    isSortable: isSortable,
+    Label: Label,
+    label: label,
+    localized: localized,
+    maxResultsPerRequest: 10,
+    maxRows: field?.maxRows,
+    minRows: field?.minRows,
+    path: path,
+    placeholder: placeholder,
+    readOnly: readOnly || disabled,
+    relationTo: relationTo,
+    required: required,
+    showError: showError,
+    sortOptions: sortOptions,
+    style: styles,
+    ...(hasMany === true ? {
+      hasMany: true,
+      initialValue: memoizedInitialValue,
+      onChange: handleChangeHasMulti,
+      value: memoizedValue
     } : {
-        hasMany: false,
-        initialValue: memoizedInitialValue,
-        onChange: handleChangeSingle,
-        value: memoizedValue
-    }}/>;
+      hasMany: false,
+      initialValue: memoizedInitialValue,
+      onChange: handleChangeSingle,
+      value: memoizedValue
+    })
+  });
 };
 export const RelationshipField = withCondition(RelationshipFieldComponent);
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { RelationshipFieldClientComponent, ValueWithRelation } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { Value } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { RelationshipInput } from './Input.js'\nimport './index.scss'\n\nexport { RelationshipInput }\n\nconst RelationshipFieldComponent: RelationshipFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        allowCreate = true,\n        allowEdit = true,\n        appearance = 'select',\n        className,\n        description,\n        isSortable = true,\n        placeholder,\n        sortOptions,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo: relationToProp,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n  const isPolymorphic = Array.isArray(relationToProp)\n  const [relationTo] = React.useState(() =>\n    Array.isArray(relationToProp) ? relationToProp : [relationToProp],\n  )\n\n  const handleChangeHasMulti = useCallback(\n    (newValue: ValueWithRelation[]) => {\n      if (!newValue) {\n        setValue(null, newValue === value)\n        return\n      }\n\n      let disableFormModification = false\n      if (isPolymorphic) {\n        disableFormModification =\n          Array.isArray(value) &&\n          Array.isArray(newValue) &&\n          value.length === newValue.length &&\n          (value as ValueWithRelation[]).every((val, idx) => {\n            const newVal = newValue[idx]\n            return val.value === newVal.value && val.relationTo === newVal.relationTo\n          })\n      } else {\n        disableFormModification =\n          Array.isArray(value) &&\n          Array.isArray(newValue) &&\n          value.length === newValue.length &&\n          value.every((val, idx) => val === newValue[idx].value)\n      }\n\n      const dataToSet = newValue.map((val) => {\n        if (isPolymorphic) {\n          return val\n        } else {\n          return val.value\n        }\n      })\n\n      setValue(dataToSet, disableFormModification)\n    },\n    [isPolymorphic, setValue, value],\n  )\n\n  const handleChangeSingle = useCallback(\n    (newValue: ValueWithRelation) => {\n      if (!newValue) {\n        setValue(null, newValue === value)\n        return\n      }\n\n      let disableFormModification = false\n      if (isPolymorphic) {\n        disableFormModification =\n          value &&\n          newValue &&\n          (value as ValueWithRelation).value === newValue.value &&\n          (value as ValueWithRelation).relationTo === newValue.relationTo\n      } else {\n        disableFormModification = value && newValue && value === newValue.value\n      }\n\n      const dataToSet = isPolymorphic ? newValue : newValue.value\n      setValue(dataToSet, disableFormModification)\n    },\n    [isPolymorphic, setValue, value],\n  )\n\n  const memoizedValue: ValueWithRelation | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      return (\n        value\n          ? isPolymorphic\n            ? value\n            : {\n                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                value,\n              }\n          : value\n      ) as ValueWithRelation\n    }\n  }, [hasMany, value, isPolymorphic, relationTo])\n\n  const memoizedInitialValue: ValueWithRelation | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(initialValue)\n          ? initialValue.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                    value: val,\n                  }\n            })\n          : initialValue\n      ) as ValueWithRelation[]\n    } else {\n      return (\n        initialValue\n          ? isPolymorphic\n            ? initialValue\n            : {\n                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                value: initialValue,\n              }\n          : initialValue\n      ) as ValueWithRelation\n    }\n  }, [initialValue, isPolymorphic, relationTo, hasMany])\n\n  return (\n    <RelationshipInput\n      AfterInput={AfterInput}\n      allowCreate={allowCreate}\n      allowEdit={allowEdit}\n      appearance={appearance}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOptions={filterOptions}\n      formatDisplayedOptions={\n        isPolymorphic ? undefined : (options) => options.map((opt) => opt.options).flat()\n      }\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      maxResultsPerRequest={10}\n      maxRows={field?.maxRows}\n      minRows={field?.minRows}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      relationTo={relationTo}\n      required={required}\n      showError={showError}\n      sortOptions={sortOptions as any}\n      style={styles}\n      {...(hasMany === true\n        ? {\n            hasMany: true,\n            initialValue: memoizedInitialValue as ValueWithRelation[],\n            onChange: handleChangeHasMulti,\n            value: memoizedValue as ValueWithRelation[],\n          }\n        : {\n            hasMany: false,\n            initialValue: memoizedInitialValue as ValueWithRelation,\n            onChange: handleChangeSingle,\n            value: memoizedValue as ValueWithRelation,\n          })}\n    />\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","RelationshipInput","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","appearance","className","description","isSortable","placeholder","sortOptions","hasMany","label","localized","relationTo","relationToProp","required","path","pathFromProps","readOnly","validate","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","initialValue","setValue","showError","potentiallyStalePath","styles","isPolymorphic","Array","isArray","useState","handleChangeHasMulti","newValue","disableFormModification","length","every","val","idx","newVal","dataToSet","map","handleChangeSingle","memoizedValue","memoizedInitialValue","formatDisplayedOptions","undefined","options","opt","flat","maxResultsPerRequest","maxRows","minRows","style","onChange","RelationshipField"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","RelationshipInput","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","appearance","className","description","isSortable","placeholder","sortOptions","hasMany","label","localized","relationTo","relationToProp","required","path","pathFromProps","readOnly","validate","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","filterOptions","initialValue","setValue","showError","potentiallyStalePath","styles","isPolymorphic","Array","isArray","useState","handleChangeHasMulti","newValue","disableFormModification","length","every","val","idx","newVal","dataToSet","map","handleChangeSingle","memoizedValue","memoizedInitialValue","_jsx","formatDisplayedOptions","undefined","options","opt","flat","maxResultsPerRequest","maxRows","minRows","style","onChange","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { RelationshipFieldClientComponent, ValueWithRelation } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { Value } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { RelationshipInput } from './Input.js'\nimport './index.scss'\n\nexport { RelationshipInput }\n\nconst RelationshipFieldComponent: RelationshipFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        allowCreate = true,\n        allowEdit = true,\n        appearance = 'select',\n        className,\n        description,\n        isSortable = true,\n        placeholder,\n        sortOptions,\n      } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo: relationToProp,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    filterOptions,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n  const isPolymorphic = Array.isArray(relationToProp)\n  const [relationTo] = React.useState(() =>\n    Array.isArray(relationToProp) ? relationToProp : [relationToProp],\n  )\n\n  const handleChangeHasMulti = useCallback(\n    (newValue: ValueWithRelation[]) => {\n      if (!newValue) {\n        setValue(null, newValue === value)\n        return\n      }\n\n      let disableFormModification = false\n      if (isPolymorphic) {\n        disableFormModification =\n          Array.isArray(value) &&\n          Array.isArray(newValue) &&\n          value.length === newValue.length &&\n          (value as ValueWithRelation[]).every((val, idx) => {\n            const newVal = newValue[idx]\n            return val.value === newVal.value && val.relationTo === newVal.relationTo\n          })\n      } else {\n        disableFormModification =\n          Array.isArray(value) &&\n          Array.isArray(newValue) &&\n          value.length === newValue.length &&\n          value.every((val, idx) => val === newValue[idx].value)\n      }\n\n      const dataToSet = newValue.map((val) => {\n        if (isPolymorphic) {\n          return val\n        } else {\n          return val.value\n        }\n      })\n\n      setValue(dataToSet, disableFormModification)\n    },\n    [isPolymorphic, setValue, value],\n  )\n\n  const handleChangeSingle = useCallback(\n    (newValue: ValueWithRelation) => {\n      if (!newValue) {\n        setValue(null, newValue === value)\n        return\n      }\n\n      let disableFormModification = false\n      if (isPolymorphic) {\n        disableFormModification =\n          value &&\n          newValue &&\n          (value as ValueWithRelation).value === newValue.value &&\n          (value as ValueWithRelation).relationTo === newValue.relationTo\n      } else {\n        disableFormModification = value && newValue && value === newValue.value\n      }\n\n      const dataToSet = isPolymorphic ? newValue : newValue.value\n      setValue(dataToSet, disableFormModification)\n    },\n    [isPolymorphic, setValue, value],\n  )\n\n  const memoizedValue: ValueWithRelation | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(value)\n          ? value.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                    value: val,\n                  }\n            })\n          : value\n      ) as ValueWithRelation[]\n    } else {\n      return (\n        value\n          ? isPolymorphic\n            ? value\n            : {\n                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                value,\n              }\n          : value\n      ) as ValueWithRelation\n    }\n  }, [hasMany, value, isPolymorphic, relationTo])\n\n  const memoizedInitialValue: ValueWithRelation | ValueWithRelation[] = React.useMemo(() => {\n    if (hasMany === true) {\n      return (\n        Array.isArray(initialValue)\n          ? initialValue.map((val) => {\n              return isPolymorphic\n                ? val\n                : {\n                    relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                    value: val,\n                  }\n            })\n          : initialValue\n      ) as ValueWithRelation[]\n    } else {\n      return (\n        initialValue\n          ? isPolymorphic\n            ? initialValue\n            : {\n                relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,\n                value: initialValue,\n              }\n          : initialValue\n      ) as ValueWithRelation\n    }\n  }, [initialValue, isPolymorphic, relationTo, hasMany])\n\n  return (\n    <RelationshipInput\n      AfterInput={AfterInput}\n      allowCreate={allowCreate}\n      allowEdit={allowEdit}\n      appearance={appearance}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOptions={filterOptions}\n      formatDisplayedOptions={\n        isPolymorphic ? undefined : (options) => options.map((opt) => opt.options).flat()\n      }\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      maxResultsPerRequest={10}\n      maxRows={field?.maxRows}\n      minRows={field?.minRows}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      relationTo={relationTo}\n      required={required}\n      showError={showError}\n      sortOptions={sortOptions as any}\n      style={styles}\n      {...(hasMany === true\n        ? {\n            hasMany: true,\n            initialValue: memoizedInitialValue as ValueWithRelation[],\n            onChange: handleChangeHasMulti,\n            value: memoizedValue as ValueWithRelation[],\n          }\n        : {\n            hasMany: false,\n            initialValue: memoizedInitialValue as ValueWithRelation,\n            onChange: handleChangeSingle,\n            value: memoizedValue as ValueWithRelation,\n          })}\n    />\n  )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/optionsReducer.js

@@ -1,152 +1,147 @@
 'use client';
+
 import { getTranslation } from '@payloadcms/translations';
 import { formatDocTitle } from '../../utilities/formatDocTitle/index.js';
-const reduceToIDs = (options)=>options.reduce((ids, option)=>{
-        if (option.options) {
-            return [
-                ...ids,
-                ...reduceToIDs(option.options)
-            ];
+const reduceToIDs = options => options.reduce((ids, option) => {
+  if (option.options) {
+    return [...ids, ...reduceToIDs(option.options)];
+  }
+  return [...ids, {
+    id: option.value,
+    relationTo: option.relationTo
+  }];
+}, []);
+const sortOptions = options => options.sort((a, b) => {
+  if (typeof a?.label?.localeCompare === 'function' && typeof b?.label?.localeCompare === 'function') {
+    return a.label.localeCompare(b.label);
+  }
+  return 0;
+});
+export const optionsReducer = (state, action) => {
+  switch (action.type) {
+    case 'ADD':
+      {
+        const {
+          collection,
+          config,
+          docs,
+          i18n,
+          ids = [],
+          sort
+        } = action;
+        const relation = collection.slug;
+        const loadedIDs = reduceToIDs(state);
+        const newOptions = [...state];
+        const optionsToAddTo = newOptions.find(optionGroup => optionGroup.label === collection.labels.plural);
+        const newSubOptions = docs.reduce((docSubOptions, doc) => {
+          if (loadedIDs.filter(item => item.id === doc.id && item.relationTo === relation).length === 0) {
+            loadedIDs.push({
+              id: doc.id,
+              relationTo: relation
+            });
+            const docTitle = formatDocTitle({
+              collectionConfig: collection,
+              data: doc,
+              dateFormat: config.admin.dateFormat,
+              fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+              i18n
+            });
+            return [...docSubOptions, {
+              label: docTitle,
+              relationTo: relation,
+              value: doc.id
+            }];
+          }
+          return docSubOptions;
+        }, []);
+        ids.forEach(id => {
+          if (loadedIDs.filter(item => item.id === id && item.relationTo === relation).length === 0) {
+            loadedIDs.push({
+              id,
+              relationTo: relation
+            });
+            newSubOptions.push({
+              allowEdit: false,
+              label: `${i18n.t('general:untitled')} - ID: ${id}`,
+              relationTo: relation,
+              value: id
+            });
+          }
+        });
+        if (optionsToAddTo) {
+          const subOptions = [...optionsToAddTo.options, ...newSubOptions];
+          optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions;
+        } else {
+          newOptions.push({
+            label: getTranslation(collection.labels.plural, i18n),
+            options: sort ? sortOptions(newSubOptions) : newSubOptions
+          });
         }
-        return [
-            ...ids,
-            {
-                id: option.value,
-                relationTo: option.relationTo
+        return newOptions;
+      }
+    case 'CLEAR':
+      {
+        const exemptValues = action.exemptValues ? Array.isArray(action.exemptValues) ? action.exemptValues : [action.exemptValues] : [];
+        const clearedStateWithExemptValues = state.filter(optionGroup => {
+          const clearedOptions = optionGroup.options.filter(option => {
+            if (exemptValues) {
+              return exemptValues.some(exemptValue => {
+                return exemptValue && option.value === exemptValue.value;
+              });
             }
-        ];
-    }, []);
-const sortOptions = (options)=>options.sort((a, b)=>{
-        if (typeof a?.label?.localeCompare === 'function' && typeof b?.label?.localeCompare === 'function') {
-            return a.label.localeCompare(b.label);
+            return false;
+          });
+          optionGroup.options = clearedOptions;
+          return clearedOptions.length > 0;
+        });
+        return clearedStateWithExemptValues;
+      }
+    case 'REMOVE':
+      {
+        const {
+          id,
+          collection
+        } = action;
+        const newOptions = [...state];
+        const indexOfGroup = newOptions.findIndex(optionGroup => optionGroup.label === collection.labels.plural);
+        if (indexOfGroup === -1) {
+          return newOptions;
         }
-        return 0;
-    });
-export const optionsReducer = (state, action)=>{
-    switch(action.type){
-        case 'ADD':
-            {
-                const { collection, config, docs, i18n, ids = [], sort } = action;
-                const relation = collection.slug;
-                const loadedIDs = reduceToIDs(state);
-                const newOptions = [
-                    ...state
-                ];
-                const optionsToAddTo = newOptions.find((optionGroup)=>optionGroup.label === collection.labels.plural);
-                const newSubOptions = docs.reduce((docSubOptions, doc)=>{
-                    if (loadedIDs.filter((item)=>item.id === doc.id && item.relationTo === relation).length === 0) {
-                        loadedIDs.push({
-                            id: doc.id,
-                            relationTo: relation
-                        });
-                        const docTitle = formatDocTitle({
-                            collectionConfig: collection,
-                            data: doc,
-                            dateFormat: config.admin.dateFormat,
-                            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
-                            i18n
-                        });
-                        return [
-                            ...docSubOptions,
-                            {
-                                label: docTitle,
-                                relationTo: relation,
-                                value: doc.id
-                            }
-                        ];
-                    }
-                    return docSubOptions;
-                }, []);
-                ids.forEach((id)=>{
-                    if (loadedIDs.filter((item)=>item.id === id && item.relationTo === relation).length === 0) {
-                        loadedIDs.push({
-                            id,
-                            relationTo: relation
-                        });
-                        newSubOptions.push({
-                            allowEdit: false,
-                            label: `${i18n.t('general:untitled')} - ID: ${id}`,
-                            relationTo: relation,
-                            value: id
-                        });
-                    }
-                });
-                if (optionsToAddTo) {
-                    const subOptions = [
-                        ...optionsToAddTo.options,
-                        ...newSubOptions
-                    ];
-                    optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions;
-                } else {
-                    newOptions.push({
-                        label: getTranslation(collection.labels.plural, i18n),
-                        options: sort ? sortOptions(newSubOptions) : newSubOptions
-                    });
-                }
-                return newOptions;
-            }
-        case 'CLEAR':
-            {
-                const exemptValues = action.exemptValues ? Array.isArray(action.exemptValues) ? action.exemptValues : [
-                    action.exemptValues
-                ] : [];
-                const clearedStateWithExemptValues = state.filter((optionGroup)=>{
-                    const clearedOptions = optionGroup.options.filter((option)=>{
-                        if (exemptValues) {
-                            return exemptValues.some((exemptValue)=>{
-                                return exemptValue && option.value === exemptValue.value;
-                            });
-                        }
-                        return false;
-                    });
-                    optionGroup.options = clearedOptions;
-                    return clearedOptions.length > 0;
-                });
-                return clearedStateWithExemptValues;
-            }
-        case 'REMOVE':
-            {
-                const { id, collection } = action;
-                const newOptions = [
-                    ...state
-                ];
-                const indexOfGroup = newOptions.findIndex((optionGroup)=>optionGroup.label === collection.labels.plural);
-                if (indexOfGroup === -1) {
-                    return newOptions;
-                }
-                newOptions[indexOfGroup] = {
-                    ...newOptions[indexOfGroup],
-                    options: newOptions[indexOfGroup].options.filter((option)=>option.value !== id)
-                };
-                return newOptions;
-            }
-        case 'UPDATE':
-            {
-                const { collection, config, doc, i18n } = action;
-                const relation = collection.slug;
-                const newOptions = [
-                    ...state
-                ];
-                const docTitle = formatDocTitle({
-                    collectionConfig: collection,
-                    data: doc,
-                    dateFormat: config.admin.dateFormat,
-                    fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
-                    i18n
-                });
-                const foundOptionGroup = newOptions.find((optionGroup)=>optionGroup.label === collection.labels.plural);
-                const foundOption = foundOptionGroup?.options?.find((option)=>option.value === doc.id);
-                if (foundOption) {
-                    foundOption.label = docTitle;
-                    foundOption.relationTo = relation;
-                }
-                return newOptions;
-            }
-        default:
-            {
-                return state;
-            }
-    }
+        newOptions[indexOfGroup] = {
+          ...newOptions[indexOfGroup],
+          options: newOptions[indexOfGroup].options.filter(option => option.value !== id)
+        };
+        return newOptions;
+      }
+    case 'UPDATE':
+      {
+        const {
+          collection,
+          config,
+          doc,
+          i18n
+        } = action;
+        const relation = collection.slug;
+        const newOptions = [...state];
+        const docTitle = formatDocTitle({
+          collectionConfig: collection,
+          data: doc,
+          dateFormat: config.admin.dateFormat,
+          fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+          i18n
+        });
+        const foundOptionGroup = newOptions.find(optionGroup => optionGroup.label === collection.labels.plural);
+        const foundOption = foundOptionGroup?.options?.find(option => option.value === doc.id);
+        if (foundOption) {
+          foundOption.label = docTitle;
+          foundOption.relationTo = relation;
+        }
+        return newOptions;
+      }
+    default:
+      {
+        return state;
+      }
+  }
 };
-
 //# sourceMappingURL=optionsReducer.js.map