payload 1.6.4-beta.0 → 1.6.4

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectVoidElement = void 0;
+const slate_1 = require("slate");
+const isLastSelectedElementEmpty_1 = require("./isLastSelectedElementEmpty");
+const injectVoidElement = (editor, element) => {
+    const lastSelectedElementIsEmpty = (0, isLastSelectedElementEmpty_1.isLastSelectedElementEmpty)(editor);
+    const previous = slate_1.Editor.previous(editor);
+    if (lastSelectedElementIsEmpty) {
+        // If previous node is void
+        if (slate_1.Editor.isVoid(editor, previous === null || previous === void 0 ? void 0 : previous[0])) {
+            // Insert a blank element between void nodes
+            // so user can place cursor between void nodes
+            slate_1.Transforms.insertNodes(editor, { children: [{ text: '' }] });
+            slate_1.Transforms.setNodes(editor, element);
+            // Otherwise just set the empty node equal to new void
+        }
+        else {
+            slate_1.Transforms.setNodes(editor, element);
+        }
+    }
+    else {
+        slate_1.Transforms.insertNodes(editor, element);
+    }
+    // Add an empty node after the new void
+    slate_1.Transforms.insertNodes(editor, { children: [{ text: '' }] });
+};
+exports.injectVoidElement = injectVoidElement;
+//# sourceMappingURL=injectVoid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"injectVoid.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RichText/elements/injectVoid.ts"],"names":[],"mappings":";;;AAAA,iCAAoD;AACpD,6EAA0E;AAEnE,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,OAAgB,EAAQ,EAAE;IAC1E,MAAM,0BAA0B,GAAG,IAAA,uDAA0B,EAAC,MAAM,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,cAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEzC,IAAI,0BAA0B,EAAE;QAC9B,2BAA2B;QAC3B,IAAI,cAAM,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC,EAAE;YACxC,4CAA4C;YAC5C,8CAA8C;YAC9C,kBAAU,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;YAC7D,kBAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACvC,sDAAsD;SACrD;aAAM;YACL,kBAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;SACtC;KACF;SAAM;QACL,kBAAU,CAAC,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACzC;IAED,uCAAuC;IACvC,kBAAU,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/D,CAAC,CAAC;AArBW,QAAA,iBAAiB,qBAqB5B"}

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

