@webiny/lexical-editor 0.0.0-unstable.ecd8734205 → 5.35.0-beta.0

package/context/RichTextEditorContext.d.ts

@@ -1,7 +1,17 @@
 import React from "react";
+import { TextBlockSelection, ThemeEmotionMap, ToolbarType } from "../types";
+import { WebinyTheme } from "../themes/webinyLexicalTheme";
 export interface RichTextEditorContext {
     nodeIsText: boolean;
     setNodeIsText: (nodeIsText: boolean) => void;
+    toolbarType?: ToolbarType;
+    setToolbarType: (type: ToolbarType) => void;
+    textBlockSelection: TextBlockSelection | null;
+    setTextBlockSelection: (textBlockSelection: TextBlockSelection) => void;
+    theme?: WebinyTheme;
+    setTheme: (theme: WebinyTheme) => void;
+    themeEmotionMap?: ThemeEmotionMap;
+    setThemeEmotionMap: (themeEmotionMap?: ThemeEmotionMap) => void;
 }
 export declare const RichTextEditorContext: React.Context<RichTextEditorContext | undefined>;
 interface RichTextEditorProviderProps {

package/context/RichTextEditorContext.js

@@ -16,13 +16,40 @@ var RichTextEditorProvider = function RichTextEditorProvider(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     nodeIsText = _useState2[0],
     setIsText = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    toolbarType = _useState4[0],
+    setToolbarType = _useState4[1];
+  var _useState5 = (0, _react.useState)(undefined),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    theme = _useState6[0],
+    setTheme = _useState6[1];
+  var _useState7 = (0, _react.useState)(undefined),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    themeEmotionMap = _useState8[0],
+    setThemeEmotionMap = _useState8[1];
+  /*
+   * @desc Keeps data from current user text selection like range selection, nodes, node key...
+   */
+  var _useState9 = (0, _react.useState)(null),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    textBlockSelection = _useState10[0],
+    setTextBlockSelection = _useState10[1];
   var setNodeIsText = function setNodeIsText(nodeIsText) {
     setIsText(nodeIsText);
   };
   return /*#__PURE__*/_react.default.createElement(RichTextEditorContext.Provider, {
     value: {
       nodeIsText: nodeIsText,
-      setNodeIsText: setNodeIsText
+      setNodeIsText: setNodeIsText,
+      toolbarType: toolbarType,
+      setToolbarType: setToolbarType,
+      textBlockSelection: textBlockSelection,
+      setTextBlockSelection: setTextBlockSelection,
+      theme: theme,
+      setTheme: setTheme,
+      themeEmotionMap: themeEmotionMap,
+      setThemeEmotionMap: setThemeEmotionMap
     }
   }, children);
 };

package/context/RichTextEditorContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","RichTextEditorContext","createContext","undefined","exports","RichTextEditorProvider","_ref","children","_useState","useState","_useState2","_slicedToArray2","default","nodeIsText","setIsText","setNodeIsText","createElement","Provider","value"],"sources":["RichTextEditorContext.tsx"],"sourcesContent":["import React, { createContext, useState } from \"react\";\n\nexport interface RichTextEditorContext {\n    nodeIsText: boolean;\n    setNodeIsText: (nodeIsText: boolean) => void;\n}\n\nexport const RichTextEditorContext = createContext<RichTextEditorContext | undefined>(undefined);\n\ninterface RichTextEditorProviderProps {\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const RichTextEditorProvider: React.FC<RichTextEditorProviderProps> = ({ children }) => {\n    const [nodeIsText, setIsText] = useState<boolean>(false);\n    const setNodeIsText = (nodeIsText: boolean) => {\n        setIsText(nodeIsText);\n    };\n\n    return (\n        <RichTextEditorContext.Provider\n            value={{\n                nodeIsText,\n                setNodeIsText\n            }}\n        >\n            {children}\n        </RichTextEditorContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOO,IAAMC,qBAAqB,gBAAG,IAAAC,oBAAa,EAAoCC,SAAS,CAAC;AAACC,OAAA,CAAAH,qBAAA,GAAAA,qBAAA;AAM1F,IAAMI,sBAA6D,GAAG,SAAhEA,sBAA6DA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACpF,IAAAC,SAAA,GAAgC,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAjDK,UAAU,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAC5B,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAIF,UAAmB,EAAK;IAC3CC,SAAS,CAACD,UAAU,CAAC;EACzB,CAAC;EAED,oBACIf,MAAA,CAAAc,OAAA,CAAAI,aAAA,CAACf,qBAAqB,CAACgB,QAAQ;IAC3BC,KAAK,EAAE;MACHL,UAAU,EAAVA,UAAU;MACVE,aAAa,EAAbA;IACJ;EAAE,GAEDR,QAAQ,CACoB;AAEzC,CAAC;AAACH,OAAA,CAAAC,sBAAA,GAAAA,sBAAA"}
+{"version":3,"names":["RichTextEditorContext","createContext","undefined","RichTextEditorProvider","children","useState","nodeIsText","setIsText","toolbarType","setToolbarType","theme","setTheme","themeEmotionMap","setThemeEmotionMap","textBlockSelection","setTextBlockSelection","setNodeIsText"],"sources":["RichTextEditorContext.tsx"],"sourcesContent":["import React, { createContext, useState } from \"react\";\nimport { TextBlockSelection, ThemeEmotionMap, ToolbarType } from \"~/types\";\nimport { WebinyTheme } from \"~/themes/webinyLexicalTheme\";\n\nexport interface RichTextEditorContext {\n    nodeIsText: boolean;\n    setNodeIsText: (nodeIsText: boolean) => void;\n    toolbarType?: ToolbarType;\n    setToolbarType: (type: ToolbarType) => void;\n    textBlockSelection: TextBlockSelection | null;\n    setTextBlockSelection: (textBlockSelection: TextBlockSelection) => void;\n    theme?: WebinyTheme;\n    setTheme: (theme: WebinyTheme) => void;\n    themeEmotionMap?: ThemeEmotionMap;\n    setThemeEmotionMap: (themeEmotionMap?: ThemeEmotionMap) => void;\n}\n\nexport const RichTextEditorContext = createContext<RichTextEditorContext | undefined>(undefined);\n\ninterface RichTextEditorProviderProps {\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const RichTextEditorProvider: React.FC<RichTextEditorProviderProps> = ({ children }) => {\n    const [nodeIsText, setIsText] = useState<boolean>(false);\n    const [toolbarType, setToolbarType] = useState<ToolbarType | undefined>();\n    const [theme, setTheme] = useState<WebinyTheme | undefined>(undefined);\n    const [themeEmotionMap, setThemeEmotionMap] = useState<ThemeEmotionMap | undefined>(undefined);\n    /*\n     * @desc Keeps data from current user text selection like range selection, nodes, node key...\n     */\n    const [textBlockSelection, setTextBlockSelection] = useState<TextBlockSelection | null>(null);\n\n    const setNodeIsText = (nodeIsText: boolean) => {\n        setIsText(nodeIsText);\n    };\n\n    return (\n        <RichTextEditorContext.Provider\n            value={{\n                nodeIsText,\n                setNodeIsText,\n                toolbarType,\n                setToolbarType,\n                textBlockSelection,\n                setTextBlockSelection,\n                theme,\n                setTheme,\n                themeEmotionMap,\n                setThemeEmotionMap\n            }}\n        >\n            {children}\n        </RichTextEditorContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AAiBO,IAAMA,qBAAqB,gBAAG,IAAAC,oBAAa,EAAoCC,SAAS,CAAC;AAAC;AAM1F,IAAMC,sBAA6D,GAAG,SAAhEA,sBAA6D,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACpF,gBAAgC,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAjDC,UAAU;IAAEC,SAAS;EAC5B,iBAAsC,IAAAF,eAAQ,GAA2B;IAAA;IAAlEG,WAAW;IAAEC,cAAc;EAClC,iBAA0B,IAAAJ,eAAQ,EAA0BH,SAAS,CAAC;IAAA;IAA/DQ,KAAK;IAAEC,QAAQ;EACtB,iBAA8C,IAAAN,eAAQ,EAA8BH,SAAS,CAAC;IAAA;IAAvFU,eAAe;IAAEC,kBAAkB;EAC1C;AACJ;AACA;EACI,iBAAoD,IAAAR,eAAQ,EAA4B,IAAI,CAAC;IAAA;IAAtFS,kBAAkB;IAAEC,qBAAqB;EAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAIV,UAAmB,EAAK;IAC3CC,SAAS,CAACD,UAAU,CAAC;EACzB,CAAC;EAED,oBACI,6BAAC,qBAAqB,CAAC,QAAQ;IAC3B,KAAK,EAAE;MACHA,UAAU,EAAVA,UAAU;MACVU,aAAa,EAAbA,aAAa;MACbR,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdK,kBAAkB,EAAlBA,kBAAkB;MAClBC,qBAAqB,EAArBA,qBAAqB;MACrBL,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA,QAAQ;MACRC,eAAe,EAAfA,eAAe;MACfC,kBAAkB,EAAlBA;IACJ;EAAE,GAEDT,QAAQ,CACoB;AAEzC,CAAC;AAAC"}

package/context/SharedHistoryContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="web" />
+import { ReactNode } from "react";
+import { HistoryState } from "@lexical/history";
+declare type ContextShape = {
+    historyState?: HistoryState;
+};
+export declare const SharedHistoryContext: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useSharedHistoryContext: () => ContextShape;
+export {};

package/context/SharedHistoryContext.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSharedHistoryContext = exports.SharedHistoryContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _history = require("@lexical/history");
+var Context = /*#__PURE__*/(0, React.createContext)({});
+var SharedHistoryContext = function SharedHistoryContext(_ref) {
+  var children = _ref.children;
+  var historyContext = (0, React.useMemo)(function () {
+    return {
+      historyState: (0, _history.createEmptyHistoryState)()
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: historyContext
+  }, children);
+};
+exports.SharedHistoryContext = SharedHistoryContext;
+var useSharedHistoryContext = function useSharedHistoryContext() {
+  return (0, React.useContext)(Context);
+};
+exports.useSharedHistoryContext = useSharedHistoryContext;

package/context/SharedHistoryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Context","createContext","SharedHistoryContext","children","historyContext","useMemo","historyState","createEmptyHistoryState","useSharedHistoryContext","useContext"],"sources":["SharedHistoryContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { createContext, ReactNode, useContext, useMemo } from \"react\";\nimport { createEmptyHistoryState, HistoryState } from \"@lexical/history\";\n\ntype ContextShape = {\n    historyState?: HistoryState;\n};\n\nconst Context: React.Context<ContextShape> = createContext({});\n\nexport const SharedHistoryContext = ({ children }: { children: ReactNode }): JSX.Element => {\n    const historyContext = useMemo(() => ({ historyState: createEmptyHistoryState() }), []);\n    return <Context.Provider value={historyContext}>{children}</Context.Provider>;\n};\n\nexport const useSharedHistoryContext = (): ContextShape => {\n    return useContext(Context);\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAMA,IAAMA,OAAoC,gBAAG,IAAAC,mBAAa,EAAC,CAAC,CAAC,CAAC;AAEvD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,OAA2D;EAAA,IAArDC,QAAQ,QAARA,QAAQ;EAC3C,IAAMC,cAAc,GAAG,IAAAC,aAAO,EAAC;IAAA,OAAO;MAAEC,YAAY,EAAE,IAAAC,gCAAuB;IAAG,CAAC;EAAA,CAAC,EAAE,EAAE,CAAC;EACvF,oBAAO,oBAAC,OAAO,CAAC,QAAQ;IAAC,KAAK,EAAEH;EAAe,GAAED,QAAQ,CAAoB;AACjF,CAAC;AAAC;AAEK,IAAMK,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAuB;EACvD,OAAO,IAAAC,gBAAU,EAACT,OAAO,CAAC;AAC9B,CAAC;AAAC"}

package/context/TypographyActionContext.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TypographyValue } from "../types";
+export interface TypographyActionContextProps {
+    value: TypographyValue | undefined;
+    applyTypography: (value: TypographyValue) => void;
+}
+export declare const TypographyActionContext: React.Context<TypographyActionContextProps | undefined>;

