@webiny/lexical-editor 0.0.0-unstable.085ff6572f

package/plugins/AutoLinkPlugin/AutoLinkPlugin.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LexicalAutoLinkPlugin = void 0;
+var _LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
+var React = _interopRequireWildcard(require("react"));
+/**
+ * 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.
+ *
+ */
+
+var URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
+var EMAIL_MATCHER = /(([^<>()[\]\\.,;:\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,}))/;
+var MATCHERS = [function (text) {
+  var match = URL_MATCHER.exec(text);
+  if (match === null) {
+    return null;
+  }
+  var fullMatch = match[0];
+  return {
+    index: match.index,
+    length: fullMatch.length,
+    text: fullMatch,
+    url: fullMatch.startsWith("http") ? fullMatch : "https://".concat(fullMatch)
+  };
+}, function (text) {
+  var match = EMAIL_MATCHER.exec(text);
+  return match && {
+    index: match.index,
+    length: match[0].length,
+    text: match[0],
+    url: "mailto:".concat(match[0])
+  };
+}];
+var LexicalAutoLinkPlugin = function LexicalAutoLinkPlugin() {
+  return /*#__PURE__*/React.createElement(_LexicalAutoLinkPlugin.AutoLinkPlugin, {
+    matchers: MATCHERS
+  });
+};
+exports.LexicalAutoLinkPlugin = LexicalAutoLinkPlugin;

package/plugins/AutoLinkPlugin/AutoLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["URL_MATCHER","EMAIL_MATCHER","MATCHERS","text","match","exec","fullMatch","index","length","url","startsWith","LexicalAutoLinkPlugin"],"sources":["AutoLinkPlugin.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { AutoLinkPlugin } from \"@lexical/react/LexicalAutoLinkPlugin\";\nimport * as React from \"react\";\n\nconst URL_MATCHER =\n    /((https?:\\/\\/(www\\.)?)|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;\n\nconst EMAIL_MATCHER =\n    /(([^<>()[\\]\\\\.,;:\\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,}))/;\n\nconst MATCHERS = [\n    (text: string) => {\n        const match = URL_MATCHER.exec(text);\n        if (match === null) {\n            return null;\n        }\n        const fullMatch = match[0];\n        return {\n            index: match.index,\n            length: fullMatch.length,\n            text: fullMatch,\n            url: fullMatch.startsWith(\"http\") ? fullMatch : `https://${fullMatch}`\n        };\n    },\n    (text: string) => {\n        const match = EMAIL_MATCHER.exec(text);\n        return (\n            match && {\n                index: match.index,\n                length: match[0].length,\n                text: match[0],\n                url: `mailto:${match[0]}`\n            }\n        );\n    }\n];\n\nexport const LexicalAutoLinkPlugin = (): JSX.Element => {\n    return <AutoLinkPlugin matchers={MATCHERS} />;\n};\n"],"mappings":";;;;;;;AAQA;AACA;AATA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,IAAMA,WAAW,GACb,iHAAiH;AAErH,IAAMC,aAAa,GACf,qJAAqJ;AAEzJ,IAAMC,QAAQ,GAAG,CACb,UAACC,IAAY,EAAK;EACd,IAAMC,KAAK,GAAGJ,WAAW,CAACK,IAAI,CAACF,IAAI,CAAC;EACpC,IAAIC,KAAK,KAAK,IAAI,EAAE;IAChB,OAAO,IAAI;EACf;EACA,IAAME,SAAS,GAAGF,KAAK,CAAC,CAAC,CAAC;EAC1B,OAAO;IACHG,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,MAAM,EAAEF,SAAS,CAACE,MAAM;IACxBL,IAAI,EAAEG,SAAS;IACfG,GAAG,EAAEH,SAAS,CAACI,UAAU,CAAC,MAAM,CAAC,GAAGJ,SAAS,qBAAcA,SAAS;EACxE,CAAC;AACL,CAAC,EACD,UAACH,IAAY,EAAK;EACd,IAAMC,KAAK,GAAGH,aAAa,CAACI,IAAI,CAACF,IAAI,CAAC;EACtC,OACIC,KAAK,IAAI;IACLG,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,MAAM,EAAEJ,KAAK,CAAC,CAAC,CAAC,CAACI,MAAM;IACvBL,IAAI,EAAEC,KAAK,CAAC,CAAC,CAAC;IACdK,GAAG,mBAAYL,KAAK,CAAC,CAAC,CAAC;EAC3B,CAAC;AAET,CAAC,CACJ;AAEM,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAqB,GAAsB;EACpD,oBAAO,oBAAC,qCAAc;IAAC,QAAQ,EAAET;EAAS,EAAG;AACjD,CAAC;AAAC"}

