@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.2eb12b9

package/dist/fields/Relationship/index.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
@@ -8,166 +7,155 @@ 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,
+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,
         required
-      });
-    }
-  }, [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 { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, filterOptions, initialValue, path, setValue, showError, value } = 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);
+            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 /*#__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
+        }
     });
-    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
-    })
-  });
 };
 export const RelationshipField = withCondition(RelationshipFieldComponent);
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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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"}

package/dist/fields/Relationship/optionsReducer.js

@@ -1,147 +1,152 @@
 '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)];
-  }
-  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
-          });
+const reduceToIDs = (options)=>options.reduce((ids, option)=>{
+        if (option.options) {
+            return [
+                ...ids,
+                ...reduceToIDs(option.options)
+            ];
         }
-        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 [
+            ...ids,
+            {
+                id: option.value,
+                relationTo: option.relationTo
             }
-            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;
+        ];
+    }, []);
+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 newOptions;
-      }
-    default:
-      {
-        return state;
-      }
-  }
+        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;
+            }
+    }
 };
+
 //# sourceMappingURL=optionsReducer.js.map