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

package/dist/fields/Relationship/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -116,7 +116,7 @@ const RelationshipFieldComponent = (props)=>{
         relationTo,
         hasMany
     ]);
-    return /*#__PURE__*/ _jsx(RelationshipInput, {
+    return /*#__PURE__*/ _jsxDEV(RelationshipInput, {
         AfterInput: AfterInput,
         allowCreate: allowCreate,
         allowEdit: allowEdit,
@@ -154,7 +154,11 @@ const RelationshipFieldComponent = (props)=>{
             onChange: handleChangeSingle,
             value: memoizedValue
         }
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Relationship/index.tsx",
+        lineNumber: 189,
+        columnNumber: 5
+    }, this);
 };
 export const RelationshipField = withCondition(RelationshipFieldComponent);
 

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

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

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { Fragment, useState } from 'react';
 import { components } from 'react-select';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
@@ -8,28 +8,37 @@ import { useAuth } from '../../../../providers/Auth/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'relationship--multi-value-label';
-export const MultiValueLabel = (props)=>{
+export const MultiValueLabel = // TODO Fix this - moduleResolution 16 breaks our declare module
+(props)=>{
     const { data: { allowEdit, label, relationTo, value }, selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {} } = props;
     const { permissions } = useAuth();
     const [showTooltip, setShowTooltip] = useState(false);
     const { t } = useTranslation();
     const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         title: label || '',
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__content`,
-                children: /*#__PURE__*/ _jsx(components.MultiValueLabel, {
+                children: /*#__PURE__*/ _jsxDEV(components.MultiValueLabel, {
                     ...props,
                     innerProps: {
                         className: `${baseClass}__text`,
                         ...draggableProps || {}
                     }
-                })
-            }),
-            relationTo && hasReadPermission && allowEdit !== false && /*#__PURE__*/ _jsx(Fragment, {
-                children: /*#__PURE__*/ _jsxs("button", {
+                }, void 0, false, {
+                    fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                    lineNumber: 39,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                lineNumber: 38,
+                columnNumber: 7
+            }, this),
+            relationTo && hasReadPermission && allowEdit !== false && /*#__PURE__*/ _jsxDEV(Fragment, {
+                children: /*#__PURE__*/ _jsxDEV("button", {
                     "aria-label": `Edit ${label}`,
                     className: `${baseClass}__drawer-toggler`,
                     onClick: (event)=>{
@@ -47,26 +56,48 @@ export const MultiValueLabel = (props)=>{
                         }
                     },
                     onMouseDown: (e)=>e.stopPropagation(),
+                    // prevents react-select dropdown from opening
                     onMouseEnter: ()=>setShowTooltip(true),
                     onMouseLeave: ()=>setShowTooltip(false),
                     onTouchEnd: (e)=>e.stopPropagation(),
+                    // prevents react-select dropdown from opening
                     type: "button",
                     children: [
-                        /*#__PURE__*/ _jsx(Tooltip, {
+                        /*#__PURE__*/ _jsxDEV(Tooltip, {
                             className: `${baseClass}__tooltip`,
                             show: showTooltip,
                             children: t('general:editLabel', {
                                 label: ''
                             })
-                        }),
-                        /*#__PURE__*/ _jsx(EditIcon, {
+                        }, void 0, false, {
+                            fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                            lineNumber: 72,
+                            columnNumber: 13
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(EditIcon, {
                             className: `${baseClass}__icon`
-                        })
+                        }, void 0, false, {
+                            fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                            lineNumber: 75,
+                            columnNumber: 13
+                        }, this)
                     ]
-                })
-            })
+                }, void 0, true, {
+                    fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                    lineNumber: 49,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+                lineNumber: 48,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Relationship/select-components/MultiValueLabel/index.tsx",
+        lineNumber: 37,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\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 [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\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              setShowTooltip(false)\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            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["React","Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","allowEdit","label","relationTo","value","selectProps","customProps","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","div","className","title","innerProps","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,UAAU,QAAQ,eAAc;AAKzC,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,kBAOT,CAACC;IACH,MAAM,EACJC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3E,GAAGT;IAEJ,MAAM,EAAEU,WAAW,EAAE,GAAGd;IACxB,MAAM,CAACe,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGhB;IACd,MAAMiB,oBAAoBC,QAAQL,aAAaM,aAAa,CAACZ,WAAW,EAAEa;IAE1E,qBACE,MAACC;QAAIC,WAAWrB;QAAWsB,OAAOjB,SAAS;;0BACzC,KAACe;gBAAIC,WAAW,GAAGrB,UAAU,SAAS,CAAC;0BACrC,cAAA,KAACL,WAAWM,eAAe;oBACxB,GAAGC,KAAK;oBACTqB,YAAY;wBACVF,WAAW,GAAGrB,UAAU,MAAM,CAAC;wBAC/B,GAAIU,kBAAkB,CAAC,CAAC;oBAC1B;;;YAGHJ,cAAcU,qBAAqBZ,cAAc,uBAChD,KAACX;0BACC,cAAA,MAAC+B;oBACCC,cAAY,CAAC,KAAK,EAAEpB,OAAO;oBAC3BgB,WAAW,GAAGrB,UAAU,gBAAgB,CAAC;oBACzC0B,SAAS,CAACC;wBACRb,eAAe;wBACfH,eAAe;4BACbiB,IAAIrB;4BACJsB,gBAAgBvB;4BAChBU;4BACAc,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;wBAC9C;oBACF;oBACAC,WAAW,CAACC;wBACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;4BACrBD,EAAEE,eAAe;wBACnB;oBACF;oBACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe;oBACrCE,cAAc,IAAMxB,eAAe;oBACnCyB,cAAc,IAAMzB,eAAe;oBACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe;oBACpCK,MAAK;;sCAEL,KAAC7C;4BAAQyB,WAAW,GAAGrB,UAAU,SAAS,CAAC;4BAAE0C,MAAM7B;sCAChDE,EAAE,qBAAqB;gCAAEV,OAAO;4BAAG;;sCAEtC,KAACR;4BAASwB,WAAW,GAAGrB,UAAU,MAAM,CAAC;;;;;;;AAMrD,EAAC"}
+{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\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 [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\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              setShowTooltip(false)\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            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["React","Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","allowEdit","label","relationTo","value","selectProps","customProps","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","div","className","title","innerProps","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,UAAU,QAAQ,eAAc;AAKzC,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,kBAGP,gEAAgE;AAIlE,CAACC;IACH,MAAM,EACJC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3E,GAAGT;IAEJ,MAAM,EAAEU,WAAW,EAAE,GAAGd;IACxB,MAAM,CAACe,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGhB;IACd,MAAMiB,oBAAoBC,QAAQL,aAAaM,aAAa,CAACZ,WAAW,EAAEa;IAE1E,qBACE,QAACC;QAAIC,WAAWrB;QAAWsB,OAAOjB,SAAS;;0BACzC,QAACe;gBAAIC,WAAW,GAAGrB,UAAU,SAAS,CAAC;0BACrC,cAAA,QAACL,WAAWM,eAAe;oBACxB,GAAGC,KAAK;oBACTqB,YAAY;wBACVF,WAAW,GAAGrB,UAAU,MAAM,CAAC;wBAC/B,GAAIU,kBAAkB,CAAC,CAAC;oBAC1B;;;;;;;;;;;YAGHJ,cAAcU,qBAAqBZ,cAAc,uBAChD,QAACX;0BACC,cAAA,QAAC+B;oBACCC,cAAY,CAAC,KAAK,EAAEpB,OAAO;oBAC3BgB,WAAW,GAAGrB,UAAU,gBAAgB,CAAC;oBACzC0B,SAAS,CAACC;wBACRb,eAAe;wBACfH,eAAe;4BACbiB,IAAIrB;4BACJsB,gBAAgBvB;4BAChBU;4BACAc,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;wBAC9C;oBACF;oBACAC,WAAW,CAACC;wBACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;4BACrBD,EAAEE,eAAe;wBACnB;oBACF;oBACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe;oBAAI,8CAA8C;oBACvFE,cAAc,IAAMxB,eAAe;oBACnCyB,cAAc,IAAMzB,eAAe;oBACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe;oBAAI,8CAA8C;oBACtFK,MAAK;;sCAEL,QAAC7C;4BAAQyB,WAAW,GAAGrB,UAAU,SAAS,CAAC;4BAAE0C,MAAM7B;sCAChDE,EAAE,qBAAqB;gCAAEV,OAAO;4BAAG;;;;;;sCAEtC,QAACR;4BAASwB,WAAW,GAAGrB,UAAU,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;AAMrD,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { Fragment, useState } from 'react';
 import { components as SelectComponents } from 'react-select';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
@@ -8,27 +8,32 @@ import { useAuth } from '../../../../providers/Auth/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'relationship--single-value';
-export const SingleValue = (props)=>{
+export const SingleValue = // TODO Fix this - moduleResolution 16 breaks our declare module
+(props)=>{
     const { children, data: { allowEdit, label, relationTo, value }, selectProps: { customProps: { onDocumentOpen } = {} } = {} } = props;
     const [showTooltip, setShowTooltip] = useState(false);
     const { t } = useTranslation();
     const { permissions } = useAuth();
     const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
-    return /*#__PURE__*/ _jsx(SelectComponents.SingleValue, {
+    return /*#__PURE__*/ _jsxDEV(SelectComponents.SingleValue, {
         ...props,
         className: baseClass,
-        children: /*#__PURE__*/ _jsx("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__label`,
             title: label || '',
-            children: /*#__PURE__*/ _jsxs("div", {
+            children: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__label-text`,
                 children: [
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__text`,
                         children: children
-                    }),
-                    relationTo && hasReadPermission && allowEdit !== false && /*#__PURE__*/ _jsx(Fragment, {
-                        children: /*#__PURE__*/ _jsxs("button", {
+                    }, void 0, false, {
+                        fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                        lineNumber: 41,
+                        columnNumber: 11
+                    }, this),
+                    relationTo && hasReadPermission && allowEdit !== false && /*#__PURE__*/ _jsxDEV(Fragment, {
+                        children: /*#__PURE__*/ _jsxDEV("button", {
                             "aria-label": t('general:editLabel', {
                                 label
                             }),
@@ -48,24 +53,54 @@ export const SingleValue = (props)=>{
                                 }
                             },
                             onMouseDown: (e)=>e.stopPropagation(),
+                            // prevents react-select dropdown from opening
                             onMouseEnter: ()=>setShowTooltip(true),
                             onMouseLeave: ()=>setShowTooltip(false),
                             onTouchEnd: (e)=>e.stopPropagation(),
+                            // prevents react-select dropdown from openingtype="button"
                             type: "button",
                             children: [
-                                /*#__PURE__*/ _jsx(Tooltip, {
+                                /*#__PURE__*/ _jsxDEV(Tooltip, {
                                     className: `${baseClass}__tooltip`,
                                     show: showTooltip,
                                     children: t('general:edit')
-                                }),
-                                /*#__PURE__*/ _jsx(EditIcon, {})
+                                }, void 0, false, {
+                                    fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                                    lineNumber: 67,
+                                    columnNumber: 17
+                                }, this),
+                                /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
+                                    fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                                    lineNumber: 70,
+                                    columnNumber: 17
+                                }, this)
                             ]
-                        })
-                    })
+                        }, void 0, true, {
+                            fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                            lineNumber: 44,
+                            columnNumber: 15
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                        lineNumber: 43,
+                        columnNumber: 13
+                    }, this)
                 ]
