payload 1.6.25 → 1.6.26

package/dist/admin/components/forms/field-types/Relationship/optionsReducer.d.ts

@@ -1,3 +1,3 @@
-import { Action, OptionGroup } from './types';
-declare const optionsReducer: (state: OptionGroup[], action: Action) => OptionGroup[];
-export default optionsReducer;
+import { Action, OptionGroup } from './types';
+declare const optionsReducer: (state: OptionGroup[], action: Action) => OptionGroup[];
+export default optionsReducer;

package/dist/admin/components/forms/field-types/Relationship/optionsReducer.js

@@ -1,104 +1,104 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const getTranslation_1 = require("../../../../../utilities/getTranslation");
-const useTitle_1 = require("../../../../hooks/useTitle");
-const reduceToIDs = (options) => options.reduce((ids, option) => {
-    if (option.options) {
-        return [
-            ...ids,
-            ...reduceToIDs(option.options),
-        ];
-    }
-    return [
-        ...ids,
-        option.value,
-    ];
-}, []);
-const sortOptions = (options) => options.sort((a, b) => {
-    var _a, _b;
-    if (typeof ((_a = a === null || a === void 0 ? void 0 : a.label) === null || _a === void 0 ? void 0 : _a.localeCompare) === 'function' && typeof ((_b = b === null || b === void 0 ? void 0 : b.label) === null || _b === void 0 ? void 0 : _b.localeCompare) === 'function') {
-        return a.label.localeCompare(b.label);
-    }
-    return 0;
-});
-const optionsReducer = (state, action) => {
-    var _a;
-    switch (action.type) {
-        case 'CLEAR': {
-            return [];
-        }
-        case 'UPDATE': {
-            const { collection, doc, i18n, config } = action;
-            const relation = collection.slug;
-            const newOptions = [...state];
-            const docTitle = (0, useTitle_1.formatUseAsTitle)({
-                doc,
-                collection,
-                i18n,
-                config,
-            });
-            const foundOptionGroup = newOptions.find((optionGroup) => optionGroup.label === collection.labels.plural);
-            const foundOption = (_a = foundOptionGroup === null || foundOptionGroup === void 0 ? void 0 : foundOptionGroup.options) === null || _a === void 0 ? void 0 : _a.find((option) => option.value === doc.id);
-            if (foundOption) {
-                foundOption.label = docTitle || `${i18n.t('general:untitled')} - ID: ${doc.id}`;
-                foundOption.relationTo = relation;
-            }
-            return newOptions;
-        }
-        case 'ADD': {
-            const { collection, docs, sort, ids = [], i18n, config } = 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.indexOf(doc.id) === -1) {
-                    loadedIDs.push(doc.id);
-                    const docTitle = (0, useTitle_1.formatUseAsTitle)({
-                        doc,
-                        collection,
-                        i18n,
-                        config,
-                    });
-                    return [
-                        ...docSubOptions,
-                        {
-                            label: docTitle || `${i18n.t('general:untitled')} - ID: ${doc.id}`,
-                            relationTo: relation,
-                            value: doc.id,
-                        },
-                    ];
-                }
-                return docSubOptions;
-            }, []);
-            ids.forEach((id) => {
-                if (!loadedIDs.includes(id)) {
-                    newSubOptions.push({
-                        relationTo: relation,
-                        label: `${i18n.t('general:untitled')} - ID: ${id}`,
-                        value: id,
-                    });
-                }
-            });
-            if (optionsToAddTo) {
-                const subOptions = [
-                    ...optionsToAddTo.options,
-                    ...newSubOptions,
-                ];
-                optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions;
-            }
-            else {
-                newOptions.push({
-                    label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n),
-                    options: sort ? sortOptions(newSubOptions) : newSubOptions,
-                });
-            }
-            return newOptions;
-        }
-        default: {
-            return state;
-        }
-    }
-};
-exports.default = optionsReducer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const useTitle_1 = require("../../../../hooks/useTitle");
+const reduceToIDs = (options) => options.reduce((ids, option) => {
+    if (option.options) {
+        return [
+            ...ids,
+            ...reduceToIDs(option.options),
+        ];
+    }
+    return [
+        ...ids,
+        option.value,
+    ];
+}, []);
+const sortOptions = (options) => options.sort((a, b) => {
+    var _a, _b;
+    if (typeof ((_a = a === null || a === void 0 ? void 0 : a.label) === null || _a === void 0 ? void 0 : _a.localeCompare) === 'function' && typeof ((_b = b === null || b === void 0 ? void 0 : b.label) === null || _b === void 0 ? void 0 : _b.localeCompare) === 'function') {
+        return a.label.localeCompare(b.label);
+    }
+    return 0;
+});
+const optionsReducer = (state, action) => {
+    var _a;
+    switch (action.type) {
+        case 'CLEAR': {
+            return [];
+        }
+        case 'UPDATE': {
+            const { collection, doc, i18n, config } = action;
+            const relation = collection.slug;
+            const newOptions = [...state];
+            const docTitle = (0, useTitle_1.formatUseAsTitle)({
+                doc,
+                collection,
+                i18n,
+                config,
+            });
+            const foundOptionGroup = newOptions.find((optionGroup) => optionGroup.label === collection.labels.plural);
+            const foundOption = (_a = foundOptionGroup === null || foundOptionGroup === void 0 ? void 0 : foundOptionGroup.options) === null || _a === void 0 ? void 0 : _a.find((option) => option.value === doc.id);
+            if (foundOption) {
+                foundOption.label = docTitle || `${i18n.t('general:untitled')} - ID: ${doc.id}`;
+                foundOption.relationTo = relation;
+            }
+            return newOptions;
+        }
+        case 'ADD': {
+            const { collection, docs, sort, ids = [], i18n, config } = 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.indexOf(doc.id) === -1) {
+                    loadedIDs.push(doc.id);
+                    const docTitle = (0, useTitle_1.formatUseAsTitle)({
+                        doc,
+                        collection,
+                        i18n,
+                        config,
+                    });
+                    return [
+                        ...docSubOptions,
+                        {
+                            label: docTitle || `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+                            relationTo: relation,
+                            value: doc.id,
+                        },
+                    ];
+                }
+                return docSubOptions;
+            }, []);
+            ids.forEach((id) => {
+                if (!loadedIDs.includes(id)) {
+                    newSubOptions.push({
+                        relationTo: relation,
+                        label: `${i18n.t('general:untitled')} - ID: ${id}`,
+                        value: id,
+                    });
+                }
+            });
+            if (optionsToAddTo) {
+                const subOptions = [
+                    ...optionsToAddTo.options,
+                    ...newSubOptions,
+                ];
+                optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions;
+            }
+            else {
+                newOptions.push({
+                    label: (0, getTranslation_1.getTranslation)(collection.labels.plural, i18n),
+                    options: sort ? sortOptions(newSubOptions) : newSubOptions,
+                });
+            }
+            return newOptions;
+        }
+        default: {
+            return state;
+        }
+    }
+};
+exports.default = optionsReducer;
 //# sourceMappingURL=optionsReducer.js.map

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { MultiValueProps } from 'react-select';
-import { Option } from '../../types';
-import './index.scss';
-export declare const MultiValueLabel: React.FC<MultiValueProps<Option>>;
+import React from 'react';
+import { MultiValueProps } from 'react-select';
+import { Option } from '../../types';
+import './index.scss';
+export declare const MultiValueLabel: React.FC<MultiValueProps<Option>>;

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.js

@@ -1,67 +1,67 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiValueLabel = void 0;
-const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const react_select_1 = require("react-select");
-const DocumentDrawer_1 = require("../../../../../elements/DocumentDrawer");
-const Tooltip_1 = __importDefault(require("../../../../../elements/Tooltip"));
-const Edit_1 = __importDefault(require("../../../../../icons/Edit"));
-const Auth_1 = require("../../../../../utilities/Auth");
-require("./index.scss");
-const baseClass = 'relationship--multi-value-label';
-const MultiValueLabel = (props) => {
-    var _a, _b, _c;
-    const { data: { value, relationTo, label, }, selectProps: { setDrawerIsOpen, draggableProps, onSave, }, } = props;
-    const { permissions } = (0, Auth_1.useAuth)();
-    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
-    const { t } = (0, react_i18next_1.useTranslation)('general');
-    const hasReadPermission = Boolean((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[relationTo]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission);
-    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = (0, DocumentDrawer_1.useDocumentDrawer)({
-        id: value === null || value === void 0 ? void 0 : value.toString(),
-        collectionSlug: relationTo,
-    });
-    (0, react_1.useEffect)(() => {
-        if (typeof setDrawerIsOpen === 'function')
-            setDrawerIsOpen(isDrawerOpen);
-    }, [isDrawerOpen, setDrawerIsOpen]);
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement("div", { className: `${baseClass}__content` },
-            react_1.default.createElement(react_select_1.components.MultiValueLabel, { ...props, innerProps: {
-                    className: `${baseClass}__text`,
-                    ...draggableProps || {},
-                } })),
-        relationTo && hasReadPermission && (react_1.default.createElement(react_1.Fragment, null,
-            react_1.default.createElement(DocumentDrawerToggler, { className: `${baseClass}__drawer-toggler`, "aria-label": `Edit ${label}`, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
-                react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, t('editLabel', { label: '' })),
-                react_1.default.createElement(Edit_1.default, null)),
-            react_1.default.createElement(DocumentDrawer, { onSave: onSave })))));
-};
-exports.MultiValueLabel = MultiValueLabel;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiValueLabel = void 0;
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const react_select_1 = require("react-select");
+const DocumentDrawer_1 = require("../../../../../elements/DocumentDrawer");
+const Tooltip_1 = __importDefault(require("../../../../../elements/Tooltip"));
+const Edit_1 = __importDefault(require("../../../../../icons/Edit"));
+const Auth_1 = require("../../../../../utilities/Auth");
+require("./index.scss");
+const baseClass = 'relationship--multi-value-label';
+const MultiValueLabel = (props) => {
+    var _a, _b, _c;
+    const { data: { value, relationTo, label, }, selectProps: { setDrawerIsOpen, draggableProps, onSave, }, } = props;
+    const { permissions } = (0, Auth_1.useAuth)();
+    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const hasReadPermission = Boolean((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[relationTo]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission);
+    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = (0, DocumentDrawer_1.useDocumentDrawer)({
+        id: value === null || value === void 0 ? void 0 : value.toString(),
+        collectionSlug: relationTo,
+    });
+    (0, react_1.useEffect)(() => {
+        if (typeof setDrawerIsOpen === 'function')
+            setDrawerIsOpen(isDrawerOpen);
+    }, [isDrawerOpen, setDrawerIsOpen]);
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("div", { className: `${baseClass}__content` },
+            react_1.default.createElement(react_select_1.components.MultiValueLabel, { ...props, innerProps: {
+                    className: `${baseClass}__text`,
+                    ...draggableProps || {},
+                } })),
+        relationTo && hasReadPermission && (react_1.default.createElement(react_1.Fragment, null,
+            react_1.default.createElement(DocumentDrawerToggler, { className: `${baseClass}__drawer-toggler`, "aria-label": `Edit ${label}`, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
+                react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, t('editLabel', { label: '' })),
+                react_1.default.createElement(Edit_1.default, null)),
+            react_1.default.createElement(DocumentDrawer, { onSave: onSave })))));
+};
+exports.MultiValueLabel = MultiValueLabel;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/Relationship/select-components/SingleValue/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SingleValueProps } from 'react-select';
-import { Option } from '../../types';
-import './index.scss';
-export declare const SingleValue: React.FC<SingleValueProps<Option>>;
+import React from 'react';
+import { SingleValueProps } from 'react-select';
+import { Option } from '../../types';
+import './index.scss';
+export declare const SingleValue: React.FC<SingleValueProps<Option>>;

package/dist/admin/components/forms/field-types/Relationship/select-components/SingleValue/index.js

@@ -1,65 +1,65 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SingleValue = void 0;
-const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const react_select_1 = require("react-select");
-const DocumentDrawer_1 = require("../../../../../elements/DocumentDrawer");
-const Tooltip_1 = __importDefault(require("../../../../../elements/Tooltip"));
-const Edit_1 = __importDefault(require("../../../../../icons/Edit"));
-const Auth_1 = require("../../../../../utilities/Auth");
-require("./index.scss");
-const baseClass = 'relationship--single-value';
-const SingleValue = (props) => {
-    var _a, _b, _c;
-    const { data: { value, relationTo, label, }, children, selectProps: { selectProps: { setDrawerIsOpen, onSave, }, }, } = props;
-    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
-    const { t } = (0, react_i18next_1.useTranslation)('general');
-    const { permissions } = (0, Auth_1.useAuth)();
-    const hasReadPermission = Boolean((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[relationTo]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission);
-    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = (0, DocumentDrawer_1.useDocumentDrawer)({
-        id: value.toString(),
-        collectionSlug: relationTo,
-    });
-    (0, react_1.useEffect)(() => {
-        if (typeof setDrawerIsOpen === 'function')
-            setDrawerIsOpen(isDrawerOpen);
-    }, [isDrawerOpen, setDrawerIsOpen]);
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement("div", { className: `${baseClass}__label` },
-            react_1.default.createElement(react_select_1.components.SingleValue, { ...props },
-                react_1.default.createElement("div", { className: `${baseClass}__text` }, children),
-                relationTo && hasReadPermission && (react_1.default.createElement(react_1.Fragment, null,
-                    react_1.default.createElement(DocumentDrawerToggler, { className: `${baseClass}__drawer-toggler`, "aria-label": t('editLabel', { label }), onMouseDown: (e) => e.stopPropagation(), onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
-                        react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, t('edit')),
-                        react_1.default.createElement(Edit_1.default, null)))))),
-        relationTo && hasReadPermission && (react_1.default.createElement(DocumentDrawer, { onSave: onSave }))));
-};
-exports.SingleValue = SingleValue;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleValue = void 0;
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const react_select_1 = require("react-select");
+const DocumentDrawer_1 = require("../../../../../elements/DocumentDrawer");
+const Tooltip_1 = __importDefault(require("../../../../../elements/Tooltip"));
+const Edit_1 = __importDefault(require("../../../../../icons/Edit"));
+const Auth_1 = require("../../../../../utilities/Auth");
+require("./index.scss");
+const baseClass = 'relationship--single-value';
+const SingleValue = (props) => {
+    var _a, _b, _c;
+    const { data: { value, relationTo, label, }, children, selectProps: { selectProps: { setDrawerIsOpen, onSave, }, }, } = props;
+    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const { permissions } = (0, Auth_1.useAuth)();
+    const hasReadPermission = Boolean((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[relationTo]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission);
+    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = (0, DocumentDrawer_1.useDocumentDrawer)({
+        id: value.toString(),
+        collectionSlug: relationTo,
+    });
+    (0, react_1.useEffect)(() => {
+        if (typeof setDrawerIsOpen === 'function')
+            setDrawerIsOpen(isDrawerOpen);
+    }, [isDrawerOpen, setDrawerIsOpen]);
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("div", { className: `${baseClass}__label` },
+            react_1.default.createElement(react_select_1.components.SingleValue, { ...props },
+                react_1.default.createElement("div", { className: `${baseClass}__text` }, children),
+                relationTo && hasReadPermission && (react_1.default.createElement(react_1.Fragment, null,
+                    react_1.default.createElement(DocumentDrawerToggler, { className: `${baseClass}__drawer-toggler`, "aria-label": t('editLabel', { label }), onMouseDown: (e) => e.stopPropagation(), onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
+                        react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, t('edit')),
+                        react_1.default.createElement(Edit_1.default, null)))))),
+        relationTo && hasReadPermission && (react_1.default.createElement(DocumentDrawer, { onSave: onSave }))));
+};
+exports.SingleValue = SingleValue;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/Relationship/types.d.ts

@@ -1,55 +1,55 @@
-import i18n from 'i18next';
-import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
-import { RelationshipField } from '../../../../../fields/config/types';
-import { Where } from '../../../../../types';
-import { SanitizedConfig } from '../../../../../config/types';
-export type Props = Omit<RelationshipField, 'type'> & {
-    path?: string;
-};
-export type Option = {
-    label: string;
-    value: string | number;
-    relationTo?: string;
-    options?: Option[];
-};
-export type OptionGroup = {
-    label: string;
-    options: Option[];
-};
-export type ValueWithRelation = {
-    relationTo: string;
-    value: string | number;
-};
-export type Value = ValueWithRelation | string | number;
-type CLEAR = {
-    type: 'CLEAR';
-};
-type UPDATE = {
-    type: 'UPDATE';
-    doc: any;
-    collection: SanitizedCollectionConfig;
-    i18n: typeof i18n;
-    config: SanitizedConfig;
-};
-type ADD = {
-    type: 'ADD';
-    docs: any[];
-    collection: SanitizedCollectionConfig;
-    sort?: boolean;
-    ids?: (string | number)[];
-    i18n: typeof i18n;
-    config: SanitizedConfig;
-};
-export type Action = CLEAR | ADD | UPDATE;
-export type GetResults = (args: {
-    lastFullyLoadedRelation?: number;
-    lastLoadedPage?: number;
-    search?: string;
-    value?: Value | Value[];
-    sort?: boolean;
-    onSuccess?: () => void;
-}) => Promise<void>;
-export type FilterOptionsResult = {
-    [relation: string]: Where;
-};
-export {};
+import i18n from 'i18next';
+import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
+import { RelationshipField } from '../../../../../fields/config/types';
+import { Where } from '../../../../../types';
+import { SanitizedConfig } from '../../../../../config/types';
+export type Props = Omit<RelationshipField, 'type'> & {
+    path?: string;
+};
+export type Option = {
+    label: string;
+    value: string | number;
+    relationTo?: string;
+    options?: Option[];
+};
+export type OptionGroup = {
+    label: string;
+    options: Option[];
+};
+export type ValueWithRelation = {
+    relationTo: string;
+    value: string | number;
+};
+export type Value = ValueWithRelation | string | number;
+type CLEAR = {
+    type: 'CLEAR';
+};
+type UPDATE = {
+    type: 'UPDATE';
+    doc: any;
+    collection: SanitizedCollectionConfig;
+    i18n: typeof i18n;
+    config: SanitizedConfig;
+};
+type ADD = {
+    type: 'ADD';
+    docs: any[];
+    collection: SanitizedCollectionConfig;
+    sort?: boolean;
+    ids?: (string | number)[];
+    i18n: typeof i18n;
+    config: SanitizedConfig;
+};
+export type Action = CLEAR | ADD | UPDATE;
+export type GetResults = (args: {
+    lastFullyLoadedRelation?: number;
+    lastLoadedPage?: number;
+    search?: string;
+    value?: Value | Value[];
+    sort?: boolean;
+    onSuccess?: () => void;
+}) => Promise<void>;
+export type FilterOptionsResult = {
+    [relation: string]: Where;
+};
+export {};

package/dist/admin/components/forms/field-types/Relationship/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map