@webiny/lexical-editor 6.0.0-beta.0 → 6.0.0-rc.0

package/hooks/useCurrentElement.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getNodeFromSelection = getNodeFromSelection;
-exports.useCurrentElement = useCurrentElement;
-var _utils = require("@lexical/utils");
-var _lexical = require("lexical");
-var _useCurrentSelection = require("./useCurrentSelection");
-function useCurrentElement() {
-  return (0, _useCurrentSelection.useDeriveValueFromSelection)(function (_ref) {
-    var rangeSelection = _ref.rangeSelection;
+import { $isRootOrShadowRoot, $findMatchingParent } from "lexical";
+import { useDeriveValueFromSelection } from "./useCurrentSelection.js";
+export function useCurrentElement() {
+  return useDeriveValueFromSelection(({
+    rangeSelection
+  }) => {
     if (!rangeSelection) {
       return {
         element: null
@@ -21,11 +14,11 @@ function useCurrentElement() {
     };
   });
 }
-function getNodeFromSelection(selection) {
-  var anchorNode = selection.anchor.getNode();
-  var element = anchorNode.getKey() === "root" ? anchorNode : (0, _utils.$findMatchingParent)(anchorNode, function (e) {
-    var parent = e.getParent();
-    return parent !== null && (0, _lexical.$isRootOrShadowRoot)(parent);
+export function getNodeFromSelection(selection) {
+  const anchorNode = selection.anchor.getNode();
+  const element = anchorNode.getKey() === "root" ? anchorNode : $findMatchingParent(anchorNode, e => {
+    const parent = e.getParent();
+    return parent !== null && $isRootOrShadowRoot(parent);
   });
   return element || anchorNode.getTopLevelElementOrThrow();
 }

package/hooks/useCurrentElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_lexical","_useCurrentSelection","useCurrentElement","useDeriveValueFromSelection","_ref","rangeSelection","element","getNodeFromSelection","selection","anchorNode","anchor","getNode","getKey","$findMatchingParent","e","parent","getParent","$isRootOrShadowRoot","getTopLevelElementOrThrow"],"sources":["useCurrentElement.ts"],"sourcesContent":["import { $findMatchingParent } from \"@lexical/utils\";\nimport { $isRootOrShadowRoot, RangeSelection } from \"lexical\";\nimport { useDeriveValueFromSelection } from \"~/hooks/useCurrentSelection\";\n\nexport function useCurrentElement() {\n    return useDeriveValueFromSelection(({ rangeSelection }) => {\n        if (!rangeSelection) {\n            return { element: null };\n        }\n\n        return { element: getNodeFromSelection(rangeSelection) };\n    });\n}\n\nexport function getNodeFromSelection(selection: RangeSelection) {\n    const anchorNode = selection.anchor.getNode();\n\n    const element =\n        anchorNode.getKey() === \"root\"\n            ? anchorNode\n            : $findMatchingParent(anchorNode, e => {\n                  const parent = e.getParent();\n                  return parent !== null && $isRootOrShadowRoot(parent);\n              });\n\n    return element || anchorNode.getTopLevelElementOrThrow();\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAEO,SAASG,iBAAiBA,CAAA,EAAG;EAChC,OAAO,IAAAC,gDAA2B,EAAC,UAAAC,IAAA,EAAwB;IAAA,IAArBC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAChD,IAAI,CAACA,cAAc,EAAE;MACjB,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC;IAC5B;IAEA,OAAO;MAAEA,OAAO,EAAEC,oBAAoB,CAACF,cAAc;IAAE,CAAC;EAC5D,CAAC,CAAC;AACN;AAEO,SAASE,oBAAoBA,CAACC,SAAyB,EAAE;EAC5D,IAAMC,UAAU,GAAGD,SAAS,CAACE,MAAM,CAACC,OAAO,CAAC,CAAC;EAE7C,IAAML,OAAO,GACTG,UAAU,CAACG,MAAM,CAAC,CAAC,KAAK,MAAM,GACxBH,UAAU,GACV,IAAAI,0BAAmB,EAACJ,UAAU,EAAE,UAAAK,CAAC,EAAI;IACjC,IAAMC,MAAM,GAAGD,CAAC,CAACE,SAAS,CAAC,CAAC;IAC5B,OAAOD,MAAM,KAAK,IAAI,IAAI,IAAAE,4BAAmB,EAACF,MAAM,CAAC;EACzD,CAAC,CAAC;EAEZ,OAAOT,OAAO,IAAIG,UAAU,CAACS,yBAAyB,CAAC,CAAC;AAC5D","ignoreList":[]}
+{"version":3,"names":["$isRootOrShadowRoot","$findMatchingParent","useDeriveValueFromSelection","useCurrentElement","rangeSelection","element","getNodeFromSelection","selection","anchorNode","anchor","getNode","getKey","e","parent","getParent","getTopLevelElementOrThrow"],"sources":["useCurrentElement.ts"],"sourcesContent":["import type { RangeSelection } from \"lexical\";\nimport { $isRootOrShadowRoot, $findMatchingParent } from \"lexical\";\nimport { useDeriveValueFromSelection } from \"~/hooks/useCurrentSelection.js\";\n\nexport function useCurrentElement() {\n    return useDeriveValueFromSelection(({ rangeSelection }) => {\n        if (!rangeSelection) {\n            return { element: null };\n        }\n\n        return { element: getNodeFromSelection(rangeSelection) };\n    });\n}\n\nexport function getNodeFromSelection(selection: RangeSelection) {\n    const anchorNode = selection.anchor.getNode();\n\n    const element =\n        anchorNode.getKey() === \"root\"\n            ? anchorNode\n            : $findMatchingParent(anchorNode, e => {\n                  const parent = e.getParent();\n                  return parent !== null && $isRootOrShadowRoot(parent);\n              });\n\n    return element || anchorNode.getTopLevelElementOrThrow();\n}\n"],"mappings":"AACA,SAASA,mBAAmB,EAAEC,mBAAmB,QAAQ,SAAS;AAClE,SAASC,2BAA2B;AAEpC,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EAChC,OAAOD,2BAA2B,CAAC,CAAC;IAAEE;EAAe,CAAC,KAAK;IACvD,IAAI,CAACA,cAAc,EAAE;MACjB,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC;IAC5B;IAEA,OAAO;MAAEA,OAAO,EAAEC,oBAAoB,CAACF,cAAc;IAAE,CAAC;EAC5D,CAAC,CAAC;AACN;AAEA,OAAO,SAASE,oBAAoBA,CAACC,SAAyB,EAAE;EAC5D,MAAMC,UAAU,GAAGD,SAAS,CAACE,MAAM,CAACC,OAAO,CAAC,CAAC;EAE7C,MAAML,OAAO,GACTG,UAAU,CAACG,MAAM,CAAC,CAAC,KAAK,MAAM,GACxBH,UAAU,GACVP,mBAAmB,CAACO,UAAU,EAAEI,CAAC,IAAI;IACjC,MAAMC,MAAM,GAAGD,CAAC,CAACE,SAAS,CAAC,CAAC;IAC5B,OAAOD,MAAM,KAAK,IAAI,IAAIb,mBAAmB,CAACa,MAAM,CAAC;EACzD,CAAC,CAAC;EAEZ,OAAOR,OAAO,IAAIG,UAAU,CAACO,yBAAyB,CAAC,CAAC;AAC5D","ignoreList":[]}

package/hooks/useCurrentSelection.d.ts

@@ -1,4 +1,5 @@
-import { $getSelection, RangeSelection, NodeSelection } from "lexical";
+import type { RangeSelection, NodeSelection } from "lexical";
+import { $getSelection } from "lexical";
 export interface CurrentSelection {
     selection: ReturnType<typeof $getSelection>;
     rangeSelection: RangeSelection | null;

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 { LinkPlugin } from "./plugins/LinkPlugin/LinkPlugin";
-export { FloatingLinkEditorPlugin } from "./plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin";
-export { CodeHighlightPlugin } from "./plugins/CodeHighlightPlugin/CodeHighlightPlugin";
-export { BlurEventPlugin } from "./plugins/BlurEventPlugin/BlurEventPlugin";
-export { UpdateStatePlugin } from "./plugins/LexicalUpdateStatePlugin/UpdateStatePlugin";
-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";