package/plugins/AutoLinkPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from "./AutoLinkPlugin";

package/plugins/AutoLinkPlugin/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _AutoLinkPlugin = require("./AutoLinkPlugin");
+Object.keys(_AutoLinkPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AutoLinkPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AutoLinkPlugin[key];
+    }
+  });
+});

package/plugins/AutoLinkPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AutoLinkPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/BlurEventPlugin/BlurEventPlugin.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { LexicalValue } from "../../types";
+interface BlurEventPlugin {
+    onBlur?: (editorState: LexicalValue) => void;
+}
+export declare const BlurEventPlugin: FC<BlurEventPlugin>;
+export {};

package/plugins/BlurEventPlugin/BlurEventPlugin.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlurEventPlugin = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _lexical = require("lexical");
+var BlurEventPlugin = function BlurEventPlugin(_ref) {
+  var onBlur = _ref.onBlur;
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    return editor.registerCommand(_lexical.BLUR_COMMAND, function () {
+      if (typeof onBlur === "function") {
+        var _editorState = editor.getEditorState();
+        onBlur(JSON.stringify(_editorState.toJSON()));
+      }
+      return false;
+    }, _lexical.COMMAND_PRIORITY_LOW);
+  }, []);
+  return null;
+};
+exports.BlurEventPlugin = BlurEventPlugin;

package/plugins/BlurEventPlugin/BlurEventPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlurEventPlugin","onBlur","useLexicalComposerContext","editor","useEffect","registerCommand","BLUR_COMMAND","editorState","getEditorState","JSON","stringify","toJSON","COMMAND_PRIORITY_LOW"],"sources":["BlurEventPlugin.tsx"],"sourcesContent":["import { FC, useEffect } from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW } from \"lexical\";\nimport { LexicalValue } from \"~/types\";\n\ninterface BlurEventPlugin {\n    onBlur?: (editorState: LexicalValue) => void;\n}\n\nexport const BlurEventPlugin: FC<BlurEventPlugin> = ({ onBlur }) => {\n    const [editor] = useLexicalComposerContext();\n\n    useEffect(\n        () =>\n            editor.registerCommand(\n                BLUR_COMMAND,\n                () => {\n                    if (typeof onBlur === \"function\") {\n                        const editorState = editor.getEditorState();\n                        onBlur(JSON.stringify(editorState.toJSON()));\n                    }\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n        []\n    );\n    return null;\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAOO,IAAMA,eAAoC,GAAG,SAAvCA,eAAoC,OAAmB;EAAA,IAAbC,MAAM,QAANA,MAAM;EACzD,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EAEb,IAAAC,gBAAS,EACL;IAAA,OACID,MAAM,CAACE,eAAe,CAClBC,qBAAY,EACZ,YAAM;MACF,IAAI,OAAOL,MAAM,KAAK,UAAU,EAAE;QAC9B,IAAMM,YAAW,GAAGJ,MAAM,CAACK,cAAc,EAAE;QAC3CP,MAAM,CAACQ,IAAI,CAACC,SAAS,CAACH,YAAW,CAACI,MAAM,EAAE,CAAC,CAAC;MAChD;MACA,OAAO,KAAK;IAChB,CAAC,EACDC,6BAAoB,CACvB;EAAA,GACL,EAAE,CACL;EACD,OAAO,IAAI;AACf,CAAC;AAAC"}

