payload 1.4.2 → 1.5.1

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

@@ -1,21 +1,50 @@
-import React, { Fragment, useId, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ReactEditor, useSlate } from 'slate-react';
-import { Transforms, Range } from 'slate';
-import { useModal } from '@faceless-ui/modal';
-import ElementButton from '../../Button';
-import LinkIcon from '../../../../../../icons/Link';
-import reduceFieldsToValues from '../../../../../Form/reduceFieldsToValues';
-import { useConfig } from '../../../../../../utilities/Config';
-import isElementActive from '../../isActive';
-import { unwrapLink } from '../utilities';
-import { useEditDepth } from '../../../../../../utilities/EditDepth';
-import { formatDrawerSlug } from '../../../../../../elements/Drawer';
-import { getBaseFields } from '../LinkDrawer/baseFields';
-import { LinkDrawer } from '../LinkDrawer';
+"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.LinkButton = void 0;
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const slate_react_1 = require("slate-react");
+const slate_1 = require("slate");
+const modal_1 = require("@faceless-ui/modal");
+const Button_1 = __importDefault(require("../../Button"));
+const Link_1 = __importDefault(require("../../../../../../icons/Link"));
+const reduceFieldsToValues_1 = __importDefault(require("../../../../../Form/reduceFieldsToValues"));
+const Config_1 = require("../../../../../../utilities/Config");
+const isActive_1 = __importDefault(require("../../isActive"));
+const utilities_1 = require("../utilities");
+const EditDepth_1 = require("../../../../../../utilities/EditDepth");
+const Drawer_1 = require("../../../../../../elements/Drawer");
+const baseFields_1 = require("../LinkDrawer/baseFields");
+const LinkDrawer_1 = require("../LinkDrawer");
 const insertLink = (editor, fields) => {
-    const isCollapsed = editor.selection && Range.isCollapsed(editor.selection);
-    const data = reduceFieldsToValues(fields, true);
+    const isCollapsed = editor.selection && slate_1.Range.isCollapsed(editor.selection);
+    const data = (0, reduceFieldsToValues_1.default)(fields, true);
     const newLink = {
         type: 'link',
         linkType: data.linkType,
@@ -28,7 +57,7 @@ const insertLink = (editor, fields) => {
     if (isCollapsed || !editor.selection) {
         // If selection anchor and focus are the same,
         // Just inject a new node with children already set
-        Transforms.insertNodes(editor, {
+        slate_1.Transforms.insertNodes(editor, {
             ...newLink,
             children: [{ text: String(data.text) }],
         });
@@ -38,22 +67,22 @@ const insertLink = (editor, fields) => {
         // Delete its old text,
         // Move the selection one position forward into the link,
         // And insert the text back into the new link
-        Transforms.wrapNodes(editor, newLink, { split: true });
-        Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'word' });
-        Transforms.move(editor, { distance: 1, unit: 'offset' });
-        Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path });
+        slate_1.Transforms.wrapNodes(editor, newLink, { split: true });
+        slate_1.Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'word' });
+        slate_1.Transforms.move(editor, { distance: 1, unit: 'offset' });
+        slate_1.Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path });
     }
-    ReactEditor.focus(editor);
+    slate_react_1.ReactEditor.focus(editor);
 };