@@ -0,0 +1,3 @@
+import { Editor } from 'slate';
+declare const isElementActive: (editor: Editor, format: string) => boolean;
+export default isElementActive;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const slate_1 = require("slate");
+const isElementActive = (editor, format) => {
+    if (!editor.selection)
+        return false;
+    const [match] = Array.from(slate_1.Editor.nodes(editor, {
+        at: slate_1.Editor.unhangRange(editor, editor.selection),
+        match: (n) => !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === format,
+    }));
+    return !!match;
+};
+exports.default = isElementActive;
+//# sourceMappingURL=isActive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isActive.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RichText/elements/isActive.tsx"],"names":[],"mappings":";;AAAA,iCAAwC;AAExC,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,MAAc,EAAW,EAAE;IAClE,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,KAAK,CAAC;IAEpC,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,cAAM,CAAC,KAAK,CAAC,MAAM,EAAE;QAC9C,EAAE,EAAE,cAAM,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC;QAChD,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,cAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,eAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM;KAC/E,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,CAAC,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,2 @@
+import { Editor } from 'slate';
+export declare const isLastSelectedElementEmpty: (editor: Editor) => boolean;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLastSelectedElementEmpty = void 0;
+const slate_1 = require("slate");
+const types_1 = require("../types");
+const isLastSelectedElementEmpty = (editor) => {
+    var _a, _b;
+    if (!editor.selection)
+        return false;
+    const currentlySelectedNodes = Array.from(slate_1.Editor.nodes(editor, {
+        at: slate_1.Editor.unhangRange(editor, editor.selection),
+        match: (n) => !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && (!n.type || n.type === 'p'),
+    }));
+    const lastSelectedNode = currentlySelectedNodes === null || currentlySelectedNodes === void 0 ? void 0 : currentlySelectedNodes[(currentlySelectedNodes === null || currentlySelectedNodes === void 0 ? void 0 : currentlySelectedNodes.length) - 1];
+    return lastSelectedNode && slate_1.Element.isElement(lastSelectedNode[0])
+        && (!lastSelectedNode[0].type || lastSelectedNode[0].type === 'p')
+        && (0, types_1.nodeIsTextNode)((_a = lastSelectedNode[0].children) === null || _a === void 0 ? void 0 : _a[0])
+        && ((_b = lastSelectedNode[0].children) === null || _b === void 0 ? void 0 : _b[0].text) === '';
+};
+exports.isLastSelectedElementEmpty = isLastSelectedElementEmpty;
+//# sourceMappingURL=isLastSelectedElementEmpty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isLastSelectedElementEmpty.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RichText/elements/isLastSelectedElementEmpty.ts"],"names":[],"mappings":";;;AAAA,iCAAwC;AACxC,oCAA0C;AAEnC,MAAM,0BAA0B,GAAG,CAAC,MAAc,EAAW,EAAE;;IACpE,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,KAAK,CAAC;IAEpC,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,cAAM,CAAC,KAAK,CAAC,MAAM,EAAE;QAC7D,EAAE,EAAE,cAAM,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC;QAChD,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,cAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,eAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC;KACzF,CAAC,CAAC,CAAC;IAEJ,MAAM,gBAAgB,GAAG,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC;IAEtF,OAAO,gBAAgB,IAAI,eAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;WAC5D,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC;WAC/D,IAAA,sBAAc,EAAC,MAAA,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,0CAAG,CAAC,CAAC,CAAC;WACjD,CAAA,MAAA,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,0CAAG,CAAC,EAAE,IAAI,MAAK,EAAE,CAAC;AACrD,CAAC,CAAC;AAdW,QAAA,0BAA0B,8BAcrC"}

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

@@ -0,0 +1,3 @@
+import { Editor } from 'slate';
+declare const isListActive: (editor: Editor, format: string) => boolean;
+export default isListActive;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const slate_1 = require("slate");
+const getCommonBlock_1 = require("./getCommonBlock");
+const isListActive = (editor, format) => {
+    if (!editor.selection)
+        return false;
+    const [topmostSelectedNode, topmostSelectedNodePath] = (0, getCommonBlock_1.getCommonBlock)(editor);
+    if (slate_1.Editor.isEditor(topmostSelectedNode))
+        return false;
+    const [match] = Array.from(slate_1.Editor.nodes(editor, {
+        at: topmostSelectedNodePath,
+        mode: 'lowest',
+        match: (node, path) => {
+            return !slate_1.Editor.isEditor(node)
+                && slate_1.Element.isElement(node)
+                && node.type === format
+                && path.length >= topmostSelectedNodePath.length - 2;
+        },
+    }));
+    return !!match;
+};
+exports.default = isListActive;
+//# sourceMappingURL=isListActive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isListActive.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RichText/elements/isListActive.ts"],"names":[],"mappings":";;AAAA,iCAAwC;AACxC,qDAAkD;AAElD,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,MAAc,EAAW,EAAE;IAC/D,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,KAAK,CAAC;IACpC,MAAM,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,GAAG,IAAA,+BAAc,EAAC,MAAM,CAAC,CAAC;IAE9E,IAAI,cAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC;QAAE,OAAO,KAAK,CAAC;IAEvD,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,cAAM,CAAC,KAAK,CAAC,MAAM,EAAE;QAC9C,EAAE,EAAE,uBAAuB;QAC3B,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YACpB,OAAO,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;mBACxB,eAAO,CAAC,SAAS,CAAC,IAAI,CAAC;mBACvB,IAAI,CAAC,IAAI,KAAK,MAAM;mBACpB,IAAI,CAAC,MAAM,IAAI,uBAAuB,CAAC,MAAM,GAAG,CAAC,CAAC;QACzD,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,CAAC,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,2 @@
+import { Editor } from 'slate';
+export declare const isWithinListItem: (editor: Editor) => boolean;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isWithinListItem = void 0;
+const slate_1 = require("slate");
+const isWithinListItem = (editor) => {
+    var _a;
+    let parentLI;
+    try {
+        parentLI = slate_1.Editor.parent(editor, editor.selection);
+    }
+    catch (e) {
+        // swallow error, Slate
+    }
+    if (slate_1.Element.isElement(parentLI === null || parentLI === void 0 ? void 0 : parentLI[0]) && ((_a = parentLI === null || parentLI === void 0 ? void 0 : parentLI[0]) === null || _a === void 0 ? void 0 : _a.type) === 'li') {
+        return true;
+    }
+    return false;
+};
+exports.isWithinListItem = isWithinListItem;
+//# sourceMappingURL=isWithinListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isWithinListItem.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RichText/elements/isWithinListItem.ts"],"names":[],"mappings":";;;AAAA,iCAA6D;AAEtD,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAW,EAAE;;IAC1D,IAAI,QAA6B,CAAC;IAElC,IAAI;QACF,QAAQ,GAAG,cAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;KACpD;IAAC,OAAO,CAAC,EAAE;QACV,uBAAuB;KACxB;IAED,IAAI,eAAO,CAAC,SAAS,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC,IAAI,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,0CAAE,IAAI,MAAK,IAAI,EAAE;QACpE,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B"}