package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ *
+ */
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+import type { LinkNode } from "@lexical/link";
+declare type LinkFilter = (event: MouseEvent, linkNode: LinkNode) => boolean;
+export declare function ClickableLinkPlugin({ filter, newTab }: {
+    filter?: LinkFilter;
+    newTab?: boolean;
+}): JSX.Element | null;
+export {};

package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClickableLinkPlugin = ClickableLinkPlugin;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _link = require("@lexical/link");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _lexical = require("lexical");
+var _react = require("react");
+/**
+ * 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.
+ *
+ */
+
+function ClickableLinkPlugin(_ref) {
+  var filter = _ref.filter,
+    _ref$newTab = _ref.newTab,
+    newTab = _ref$newTab === void 0 ? true : _ref$newTab;
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    function onClick(e) {
+      var event = e;
+      var linkDomNode = getLinkDomNode(event, editor);
+      if (linkDomNode === null) {
+        return;
+      }
+      var href = linkDomNode.getAttribute("href");
+      if (linkDomNode.getAttribute("contenteditable") === "false" || href === undefined) {
+        return;
+      }
+
+      // Allow user to select link text without following url
+      var selection = editor.getEditorState().read(_lexical.$getSelection);
+      if ((0, _lexical.$isRangeSelection)(selection) && !selection.isCollapsed()) {
+        return;
+      }
+      var linkNode = null;
+      editor.update(function () {
+        var maybeLinkNode = (0, _lexical.$getNearestNodeFromDOMNode)(linkDomNode);
+        if ((0, _link.$isLinkNode)(maybeLinkNode)) {
+          linkNode = maybeLinkNode;
+        }
+      });
+      if (linkNode === null || filter !== undefined && !filter(event, linkNode)) {
+        return;
+      }
+      try {
+        if (href !== null) {
+          window.open(href, newTab || event.metaKey || event.ctrlKey ? "_blank" : "_self");
+        }
+      } catch (_unused) {
+        // It didn't work, which is better than throwing an exception!
+      }
+    }
+    return editor.registerRootListener(function (rootElement, prevRootElement) {
+      if (prevRootElement !== null) {
+        prevRootElement.removeEventListener("click", onClick);
+      }
+      if (rootElement !== null) {
+        rootElement.addEventListener("click", onClick);
+      }
+    });
+  }, [editor, filter, newTab]);
+  return null;
+}
+function isLinkDomNode(domNode) {
+  return domNode.nodeName.toLowerCase() === "a";
+}
+function getLinkDomNode(event, editor) {
+  return editor.getEditorState().read(function () {
+    var domNode = event.target;
+    if (isLinkDomNode(domNode)) {
+      return domNode;
+    }
+    if (domNode.parentNode && isLinkDomNode(domNode.parentNode)) {
+      return domNode.parentNode;
+    }
+    return null;
+  });
+}