-            })
-        })
-    });
+            }, void 0, true, {
+                fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                lineNumber: 40,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+            lineNumber: 39,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+        lineNumber: 38,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useState } 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 { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\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 [showTooltip, setShowTooltip] = useState(false)\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                  setShowTooltip(false)\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                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from openingtype=\"button\"\n                type=\"button\"\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"names":["React","Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","children","data","allowEdit","label","relationTo","value","selectProps","customProps","onDocumentOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","className","div","title","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAK7D,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAOT,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3D,GAAGT;IAEJ,MAAM,CAACU,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,WAAW,EAAE,GAAGjB;IACxB,MAAMkB,oBAAoBC,QAAQF,aAAaG,aAAa,CAACX,WAAW,EAAEY;IAE1E,qBACE,KAACxB,iBAAiBM,WAAW;QAAE,GAAGC,KAAK;QAAEkB,WAAWpB;kBAClD,cAAA,KAACqB;YAAID,WAAW,GAAGpB,UAAU,OAAO,CAAC;YAAEsB,OAAOhB,SAAS;sBACrD,cAAA,MAACe;gBAAID,WAAW,GAAGpB,UAAU,YAAY,CAAC;;kCACxC,KAACqB;wBAAID,WAAW,GAAGpB,UAAU,MAAM,CAAC;kCAAGG;;oBACtCI,cAAcS,qBAAqBX,cAAc,uBAChD,KAACb;kCACC,cAAA,MAAC+B;4BACCC,cAAYV,EAAE,qBAAqB;gCAAER;4BAAM;4BAC3Cc,WAAW,GAAGpB,UAAU,gBAAgB,CAAC;4BACzCyB,SAAS,CAACC;gCACRb,eAAe;gCACfF,eAAe;oCACbgB,IAAInB;oCACJoB,gBAAgBrB;oCAChBS;oCACAa,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;gCAC9C;4BACF;4BACAC,WAAW,CAACC;gCACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;oCACrBD,EAAEE,eAAe;gCACnB;4BACF;4BACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe;4BACrCE,cAAc,IAAMxB,eAAe;4BACnCyB,cAAc,IAAMzB,eAAe;4BACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe;4BACpCK,MAAK;;8CAEL,KAAC5C;oCAAQwB,WAAW,GAAGpB,UAAU,SAAS,CAAC;oCAAEyC,MAAM7B;8CAChDE,EAAE;;8CAEL,KAACjB;;;;;;;;AAQjB,EAAC"}
+{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useState } 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 { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\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 [showTooltip, setShowTooltip] = useState(false)\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                  setShowTooltip(false)\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                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from openingtype=\"button\"\n                type=\"button\"\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"names":["React","Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","children","data","allowEdit","label","relationTo","value","selectProps","customProps","onDocumentOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","className","div","title","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAK7D,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAGP,gEAAgE;AAIlE,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3D,GAAGT;IAEJ,MAAM,CAACU,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,WAAW,EAAE,GAAGjB;IACxB,MAAMkB,oBAAoBC,QAAQF,aAAaG,aAAa,CAACX,WAAW,EAAEY;IAE1E,qBACE,QAACxB,iBAAiBM,WAAW;QAAE,GAAGC,KAAK;QAAEkB,WAAWpB;kBAClD,cAAA,QAACqB;YAAID,WAAW,GAAGpB,UAAU,OAAO,CAAC;YAAEsB,OAAOhB,SAAS;sBACrD,cAAA,QAACe;gBAAID,WAAW,GAAGpB,UAAU,YAAY,CAAC;;kCACxC,QAACqB;wBAAID,WAAW,GAAGpB,UAAU,MAAM,CAAC;kCAAGG;;;;;;oBACtCI,cAAcS,qBAAqBX,cAAc,uBAChD,QAACb;kCACC,cAAA,QAAC+B;4BACCC,cAAYV,EAAE,qBAAqB;gCAAER;4BAAM;4BAC3Cc,WAAW,GAAGpB,UAAU,gBAAgB,CAAC;4BACzCyB,SAAS,CAACC;gCACRb,eAAe;gCACfF,eAAe;oCACbgB,IAAInB;oCACJoB,gBAAgBrB;oCAChBS;oCACAa,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;gCAC9C;4BACF;4BACAC,WAAW,CAACC;gCACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;oCACrBD,EAAEE,eAAe;gCACnB;4BACF;4BACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe;4BAAI,8CAA8C;4BACvFE,cAAc,IAAMxB,eAAe;4BACnCyB,cAAc,IAAMzB,eAAe;4BACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe;4BAAI,2DAA2D;4BACnGK,MAAK;;8CAEL,QAAC5C;oCAAQwB,WAAW,GAAGpB,UAAU,SAAS,CAAC;oCAAEyC,MAAM7B;8CAChDE,EAAE;;;;;;8CAEL,QAACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQjB,EAAC"}

package/dist/fields/Row/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -9,15 +9,15 @@ import { RowProvider } from './provider.js';
 const baseClass = 'row';
 const RowFieldComponent = (props)=>{
     const { field: { admin: { className, style } = {}, fields }, forceRender = false, indexPath = '', parentPath = '', parentSchemaPath = '', permissions, readOnly } = props;
-    return /*#__PURE__*/ _jsx(RowProvider, {
-        children: /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV(RowProvider, {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: [
                 fieldBaseClass,
                 baseClass,
                 className
             ].filter(Boolean).join(' '),
             style: style || undefined,
-            children: /*#__PURE__*/ _jsx(RenderFields, {
+            children: /*#__PURE__*/ _jsxDEV(RenderFields, {
                 className: `${baseClass}__fields`,
                 fields: fields,
                 forceRender: forceRender,
@@ -27,9 +27,21 @@ const RowFieldComponent = (props)=>{
                 parentSchemaPath: parentSchemaPath,
                 permissions: permissions,
                 readOnly: readOnly
-            })
-        })
-    });
+            }, void 0, false, {
+                fileName: "src/fields/Row/index.tsx",
+                lineNumber: 31,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/fields/Row/index.tsx",
+            lineNumber: 27,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Row/index.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 };
 export const RowField = withCondition(RowFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider } from './provider.js'\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className, style } = {}, fields },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    permissions,\n    readOnly,\n  } = props\n\n  return (\n    <RowProvider>\n      <div\n        className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}\n        style={style || undefined}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          margins={false}\n          parentIndexPath={indexPath}\n          parentPath={parentPath}\n          parentSchemaPath={parentSchemaPath}\n          permissions={permissions}\n          readOnly={readOnly}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"names":["React","RenderFields","withCondition","fieldBaseClass","RowProvider","baseClass","RowFieldComponent","props","field","admin","className","style","fields","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","div","filter","Boolean","join","undefined","margins","parentIndexPath","RowField"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AACrB,SAASC,WAAW,QAAQ,gBAAe;AAE3C,MAAMC,YAAY;AAElB,MAAMC,oBAA6C,CAACC;IAClD,MAAM,EACJC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAE,EACnDC,cAAc,KAAK,EACnBC,YAAY,EAAE,EACdC,aAAa,EAAE,EACfC,mBAAmB,EAAE,EACrBC,WAAW,EACXC,QAAQ,EACT,GAAGX;IAEJ,qBACE,KAACH;kBACC,cAAA,KAACe;YACCT,WAAW;gBAACP;gBAAgBE;gBAAWK;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;YACvEX,OAAOA,SAASY;sBAEhB,cAAA,KAACtB;gBACCS,WAAW,GAAGL,UAAU,QAAQ,CAAC;gBACjCO,QAAQA;gBACRC,aAAaA;gBACbW,SAAS;gBACTC,iBAAiBX;gBACjBC,YAAYA;gBACZC,kBAAkBA;gBAClBC,aAAaA;gBACbC,UAAUA;;;;AAKpB;AAEA,OAAO,MAAMQ,WAAWxB,cAAcI,mBAAkB"}
+{"version":3,"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider } from './provider.js'\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className, style } = {}, fields },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    permissions,\n    readOnly,\n  } = props\n\n  return (\n    <RowProvider>\n      <div\n        className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}\n        style={style || undefined}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          margins={false}\n          parentIndexPath={indexPath}\n          parentPath={parentPath}\n          parentSchemaPath={parentSchemaPath}\n          permissions={permissions}\n          readOnly={readOnly}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"names":["React","RenderFields","withCondition","fieldBaseClass","RowProvider","baseClass","RowFieldComponent","props","field","admin","className","style","fields","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","div","filter","Boolean","join","undefined","margins","parentIndexPath","RowField"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AACrB,SAASC,WAAW,QAAQ,gBAAe;AAE3C,MAAMC,YAAY;AAElB,MAAMC,oBAA6C,CAACC;IAClD,MAAM,EACJC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAE,EACnDC,cAAc,KAAK,EACnBC,YAAY,EAAE,EACdC,aAAa,EAAE,EACfC,mBAAmB,EAAE,EACrBC,WAAW,EACXC,QAAQ,EACT,GAAGX;IAEJ,qBACE,QAACH;kBACC,cAAA,QAACe;YACCT,WAAW;gBAACP;gBAAgBE;gBAAWK;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;YACvEX,OAAOA,SAASY;sBAEhB,cAAA,QAACtB;gBACCS,WAAW,GAAGL,UAAU,QAAQ,CAAC;gBACjCO,QAAQA;gBACRC,aAAaA;gBACbW,SAAS;gBACTC,iBAAiBX;gBACjBC,YAAYA;gBACZC,kBAAkBA;gBAClBC,aAAaA;gBACbC,UAAUA;;;;;;;;;;;;;;;;AAKpB;AAEA,OAAO,MAAMQ,WAAWxB,cAAcI,mBAAkB"}

package/dist/fields/Row/provider.js

@@ -1,12 +1,16 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
 export const Context = /*#__PURE__*/ createContext(false);
 export const RowProvider = ({ children, withinRow = true })=>{
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: withinRow,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/fields/Row/provider.tsx",
+        lineNumber: 10,
+        columnNumber: 10
+    }, this);
 };
 export const useRow = ()=>use(Context);
 

package/dist/fields/Row/provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n  children,\n  withinRow = true,\n}) => {\n  return <Context value={withinRow}>{children}</Context>\n}\n\nexport const useRow = (): boolean => use(Context)\n"],"names":["React","createContext","use","Context","RowProvider","children","withinRow","value","useRow"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,wBAAUF,cAAc,OAAM;AAE3C,OAAO,MAAMG,cAA6E,CAAC,EACzFC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,KAACH;QAAQI,OAAOD;kBAAYD;;AACrC,EAAC;AAED,OAAO,MAAMG,SAAS,IAAeN,IAAIC,SAAQ"}
+{"version":3,"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n  children,\n  withinRow = true,\n}) => {\n  return <Context value={withinRow}>{children}</Context>\n}\n\nexport const useRow = (): boolean => use(Context)\n"],"names":["React","createContext","use","Context","RowProvider","children","withinRow","value","useRow"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,wBAAUF,cAAc,OAAM;AAE3C,OAAO,MAAMG,cAA6E,CAAC,EACzFC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,QAACH;QAAQI,OAAOD;kBAAYD;;;;;;AACrC,EAAC;AAED,OAAO,MAAMG,SAAS,IAAeN,IAAIC,SAAQ"}

package/dist/fields/Select/Input.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { ReactSelect } from '../../elements/ReactSelect/index.js';
@@ -32,7 +32,7 @@ export const SelectInput = (props)=>{
         // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state
         valueToRender = null;
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             fieldBaseClass,
             'select',
@@ -43,27 +43,43 @@ export const SelectInput = (props)=>{
         id: `field-${path.replace(/\./g, '__')}`,
         style: style,
         children: [
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Label,
-                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     label: label,
                     localized: localized,
                     path: path,
                     required: required
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/fields/Select/Input.tsx",
+                    lineNumber: 114,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 111,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${fieldBaseClass}__wrap`,
                 children: [
-                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                         CustomComponent: Error,
-                        Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
                             path: path,
                             showError: showError
-                        })
-                    }),
+                        }, void 0, false, {
+                            fileName: "src/fields/Select/Input.tsx",
+                            lineNumber: 120,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Select/Input.tsx",
+                        lineNumber: 118,
+                        columnNumber: 9
+                    }, this),
                     BeforeInput,
-                    /*#__PURE__*/ _jsx(ReactSelect, {
+                    /*#__PURE__*/ _jsxDEV(ReactSelect, {
                         disabled: readOnly,
                         filterOption: filterOption,
                         id: id,
@@ -79,19 +95,39 @@ export const SelectInput = (props)=>{
                         placeholder: placeholder,
                         showError: showError,
                         value: valueToRender
-                    }),
+                    }, void 0, false, {
+                        fileName: "src/fields/Select/Input.tsx",
+                        lineNumber: 123,
+                        columnNumber: 9
+                    }, this),
                     AfterInput
                 ]
-            }),
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+            }, void 0, true, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 117,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
                 CustomComponent: Description,
-                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
                     description: description,
                     path: path
-                })
-            })
+                }, void 0, false, {
+                    fileName: "src/fields/Select/Input.tsx",
+                    lineNumber: 144,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 142,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/fields/Select/Input.tsx",
+        lineNumber: 98,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Input.js.map