payload 1.11.0 → 1.11.2

package/dist/admin/components/elements/Publish/index.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export type CustomPublishButtonProps = React.ComponentType<DefaultPublishButtonProps & {
-    DefaultButton: React.ComponentType<DefaultPublishButtonProps>;
-}>;
-export type DefaultPublishButtonProps = {
-    publish: () => void;
-    disabled: boolean;
-    label: string;
-};
-type Props = {
-    CustomComponent?: CustomPublishButtonProps;
-};
-export declare const Publish: React.FC<Props>;
-export {};
+import React from 'react';
+export type CustomPublishButtonProps = React.ComponentType<DefaultPublishButtonProps & {
+    DefaultButton: React.ComponentType<DefaultPublishButtonProps>;
+}>;
+export type DefaultPublishButtonProps = {
+    publish: () => void;
+    disabled: boolean;
+    label: string;
+};
+type Props = {
+    CustomComponent?: CustomPublishButtonProps;
+};
+export declare const Publish: React.FC<Props>;
+export {};

package/dist/admin/components/elements/Publish/index.js

@@ -1,61 +1,61 @@
-"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.Publish = void 0;
-const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const Submit_1 = __importDefault(require("../../forms/Submit"));
-const DocumentInfo_1 = require("../../utilities/DocumentInfo");
-const context_1 = require("../../forms/Form/context");
-const RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
-const DefaultPublishButton = ({ disabled, publish, label }) => {
-    return (react_1.default.createElement(Submit_1.default, { type: "button", onClick: publish, disabled: disabled }, label));
-};
-const Publish = ({ CustomComponent }) => {
-    const { unpublishedVersions, publishedDoc } = (0, DocumentInfo_1.useDocumentInfo)();
-    const { submit } = (0, context_1.useForm)();
-    const modified = (0, context_1.useFormModified)();
-    const { t } = (0, react_i18next_1.useTranslation)('version');
-    const hasNewerVersions = (unpublishedVersions === null || unpublishedVersions === void 0 ? void 0 : unpublishedVersions.totalDocs) > 0;
-    const canPublish = modified || hasNewerVersions || !publishedDoc;
-    const publish = (0, react_1.useCallback)(() => {
-        submit({
-            overrides: {
-                _status: 'published',
-            },
-        });
-    }, [submit]);
-    return (react_1.default.createElement(RenderCustomComponent_1.default, { CustomComponent: CustomComponent, DefaultComponent: DefaultPublishButton, componentProps: {
-            publish,
-            disabled: !canPublish,
-            label: t('publishChanges'),
-            DefaultButton: DefaultPublishButton,
-        } }));
-};
-exports.Publish = Publish;
+"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.Publish = void 0;
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Submit_1 = __importDefault(require("../../forms/Submit"));
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const context_1 = require("../../forms/Form/context");
+const RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
+const DefaultPublishButton = ({ disabled, publish, label }) => {
+    return (react_1.default.createElement(Submit_1.default, { type: "button", onClick: publish, disabled: disabled }, label));
+};
+const Publish = ({ CustomComponent }) => {
+    const { unpublishedVersions, publishedDoc } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { submit } = (0, context_1.useForm)();
+    const modified = (0, context_1.useFormModified)();
+    const { t } = (0, react_i18next_1.useTranslation)('version');
+    const hasNewerVersions = (unpublishedVersions === null || unpublishedVersions === void 0 ? void 0 : unpublishedVersions.totalDocs) > 0;
+    const canPublish = modified || hasNewerVersions || !publishedDoc;
+    const publish = (0, react_1.useCallback)(() => {
+        submit({
+            overrides: {
+                _status: 'published',
+            },
+        });
+    }, [submit]);
+    return (react_1.default.createElement(RenderCustomComponent_1.default, { CustomComponent: CustomComponent, DefaultComponent: DefaultPublishButton, componentProps: {
+            publish,
+            disabled: !canPublish,
+            label: t('publishChanges'),
+            DefaultButton: DefaultPublishButton,
+        } }));
+};
+exports.Publish = Publish;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/PublishMany/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const PublishMany: React.FC<Props>;
-export default PublishMany;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const PublishMany: React.FC<Props>;
+export default PublishMany;

package/dist/admin/components/elements/PublishMany/index.js