package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ClickableLinkPlugin","filter","newTab","useLexicalComposerContext","editor","useEffect","onClick","e","event","linkDomNode","getLinkDomNode","href","getAttribute","undefined","selection","getEditorState","read","$getSelection","$isRangeSelection","isCollapsed","linkNode","update","maybeLinkNode","$getNearestNodeFromDOMNode","$isLinkNode","window","open","metaKey","ctrlKey","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isLinkDomNode","domNode","nodeName","toLowerCase","target","parentNode"],"sources":["ClickableLinkPlugin.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { LinkNode } from \"@lexical/link\";\nimport type { LexicalEditor } from \"lexical\";\n\nimport { $isLinkNode } from \"@lexical/link\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $getNearestNodeFromDOMNode, $getSelection, $isRangeSelection } from \"lexical\";\nimport { useEffect } from \"react\";\n\ntype LinkFilter = (event: MouseEvent, linkNode: LinkNode) => boolean;\n\nexport function ClickableLinkPlugin({\n    filter,\n    newTab = true\n}: {\n    filter?: LinkFilter;\n    newTab?: boolean;\n}): JSX.Element | null {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        function onClick(e: Event) {\n            const event = e as MouseEvent;\n            const linkDomNode = getLinkDomNode(event, editor);\n\n            if (linkDomNode === null) {\n                return;\n            }\n\n            const href = linkDomNode.getAttribute(\"href\");\n\n            if (linkDomNode.getAttribute(\"contenteditable\") === \"false\" || href === undefined) {\n                return;\n            }\n\n            // Allow user to select link text without following url\n            const selection = editor.getEditorState().read($getSelection);\n            if ($isRangeSelection(selection) && !selection.isCollapsed()) {\n                return;\n            }\n\n            let linkNode = null;\n            editor.update(() => {\n                const maybeLinkNode = $getNearestNodeFromDOMNode(linkDomNode);\n\n                if ($isLinkNode(maybeLinkNode)) {\n                    linkNode = maybeLinkNode;\n                }\n            });\n\n            if (linkNode === null || (filter !== undefined && !filter(event, linkNode))) {\n                return;\n            }\n\n            try {\n                if (href !== null) {\n                    window.open(\n                        href,\n                        newTab || event.metaKey || event.ctrlKey ? \"_blank\" : \"_self\"\n                    );\n                }\n            } catch {\n                // It didn't work, which is better than throwing an exception!\n            }\n        }\n\n        return editor.registerRootListener(\n            (rootElement: null | HTMLElement, prevRootElement: null | HTMLElement) => {\n                if (prevRootElement !== null) {\n                    prevRootElement.removeEventListener(\"click\", onClick);\n                }\n\n                if (rootElement !== null) {\n                    rootElement.addEventListener(\"click\", onClick);\n                }\n            }\n        );\n    }, [editor, filter, newTab]);\n    return null;\n}\n\nfunction isLinkDomNode(domNode: Node): boolean {\n    return domNode.nodeName.toLowerCase() === \"a\";\n}\n\nfunction getLinkDomNode(event: MouseEvent, editor: LexicalEditor): HTMLAnchorElement | null {\n    return editor.getEditorState().read(() => {\n        const domNode = event.target as Node;\n\n        if (isLinkDomNode(domNode)) {\n            return domNode as HTMLAnchorElement;\n        }\n\n        if (domNode.parentNode && isLinkDomNode(domNode.parentNode)) {\n            return domNode.parentNode as HTMLAnchorElement;\n        }\n\n        return null;\n    });\n}\n"],"mappings":";;;;;;;;AAWA;AACA;AACA;AACA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYO,SAASA,mBAAmB,OAMZ;EAAA,IALnBC,MAAM,QAANA,MAAM;IAAA,mBACNC,MAAM;IAANA,MAAM,4BAAG,IAAI;EAKb,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,IAAAC,gBAAS,EAAC,YAAM;IACZ,SAASC,OAAO,CAACC,CAAQ,EAAE;MACvB,IAAMC,KAAK,GAAGD,CAAe;MAC7B,IAAME,WAAW,GAAGC,cAAc,CAACF,KAAK,EAAEJ,MAAM,CAAC;MAEjD,IAAIK,WAAW,KAAK,IAAI,EAAE;QACtB;MACJ;MAEA,IAAME,IAAI,GAAGF,WAAW,CAACG,YAAY,CAAC,MAAM,CAAC;MAE7C,IAAIH,WAAW,CAACG,YAAY,CAAC,iBAAiB,CAAC,KAAK,OAAO,IAAID,IAAI,KAAKE,SAAS,EAAE;QAC/E;MACJ;;MAEA;MACA,IAAMC,SAAS,GAAGV,MAAM,CAACW,cAAc,EAAE,CAACC,IAAI,CAACC,sBAAa,CAAC;MAC7D,IAAI,IAAAC,0BAAiB,EAACJ,SAAS,CAAC,IAAI,CAACA,SAAS,CAACK,WAAW,EAAE,EAAE;QAC1D;MACJ;MAEA,IAAIC,QAAQ,GAAG,IAAI;MACnBhB,MAAM,CAACiB,MAAM,CAAC,YAAM;QAChB,IAAMC,aAAa,GAAG,IAAAC,mCAA0B,EAACd,WAAW,CAAC;QAE7D,IAAI,IAAAe,iBAAW,EAACF,aAAa,CAAC,EAAE;UAC5BF,QAAQ,GAAGE,aAAa;QAC5B;MACJ,CAAC,CAAC;MAEF,IAAIF,QAAQ,KAAK,IAAI,IAAKnB,MAAM,KAAKY,SAAS,IAAI,CAACZ,MAAM,CAACO,KAAK,EAAEY,QAAQ,CAAE,EAAE;QACzE;MACJ;MAEA,IAAI;QACA,IAAIT,IAAI,KAAK,IAAI,EAAE;UACfc,MAAM,CAACC,IAAI,CACPf,IAAI,EACJT,MAAM,IAAIM,KAAK,CAACmB,OAAO,IAAInB,KAAK,CAACoB,OAAO,GAAG,QAAQ,GAAG,OAAO,CAChE;QACL;MACJ,CAAC,CAAC,gBAAM;QACJ;MAAA;IAER;IAEA,OAAOxB,MAAM,CAACyB,oBAAoB,CAC9B,UAACC,WAA+B,EAAEC,eAAmC,EAAK;MACtE,IAAIA,eAAe,KAAK,IAAI,EAAE;QAC1BA,eAAe,CAACC,mBAAmB,CAAC,OAAO,EAAE1B,OAAO,CAAC;MACzD;MAEA,IAAIwB,WAAW,KAAK,IAAI,EAAE;QACtBA,WAAW,CAACG,gBAAgB,CAAC,OAAO,EAAE3B,OAAO,CAAC;MAClD;IACJ,CAAC,CACJ;EACL,CAAC,EAAE,CAACF,MAAM,EAAEH,MAAM,EAAEC,MAAM,CAAC,CAAC;EAC5B,OAAO,IAAI;AACf;AAEA,SAASgC,aAAa,CAACC,OAAa,EAAW;EAC3C,OAAOA,OAAO,CAACC,QAAQ,CAACC,WAAW,EAAE,KAAK,GAAG;AACjD;AAEA,SAAS3B,cAAc,CAACF,KAAiB,EAAEJ,MAAqB,EAA4B;EACxF,OAAOA,MAAM,CAACW,cAAc,EAAE,CAACC,IAAI,CAAC,YAAM;IACtC,IAAMmB,OAAO,GAAG3B,KAAK,CAAC8B,MAAc;IAEpC,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;MACxB,OAAOA,OAAO;IAClB;IAEA,IAAIA,OAAO,CAACI,UAAU,IAAIL,aAAa,CAACC,OAAO,CAACI,UAAU,CAAC,EAAE;MACzD,OAAOJ,OAAO,CAACI,UAAU;IAC7B;IAEA,OAAO,IAAI;EACf,CAAC,CAAC;AACN"}

