@byline/richtext-lexical 0.9.3

package/dist/field/plugins/layout-plugin/insert-layout-modal.d.ts

@@ -0,0 +1,22 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type * as React from 'react';
+import './insert-layout-modal.css';
+export declare function InsertLayoutModal({ open, onClose, onSubmit, }: {
+    open: boolean;
+    onClose: () => void;
+    onSubmit: (layout: string) => void;
+}): React.JSX.Element;
+//# sourceMappingURL=insert-layout-modal.d.ts.map

package/dist/field/plugins/layout-plugin/insert-layout-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-layout-modal.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/layout-plugin/insert-layout-modal.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAqBnC,OAAO,2BAA2B,CAAA;AAElC,wBAAgB,iBAAiB,CAAC,EAChC,IAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkDpB"}

package/dist/field/plugins/layout-plugin/insert-layout-modal.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, CloseIcon, IconButton, Modal, Select } from "@infonomic/uikit/react";
+import "./insert-layout-modal.css";
+const layouts = [
+    {
+        label: '2 columns (equal width)',
+        value: '1fr 1fr'
+    },
+    {
+        label: '2 columns (25% - 75%)',
+        value: '1fr 3fr'
+    },
+    {
+        label: '2 columns (75% - 25%)',
+        value: '3fr 1fr'
+    },
+    {
+        label: '3 columns (equal width)',
+        value: '1fr 1fr 1fr'
+    },
+    {
+        label: '3 columns (25% - 50% - 25%)',
+        value: '1fr 2fr 1fr'
+    },
+    {
+        label: '4 columns (equal width)',
+        value: '1fr 1fr 1fr 1fr'
+    }
+];
+function InsertLayoutModal({ open = false, onClose, onSubmit }) {
+    const [layout, setLayout] = useState(layouts[0].value);
+    const handleOnCancel = ()=>{
+        if (null != onClose && 'function' == typeof onClose) onClose();
+    };
+    const handleOnSubmit = ()=>{
+        if (null != onSubmit && 'function' == typeof onSubmit) onSubmit(layout);
+    };
+    return /*#__PURE__*/ jsx(Modal, {
+        isOpen: open,
+        onDismiss: handleOnCancel,
+        closeOnOverlayClick: false,
+        children: /*#__PURE__*/ jsxs(Modal.Container, {
+            className: "insert-layout-modal-container",
+            children: [
+                /*#__PURE__*/ jsxs(Modal.Header, {
+                    children: [
+                        /*#__PURE__*/ jsx("h3", {
+                            children: "Insert Layout"
+                        }),
+                        /*#__PURE__*/ jsx(IconButton, {
+                            "arial-label": "Close",
+                            size: "sm",
+                            onClick: handleOnCancel,
+                            children: /*#__PURE__*/ jsx(CloseIcon, {
+                                width: "16px",
+                                height: "16px",
+                                svgClassName: "white-icon"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Modal.Content, {
+                    children: /*#__PURE__*/ jsx(Select, {
+                        containerClassName: "insert-layout-modal-select",
+                        items: layouts,
+                        onValueChange: (value)=>{
+                            if (null != value) setLayout(value);
+                        },
+                        placeholder: "Select a layout"
+                    })
+                }),
+                /*#__PURE__*/ jsxs(Modal.Actions, {
+                    className: "insert-layout-modal-actions",
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            size: "sm",
+                            intent: "noeffect",
+                            onClick: handleOnCancel,
+                            "data-autofocus": true,
+                            children: "Cancel"
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            size: "sm",
+                            intent: "primary",
+                            onClick: handleOnSubmit,
+                            "data-test-id": "table-modal-submit",
+                            children: "Insert"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { InsertLayoutModal };

package/dist/field/plugins/layout-plugin/layout-plugin.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { LexicalCommand, NodeKey } from 'lexical';
+export declare const OPEN_INSERT_LAYOUT_MODAL_COMMAND: LexicalCommand<unknown>;
+export declare const INSERT_LAYOUT_COMMAND: LexicalCommand<string>;
+export declare const UPDATE_LAYOUT_COMMAND: LexicalCommand<{
+    template: string;
+    nodeKey: NodeKey;
+}>;
+export declare function LayoutPlugin(): React.JSX.Element;
+//# sourceMappingURL=layout-plugin.d.ts.map

package/dist/field/plugins/layout-plugin/layout-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-plugin.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/layout-plugin/layout-plugin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,KAAK,EAAe,cAAc,EAAe,OAAO,EAAE,MAAM,SAAS,CAAA;AAqBhF,eAAO,MAAM,gCAAgC,yBAAoD,CAAA;AAEjG,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,MAAM,CAA2B,CAAA;AAEpF,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;CACjB,CAA2D,CAAA;AAE5D,wBAAgB,YAAY,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAiHhD"}

package/dist/field/plugins/layout-plugin/layout-plugin.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $insertNodeToNearestRoot, mergeRegister } from "@lexical/utils";
+import { $createParagraphNode, $getNodeByKey, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_NORMAL, createCommand } from "lexical";
+import { $createLayoutContainerNode, $isLayoutContainerNode, LayoutContainerNode } from "../../nodes/layout-container-node/layout-container-node.js";
+import { $createLayoutItemNode, $isLayoutItemNode, LayoutItemNode } from "../../nodes/layout-container-node/layout-item-node.js";
+import { InsertLayoutModal } from "./insert-layout-modal.js";
+import * as __rspack_external_react from "react";
+const OPEN_INSERT_LAYOUT_MODAL_COMMAND = createCommand('OPEN_INSERT_LAYOUT_MODAL_COMMAND');
+const INSERT_LAYOUT_COMMAND = createCommand();
+const UPDATE_LAYOUT_COMMAND = createCommand();
+function LayoutPlugin() {
+    const [editor] = useLexicalComposerContext();
+    const [open, setOpen] = __rspack_external_react.useState(false);
+    const handleOnClose = ()=>{
+        setOpen(false);
+    };
+    const handleOnSubmit = (layout)=>{
+        if (null != layout) editor.dispatchCommand(INSERT_LAYOUT_COMMAND, layout);
+        else console.error('Error: missing layout for insertion.');
+        setOpen(false);
+    };
+    (0, __rspack_external_react.useEffect)(()=>{
+        if (!editor.hasNodes([
+            LayoutContainerNode,
+            LayoutItemNode
+        ])) throw new Error('LayoutPlugin: LayoutContainerNode, or LayoutItemNode not registered on editor');
+        return mergeRegister(editor.registerCommand(OPEN_INSERT_LAYOUT_MODAL_COMMAND, ()=>{
+            setOpen(true);
+            return true;
+        }, COMMAND_PRIORITY_NORMAL), editor.registerCommand(INSERT_LAYOUT_COMMAND, (template)=>{
+            editor.update(()=>{
+                const container = $createLayoutContainerNode(template);
+                const itemsCount = getItemsCountFromTemplate(template);
+                for(let i = 0; i < itemsCount; i++)container.append($createLayoutItemNode().append($createParagraphNode()));
+                $insertNodeToNearestRoot(container);
+                container.selectStart();
+            });
+            return true;
+        }, COMMAND_PRIORITY_EDITOR), editor.registerCommand(UPDATE_LAYOUT_COMMAND, ({ template, nodeKey })=>{
+            editor.update(()=>{
+                const container = $getNodeByKey(nodeKey);
+                if (!$isLayoutContainerNode(container)) return;
+                const itemsCount = getItemsCountFromTemplate(template);
+                const prevItemsCount = getItemsCountFromTemplate(container.getTemplateColumns());
+                if (itemsCount > prevItemsCount) for(let i = prevItemsCount; i < itemsCount; i++)container.append($createLayoutItemNode().append($createParagraphNode()));
+                else if (itemsCount < prevItemsCount) for(let i = prevItemsCount - 1; i >= itemsCount; i--){
+                    const layoutItem = container.getChildAtIndex(i);
+                    if ($isLayoutItemNode(layoutItem)) layoutItem.remove();
+                }
+                container.setTemplateColumns(template);
+            });
+            return true;
+        }, COMMAND_PRIORITY_EDITOR), editor.registerNodeTransform(LayoutItemNode, (node)=>{
+            const parent = node.getParent();
+            if (!$isLayoutContainerNode(parent)) {
+                const children = node.getChildren();
+                for (const child of children)node.insertBefore(child);
+                node.remove();
+            }
+        }), editor.registerNodeTransform(LayoutContainerNode, (node)=>{
+            const children = node.getChildren();
+            if (!children.every($isLayoutItemNode)) {
+                for (const child of children)node.insertBefore(child);
+                node.remove();
+            }
+        }));
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ jsx(InsertLayoutModal, {
+        open: open,
+        onClose: handleOnClose,
+        onSubmit: handleOnSubmit
+    });
+}
+function getItemsCountFromTemplate(template) {
+    return template.trim().split(/\s+/).length;
+}
+export { INSERT_LAYOUT_COMMAND, LayoutPlugin, OPEN_INSERT_LAYOUT_MODAL_COMMAND, UPDATE_LAYOUT_COMMAND };

package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.d.ts

@@ -0,0 +1,22 @@
+import { type LinkAttributes } from '../../../nodes/link-nodes';
+type ChangeHandler = (url: string | null, prevUrl: string | null) => void;
+interface LinkMatcherResult {
+    attributes?: LinkAttributes;
+    index: number;
+    length: number;
+    text: string;
+    url: string;
+}
+export type LinkMatcher = (text: string) => LinkMatcherResult | null;
+export declare function createLinkMatcherWithRegExp(regExp: RegExp, urlTransformer?: (text: string) => string): (text: string) => {
+    index: number;
+    length: number;
+    text: string;
+    url: string;
+} | null;
+export declare function AutoLinkPlugin({ matchers, onChange, }: {
+    matchers: LinkMatcher[];
+    onChange?: ChangeHandler;
+}): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=auto-link-plugin.d.ts.map

package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-link-plugin.d.ts","sourceRoot":"","sources":["../../../../../src/field/plugins/link-plugin/auto-link/auto-link-plugin.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAGlC,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAEzE,UAAU,iBAAiB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ;AAYD,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,iBAAiB,GAAG,IAAI,CAAA;AAEpE,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,EACd,cAAc,GAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAuB,IAEjD,MAAM,MAAM;;;;;SAUrB;AA6PD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAA;CACzB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAI3B"}

package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.js

@@ -0,0 +1,185 @@
+"use client";
+import { useEffect } from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister } from "@lexical/utils";
+import { $createTextNode, $isElementNode, $isLineBreakNode, $isTextNode, TextNode } from "lexical";
+import { $createAutoLinkNode, $isAutoLinkNode, $isLinkNode, AutoLinkNode } from "../../../nodes/link-nodes/index.js";
+import invariant from "../../../shared/invariant.js";
+function customAttrs(attrs) {
+    if (null == attrs || 'internal' === attrs.linkType) return null;
+    return attrs;
+}
+function createLinkMatcherWithRegExp(regExp, urlTransformer = (text)=>text) {
+    return (text)=>{
+        const match = regExp.exec(text);
+        if (null === match) return null;
+        return {
+            index: match.index,
+            length: match[0].length,
+            text: match[0],
+            url: urlTransformer(text)
+        };
+    };
+}
+function findFirstMatch(text, matchers) {
+    for(let i = 0; i < matchers.length; i++){
+        const match = matchers[i](text);
+        if (null != match) return match;
+    }
+    return null;
+}
+const PUNCTUATION_OR_SPACE = /[.,;\s]/;
+function isSeparator(char) {
+    return PUNCTUATION_OR_SPACE.test(char);
+}
+function endsWithSeparator(textContent) {
+    return isSeparator(textContent[textContent.length - 1]);
+}
+function startsWithSeparator(textContent) {
+    return isSeparator(textContent[0]);
+}
+function isPreviousNodeValid(node) {
+    let previousNode = node.getPreviousSibling();
+    if ($isElementNode(previousNode)) previousNode = previousNode.getLastDescendant();
+    return null === previousNode || $isLineBreakNode(previousNode) || $isTextNode(previousNode) && endsWithSeparator(previousNode.getTextContent());
+}
+function isNextNodeValid(node) {
+    let nextNode = node.getNextSibling();
+    if ($isElementNode(nextNode)) nextNode = nextNode.getFirstDescendant();
+    return null === nextNode || $isLineBreakNode(nextNode) || $isTextNode(nextNode) && startsWithSeparator(nextNode.getTextContent());
+}
+function isContentAroundIsValid(matchStart, matchEnd, text, node) {
+    const contentBeforeIsValid = matchStart > 0 ? isSeparator(text[matchStart - 1]) : isPreviousNodeValid(node);
+    if (!contentBeforeIsValid) return false;
+    const contentAfterIsValid = matchEnd < text.length ? isSeparator(text[matchEnd]) : isNextNodeValid(node);
+    return contentAfterIsValid;
+}
+function handleLinkCreation(node, matchers, onChange) {
+    const nodeText = node.getTextContent();
+    let text = nodeText;
+    let invalidMatchEnd = 0;
+    let remainingTextNode = node;
+    let match = null;
+    match = findFirstMatch(text, matchers);
+    while(null != match && null !== match){
+        const matchStart = match.index;
+        const matchLength = match.length;
+        const matchEnd = matchStart + matchLength;
+        const isValid = isContentAroundIsValid(invalidMatchEnd + matchStart, invalidMatchEnd + matchEnd, nodeText, node);
+        if (isValid) {
+            let linkTextNode;
+            if (invalidMatchEnd + matchStart === 0) [linkTextNode, remainingTextNode] = remainingTextNode.splitText(invalidMatchEnd + matchLength);
+            else [, linkTextNode, remainingTextNode] = remainingTextNode.splitText(invalidMatchEnd + matchStart, invalidMatchEnd + matchStart + matchLength);
+            const attributes = {
+                linkType: 'custom',
+                url: match.url,
+                ...match.attributes
+            };
+            const linkNode = $createAutoLinkNode({
+                attributes
+            });
+            const textNode = $createTextNode(match.text);
+            textNode.setFormat(linkTextNode.getFormat());
+            textNode.setDetail(linkTextNode.getDetail());
+            linkNode.append(textNode);
+            linkTextNode.replace(linkNode);
+            onChange(match.url, null);
+            invalidMatchEnd = 0;
+        }
+        text = text.substring(matchEnd);
+        match = findFirstMatch(text, matchers);
+    }
+}
+function handleLinkEdit(linkNode, matchers, onChange) {
+    const children = linkNode.getChildren();
+    const childrenLength = children.length;
+    for(let i = 0; i < childrenLength; i++){
+        const child = children[i];
+        if (!$isTextNode(child) || !child.isSimpleText()) {
+            replaceWithChildren(linkNode);
+            onChange(null, customAttrs(linkNode.getAttributes())?.url ?? null);
+            return;
+        }
+    }
+    const text = linkNode.getTextContent();
+    const match = findFirstMatch(text, matchers);
+    if (null === match || match.text !== text) {
+        replaceWithChildren(linkNode);
+        onChange(null, customAttrs(linkNode.getAttributes())?.url ?? null);
+        return;
+    }
+    if (!isPreviousNodeValid(linkNode) || !isNextNodeValid(linkNode)) {
+        replaceWithChildren(linkNode);
+        onChange(null, customAttrs(linkNode.getAttributes())?.url ?? null);
+        return;
+    }
+    const url = customAttrs(linkNode.getAttributes())?.url;
+    if (url !== match?.url) {
+        const attrs = customAttrs(linkNode.getAttributes());
+        if (null != attrs) {
+            attrs.url = match?.url;
+            linkNode.setAttributes(attrs);
+            onChange(match.url, url ?? null);
+        }
+    }
+    if (null != match.attributes) {
+        const rel = linkNode.getAttributes().rel;
+        if (rel !== match.attributes.rel) {
+            const attrs = linkNode.getAttributes();
+            attrs.rel = match.attributes.rel ?? null;
+            linkNode.setAttributes(attrs);
+            onChange(match.attributes.rel ?? null, rel ?? null);
+        }
+    }
+}
+function handleBadNeighbors(textNode, matchers, onChange) {
+    const previousSibling = textNode.getPreviousSibling();
+    const nextSibling = textNode.getNextSibling();
+    const text = textNode.getTextContent();
+    if ($isAutoLinkNode(previousSibling) && !startsWithSeparator(text)) {
+        previousSibling.append(textNode);
+        handleLinkEdit(previousSibling, matchers, onChange);
+        onChange(null, customAttrs(previousSibling.getAttributes())?.url ?? null);
+    }
+    if ($isAutoLinkNode(nextSibling) && !endsWithSeparator(text)) {
+        replaceWithChildren(nextSibling);
+        handleLinkEdit(nextSibling, matchers, onChange);
+        onChange(null, customAttrs(nextSibling.getAttributes())?.url ?? null);
+    }
+}
+function replaceWithChildren(node) {
+    const children = node.getChildren();
+    const childrenLength = children.length;
+    for(let j = childrenLength - 1; j >= 0; j--)node.insertAfter(children[j]);
+    node.remove();
+    return children.map((child)=>child.getLatest());
+}
+function useAutoLink(editor, matchers, onChange) {
+    useEffect(()=>{
+        if (!editor.hasNodes([
+            AutoLinkNode
+        ])) invariant(false, 'LexicalAutoLinkPlugin: AutoLinkNode not registered on editor');
+        const onChangeWrapped = (url, prevUrl)=>{
+            if (null != onChange) onChange(url, prevUrl);
+        };
+        return mergeRegister(editor.registerNodeTransform(TextNode, (textNode)=>{
+            const parent = textNode.getParentOrThrow();
+            const previous = textNode.getPreviousSibling();
+            if ($isAutoLinkNode(parent)) handleLinkEdit(parent, matchers, onChangeWrapped);
+            else if (!$isLinkNode(parent)) {
+                if (textNode.isSimpleText() && (startsWithSeparator(textNode.getTextContent()) || !$isAutoLinkNode(previous))) handleLinkCreation(textNode, matchers, onChangeWrapped);
+                handleBadNeighbors(textNode, matchers, onChangeWrapped);
+            }
+        }));
+    }, [
+        editor,
+        matchers,
+        onChange
+    ]);
+}
+function AutoLinkPlugin({ matchers, onChange }) {
+    const [editor] = useLexicalComposerContext();
+    useAutoLink(editor, matchers, onChange);
+    return null;
+}
+export { AutoLinkPlugin, createLinkMatcherWithRegExp };

package/dist/field/plugins/link-plugin/auto-link/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type * as React from 'react';
+export declare function AutoLinkPlugin(): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/plugins/link-plugin/auto-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/plugins/link-plugin/auto-link/index.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAsBnC,wBAAgB,cAAc,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAElD"}

package/dist/field/plugins/link-plugin/auto-link/index.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { AutoLinkPlugin, createLinkMatcherWithRegExp } from "./auto-link-plugin.js";
+const URL_REGEX = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
+const EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
+const MATCHERS = [
+    createLinkMatcherWithRegExp(URL_REGEX, (text)=>text.startsWith('http') ? text : `https://${text}`),
+    createLinkMatcherWithRegExp(EMAIL_REGEX, (text)=>`mailto:${text}`)
+];
+function auto_link_AutoLinkPlugin() {
+    return /*#__PURE__*/ jsx(AutoLinkPlugin, {
+        matchers: MATCHERS
+    });
+}
+export { auto_link_AutoLinkPlugin as AutoLinkPlugin };

package/dist/field/plugins/link-plugin/link/floating-link-editor.css

@@ -0,0 +1,124 @@
+.link-editor {
+  z-index: 10;
+  opacity: 0;
+  will-change: transform;
+  background-color: #fff;
+  border-radius: 6px;
+  width: 100%;
+  max-width: 400px;
+  transition: opacity .5s;
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-shadow: 0 5px 10px #0000004d;
+}
+
+.link-editor .button {
+  cursor: pointer;
+  border-radius: 6px;
+  width: 20px;
+  height: 20px;
+  margin: 0 2px;
+  padding: 6px;
+  display: inline-block;
+}
+
+.link-editor .button.hovered {
+  background-color: #eee;
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+}
+
+.link-editor .button i, .actions i {
+  vertical-align: -.25em;
+  background-size: contain;
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+}
+
+.link-editor .button.active, .toolbar .button.active {
+  background-color: #dfe8fa;
+}
+
+.link-editor .link-input {
+  box-sizing: border-box;
+  color: #050505;
+  background-color: #eee;
+  border: 0;
+  border-radius: 8px;
+  outline: 0;
+  min-height: 26px;
+  margin: 8px 4px 8px 10px;
+  padding: 2px;
+  font-family: inherit;
+  font-size: 15px;
+  display: block;
+  position: relative;
+}
+
+.link-editor .link-view a {
+  word-break: break-word;
+  width: calc(100% - 33px);
+  display: block;
+}
+
+.link-editor div.link-edit {
+  vertical-align: -.25em;
+  cursor: pointer;
+  background-image: url(../../../../static/svg/pencil-fill.svg);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  width: 35px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 30px;
+}
+
+.link-editor div.link-trash {
+  vertical-align: -.25em;
+  cursor: pointer;
+  background-image: url(../../../../static/svg/trash.svg);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  width: 35px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.link-editor .link-input a {
+  color: #216fdb;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-right: 30px;
+  text-decoration: none;
+  display: block;
+  overflow: hidden;
+}
+
+.link-editor .link-input a:hover {
+  text-decoration: underline;
+}
+
+.link-editor .font-size-wrapper, .link-editor .font-family-wrapper {
+  margin: 0 4px;
+  display: flex;
+}
+
+.link-editor select {
+  background-color: #00000013;
+  border: none;
+  border-radius: 4px;
+  padding: 6px;
+}
+
+.dark .link-editor {
+  background-color: var(--canvas-800);
+}
+

package/dist/field/plugins/link-plugin/link/floating-link-editor.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ *
+ * Portions Copyright (c) Meta Platforms, Inc. and affiliates.
+ */
+import type * as React from 'react';
+import './floating-link-editor.css';
+export declare function FloatingLinkEditorPlugin({ anchorElem, }: {
+    anchorElem?: HTMLElement;
+}): React.JSX.Element | null;
+//# sourceMappingURL=floating-link-editor.d.ts.map

package/dist/field/plugins/link-plugin/link/floating-link-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-link-editor.d.ts","sourceRoot":"","sources":["../../../../../src/field/plugins/link-plugin/link/floating-link-editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAgCnC,OAAO,4BAA4B,CAAA;AAwSnC,wBAAgB,wBAAwB,CAAC,EACvC,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAG3B"}