@webiny/lexical-editor 5.44.1-beta.1 → 5.45.0-beta.0

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LexicalHtmlRenderer","require","_hooks","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Divider","_DropDown","_BoldAction","_BulletListAction","_CodeHighlightAction","_FontSizeAction","_FontColorAction","_ItalicAction","_LinkAction","_NumberedListAction","_QuoteAction","_UnderlineAction","_TypographyAction","_TextAlignmentAction","_ImageAction","_Toolbar","_StaticToolbar","_RichTextEditor","_HeadingEditor","_ParagraphEditor","_StateHandlingPlugin","_LinkPlugin","_FloatingLinkEditorPlugin","_CodeHighlightPlugin","_BlurEventPlugin","_FontColorPlugin","_TypographyPlugin","_QuoteNodePlugin","_ListPlugin","_ImagesPlugin","_generateInitialLexicalValue","_isValidLexicalData","_commands","_types","_interopRequireWildcard","types","_LexicalEditorConfig"],"sources":["index.ts"],"sourcesContent":["// render\nexport { LexicalHtmlRenderer } from \"~/components/LexicalHtmlRenderer\";\n// hooks\nexport * from \"./hooks\";\n// UI elements\nexport { Divider } from \"~/ui/Divider\";\nexport { DropDownItem } from \"~/ui/DropDown\";\nexport { DropDown } from \"~/ui/DropDown\";\n// actions\nexport { BoldAction } from \"~/components/ToolbarActions/BoldAction\";\nexport { BulletListAction } from \"~/components/ToolbarActions/BulletListAction\";\nexport { CodeHighlightAction } from \"~/components/ToolbarActions/CodeHighlightAction\";\nexport { FontSizeAction } from \"~/components/ToolbarActions/FontSizeAction\";\nexport { FontColorAction } from \"~/components/ToolbarActions/FontColorAction\";\nexport { ItalicAction } from \"~/components/ToolbarActions/ItalicAction\";\nexport { LinkAction } from \"~/components/ToolbarActions/LinkAction\";\nexport { NumberedListAction } from \"~/components/ToolbarActions/NumberedListAction\";\nexport { QuoteAction } from \"~/components/ToolbarActions/QuoteAction\";\nexport { UnderlineAction } from \"~/components/ToolbarActions/UnderlineAction\";\nexport { TypographyAction } from \"~/components/ToolbarActions/TypographyAction\";\nexport { TextAlignmentAction } from \"~/components/ToolbarActions/TextAlignmentAction\";\nexport { ImageAction } from \"~/components/ToolbarActions/ImageAction\";\n// toolbars\nexport { Toolbar } from \"~/components/Toolbar/Toolbar\";\nexport { StaticToolbar } from \"~/components/Toolbar/StaticToolbar\";\n// editor\nexport { RichTextEditor } from \"~/components/Editor/RichTextEditor\";\nexport { HeadingEditor } from \"~/components/Editor/HeadingEditor\";\nexport { ParagraphEditor } from \"~/components/Editor/ParagraphEditor\";\n// plugins\nexport { StateHandlingPlugin } from \"~/plugins/StateHandlingPlugin\";\nexport { LinkPlugin } from \"~/plugins/LinkPlugin/LinkPlugin\";\nexport { FloatingLinkEditorPlugin } from \"~/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin\";\nexport { CodeHighlightPlugin } from \"~/plugins/CodeHighlightPlugin/CodeHighlightPlugin\";\nexport { BlurEventPlugin } from \"~/plugins/BlurEventPlugin/BlurEventPlugin\";\nexport { FontColorPlugin } from \"~/plugins/FontColorPlugin/FontColorPlugin\";\nexport { TypographyPlugin } from \"~/plugins/TypographyPlugin/TypographyPlugin\";\nexport { QuotePlugin } from \"~/plugins/QuoteNodePlugin/QuoteNodePlugin\";\nexport { ListPlugin } from \"~/plugins/ListPLugin/ListPlugin\";\nexport { ImagesPlugin } from \"~/plugins/ImagesPlugin/ImagesPlugin\";\n// utils\nexport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nexport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\n// Commands\nexport * from \"~/commands\";\n// types\nexport * as types from \"./types\";\n// config\nexport {\n    LexicalEditorConfig,\n    useLexicalEditorConfig\n} from \"~/components/LexicalEditorConfig/LexicalEditorConfig\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["LexicalHtmlRenderer","Divider","DropDownItem","DropDown","BoldAction","BulletListAction","CodeHighlightAction","FontColorAction","ItalicAction","LinkAction","NumberedListAction","QuoteAction","UnderlineAction","TypographyAction","TextAlignmentAction","ImageAction","StaticToolbar","RichTextEditor","LinkPlugin","FloatingLinkEditorPlugin","CodeHighlightPlugin","BlurEventPlugin","FontColorPlugin","TypographyPlugin","QuotePlugin","ListPlugin","ImagesPlugin","StateHandlingPlugin","isValidLexicalData","types","LexicalEditorConfig","useLexicalEditorConfig"],"sources":["index.ts"],"sourcesContent":["// render\nexport { LexicalHtmlRenderer } from \"~/components/LexicalHtmlRenderer.js\";\n// hooks\nexport * from \"./hooks/index.js\";\n// UI elements\nexport { Divider } from \"~/ui/Divider.js\";\nexport { DropDownItem } from \"~/ui/DropDown.js\";\nexport { DropDown } from \"~/ui/DropDown.js\";\n// actions\nexport { BoldAction } from \"~/components/ToolbarActions/BoldAction.js\";\nexport { BulletListAction } from \"~/components/ToolbarActions/BulletListAction.js\";\nexport { CodeHighlightAction } from \"~/components/ToolbarActions/CodeHighlightAction.js\";\nexport { FontColorAction } from \"~/components/ToolbarActions/FontColorAction.js\";\nexport { ItalicAction } from \"~/components/ToolbarActions/ItalicAction.js\";\nexport { LinkAction } from \"~/components/ToolbarActions/LinkAction.js\";\nexport { NumberedListAction } from \"~/components/ToolbarActions/NumberedListAction.js\";\nexport { QuoteAction } from \"~/components/ToolbarActions/QuoteAction.js\";\nexport { UnderlineAction } from \"~/components/ToolbarActions/UnderlineAction.js\";\nexport { TypographyAction } from \"~/components/ToolbarActions/TypographyAction.js\";\nexport { TextAlignmentAction } from \"~/components/ToolbarActions/TextAlignmentAction.js\";\nexport { ImageAction } from \"~/components/ToolbarActions/ImageAction.js\";\n// toolbars\nexport { StaticToolbar } from \"~/components/Toolbar/StaticToolbar.js\";\n// editor\nexport { RichTextEditor } from \"~/components/Editor/RichTextEditor.js\";\n// plugins\nexport { LinkPlugin } from \"~/plugins/LinkPlugin/LinkPlugin.js\";\nexport { FloatingLinkEditorPlugin } from \"~/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js\";\nexport { CodeHighlightPlugin } from \"~/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js\";\nexport { BlurEventPlugin } from \"~/plugins/BlurEventPlugin/BlurEventPlugin.js\";\nexport { FontColorPlugin } from \"~/plugins/FontColorPlugin/FontColorPlugin.js\";\nexport { TypographyPlugin } from \"~/plugins/TypographyPlugin/TypographyPlugin.js\";\nexport { QuotePlugin } from \"~/plugins/QuoteNodePlugin/QuoteNodePlugin.js\";\nexport { ListPlugin } from \"~/plugins/ListPLugin/ListPlugin.js\";\nexport { ImagesPlugin } from \"~/plugins/ImagesPlugin/ImagesPlugin.js\";\nexport { StateHandlingPlugin } from \"~/plugins/StateHandlingPlugin.js\";\n// utils\nexport { isValidLexicalData } from \"~/utils/isValidLexicalData.js\";\n// Commands\nexport * from \"~/commands/index.js\";\n// types\nexport * as types from \"./types.js\";\n// config\nexport {\n    LexicalEditorConfig,\n    useLexicalEditorConfig\n} from \"~/components/LexicalEditorConfig/LexicalEditorConfig.js\";\n"],"mappings":"AAAA;AACA,SAASA,mBAAmB;AAC5B;AACA;AACA;AACA,SAASC,OAAO;AAChB,SAASC,YAAY;AACrB,SAASC,QAAQ;AACjB;AACA,SAASC,UAAU;AACnB,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,kBAAkB;AAC3B,SAASC,WAAW;AACpB,SAASC,eAAe;AACxB,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB;AACA,SAASC,aAAa;AACtB;AACA,SAASC,cAAc;AACvB;AACA,SAASC,UAAU;AACnB,SAASC,wBAAwB;AACjC,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,gBAAgB;AACzB,SAASC,WAAW;AACpB,SAASC,UAAU;AACnB,SAASC,YAAY;AACrB,SAASC,mBAAmB;AAC5B;AACA,SAASC,kBAAkB;AAC3B;AACA;AACA;AACA,OAAO,KAAKC,KAAK;AACjB;AACA,SACIC,mBAAmB,EACnBC,sBAAsB","ignoreList":[]}

