@payloadcms/ui 4.0.0-internal.016994f → 4.0.0-internal.0731f09

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/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,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAI5C,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,CAiD5B,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,8 +1,10 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment } from 'react';
+import React, { Fragment, use } from 'react';
 import { components } from 'react-select';
+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 './index.css';
@@ -29,14 +31,34 @@ export const MultiValueLabel = props => {
     permissions
   } = useAuth();
   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 || {})
         }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Fragment","components","EditIcon","useAuth","baseClass","MultiValueLabel","props","data","t0","selectProps","t1","allowEdit","label","relationTo","value","customProps","t2","undefined","draggableProps","onDocumentOpen","permissions","hasReadPermission","Boolean","collections","read","_jsxs","className","title","children","_jsx","innerProps","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onTouchEnd","_temp3","type","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAK3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,eAAA,GAOTC,KAAA;EACF;IAAAC,IAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIJ,KAAA;EAFI;IAAAK,SAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAN,EAAuC;EAChC;IAAAO,WAAA,EAAAC;EAAA,IAAAN,EAA6D,KAAAO,SAAA,QAA7DP,EAA6D;EAA9C;IAAAQ,cAAA;IAAAC;EAAA,IAAAH,EAAuC,KAAAC,SAAA,QAAvCD,EAAuC;EAGrE;IAAAI;EAAA,IAAwBjB,OAAA;EACxB,MAAAkB,iBAAA,GAA0BC,OAAA,CAAQF,WAAA,EAAAG,WAAA,GAA2BV,UAAA,GAAAW,IAAa;EAAA,OAGxEC,KAAA,CAAC;IAAAC,SAAA,EAAAtB,SAAA;IAAAuB,KAAA,EAAiCf,KAAA,IAAS;IAAAgB,QAAA,GACzCC,IAAA,CAAC;MAAAH,SAAA,EAAe,GAAAtB,SAAA,WAAuB;MAAAwB,QAAA,EACrCC,IAAA,CAAA5B,UAAA,CAAAI,eAAA;QAAA,GACMC,KAAK;QAAAwB,UAAA;UAAAJ,SAAA,EAEI,GAAAtB,SAAA,QAAoB;UAAA,IAC3Bc,cAAA,MAAoB;QAAA;MAAA,C;QAI7BL,UAAA,IAAcQ,iBAAA,IAAqBV,SAAA,UAAc,IAChDkB,IAAA,CAAA7B,QAAA;MAAA4B,QAAA,EACEC,IAAA,CAAC;QAAA,cACa,QAAQjB,KAAA,EAAO;QAAAc,SAAA,EAChB,GAAAtB,SAAA,kBAA8B;QAAA2B,OAAA,EAAAC,KAAA;UAEvCb,cAAA;YAAAc,EAAA,EACMnB,KAAA;YAAAoB,cAAA,EACYrB,UAAA;YAAAQ,iBAAA;YAAAc,YAAA,EAEFH,KAAA,CAAAI,OAAA,IAAiBJ,KAAA,CAAAK;UAAa,CAC9C;QAAA;QAAAC,SAAA,EAAAC,KAAA;QAAAC,WAAA,EAAAC,MAAA;QAAAC,UAAA,EAAAC,MAAA;QAAAC,IAAA,EASG;QAAAhB,QAAA,EAELC,IAAA,CAAA3B,QAAA;UAAAwB,SAAA,EAAqB,GAAAtB,SAAA;QAAoB,C;;;;CAMrD;AAhDI,SAAAmC,MAAAM,CAAA;EAAA,IAkCcA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,eAAA,CAAiB;EAAA;AAAA;AAnC7B,SAAAN,OAAAO,GAAA;EAAA,OAsC4BH,GAAA,CAAAE,eAAA,CAAiB;AAAA;AAtC7C,SAAAJ,OAAAM,GAAA;EAAA,OAuC2BJ,GAAA,CAAAE,eAAA,CAAiB;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Fragment","use","components","MultiValueDragActivatorContext","getMultiValueLabelID","EditIcon","useAuth","baseClass","MultiValueLabel","props","data","t0","selectProps","t1","allowEdit","label","relationTo","value","customProps","t2","undefined","draggableProps","onDocumentOpen","permissions","hasReadPermission","Boolean","collections","read","dragActivator","ref","dragActivatorRef","dragActivatorProps","labelID","_jsxs","className","title","children","_jsx","type","id","innerProps","onClick","event","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onTouchEnd","_temp3","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, use } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { MultiValueDragActivatorContext } from '../../../../elements/ReactSelect/MultiValue/context.js'\nimport { getMultiValueLabelID } from '../../../../elements/ReactSelect/MultiValueLabel/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n  const dragActivator = use(MultiValueDragActivatorContext)\n  const { ref: dragActivatorRef, ...dragActivatorProps } = dragActivator || {}\n  const labelID = getMultiValueLabelID({ data: props.data, selectProps: props.selectProps })\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        {dragActivator ? (\n          <button\n            {...dragActivatorProps}\n            className={`${baseClass}__drag-button multi-value-label__drag-button`}\n            ref={dragActivatorRef}\n            type=\"button\"\n          >\n            <span className={`${baseClass}__text`} id={labelID}>\n              {props.children}\n            </span>\n          </button>\n        ) : (\n          <components.MultiValueLabel\n            {...props}\n            innerProps={{\n              id: labelID,\n              className: `${baseClass}__text`,\n              ...(draggableProps || {}),\n            }}\n          />\n        )}\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,7 +10,7 @@ import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'relationship--single-value';
 export const SingleValue = props => {
-  const $ = _c(15);
+  const $ = _c(14);
   const {
     children,
     data: t0,
@@ -51,15 +51,14 @@ export const SingleValue = props => {
     permissions
   } = useAuth();
   const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
-  const t5 = label || "";
-  let t6;
-  if ($[4] !== allowEdit || $[5] !== children || $[6] !== hasReadPermission || $[7] !== label || $[8] !== onDocumentOpen || $[9] !== props || $[10] !== relationTo || $[11] !== t || $[12] !== t5 || $[13] !== value) {
-    t6 = _jsx(SelectComponents.SingleValue, {
+  let t5;
+  if ($[4] !== allowEdit || $[5] !== children || $[6] !== hasReadPermission || $[7] !== label || $[8] !== onDocumentOpen || $[9] !== props || $[10] !== relationTo || $[11] !== t || $[12] !== value) {
+    t5 = _jsx(SelectComponents.SingleValue, {
       ...props,
       className: baseClass,
       children: _jsx("div", {
         className: `${baseClass}__label`,
-        title: t5,
+        title: label || "",
         children: _jsxs("div", {
           className: `${baseClass}__label-text`,
           children: [_jsx("div", {
@@ -97,13 +96,12 @@ export const SingleValue = props => {
     $[9] = props;
     $[10] = relationTo;
     $[11] = t;
-    $[12] = t5;
-    $[13] = value;
-    $[14] = t6;
+    $[12] = value;
+    $[13] = t5;
   } else {
-    t6 = $[14];
+    t5 = $[13];
   }
-  return t6;
+  return t5;
 };
 function _temp(e) {
   if (e.key === "Enter") {

package/dist/fields/Relationship/select-components/SingleValue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","components","SelectComponents","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","$","children","data","t0","selectProps","t1","allowEdit","label","relationTo","value","t2","undefined","customProps","t3","t4","onDocumentOpen","t","permissions","hasReadPermission","Boolean","collections","read","t5","t6","_jsx","className","title","_jsxs","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onTouchEnd","_temp3","type","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\n  } = props\n\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.stopPropagation()\n                  }\n                }}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                type=\"button\"\n              >\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","components","SelectComponents","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","$","children","data","t0","selectProps","t1","allowEdit","label","relationTo","value","t2","undefined","customProps","t3","t4","onDocumentOpen","t","permissions","hasReadPermission","Boolean","collections","read","t5","_jsx","className","title","_jsxs","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onTouchEnd","_temp3","type","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\n  } = props\n\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.stopPropagation()\n                  }\n                }}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                type=\"button\"\n              >\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"mappings":"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","ignoreList":[]}