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

package/hooks/useCurrentSelection.js

@@ -1,39 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCurrentSelection = useCurrentSelection;
-exports.useDeriveValueFromSelection = useDeriveValueFromSelection;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _lexical = require("lexical");
-var _useIsMounted = require("./useIsMounted");
-var _useRichTextEditor3 = require("./useRichTextEditor");
+import { useCallback, useEffect, useState } from "react";
+import { $getSelection, $isRangeSelection, $isNodeSelection } from "lexical";
+import { useIsMounted } from "./useIsMounted.js";
+import { useRichTextEditor } from "./useRichTextEditor.js";
 function getOutput(selection) {
   return {
-    selection: selection,
-    rangeSelection: (0, _lexical.$isRangeSelection)(selection) ? selection : null,
-    nodeSelection: (0, _lexical.$isNodeSelection)(selection) ? selection : null
+    selection,
+    rangeSelection: $isRangeSelection(selection) ? selection : null,
+    nodeSelection: $isNodeSelection(selection) ? selection : null
   };
 }
-function useCurrentSelection() {
-  var _useRichTextEditor = (0, _useRichTextEditor3.useRichTextEditor)(),
-    editor = _useRichTextEditor.editor;
-  var _useState = (0, _react.useState)(getOutput(null)),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selection = _useState2[0],
-    setSelection = _useState2[1];
-  var isMounted = (0, _useIsMounted.useIsMounted)();
-  var storeSelection = (0, _react.useCallback)(function () {
-    editor.getEditorState().read(function () {
+export function useCurrentSelection() {
+  const {
+    editor
+  } = useRichTextEditor();
+  const [selection, setSelection] = useState(getOutput(null));
+  const isMounted = useIsMounted();
+  const storeSelection = useCallback(() => {
+    editor.read(() => {
       if (isMounted()) {
-        setSelection(getOutput((0, _lexical.$getSelection)()));
+        setSelection(getOutput($getSelection()));
       }
     });
   }, [editor]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     // On first mount, store current selection.
     storeSelection();
 
@@ -42,22 +31,20 @@ function useCurrentSelection() {
   }, []);
   return selection;
 }
-function useDeriveValueFromSelection(generator) {
-  var _useRichTextEditor2 = (0, _useRichTextEditor3.useRichTextEditor)(),
-    editor = _useRichTextEditor2.editor;
-  var _useState3 = (0, _react.useState)(generator(getOutput(null))),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  var isMounted = (0, _useIsMounted.useIsMounted)();
-  var generateValue = (0, _react.useCallback)(function () {
-    editor.getEditorState().read(function () {
+export function useDeriveValueFromSelection(generator) {
+  const {
+    editor
+  } = useRichTextEditor();
+  const [value, setValue] = useState(generator(getOutput(null)));
+  const isMounted = useIsMounted();
+  const generateValue = useCallback(() => {
+    editor.read(() => {
       if (isMounted()) {
-        setValue(generator(getOutput((0, _lexical.$getSelection)())));
+        setValue(generator(getOutput($getSelection())));
       }
     });
   }, [editor]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     // On first mount, generate current value.
     generateValue();
 

package/hooks/useCurrentSelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_lexical","_useIsMounted","_useRichTextEditor3","getOutput","selection","rangeSelection","$isRangeSelection","nodeSelection","$isNodeSelection","useCurrentSelection","_useRichTextEditor","useRichTextEditor","editor","_useState","useState","_useState2","_slicedToArray2","default","setSelection","isMounted","useIsMounted","storeSelection","useCallback","getEditorState","read","$getSelection","useEffect","registerUpdateListener","useDeriveValueFromSelection","generator","_useRichTextEditor2","_useState3","_useState4","value","setValue","generateValue"],"sources":["useCurrentSelection.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport {\n    $getSelection,\n    $isRangeSelection,\n    $isNodeSelection,\n    RangeSelection,\n    NodeSelection\n} from \"lexical\";\nimport { useIsMounted } from \"./useIsMounted\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\n\nexport interface CurrentSelection {\n    selection: ReturnType<typeof $getSelection>;\n    rangeSelection: RangeSelection | null;\n    nodeSelection: NodeSelection | null;\n}\n\ninterface Generator<T> {\n    (params: CurrentSelection): T;\n}\n\nfunction getOutput(selection: ReturnType<typeof $getSelection>) {\n    return {\n        selection,\n        rangeSelection: $isRangeSelection(selection) ? selection : null,\n        nodeSelection: $isNodeSelection(selection) ? selection : null\n    };\n}\n\nexport function useCurrentSelection() {\n    const { editor } = useRichTextEditor();\n    const [selection, setSelection] = useState<CurrentSelection>(getOutput(null));\n    const isMounted = useIsMounted();\n\n    const storeSelection = useCallback(() => {\n        editor.getEditorState().read(() => {\n            if (isMounted()) {\n                setSelection(getOutput($getSelection()));\n            }\n        });\n    }, [editor]);\n\n    useEffect(() => {\n        // On first mount, store current selection.\n        storeSelection();\n\n        // Subscribe to editor updates and keep track of the selection.\n        return editor.registerUpdateListener(storeSelection);\n    }, []);\n\n    return selection;\n}\n\nexport function useDeriveValueFromSelection<T>(generator: Generator<T>) {\n    const { editor } = useRichTextEditor();\n    const [value, setValue] = useState<T>(generator(getOutput(null)));\n    const isMounted = useIsMounted();\n\n    const generateValue = useCallback(() => {\n        editor.getEditorState().read(() => {\n            if (isMounted()) {\n                setValue(generator(getOutput($getSelection())));\n            }\n        });\n    }, [editor]);\n\n    useEffect(() => {\n        // On first mount, generate current value.\n        generateValue();\n\n        // Subscribe to editor updates and regenerate the value.\n        return editor.registerUpdateListener(generateValue);\n    }, []);\n\n    return value;\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAOA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAYA,SAASI,SAASA,CAACC,SAA2C,EAAE;EAC5D,OAAO;IACHA,SAAS,EAATA,SAAS;IACTC,cAAc,EAAE,IAAAC,0BAAiB,EAACF,SAAS,CAAC,GAAGA,SAAS,GAAG,IAAI;IAC/DG,aAAa,EAAE,IAAAC,yBAAgB,EAACJ,SAAS,CAAC,GAAGA,SAAS,GAAG;EAC7D,CAAC;AACL;AAEO,SAASK,mBAAmBA,CAAA,EAAG;EAClC,IAAAC,kBAAA,GAAmB,IAAAC,qCAAiB,EAAC,CAAC;IAA9BC,MAAM,GAAAF,kBAAA,CAANE,MAAM;EACd,IAAAC,SAAA,GAAkC,IAAAC,eAAQ,EAAmBX,SAAS,CAAC,IAAI,CAAC,CAAC;IAAAY,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAtET,SAAS,GAAAW,UAAA;IAAEG,YAAY,GAAAH,UAAA;EAC9B,IAAMI,SAAS,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAEhC,IAAMC,cAAc,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACrCV,MAAM,CAACW,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,YAAM;MAC/B,IAAIL,SAAS,CAAC,CAAC,EAAE;QACbD,YAAY,CAACf,SAAS,CAAC,IAAAsB,sBAAa,EAAC,CAAC,CAAC,CAAC;MAC5C;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACb,MAAM,CAAC,CAAC;EAEZ,IAAAc,gBAAS,EAAC,YAAM;IACZ;IACAL,cAAc,CAAC,CAAC;;IAEhB;IACA,OAAOT,MAAM,CAACe,sBAAsB,CAACN,cAAc,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOjB,SAAS;AACpB;AAEO,SAASwB,2BAA2BA,CAAIC,SAAuB,EAAE;EACpE,IAAAC,mBAAA,GAAmB,IAAAnB,qCAAiB,EAAC,CAAC;IAA9BC,MAAM,GAAAkB,mBAAA,CAANlB,MAAM;EACd,IAAAmB,UAAA,GAA0B,IAAAjB,eAAQ,EAAIe,SAAS,CAAC1B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAAA6B,UAAA,OAAAhB,eAAA,CAAAC,OAAA,EAAAc,UAAA;IAA1DE,KAAK,GAAAD,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EACtB,IAAMb,SAAS,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAEhC,IAAMe,aAAa,GAAG,IAAAb,kBAAW,EAAC,YAAM;IACpCV,MAAM,CAACW,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,YAAM;MAC/B,IAAIL,SAAS,CAAC,CAAC,EAAE;QACbe,QAAQ,CAACL,SAAS,CAAC1B,SAAS,CAAC,IAAAsB,sBAAa,EAAC,CAAC,CAAC,CAAC,CAAC;MACnD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACb,MAAM,CAAC,CAAC;EAEZ,IAAAc,gBAAS,EAAC,YAAM;IACZ;IACAS,aAAa,CAAC,CAAC;;IAEf;IACA,OAAOvB,MAAM,CAACe,sBAAsB,CAACQ,aAAa,CAAC;EACvD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,KAAK;AAChB","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useState","$getSelection","$isRangeSelection","$isNodeSelection","useIsMounted","useRichTextEditor","getOutput","selection","rangeSelection","nodeSelection","useCurrentSelection","editor","setSelection","isMounted","storeSelection","read","registerUpdateListener","useDeriveValueFromSelection","generator","value","setValue","generateValue"],"sources":["useCurrentSelection.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport type { RangeSelection, NodeSelection } from \"lexical\";\nimport { $getSelection, $isRangeSelection, $isNodeSelection } from \"lexical\";\nimport { useIsMounted } from \"./useIsMounted.js\";\nimport { useRichTextEditor } from \"~/hooks/useRichTextEditor.js\";\n\nexport interface CurrentSelection {\n    selection: ReturnType<typeof $getSelection>;\n    rangeSelection: RangeSelection | null;\n    nodeSelection: NodeSelection | null;\n}\n\ninterface Generator<T> {\n    (params: CurrentSelection): T;\n}\n\nfunction getOutput(selection: ReturnType<typeof $getSelection>) {\n    return {\n        selection,\n        rangeSelection: $isRangeSelection(selection) ? selection : null,\n        nodeSelection: $isNodeSelection(selection) ? selection : null\n    };\n}\n\nexport function useCurrentSelection() {\n    const { editor } = useRichTextEditor();\n    const [selection, setSelection] = useState<CurrentSelection>(getOutput(null));\n    const isMounted = useIsMounted();\n\n    const storeSelection = useCallback(() => {\n        editor.read(() => {\n            if (isMounted()) {\n                setSelection(getOutput($getSelection()));\n            }\n        });\n    }, [editor]);\n\n    useEffect(() => {\n        // On first mount, store current selection.\n        storeSelection();\n\n        // Subscribe to editor updates and keep track of the selection.\n        return editor.registerUpdateListener(storeSelection);\n    }, []);\n\n    return selection;\n}\n\nexport function useDeriveValueFromSelection<T>(generator: Generator<T>) {\n    const { editor } = useRichTextEditor();\n    const [value, setValue] = useState<T>(generator(getOutput(null)));\n    const isMounted = useIsMounted();\n\n    const generateValue = useCallback(() => {\n        editor.read(() => {\n            if (isMounted()) {\n                setValue(generator(getOutput($getSelection())));\n            }\n        });\n    }, [editor]);\n\n    useEffect(() => {\n        // On first mount, generate current value.\n        generateValue();\n\n        // Subscribe to editor updates and regenerate the value.\n        return editor.registerUpdateListener(generateValue);\n    }, []);\n\n    return value;\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAExD,SAASC,aAAa,EAAEC,iBAAiB,EAAEC,gBAAgB,QAAQ,SAAS;AAC5E,SAASC,YAAY;AACrB,SAASC,iBAAiB;AAY1B,SAASC,SAASA,CAACC,SAA2C,EAAE;EAC5D,OAAO;IACHA,SAAS;IACTC,cAAc,EAAEN,iBAAiB,CAACK,SAAS,CAAC,GAAGA,SAAS,GAAG,IAAI;IAC/DE,aAAa,EAAEN,gBAAgB,CAACI,SAAS,CAAC,GAAGA,SAAS,GAAG;EAC7D,CAAC;AACL;AAEA,OAAO,SAASG,mBAAmBA,CAAA,EAAG;EAClC,MAAM;IAAEC;EAAO,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACE,SAAS,EAAEK,YAAY,CAAC,GAAGZ,QAAQ,CAAmBM,SAAS,CAAC,IAAI,CAAC,CAAC;EAC7E,MAAMO,SAAS,GAAGT,YAAY,CAAC,CAAC;EAEhC,MAAMU,cAAc,GAAGhB,WAAW,CAAC,MAAM;IACrCa,MAAM,CAACI,IAAI,CAAC,MAAM;MACd,IAAIF,SAAS,CAAC,CAAC,EAAE;QACbD,YAAY,CAACN,SAAS,CAACL,aAAa,CAAC,CAAC,CAAC,CAAC;MAC5C;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACU,MAAM,CAAC,CAAC;EAEZZ,SAAS,CAAC,MAAM;IACZ;IACAe,cAAc,CAAC,CAAC;;IAEhB;IACA,OAAOH,MAAM,CAACK,sBAAsB,CAACF,cAAc,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOP,SAAS;AACpB;AAEA,OAAO,SAASU,2BAA2BA,CAAIC,SAAuB,EAAE;EACpE,MAAM;IAAEP;EAAO,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACc,KAAK,EAAEC,QAAQ,CAAC,GAAGpB,QAAQ,CAAIkB,SAAS,CAACZ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;EACjE,MAAMO,SAAS,GAAGT,YAAY,CAAC,CAAC;EAEhC,MAAMiB,aAAa,GAAGvB,WAAW,CAAC,MAAM;IACpCa,MAAM,CAACI,IAAI,CAAC,MAAM;MACd,IAAIF,SAAS,CAAC,CAAC,EAAE;QACbO,QAAQ,CAACF,SAAS,CAACZ,SAAS,CAACL,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;MACnD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACU,MAAM,CAAC,CAAC;EAEZZ,SAAS,CAAC,MAAM;IACZ;IACAsB,aAAa,CAAC,CAAC;;IAEf;IACA,OAAOV,MAAM,CAACK,sBAAsB,CAACK,aAAa,CAAC;EACvD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,KAAK;AAChB","ignoreList":[]}

package/hooks/useFontColorPicker.d.ts

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

package/hooks/useFontColorPicker.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFontColorPicker = useFontColorPicker;
-var _react = require("react");
-var _FontColorActionContext = require("../context/FontColorActionContext");
-function useFontColorPicker() {
-  var context = (0, _react.useContext)(_FontColorActionContext.FontColorActionContext);
+import { useContext } from "react";
+import { FontColorActionContext } from "../context/FontColorActionContext.js";
+export function useFontColorPicker() {
+  const context = useContext(FontColorActionContext);
   if (!context) {
-    throw Error("Missing FontColorActionContext in the component hierarchy. Are you using \"useFontColorPicker()\" in the right place?");
+    throw Error(`Missing FontColorActionContext in the component hierarchy. Are you using "useFontColorPicker()" in the right place?`);
   }
   return context;
 }

package/hooks/useFontColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_FontColorActionContext","useFontColorPicker","context","useContext","FontColorActionContext","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,SAASE,kBAAkBA,CAAA,EAAG;EACjC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,8CAAsB,CAAC;EAClD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,wHAEX,CAAC;EACL;EAEA,OAAOH,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/useIsMounted.js

@@ -1,20 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsMounted = useIsMounted;
-var _react = require("react");
-function useIsMounted() {
-  var isMounted = (0, _react.useRef)(true);
-  (0, _react.useEffect)(function () {
-    return function () {
+import { useEffect, useRef } from "react";
+export function useIsMounted() {
+  const isMounted = useRef(true);
+  useEffect(() => {
+    return () => {
       isMounted.current = false;
     };
   }, []);
-  return function () {
-    return isMounted.current;
-  };
+  return () => isMounted.current;
 }
 
 //# sourceMappingURL=useIsMounted.js.map

package/hooks/useIsMounted.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useIsMounted","isMounted","useRef","useEffect","current"],"sources":["useIsMounted.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nexport function useIsMounted() {\n    const isMounted = useRef(true);\n\n    useEffect(() => {\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    return () => isMounted.current;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,YAAYA,CAAA,EAAG;EAC3B,IAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAE9B,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MACTF,SAAS,CAACG,OAAO,GAAG,KAAK;IAC7B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAA,OAAMH,SAAS,CAACG,OAAO;EAAA;AAClC","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useIsMounted","isMounted","current"],"sources":["useIsMounted.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nexport function useIsMounted() {\n    const isMounted = useRef(true);\n\n    useEffect(() => {\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    return () => isMounted.current;\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC3B,MAAMC,SAAS,GAAGF,MAAM,CAAC,IAAI,CAAC;EAE9BD,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACTG,SAAS,CAACC,OAAO,GAAG,KAAK;IAC7B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,MAAMD,SAAS,CAACC,OAAO;AAClC","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,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRichTextEditor = useRichTextEditor;
-var _react = require("react");
-var _RichTextEditorContext = require("../context/RichTextEditorContext");
-function useRichTextEditor() {
-  var context = (0, _react.useContext)(_RichTextEditorContext.RichTextEditorContext);
+import { useContext } from "react";
+import { RichTextEditorContext } from "../context/RichTextEditorContext.js";
+export function useRichTextEditor() {
+  const context = useContext(RichTextEditorContext);
   if (!context) {
-    throw Error("Missing RichTextEditorContext in the component hierarchy. Are you using \"useRichTextEditor()\" in the right place?");
+    throw Error(`Missing RichTextEditorContext in the component hierarchy. Are you using "useRichTextEditor()" in the right place?`);
   }
   return context;
 }

package/hooks/useRichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_RichTextEditorContext","useRichTextEditor","context","useContext","RichTextEditorContext","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,SAASE,iBAAiBA,CAAA,EAAG;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4CAAqB,CAAC;EACjD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,sHAEX,CAAC;EACL;EAEA,OAAOH,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,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTextAlignmentAction = useTextAlignmentAction;
-var _react = require("react");
-var _TextAlignmentActionContextProps = require("../context/TextAlignmentActionContextProps");
-function useTextAlignmentAction() {
-  var context = (0, _react.useContext)(_TextAlignmentActionContextProps.TextAlignmentActionContext);
+import { useContext } from "react";
+import { TextAlignmentActionContext } from "../context/TextAlignmentActionContextProps.js";
+export function useTextAlignmentAction() {
+  const context = useContext(TextAlignmentActionContext);
   if (!context) {
-    throw Error("Missing TextAlignmentActionContext in the component hierarchy. Are you using \"useTextAlignmentAction()\" in the right place?");
+    throw Error(`Missing TextAlignmentActionContext in the component hierarchy. Are you using "useTextAlignmentAction()" in the right place?`);
   }
   return context;
 }

package/hooks/useTextAlignmentAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_TextAlignmentActionContextProps","useTextAlignmentAction","context","useContext","TextAlignmentActionContext","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gCAAA,GAAAD,OAAA;AAEO,SAASE,sBAAsBA,CAAA,EAAG;EACrC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,2DAA0B,CAAC;EACtD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,gIAEX,CAAC;EACL;EAEA,OAAOH,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,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTypographyAction = useTypographyAction;
-var _react = require("react");
-var _TypographyActionContext = require("../context/TypographyActionContext");
-function useTypographyAction() {
-  var context = (0, _react.useContext)(_TypographyActionContext.TypographyActionContext);
+import { useContext } from "react";
+import { TypographyActionContext } from "../context/TypographyActionContext.js";
+export function useTypographyAction() {
+  const context = useContext(TypographyActionContext);
   if (!context) {
-    throw Error("Missing TypographyActionContext in the component hierarchy. Are you using \"useTypographyAction()\" in the right place?");
+    throw Error(`Missing TypographyActionContext in the component hierarchy. Are you using "useTypographyAction()" in the right place?`);
   }
   return context;
 }

package/hooks/useTypographyAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_TypographyActionContext","useTypographyAction","context","useContext","TypographyActionContext","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAAA,EAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gDAAuB,CAAC;EACnD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,0HAEX,CAAC;EACL;EAEA,OAAOH,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,38 +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 { StateHandlingPlugin } from "./plugins/StateHandlingPlugin";
-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 { generateInitialLexicalValue } from "./utils/generateInitialLexicalValue";
-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";