payload 1.4.2 → 1.5.0

package/dist/admin/components/forms/field-types/RichText/elements/unwrapList.js

@@ -1,15 +1,21 @@
-import { Transforms, Editor, Element } from 'slate';
-import { areAllChildrenElements } from './areAllChildrenElements';
-import listTypes from './listTypes';
-export const unwrapList = (editor, atPath) => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.unwrapList = void 0;
+const slate_1 = require("slate");
+const areAllChildrenElements_1 = require("./areAllChildrenElements");
+const listTypes_1 = __importDefault(require("./listTypes"));
+const unwrapList = (editor, atPath) => {
     // Remove type for any nodes that have text children -
     // this means that the node should remain
-    Transforms.setNodes(editor, { type: undefined }, {
+    slate_1.Transforms.setNodes(editor, { type: undefined }, {
         at: atPath,
         match: (node, path) => {
-            const childrenAreAllElements = areAllChildrenElements(node);
-            const matches = !Editor.isEditor(node)
-                && Element.isElement(node)
+            const childrenAreAllElements = (0, areAllChildrenElements_1.areAllChildrenElements)(node);
+            const matches = !slate_1.Editor.isEditor(node)
+                && slate_1.Element.isElement(node)
                 && !childrenAreAllElements
                 && node.type === 'li'
                 && path.length === atPath.length + 1;
@@ -18,12 +24,12 @@ export const unwrapList = (editor, atPath) => {
     });
     // For nodes have all element children, unwrap it instead
     // because the li is a duplicative wrapper
-    Transforms.unwrapNodes(editor, {
+    slate_1.Transforms.unwrapNodes(editor, {
         at: atPath,
         match: (node, path) => {
-            const childrenAreAllElements = areAllChildrenElements(node);
-            const matches = !Editor.isEditor(node)
-                && Element.isElement(node)
+            const childrenAreAllElements = (0, areAllChildrenElements_1.areAllChildrenElements)(node);
+            const matches = !slate_1.Editor.isEditor(node)
+                && slate_1.Element.isElement(node)
                 && childrenAreAllElements
                 && node.type === 'li'
                 && path.length === atPath.length + 1;
@@ -31,8 +37,9 @@ export const unwrapList = (editor, atPath) => {
         },
     });
     // Finally, unwrap the UL itself
-    Transforms.unwrapNodes(editor, {
-        match: (n) => Element.isElement(n) && listTypes.includes(n.type),
+    slate_1.Transforms.unwrapNodes(editor, {
+        match: (n) => slate_1.Element.isElement(n) && listTypes_1.default.includes(n.type),
         mode: 'lowest',
     });
 };
+exports.unwrapList = unwrapList;

package/dist/admin/components/forms/field-types/RichText/elements/upload/Button/index.js

@@ -1,11 +1,39 @@
-import React, { Fragment, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ReactEditor, useSlate } from 'slate-react';
-import ElementButton from '../../Button';
-import UploadIcon from '../../../../../../icons/Upload';
-import { useListDrawer } from '../../../../../../elements/ListDrawer';
-import { injectVoidElement } from '../../injectVoid';
-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 slate_react_1 = require("slate-react");
+const Button_1 = __importDefault(require("../../Button"));
+const Upload_1 = __importDefault(require("../../../../../../icons/Upload"));
+const ListDrawer_1 = require("../../../../../../elements/ListDrawer");
+const injectVoid_1 = require("../../injectVoid");
+require("./index.scss");
 const baseClass = 'upload-rich-text-button';
 const insertUpload = (editor, { value, relationTo }) => {
     const text = { text: ' ' };
@@ -17,16 +45,16 @@ const insertUpload = (editor, { value, relationTo }) => {
             text,
         ],
     };
-    injectVoidElement(editor, upload);
-    ReactEditor.focus(editor);
+    (0, injectVoid_1.injectVoidElement)(editor, upload);
+    slate_react_1.ReactEditor.focus(editor);
 };
 const UploadButton = () => {
-    const { t } = useTranslation(['upload', 'general']);
-    const editor = useSlate();
-    const [ListDrawer, ListDrawerToggler, { closeDrawer, },] = useListDrawer({
+    const { t } = (0, react_i18next_1.useTranslation)(['upload', 'general']);
+    const editor = (0, slate_react_1.useSlate)();
+    const [ListDrawer, ListDrawerToggler, { closeDrawer, },] = (0, ListDrawer_1.useListDrawer)({
         uploads: true,
     });
-    const onSelect = useCallback(({ docID, collectionConfig }) => {
+    const onSelect = (0, react_1.useCallback)(({ docID, collectionConfig }) => {
         insertUpload(editor, {
             value: {
                 id: docID,
@@ -35,12 +63,12 @@ const UploadButton = () => {
         });
         closeDrawer();
     }, [editor, closeDrawer]);
-    return (React.createElement(Fragment, null,
-        React.createElement(ListDrawerToggler, null,
-            React.createElement(ElementButton, { className: baseClass, format: "upload", tooltip: t('fields:addUpload'), el: "div", onClick: () => {
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(ListDrawerToggler, null,
+            react_1.default.createElement(Button_1.default, { className: baseClass, format: "upload", tooltip: t('fields:addUpload'), el: "div", onClick: () => {
                     // do nothing
                 } },
-                React.createElement(UploadIcon, null))),
-        React.createElement(ListDrawer, { onSelect: onSelect })));
+                react_1.default.createElement(Upload_1.default, null))),
+        react_1.default.createElement(ListDrawer, { onSelect: onSelect })));
 };
-export default UploadButton;
+exports.default = UploadButton;

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/index.js

@@ -1,16 +1,44 @@
-import React, { useCallback, useReducer, useState } from 'react';
-import { Transforms } from 'slate';
-import { ReactEditor, useSlateStatic, useFocused, useSelected } from 'slate-react';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../../../../utilities/Config';
-import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';
-import FileGraphic from '../../../../../../graphics/File';
-import useThumbnail from '../../../../../../../hooks/useThumbnail';
-import Button from '../../../../../../elements/Button';
-import { getTranslation } from '../../../../../../../../utilities/getTranslation';
-import { useDocumentDrawer } from '../../../../../../elements/DocumentDrawer';
-import { useListDrawer } from '../../../../../../elements/ListDrawer';
-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 slate_1 = require("slate");
+const slate_react_1 = require("slate-react");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../../../../utilities/Config");
+const usePayloadAPI_1 = __importDefault(require("../../../../../../../hooks/usePayloadAPI"));
+const File_1 = __importDefault(require("../../../../../../graphics/File"));
+const useThumbnail_1 = __importDefault(require("../../../../../../../hooks/useThumbnail"));
+const Button_1 = __importDefault(require("../../../../../../elements/Button"));
+const getTranslation_1 = require("../../../../../../../../utilities/getTranslation");
+const DocumentDrawer_1 = require("../../../../../../elements/DocumentDrawer");
+const ListDrawer_1 = require("../../../../../../elements/ListDrawer");
+require("./index.scss");
 const baseClass = 'rich-text-upload';
 const initialParams = {
     depth: 0,
@@ -18,35 +46,35 @@ const initialParams = {
 const Element = ({ attributes, children, element }) => {
     var _a, _b, _c;
     const { relationTo, value, fieldProps, } = element;
-    const { collections, serverURL, routes: { api } } = useConfig();
-    const { t, i18n } = useTranslation('fields');
-    const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0);
-    const [relatedCollection, setRelatedCollection] = useState(() => collections.find((coll) => coll.slug === relationTo));
-    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer, },] = useListDrawer({
+    const { collections, serverURL, routes: { api } } = (0, Config_1.useConfig)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('fields');
+    const [cacheBust, dispatchCacheBust] = (0, react_1.useReducer)((state) => state + 1, 0);
+    const [relatedCollection, setRelatedCollection] = (0, react_1.useState)(() => collections.find((coll) => coll.slug === relationTo));
+    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer, },] = (0, ListDrawer_1.useListDrawer)({
         uploads: true,
         selectedCollection: relatedCollection.slug,
     });
-    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, },] = useDocumentDrawer({
+    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, },] = (0, DocumentDrawer_1.useDocumentDrawer)({
         collectionSlug: relatedCollection.slug,
         id: value === null || value === void 0 ? void 0 : value.id,
     });
-    const editor = useSlateStatic();
-    const selected = useSelected();
-    const focused = useFocused();
+    const editor = (0, slate_react_1.useSlateStatic)();
+    const selected = (0, slate_react_1.useSelected)();
+    const focused = (0, slate_react_1.useFocused)();
     // Get the referenced document
-    const [{ data }, { setParams }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${value === null || value === void 0 ? void 0 : value.id}`, { initialParams });
-    const thumbnailSRC = useThumbnail(relatedCollection, data);
-    const removeUpload = useCallback(() => {
-        const elementPath = ReactEditor.findPath(editor, element);
-        Transforms.removeNodes(editor, { at: elementPath });
+    const [{ data }, { setParams }] = (0, usePayloadAPI_1.default)(`${serverURL}${api}/${relatedCollection.slug}/${value === null || value === void 0 ? void 0 : value.id}`, { initialParams });
+    const thumbnailSRC = (0, useThumbnail_1.default)(relatedCollection, data);
+    const removeUpload = (0, react_1.useCallback)(() => {
+        const elementPath = slate_react_1.ReactEditor.findPath(editor, element);
+        slate_1.Transforms.removeNodes(editor, { at: elementPath });
     }, [editor, element]);
-    const updateUpload = useCallback((json) => {
+    const updateUpload = (0, react_1.useCallback)((json) => {
         const { doc } = json;
         const newNode = {
             fields: doc,
         };
-        const elementPath = ReactEditor.findPath(editor, element);
-        Transforms.setNodes(editor, newNode, { at: elementPath });
+        const elementPath = slate_react_1.ReactEditor.findPath(editor, element);
+        slate_1.Transforms.setNodes(editor, newNode, { at: elementPath });
         // setRelatedCollection(collections.find((coll) => coll.slug === collectionConfig.slug));
         setParams({
             ...initialParams,
@@ -55,7 +83,7 @@ const Element = ({ attributes, children, element }) => {
         dispatchCacheBust();
         closeDrawer();
     }, [editor, element, setParams, cacheBust, closeDrawer]);
-    const swapUpload = React.useCallback(({ docID, collectionConfig }) => {
+    const swapUpload = react_1.default.useCallback(({ docID, collectionConfig }) => {
         const newNode = {
             type: 'upload',
             value: { id: docID },
@@ -64,38 +92,38 @@ const Element = ({ attributes, children, element }) => {
                 { text: ' ' },
             ],
         };
-        const elementPath = ReactEditor.findPath(editor, element);
+        const elementPath = slate_react_1.ReactEditor.findPath(editor, element);
         setRelatedCollection(collections.find((coll) => coll.slug === collectionConfig.slug));
-        Transforms.setNodes(editor, newNode, { at: elementPath });
+        slate_1.Transforms.setNodes(editor, newNode, { at: elementPath });
         dispatchCacheBust();
         closeListDrawer();
     }, [closeListDrawer, editor, element, collections]);
-    return (React.createElement("div", { className: [
+    return (react_1.default.createElement("div", { className: [
             baseClass,
             (selected && focused) && `${baseClass}--selected`,
         ].filter(Boolean).join(' '), contentEditable: false, ...attributes },
-        React.createElement("div", { className: `${baseClass}__card` },
-            React.createElement("div", { className: `${baseClass}__topRow` },
-                React.createElement("div", { className: `${baseClass}__thumbnail` }, thumbnailSRC ? (React.createElement("img", { src: thumbnailSRC, alt: data === null || data === void 0 ? void 0 : data.filename })) : (React.createElement(FileGraphic, null))),
-                React.createElement("div", { className: `${baseClass}__topRowRightPanel` },
-                    React.createElement("div", { className: `${baseClass}__collectionLabel` }, getTranslation(relatedCollection.labels.singular, i18n)),
-                    React.createElement("div", { className: `${baseClass}__actions` },
-                        (value === null || value === void 0 ? void 0 : value.id) && (React.createElement(DocumentDrawerToggler, { className: `${baseClass}__toggler` },
-                            React.createElement(Button, { icon: "edit", round: true, buttonStyle: "icon-label", el: "div", className: `${baseClass}__actionButton`, onClick: (e) => {
+        react_1.default.createElement("div", { className: `${baseClass}__card` },
+            react_1.default.createElement("div", { className: `${baseClass}__topRow` },
+                react_1.default.createElement("div", { className: `${baseClass}__thumbnail` }, thumbnailSRC ? (react_1.default.createElement("img", { src: thumbnailSRC, alt: data === null || data === void 0 ? void 0 : data.filename })) : (react_1.default.createElement(File_1.default, null))),
+                react_1.default.createElement("div", { className: `${baseClass}__topRowRightPanel` },
+                    react_1.default.createElement("div", { className: `${baseClass}__collectionLabel` }, (0, getTranslation_1.getTranslation)(relatedCollection.labels.singular, i18n)),
+                    react_1.default.createElement("div", { className: `${baseClass}__actions` },
+                        (value === null || value === void 0 ? void 0 : value.id) && (react_1.default.createElement(DocumentDrawerToggler, { className: `${baseClass}__toggler` },
+                            react_1.default.createElement(Button_1.default, { icon: "edit", round: true, buttonStyle: "icon-label", el: "div", className: `${baseClass}__actionButton`, onClick: (e) => {
                                     e.preventDefault();
                                 }, tooltip: t('general:editLabel', { label: relatedCollection.labels.singular }), disabled: (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.admin) === null || _a === void 0 ? void 0 : _a.readOnly }))),
-                        React.createElement(ListDrawerToggler, null,
-                            React.createElement(Button, { icon: "swap", round: true, buttonStyle: "icon-label", className: `${baseClass}__actionButton`, onClick: () => {
+                        react_1.default.createElement(ListDrawerToggler, null,
+                            react_1.default.createElement(Button_1.default, { icon: "swap", round: true, buttonStyle: "icon-label", className: `${baseClass}__actionButton`, onClick: () => {
                                     // do nothing
                                 }, el: "div", tooltip: t('swapUpload'), disabled: (_b = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.admin) === null || _b === void 0 ? void 0 : _b.readOnly })),
-                        React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", className: `${baseClass}__actionButton`, onClick: (e) => {
+                        react_1.default.createElement(Button_1.default, { icon: "x", round: true, buttonStyle: "icon-label", className: `${baseClass}__actionButton`, onClick: (e) => {
                                 e.preventDefault();
                                 removeUpload();
                             }, tooltip: t('removeUpload'), disabled: (_c = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.admin) === null || _c === void 0 ? void 0 : _c.readOnly })))),
-            React.createElement("div", { className: `${baseClass}__bottomRow` },
-                React.createElement("strong", null, data === null || data === void 0 ? void 0 : data.filename))),
+            react_1.default.createElement("div", { className: `${baseClass}__bottomRow` },
+                react_1.default.createElement("strong", null, data === null || data === void 0 ? void 0 : data.filename))),
         children,
-        (value === null || value === void 0 ? void 0 : value.id) && (React.createElement(DocumentDrawer, { onSave: updateUpload })),
-        React.createElement(ListDrawer, { onSelect: swapUpload })));
+        (value === null || value === void 0 ? void 0 : value.id) && (react_1.default.createElement(DocumentDrawer, { onSave: updateUpload })),
+        react_1.default.createElement(ListDrawer, { onSelect: swapUpload })));
 };
-export default Element;
+exports.default = Element;

package/dist/admin/components/forms/field-types/RichText/elements/upload/index.js

@@ -1,10 +1,15 @@
-import plugin from './plugin';
-import Element from './Element';
-import Button from './Button';
-export default {
-    Button,
-    Element,
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const plugin_1 = __importDefault(require("./plugin"));
+const Element_1 = __importDefault(require("./Element"));
+const Button_1 = __importDefault(require("./Button"));
+exports.default = {
+    Button: Button_1.default,
+    Element: Element_1.default,
     plugins: [
-        plugin,
+        plugin_1.default,
     ],
 };

package/dist/admin/components/forms/field-types/RichText/elements/upload/plugin.js

@@ -1,7 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 const withRelationship = (incomingEditor) => {
     const editor = incomingEditor;
     const { isVoid } = editor;
     editor.isVoid = (element) => (element.type === 'upload' ? true : isVoid(element));
     return editor;
 };
-export default withRelationship;
+exports.default = withRelationship;

package/dist/admin/components/forms/field-types/RichText/enablePlugins.js

@@ -1,5 +1,10 @@
-import elementTypes from './elements';
-import leafTypes from './leaves';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const elements_1 = __importDefault(require("./elements"));
+const leaves_1 = __importDefault(require("./leaves"));
 const addPluginReducer = (EditorWithPlugins, plugin) => {
     if (typeof plugin === 'function')
         return plugin(EditorWithPlugins);
@@ -10,13 +15,13 @@ const enablePlugins = (CreatedEditor, functions) => functions.reduce((CreatedEdi
         return func.plugins.reduce(addPluginReducer, CreatedEditorWithPlugins);
     }
     if (typeof func === 'string') {
-        if (elementTypes[func] && elementTypes[func].plugins) {
-            return elementTypes[func].plugins.reduce(addPluginReducer, CreatedEditorWithPlugins);
+        if (elements_1.default[func] && elements_1.default[func].plugins) {
+            return elements_1.default[func].plugins.reduce(addPluginReducer, CreatedEditorWithPlugins);
         }
-        if (leafTypes[func] && leafTypes[func].plugins) {
-            return leafTypes[func].plugins.reduce(addPluginReducer, CreatedEditorWithPlugins);
+        if (leaves_1.default[func] && leaves_1.default[func].plugins) {
+            return leaves_1.default[func].plugins.reduce(addPluginReducer, CreatedEditorWithPlugins);
         }
     }
     return CreatedEditorWithPlugins;
 }, CreatedEditor);
-export default enablePlugins;
+exports.default = enablePlugins;

package/dist/admin/components/forms/field-types/RichText/hotkeys.js

@@ -1,4 +1,6 @@
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
     'mod+b': 'bold',
     'mod+i': 'italic',
     'mod+u': 'underline',

package/dist/admin/components/forms/field-types/RichText/index.js

@@ -1,6 +1,34 @@
-import React, { Suspense, lazy } from 'react';
-import Loading from '../../../elements/Loading';
-const RichText = lazy(() => import('./RichText'));
-const RichTextField = (props) => (React.createElement(Suspense, { fallback: React.createElement(Loading, null) },
-    React.createElement(RichText, { ...props })));
-export default RichTextField;
+"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 Loading_1 = __importDefault(require("../../../elements/Loading"));
+const RichText = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./RichText'))));
+const RichTextField = (props) => (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(Loading_1.default, null) },
+    react_1.default.createElement(RichText, { ...props })));
+exports.default = RichTextField;

package/dist/admin/components/forms/field-types/RichText/leaves/Button.js

@@ -1,17 +1,22 @@
-import React from 'react';
-import { useSlate } from 'slate-react';
-import isMarkActive from './isActive';
-import toggleLeaf from './toggle';
-import '../buttons.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 slate_react_1 = require("slate-react");
+const isActive_1 = __importDefault(require("./isActive"));
+const toggle_1 = __importDefault(require("./toggle"));
+require("../buttons.scss");
 const baseClass = 'rich-text__button';
 const LeafButton = ({ format, children }) => {
-    const editor = useSlate();
-    return (React.createElement("button", { type: "button", className: [
+    const editor = (0, slate_react_1.useSlate)();
+    return (react_1.default.createElement("button", { type: "button", className: [
             baseClass,
-            isMarkActive(editor, format) && `${baseClass}__button--active`,
+            (0, isActive_1.default)(editor, format) && `${baseClass}__button--active`,
         ].filter(Boolean).join(' '), onMouseDown: (event) => {
             event.preventDefault();
-            toggleLeaf(editor, format);
+            (0, toggle_1.default)(editor, format);
         } }, children));
 };
-export default LeafButton;
+exports.default = LeafButton;

package/dist/admin/components/forms/field-types/RichText/leaves/bold/index.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import LeafButton from '../Button';
-import BoldIcon from '../../../../../icons/Bold';
-const Bold = ({ attributes, children }) => (React.createElement("strong", { ...attributes }, children));
+"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 Button_1 = __importDefault(require("../Button"));
+const Bold_1 = __importDefault(require("../../../../../icons/Bold"));
+const Bold = ({ attributes, children }) => (react_1.default.createElement("strong", { ...attributes }, children));
 const bold = {
-    Button: () => (React.createElement(LeafButton, { format: "bold" },
-        React.createElement(BoldIcon, null))),
+    Button: () => (react_1.default.createElement(Button_1.default, { format: "bold" },
+        react_1.default.createElement(Bold_1.default, null))),
     Leaf: Bold,
 };
-export default bold;
+exports.default = bold;

package/dist/admin/components/forms/field-types/RichText/leaves/code/index.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import LeafButton from '../Button';
-import CodeIcon from '../../../../../icons/Code';
-const Code = ({ attributes, children }) => (React.createElement("code", { ...attributes }, children));
+"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 Button_1 = __importDefault(require("../Button"));
+const Code_1 = __importDefault(require("../../../../../icons/Code"));
+const Code = ({ attributes, children }) => (react_1.default.createElement("code", { ...attributes }, children));
 const code = {
-    Button: () => (React.createElement(LeafButton, { format: "code" },
-        React.createElement(CodeIcon, null))),
+    Button: () => (react_1.default.createElement(Button_1.default, { format: "code" },
+        react_1.default.createElement(Code_1.default, null))),
     Leaf: Code,
 };
-export default code;
+exports.default = code;

package/dist/admin/components/forms/field-types/RichText/leaves/index.js

@@ -1,12 +1,17 @@
-import bold from './bold';
-import code from './code';
-import italic from './italic';
-import strikethrough from './strikethrough';
-import underline from './underline';
-export default {
-    bold,
-    code,
-    italic,
-    strikethrough,
-    underline,
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const bold_1 = __importDefault(require("./bold"));
+const code_1 = __importDefault(require("./code"));
+const italic_1 = __importDefault(require("./italic"));
+const strikethrough_1 = __importDefault(require("./strikethrough"));
+const underline_1 = __importDefault(require("./underline"));
+exports.default = {
+    bold: bold_1.default,
+    code: code_1.default,
+    italic: italic_1.default,
+    strikethrough: strikethrough_1.default,
+    underline: underline_1.default,
 };

package/dist/admin/components/forms/field-types/RichText/leaves/isActive.js

@@ -1,6 +1,8 @@
-import { Editor } from 'slate';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const slate_1 = require("slate");
 const isLeafActive = (editor, format) => {
-    const leaves = Editor.marks(editor);
+    const leaves = slate_1.Editor.marks(editor);
     return leaves ? leaves[format] === true : false;
 };
-export default isLeafActive;
+exports.default = isLeafActive;

package/dist/admin/components/forms/field-types/RichText/leaves/italic/index.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import LeafButton from '../Button';
-import ItalicIcon from '../../../../../icons/Italic';
-const Italic = ({ attributes, children }) => (React.createElement("em", { ...attributes }, children));
+"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 Button_1 = __importDefault(require("../Button"));
+const Italic_1 = __importDefault(require("../../../../../icons/Italic"));
+const Italic = ({ attributes, children }) => (react_1.default.createElement("em", { ...attributes }, children));
 const italic = {
-    Button: () => (React.createElement(LeafButton, { format: "italic" },
-        React.createElement(ItalicIcon, null))),
+    Button: () => (react_1.default.createElement(Button_1.default, { format: "italic" },
+        react_1.default.createElement(Italic_1.default, null))),
     Leaf: Italic,
 };
-export default italic;
+exports.default = italic;

package/dist/admin/components/forms/field-types/RichText/leaves/strikethrough/index.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import LeafButton from '../Button';
-import StrikethroughIcon from '../../../../../icons/Strikethrough';
-const Strikethrough = ({ attributes, children }) => (React.createElement("del", { ...attributes }, children));
+"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 Button_1 = __importDefault(require("../Button"));
+const Strikethrough_1 = __importDefault(require("../../../../../icons/Strikethrough"));
+const Strikethrough = ({ attributes, children }) => (react_1.default.createElement("del", { ...attributes }, children));
 const strikethrough = {
-    Button: () => (React.createElement(LeafButton, { format: "strikethrough" },
-        React.createElement(StrikethroughIcon, null))),
+    Button: () => (react_1.default.createElement(Button_1.default, { format: "strikethrough" },
+        react_1.default.createElement(Strikethrough_1.default, null))),
     Leaf: Strikethrough,
 };
-export default strikethrough;
+exports.default = strikethrough;