@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/fields/Relationship/optionsReducer.js

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

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

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

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

@@ -1,6 +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';
@@ -9,85 +8,96 @@ 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 => {
-  const {
-    data: t0,
-    selectProps: t1
-  } = props;
-  const {
-    allowEdit,
-    label,
-    relationTo,
-    value
-  } = t0;
-  const {
-    customProps: t2
-  } = t1 === undefined ? {} : t1;
-  const {
-    draggableProps,
-    onDocumentOpen
-  } = t2 === undefined ? {} : t2;
-  const {
-    permissions
-  } = useAuth();
-  const [showTooltip, setShowTooltip] = useState(false);
-  const {
-    t
-  } = useTranslation();
-  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
-  return _jsxs("div", {
-    className: baseClass,
-    title: label || "",
-    children: [_jsx("div", {
-      className: `${baseClass}__content`,
-      children: _jsx(components.MultiValueLabel, {
-        ...props,
-        innerProps: {
-          className: `${baseClass}__text`,
-          ...(draggableProps || {})
-        }
-      })
-    }), relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
-      children: _jsxs("button", {
-        "aria-label": `Edit ${label}`,
-        className: `${baseClass}__drawer-toggler`,
-        onClick: event => {
-          setShowTooltip(false);
-          onDocumentOpen({
-            id: value,
-            collectionSlug: relationTo,
-            hasReadPermission,
-            openInNewTab: event.metaKey || event.ctrlKey
-          });
-        },
-        onKeyDown: _temp,
-        onMouseDown: _temp2,
-        onMouseEnter: () => setShowTooltip(true),
-        onMouseLeave: () => setShowTooltip(false),
-        onTouchEnd: _temp3,
-        type: "button",
-        children: [_jsx(Tooltip, {
-          className: `${baseClass}__tooltip`,
-          show: showTooltip,
-          children: t("general:editLabel", {
-            label: ""
-          })
-        }), _jsx(EditIcon, {
-          className: `${baseClass}__icon`
-        })]
-      })
-    })]
-  });
+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__*/ _jsxDEV("div", {
+        className: baseClass,
+        title: label || '',
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__content`,
+                children: /*#__PURE__*/ _jsxDEV(components.MultiValueLabel, {
+                    ...props,
+                    innerProps: {
+                        className: `${baseClass}__text`,
+                        ...draggableProps || {}
+                    }
+                }, 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)=>{
+                        setShowTooltip(false);
+                        onDocumentOpen({
+                            id: value,
+                            collectionSlug: relationTo,
+                            hasReadPermission,
+                            openInNewTab: event.metaKey || event.ctrlKey
+                        });
+                    },
+                    onKeyDown: (e)=>{
+                        if (e.key === 'Enter') {
+                            e.stopPropagation();
+                        }
+                    },
+                    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__*/ _jsxDEV(Tooltip, {
+                            className: `${baseClass}__tooltip`,
+                            show: showTooltip,
+                            children: t('general:editLabel', {
+                                label: ''
+                            })
+                        }, 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);
 };
-function _temp(e) {
-  if (e.key === "Enter") {
-    e.stopPropagation();
-  }
-}
-function _temp2(e_0) {
-  return e_0.stopPropagation();
-}
-function _temp3(e_1) {
-  return e_1.stopPropagation();
-}
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","t0","selectProps","t1","allowEdit","label","relationTo","value","customProps","t2","undefined","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","_jsxs","className","title","children","_jsx","innerProps","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","type","show","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, 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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,QAAQ,EAAEC,QAAQ,QAAQ;AAC1C,SAASC,UAAU,QAAQ;AAK3B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,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,IAAwBlB,OAAA;EACxB,OAAAmB,WAAA,EAAAC,cAAA,IAAsCxB,QAAA,MAAS;EAC/C;IAAAyB;EAAA,IAAcpB,cAAA;EACd,MAAAqB,iBAAA,GAA0BC,OAAA,CAAQL,WAAA,EAAAM,WAAA,GAA2Bb,UAAA,GAAAc,IAAa;EAAA,OAGxEC,KAAA,CAAC;IAAAC,SAAA,EAAAzB,SAAA;IAAA0B,KAAA,EAAiClB,KAAA,IAAS;IAAAmB,QAAA,GACzCC,IAAA,CAAC;MAAAH,SAAA,EAAe,GAAAzB,SAAA,WAAuB;MAAA2B,QAAA,EACrCC,IAAA,CAAAjC,UAAA,CAAAM,eAAA;QAAA,GACMC,KAAK;QAAA2B,UAAA;UAAAJ,SAAA,EAEI,GAAAzB,SAAA,QAAoB;UAAA,IAC3Bc,cAAA,MAAoB;QAAA;MAAA,C;QAI7BL,UAAA,IAAcW,iBAAA,IAAqBb,SAAA,UAAc,IAChDqB,IAAA,CAAAnC,QAAA;MAAAkC,QAAA,EACEH,KAAA,CAAC;QAAA,cACa,QAAQhB,KAAA,EAAO;QAAAiB,SAAA,EAChB,GAAAzB,SAAA,kBAA8B;QAAA8B,OAAA,EAAAC,KAAA;UAEvCb,cAAA,MAAe;UACfH,cAAA;YAAAiB,EAAA,EACMtB,KAAA;YAAAuB,cAAA,EACYxB,UAAA;YAAAW,iBAAA;YAAAc,YAAA,EAEFH,KAAA,CAAAI,OAAA,IAAiBJ,KAAA,CAAAK;UAAa,CAC9C;QAAA;QAAAC,SAAA,EAAAC,KAAA;QAAAC,WAAA,EAAAC,MAAA;QAAAC,YAAA,EAAAA,CAAA,KAQkBvB,cAAA,KAAe;QAAAwB,YAAA,EAAAA,CAAA,KACfxB,cAAA,MAAe;QAAAyB,UAAA,EAAAC,MAAA;QAAAC,IAAA,EAE9B;QAAAlB,QAAA,GAELC,IAAA,CAAAhC,OAAA;UAAA6B,SAAA,EAAoB,GAAAzB,SAAA,WAAuB;UAAA8C,IAAA,EAAQ7B,WAAA;UAAAU,QAAA,EAChDR,CAAA,CAAE;YAAAX,KAAA,EAA8B;UAAA,CAAG;QAAA,C,GAEtCoB,IAAA,CAAA/B,QAAA;UAAA4B,SAAA,EAAqB,GAAAzB,SAAA;QAAoB,C;;;;CAMrD;AAxDI,SAAAsC,MAAAS,CAAA;EAAA,IAqCcA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,eAAA,CAAiB;EAAA;AAAA;AAtC7B,SAAAT,OAAAU,GAAA;EAAA,OAyC4BH,GAAA,CAAAE,eAAA,CAAiB;AAAA;AAzC7C,SAAAL,OAAAO,GAAA;EAAA,OA4C2BJ,GAAA,CAAAE,eAAA,CAAiB;AAAA","ignoreList":[]}
+{"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"}