@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal.27e1e08

package/dist/fields/Relationship/optionsReducer.js

@@ -1,152 +1,147 @@
 '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)
-            ];
+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
+          });
         }
-        return [
-            ...ids,
-            {
-                id: option.value,
-                relationTo: option.relationTo
+        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;
+              });
             }
-        ];
-    }, []);
-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 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;
         }
-        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;
-            }
-    }
+        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,"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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"}
+{"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":[]}

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

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Fragment, useState } from 'react';
 import { components } from 'react-select';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
@@ -8,96 +9,85 @@ 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 = // 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);
+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`
+        })]
+      })
+    })]
+  });
 };
-
+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,"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"}
+{"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":[]}