package/plugins/ClickableLinkPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from "./ClickableLinkPlugin";

package/plugins/ClickableLinkPlugin/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ClickableLinkPlugin = require("./ClickableLinkPlugin");
+Object.keys(_ClickableLinkPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ClickableLinkPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ClickableLinkPlugin[key];
+    }
+  });
+});

package/plugins/ClickableLinkPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ClickableLinkPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.d.ts

@@ -0,0 +1 @@
+export declare function CodeHighlightPlugin(): null;

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeHighlightPlugin = CodeHighlightPlugin;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _code = require("@lexical/code");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+function CodeHighlightPlugin() {
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = (0, _slicedToArray2.default)(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  (0, _react.useEffect)(function () {
+    return (0, _code.registerCodeHighlighting)(editor);
+  }, [editor]);
+  return null;
+}

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CodeHighlightPlugin","useLexicalComposerContext","editor","useEffect","registerCodeHighlighting"],"sources":["CodeHighlightPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerCodeHighlighting } from \"@lexical/code\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\n\nexport function CodeHighlightPlugin() {\n    const [editor] = useLexicalComposerContext();\n    useEffect(() => {\n        return registerCodeHighlighting(editor);\n    }, [editor]);\n    return null;\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEO,SAASA,mBAAmB,GAAG;EAClC,4BAAiB,IAAAC,iDAAyB,GAAE;IAAA;IAArCC,MAAM;EACb,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,8BAAwB,EAACF,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,OAAO,IAAI;AACf"}