package/dist/admin/components/forms/field-types/RichText/elements/li/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    Element: (props: any) => JSX.Element;
+};
+export default _default;

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

@@ -0,0 +1,17 @@
+"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 listTypes_1 = __importDefault(require("../listTypes"));
+const LI = (props) => {
+    var _a, _b;
+    const { attributes, element, children } = props;
+    const disableListStyle = element.children.length >= 1 && listTypes_1.default.includes((_b = (_a = element.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.type);
+    return (react_1.default.createElement("li", { style: { listStyle: disableListStyle ? 'none' : undefined }, ...attributes }, children));
+};
+exports.default = {
+    Element: LI,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/admin/components/forms/field-types/RichText/elements/li/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6DAAqC;AAErC,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE;;IACnB,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,mBAAS,CAAC,QAAQ,CAAC,MAAA,MAAA,OAAO,CAAC,QAAQ,0CAAG,CAAC,CAAC,0CAAE,IAAI,CAAC,CAAC;IAEzG,OAAO,CACL,sCACE,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,KACvD,UAAU,IAEb,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe;IACb,OAAO,EAAE,EAAE;CACZ,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Props as RichTextFieldProps } from '../../../types';
+export declare const LinkButton: React.FC<{
+    path: string;
+    fieldProps: RichTextFieldProps;
+}>;

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

@@ -0,0 +1,137 @@
+"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 baseFields_1 = require("../LinkDrawer/baseFields");
+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 useDrawerSlug_1 = require("../../../../../../elements/Drawer/useDrawerSlug");
+const insertLink = (editor, fields) => {
+    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,
+        url: data.url,
+        doc: data.doc,
+        newTab: data.newTab,
+        fields: data.fields,
+        children: [],
+    };
+    if (isCollapsed || !editor.selection) {
+        // If selection anchor and focus are the same,
+        // Just inject a new node with children already set
+        slate_1.Transforms.insertNodes(editor, {
+            ...newLink,
+            children: [{ text: String(data.text) }],
+        });
+    }
+    else if (editor.selection) {
+        // Otherwise we need to wrap the selected node in a link,
+        // Delete its old text,
+        // Move the selection one position forward into the link,
+        // And insert the text back into the new link
+        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 });
+    }
+    slate_react_1.ReactEditor.focus(editor);
+};
+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 { user } = (0, Auth_1.useAuth)();
+    const locale = (0, Locale_1.useLocale)();
+    const [initialState, setInitialState] = (0, react_1.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 = [
+            ...(0, baseFields_1.getBaseFields)(config),
+        ];
+        if (customFieldSchema) {
+            fields.push({
+                name: 'fields',
+                type: 'group',
+                admin: {
+                    style: {
+                        margin: 0,
+                        padding: 0,
+                        borderTop: 0,
+                        borderBottom: 0,
+                    },
+                },
+                fields: customFieldSchema,
+            });
+        }
+        return fields;
+    });
+    const { openModal, closeModal } = (0, modal_1.useModal)();
+    const drawerSlug = (0, useDrawerSlug_1.useDrawerSlug)('rich-text-link');
+    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: async () => {
+                if ((0, isActive_1.default)(editor, 'link')) {
+                    (0, utilities_1.unwrapLink)(editor);
+                }
+                else {
+                    openModal(drawerSlug);
+                    const isCollapsed = editor.selection && slate_1.Range.isCollapsed(editor.selection);
+                    if (!isCollapsed) {
+                        const data = {
+                            text: editor.selection ? slate_1.Editor.string(editor, editor.selection) : '',
+                        };
+                        const state = await (0, buildStateFromSchema_1.default)({ fieldSchema, data, user, operation: 'create', locale, t });
+                        setInitialState(state);
+                    }
+                }
+            } },
+            react_1.default.createElement(Link_1.default, null)),
+        react_1.default.createElement(LinkDrawer_1.LinkDrawer, { drawerSlug: drawerSlug, handleModalSubmit: (fields) => {
+                insertLink(editor, fields);
+                closeModal(drawerSlug);
+            }, initialState: initialState, fieldSchema: fieldSchema, handleClose: () => {
+                closeModal(drawerSlug);
+            } })));
+};
+exports.LinkButton = LinkButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/admin/components/forms/field-types/RichText/elements/link/Button/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from 'react';
+import { Props as RichTextFieldProps } from '../../../types';
+import './index.scss';
+export declare const LinkElement: React.FC<{
+    attributes: HTMLAttributes<HTMLDivElement>;
+    children: React.ReactNode;
+    element: any;
+    fieldProps: RichTextFieldProps;
+    editorRef: React.RefObject<HTMLDivElement>;
+}>;

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

