@webiny/lexical-editor 6.0.0-alpha.5 → 6.0.0-rc.0

package/hooks/useFontColorPicker.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { FontColorActionContext } from "../context/FontColorActionContext";
+import { FontColorActionContext } from "../context/FontColorActionContext.js";
 export function useFontColorPicker() {
   const context = useContext(FontColorActionContext);
   if (!context) {

package/hooks/useFontColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","FontColorActionContext","useFontColorPicker","context","Error"],"sources":["useFontColorPicker.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { FontColorActionContext } from \"~/context/FontColorActionContext\";\n\nexport function useFontColorPicker() {\n    const context = useContext(FontColorActionContext);\n    if (!context) {\n        throw Error(\n            `Missing FontColorActionContext in the component hierarchy. Are you using \"useFontColorPicker()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,sBAAsB;AAE/B,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACjC,MAAMC,OAAO,GAAGH,UAAU,CAACC,sBAAsB,CAAC;EAClD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,qHACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}
+{"version":3,"names":["useContext","FontColorActionContext","useFontColorPicker","context","Error"],"sources":["useFontColorPicker.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { FontColorActionContext } from \"~/context/FontColorActionContext.js\";\n\nexport function useFontColorPicker() {\n    const context = useContext(FontColorActionContext);\n    if (!context) {\n        throw Error(\n            `Missing FontColorActionContext in the component hierarchy. Are you using \"useFontColorPicker()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,sBAAsB;AAE/B,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACjC,MAAMC,OAAO,GAAGH,UAAU,CAACC,sBAAsB,CAAC;EAClD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,qHACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}

package/hooks/useRichTextEditor.d.ts

@@ -1,2 +1,2 @@
-import { RichTextEditorContext } from "../context/RichTextEditorContext";
+import { RichTextEditorContext } from "../context/RichTextEditorContext.js";
 export declare function useRichTextEditor(): RichTextEditorContext;

package/hooks/useRichTextEditor.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { RichTextEditorContext } from "../context/RichTextEditorContext";
+import { RichTextEditorContext } from "../context/RichTextEditorContext.js";
 export function useRichTextEditor() {
   const context = useContext(RichTextEditorContext);
   if (!context) {

package/hooks/useRichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","RichTextEditorContext","useRichTextEditor","context","Error"],"sources":["useRichTextEditor.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { RichTextEditorContext } from \"~/context/RichTextEditorContext\";\n\nexport function useRichTextEditor() {\n    const context = useContext(RichTextEditorContext);\n    if (!context) {\n        throw Error(\n            `Missing RichTextEditorContext in the component hierarchy. Are you using \"useRichTextEditor()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB;AAE9B,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EAChC,MAAMC,OAAO,GAAGH,UAAU,CAACC,qBAAqB,CAAC;EACjD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,mHACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}
+{"version":3,"names":["useContext","RichTextEditorContext","useRichTextEditor","context","Error"],"sources":["useRichTextEditor.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { RichTextEditorContext } from \"~/context/RichTextEditorContext.js\";\n\nexport function useRichTextEditor() {\n    const context = useContext(RichTextEditorContext);\n    if (!context) {\n        throw Error(\n            `Missing RichTextEditorContext in the component hierarchy. Are you using \"useRichTextEditor()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB;AAE9B,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EAChC,MAAMC,OAAO,GAAGH,UAAU,CAACC,qBAAqB,CAAC;EACjD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,mHACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}

package/hooks/useTextAlignmentAction.d.ts

@@ -1 +1 @@
-export declare function useTextAlignmentAction(): import("../context/TextAlignmentActionContextProps").TextAlignmentActionContextProps;
+export declare function useTextAlignmentAction(): import("~/context/TextAlignmentActionContextProps.js").TextAlignmentActionContextProps;

package/hooks/useTextAlignmentAction.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { TextAlignmentActionContext } from "../context/TextAlignmentActionContextProps";
+import { TextAlignmentActionContext } from "../context/TextAlignmentActionContextProps.js";
 export function useTextAlignmentAction() {
   const context = useContext(TextAlignmentActionContext);
   if (!context) {

package/hooks/useTextAlignmentAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","TextAlignmentActionContext","useTextAlignmentAction","context","Error"],"sources":["useTextAlignmentAction.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TextAlignmentActionContext } from \"~/context/TextAlignmentActionContextProps\";\n\nexport function useTextAlignmentAction() {\n    const context = useContext(TextAlignmentActionContext);\n    if (!context) {\n        throw Error(\n            `Missing TextAlignmentActionContext in the component hierarchy. Are you using \"useTextAlignmentAction()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,0BAA0B;AAEnC,OAAO,SAASC,sBAAsBA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAGH,UAAU,CAACC,0BAA0B,CAAC;EACtD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,6HACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}
+{"version":3,"names":["useContext","TextAlignmentActionContext","useTextAlignmentAction","context","Error"],"sources":["useTextAlignmentAction.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TextAlignmentActionContext } from \"~/context/TextAlignmentActionContextProps.js\";\n\nexport function useTextAlignmentAction() {\n    const context = useContext(TextAlignmentActionContext);\n    if (!context) {\n        throw Error(\n            `Missing TextAlignmentActionContext in the component hierarchy. Are you using \"useTextAlignmentAction()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,0BAA0B;AAEnC,OAAO,SAASC,sBAAsBA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAGH,UAAU,CAACC,0BAA0B,CAAC;EACtD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,6HACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}

package/hooks/useTypographyAction.d.ts

@@ -1 +1 @@
-export declare function useTypographyAction(): import("../context/TypographyActionContext").TypographyActionContextProps;
+export declare function useTypographyAction(): import("~/context/TypographyActionContext.js").TypographyActionContextProps;

package/hooks/useTypographyAction.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { TypographyActionContext } from "../context/TypographyActionContext";
+import { TypographyActionContext } from "../context/TypographyActionContext.js";
 export function useTypographyAction() {
   const context = useContext(TypographyActionContext);
   if (!context) {

package/hooks/useTypographyAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","TypographyActionContext","useTypographyAction","context","Error"],"sources":["useTypographyAction.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TypographyActionContext } from \"~/context/TypographyActionContext\";\n\nexport function useTypographyAction() {\n    const context = useContext(TypographyActionContext);\n    if (!context) {\n        throw Error(\n            `Missing TypographyActionContext in the component hierarchy. Are you using \"useTypographyAction()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,uBAAuB;AAEhC,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAGH,UAAU,CAACC,uBAAuB,CAAC;EACnD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,uHACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}
+{"version":3,"names":["useContext","TypographyActionContext","useTypographyAction","context","Error"],"sources":["useTypographyAction.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TypographyActionContext } from \"~/context/TypographyActionContext.js\";\n\nexport function useTypographyAction() {\n    const context = useContext(TypographyActionContext);\n    if (!context) {\n        throw Error(\n            `Missing TypographyActionContext in the component hierarchy. Are you using \"useTypographyAction()\" in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,uBAAuB;AAEhC,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAGH,UAAU,CAACC,uBAAuB,CAAC;EACnD,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,uHACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}

package/index.d.ts

@@ -1,37 +1,33 @@
-export { LexicalHtmlRenderer } from "./components/LexicalHtmlRenderer";
-export * from "./hooks";
-export { Divider } from "./ui/Divider";
-export { DropDownItem } from "./ui/DropDown";
-export { DropDown } from "./ui/DropDown";
-export { BoldAction } from "./components/ToolbarActions/BoldAction";
-export { BulletListAction } from "./components/ToolbarActions/BulletListAction";
-export { CodeHighlightAction } from "./components/ToolbarActions/CodeHighlightAction";
-export { FontSizeAction } from "./components/ToolbarActions/FontSizeAction";
-export { FontColorAction } from "./components/ToolbarActions/FontColorAction";
-export { ItalicAction } from "./components/ToolbarActions/ItalicAction";
-export { LinkAction } from "./components/ToolbarActions/LinkAction";
-export { NumberedListAction } from "./components/ToolbarActions/NumberedListAction";
-export { QuoteAction } from "./components/ToolbarActions/QuoteAction";
-export { UnderlineAction } from "./components/ToolbarActions/UnderlineAction";
-export { TypographyAction } from "./components/ToolbarActions/TypographyAction";
-export { TextAlignmentAction } from "./components/ToolbarActions/TextAlignmentAction";
-export { ImageAction } from "./components/ToolbarActions/ImageAction";
-export { Toolbar } from "./components/Toolbar/Toolbar";
-export { StaticToolbar } from "./components/Toolbar/StaticToolbar";
-export { RichTextEditor } from "./components/Editor/RichTextEditor";
-export { HeadingEditor } from "./components/Editor/HeadingEditor";
-export { ParagraphEditor } from "./components/Editor/ParagraphEditor";
-export { LinkPlugin } from "./plugins/LinkPlugin/LinkPlugin";
-export { FloatingLinkEditorPlugin } from "./plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin";
-export { CodeHighlightPlugin } from "./plugins/CodeHighlightPlugin/CodeHighlightPlugin";
-export { BlurEventPlugin } from "./plugins/BlurEventPlugin/BlurEventPlugin";
-export { FontColorPlugin } from "./plugins/FontColorPlugin/FontColorPlugin";
-export { TypographyPlugin } from "./plugins/TypographyPlugin/TypographyPlugin";
-export { QuotePlugin } from "./plugins/QuoteNodePlugin/QuoteNodePlugin";
-export { ListPlugin } from "./plugins/ListPLugin/ListPlugin";
-export { ImagesPlugin } from "./plugins/ImagesPlugin/ImagesPlugin";
-export { StateHandlingPlugin } from "./plugins/StateHandlingPlugin";
-export { isValidLexicalData } from "./utils/isValidLexicalData";
-export * from "./commands";
-export * as types from "./types";
-export { LexicalEditorConfig, useLexicalEditorConfig } from "./components/LexicalEditorConfig/LexicalEditorConfig";
+export { LexicalHtmlRenderer } from "./components/LexicalHtmlRenderer.js";
+export * from "./hooks/index.js";
+export { Divider } from "./ui/Divider.js";
+export { DropDownItem } from "./ui/DropDown.js";
+export { DropDown } from "./ui/DropDown.js";
+export { BoldAction } from "./components/ToolbarActions/BoldAction.js";
+export { BulletListAction } from "./components/ToolbarActions/BulletListAction.js";
+export { CodeHighlightAction } from "./components/ToolbarActions/CodeHighlightAction.js";
+export { FontColorAction } from "./components/ToolbarActions/FontColorAction.js";
+export { ItalicAction } from "./components/ToolbarActions/ItalicAction.js";
+export { LinkAction } from "./components/ToolbarActions/LinkAction.js";
+export { NumberedListAction } from "./components/ToolbarActions/NumberedListAction.js";
+export { QuoteAction } from "./components/ToolbarActions/QuoteAction.js";
+export { UnderlineAction } from "./components/ToolbarActions/UnderlineAction.js";
+export { TypographyAction } from "./components/ToolbarActions/TypographyAction.js";
+export { TextAlignmentAction } from "./components/ToolbarActions/TextAlignmentAction.js";
+export { ImageAction } from "./components/ToolbarActions/ImageAction.js";
+export { StaticToolbar } from "./components/Toolbar/StaticToolbar.js";
+export { RichTextEditor } from "./components/Editor/RichTextEditor.js";
+export { LinkPlugin } from "./plugins/LinkPlugin/LinkPlugin.js";
+export { FloatingLinkEditorPlugin } from "./plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js";
+export { CodeHighlightPlugin } from "./plugins/CodeHighlightPlugin/CodeHighlightPlugin.js";
+export { BlurEventPlugin } from "./plugins/BlurEventPlugin/BlurEventPlugin.js";
+export { FontColorPlugin } from "./plugins/FontColorPlugin/FontColorPlugin.js";
+export { TypographyPlugin } from "./plugins/TypographyPlugin/TypographyPlugin.js";
+export { QuotePlugin } from "./plugins/QuoteNodePlugin/QuoteNodePlugin.js";
+export { ListPlugin } from "./plugins/ListPLugin/ListPlugin.js";
+export { ImagesPlugin } from "./plugins/ImagesPlugin/ImagesPlugin.js";
+export { StateHandlingPlugin } from "./plugins/StateHandlingPlugin.js";
+export { isValidLexicalData } from "./utils/isValidLexicalData.js";
+export * from "./commands/index.js";
+export * as types from "./types.js";
+export { LexicalEditorConfig, useLexicalEditorConfig } from "./components/LexicalEditorConfig/LexicalEditorConfig.js";

package/index.js

@@ -1,50 +1,46 @@
 // render
-export { LexicalHtmlRenderer } from "./components/LexicalHtmlRenderer";
+export { LexicalHtmlRenderer } from "./components/LexicalHtmlRenderer.js";
 // hooks
-export * from "./hooks";
+export * from "./hooks/index.js";
 // UI elements
-export { Divider } from "./ui/Divider";
-export { DropDownItem } from "./ui/DropDown";
-export { DropDown } from "./ui/DropDown";
+export { Divider } from "./ui/Divider.js";
+export { DropDownItem } from "./ui/DropDown.js";
+export { DropDown } from "./ui/DropDown.js";
 // actions
-export { BoldAction } from "./components/ToolbarActions/BoldAction";
-export { BulletListAction } from "./components/ToolbarActions/BulletListAction";
-export { CodeHighlightAction } from "./components/ToolbarActions/CodeHighlightAction";
-export { FontSizeAction } from "./components/ToolbarActions/FontSizeAction";
-export { FontColorAction } from "./components/ToolbarActions/FontColorAction";
-export { ItalicAction } from "./components/ToolbarActions/ItalicAction";
-export { LinkAction } from "./components/ToolbarActions/LinkAction";
-export { NumberedListAction } from "./components/ToolbarActions/NumberedListAction";
-export { QuoteAction } from "./components/ToolbarActions/QuoteAction";
-export { UnderlineAction } from "./components/ToolbarActions/UnderlineAction";
-export { TypographyAction } from "./components/ToolbarActions/TypographyAction";
-export { TextAlignmentAction } from "./components/ToolbarActions/TextAlignmentAction";
-export { ImageAction } from "./components/ToolbarActions/ImageAction";
+export { BoldAction } from "./components/ToolbarActions/BoldAction.js";
+export { BulletListAction } from "./components/ToolbarActions/BulletListAction.js";
+export { CodeHighlightAction } from "./components/ToolbarActions/CodeHighlightAction.js";
+export { FontColorAction } from "./components/ToolbarActions/FontColorAction.js";
+export { ItalicAction } from "./components/ToolbarActions/ItalicAction.js";
+export { LinkAction } from "./components/ToolbarActions/LinkAction.js";
+export { NumberedListAction } from "./components/ToolbarActions/NumberedListAction.js";
+export { QuoteAction } from "./components/ToolbarActions/QuoteAction.js";
+export { UnderlineAction } from "./components/ToolbarActions/UnderlineAction.js";
+export { TypographyAction } from "./components/ToolbarActions/TypographyAction.js";
+export { TextAlignmentAction } from "./components/ToolbarActions/TextAlignmentAction.js";
+export { ImageAction } from "./components/ToolbarActions/ImageAction.js";
 // toolbars
-export { Toolbar } from "./components/Toolbar/Toolbar";
-export { StaticToolbar } from "./components/Toolbar/StaticToolbar";
+export { StaticToolbar } from "./components/Toolbar/StaticToolbar.js";
 // editor
-export { RichTextEditor } from "./components/Editor/RichTextEditor";
-export { HeadingEditor } from "./components/Editor/HeadingEditor";
-export { ParagraphEditor } from "./components/Editor/ParagraphEditor";
+export { RichTextEditor } from "./components/Editor/RichTextEditor.js";
 // plugins
-export { LinkPlugin } from "./plugins/LinkPlugin/LinkPlugin";
-export { FloatingLinkEditorPlugin } from "./plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin";
-export { CodeHighlightPlugin } from "./plugins/CodeHighlightPlugin/CodeHighlightPlugin";
-export { BlurEventPlugin } from "./plugins/BlurEventPlugin/BlurEventPlugin";
-export { FontColorPlugin } from "./plugins/FontColorPlugin/FontColorPlugin";
-export { TypographyPlugin } from "./plugins/TypographyPlugin/TypographyPlugin";
-export { QuotePlugin } from "./plugins/QuoteNodePlugin/QuoteNodePlugin";
-export { ListPlugin } from "./plugins/ListPLugin/ListPlugin";
-export { ImagesPlugin } from "./plugins/ImagesPlugin/ImagesPlugin";
-export { StateHandlingPlugin } from "./plugins/StateHandlingPlugin";
+export { LinkPlugin } from "./plugins/LinkPlugin/LinkPlugin.js";
+export { FloatingLinkEditorPlugin } from "./plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js";
+export { CodeHighlightPlugin } from "./plugins/CodeHighlightPlugin/CodeHighlightPlugin.js";
+export { BlurEventPlugin } from "./plugins/BlurEventPlugin/BlurEventPlugin.js";
+export { FontColorPlugin } from "./plugins/FontColorPlugin/FontColorPlugin.js";
+export { TypographyPlugin } from "./plugins/TypographyPlugin/TypographyPlugin.js";
+export { QuotePlugin } from "./plugins/QuoteNodePlugin/QuoteNodePlugin.js";
+export { ListPlugin } from "./plugins/ListPLugin/ListPlugin.js";
+export { ImagesPlugin } from "./plugins/ImagesPlugin/ImagesPlugin.js";
+export { StateHandlingPlugin } from "./plugins/StateHandlingPlugin.js";
 // utils
-export { isValidLexicalData } from "./utils/isValidLexicalData";
+export { isValidLexicalData } from "./utils/isValidLexicalData.js";
 // Commands
-export * from "./commands";
+export * from "./commands/index.js";
 // types
-export * as types from "./types";
+export * as types from "./types.js";
 // config
-export { LexicalEditorConfig, useLexicalEditorConfig } from "./components/LexicalEditorConfig/LexicalEditorConfig";
+export { LexicalEditorConfig, useLexicalEditorConfig } from "./components/LexicalEditorConfig/LexicalEditorConfig.js";
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LexicalHtmlRenderer","Divider","DropDownItem","DropDown","BoldAction","BulletListAction","CodeHighlightAction","FontSizeAction","FontColorAction","ItalicAction","LinkAction","NumberedListAction","QuoteAction","UnderlineAction","TypographyAction","TextAlignmentAction","ImageAction","Toolbar","StaticToolbar","RichTextEditor","HeadingEditor","ParagraphEditor","LinkPlugin","FloatingLinkEditorPlugin","CodeHighlightPlugin","BlurEventPlugin","FontColorPlugin","TypographyPlugin","QuotePlugin","ListPlugin","ImagesPlugin","StateHandlingPlugin","isValidLexicalData","types","LexicalEditorConfig","useLexicalEditorConfig"],"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 { 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\";\nexport { StateHandlingPlugin } from \"~/plugins/StateHandlingPlugin\";\n// utils\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":"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,cAAc;AACvB,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,OAAO;AAChB,SAASC,aAAa;AACtB;AACA,SAASC,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB;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":[]}
+{"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": "6.0.0-alpha.5",
+	"version": "6.0.0-rc.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": "6.0.0-alpha.5",
-		"@webiny/lexical-theme": "6.0.0-alpha.5",
-		"@webiny/react-composition": "6.0.0-alpha.5",
-		"@webiny/react-properties": "6.0.0-alpha.5",
-		"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": "6.0.0-rc.0",
+		"@webiny/lexical-theme": "6.0.0-rc.0",
+		"@webiny/react-composition": "6.0.0-rc.0",
+		"@webiny/react-properties": "6.0.0-rc.0",
+		"lexical": "0.40.0",
+		"lodash": "4.17.23",
 		"react": "18.2.0",
 		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@webiny/project-utils": "6.0.0-alpha.5"
+		"@webiny/build-tools": "6.0.0-rc.0"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "node ../cli/bin.js run build",
-		"watch": "node ../cli/bin.js run watch"
-	},
-	"gitHead": "b7e120541b093e91f214904a9f13e4c2c4640978"
+	"gitHead": "0f2aa699f4642e550ab62c96fcd050e8d02345c9"
 }

package/plugins/BlurEventPlugin/BlurEventPlugin.d.ts

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

package/plugins/BlurEventPlugin/BlurEventPlugin.js

@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import { BLUR_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
-import { useRichTextEditor } from "../../hooks";
+import { useRichTextEditor } from "../../hooks/index.js";
 export const BlurEventPlugin = ({
   onBlur
 }) => {

package/plugins/BlurEventPlugin/BlurEventPlugin.js.map

@@ -1 +1 @@
-{"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\";\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":"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":[]}
+{"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,6 +1,6 @@
 import { useEffect } from "react";
 import { registerCodeHighlighting } from "@lexical/code";
-import { useRichTextEditor } from "../../hooks";
+import { useRichTextEditor } from "../../hooks/index.js";
 export function CodeHighlightPlugin() {
   const {
     editor

package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js.map

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

package/plugins/CodeHighlightPlugin/index.js.map

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

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.d.ts

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

package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.js

@@ -1,158 +1,28 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { getSelectedNode } from "../../utils/getSelectedNode";
-import { $isLinkNode, TOGGLE_LINK_COMMAND } from "@webiny/lexical-nodes";
-import { setFloatingElemPosition } from "../../utils/setFloatingElemPosition";
-import { sanitizeUrl } from "../../utils/sanitizeUrl";
-import { isChildOfLinkEditor } from "./isChildOfLinkEditor";
-import { LinkEditForm as DefaultLinkEditForm } from "./LinkEditForm";
-import { LinkPreviewForm } from "./LinkPreviewForm";
-import { SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_LOW, BLUR_COMMAND, $getSelection, $isRangeSelection } from "lexical";
-import { mergeRegister } from "@lexical/utils";
+import React from "react";
+import { useFloatingLinkEditor } from "./useFloatingLinkEditor.js";
 export function FloatingLinkEditor({
   editor,
   isVisible,
-  anchorElem,
-  LinkEditForm = DefaultLinkEditForm
+  LinkForm
 }) {
-  const editorRef = useRef(null);
-  const [linkData, setLinkData] = useState({
-    url: "",
-    target: null,
-    alt: null
-  });
-  const [isEditMode, setEditMode] = useState(false);
-  const [lastSelection, setLastSelection] = useState(null);
-  const updateLinkEditor = useCallback(() => {
-    const selection = $getSelection();
-    const emptyLinkData = {
-      url: "",
-      target: null,
-      alt: null
-    };
-    if ($isRangeSelection(selection)) {
-      const node = getSelectedNode(selection);
-      const parent = node.getParent();
-      if ($isLinkNode(parent)) {
-        const linkData = {
-          url: parent.getURL(),
-          target: parent.getTarget(),
-          alt: $isLinkNode(parent) ? parent.getAlt() : null
-        };
-        setLinkData(linkData);
-      } else if ($isLinkNode(node)) {
-        const linkData = {
-          url: node.getURL(),
-          target: node.getTarget(),
-          alt: $isLinkNode(node) ? node.getAlt() : null
-        };
-        setLinkData(linkData);
-      } else {
-        setLinkData(emptyLinkData);
-      }
-    }
-    const editorElem = editorRef.current;
-    const nativeSelection = window.getSelection();
-    const activeElement = document.activeElement;
-    if (editorElem === null) {
-      return;
-    }
-    const rootElement = editor.getRootElement();
-    if (selection !== null && nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
-      const domRange = nativeSelection.getRangeAt(0);
-      let rect;
-      if (nativeSelection.anchorNode === rootElement) {
-        let inner = rootElement;
-        while (inner.firstElementChild != null) {
-          inner = inner.firstElementChild;
-        }
-        rect = inner.getBoundingClientRect();
-      } else {
-        rect = domRange.getBoundingClientRect();
-      }
-      setFloatingElemPosition(rect, editorElem, anchorElem);
-      setLastSelection(selection);
-    } else if (!activeElement || activeElement.className !== "link-input") {
-      if (rootElement !== null) {
-        setFloatingElemPosition(null, editorElem, anchorElem);
-      }
-      setLastSelection(null);
-      setEditMode(false);
-      setLinkData(emptyLinkData);
-    }
-    return true;
-  }, [anchorElem, editor]);
-  const removeLink = () => {
-    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
-    setEditMode(false);
-  };
-  const applyChanges = linkData => {
-    const confirmedLinkData = {
-      url: sanitizeUrl(linkData.url),
-      target: linkData.target,
-      alt: linkData.alt
-    };
-    if (lastSelection !== null) {
-      editor.dispatchCommand(TOGGLE_LINK_COMMAND, confirmedLinkData);
-      setEditMode(false);
-    }
-  };
-  useEffect(() => {
-    const scrollerElem = anchorElem.parentElement;
-    const update = () => {
-      editor.getEditorState().read(() => {
-        updateLinkEditor();
-      });
-    };
-    window.addEventListener("resize", update);
-    if (scrollerElem) {
-      scrollerElem.addEventListener("scroll", update);
-    }
-    return () => {
-      window.removeEventListener("resize", update);
-      if (scrollerElem) {
-        scrollerElem.removeEventListener("scroll", update);
-      }
-    };
-  }, [anchorElem.parentElement, editor, updateLinkEditor]);
-  useEffect(() => {
-    return mergeRegister(editor.registerUpdateListener(({
-      editorState
-    }) => {
-      editorState.read(() => {
-        updateLinkEditor();
-      });
-    }), editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
-      updateLinkEditor();
-      return false;
-    }, COMMAND_PRIORITY_LOW), editor.registerCommand(BLUR_COMMAND, payload => {
-      if (!isChildOfLinkEditor(payload.relatedTarget)) {
-        // setEditMode(false);
-      }
-      return false;
-    }, COMMAND_PRIORITY_LOW));
-  }, [editor, updateLinkEditor]);
-  useEffect(() => {
-    editor.getEditorState().read(() => {
-      updateLinkEditor();
-    });
-  }, [editor, updateLinkEditor]);
+  const {
+    editorRef,
+    linkData,
+    applyChanges,
+    removeLink
+  } = useFloatingLinkEditor(editor);
   return /*#__PURE__*/React.createElement("div", {
     ref: editorRef,
-    className: "link-editor",
+    className: "z-dialog absolute link-editor",
     style: {
-      display: isVisible ? "block" : "none"
+      opacity: isVisible ? 1 : 0,
+      pointerEvents: isVisible ? "auto" : "none"
     }
-  }, isEditMode ? /*#__PURE__*/React.createElement(LinkEditForm, {
+  }, isVisible ? /*#__PURE__*/React.createElement(LinkForm, {
     linkData: linkData,
     onSave: applyChanges,
-    onCancel: () => setEditMode(false)
-  }) : /*#__PURE__*/React.createElement(LinkPreviewForm, {
-    linkData: linkData,
-    removeLink: removeLink,
-    onEdit: () => {
-      setEditMode(true);
-    }
-  }));
+    removeLink: removeLink
+  }) : null);
 }
 
 //# sourceMappingURL=FloatingLinkEditor.js.map