package/package.json

@@ -1,40 +1,36 @@
 {
 	"name": "@webiny/lexical-editor",
-	"version": "5.44.1-beta.1",
+	"version": "5.45.0-beta.0",
+	"type": "module",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
 	},
 	"license": "MIT",
 	"dependencies": {
-		"@emotion/react": "11.10.8",
-		"@lexical/code": "0.23.1",
-		"@lexical/history": "0.23.1",
-		"@lexical/react": "0.23.1",
-		"@lexical/rich-text": "0.23.1",
-		"@lexical/selection": "0.23.1",
-		"@lexical/text": "0.23.1",
-		"@lexical/utils": "0.23.1",
-		"@webiny/lexical-nodes": "5.44.1-beta.1",
-		"@webiny/lexical-theme": "5.44.1-beta.1",
-		"@webiny/react-composition": "5.44.1-beta.1",
-		"@webiny/react-properties": "5.44.1-beta.1",
-		"emotion": "10.0.27",
-		"lexical": "0.23.1",
-		"lodash": "4.17.21",
+		"@floating-ui/dom": "1.7.5",
+		"@lexical/code": "0.40.0",
+		"@lexical/history": "0.40.0",
+		"@lexical/react": "0.40.0",
+		"@lexical/rich-text": "0.40.0",
+		"@lexical/selection": "0.40.0",
+		"@lexical/text": "0.40.0",
+		"@lexical/utils": "0.40.0",
+		"@webiny/lexical-nodes": "5.45.0-beta.0",
+		"@webiny/lexical-theme": "5.45.0-beta.0",
+		"@webiny/react-composition": "5.45.0-beta.0",
+		"@webiny/react-properties": "5.45.0-beta.0",
+		"lexical": "0.40.0",
+		"lodash": "4.17.23",
 		"react": "18.2.0",
 		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@webiny/project-utils": "5.44.1-beta.1"
+		"@webiny/build-tools": "5.45.0-beta.0"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "node ../cli/bin.js run build",
-		"watch": "node ../cli/bin.js run watch"
-	},
-	"gitHead": "ff5f085c417040291d39fdbe5153067f3a23ed86"
+	"gitHead": "b85c33cfbe7c02c130445c918d913ef4b2c09cb2"
 }