package/context/TypographyActionContext.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypographyActionContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var TypographyActionContext = /*#__PURE__*/_react.default.createContext(undefined);
+exports.TypographyActionContext = TypographyActionContext;

package/context/TypographyActionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TypographyActionContext","React","createContext","undefined"],"sources":["TypographyActionContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { TypographyValue } from \"~/types\";\n\nexport interface TypographyActionContextProps {\n    /*\n     * @desc Current selected typography\n     * */\n    value: TypographyValue | undefined;\n\n    /*\n     * @desc Apply font family to selected text.\n     * @params: value\n     */\n    applyTypography: (value: TypographyValue) => void;\n}\n\nexport const TypographyActionContext = React.createContext<\n    TypographyActionContextProps | undefined\n>(undefined);\n"],"mappings":";;;;;;;AAAA;AAgBO,IAAMA,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAExDC,SAAS,CAAC;AAAC"}

package/hooks/useFontColorPicker.d.ts

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

package/hooks/useFontColorPicker.js

@@ -0,0 +1,15 @@
+"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);
+  if (!context) {
+    throw Error("Missing FontColorActionContext in the component hierarchy. Are you using \"useFontColorPicker()\" in the right place?");
+  }
+  return context;
+}

package/hooks/useFontColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["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;AACA;AAEO,SAASA,kBAAkB,GAAG;EACjC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,8CAAsB,CAAC;EAClD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,yHAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}

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,uHAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}
+{"version":3,"names":["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;AACA;AAEO,SAASA,iBAAiB,GAAG;EAChC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,4CAAqB,CAAC;EACjD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,uHAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}

package/hooks/useTypographyAction.d.ts

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

package/hooks/useTypographyAction.js

@@ -0,0 +1,15 @@
+"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);
+  if (!context) {
+    throw Error("Missing TypographyActionContext in the component hierarchy. Are you using \"useTypographyAction()\" in the right place?");
+  }
+  return context;
+}

package/hooks/useTypographyAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["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;AACA;AAEO,SAASA,mBAAmB,GAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gDAAuB,CAAC;EACnD,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,2HAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}

package/hooks/useWebinyList.d.ts

@@ -0,0 +1,2 @@
+import type { LexicalEditor } from "lexical";
+export declare function useWebinyList(editor: LexicalEditor): void;

package/hooks/useWebinyList.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWebinyList = useWebinyList;
+var _utils = require("@lexical/utils");
+var _lexical = require("lexical");
+var _react = require("react");
+var _formatList = require("../nodes/list-node/formatList");
+var _webinyList = require("../commands/webiny-list");
+function useWebinyList(editor) {
+  (0, _react.useEffect)(function () {
+    return (0, _utils.mergeRegister)(editor.registerCommand(_lexical.INDENT_CONTENT_COMMAND, function () {
+      (0, _formatList.indentList)();
+      return false;
+    }, _lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(_lexical.OUTDENT_CONTENT_COMMAND, function () {
+      (0, _formatList.outdentList)();
+      return false;
+    }, _lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(_webinyList.INSERT_ORDERED_WEBINY_LIST_COMMAND, function (_ref) {
+      var themeStyleId = _ref.themeStyleId;
+      (0, _formatList.insertList)(editor, "number", themeStyleId);
+      return true;
+    }, _lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(_webinyList.INSERT_UNORDERED_WEBINY_LIST_COMMAND, function (_ref2) {
+      var themeStyleId = _ref2.themeStyleId;
+      (0, _formatList.insertList)(editor, "bullet", themeStyleId);
+      return true;
+    }, _lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(_webinyList.REMOVE_WEBINY_LIST_COMMAND, function () {
+      (0, _formatList.removeList)(editor);
+      return true;
+    }, _lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(_lexical.INSERT_PARAGRAPH_COMMAND, function () {
+      var hasHandledInsertParagraph = (0, _formatList.$handleListInsertParagraph)();
+      if (hasHandledInsertParagraph) {
+        return true;
+      }
+      return false;
+    }, _lexical.COMMAND_PRIORITY_LOW));
+  }, [editor]);
+}

package/hooks/useWebinyList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useWebinyList","editor","useEffect","mergeRegister","registerCommand","INDENT_CONTENT_COMMAND","indentList","COMMAND_PRIORITY_LOW","OUTDENT_CONTENT_COMMAND","outdentList","INSERT_ORDERED_WEBINY_LIST_COMMAND","themeStyleId","insertList","INSERT_UNORDERED_WEBINY_LIST_COMMAND","REMOVE_WEBINY_LIST_COMMAND","removeList","INSERT_PARAGRAPH_COMMAND","hasHandledInsertParagraph","$handleListInsertParagraph"],"sources":["useWebinyList.ts"],"sourcesContent":["import type { LexicalEditor } from \"lexical\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\n    COMMAND_PRIORITY_LOW,\n    INDENT_CONTENT_COMMAND,\n    INSERT_PARAGRAPH_COMMAND,\n    OUTDENT_CONTENT_COMMAND\n} from \"lexical\";\nimport { useEffect } from \"react\";\nimport {\n    $handleListInsertParagraph,\n    indentList,\n    insertList,\n    outdentList,\n    removeList\n} from \"~/nodes/list-node/formatList\";\nimport {\n    INSERT_ORDERED_WEBINY_LIST_COMMAND,\n    INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n    REMOVE_WEBINY_LIST_COMMAND\n} from \"~/commands/webiny-list\";\n\nexport function useWebinyList(editor: LexicalEditor): void {\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                INDENT_CONTENT_COMMAND,\n                () => {\n                    indentList();\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                OUTDENT_CONTENT_COMMAND,\n                () => {\n                    outdentList();\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_ORDERED_WEBINY_LIST_COMMAND,\n                ({ themeStyleId }) => {\n                    insertList(editor, \"number\", themeStyleId);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_UNORDERED_WEBINY_LIST_COMMAND,\n                ({ themeStyleId }) => {\n                    insertList(editor, \"bullet\", themeStyleId);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                REMOVE_WEBINY_LIST_COMMAND,\n                () => {\n                    removeList(editor);\n                    return true;\n                },\n                COMMAND_PRIORITY_LOW\n            ),\n            editor.registerCommand(\n                INSERT_PARAGRAPH_COMMAND,\n                () => {\n                    const hasHandledInsertParagraph = $handleListInsertParagraph();\n\n                    if (hasHandledInsertParagraph) {\n                        return true;\n                    }\n\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor]);\n}\n"],"mappings":";;;;;;AACA;AACA;AAMA;AACA;AAOA;AAMO,SAASA,aAAa,CAACC,MAAqB,EAAQ;EACvD,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChBF,MAAM,CAACG,eAAe,CAClBC,+BAAsB,EACtB,YAAM;MACF,IAAAC,sBAAU,GAAE;MACZ,OAAO,KAAK;IAChB,CAAC,EACDC,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBI,gCAAuB,EACvB,YAAM;MACF,IAAAC,uBAAW,GAAE;MACb,OAAO,KAAK;IAChB,CAAC,EACDF,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBM,8CAAkC,EAClC,gBAAsB;MAAA,IAAnBC,YAAY,QAAZA,YAAY;MACX,IAAAC,sBAAU,EAACX,MAAM,EAAE,QAAQ,EAAEU,YAAY,CAAC;MAC1C,OAAO,IAAI;IACf,CAAC,EACDJ,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBS,gDAAoC,EACpC,iBAAsB;MAAA,IAAnBF,YAAY,SAAZA,YAAY;MACX,IAAAC,sBAAU,EAACX,MAAM,EAAE,QAAQ,EAAEU,YAAY,CAAC;MAC1C,OAAO,IAAI;IACf,CAAC,EACDJ,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBU,sCAA0B,EAC1B,YAAM;MACF,IAAAC,sBAAU,EAACd,MAAM,CAAC;MAClB,OAAO,IAAI;IACf,CAAC,EACDM,6BAAoB,CACvB,EACDN,MAAM,CAACG,eAAe,CAClBY,iCAAwB,EACxB,YAAM;MACF,IAAMC,yBAAyB,GAAG,IAAAC,sCAA0B,GAAE;MAE9D,IAAID,yBAAyB,EAAE;QAC3B,OAAO,IAAI;MACf;MAEA,OAAO,KAAK;IAChB,CAAC,EACDV,6BAAoB,CACvB,CACJ;EACL,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;AAChB"}

package/hooks/useWebinyQuote.d.ts

@@ -0,0 +1,2 @@
+import type { LexicalEditor } from "lexical";
+export declare function useWebinyQuote(editor: LexicalEditor): void;

package/hooks/useWebinyQuote.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWebinyQuote = useWebinyQuote;
+var _utils = require("@lexical/utils");
+var _lexical = require("lexical");
+var _react = require("react");
+var _webinyQuote = require("../commands/webiny-quote");
+var _formatToQuote = require("../utils/nodes/formatToQuote");
+function useWebinyQuote(editor) {
+  (0, _react.useEffect)(function () {
+    return (0, _utils.mergeRegister)(editor.registerCommand(_webinyQuote.INSERT_WEBINY_QUOTE_COMMAND, function (_ref) {
+      var themeStyleId = _ref.themeStyleId;
+      (0, _formatToQuote.formatToQuote)(editor, themeStyleId);
+      return false;
+    }, _lexical.COMMAND_PRIORITY_LOW));
+  }, [editor]);
+}

package/hooks/useWebinyQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useWebinyQuote","editor","useEffect","mergeRegister","registerCommand","INSERT_WEBINY_QUOTE_COMMAND","themeStyleId","formatToQuote","COMMAND_PRIORITY_LOW"],"sources":["useWebinyQuote.ts"],"sourcesContent":["import type { LexicalEditor } from \"lexical\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport { COMMAND_PRIORITY_LOW } from \"lexical\";\nimport { useEffect } from \"react\";\nimport { INSERT_WEBINY_QUOTE_COMMAND } from \"~/commands/webiny-quote\";\nimport { formatToQuote } from \"~/utils/nodes/formatToQuote\";\n\nexport function useWebinyQuote(editor: LexicalEditor): void {\n    useEffect(() => {\n        return mergeRegister(\n            editor.registerCommand(\n                INSERT_WEBINY_QUOTE_COMMAND,\n                ({ themeStyleId }) => {\n                    formatToQuote(editor, themeStyleId);\n                    return false;\n                },\n                COMMAND_PRIORITY_LOW\n            )\n        );\n    }, [editor]);\n}\n"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA;AAEO,SAASA,cAAc,CAACC,MAAqB,EAAQ;EACxD,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChBF,MAAM,CAACG,eAAe,CAClBC,wCAA2B,EAC3B,gBAAsB;MAAA,IAAnBC,YAAY,QAAZA,YAAY;MACX,IAAAC,4BAAa,EAACN,MAAM,EAAEK,YAAY,CAAC;MACnC,OAAO,KAAK;IAChB,CAAC,EACDE,6BAAoB,CACvB,CACJ;EACL,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;AAChB"}

package/images/icons/font-color.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 512 512"><path fill="#777" d="M221.631 109 109.92 392h58.055l24.079-61h127.892l24.079 61h58.055L290.369 109Zm-8.261 168L256 169l42.63 108Z"/></svg>

package/index.d.ts

@@ -1,5 +1,7 @@
 export { LexicalHtmlRenderer } from "./components/LexicalHtmlRenderer";
 export { useRichTextEditor } from "./hooks/useRichTextEditor";
+export { useFontColorPicker } from "./hooks/useFontColorPicker";
+export { useTypographyAction } from "./hooks/useTypographyAction";
 export { Divider } from "./ui/Divider";
 export { DropDownItem } from "./ui/DropDown";
 export { DropDown } from "./ui/DropDown";
@@ -7,11 +9,13 @@ 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 { HeadingToolbar } from "./components/Toolbar/HeadingToolbar";
 export { ParagraphToolbar } from "./components/Toolbar/ParagraphToolbar";
 export { Toolbar } from "./components/Toolbar/Toolbar";
@@ -25,10 +29,12 @@ export { FloatingLinkEditorPlugin } from "./plugins/FloatingLinkEditorPlugin/Flo
 export { CodeHighlightPlugin } from "./plugins/CodeHighlightPlugin/CodeHighlightPlugin";
 export { ClickableLinkPlugin } from "./plugins/ClickableLinkPlugin/ClickableLinkPlugin";
 export { BlurEventPlugin } from "./plugins/BlurEventPlugin/BlurEventPlugin";
-export { LexicalUpdateStatePlugin } from "./plugins/LexicalUpdateStatePlugin";
+export { LexicalUpdateStatePlugin } from "./plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin";
 export { AddToolbarAction } from "./components/AddToolbarAction";
 export { AddRichTextEditorPlugin } from "./components/AddRichTextEditorPlugin";
 export { AddRichTextEditorNodeType } from "./components/AddRichTextEditorNodeType";
 export { generateInitialLexicalValue } from "./utils/generateInitialLexicalValue";
 export { isValidLexicalData } from "./utils/isValidLexicalData";
+export { clearNodeFormatting } from "./utils/nodes/clearNodeFormating";
 export * as types from "./types";
+export { LexicalEditorConfig } from "./components/LexicalEditorConfig/LexicalEditorConfig";

package/index.js

@@ -82,6 +82,12 @@ Object.defineProperty(exports, "FloatingLinkEditorPlugin", {
     return _FloatingLinkEditorPlugin.FloatingLinkEditorPlugin;
   }
 });
+Object.defineProperty(exports, "FontColorAction", {
+  enumerable: true,
+  get: function get() {
+    return _FontColorAction.FontColorAction;
+  }
+});
 Object.defineProperty(exports, "FontSizeAction", {
   enumerable: true,
   get: function get() {
@@ -112,6 +118,12 @@ Object.defineProperty(exports, "ItalicAction", {
     return _ItalicAction.ItalicAction;
   }
 });
+Object.defineProperty(exports, "LexicalEditorConfig", {
+  enumerable: true,
+  get: function get() {
+    return _LexicalEditorConfig.LexicalEditorConfig;
+  }
+});
 Object.defineProperty(exports, "LexicalHtmlRenderer", {
   enumerable: true,
   get: function get() {
@@ -178,12 +190,24 @@ Object.defineProperty(exports, "Toolbar", {
     return _Toolbar.Toolbar;
   }
 });
+Object.defineProperty(exports, "TypographyAction", {
+  enumerable: true,
+  get: function get() {
+    return _TypographyAction.TypographyAction;
+  }
+});
 Object.defineProperty(exports, "UnderlineAction", {
   enumerable: true,
   get: function get() {
     return _UnderlineAction.UnderlineAction;
   }
 });
+Object.defineProperty(exports, "clearNodeFormatting", {
+  enumerable: true,
+  get: function get() {
+    return _clearNodeFormating.clearNodeFormatting;
+  }
+});
 Object.defineProperty(exports, "generateInitialLexicalValue", {
   enumerable: true,
   get: function get() {
@@ -197,25 +221,41 @@ Object.defineProperty(exports, "isValidLexicalData", {
   }
 });
 exports.types = void 0;
+Object.defineProperty(exports, "useFontColorPicker", {
+  enumerable: true,
+  get: function get() {
+    return _useFontColorPicker.useFontColorPicker;
+  }
+});
 Object.defineProperty(exports, "useRichTextEditor", {
   enumerable: true,
   get: function get() {
     return _useRichTextEditor.useRichTextEditor;
   }
 });
+Object.defineProperty(exports, "useTypographyAction", {
+  enumerable: true,
+  get: function get() {
+    return _useTypographyAction.useTypographyAction;
+  }
+});
 var _LexicalHtmlRenderer = require("./components/LexicalHtmlRenderer");
 var _useRichTextEditor = require("./hooks/useRichTextEditor");
+var _useFontColorPicker = require("./hooks/useFontColorPicker");
+var _useTypographyAction = require("./hooks/useTypographyAction");
 var _Divider = require("./ui/Divider");
 var _DropDown = require("./ui/DropDown");
 var _BoldAction = require("./components/ToolbarActions/BoldAction");
 var _BulletListAction = require("./components/ToolbarActions/BulletListAction");
 var _CodeHighlightAction = require("./components/ToolbarActions/CodeHighlightAction");
 var _FontSizeAction = require("./components/ToolbarActions/FontSizeAction");
+var _FontColorAction = require("./components/ToolbarActions/FontColorAction");
 var _ItalicAction = require("./components/ToolbarActions/ItalicAction");
 var _LinkAction = require("./components/ToolbarActions/LinkAction");
 var _NumberedListAction = require("./components/ToolbarActions/NumberedListAction");
 var _QuoteAction = require("./components/ToolbarActions/QuoteAction");
 var _UnderlineAction = require("./components/ToolbarActions/UnderlineAction");
+var _TypographyAction = require("./components/ToolbarActions/TypographyAction");
 var _HeadingToolbar = require("./components/Toolbar/HeadingToolbar");
 var _ParagraphToolbar = require("./components/Toolbar/ParagraphToolbar");
 var _Toolbar = require("./components/Toolbar/Toolbar");
@@ -229,11 +269,13 @@ var _FloatingLinkEditorPlugin = require("./plugins/FloatingLinkEditorPlugin/Floa
 var _CodeHighlightPlugin = require("./plugins/CodeHighlightPlugin/CodeHighlightPlugin");
 var _ClickableLinkPlugin = require("./plugins/ClickableLinkPlugin/ClickableLinkPlugin");
 var _BlurEventPlugin = require("./plugins/BlurEventPlugin/BlurEventPlugin");
-var _LexicalUpdateStatePlugin = require("./plugins/LexicalUpdateStatePlugin");
+var _LexicalUpdateStatePlugin = require("./plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin");
 var _AddToolbarAction = require("./components/AddToolbarAction");
 var _AddRichTextEditorPlugin = require("./components/AddRichTextEditorPlugin");
 var _AddRichTextEditorNodeType = require("./components/AddRichTextEditorNodeType");
 var _generateInitialLexicalValue = require("./utils/generateInitialLexicalValue");
 var _isValidLexicalData = require("./utils/isValidLexicalData");
+var _clearNodeFormating = require("./utils/nodes/clearNodeFormating");
 var _types = _interopRequireWildcard(require("./types"));
-exports.types = _types;
+exports.types = _types;
+var _LexicalEditorConfig = require("./components/LexicalEditorConfig/LexicalEditorConfig");

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LexicalHtmlRenderer","require","_useRichTextEditor","_Divider","_DropDown","_BoldAction","_BulletListAction","_CodeHighlightAction","_FontSizeAction","_ItalicAction","_LinkAction","_NumberedListAction","_QuoteAction","_UnderlineAction","_HeadingToolbar","_ParagraphToolbar","_Toolbar","_ParagraphToolbarPreset","_HeadingToolbarPreset","_RichTextEditor","_HeadingEditor","_ParagraphEditor","_LexicalLinkPlugin","_FloatingLinkEditorPlugin","_CodeHighlightPlugin","_ClickableLinkPlugin","_BlurEventPlugin","_LexicalUpdateStatePlugin","_AddToolbarAction","_AddRichTextEditorPlugin","_AddRichTextEditorNodeType","_generateInitialLexicalValue","_isValidLexicalData","_types","_interopRequireWildcard","exports","types"],"sources":["index.tsx"],"sourcesContent":["// render\nexport { LexicalHtmlRenderer } from \"~/components/LexicalHtmlRenderer\";\n// hooks\nexport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\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 { 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\";\n// toolbars\nexport { HeadingToolbar } from \"~/components/Toolbar/HeadingToolbar\";\nexport { ParagraphToolbar } from \"~/components/Toolbar/ParagraphToolbar\";\nexport { Toolbar } from \"~/components/Toolbar/Toolbar\";\n// presets\nexport { ParagraphToolbarPreset } from \"~/components/ToolbarPresets/ParagraphToolbarPreset\";\nexport { HeadingToolbarPreset } from \"./components/ToolbarPresets/HeadingToolbarPreset\";\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 \"@lexical/react/LexicalLinkPlugin\";\nexport { FloatingLinkEditorPlugin } from \"~/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin\";\nexport { CodeHighlightPlugin } from \"~/plugins/CodeHighlightPlugin/CodeHighlightPlugin\";\nexport { ClickableLinkPlugin } from \"~/plugins/ClickableLinkPlugin/ClickableLinkPlugin\";\nexport { BlurEventPlugin } from \"~/plugins/BlurEventPlugin/BlurEventPlugin\";\nexport { LexicalUpdateStatePlugin } from \"~/plugins/LexicalUpdateStatePlugin\";\n// composition\nexport { AddToolbarAction } from \"~/components/AddToolbarAction\";\nexport { AddRichTextEditorPlugin } from \"~/components/AddRichTextEditorPlugin\";\nexport { AddRichTextEditorNodeType } from \"~/components/AddRichTextEditorNodeType\";\n// utils\nexport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nexport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\n// types\nexport * as types from \"./types\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,oBAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAGA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,mBAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AACA,IAAAY,gBAAA,GAAAZ,OAAA;AAEA,IAAAa,eAAA,GAAAb,OAAA;AACA,IAAAc,iBAAA,GAAAd,OAAA;AACA,IAAAe,QAAA,GAAAf,OAAA;AAEA,IAAAgB,uBAAA,GAAAhB,OAAA;AACA,IAAAiB,qBAAA,GAAAjB,OAAA;AAEA,IAAAkB,eAAA,GAAAlB,OAAA;AACA,IAAAmB,cAAA,GAAAnB,OAAA;AACA,IAAAoB,gBAAA,GAAApB,OAAA;AAEA,IAAAqB,kBAAA,GAAArB,OAAA;AACA,IAAAsB,yBAAA,GAAAtB,OAAA;AACA,IAAAuB,oBAAA,GAAAvB,OAAA;AACA,IAAAwB,oBAAA,GAAAxB,OAAA;AACA,IAAAyB,gBAAA,GAAAzB,OAAA;AACA,IAAA0B,yBAAA,GAAA1B,OAAA;AAEA,IAAA2B,iBAAA,GAAA3B,OAAA;AACA,IAAA4B,wBAAA,GAAA5B,OAAA;AACA,IAAA6B,0BAAA,GAAA7B,OAAA;AAEA,IAAA8B,4BAAA,GAAA9B,OAAA;AACA,IAAA+B,mBAAA,GAAA/B,OAAA;AAAgE,IAAAgC,MAAA,GAAAC,uBAAA,CAAAjC,OAAA;AAAAkC,OAAA,CAAAC,KAAA,GAAAH,MAAA"}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["// render\nexport { LexicalHtmlRenderer } from \"~/components/LexicalHtmlRenderer\";\n// hooks\nexport { useRichTextEditor } from \"~/hooks/useRichTextEditor\";\nexport { useFontColorPicker } from \"~/hooks/useFontColorPicker\";\nexport { useTypographyAction } from \"~/hooks/useTypographyAction\";\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\";\n// toolbars\nexport { HeadingToolbar } from \"~/components/Toolbar/HeadingToolbar\";\nexport { ParagraphToolbar } from \"~/components/Toolbar/ParagraphToolbar\";\nexport { Toolbar } from \"~/components/Toolbar/Toolbar\";\n// presets\nexport { ParagraphToolbarPreset } from \"~/components/ToolbarPresets/ParagraphToolbarPreset\";\nexport { HeadingToolbarPreset } from \"./components/ToolbarPresets/HeadingToolbarPreset\";\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 \"@lexical/react/LexicalLinkPlugin\";\nexport { FloatingLinkEditorPlugin } from \"~/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin\";\nexport { CodeHighlightPlugin } from \"~/plugins/CodeHighlightPlugin/CodeHighlightPlugin\";\nexport { ClickableLinkPlugin } from \"~/plugins/ClickableLinkPlugin/ClickableLinkPlugin\";\nexport { BlurEventPlugin } from \"~/plugins/BlurEventPlugin/BlurEventPlugin\";\nexport { LexicalUpdateStatePlugin } from \"~/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin\";\n// composition\nexport { AddToolbarAction } from \"~/components/AddToolbarAction\";\nexport { AddRichTextEditorPlugin } from \"~/components/AddRichTextEditorPlugin\";\nexport { AddRichTextEditorNodeType } from \"~/components/AddRichTextEditorNodeType\";\n// utils\nexport { generateInitialLexicalValue } from \"~/utils/generateInitialLexicalValue\";\nexport { isValidLexicalData } from \"~/utils/isValidLexicalData\";\nexport { clearNodeFormatting } from \"~/utils/nodes/clearNodeFormating\";\n// types\nexport * as types from \"./types\";\n// config\nexport { LexicalEditorConfig } from \"~/components/LexicalEditorConfig/LexicalEditorConfig\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;AAEA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAuE;AAAA;AAIvE"}

package/nodes/FontColorNode.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+/// <reference types="web" />
+import { EditorConfig, LexicalCommand, LexicalEditor, LexicalNode, NodeKey, RangeSelection, SerializedTextNode, Spread, TextNode } from "lexical";
+import { WebinyEditorTheme } from "../themes/webinyLexicalTheme";
+export declare const ADD_FONT_COLOR_COMMAND: LexicalCommand<FontColorPayload>;
+export interface FontColorPayload {
+    color: string;
+    themeColorName: string | undefined;
+    caption?: LexicalEditor;
+    key?: NodeKey;
+}
+declare type ThemeStyleColorName = string;
+declare type ThemeColor = "custom" | ThemeStyleColorName;
+export declare type SerializedFontColorNode = Spread<{
+    themeColor: ThemeColor;
+    color: string;
+    type: "font-color-node";
+    version: 1;
+}, SerializedTextNode>;
+/**
+ * Main responsibility of this node is to apply custom or Webiny theme color to selected text.
+ * Extends the original TextNode node to add additional transformation and support for webiny theme font color.
+ */
+export declare class FontColorNode extends TextNode {
+    __themeColor: ThemeColor;
+    __color: string;
+    constructor(text: string, color: string, themeColor?: ThemeColor, key?: NodeKey);
+    static getType(): string;
+    static clone(node: FontColorNode): FontColorNode;
+    static importJSON(serializedNode: SerializedFontColorNode): TextNode;
+    exportJSON(): SerializedFontColorNode;
+    addColorValueToHTMLElement(element: HTMLElement, theme: WebinyEditorTheme): HTMLElement;
+    updateDOM(prevNode: FontColorNode, dom: HTMLElement, config: EditorConfig): boolean;
+    getColorStyle(): {
+        color: string;
+        themeColor: ThemeColor;
+    };
+    createDOM(config: EditorConfig): HTMLElement;
+}
+export declare const $createFontColorNode: (text: string, color: string, themeColor?: ThemeColor, key?: NodeKey) => FontColorNode;
+export declare const $isFontColorNode: (node: LexicalNode) => boolean;
+export declare function $applyStylesToNode(node: FontColorNode, nodeStyleProvider: RangeSelection): void;
+export {};