package/plugins/CodeHighlightPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from "./CodeHighlightPlugin";

package/plugins/CodeHighlightPlugin/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CodeHighlightPlugin = require("./CodeHighlightPlugin");
+Object.keys(_CodeHighlightPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CodeHighlightPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CodeHighlightPlugin[key];
+    }
+  });
+});

package/plugins/CodeHighlightPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CodeHighlightPlugin\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.css

@@ -0,0 +1,118 @@
+.link-editor {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  max-width: 400px;
+  width: 100%;
+  height: 48px;
+  opacity: 0;
+  background-color: #fff;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  border-radius: 8px;
+  transition: opacity 0.5s;
+  will-change: transform;
+}
+
+.link-editor .button {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  padding: 6px;
+  border-radius: 8px;
+  cursor: pointer;
+  margin: 0 2px;
+}
+
+.link-editor .button.hovered {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  background-color: #eee;
+}
+
+.link-editor .button.active,
+.toolbar .button.active {
+  background-color: rgb(223, 232, 250);
+}
+
+.link-editor .link-input {
+  display: block;
+  width: calc(100% - 24px);
+  height: 32px;
+  box-sizing: border-box;
+  margin: 8px 12px;
+  padding: 8px 12px;
+  border-radius: 15px;
+  background-color: #eee;
+  font-size: 15px;
+  color: rgb(5, 5, 5);
+  border: 0;
+  outline: 0;
+  position: relative;
+  font-family: inherit;
+}
+
+.link-editor .link-input .link-unlink {
+  background-image: url(../../images/icons/unlink_icon.svg);
+  background-size: 18px;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 35px;
+  vertical-align: -0.25em;
+  position: absolute;
+  right: 5px;
+  top: 0;
+  bottom: 0;
+  cursor: pointer;
+}
+
+.link-editor .link-input .link-edit {
+  background-image: url(../../images/icons/pencil-fill.svg);
+  background-size: 16px;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 35px;
+  vertical-align: -0.25em;
+  position: absolute;
+  right: 35px;
+  top: 0;
+  bottom: 0;
+  cursor: pointer;
+}
+
+.link-editor .link-input a {
+  color: rgb(33, 111, 219);
+  text-decoration: none;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  margin-right: 30px;
+  text-overflow: ellipsis;
+}
+
+.link-editor .link-input a:hover {
+  text-decoration: underline;
+}
+
+.link-editor .font-size-wrapper,
+.link-editor .font-family-wrapper {
+  display: flex;
+  margin: 0 4px;
+}
+
+.link-editor select {
+  padding: 6px;
+  border: none;
+  background-color: rgba(0, 0, 0, 0.075);
+  border-radius: 4px;
+}
+
+.link-editor .button i,
+.actions i {
+  background-size: contain;
+  display: inline-block;
+  height: 20px;
+  width: 20px;
+  vertical-align: -0.25em;
+}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+import "./FloatingLinkEditorPlugin.css";
+export declare function FloatingLinkEditorPlugin({ anchorElem }: {
+    anchorElem?: HTMLElement;
+}): JSX.Element | null;