@@ -0,0 +1,155 @@
+"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");
+require("./index.scss");
+const useDrawerSlug_1 = require("../../../../../../elements/Drawer/useDrawerSlug");
+const baseClass = 'rich-text-link';
+const insertChange = (editor, fields, customFieldSchema) => {
+    const data = (0, reduceFieldsToValues_1.default)(fields, true);
+    const [, parentPath] = slate_1.Editor.above(editor);
+    const newNode = {
+        newTab: data.newTab,
+        url: data.url,
+        linkType: data.linkType,
+        doc: data.doc,
+    };
+    if (customFieldSchema) {
+        newNode.fields = data.fields;
+    }
+    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);
+};
+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 = (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 = [
+            ...(0, baseFields_1.getBaseFields)(config),
+        ];
+        if (customFieldSchema) {
+            fields.push({
+                name: 'fields',
+                type: 'group',
+                admin: {
+                    style: {
+                        margin: 0,
+                        padding: 0,
+                        borderTop: 0,
+                        borderBottom: 0,
+                    },
+                },
+                fields: customFieldSchema,
+            });
+        }
+        return fields;
+    });
+    const drawerSlug = (0, useDrawerSlug_1.useDrawerSlug)('rich-text-link');
+    const handleTogglePopup = (0, react_1.useCallback)((render) => {
+        if (!render) {
+            setRenderPopup(render);
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        const awaitInitialState = async () => {
+            const data = {
+                text: slate_1.Node.string(element),
+                linkType: element.linkType,
+                url: element.url,
+                doc: element.doc,
+                newTab: element.newTab,
+                fields: (0, deepCopyObject_1.default)(element.fields),
+            };
+            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_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_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_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_1.default.createElement(Button_1.default, { className: `${baseClass}__link-close`, icon: "x", round: true, buttonStyle: "icon-label", onClick: (e) => {
+                                e.preventDefault();
+                                (0, utilities_1.unwrapLink)(editor);
+                            }, tooltip: t('general:remove') })));
+                } })),
+        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;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/admin/components/forms/field-types/RichText/elements/link/Element/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgF;AAChF,6CAAoD;AACpD,iCAAiD;AACjD,8CAA8C;AAC9C,iDAAsD;AACtD,4CAA0C;AAC1C,6EAAqD;AACrD,8CAA2C;AAE3C,oGAA4E;AAC5E,2DAA2D;AAC3D,+DAA+D;AAC/D,+DAA+D;AAC/D,yDAAyD;AAEzD,oGAA4E;AAC5E,sGAA8E;AAC9E,+EAAuD;AACvD,qFAAkF;AAElF,wBAAsB;AACtB,mFAAgF;AAEhF,MAAM,SAAS,GAAG,gBAAgB,CAAC;AAEnC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE;IACzD,MAAM,IAAI,GAAG,IAAA,8BAAoB,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAEhD,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,cAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE5C,MAAM,OAAO,GAA4B;QACvC,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,GAAG,EAAE,IAAI,CAAC,GAAG;KACd,CAAC;IAEF,IAAI,iBAAiB,EAAE;QACrB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;KAC9B;IAED,kBAAU,CAAC,QAAQ,CACjB,MAAM,EACN,OAAO,EACP,EAAE,EAAE,EAAE,UAAU,EAAE,CACnB,CAAC;IAEF,kBAAU,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9E,kBAAU,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzD,kBAAU,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAEtF,yBAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAC5B,CAAC,CAAC;AAEK,MAAM,WAAW,GAMnB,CAAC,KAAK,EAAE,EAAE;;IACb,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,iBAAiB,GAAG,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,IAAI,0CAAE,MAAM,CAAC;IAE1D,MAAM,MAAM,GAAG,IAAA,sBAAQ,GAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,cAAO,GAAE,CAAC;IAC3B,MAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;QAClC,MAAM,MAAM,GAAY;YACtB,GAAG,IAAA,0BAAa,EAAC,MAAM,CAAC;SACzB,CAAC;QAEF,IAAI,iBAAiB,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,MAAM,EAAE,CAAC;wBACT,OAAO,EAAE,CAAC;wBACV,SAAS,EAAE,CAAC;wBACZ,YAAY,EAAE,CAAC;qBAChB;iBACF;gBACD,MAAM,EAAE,iBAAiB;aAC1B,CAAC,CAAC;SACJ;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,6BAAa,EAAC,gBAAgB,CAAC,CAAC;IAEnD,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC,CAAC,MAAM,EAAE,EAAE;QAC/C,IAAI,CAAC,MAAM,EAAE;YACX,cAAc,CAAC,MAAM,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,IAAI,GAAG;gBACX,IAAI,EAAE,YAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAC1B,GAAG,EAAE,OAAO,CAAC,GAAG;gBAChB,GAAG,EAAE,OAAO,CAAC,GAAG;gBAChB,MAAM,EAAE,OAAO,CAAC,MAAM;gBACtB,MAAM,EAAE,IAAA,wBAAc,EAAC,OAAO,CAAC,MAAM,CAAC;aACvC,CAAC;YAEF,MAAM,KAAK,GAAG,MAAM,IAAA,8BAAoB,EAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;YACtG,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,iBAAiB,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,wCACE,SAAS,EAAE,SAAS,KAChB,UAAU;QAEd,wCACE,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7B,eAAe,EAAE,KAAK;YAErB,WAAW,IAAI,CACd,8BAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,GAAG,EAAE;oBAChB,WAAW,CAAC,UAAU,CAAC,CAAC;oBACxB,cAAc,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC,EACD,iBAAiB,EAAE,CAAC,MAAM,EAAE,EAAE;oBAC5B,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC;oBAChD,UAAU,CAAC,UAAU,CAAC,CAAC;gBACzB,CAAC,EACD,YAAY,EAAE,YAAY,GAC1B,CACH;YACD,8BAAC,eAAK,IACJ,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,WAAW,EACtB,YAAY,EAAE,iBAAiB,EAC/B,eAAe,EAAC,MAAM,EACtB,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAE,SAAS,EACtB,MAAM,EAAE,GAAG,EAAE;;oBAAC,OAAA,CACZ,uCAAK,SAAS,EAAE,GAAG,SAAS,SAAS;wBAClC,OAAO,CAAC,QAAQ,KAAK,UAAU,KAAI,MAAA,OAAO,CAAC,GAAG,0CAAE,UAAU,CAAA,KAAI,MAAA,OAAO,CAAC,GAAG,0CAAE,KAAK,CAAA,IAAI,CACnF,8BAAC,qBAAK,IACJ,OAAO,EAAC,iBAAiB,EACzB,MAAM,EAAE,EAAE,KAAK,EAAE,IAAA,+BAAc,EAAC,MAAA,MAAA,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,0CAAE,MAAM,0CAAE,QAAQ,EAAE,IAAI,CAAC,EAAE;4BAEjI,qCACE,SAAS,EAAE,GAAG,SAAS,cAAc,EACrC,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,gBAAgB,OAAO,CAAC,GAAG,CAAC,UAAU,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,EACzF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,YAGd,CACE,CACT;wBACA,CAAC,OAAO,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CACvD,qCACE,SAAS,EAAE,GAAG,SAAS,cAAc,EACrC,IAAI,EAAE,OAAO,CAAC,GAAG,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,IAEf,OAAO,CAAC,GAAG,CACV,CACL;wBACD,8BAAC,gBAAM,IACL,SAAS,EAAE,GAAG,SAAS,aAAa,EACpC,IAAI,EAAC,MAAM,EACX,KAAK,QACL,WAAW,EAAC,YAAY,EACxB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,CAAC,CAAC,cAAc,EAAE,CAAC;gCACnB,cAAc,CAAC,KAAK,CAAC,CAAC;gCACtB,SAAS,CAAC,UAAU,CAAC,CAAC;gCACtB,cAAc,CAAC,IAAI,CAAC,CAAC;4BACvB,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,cAAc,CAAC,GAC1B;wBACF,8BAAC,gBAAM,IACL,SAAS,EAAE,GAAG,SAAS,cAAc,EACrC,IAAI,EAAC,GAAG,EACR,KAAK,QACL,WAAW,EAAC,YAAY,EACxB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,CAAC,CAAC,cAAc,EAAE,CAAC;gCACnB,IAAA,sBAAU,EAAC,MAAM,CAAC,CAAC;4BACrB,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAC5B,CACE,CACP,CAAA;iBAAA,GACD,CACG;QACP,wCACE,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;gBACT,GAAG,SAAS,iBAAiB;aAC9B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;gBAAE,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,IAElC,QAAQ,CACJ,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAhLW,QAAA,WAAW,eAgLtB"}

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