@@ -1,106 +1,106 @@
-"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 });
-const react_1 = __importStar(require("react"));
-const react_toastify_1 = require("react-toastify");
-const modal_1 = require("@faceless-ui/modal");
-const react_i18next_1 = require("react-i18next");
-const Config_1 = require("../../utilities/Config");
-const Button_1 = __importDefault(require("../Button"));
-const Minimal_1 = __importDefault(require("../../templates/Minimal"));
-const api_1 = require("../../../api");
-const SelectionProvider_1 = require("../../views/collections/List/SelectionProvider");
-const getTranslation_1 = require("../../../../utilities/getTranslation");
-const Pill_1 = __importDefault(require("../Pill"));
-const Auth_1 = require("../../utilities/Auth");
-require("./index.scss");
-const baseClass = 'publish-many';
-const PublishMany = (props) => {
-    var _a, _b;
-    const { resetParams, collection: { slug, labels: { plural, }, versions, } = {}, } = props;
-    const { serverURL, routes: { api } } = (0, Config_1.useConfig)();
-    const { permissions } = (0, Auth_1.useAuth)();
-    const { toggleModal } = (0, modal_1.useModal)();
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('version');
-    const { selectAll, count, getQueryParams } = (0, SelectionProvider_1.useSelection)();
-    const [submitted, setSubmitted] = (0, react_1.useState)(false);
-    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[slug];
-    const hasPermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.update) === null || _b === void 0 ? void 0 : _b.permission;
-    const modalSlug = `publish-${slug}`;
-    const addDefaultError = (0, react_1.useCallback)(() => {
-        react_toastify_1.toast.error(t('error:unknown'));
-    }, [t]);
-    const handlePublish = (0, react_1.useCallback)(() => {
-        setSubmitted(true);
-        api_1.requests.patch(`${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}`, {
-            body: JSON.stringify({
-                _status: 'published',
-            }),
-            headers: {
-                'Content-Type': 'application/json',
-                'Accept-Language': i18n.language,
-            },
-        }).then(async (res) => {
-            try {
-                const json = await res.json();
-                toggleModal(modalSlug);
-                if (res.status < 400) {
-                    react_toastify_1.toast.success(t('general:updatedSuccessfully'));
-                    resetParams({ page: selectAll ? 1 : undefined });
-                    return null;
-                }
-                if (json.errors) {
-                    json.errors.forEach((error) => react_toastify_1.toast.error(error.message));
-                }
-                else {
-                    addDefaultError();
-                }
-                return false;
-            }
-            catch (e) {
-                return addDefaultError();
-            }
-        });
-    }, [addDefaultError, api, getQueryParams, i18n.language, modalSlug, resetParams, selectAll, serverURL, slug, t, toggleModal]);
-    if (!(versions === null || versions === void 0 ? void 0 : versions.drafts) || (selectAll === SelectionProvider_1.SelectAllStatus.None || !hasPermission)) {
-        return null;
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Pill_1.default, { className: `${baseClass}__toggle`, onClick: () => {
-                setSubmitted(false);
-                toggleModal(modalSlug);
-            } }, t('publish')),
-        react_1.default.createElement(modal_1.Modal, { slug: modalSlug, className: baseClass },
-            react_1.default.createElement(Minimal_1.default, { className: `${baseClass}__template` },
-                react_1.default.createElement("h1", null, t('confirmPublish')),
-                react_1.default.createElement("p", null, t('aboutToPublishSelection', { label: (0, getTranslation_1.getTranslation)(plural, i18n) })),
-                react_1.default.createElement(Button_1.default, { id: "confirm-cancel", buttonStyle: "secondary", type: "button", onClick: submitted ? undefined : () => toggleModal(modalSlug) }, t('general:cancel')),
-                react_1.default.createElement(Button_1.default, { onClick: submitted ? undefined : handlePublish, id: "confirm-publish" }, submitted ? t('publishing') : t('general:confirm'))))));
-};
-exports.default = PublishMany;
+"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 });
+const react_1 = __importStar(require("react"));
+const react_toastify_1 = require("react-toastify");
+const modal_1 = require("@faceless-ui/modal");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Button_1 = __importDefault(require("../Button"));
+const Minimal_1 = __importDefault(require("../../templates/Minimal"));
+const api_1 = require("../../../api");
+const SelectionProvider_1 = require("../../views/collections/List/SelectionProvider");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const Pill_1 = __importDefault(require("../Pill"));
+const Auth_1 = require("../../utilities/Auth");
+require("./index.scss");
+const baseClass = 'publish-many';
+const PublishMany = (props) => {
+    var _a, _b;
+    const { resetParams, collection: { slug, labels: { plural, }, versions, } = {}, } = props;
+    const { serverURL, routes: { api } } = (0, Config_1.useConfig)();
+    const { permissions } = (0, Auth_1.useAuth)();
+    const { toggleModal } = (0, modal_1.useModal)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('version');
+    const { selectAll, count, getQueryParams } = (0, SelectionProvider_1.useSelection)();
+    const [submitted, setSubmitted] = (0, react_1.useState)(false);
+    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[slug];
+    const hasPermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.update) === null || _b === void 0 ? void 0 : _b.permission;
+    const modalSlug = `publish-${slug}`;
+    const addDefaultError = (0, react_1.useCallback)(() => {
+        react_toastify_1.toast.error(t('error:unknown'));
+    }, [t]);
+    const handlePublish = (0, react_1.useCallback)(() => {
+        setSubmitted(true);
+        api_1.requests.patch(`${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}`, {
+            body: JSON.stringify({
+                _status: 'published',
+            }),
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept-Language': i18n.language,
+            },
+        }).then(async (res) => {
+            try {
+                const json = await res.json();
+                toggleModal(modalSlug);
+                if (res.status < 400) {
+                    react_toastify_1.toast.success(t('general:updatedSuccessfully'));
+                    resetParams({ page: selectAll ? 1 : undefined });
+                    return null;
+                }
+                if (json.errors) {
+                    json.errors.forEach((error) => react_toastify_1.toast.error(error.message));
+                }
+                else {
+                    addDefaultError();
+                }
+                return false;
+            }
+            catch (e) {
+                return addDefaultError();
+            }
+        });
+    }, [addDefaultError, api, getQueryParams, i18n.language, modalSlug, resetParams, selectAll, serverURL, slug, t, toggleModal]);
+    if (!(versions === null || versions === void 0 ? void 0 : versions.drafts) || (selectAll === SelectionProvider_1.SelectAllStatus.None || !hasPermission)) {
+        return null;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Pill_1.default, { className: `${baseClass}__toggle`, onClick: () => {
+                setSubmitted(false);
+                toggleModal(modalSlug);
+            } }, t('publish')),
+        react_1.default.createElement(modal_1.Modal, { slug: modalSlug, className: baseClass },
+            react_1.default.createElement(Minimal_1.default, { className: `${baseClass}__template` },
+                react_1.default.createElement("h1", null, t('confirmPublish')),
+                react_1.default.createElement("p", null, t('aboutToPublishSelection', { label: (0, getTranslation_1.getTranslation)(plural, i18n) })),
+                react_1.default.createElement(Button_1.default, { id: "confirm-cancel", buttonStyle: "secondary", type: "button", onClick: submitted ? undefined : () => toggleModal(modalSlug) }, t('general:cancel')),
+                react_1.default.createElement(Button_1.default, { onClick: submitted ? undefined : handlePublish, id: "confirm-publish" }, submitted ? t('publishing') : t('general:confirm'))))));
+};
+exports.default = PublishMany;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/PublishMany/types.d.ts

