@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

package/dist/fields/Relationship/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
@@ -9,45 +10,67 @@ import { RelationshipInput } from './Input.js';
 import './index.css';
 export { RelationshipInput };
 const RelationshipFieldComponent = props => {
+  const $ = _c(34);
   const {
     field,
-    field: {
-      admin: {
-        allowCreate = true,
-        allowEdit = true,
-        appearance = 'select',
-        className,
-        description,
-        isSortable = true,
-        placeholder,
-        sortOptions
-      } = {},
-      hasMany,
-      label,
-      localized,
-      relationTo: relationToProp,
-      required
-    },
+    field: t0,
     path: pathFromProps,
     readOnly,
     validate
   } = props;
-  const memoizedValidate = useCallback((value, validationOptions) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...validationOptions,
-        required
-      });
-    }
-  }, [validate, required]);
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
+    admin: t1,
+    hasMany,
+    label,
+    localized,
+    relationTo: relationToProp,
+    required
+  } = t0;
+  const {
+    allowCreate: t2,
+    allowEdit: t3,
+    appearance: t4,
+    className,
+    description,
+    isSortable: t5,
+    placeholder,
+    sortOptions
+  } = t1 === undefined ? {} : t1;
+  const allowCreate = t2 === undefined ? true : t2;
+  const allowEdit = t3 === undefined ? true : t3;
+  const appearance = t4 === undefined ? "select" : t4;
+  const isSortable = t5 === undefined ? true : t5;
+  let t6;
+  if ($[0] !== required || $[1] !== validate) {
+    t6 = (value, validationOptions) => {
+      if (typeof validate === "function") {
+        return validate(value, {
+          ...validationOptions,
+          required
+        });
+      }
+    };
+    $[0] = required;
+    $[1] = validate;
+    $[2] = t6;
+  } else {
+    t6 = $[2];
+  }
+  const memoizedValidate = t6;
+  let t7;
+  if ($[3] !== memoizedValidate || $[4] !== pathFromProps) {
+    t7 = {
+      potentiallyStalePath: pathFromProps,
+      validate: memoizedValidate
+    };
+    $[3] = memoizedValidate;
+    $[4] = pathFromProps;
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  const {
+    customComponents: t8,
     disabled,
     filterOptions,
     initialValue,
@@ -55,106 +78,182 @@ const RelationshipFieldComponent = props => {
     setValue,
     showError,
     value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  } = useField(t7);
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t8 === undefined ? {} : t8;
+  let t9;
+  if ($[6] !== field) {
+    t9 = mergeFieldStyles(field);
+    $[6] = field;
+    $[7] = t9;
+  } else {
+    t9 = $[7];
+  }
+  const styles = t9;
   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;
+  let t10;
+  if ($[8] !== relationToProp) {
+    t10 = () => Array.isArray(relationToProp) ? relationToProp : [relationToProp];
+    $[8] = relationToProp;
+    $[9] = t10;
+  } else {
+    t10 = $[9];
+  }
+  const [relationTo] = React.useState(t10);
+  let t11;
+  if ($[10] !== isPolymorphic || $[11] !== setValue || $[12] !== value_0) {
+    t11 = newValue => {
+      if (!newValue) {
+        setValue(null, newValue === value_0);
+        return;
+      }
+      let disableFormModification;
+      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;
+        }
       });
-    } 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 => {
+      setValue(dataToSet, disableFormModification);
+    };
+    $[10] = isPolymorphic;
+    $[11] = setValue;
+    $[12] = value_0;
+    $[13] = t11;
+  } else {
+    t11 = $[13];
+  }
+  const handleChangeHasMulti = t11;
+  let t12;
+  if ($[14] !== isPolymorphic || $[15] !== setValue || $[16] !== value_0) {
+    t12 = newValue_0 => {
+      if (!newValue_0) {
+        setValue(null, newValue_0 === value_0);
+        return;
+      }
+      let disableFormModification_0;
       if (isPolymorphic) {
-        return val_1;
+        disableFormModification_0 = value_0 && newValue_0 && value_0.value === newValue_0.value && value_0.relationTo === newValue_0.relationTo;
       } else {
-        return val_1.value;
+        disableFormModification_0 = value_0 && newValue_0 && value_0 === newValue_0.value;
       }
-    });
-    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
-        };
+      const dataToSet_0 = isPolymorphic ? newValue_0 : newValue_0.value;
+      setValue(dataToSet_0, disableFormModification_0);
+    };
+    $[14] = isPolymorphic;
+    $[15] = setValue;
+    $[16] = value_0;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  const handleChangeSingle = t12;
+  let t13;
+  if (hasMany === true) {
+    let t14;
+    if ($[18] !== isPolymorphic || $[19] !== relationTo || $[20] !== value_0) {
+      t14 = Array.isArray(value_0) ? value_0.map(val_2 => isPolymorphic ? val_2 : {
+        relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
+        value: val_2
       }) : value_0;
+      $[18] = isPolymorphic;
+      $[19] = relationTo;
+      $[20] = value_0;
+      $[21] = t14;
     } else {
-      return value_0 ? isPolymorphic ? value_0 : {
+      t14 = $[21];
+    }
+    t13 = t14;
+  } else {
+    let t14;
+    if ($[22] !== isPolymorphic || $[23] !== relationTo || $[24] !== value_0) {
+      t14 = value_0 ? isPolymorphic ? value_0 : {
         relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
         value: value_0
       } : value_0;
+      $[22] = isPolymorphic;
+      $[23] = relationTo;
+      $[24] = value_0;
+      $[25] = t14;
+    } else {
+      t14 = $[25];
     }
-  }, [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
-        };
+    t13 = t14;
+  }
+  const memoizedValue = t13;
+  let t14;
+  if (hasMany === true) {
+    let t15;
+    if ($[26] !== initialValue || $[27] !== isPolymorphic || $[28] !== relationTo) {
+      t15 = Array.isArray(initialValue) ? initialValue.map(val_3 => isPolymorphic ? val_3 : {
+        relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
+        value: val_3
       }) : initialValue;
+      $[26] = initialValue;
+      $[27] = isPolymorphic;
+      $[28] = relationTo;
+      $[29] = t15;
     } else {
-      return initialValue ? isPolymorphic ? initialValue : {
+      t15 = $[29];
+    }
+    t14 = t15;
+  } else {
+    let t15;
+    if ($[30] !== initialValue || $[31] !== isPolymorphic || $[32] !== relationTo) {
+      t15 = initialValue ? isPolymorphic ? initialValue : {
         relationTo: Array.isArray(relationTo) ? relationTo[0] : relationTo,
         value: initialValue
       } : initialValue;
+      $[30] = initialValue;
+      $[31] = isPolymorphic;
+      $[32] = relationTo;
+      $[33] = t15;
+    } else {
+      t15 = $[33];
     }
-  }, [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,
+    t14 = t15;
+  }
+  const memoizedInitialValue = t14;
+  return _jsx(RelationshipInput, {
+    AfterInput,
+    allowCreate,
+    allowEdit,
+    appearance,
+    BeforeInput,
+    className,
+    Description,
+    description,
+    Error,
+    filterOptions,
+    formatDisplayedOptions: isPolymorphic ? undefined : _temp2,
+    isSortable,
+    Label,
+    label,
+    localized,
     maxResultsPerRequest: 10,
     maxRows: field?.maxRows,
     minRows: field?.minRows,
-    path: path,
-    placeholder: placeholder,
+    path,
+    placeholder,
     readOnly: readOnly || disabled,
-    relationTo: relationTo,
-    required: required,
-    showError: showError,
-    sortOptions: sortOptions,
+    relationTo,
+    required,
+    showError,
+    sortOptions,
     style: styles,
     ...(hasMany === true ? {
       hasMany: true,
@@ -170,4 +269,10 @@ const RelationshipFieldComponent = props => {
   });
 };
 export const RelationshipField = withCondition(RelationshipFieldComponent);
+function _temp(opt) {
+  return opt.options;
+}
+function _temp2(options) {
+  return options.map(_temp).flat();
+}
 //# 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.css'\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,"file":"index.js","names":["c","_c","React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","RelationshipInput","RelationshipFieldComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","admin","t1","hasMany","label","localized","relationTo","relationToProp","required","allowCreate","t2","allowEdit","t3","appearance","t4","className","description","isSortable","t5","placeholder","sortOptions","undefined","t6","value","validationOptions","memoizedValidate","t7","potentiallyStalePath","customComponents","t8","disabled","filterOptions","initialValue","setValue","showError","value_0","AfterInput","BeforeInput","Description","Error","Label","t9","styles","isPolymorphic","Array","isArray","t10","useState","t11","newValue","disableFormModification","length","every","val","idx","newVal","val_0","idx_0","dataToSet","map","val_1","handleChangeHasMulti","t12","newValue_0","disableFormModification_0","dataToSet_0","handleChangeSingle","t13","t14","val_2","memoizedValue","t15","val_3","memoizedInitialValue","_jsx","formatDisplayedOptions","_temp2","maxResultsPerRequest","maxRows","minRows","style","onChange","RelationshipField","_temp","opt","options","flat"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { RelationshipFieldClientProps, 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.css'\n\nexport { RelationshipInput }\n\nconst RelationshipFieldComponent: React.FC<RelationshipFieldClientProps> = (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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAU,WAAW,EAAE,MAAM,YAAY,CAAA;AAyB7D,eAAO,MAAM,cAAc,UAAW,WAAW,EAAE,UAAU,MAAM,KAAG,WAAW,EA+IhF,CAAA"}
+{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAU,WAAW,EAAE,MAAM,YAAY,CAAA;AAyB7D,eAAO,MAAM,cAAc,UAAW,WAAW,EAAE,UAAU,MAAM,KAAG,WAAW,EAiJhF,CAAA"}

package/dist/fields/Relationship/optionsReducer.js

@@ -47,6 +47,7 @@ export const optionsReducer = (state, action) => {
               i18n
             });
             return [...docSubOptions, {
+              doc,
               label: docTitle,
               relationTo: relation,
               value: doc.id
@@ -133,6 +134,7 @@ export const optionsReducer = (state, action) => {
         const foundOptionGroup = newOptions.find(optionGroup => optionGroup.label === collection.labels.plural);
         const foundOption = foundOptionGroup?.options?.find(option => option.value === doc.id);
         if (foundOption) {
+          foundOption.doc = doc;
           foundOption.label = docTitle;
           foundOption.relationTo = relation;
         }

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

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.js","names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","collection","config","docs","i18n","relation","slug","loadedIDs","newOptions","optionsToAddTo","find","optionGroup","labels","plural","newSubOptions","docSubOptions","doc","filter","item","length","push","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","forEach","allowEdit","subOptions","exemptValues","Array","isArray","clearedStateWithExemptValues","clearedOptions","some","exemptValue","indexOfGroup","findIndex","foundOptionGroup","foundOption"],"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            allowEdit: false,\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'CLEAR': {\n      const exemptValues = action.exemptValues\n        ? Array.isArray(action.exemptValues)\n          ? action.exemptValues\n          : [action.exemptValues]\n        : []\n\n      const clearedStateWithExemptValues = state.filter((optionGroup) => {\n        const clearedOptions = optionGroup.options.filter((option) => {\n          if (exemptValues) {\n            return exemptValues.some((exemptValue) => {\n              return exemptValue && option.value === exemptValue.value\n            })\n          }\n\n          return false\n        })\n\n        optionGroup.options = clearedOptions\n\n        return clearedOptions.length > 0\n      })\n\n      return clearedStateWithExemptValues\n    }\n\n    case 'REMOVE': {\n      const { id, collection } = action\n\n      const newOptions = [...state]\n\n      const indexOfGroup = newOptions.findIndex(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n\n      if (indexOfGroup === -1) {\n        return newOptions\n      }\n\n      newOptions[indexOfGroup] = {\n        ...newOptions[indexOfGroup],\n        options: newOptions[indexOfGroup].options.filter((option) => option.value !== id),\n      }\n\n      return newOptions\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"optionsReducer.js","names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","collection","config","docs","i18n","relation","slug","loadedIDs","newOptions","optionsToAddTo","find","optionGroup","labels","plural","newSubOptions","docSubOptions","doc","filter","item","length","push","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","forEach","allowEdit","subOptions","exemptValues","Array","isArray","clearedStateWithExemptValues","clearedOptions","some","exemptValue","indexOfGroup","findIndex","foundOptionGroup","foundOption"],"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              doc,\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            allowEdit: false,\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'CLEAR': {\n      const exemptValues = action.exemptValues\n        ? Array.isArray(action.exemptValues)\n          ? action.exemptValues\n          : [action.exemptValues]\n        : []\n\n      const clearedStateWithExemptValues = state.filter((optionGroup) => {\n        const clearedOptions = optionGroup.options.filter((option) => {\n          if (exemptValues) {\n            return exemptValues.some((exemptValue) => {\n              return exemptValue && option.value === exemptValue.value\n            })\n          }\n\n          return false\n        })\n\n        optionGroup.options = clearedOptions\n\n        return clearedOptions.length > 0\n      })\n\n      return clearedStateWithExemptValues\n    }\n\n    case 'REMOVE': {\n      const { id, collection } = action\n\n      const newOptions = [...state]\n\n      const indexOfGroup = newOptions.findIndex(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n\n      if (indexOfGroup === -1) {\n        return newOptions\n      }\n\n      newOptions[indexOfGroup] = {\n        ...newOptions[indexOfGroup],\n        options: newOptions[indexOfGroup].options.filter((option) => option.value !== id),\n      }\n\n      return newOptions\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.doc = doc\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.css

@@ -1,8 +1,8 @@
 @layer payload-default {
   .relationship--multi-value-label {
     display: flex;
-    padding-inline-start: 0.5rem;
-    gap: 0.25rem;
+    padding-inline-start: var(--spacer-1-5);
+    gap: var(--spacer-1);
   }
 
   .relationship--multi-value-label__content {
@@ -28,19 +28,19 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-left: 0.25rem;
+    margin-left: var(--spacer-1);
     pointer-events: all;
     border-radius: var(--radius-small);
-    border: 1px solid transparent;
+    border: var(--stroke-width-small) solid transparent;
 
     &:hover {
-      background-color: var(--bg-transparent-hover);
+      background-color: var(--color-bg-transparent-hover);
     }
 
     &:focus-visible {
       outline: none;
       border: var(--accessibility-outline);
-      border-width: 1px;
+      border-width: var(--stroke-width-small);
     }
   }
 }

package/dist/fields/Relationship/select-components/MultiValueLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAA6B,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAM5C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,eAAe,CAAC,MAAM,CAAC,CAyD5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAAwB,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAM5C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,eAAe,CAAC,MAAM,CAAC,CAkE5B,CAAA"}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js

@@ -1,12 +1,12 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment, useState } from 'react';
+import React, { Fragment, use } from 'react';
 import { components } from 'react-select';
-import { Tooltip } from '../../../../elements/Tooltip/index.js';
+import { MultiValueDragActivatorContext } from '../../../../elements/ReactSelect/MultiValue/context.js';
+import { getMultiValueLabelID } from '../../../../elements/ReactSelect/MultiValueLabel/index.js';
 import { EditIcon } from '../../../../icons/Edit/index.js';
 import { useAuth } from '../../../../providers/Auth/index.js';
-import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'relationship--multi-value-label';
 export const MultiValueLabel = props => {
@@ -30,29 +30,44 @@ export const MultiValueLabel = props => {
   const {
     permissions
   } = useAuth();
-  const [showTooltip, setShowTooltip] = useState(false);
-  const {
-    t
-  } = useTranslation();
   const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
+  const dragActivator = use(MultiValueDragActivatorContext);
+  const {
+    ref: dragActivatorRef,
+    ...dragActivatorProps
+  } = dragActivator || {};
+  const labelID = getMultiValueLabelID({
+    data: props.data,
+    selectProps: props.selectProps
+  });
   return _jsxs("div", {
     className: baseClass,
     title: label || "",
     children: [_jsx("div", {
       className: `${baseClass}__content`,
-      children: _jsx(components.MultiValueLabel, {
+      children: dragActivator ? _jsx("button", {
+        ...dragActivatorProps,
+        className: `${baseClass}__drag-button multi-value-label__drag-button`,
+        ref: dragActivatorRef,
+        type: "button",
+        children: _jsx("span", {
+          className: `${baseClass}__text`,
+          id: labelID,
+          children: props.children
+        })
+      }) : _jsx(components.MultiValueLabel, {
         ...props,
         innerProps: {
+          id: labelID,
           className: `${baseClass}__text`,
           ...(draggableProps || {})
         }
       })
     }), relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
-      children: _jsxs("button", {
+      children: _jsx("button", {
         "aria-label": `Edit ${label}`,
         className: `${baseClass}__drawer-toggler`,
         onClick: event => {
-          setShowTooltip(false);
           onDocumentOpen({
             id: value,
             collectionSlug: relationTo,
@@ -62,19 +77,11 @@ export const MultiValueLabel = props => {
         },
         onKeyDown: _temp,
         onMouseDown: _temp2,
-        onMouseEnter: () => setShowTooltip(true),
-        onMouseLeave: () => setShowTooltip(false),
         onTouchEnd: _temp3,
         type: "button",
-        children: [_jsx(Tooltip, {
-          className: `${baseClass}__tooltip`,
-          show: showTooltip,
-          children: t("general:editLabel", {
-            label: ""
-          })
-        }), _jsx(EditIcon, {
+        children: _jsx(EditIcon, {
           className: `${baseClass}__icon`
-        })]
+        })
       })
     })]
   });