package/plugins/BlurEventPlugin/BlurEventPlugin.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import { LexicalValue } from "../../types";
+import type { FC } from "react";
+import type { LexicalValue } from "../../types.js";
 interface BlurEventPlugin {
     onBlur?: (editorState: LexicalValue) => void;
 }

package/plugins/BlurEventPlugin/BlurEventPlugin.js

@@ -1,25 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlurEventPlugin = void 0;
-var _react = require("react");
-var _lexical = require("lexical");
-var _hooks = require("../../hooks");
-var BlurEventPlugin = exports.BlurEventPlugin = function BlurEventPlugin(_ref) {
-  var onBlur = _ref.onBlur;
-  var _useRichTextEditor = (0, _hooks.useRichTextEditor)(),
-    editor = _useRichTextEditor.editor;
-  (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);
-  }, []);
+import { useEffect } from "react";
+import { BLUR_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
+import { useRichTextEditor } from "../../hooks/index.js";
+export const BlurEventPlugin = ({
+  onBlur
+}) => {
+  const {
+    editor
+  } = useRichTextEditor();
+  useEffect(() => editor.registerCommand(BLUR_COMMAND, () => {
+    if (typeof onBlur === "function") {
+      const editorState = editor.getEditorState();
+      onBlur(JSON.stringify(editorState.toJSON()));
+    }
+    return false;
+  }, COMMAND_PRIORITY_LOW), []);
   return null;
 };
 

package/plugins/BlurEventPlugin/BlurEventPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_lexical","_hooks","BlurEventPlugin","exports","_ref","onBlur","_useRichTextEditor","useRichTextEditor","editor","useEffect","registerCommand","BLUR_COMMAND","editorState","getEditorState","JSON","stringify","toJSON","COMMAND_PRIORITY_LOW"],"sources":["BlurEventPlugin.tsx"],"sourcesContent":["import { FC, useEffect } from \"react\";\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW } from \"lexical\";\nimport { LexicalValue } from \"~/types\";\nimport { useRichTextEditor } from \"~/hooks\";\n\ninterface BlurEventPlugin {\n    onBlur?: (editorState: LexicalValue) => void;\n}\n\nexport const BlurEventPlugin: FC<BlurEventPlugin> = ({ onBlur }) => {\n    const { editor } = useRichTextEditor();\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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAMO,IAAMG,eAAoC,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAvCA,eAAoCA,CAAAE,IAAA,EAAmB;EAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;EACzD,IAAAC,kBAAA,GAAmB,IAAAC,wBAAiB,EAAC,CAAC;IAA9BC,MAAM,GAAAF,kBAAA,CAANE,MAAM;EAEd,IAAAC,gBAAS,EACL;IAAA,OACID,MAAM,CAACE,eAAe,CAClBC,qBAAY,EACZ,YAAM;MACF,IAAI,OAAON,MAAM,KAAK,UAAU,EAAE;QAC9B,IAAMO,WAAW,GAAGJ,MAAM,CAACK,cAAc,CAAC,CAAC;QAC3CR,MAAM,CAACS,IAAI,CAACC,SAAS,CAACH,WAAW,CAACI,MAAM,CAAC,CAAC,CAAC,CAAC;MAChD;MACA,OAAO,KAAK;IAChB,CAAC,EACDC,6BACJ,CAAC;EAAA,GACL,EACJ,CAAC;EACD,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","BLUR_COMMAND","COMMAND_PRIORITY_LOW","useRichTextEditor","BlurEventPlugin","onBlur","editor","registerCommand","editorState","getEditorState","JSON","stringify","toJSON"],"sources":["BlurEventPlugin.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW } from \"lexical\";\nimport type { LexicalValue } from \"~/types.js\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\n\ninterface BlurEventPlugin {\n    onBlur?: (editorState: LexicalValue) => void;\n}\n\nexport const BlurEventPlugin: FC<BlurEventPlugin> = ({ onBlur }) => {\n    const { editor } = useRichTextEditor();\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":"AACA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,YAAY,EAAEC,oBAAoB,QAAQ,SAAS;AAE5D,SAASC,iBAAiB;AAM1B,OAAO,MAAMC,eAAoC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EAChE,MAAM;IAAEC;EAAO,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAEtCH,SAAS,CACL,MACIM,MAAM,CAACC,eAAe,CAClBN,YAAY,EACZ,MAAM;IACF,IAAI,OAAOI,MAAM,KAAK,UAAU,EAAE;MAC9B,MAAMG,WAAW,GAAGF,MAAM,CAACG,cAAc,CAAC,CAAC;MAC3CJ,MAAM,CAACK,IAAI,CAACC,SAAS,CAACH,WAAW,CAACI,MAAM,CAAC,CAAC,CAAC,CAAC;IAChD;IACA,OAAO,KAAK;EAChB,CAAC,EACDV,oBACJ,CAAC,EACL,EACJ,CAAC;EACD,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js

@@ -1,17 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CodeHighlightPlugin = CodeHighlightPlugin;
-var _react = require("react");
-var _code = require("@lexical/code");
-var _hooks = require("../../hooks");
-function CodeHighlightPlugin() {
-  var _useRichTextEditor = (0, _hooks.useRichTextEditor)(),
-    editor = _useRichTextEditor.editor;
-  (0, _react.useEffect)(function () {
-    return (0, _code.registerCodeHighlighting)(editor);
+import { useEffect } from "react";
+import { registerCodeHighlighting } from "@lexical/code";
+import { useRichTextEditor } from "../../hooks/index.js";
+export function CodeHighlightPlugin() {
+  const {
+    editor
+  } = useRichTextEditor();
+  useEffect(() => {
+    return registerCodeHighlighting(editor);
   }, [editor]);
   return null;
 }

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_code","_hooks","CodeHighlightPlugin","_useRichTextEditor","useRichTextEditor","editor","useEffect","registerCodeHighlighting"],"sources":["CodeHighlightPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerCodeHighlighting } from \"@lexical/code\";\nimport { useRichTextEditor } from \"~/hooks\";\n\nexport function CodeHighlightPlugin() {\n    const { editor } = useRichTextEditor();\n    useEffect(() => {\n        return registerCodeHighlighting(editor);\n    }, [editor]);\n    return null;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,SAASG,mBAAmBA,CAAA,EAAG;EAClC,IAAAC,kBAAA,GAAmB,IAAAC,wBAAiB,EAAC,CAAC;IAA9BC,MAAM,GAAAF,kBAAA,CAANE,MAAM;EACd,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,8BAAwB,EAACF,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,OAAO,IAAI;AACf","ignoreList":[]}
+{"version":3,"names":["useEffect","registerCodeHighlighting","useRichTextEditor","CodeHighlightPlugin","editor"],"sources":["CodeHighlightPlugin.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerCodeHighlighting } from \"@lexical/code\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\n\nexport function CodeHighlightPlugin() {\n    const { editor } = useRichTextEditor();\n    useEffect(() => {\n        return registerCodeHighlighting(editor);\n    }, [editor]);\n    return null;\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,wBAAwB,QAAQ,eAAe;AACxD,SAASC,iBAAiB;AAE1B,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EAClC,MAAM;IAAEC;EAAO,CAAC,GAAGF,iBAAiB,CAAC,CAAC;EACtCF,SAAS,CAAC,MAAM;IACZ,OAAOC,wBAAwB,CAACG,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,OAAO,IAAI;AACf","ignoreList":[]}

package/plugins/CodeHighlightPlugin/index.d.ts

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

package/plugins/CodeHighlightPlugin/index.js

@@ -1,18 +1,3 @@
-"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];
-    }
-  });
-});
+export * from "./CodeHighlightPlugin.js";
 
 //# sourceMappingURL=index.js.map