@@ -0,0 +1,70 @@
+@import '../../../../../../../scss/styles.scss';
+
+.rich-text-link {
+  position: relative;
+  text-decoration: underline;
+
+  .popup {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    .popup__scroll,
+    .popup__wrap {
+      overflow: visible;
+    }
+
+    .popup__scroll {
+      white-space: pre;
+      padding-right: base(.5);
+    }
+  }
+
+  .icon--x line {
+    stroke-width: 2px;
+  }
+
+  &__popup {
+    @extend %body;
+    font-family: var(--font-body);
+    display: flex;
+
+    button {
+      @extend %btn-reset;
+      font-weight: 600;
+      cursor: pointer;
+      margin: 0 0 0 base(.25);
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  &__link-label {
+    max-width: base(8);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-right: base(.25);
+  }
+}
+
+.rich-text-link__popup-toggler {
+  position: relative;
+  border: 0;
+  background-color: transparent;
+  padding: 0;
+  text-decoration: underline;
+  cursor: text;
+
+  &:focus,
+  &:focus-within {
+    outline: none;
+  }
+
+  &--open {
+    z-index: var(--z-popup);
+  }
+}

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

@@ -0,0 +1,3 @@
+import { Config } from '../../../../../../../../config/types';
+import { Field } from '../../../../../../../../fields/config/types';
+export declare const getBaseFields: (config: Config) => Field[];