payload 1.4.2 → 1.5.1

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

@@ -1,24 +1,29 @@
-import React from 'react';
-import qs from 'qs';
-import { useHistory } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import { useSearchParams } from '../../utilities/SearchParams';
-import Popup from '../Popup';
-import Chevron from '../../icons/Chevron';
-import { defaults } from '../../../../collections/config/defaults';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const qs_1 = __importDefault(require("qs"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const SearchParams_1 = require("../../utilities/SearchParams");
+const Popup_1 = __importDefault(require("../Popup"));
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const defaults_1 = require("../../../../collections/config/defaults");
+require("./index.scss");
 const baseClass = 'per-page';
-const defaultLimits = defaults.admin.pagination.limits;
+const defaultLimits = defaults_1.defaults.admin.pagination.limits;
 const PerPage = ({ limits = defaultLimits, limit, handleChange, modifySearchParams = true }) => {
-    const params = useSearchParams();
-    const history = useHistory();
-    const { t } = useTranslation('general');
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Popup, { horizontalAlign: "right", button: (React.createElement("strong", null,
+    const params = (0, SearchParams_1.useSearchParams)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Popup_1.default, { horizontalAlign: "right", button: (react_1.default.createElement("strong", null,
                 t('perPage', { limit }),
-                React.createElement(Chevron, null))), render: ({ close }) => (React.createElement("div", null,
-                React.createElement("ul", null, limits.map((limitNumber, i) => (React.createElement("li", { className: `${baseClass}-item`, key: i },
-                    React.createElement("button", { type: "button", className: [
+                react_1.default.createElement(Chevron_1.default, null))), render: ({ close }) => (react_1.default.createElement("div", null,
+                react_1.default.createElement("ul", null, limits.map((limitNumber, i) => (react_1.default.createElement("li", { className: `${baseClass}-item`, key: i },
+                    react_1.default.createElement("button", { type: "button", className: [
                             `${baseClass}__button`,
                             limitNumber === Number(limit) && `${baseClass}__button-active`,
                         ].filter(Boolean).join(' '), onClick: () => {
@@ -27,14 +32,14 @@ const PerPage = ({ limits = defaultLimits, limit, handleChange, modifySearchPara
                                 handleChange(limitNumber);
                             if (modifySearchParams) {
                                 history.replace({
-                                    search: qs.stringify({
+                                    search: qs_1.default.stringify({
                                         ...params,
                                         limit: limitNumber,
                                     }, { addQueryPrefix: true }),
                                 });
                             }
                         } },
-                        limitNumber === Number(limit) && (React.createElement(Chevron, null)),
+                        limitNumber === Number(limit) && (react_1.default.createElement(Chevron_1.default, null)),
                         limitNumber))))))) })));
 };
-export default PerPage;
+exports.default = PerPage;

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

@@ -1,6 +1,11 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+require("./index.scss");
 const baseClass = 'pill';
 const Pill = ({ children, className, to, icon, alignIcon = 'right', onClick, pillStyle = 'light', }) => {
     const classes = [
@@ -16,10 +21,10 @@ const Pill = ({ children, className, to, icon, alignIcon = 'right', onClick, pil
     if (onClick && !to)
         RenderedType = 'button';
     if (to)
-        RenderedType = Link;
-    return (React.createElement(RenderedType, { className: classes, onClick: onClick, type: RenderedType === 'button' ? 'button' : undefined, to: to || undefined },
-        (icon && alignIcon === 'left') && (React.createElement(React.Fragment, null, icon)),
+        RenderedType = react_router_dom_1.Link;
+    return (react_1.default.createElement(RenderedType, { className: classes, onClick: onClick, type: RenderedType === 'button' ? 'button' : undefined, to: to || undefined },
+        (icon && alignIcon === 'left') && (react_1.default.createElement(react_1.default.Fragment, null, icon)),
         children,
-        (icon && alignIcon === 'right') && (React.createElement(React.Fragment, null, icon))));
+        (icon && alignIcon === 'right') && (react_1.default.createElement(react_1.default.Fragment, null, icon))));
 };
-export default Pill;
+exports.default = Pill;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type Props = {
+export type Props = {
     children?: React.ReactNode;
     className?: string;
     to?: string;
@@ -8,7 +8,7 @@ export declare type Props = {
     onClick?: () => void;
     pillStyle?: 'white' | 'light' | 'dark' | 'light-gray' | 'warning' | 'success';
 };
-export declare type RenderedTypeProps = {
+export type RenderedTypeProps = {
     children: React.ReactNode;
     className?: string;
     to: string;

package/dist/admin/components/elements/Pill/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/admin/components/elements/Popup/PopupButton/index.js

@@ -1,5 +1,10 @@
-import React from 'react';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+require("./index.scss");
 const baseClass = 'popup-button';
 const PopupButton = (props) => {
     const { className, buttonType, button, setActive, active, } = props;
@@ -15,9 +20,9 @@ const PopupButton = (props) => {
         return null;
     }
     if (buttonType === 'custom') {
-        return (React.createElement("div", { role: "button", tabIndex: 0, onKeyDown: (e) => { if (e.key === 'Enter')
+        return (react_1.default.createElement("div", { role: "button", tabIndex: 0, onKeyDown: (e) => { if (e.key === 'Enter')
                 handleClick(); }, onClick: handleClick, className: classes }, button));
     }
-    return (React.createElement("button", { type: "button", onClick: () => setActive(!active), className: classes }, button));
+    return (react_1.default.createElement("button", { type: "button", onClick: () => setActive(!active), className: classes }, button));
 };
-export default PopupButton;
+exports.default = PopupButton;

package/dist/admin/components/elements/Popup/PopupButton/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type Props = {
+export type Props = {
     className?: string;
     buttonType: 'custom' | 'default' | 'none';
     button: React.ReactNode;

package/dist/admin/components/elements/Popup/PopupButton/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,23 +1,51 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useWindowInfo } from '@faceless-ui/window-info';
-import PopupButton from './PopupButton';
-import useIntersect from '../../../hooks/useIntersect';
-import './index.scss';
+"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 window_info_1 = require("@faceless-ui/window-info");
+const PopupButton_1 = __importDefault(require("./PopupButton"));
+const useIntersect_1 = __importDefault(require("../../../hooks/useIntersect"));
+require("./index.scss");
 const baseClass = 'popup';
 const Popup = (props) => {
     const { className, buttonClassName, render, size = 'small', color = 'light', button, buttonType = 'default', children, showOnHover = false, horizontalAlign: horizontalAlignFromProps = 'left', verticalAlign: verticalAlignFromProps = 'top', initActive = false, onToggleOpen, padding, forceOpen, boundingRef, } = props;
-    const { width: windowWidth, height: windowHeight } = useWindowInfo();
-    const [intersectionRef, intersectionEntry] = useIntersect({
+    const { width: windowWidth, height: windowHeight } = (0, window_info_1.useWindowInfo)();
+    const [intersectionRef, intersectionEntry] = (0, useIntersect_1.default)({
         threshold: 1,
         rootMargin: '-100px 0px 0px 0px',
         root: (boundingRef === null || boundingRef === void 0 ? void 0 : boundingRef.current) || null,
     });
-    const buttonRef = useRef(null);
-    const contentRef = useRef(null);
-    const [active, setActive] = useState(initActive);
-    const [verticalAlign, setVerticalAlign] = useState(verticalAlignFromProps);
-    const [horizontalAlign, setHorizontalAlign] = useState(horizontalAlignFromProps);
-    const setPosition = useCallback(({ horizontal = false, vertical = false }) => {
+    const buttonRef = (0, react_1.useRef)(null);
+    const contentRef = (0, react_1.useRef)(null);
+    const [active, setActive] = (0, react_1.useState)(initActive);
+    const [verticalAlign, setVerticalAlign] = (0, react_1.useState)(verticalAlignFromProps);
+    const [horizontalAlign, setHorizontalAlign] = (0, react_1.useState)(horizontalAlignFromProps);
+    const setPosition = (0, react_1.useCallback)(({ horizontal = false, vertical = false }) => {
         if (contentRef.current) {
             const bounds = contentRef.current.getBoundingClientRect();
             const { left: contentLeftPos, right: contentRightPos, top: contentTopPos, bottom: contentBottomPos, } = bounds;
@@ -51,19 +79,19 @@ const Popup = (props) => {
             }
         }
     }, [boundingRef]);
-    const handleClickOutside = useCallback((e) => {
+    const handleClickOutside = (0, react_1.useCallback)((e) => {
         if (contentRef.current.contains(e.target)) {
             return;
         }
         setActive(false);
     }, [contentRef]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setPosition({ horizontal: true });
     }, [intersectionEntry, setPosition, windowWidth]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setPosition({ vertical: true });
     }, [intersectionEntry, setPosition, windowHeight]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (typeof onToggleOpen === 'function')
             onToggleOpen(active);
         if (active) {
@@ -76,7 +104,7 @@ const Popup = (props) => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [active, handleClickOutside, onToggleOpen]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setActive(forceOpen);
     }, [forceOpen]);
     const classes = [
@@ -88,17 +116,17 @@ const Popup = (props) => {
         `${baseClass}--h-align-${horizontalAlign}`,
         (active) && `${baseClass}--active`,
     ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement("div", { ref: buttonRef, className: `${baseClass}__wrapper` }, showOnHover
-            ? (React.createElement("div", { className: `${baseClass}__on-hover-watch`, onMouseEnter: () => setActive(true), onMouseLeave: () => setActive(false) },
-                React.createElement(PopupButton, { ...{ className: buttonClassName, buttonType, button, setActive, active } })))
-            : (React.createElement(PopupButton, { ...{ className: buttonClassName, buttonType, button, setActive, active } }))),
-        React.createElement("div", { className: `${baseClass}__content`, ref: contentRef },
-            React.createElement("div", { className: `${baseClass}__wrap`, ref: intersectionRef },
-                React.createElement("div", { className: `${baseClass}__scroll`, style: {
+    return (react_1.default.createElement("div", { className: classes },
+        react_1.default.createElement("div", { ref: buttonRef, className: `${baseClass}__wrapper` }, showOnHover
+            ? (react_1.default.createElement("div", { className: `${baseClass}__on-hover-watch`, onMouseEnter: () => setActive(true), onMouseLeave: () => setActive(false) },
+                react_1.default.createElement(PopupButton_1.default, { ...{ className: buttonClassName, buttonType, button, setActive, active } })))
+            : (react_1.default.createElement(PopupButton_1.default, { ...{ className: buttonClassName, buttonType, button, setActive, active } }))),
+        react_1.default.createElement("div", { className: `${baseClass}__content`, ref: contentRef },
+            react_1.default.createElement("div", { className: `${baseClass}__wrap`, ref: intersectionRef },
+                react_1.default.createElement("div", { className: `${baseClass}__scroll`, style: {
                         padding,
                     } },
                     render && render({ close: () => setActive(false) }),
                     children && children)))));
 };
-export default Popup;
+exports.default = Popup;

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-export declare type Props = {
+export type Props = {
     className?: string;
     buttonClassName?: string;
     render?: (any: any) => React.ReactNode;

package/dist/admin/components/elements/Popup/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,21 +1,49 @@
-import React, { useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useAuth } from '../../utilities/Auth';
-import Button from '../Button';
-import { useLocale } from '../../utilities/Locale';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import { useConfig } from '../../utilities/Config';
-import './index.scss';
+"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_i18next_1 = require("react-i18next");
+const Auth_1 = require("../../utilities/Auth");
+const Button_1 = __importDefault(require("../Button"));
+const Locale_1 = require("../../utilities/Locale");
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const Config_1 = require("../../utilities/Config");
+require("./index.scss");
 const baseClass = 'preview-btn';
 const PreviewButton = (props) => {
     const { generatePreviewURL, } = props;
-    const { id, collection, global } = useDocumentInfo();
-    const [isLoading, setIsLoading] = useState(false);
-    const locale = useLocale();
-    const { token } = useAuth();
-    const { serverURL, routes: { api } } = useConfig();
-    const { t } = useTranslation('version');
-    const handleClick = useCallback(async () => {
+    const { id, collection, global } = (0, DocumentInfo_1.useDocumentInfo)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const locale = (0, Locale_1.useLocale)();
+    const { token } = (0, Auth_1.useAuth)();
+    const { serverURL, routes: { api } } = (0, Config_1.useConfig)();
+    const { t } = (0, react_i18next_1.useTranslation)('version');
+    const handleClick = (0, react_1.useCallback)(async () => {
         setIsLoading(true);
         let url = `${serverURL}${api}`;
         if (collection)
@@ -27,6 +55,6 @@ const PreviewButton = (props) => {
         setIsLoading(false);
         window.open(previewURL, '_blank');
     }, [serverURL, api, collection, global, id, generatePreviewURL, locale, token]);
-    return (React.createElement(Button, { className: baseClass, buttonStyle: "secondary", onClick: handleClick, disabled: isLoading }, isLoading ? t('general:loading') : t('preview')));
+    return (react_1.default.createElement(Button_1.default, { className: baseClass, buttonStyle: "secondary", onClick: handleClick, disabled: isLoading }, isLoading ? t('general:loading') : t('preview')));
 };
-export default PreviewButton;
+exports.default = PreviewButton;

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

@@ -1,4 +1,4 @@
 import { GeneratePreviewURL } from '../../../../config/types';
-export declare type Props = {
+export type Props = {
     generatePreviewURL?: GeneratePreviewURL;
 };

package/dist/admin/components/elements/PreviewButton/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,22 +1,50 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import FormSubmit from '../../forms/Submit';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import { useForm, useFormModified } from '../../forms/Form/context';
+"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_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 Publish = () => {
-    const { unpublishedVersions, publishedDoc } = useDocumentInfo();
-    const { submit } = useForm();
-    const modified = useFormModified();
-    const { t } = useTranslation('version');
+    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 = useCallback(() => {
+    const publish = (0, react_1.useCallback)(() => {
         submit({
             overrides: {
                 _status: 'published',
             },
         });
     }, [submit]);
-    return (React.createElement(FormSubmit, { type: "button", onClick: publish, disabled: !canPublish }, t('publishChanges')));
+    return (react_1.default.createElement(Submit_1.default, { type: "button", onClick: publish, disabled: !canPublish }, t('publishChanges')));
 };
-export default Publish;
+exports.default = Publish;

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

@@ -1 +1 @@
-export declare type Props = {};
+export type Props = {};

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,9 +1,16 @@
-import React from 'react';
-import X from '../../../icons/X';
-import './index.scss';
+"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';
-export const ClearIndicator = (props) => {
+const ClearIndicator = (props) => {
     const { innerProps: { ref, ...restInnerProps }, } = props;
-    return (React.createElement("div", { className: baseClass, ref: ref, ...restInnerProps },
-        React.createElement(X, { className: `${baseClass}__icon` })));
+    return (react_1.default.createElement("div", { className: baseClass, ref: ref, ...restInnerProps },
+        react_1.default.createElement(X_1.default, { className: `${baseClass}__icon` })));
 };
+exports.ClearIndicator = ClearIndicator;

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

@@ -1,8 +1,14 @@
-import React from 'react';
-import { components as SelectComponents } from 'react-select';
-export const Control = (props) => {
+"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: { selectProps: { disableMouseDown, disableKeyDown, }, }, } = props;
-    return (React.createElement(SelectComponents.Control, { ...props, innerProps: {
+    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)
@@ -21,3 +27,4 @@ export const Control = (props) => {
             },
         } }, children));
 };
+exports.Control = Control;

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

@@ -1,11 +1,17 @@
-import React from 'react';
-import { components as SelectComponents, } from 'react-select';
-import { useSortable } from '@dnd-kit/sortable';
-import './index.scss';
+"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 sortable_1 = require("@dnd-kit/sortable");
+require("./index.scss");
 const baseClass = 'multi-value';
-export const MultiValue = (props) => {
+const MultiValue = (props) => {
     const { className, isDisabled, innerProps, data: { value, }, selectProps: { selectProps, selectProps: { disableMouseDown, }, }, } = props;
-    const { attributes, listeners, setNodeRef, transform } = useSortable({
+    const { attributes, listeners, setNodeRef, transform } = (0, sortable_1.useSortable)({
         id: value,
     });
     const classes = [
@@ -13,7 +19,7 @@ export const MultiValue = (props) => {
         className,
         !isDisabled && 'draggable',
     ].filter(Boolean).join(' ');
-    return (React.createElement(SelectComponents.MultiValue, { ...props, className: classes, innerProps: {
+    return (react_1.default.createElement(react_select_1.components.MultiValue, { ...props, className: classes, innerProps: {
             ...innerProps,
             ref: setNodeRef,
             onMouseDown: (e) => {
@@ -37,3 +43,4 @@ export const MultiValue = (props) => {
             },
         } }));
 };
+exports.MultiValue = MultiValue;

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

@@ -1,12 +1,19 @@
-import React from 'react';
-import { components as SelectComponents } from 'react-select';
-import './index.scss';
+"use strict";
+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 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+require("./index.scss");
 const baseClass = 'multi-value-label';
-export const MultiValueLabel = (props) => {
+const MultiValueLabel = (props) => {
     const { selectProps: { draggableProps, }, } = props;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(SelectComponents.MultiValueLabel, { ...props, innerProps: {
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(react_select_1.components.MultiValueLabel, { ...props, innerProps: {
                 className: `${baseClass}__text`,
                 ...draggableProps || {},
             } })));
 };
+exports.MultiValueLabel = MultiValueLabel;

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

@@ -1,17 +1,24 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import X from '../../../icons/X';
-import Tooltip from '../../Tooltip';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiValueRemove = void 0;
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const X_1 = __importDefault(require("../../../icons/X"));
+const Tooltip_1 = __importDefault(require("../../Tooltip"));
+require("./index.scss");
 const baseClass = 'multi-value-remove';
-export const MultiValueRemove = (props) => {
+const MultiValueRemove = (props) => {
     const { innerProps, } = props;
-    const [showTooltip, setShowTooltip] = React.useState(false);
-    const { t } = useTranslation('general');
-    return (React.createElement("button", { ...innerProps, type: "button", className: baseClass, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: (e) => {
+    const [showTooltip, setShowTooltip] = react_1.default.useState(false);
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    return (react_1.default.createElement("button", { ...innerProps, type: "button", className: baseClass, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: (e) => {
             setShowTooltip(false);
             innerProps.onClick(e);
         }, "aria-label": t('remove') },
-        React.createElement(Tooltip, { className: `${baseClass}__tooltip`, show: showTooltip }, t('remove')),
-        React.createElement(X, { className: `${baseClass}__icon` })));
+        react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, t('remove')),
+        react_1.default.createElement(X_1.default, { className: `${baseClass}__icon` })));
 };
+exports.MultiValueRemove = MultiValueRemove;