package/plugins/CodeHighlightPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_CodeHighlightPlugin","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./CodeHighlightPlugin\";\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CodeHighlightPlugin.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { LexicalEditor } from "lexical";
+import { LinkFormProps } from "./types.js";
+interface FloatingLinkEditorProps {
+    editor: LexicalEditor;
+    isVisible: boolean;
+    LinkForm: React.FunctionComponent<LinkFormProps>;
+}
+export declare function FloatingLinkEditor({ editor, isVisible, LinkForm }: FloatingLinkEditorProps): React.JSX.Element;
+export {};

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { useFloatingLinkEditor } from "./useFloatingLinkEditor.js";
+export function FloatingLinkEditor({
+  editor,
+  isVisible,
+  LinkForm
+}) {
+  const {
+    editorRef,
+    linkData,
+    applyChanges,
+    removeLink
+  } = useFloatingLinkEditor(editor);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: editorRef,
+    className: "z-dialog absolute link-editor",
+    style: {
+      opacity: isVisible ? 1 : 0,
+      pointerEvents: isVisible ? "auto" : "none"
+    }
+  }, isVisible ? /*#__PURE__*/React.createElement(LinkForm, {
+    linkData: linkData,
+    onSave: applyChanges,
+    removeLink: removeLink
+  }) : null);
+}
+
+//# sourceMappingURL=FloatingLinkEditor.js.map

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useFloatingLinkEditor","FloatingLinkEditor","editor","isVisible","LinkForm","editorRef","linkData","applyChanges","removeLink","createElement","ref","className","style","opacity","pointerEvents","onSave"],"sources":["FloatingLinkEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport type { LexicalEditor } from \"lexical\";\nimport { LinkFormProps } from \"./types.js\";\nimport { useFloatingLinkEditor } from \"./useFloatingLinkEditor.js\";\n\ninterface FloatingLinkEditorProps {\n    editor: LexicalEditor;\n    isVisible: boolean;\n    LinkForm: React.FunctionComponent<LinkFormProps>;\n}\n\nexport function FloatingLinkEditor({ editor, isVisible, LinkForm }: FloatingLinkEditorProps) {\n    const { editorRef, linkData, applyChanges, removeLink } = useFloatingLinkEditor(editor);\n\n    return (\n        <div\n            ref={editorRef}\n            className=\"z-dialog absolute link-editor\"\n            style={{ opacity: isVisible ? 1 : 0, pointerEvents: isVisible ? \"auto\" : \"none\" }}\n        >\n            {isVisible ? (\n                <LinkForm linkData={linkData} onSave={applyChanges} removeLink={removeLink} />\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,qBAAqB;AAQ9B,OAAO,SAASC,kBAAkBA,CAAC;EAAEC,MAAM;EAAEC,SAAS;EAAEC;AAAkC,CAAC,EAAE;EACzF,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAW,CAAC,GAAGR,qBAAqB,CAACE,MAAM,CAAC;EAEvF,oBACIH,KAAA,CAAAU,aAAA;IACIC,GAAG,EAAEL,SAAU;IACfM,SAAS,EAAC,+BAA+B;IACzCC,KAAK,EAAE;MAAEC,OAAO,EAAEV,SAAS,GAAG,CAAC,GAAG,CAAC;MAAEW,aAAa,EAAEX,SAAS,GAAG,MAAM,GAAG;IAAO;EAAE,GAEjFA,SAAS,gBACNJ,KAAA,CAAAU,aAAA,CAACL,QAAQ;IAACE,QAAQ,EAAEA,QAAS;IAACS,MAAM,EAAER,YAAa;IAACC,UAAU,EAAEA;EAAW,CAAE,CAAC,GAC9E,IACH,CAAC;AAEd","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorController.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { LinkFormProps } from "./types.js";
+interface FloatingLinkEditorProps {
+    LinkForm: React.FunctionComponent<LinkFormProps>;
+}
+export declare const FloatingLinkEditorController: (props: FloatingLinkEditorProps) => React.ReactPortal;
+export {};

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorController.js