@@ -1,6 +1,6 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import type { Props as ListProps } from '../../views/collections/List/types';
-export type Props = {
-    collection: SanitizedCollectionConfig;
-    resetParams: ListProps['resetParams'];
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import type { Props as ListProps } from '../../views/collections/List/types';
+export type Props = {
+    collection: SanitizedCollectionConfig;
+    resetParams: ListProps['resetParams'];
+};

package/dist/admin/components/elements/PublishMany/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

package/dist/admin/components/elements/ReactSelect/ClearIndicator/index.d.ts

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

package/dist/admin/components/elements/ReactSelect/ClearIndicator/index.js

@@ -1,17 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClearIndicator = void 0;
-const react_1 = __importDefault(require("react"));
-const X_1 = __importDefault(require("../../../icons/X"));
-require("./index.scss");
-const baseClass = 'clear-indicator';
-const ClearIndicator = (props) => {
-    const { innerProps: { ref, ...restInnerProps }, } = props;
-    return (react_1.default.createElement("div", { className: baseClass, ref: ref, ...restInnerProps },
-        react_1.default.createElement(X_1.default, { className: `${baseClass}__icon` })));
-};
-exports.ClearIndicator = ClearIndicator;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearIndicator = void 0;
+const react_1 = __importDefault(require("react"));
+const X_1 = __importDefault(require("../../../icons/X"));
+require("./index.scss");
+const baseClass = 'clear-indicator';
+const ClearIndicator = (props) => {
+    const { innerProps: { ref, ...restInnerProps }, } = props;
+    return (react_1.default.createElement("div", { className: baseClass, ref: ref, ...restInnerProps },
+        react_1.default.createElement(X_1.default, { className: `${baseClass}__icon` })));
+};
+exports.ClearIndicator = ClearIndicator;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/Control/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ControlProps } from 'react-select';
-import type { Option } from '../types';
-export declare const Control: React.FC<ControlProps<Option, any>>;
+import React from 'react';
+import { ControlProps } from 'react-select';
+import type { Option } from '../types';
+export declare const Control: React.FC<ControlProps<Option, any>>;