-export const LinkButton = ({ fieldProps }) => {
+const LinkButton = ({ fieldProps }) => {
     var _a, _b;
     const customFieldSchema = (_b = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.admin) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.fields;
-    const { t } = useTranslation(['upload', 'general']);
-    const editor = useSlate();
-    const config = useConfig();
-    const [fieldSchema] = useState(() => {
+    const { t } = (0, react_i18next_1.useTranslation)(['upload', 'general']);
+    const editor = (0, slate_react_1.useSlate)();
+    const config = (0, Config_1.useConfig)();
+    const [fieldSchema] = (0, react_1.useState)(() => {
         const fields = [
-            ...getBaseFields(config),
+            ...(0, baseFields_1.getBaseFields)(config),
         ];
         if (customFieldSchema) {
             fields.push({
@@ -72,27 +101,28 @@ export const LinkButton = ({ fieldProps }) => {
         }
         return fields;
     });
-    const { openModal, closeModal } = useModal();
-    const uuid = useId();
-    const editDepth = useEditDepth();
-    const drawerSlug = formatDrawerSlug({
+    const { openModal, closeModal } = (0, modal_1.useModal)();
+    const uuid = (0, react_1.useId)();
+    const editDepth = (0, EditDepth_1.useEditDepth)();
+    const drawerSlug = (0, Drawer_1.formatDrawerSlug)({
         slug: `rich-text-link-${uuid}`,
         depth: editDepth,
     });
-    return (React.createElement(Fragment, null,
-        React.createElement(ElementButton, { format: "link", tooltip: t('fields:addLink'), className: "link", onClick: () => {
-                if (isElementActive(editor, 'link')) {
-                    unwrapLink(editor);
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(Button_1.default, { format: "link", tooltip: t('fields:addLink'), className: "link", onClick: () => {
+                if ((0, isActive_1.default)(editor, 'link')) {
+                    (0, utilities_1.unwrapLink)(editor);
                 }
                 else {
                     openModal(drawerSlug);
                 }
             } },
-            React.createElement(LinkIcon, null)),
-        React.createElement(LinkDrawer, { drawerSlug: drawerSlug, handleModalSubmit: (fields) => {
+            react_1.default.createElement(Link_1.default, null)),
+        react_1.default.createElement(LinkDrawer_1.LinkDrawer, { drawerSlug: drawerSlug, handleModalSubmit: (fields) => {
                 insertLink(editor, fields);
                 closeModal(drawerSlug);
             }, fieldSchema: fieldSchema, handleClose: () => {
                 closeModal(drawerSlug);
             } })));
 };
+exports.LinkButton = LinkButton;

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

@@ -1,27 +1,56 @@
-import React, { useCallback, useEffect, useId, useState } from 'react';
-import { ReactEditor, useSlate } from 'slate-react';
-import { Transforms, Node, Editor } from 'slate';
-import { useModal } from '@faceless-ui/modal';
-import { Trans, useTranslation } from 'react-i18next';
-import { unwrapLink } from '../utilities';
-import Popup from '../../../../../../elements/Popup';
-import { LinkDrawer } from '../LinkDrawer';
-import buildStateFromSchema from '../../../../../Form/buildStateFromSchema';
-import { useAuth } from '../../../../../../utilities/Auth';
-import { useLocale } from '../../../../../../utilities/Locale';
-import { useConfig } from '../../../../../../utilities/Config';
-import { getBaseFields } from '../LinkDrawer/baseFields';
-import reduceFieldsToValues from '../../../../../Form/reduceFieldsToValues';
-import deepCopyObject from '../../../../../../../../utilities/deepCopyObject';
-import Button from '../../../../../../elements/Button';
-import { getTranslation } from '../../../../../../../../utilities/getTranslation';
-import { useEditDepth } from '../../../../../../utilities/EditDepth';
-import { formatDrawerSlug } from '../../../../../../elements/Drawer';
-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 });
+exports.LinkElement = void 0;
+const react_1 = __importStar(require("react"));
+const slate_react_1 = require("slate-react");
+const slate_1 = require("slate");
+const modal_1 = require("@faceless-ui/modal");
+const react_i18next_1 = require("react-i18next");
+const utilities_1 = require("../utilities");
+const Popup_1 = __importDefault(require("../../../../../../elements/Popup"));
+const LinkDrawer_1 = require("../LinkDrawer");
+const buildStateFromSchema_1 = __importDefault(require("../../../../../Form/buildStateFromSchema"));
+const Auth_1 = require("../../../../../../utilities/Auth");
+const Locale_1 = require("../../../../../../utilities/Locale");
+const Config_1 = require("../../../../../../utilities/Config");
+const baseFields_1 = require("../LinkDrawer/baseFields");
+const reduceFieldsToValues_1 = __importDefault(require("../../../../../Form/reduceFieldsToValues"));
+const deepCopyObject_1 = __importDefault(require("../../../../../../../../utilities/deepCopyObject"));
+const Button_1 = __importDefault(require("../../../../../../elements/Button"));
+const getTranslation_1 = require("../../../../../../../../utilities/getTranslation");
+const EditDepth_1 = require("../../../../../../utilities/EditDepth");
+const Drawer_1 = require("../../../../../../elements/Drawer");
+require("./index.scss");
 const baseClass = 'rich-text-link';
 const insertChange = (editor, fields, customFieldSchema) => {
-    const data = reduceFieldsToValues(fields, true);
-    const [, parentPath] = Editor.above(editor);
+    const data = (0, reduceFieldsToValues_1.default)(fields, true);
+    const [, parentPath] = slate_1.Editor.above(editor);
     const newNode = {
         newTab: data.newTab,
         url: data.url,
@@ -31,28 +60,28 @@ const insertChange = (editor, fields, customFieldSchema) => {
     if (customFieldSchema) {
         newNode.fields = data.fields;
     }
-    Transforms.setNodes(editor, newNode, { at: parentPath });
-    Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' });
-    Transforms.move(editor, { distance: 1, unit: 'offset' });
-    Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path });
-    ReactEditor.focus(editor);
+    slate_1.Transforms.setNodes(editor, newNode, { at: parentPath });
+    slate_1.Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' });
+    slate_1.Transforms.move(editor, { distance: 1, unit: 'offset' });
+    slate_1.Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path });
+    slate_react_1.ReactEditor.focus(editor);
 };
-export const LinkElement = (props) => {
+const LinkElement = (props) => {
     var _a, _b;
     const { attributes, children, element, editorRef, fieldProps, } = props;
     const customFieldSchema = (_b = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.admin) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.fields;
-    const editor = useSlate();
-    const config = useConfig();
-    const { user } = useAuth();
-    const locale = useLocale();
-    const { t, i18n } = useTranslation('fields');
-    const { openModal, toggleModal, closeModal } = useModal();
-    const [renderModal, setRenderModal] = useState(false);
-    const [renderPopup, setRenderPopup] = useState(false);
-    const [initialState, setInitialState] = useState({});
-    const [fieldSchema] = useState(() => {
+    const editor = (0, slate_react_1.useSlate)();
+    const config = (0, Config_1.useConfig)();
+    const { user } = (0, Auth_1.useAuth)();
+    const locale = (0, Locale_1.useLocale)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('fields');
+    const { openModal, toggleModal, closeModal } = (0, modal_1.useModal)();
+    const [renderModal, setRenderModal] = (0, react_1.useState)(false);
+    const [renderPopup, setRenderPopup] = (0, react_1.useState)(false);
+    const [initialState, setInitialState] = (0, react_1.useState)({});
+    const [fieldSchema] = (0, react_1.useState)(() => {
         const fields = [
-            ...getBaseFields(config),
+            ...(0, baseFields_1.getBaseFields)(config),
         ];
         if (customFieldSchema) {
             fields.push({
@@ -71,60 +100,61 @@ export const LinkElement = (props) => {
         }
         return fields;
     });
-    const uuid = useId();
-    const editDepth = useEditDepth();
-    const drawerSlug = formatDrawerSlug({
+    const uuid = (0, react_1.useId)();
+    const editDepth = (0, EditDepth_1.useEditDepth)();
+    const drawerSlug = (0, Drawer_1.formatDrawerSlug)({
         slug: `rich-text-link-${uuid}`,
         depth: editDepth,
     });
-    const handleTogglePopup = useCallback((render) => {
+    const handleTogglePopup = (0, react_1.useCallback)((render) => {
         if (!render) {
             setRenderPopup(render);
         }
     }, []);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const awaitInitialState = async () => {
             const data = {
-                text: Node.string(element),
+                text: slate_1.Node.string(element),
                 linkType: element.linkType,
                 url: element.url,
                 doc: element.doc,
                 newTab: element.newTab,
-                fields: deepCopyObject(element.fields),
+                fields: (0, deepCopyObject_1.default)(element.fields),
             };
-            const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'update', locale, t });
+            const state = await (0, buildStateFromSchema_1.default)({ fieldSchema, data, user, operation: 'update', locale, t });
             setInitialState(state);
         };
         awaitInitialState();
     }, [renderModal, element, fieldSchema, user, locale, t]);
-    return (React.createElement("span", { className: baseClass, ...attributes },
-        React.createElement("span", { style: { userSelect: 'none' }, contentEditable: false },
-            renderModal && (React.createElement(LinkDrawer, { drawerSlug: drawerSlug, fieldSchema: fieldSchema, handleClose: () => {
+    return (react_1.default.createElement("span", { className: baseClass, ...attributes },
+        react_1.default.createElement("span", { style: { userSelect: 'none' }, contentEditable: false },
+            renderModal && (react_1.default.createElement(LinkDrawer_1.LinkDrawer, { drawerSlug: drawerSlug, fieldSchema: fieldSchema, handleClose: () => {
                     toggleModal(drawerSlug);
                     setRenderModal(false);
                 }, handleModalSubmit: (fields) => {
                     insertChange(editor, fields, customFieldSchema);
                     closeModal(drawerSlug);
                 }, initialState: initialState })),
-            React.createElement(Popup, { buttonType: "none", size: "small", forceOpen: renderPopup, onToggleOpen: handleTogglePopup, horizontalAlign: "left", verticalAlign: "bottom", boundingRef: editorRef, render: () => {
+            react_1.default.createElement(Popup_1.default, { buttonType: "none", size: "small", forceOpen: renderPopup, onToggleOpen: handleTogglePopup, horizontalAlign: "left", verticalAlign: "bottom", boundingRef: editorRef, render: () => {
                     var _a, _b, _c, _d;
-                    return (React.createElement("div", { className: `${baseClass}__popup` },
-                        element.linkType === 'internal' && ((_a = element.doc) === null || _a === void 0 ? void 0 : _a.relationTo) && ((_b = element.doc) === null || _b === void 0 ? void 0 : _b.value) && (React.createElement(Trans, { i18nKey: "fields:linkedTo", values: { label: getTranslation((_d = (_c = config.collections.find(({ slug }) => slug === element.doc.relationTo)) === null || _c === void 0 ? void 0 : _c.labels) === null || _d === void 0 ? void 0 : _d.singular, i18n) } },
-                            React.createElement("a", { className: `${baseClass}__link-label`, href: `${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`, target: "_blank", rel: "noreferrer" }, "label"))),
-                        (element.linkType === 'custom' || !element.linkType) && (React.createElement("a", { className: `${baseClass}__link-label`, href: element.url, target: "_blank", rel: "noreferrer" }, element.url)),
-                        React.createElement(Button, { className: `${baseClass}__link-edit`, icon: "edit", round: true, buttonStyle: "icon-label", onClick: (e) => {
+                    return (react_1.default.createElement("div", { className: `${baseClass}__popup` },
+                        element.linkType === 'internal' && ((_a = element.doc) === null || _a === void 0 ? void 0 : _a.relationTo) && ((_b = element.doc) === null || _b === void 0 ? void 0 : _b.value) && (react_1.default.createElement(react_i18next_1.Trans, { i18nKey: "fields:linkedTo", values: { label: (0, getTranslation_1.getTranslation)((_d = (_c = config.collections.find(({ slug }) => slug === element.doc.relationTo)) === null || _c === void 0 ? void 0 : _c.labels) === null || _d === void 0 ? void 0 : _d.singular, i18n) } },
+                            react_1.default.createElement("a", { className: `${baseClass}__link-label`, href: `${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`, target: "_blank", rel: "noreferrer" }, "label"))),
+                        (element.linkType === 'custom' || !element.linkType) && (react_1.default.createElement("a", { className: `${baseClass}__link-label`, href: element.url, target: "_blank", rel: "noreferrer" }, element.url)),
+                        react_1.default.createElement(Button_1.default, { className: `${baseClass}__link-edit`, icon: "edit", round: true, buttonStyle: "icon-label", onClick: (e) => {
                                 e.preventDefault();
                                 setRenderPopup(false);
                                 openModal(drawerSlug);
                                 setRenderModal(true);
                             }, tooltip: t('general:edit') }),
-                        React.createElement(Button, { className: `${baseClass}__link-close`, icon: "x", round: true, buttonStyle: "icon-label", onClick: (e) => {
+                        react_1.default.createElement(Button_1.default, { className: `${baseClass}__link-close`, icon: "x", round: true, buttonStyle: "icon-label", onClick: (e) => {
                                 e.preventDefault();
-                                unwrapLink(editor);
+                                (0, utilities_1.unwrapLink)(editor);
                             }, tooltip: t('general:remove') })));
                 } })),
-        React.createElement("span", { tabIndex: 0, role: "button", className: [
+        react_1.default.createElement("span", { tabIndex: 0, role: "button", className: [
                 `${baseClass}__popup-toggler`,
             ].filter(Boolean).join(' '), onKeyDown: (e) => { if (e.key === 'Enter')
                 setRenderPopup(true); }, onClick: () => setRenderPopup(true) }, children)));
 };
+exports.LinkElement = LinkElement;

package/dist/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/baseFields.js

@@ -1,5 +1,8 @@
-import { extractTranslations } from '../../../../../../../../translations/extractTranslations';
-const translations = extractTranslations([
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBaseFields = void 0;
+const extractTranslations_1 = require("../../../../../../../../translations/extractTranslations");
+const translations = (0, extractTranslations_1.extractTranslations)([
     'fields:textToDisplay',
     'fields:linkType',
     'fields:chooseBetweenCustomTextOrDocument',
@@ -9,7 +12,7 @@ const translations = extractTranslations([
     'fields:chooseDocumentToLink',
     'fields:openInNewTab',
 ]);
-export const getBaseFields = (config) => [
+const getBaseFields = (config) => [
     {
         name: 'text',
         label: translations['fields:textToDisplay'],
@@ -65,3 +68,4 @@ export const getBaseFields = (config) => [
         type: 'checkbox',
     },
 ];
+exports.getBaseFields = getBaseFields;

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

@@ -1,24 +1,31 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { Drawer } from '../../../../../../elements/Drawer';
-import Button from '../../../../../../elements/Button';
-import X from '../../../../../../icons/X';
-import Form from '../../../../../Form';
-import FormSubmit from '../../../../../Submit';
-import fieldTypes from '../../../..';
-import RenderFields from '../../../../../RenderFields';
-import './index.scss';
-import { Gutter } from '../../../../../../elements/Gutter';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkDrawer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Drawer_1 = require("../../../../../../elements/Drawer");
+const Button_1 = __importDefault(require("../../../../../../elements/Button"));
+const X_1 = __importDefault(require("../../../../../../icons/X"));
+const Form_1 = __importDefault(require("../../../../../Form"));
+const Submit_1 = __importDefault(require("../../../../../Submit"));
+const __1 = __importDefault(require("../../../.."));
+const RenderFields_1 = __importDefault(require("../../../../../RenderFields"));
+require("./index.scss");
+const Gutter_1 = require("../../../../../../elements/Gutter");
 const baseClass = 'rich-text-link-edit-modal';
-export const LinkDrawer = ({ handleClose, handleModalSubmit, initialState, fieldSchema, drawerSlug, }) => {
-    const { t } = useTranslation('fields');
-    return (React.createElement(Drawer, { slug: drawerSlug, formatSlug: false, className: baseClass },
-        React.createElement(Gutter, { className: `${baseClass}__template` },
-            React.createElement("header", { className: `${baseClass}__header` },
-                React.createElement("h2", { className: `${baseClass}__header-text` }, t('editLink')),
-                React.createElement(Button, { className: `${baseClass}__header-close`, buttonStyle: "none", onClick: handleClose },
-                    React.createElement(X, null))),
-            React.createElement(Form, { onSubmit: handleModalSubmit, initialState: initialState },
-                React.createElement(RenderFields, { fieldTypes: fieldTypes, readOnly: false, fieldSchema: fieldSchema, forceRender: true }),
-                React.createElement(FormSubmit, null, t('general:submit'))))));
+const LinkDrawer = ({ handleClose, handleModalSubmit, initialState, fieldSchema, drawerSlug, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)('fields');
+    return (react_1.default.createElement(Drawer_1.Drawer, { slug: drawerSlug, formatSlug: false, className: baseClass },
+        react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__template` },
+            react_1.default.createElement("header", { className: `${baseClass}__header` },
+                react_1.default.createElement("h2", { className: `${baseClass}__header-text` }, t('editLink')),
+                react_1.default.createElement(Button_1.default, { className: `${baseClass}__header-close`, buttonStyle: "none", onClick: handleClose },
+                    react_1.default.createElement(X_1.default, null))),
+            react_1.default.createElement(Form_1.default, { onSubmit: handleModalSubmit, initialState: initialState },
+                react_1.default.createElement(RenderFields_1.default, { fieldTypes: __1.default, readOnly: false, fieldSchema: fieldSchema, forceRender: true }),
+                react_1.default.createElement(Submit_1.default, null, t('general:submit'))))));
 };
+exports.LinkDrawer = LinkDrawer;

package/dist/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/types.d.ts

@@ -1,6 +1,6 @@
 import { Field } from '../../../../../../../../fields/config/types';
 import { Fields } from '../../../../../Form/types';
-export declare type Props = {
+export type Props = {
     drawerSlug: string;
     handleClose: () => void;
     handleModalSubmit: (fields: Fields, data: Record<string, unknown>) => void;

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

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

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

@@ -1,11 +1,13 @@
-import { withLinks } from './utilities';
-import { LinkButton } from './Button';
-import { LinkElement } from './Element';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utilities_1 = require("./utilities");
+const Button_1 = require("./Button");
+const Element_1 = require("./Element");
 const link = {
-    Button: LinkButton,
-    Element: LinkElement,
+    Button: Button_1.LinkButton,
+    Element: Element_1.LinkElement,
     plugins: [
-        withLinks,
+        utilities_1.withLinks,
     ],
 };
-export default link;
+exports.default = link;

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

@@ -1 +1,4 @@
-export const modalSlug = 'rich-text-link-modal';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.modalSlug = void 0;
+exports.modalSlug = 'rich-text-link-modal';

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

@@ -1,10 +1,14 @@
-import { Transforms, Range, Element } from 'slate';
-export const unwrapLink = (editor) => {
-    Transforms.unwrapNodes(editor, { match: (n) => Element.isElement(n) && n.type === 'link' });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withLinks = exports.wrapLink = exports.unwrapLink = void 0;
+const slate_1 = require("slate");
+const unwrapLink = (editor) => {
+    slate_1.Transforms.unwrapNodes(editor, { match: (n) => slate_1.Element.isElement(n) && n.type === 'link' });
 };
-export const wrapLink = (editor) => {
+exports.unwrapLink = unwrapLink;
+const wrapLink = (editor) => {
     const { selection } = editor;
-    const isCollapsed = selection && Range.isCollapsed(selection);
+    const isCollapsed = selection && slate_1.Range.isCollapsed(selection);
     const link = {
         type: 'link',
         url: undefined,
@@ -12,14 +16,15 @@ export const wrapLink = (editor) => {
         children: isCollapsed ? [{ text: '' }] : [],
     };
     if (isCollapsed) {
-        Transforms.insertNodes(editor, link);
+        slate_1.Transforms.insertNodes(editor, link);
     }
     else {
-        Transforms.wrapNodes(editor, link, { split: true });
-        Transforms.collapse(editor, { edge: 'end' });
+        slate_1.Transforms.wrapNodes(editor, link, { split: true });
+        slate_1.Transforms.collapse(editor, { edge: 'end' });
     }
 };
-export const withLinks = (incomingEditor) => {
+exports.wrapLink = wrapLink;
+const withLinks = (incomingEditor) => {
     const editor = incomingEditor;
     const { isInline } = editor;
     editor.isInline = (element) => {
@@ -30,3 +35,4 @@ export const withLinks = (incomingEditor) => {
     };
     return editor;
 };
+exports.withLinks = withLinks;

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

@@ -1 +1,3 @@
-export default ['ol', 'ul'];
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ['ol', 'ul'];

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

@@ -1,11 +1,16 @@
-import React from 'react';
-import ListButton from '../ListButton';
-import OLIcon from '../../../../../icons/OrderedList';
-import './index.scss';
-const OL = ({ attributes, children }) => (React.createElement("ol", { className: "rich-text-ol", ...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 ListButton_1 = __importDefault(require("../ListButton"));
+const OrderedList_1 = __importDefault(require("../../../../../icons/OrderedList"));
+require("./index.scss");
+const OL = ({ attributes, children }) => (react_1.default.createElement("ol", { className: "rich-text-ol", ...attributes }, children));
 const ol = {
-    Button: () => (React.createElement(ListButton, { format: "ol" },
-        React.createElement(OLIcon, null))),
+    Button: () => (react_1.default.createElement(ListButton_1.default, { format: "ol" },
+        react_1.default.createElement(OrderedList_1.default, null))),
     Element: OL,
 };
-export default ol;
+exports.default = ol;