@@ -0,0 +1,61 @@
+import React, { useCallback, useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { useRichTextEditor } from "../../hooks/index.js";
+import { getSelectedNode } from "../../utils/getSelectedNode.js";
+import { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from "@webiny/lexical-nodes";
+import { isChildOfLinkEditor } from "./isChildOfLinkEditor.js";
+import debounce from "lodash/debounce.js";
+import { $getSelection, $isRangeSelection, BLUR_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, mergeRegister, $findMatchingParent } from "lexical";
+import { FloatingLinkEditor } from "./FloatingLinkEditor.js";
+export const FloatingLinkEditorController = props => {
+  const {
+    editor,
+    getOverlaysElement
+  } = useRichTextEditor();
+  const [isLink, setIsLink] = useState(false);
+  const debounceSetIsLink = useCallback(debounce(setIsLink, 50), []);
+  const updateToolbar = useCallback(() => {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) {
+      return;
+    }
+    const node = getSelectedNode(selection);
+    const linkParent = $findMatchingParent(node, $isLinkNode);
+    const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);
+    const isLinkOrChildOfLink = Boolean($isLinkNode(node) || linkParent);
+    if (!isLinkOrChildOfLink) {
+      // When hiding the toolbar, we want to hide immediately.
+      setIsLink(false);
+    }
+    if (selection.dirty) {
+      // We don't want this menu to open for auto links.
+      if (linkParent != null && autoLinkParent == null) {
+        // When showing the toolbar, we want to debounce it, because sometimes selection gets updated
+        // multiple times, and the `selection.dirty` flag goes from true to false multiple times,
+        // eventually settling on `false`, which we want to set once it has settled.
+        debounceSetIsLink(true);
+      }
+    }
+  }, []);
+  useEffect(() => {
+    return mergeRegister(editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
+      updateToolbar();
+      return false;
+    }, COMMAND_PRIORITY_CRITICAL), editor.registerCommand(BLUR_COMMAND, payload => {
+      if (!isChildOfLinkEditor(payload.relatedTarget)) {
+        setIsLink(false);
+      }
+      return false;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(TOGGLE_LINK_COMMAND, payload => {
+      setIsLink(!!payload);
+      return false;
+    }, COMMAND_PRIORITY_CRITICAL));
+  }, [editor, updateToolbar]);
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(FloatingLinkEditor, {
+    isVisible: isLink,
+    editor: editor,
+    LinkForm: props.LinkForm
+  }), getOverlaysElement());
+};
+
+//# sourceMappingURL=FloatingLinkEditorController.js.map

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorController.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","useEffect","createPortal","useRichTextEditor","getSelectedNode","$isAutoLinkNode","$isLinkNode","TOGGLE_LINK_COMMAND","isChildOfLinkEditor","debounce","$getSelection","$isRangeSelection","BLUR_COMMAND","COMMAND_PRIORITY_CRITICAL","COMMAND_PRIORITY_LOW","SELECTION_CHANGE_COMMAND","mergeRegister","$findMatchingParent","FloatingLinkEditor","FloatingLinkEditorController","props","editor","getOverlaysElement","isLink","setIsLink","debounceSetIsLink","updateToolbar","selection","node","linkParent","autoLinkParent","isLinkOrChildOfLink","Boolean","dirty","registerCommand","payload","relatedTarget","createElement","isVisible","LinkForm"],"sources":["FloatingLinkEditorController.tsx"],"sourcesContent":["import React, { useCallback, useState, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useRichTextEditor } from \"~/hooks/index.js\";\nimport { getSelectedNode } from \"~/utils/getSelectedNode.js\";\nimport { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from \"@webiny/lexical-nodes\";\nimport { isChildOfLinkEditor } from \"~/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js\";\nimport debounce from \"lodash/debounce.js\";\nimport {\n    $getSelection,\n    $isRangeSelection,\n    BLUR_COMMAND,\n    COMMAND_PRIORITY_CRITICAL,\n    COMMAND_PRIORITY_LOW,\n    SELECTION_CHANGE_COMMAND,\n    mergeRegister,\n    $findMatchingParent\n} from \"lexical\";\nimport { FloatingLinkEditor } from \"./FloatingLinkEditor.js\";\nimport { LinkFormProps } from \"./types.js\";\n\ninterface FloatingLinkEditorProps {\n    LinkForm: React.FunctionComponent<LinkFormProps>;\n}\n\nexport const FloatingLinkEditorController = (props: FloatingLinkEditorProps) => {\n    const { editor, getOverlaysElement } = useRichTextEditor();\n    const [isLink, setIsLink] = useState(false);\n\n    const debounceSetIsLink = useCallback(debounce(setIsLink, 50), []);\n\n    const updateToolbar = useCallback(() => {\n        const selection = $getSelection();\n        if (!$isRangeSelection(selection)) {\n            return;\n        }\n\n        const node = getSelectedNode(selection);\n        const linkParent = $findMatchingParent(node, $isLinkNode);\n        const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n        const isLinkOrChildOfLink = Boolean($isLinkNode(node) || linkParent);\n\n        if (!isLinkOrChildOfLink) {\n            // When hiding the toolbar, we want to hide immediately.\n            setIsLink(false);\n        }\n\n        if (selection.dirty) {\n            // We don't want this menu to open for auto links.\n            if (linkParent != null && autoLinkParent == null) {\n                // When showing the toolbar, we want to debounce it, because sometimes selection gets updated\n                // multiple times, and the `selection.dirty` flag goes from true to false multiple times,\n                // eventually settling on `false`, which we want to set once it has settled.\n                debounceSetIsLink(true);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                SELECTION_CHANGE_COMMAND,\n                () => {\n                    updateToolbar();\n                    return false;\n                },\n                COMMAND_PRIORITY_CRITICAL\n            ),\n            editor.registerCommand(\n                BLUR_COMMAND,\n                payload => {\n                    if (!isChildOfLinkEditor(payload.relatedTarget as HTMLElement)) {\n                        setIsLink(false);\n                    }\n\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                TOGGLE_LINK_COMMAND,\n                payload => {\n                    setIsLink(!!payload);\n                    return false;\n                },\n                COMMAND_PRIORITY_CRITICAL\n            )\n        );\n    }, [editor, updateToolbar]);\n\n    return createPortal(\n        <FloatingLinkEditor isVisible={isLink} editor={editor} LinkForm={props.LinkForm} />,\n        getOverlaysElement()\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC/D,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,iBAAiB;AAC1B,SAASC,eAAe;AACxB,SAASC,eAAe,EAAEC,WAAW,EAAEC,mBAAmB,QAAQ,uBAAuB;AACzF,SAASC,mBAAmB;AAC5B,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SACIC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,yBAAyB,EACzBC,oBAAoB,EACpBC,wBAAwB,EACxBC,aAAa,EACbC,mBAAmB,QAChB,SAAS;AAChB,SAASC,kBAAkB;AAO3B,OAAO,MAAMC,4BAA4B,GAAIC,KAA8B,IAAK;EAC5E,MAAM;IAAEC,MAAM;IAAEC;EAAmB,CAAC,GAAGnB,iBAAiB,CAAC,CAAC;EAC1D,MAAM,CAACoB,MAAM,EAAEC,SAAS,CAAC,GAAGxB,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMyB,iBAAiB,GAAG1B,WAAW,CAACU,QAAQ,CAACe,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;EAElE,MAAME,aAAa,GAAG3B,WAAW,CAAC,MAAM;IACpC,MAAM4B,SAAS,GAAGjB,aAAa,CAAC,CAAC;IACjC,IAAI,CAACC,iBAAiB,CAACgB,SAAS,CAAC,EAAE;MAC/B;IACJ;IAEA,MAAMC,IAAI,GAAGxB,eAAe,CAACuB,SAAS,CAAC;IACvC,MAAME,UAAU,GAAGZ,mBAAmB,CAACW,IAAI,EAAEtB,WAAW,CAAC;IACzD,MAAMwB,cAAc,GAAGb,mBAAmB,CAACW,IAAI,EAAEvB,eAAe,CAAC;IACjE,MAAM0B,mBAAmB,GAAGC,OAAO,CAAC1B,WAAW,CAACsB,IAAI,CAAC,IAAIC,UAAU,CAAC;IAEpE,IAAI,CAACE,mBAAmB,EAAE;MACtB;MACAP,SAAS,CAAC,KAAK,CAAC;IACpB;IAEA,IAAIG,SAAS,CAACM,KAAK,EAAE;MACjB;MACA,IAAIJ,UAAU,IAAI,IAAI,IAAIC,cAAc,IAAI,IAAI,EAAE;QAC9C;QACA;QACA;QACAL,iBAAiB,CAAC,IAAI,CAAC;MAC3B;IACJ;EACJ,CAAC,EAAE,EAAE,CAAC;EAENxB,SAAS,CAAC,MAAM;IACZ,OAAOe,aAAa,CAChBK,MAAM,CAACa,eAAe,CAClBnB,wBAAwB,EACxB,MAAM;MACFW,aAAa,CAAC,CAAC;MACf,OAAO,KAAK;IAChB,CAAC,EACDb,yBACJ,CAAC,EACDQ,MAAM,CAACa,eAAe,CAClBtB,YAAY,EACZuB,OAAO,IAAI;MACP,IAAI,CAAC3B,mBAAmB,CAAC2B,OAAO,CAACC,aAA4B,CAAC,EAAE;QAC5DZ,SAAS,CAAC,KAAK,CAAC;MACpB;MAEA,OAAO,KAAK;IAChB,CAAC,EACDV,oBACJ,CAAC,EACDO,MAAM,CAACa,eAAe,CAClB3B,mBAAmB,EACnB4B,OAAO,IAAI;MACPX,SAAS,CAAC,CAAC,CAACW,OAAO,CAAC;MACpB,OAAO,KAAK;IAChB,CAAC,EACDtB,yBACJ,CACJ,CAAC;EACL,CAAC,EAAE,CAACQ,MAAM,EAAEK,aAAa,CAAC,CAAC;EAE3B,oBAAOxB,YAAY,cACfJ,KAAA,CAAAuC,aAAA,CAACnB,kBAAkB;IAACoB,SAAS,EAAEf,MAAO;IAACF,MAAM,EAAEA,MAAO;IAACkB,QAAQ,EAAEnB,KAAK,CAACmB;EAAS,CAAE,CAAC,EACnFjB,kBAAkB,CAAC,CACvB,CAAC;AACL,CAAC","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.css