package/dist/admin/components/elements/ReactSelect/Control/index.js

@@ -1,31 +1,31 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Control = void 0;
-const react_1 = __importDefault(require("react"));
-const react_select_1 = require("react-select");
-const Control = (props) => {
-    const { children, innerProps, selectProps: { customProps: { disableMouseDown, disableKeyDown, } = {}, } = {}, } = props;
-    return (react_1.default.createElement(react_select_1.components.Control, { ...props, innerProps: {
-            ...innerProps,
-            onMouseDown: (e) => {
-                // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
-                if (!disableMouseDown) {
-                    innerProps.onMouseDown(e);
-                }
-            },
-            // react-select has this typed incorrectly so we disable the linting rule
-            // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            onKeyDown: (e) => {
-                if (disableKeyDown) {
-                    e.stopPropagation();
-                }
-            },
-        } }, children));
-};
-exports.Control = Control;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Control = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const Control = (props) => {
+    const { children, innerProps, selectProps: { customProps: { disableMouseDown, disableKeyDown, } = {}, } = {}, } = props;
+    return (react_1.default.createElement(react_select_1.components.Control, { ...props, innerProps: {
+            ...innerProps,
+            onMouseDown: (e) => {
+                // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
+                if (!disableMouseDown) {
+                    innerProps.onMouseDown(e);
+                }
+            },
+            // react-select has this typed incorrectly so we disable the linting rule
+            // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            onKeyDown: (e) => {
+                if (disableKeyDown) {
+                    e.stopPropagation();
+                }
+            },
+        } }, children));
+};
+exports.Control = Control;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/MultiValue/index.d.ts

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

package/dist/admin/components/elements/ReactSelect/MultiValue/index.js

@@ -1,40 +1,40 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiValue = void 0;
-const react_1 = __importDefault(require("react"));
-const react_select_1 = require("react-select");
-const useDraggableSortable_1 = require("../../DraggableSortable/useDraggableSortable");
-require("./index.scss");
-const baseClass = 'multi-value';
-const MultiValue = (props) => {
-    const { className, isDisabled, innerProps, data: { value, }, selectProps: { customProps: { disableMouseDown, } = {}, } = {}, } = props;
-    const { attributes, listeners, setNodeRef, transform, isDragging, } = (0, useDraggableSortable_1.useDraggableSortable)({
-        id: value.toString(),
-    });
-    const classes = [
-        baseClass,
-        className,
-        !isDisabled && 'draggable',
-        isDragging && `${baseClass}--is-dragging`,
-    ].filter(Boolean).join(' ');
-    return (react_1.default.createElement(react_select_1.components.MultiValue, { ...props, className: classes, innerProps: {
-            ...innerProps,
-            ...attributes,
-            ...listeners,
-            ref: setNodeRef,
-            onMouseDown: (e) => {
-                if (!disableMouseDown) {
-                    // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)
-                    e.stopPropagation();
-                }
-            },
-            style: {
-                transform,
-            },
-        } }));
-};
-exports.MultiValue = MultiValue;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiValue = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const useDraggableSortable_1 = require("../../DraggableSortable/useDraggableSortable");
+require("./index.scss");
+const baseClass = 'multi-value';
+const MultiValue = (props) => {
+    const { className, isDisabled, innerProps, data: { value, }, selectProps: { customProps: { disableMouseDown, } = {}, } = {}, } = props;
+    const { attributes, listeners, setNodeRef, transform, isDragging, } = (0, useDraggableSortable_1.useDraggableSortable)({
+        id: value.toString(),
+    });
+    const classes = [
+        baseClass,
+        className,
+        !isDisabled && 'draggable',
+        isDragging && `${baseClass}--is-dragging`,
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement(react_select_1.components.MultiValue, { ...props, className: classes, innerProps: {
+            ...innerProps,
+            ...attributes,
+            ...listeners,
+            ref: setNodeRef,
+            onMouseDown: (e) => {
+                if (!disableMouseDown) {
+                    // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)
+                    e.stopPropagation();
+                }
+            },
+            style: {
+                transform,
+            },
+        } }));
+};
+exports.MultiValue = MultiValue;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/MultiValueLabel/index.d.ts

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