@@ -1,23 +1,14 @@
 .link-editor {
-  position: absolute;
   top: 0;
   left: 0;
-  z-index: 31;
   max-width: 400px;
   width: 100%;
   opacity: 0;
   background-color: #fff;
-  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
   border-radius: 8px;
-  transition: opacity 0.5s;
-  will-change: transform;
-  padding: 10px 0;
+  pointer-events: all;
 }
-
-.link-editor .link-editor-target-checkbox {
-  padding: 10px 10px 5px 10px;
-}
-
 .link-editor .button {
   width: 20px;
   height: 20px;
@@ -40,131 +31,6 @@
   background-color: rgb(223, 232, 250);
 }
 
-.link-editor .link-editor-section {
-  margin: 0 15px;
-  padding: 10px 0;
-  width: calc(100% - 24px);
-}
-
-.link-editor .link-editor-popup-title {
-  margin: 0 15px 10px;
-  color: var(--mdc-theme-primary);
-}
-
-.link-editor .link-editor-section .header {
-  width: auto;
-  margin-bottom: 10px;
-}
-
-.link-editor .link-editor-section .header_icon {
-  font-size: 16px;
-  width: 16px;
-  height: 16px;
-}
-
-.link-editor .link-editor-section .header_title {
-  font-size: 16px;
-  font-width: bold;
-  color: var(--mdc-theme-primary);
-}
-
-.link-editor .link-editor-section .section-desc {
-  color: #0a0a0a;
-}
-
-.link-editor .link-editor-section.edit-form-bottom-menu {
-  display: flex;
-  justify-content: right;
-  margin-top: 5px;
-  column-gap: 10px;
-}
-
-.link-editor .link-editor-section ul {
-  list-style: initial;
-  padding: 0 20px;
-}
-
-.link-editor .link-editor-section ul li {
-  padding: 3px 0;
-}
-
-.link-editor .link-input {
-  display: block;
-  width: calc(100% - 24px);
-  height: 42px;
-  box-sizing: border-box;
-  margin: 12px;
-  padding: 12px;
-  border-radius: 10px;
-  background-color: #eee;
-  font-size: 16px;
-  color: rgb(5, 5, 5);
-  border: 0;
-  outline: 0;
-  position: relative;
-  font-family: inherit;
-}
-
-.link-editor .link-input.full-with {
-  width: 100%;
-  margin: 0;
-}
-
-.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;

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.d.ts

@@ -1,18 +1,6 @@
 import React from "react";
-import { LexicalEditor } from "lexical";
 import "./FloatingLinkEditorPlugin.css";
-export interface LinkData {
-    url: string;
-    target: string | null;
-    alt: string | null;
-}
-interface FloatingLinkEditorProps {
-    editor: LexicalEditor;
-    isVisible: boolean;
-    anchorElem: HTMLElement;
-}
-export declare function FloatingLinkEditor({ editor, isVisible, anchorElem }: FloatingLinkEditorProps): React.JSX.Element;
-export declare function FloatingLinkEditorPlugin({ anchorElem }: {
-    anchorElem?: HTMLElement;
-}): JSX.Element | null;
-export {};
+import { LinkFormProps } from "./types.js";
+export declare function FloatingLinkEditorPlugin(props: {
+    LinkForm: React.FunctionComponent<LinkFormProps>;
+}): React.JSX.Element;