@churchapps/apphelper 0.2.86 → 0.2.88

package/dist/components/markdownEditor/Editor.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const LexicalComposer_1 = require("@lexical/react/LexicalComposer");
 const LexicalRichTextPlugin_1 = require("@lexical/react/LexicalRichTextPlugin");
@@ -83,25 +84,7 @@ function Editor({ value, onChange = () => { }, mode = "interactive", textAlign =
             textAlignClass = "text-left";
             break;
     }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(LexicalComposer_1.LexicalComposer, { initialConfig: initialConfig },
-            react_1.default.createElement("div", { className: (mode === "preview") ? `editor-container preview ${textAlignClass}` : `editor-container ${textAlignClass}`, style: Object.assign({ border: mode === "preview" ? "none" : "1px solid lightgray" }, style) },
-                mode !== "preview" && react_1.default.createElement(plugins_1.ToolbarPlugin, { goFullScreen: () => { setFullScreen(true); } }),
-                react_1.default.createElement("div", { className: "editor-inner" },
-                    !fullScreen && react_1.default.createElement(LexicalRichTextPlugin_1.RichTextPlugin, { contentEditable: react_1.default.createElement(LexicalContentEditable_1.ContentEditable, { className: "editor-input", style: { minHeight: mode === "preview" ? "auto" : "150px" } }), placeholder: mode !== "preview" ? react_1.default.createElement("div", { className: "editor-placeholder" }, placeholder) : null, ErrorBoundary: LexicalErrorBoundary_1.default }),
-                    react_1.default.createElement(CustomLinkNodePlugin_1.default, null),
-                    mode !== "preview" && react_1.default.createElement(EmojiPickerPlugin_1.default, null),
-                    react_1.default.createElement(EmojisPlugin_1.default, null),
-                    react_1.default.createElement(LexicalOnChangePlugin_1.OnChangePlugin, { onChange: handleChange }),
-                    mode !== "preview" && react_1.default.createElement(LexicalAutoFocusPlugin_1.AutoFocusPlugin, null),
-                    react_1.default.createElement(LexicalHistoryPlugin_1.HistoryPlugin, null),
-                    react_1.default.createElement(LexicalListPlugin_1.ListPlugin, null),
-                    react_1.default.createElement(plugins_1.CustomAutoLinkPlugin, null),
-                    react_1.default.createElement(plugins_1.ListMaxIndentLevelPlugin, { maxDepth: 7 }),
-                    react_1.default.createElement(plugins_1.ReadOnlyPlugin, { isDisabled: mode === "preview" }),
-                    react_1.default.createElement(plugins_1.ControlledEditorPlugin, { isFullscreen: fullScreen, value: value, isPreview: mode === "preview" }),
-                    react_1.default.createElement(LexicalMarkdownShortcutPlugin_1.MarkdownShortcutPlugin, { transformers: markdown_1.TRANSFORMERS })))),
-        fullScreen && react_1.default.createElement(MarkdownModal_1.MarkdownModal, { onChange: handleModalOnChange, value: value, hideModal: handleCloseFullScreen })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(LexicalComposer_1.LexicalComposer, { initialConfig: initialConfig, children: (0, jsx_runtime_1.jsxs)("div", { className: (mode === "preview") ? `editor-container preview ${textAlignClass}` : `editor-container ${textAlignClass}`, style: Object.assign({ border: mode === "preview" ? "none" : "1px solid lightgray" }, style), children: [mode !== "preview" && (0, jsx_runtime_1.jsx)(plugins_1.ToolbarPlugin, { goFullScreen: () => { setFullScreen(true); } }), (0, jsx_runtime_1.jsxs)("div", { className: "editor-inner", children: [!fullScreen && (0, jsx_runtime_1.jsx)(LexicalRichTextPlugin_1.RichTextPlugin, { contentEditable: (0, jsx_runtime_1.jsx)(LexicalContentEditable_1.ContentEditable, { className: "editor-input", style: { minHeight: mode === "preview" ? "auto" : "150px" } }), placeholder: mode !== "preview" ? (0, jsx_runtime_1.jsx)("div", { className: "editor-placeholder", children: placeholder }) : null, ErrorBoundary: LexicalErrorBoundary_1.default }), (0, jsx_runtime_1.jsx)(CustomLinkNodePlugin_1.default, {}), mode !== "preview" && (0, jsx_runtime_1.jsx)(EmojiPickerPlugin_1.default, {}), (0, jsx_runtime_1.jsx)(EmojisPlugin_1.default, {}), (0, jsx_runtime_1.jsx)(LexicalOnChangePlugin_1.OnChangePlugin, { onChange: handleChange }), mode !== "preview" && (0, jsx_runtime_1.jsx)(LexicalAutoFocusPlugin_1.AutoFocusPlugin, {}), (0, jsx_runtime_1.jsx)(LexicalHistoryPlugin_1.HistoryPlugin, {}), (0, jsx_runtime_1.jsx)(LexicalListPlugin_1.ListPlugin, {}), (0, jsx_runtime_1.jsx)(plugins_1.CustomAutoLinkPlugin, {}), (0, jsx_runtime_1.jsx)(plugins_1.ListMaxIndentLevelPlugin, { maxDepth: 7 }), (0, jsx_runtime_1.jsx)(plugins_1.ReadOnlyPlugin, { isDisabled: mode === "preview" }), (0, jsx_runtime_1.jsx)(plugins_1.ControlledEditorPlugin, { isFullscreen: fullScreen, value: value, isPreview: mode === "preview" }), (0, jsx_runtime_1.jsx)(LexicalMarkdownShortcutPlugin_1.MarkdownShortcutPlugin, { transformers: markdown_1.TRANSFORMERS })] })] }) }), fullScreen && (0, jsx_runtime_1.jsx)(MarkdownModal_1.MarkdownModal, { onChange: handleModalOnChange, value: value, hideModal: handleCloseFullScreen })] }));
 }
 exports.default = Editor;
 //# sourceMappingURL=Editor.js.map

package/dist/components/markdownEditor/Editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/Editor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/Editor.tsx"],"names":[],"mappings":"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"}

package/dist/components/markdownEditor/MarkdownEditor.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 interface Props {
     value: string;
     onChange?: (newValue: string) => void;
@@ -6,6 +5,6 @@ interface Props {
     textAlign?: "left" | "center" | "right";
     placeholder?: string;
 }
-export declare function MarkdownEditor({ value: markdownString, onChange, style, textAlign, placeholder }: Props): React.JSX.Element;
+export declare function MarkdownEditor({ value: markdownString, onChange, style, textAlign, placeholder }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MarkdownEditor.d.ts.map

package/dist/components/markdownEditor/MarkdownEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,cAAmB,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,KAAK,qBAE5G"}
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,cAAmB,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,KAAK,2CAE5G"}

package/dist/components/markdownEditor/MarkdownEditor.js

@@ -23,18 +23,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkdownEditor = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const Loading_1 = require("../Loading");
-const Editor = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('./Editor'))));
+const Editor = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./Editor'))));
 function MarkdownEditor({ value: markdownString = "", onChange, style, textAlign, placeholder }) {
-    return react_1.default.createElement(react_2.Suspense, { fallback: react_1.default.createElement(Loading_1.Loading, null) },
-        react_1.default.createElement(Editor, { value: markdownString, onChange: onChange, style: style, textAlign: textAlign, placeholder: placeholder }));
+    return (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Loading_1.Loading, {}), children: (0, jsx_runtime_1.jsx)(Editor, { value: markdownString, onChange: onChange, style: style, textAlign: textAlign, placeholder: placeholder }) });
 }
 exports.MarkdownEditor = MarkdownEditor;
 //# sourceMappingURL=MarkdownEditor.js.map

package/dist/components/markdownEditor/MarkdownEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,kDAA0B;AAC1B,iCAAuC;AACvC,wCAAqC;AACrC,MAAM,MAAM,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,UAAU,GAAC,CAAC,CAAC;AAU9C,SAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAS;IAC3G,OAAO,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,8BAAC,iBAAO,OAAG;QAAE,8BAAC,MAAM,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,CAAW,CAAA;AACxK,CAAC;AAFD,wCAEC"}
+{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGb,iCAAuC;AACvC,wCAAqC;AACrC,MAAM,MAAM,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,UAAU,GAAC,CAAC,CAAC;AAU9C,SAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAS;IAC3G,OAAO,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,uBAAC,iBAAO,KAAG,YAAE,uBAAC,MAAM,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,GAAW,CAAA;AACxK,CAAC;AAFD,wCAEC"}

package/dist/components/markdownEditor/MarkdownModal.js

@@ -1,35 +1,13 @@
 "use client";
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkdownModal = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const material_1 = require("@mui/material");
 const MarkdownPreview_1 = require("./MarkdownPreview");
 const helpers_1 = require("../../helpers");
-const guideLink = react_1.default.createElement("a", { href: "https://www.markdownguide.org/cheat-sheet/", target: "_blank", rel: "noopener noreferrer", style: { float: "right" } }, helpers_1.Locale.label("markdownEditor.markdownGuide"));
+const guideLink = (0, jsx_runtime_1.jsx)("a", { href: "https://www.markdownguide.org/cheat-sheet/", target: "_blank", rel: "noopener noreferrer", style: { float: "right" }, children: helpers_1.Locale.label("markdownEditor.markdownGuide") });
 const MarkdownModal = ({ value, onChange, hideModal }) => {
     const [inputVal, setInputVal] = (0, react_1.useState)(value);
     (0, react_1.useEffect)(() => {
@@ -38,24 +16,9 @@ const MarkdownModal = ({ value, onChange, hideModal }) => {
         setInputVal(value);
     }, [value, inputVal]);
     (0, react_1.useEffect)(() => { onChange(inputVal); }, [inputVal, onChange]);
-    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: () => { hideModal(); }, fullScreen: true },
-        react_1.default.createElement(material_1.DialogTitle, null, helpers_1.Locale.label("markdownEditor.markdownGuide")),
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Grid, { container: true, spacing: 3 },
-                react_1.default.createElement(material_1.Grid, { item: true, xs: 6 },
-                    react_1.default.createElement(material_1.TextField, { fullWidth: true, multiline: true, label: react_1.default.createElement(react_1.default.Fragment, null,
-                            helpers_1.Locale.label("markdownEditor.content"),
-                            " \u00A0 ",
-                            guideLink), name: "modalMarkdown", className: "modalMarkdown", InputProps: { style: { height: "80vh" } }, value: inputVal, onChange: (e) => {
-                            setInputVal(e.target.value);
-                        }, placeholder: "" })),
-                react_1.default.createElement(material_1.Grid, { item: true, xs: 6 },
-                    react_1.default.createElement("div", { style: { border: "1px solid #BBB", borderRadius: 5, marginTop: 15, padding: 10, height: "80vh", overflowY: "scroll" }, id: "markdownPreview" },
-                        react_1.default.createElement("div", { style: { marginTop: -20, marginBottom: -10, position: "absolute" } },
-                            react_1.default.createElement("span", { style: { backgroundColor: "#FFFFFF", color: "#999", fontSize: 13 } }, " \u00A0 Preview \u00A0 ")),
-                        react_1.default.createElement(MarkdownPreview_1.MarkdownPreview, { value: inputVal }))))),
-        react_1.default.createElement(material_1.DialogActions, { sx: { paddingX: "16px", paddingBottom: "12px" } },
-            react_1.default.createElement(material_1.Button, { variant: "outlined", onClick: () => { hideModal(); } }, helpers_1.Locale.label("common.close")))));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { open: true, onClose: () => { hideModal(); }, fullScreen: true, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: helpers_1.Locale.label("markdownEditor.markdownGuide") }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 3, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, multiline: true, label: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [helpers_1.Locale.label("markdownEditor.content"), " \u00A0 ", guideLink] }), name: "modalMarkdown", className: "modalMarkdown", InputProps: { style: { height: "80vh" } }, value: inputVal, onChange: (e) => {
+                                    setInputVal(e.target.value);
+                                }, placeholder: "" }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)("div", { style: { border: "1px solid #BBB", borderRadius: 5, marginTop: 15, padding: 10, height: "80vh", overflowY: "scroll" }, id: "markdownPreview", children: [(0, jsx_runtime_1.jsx)("div", { style: { marginTop: -20, marginBottom: -10, position: "absolute" }, children: (0, jsx_runtime_1.jsx)("span", { style: { backgroundColor: "#FFFFFF", color: "#999", fontSize: 13 }, children: " \u00A0 Preview \u00A0 " }) }), (0, jsx_runtime_1.jsx)(MarkdownPreview_1.MarkdownPreview, { value: inputVal })] }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { sx: { paddingX: "16px", paddingBottom: "12px" }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", onClick: () => { hideModal(); }, children: helpers_1.Locale.label("common.close") }) })] }));
 };
 exports.MarkdownModal = MarkdownModal;
 //# sourceMappingURL=MarkdownModal.js.map

package/dist/components/markdownEditor/MarkdownModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownModal.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownModal.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/markdownEditor/MarkdownPreview.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 interface Props {
     value: string;
     textAlign?: "left" | "center" | "right";
 }
-export declare function MarkdownPreview({ value: markdownString, textAlign }: Props): React.JSX.Element;
+export declare function MarkdownPreview({ value: markdownString, textAlign }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MarkdownPreview.d.ts.map

package/dist/components/markdownEditor/MarkdownPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPreview.d.ts","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,cAAmB,EAAE,SAAS,EAAE,EAAE,KAAK,qBAI/E"}
+{"version":3,"file":"MarkdownPreview.d.ts","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreview.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,cAAmB,EAAE,SAAS,EAAE,EAAE,KAAK,2CAI/E"}

package/dist/components/markdownEditor/MarkdownPreview.js

@@ -25,12 +25,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkdownPreview = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_2 = require("react");
 const Editor = (0, react_2.lazy)(() => Promise.resolve().then(() => __importStar(require('./Editor'))));
 function MarkdownPreview({ value: markdownString = "", textAlign }) {
-    return react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null, markdownString || "") },
-        react_1.default.createElement(Editor, { mode: "preview", value: markdownString || "", textAlign: textAlign }));
+    return (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { children: markdownString || "" }), children: (0, jsx_runtime_1.jsx)(Editor, { mode: "preview", value: markdownString || "", textAlign: textAlign }) });
 }
 exports.MarkdownPreview = MarkdownPreview;
 //# sourceMappingURL=MarkdownPreview.js.map

package/dist/components/markdownEditor/MarkdownPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPreview.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,+CAAwC;AACxC,iCAA6B;AAC7B,MAAM,MAAM,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,UAAU,GAAC,CAAC,CAAC;AAO9C,SAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,SAAS,EAAS;IAC9E,OAAO,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,2CAAM,cAAc,IAAI,EAAE,CAAO;QAC1D,8BAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,cAAc,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,GAAI,CACnE,CAAA;AACb,CAAC;AAJD,0CAIC"}
+{"version":3,"file":"MarkdownPreview.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,iCAAwC;AACxC,iCAA6B;AAC7B,MAAM,MAAM,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,UAAU,GAAC,CAAC,CAAC;AAO9C,SAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,SAAS,EAAS;IAC9E,OAAO,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,0CAAM,cAAc,IAAI,EAAE,GAAO,YAC1D,uBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,cAAc,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,GAAI,GACnE,CAAA;AACb,CAAC;AAJD,0CAIC"}

package/dist/components/markdownEditor/MarkdownPreviewLight.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 interface Props {
     value: string;
     textAlign?: "left" | "center" | "right";
 }
-export declare function MarkdownPreviewLight({ value: markdownString, textAlign }: Props): "" | React.JSX.Element;
+export declare function MarkdownPreviewLight({ value: markdownString, textAlign }: Props): "" | import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MarkdownPreviewLight.d.ts.map

package/dist/components/markdownEditor/MarkdownPreviewLight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPreviewLight.d.ts","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreviewLight.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,cAAmB,EAAE,SAAS,EAAE,EAAE,KAAK,0BAsCpF"}
+{"version":3,"file":"MarkdownPreviewLight.d.ts","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreviewLight.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,cAAmB,EAAE,SAAS,EAAE,EAAE,KAAK,gDAsCpF"}

package/dist/components/markdownEditor/MarkdownPreviewLight.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkdownPreviewLight = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const marked_1 = require("marked");
-const react_1 = __importDefault(require("react"));
 function MarkdownPreviewLight({ value: markdownString = "", textAlign }) {
     if (markdownString === null || markdownString === undefined)
         return "";
@@ -43,7 +40,7 @@ function MarkdownPreviewLight({ value: markdownString = "", textAlign }) {
     const convertedText = getSpecialLinks(markdownString);
     const html = marked_1.marked.parse(convertedText || "");
     const style = (textAlign) ? { textAlign } : {};
-    return react_1.default.createElement("div", { style: style, dangerouslySetInnerHTML: { __html: html } });
+    return (0, jsx_runtime_1.jsx)("div", { style: style, dangerouslySetInnerHTML: { __html: html } });
 }
 exports.MarkdownPreviewLight = MarkdownPreviewLight;
 //# sourceMappingURL=MarkdownPreviewLight.js.map

package/dist/components/markdownEditor/MarkdownPreviewLight.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPreviewLight.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreviewLight.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAA8B;AAC9B,kDAA0B;AAO1B,SAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,SAAS,EAAS;IACnF,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IAEvE,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,eAAe,CAAC;QACnC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QACvC,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACjC,IAAI,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAChC,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACtC,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;SACvC;QACD,MAAM,WAAW,GAAG,oBAAoB,CAAC;QACzC,IAAI,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,OAAO;YAAE,MAAM,IAAI,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACzD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAED,sBAAsB;IACtB,oBAAoB;IACpB,oCAAoC;IACpC,6CAA6C;IAC7C,MAAM,eAAe,GAAG,CAAC,cAAsB,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,sCAAsC,CAAC;QACrD,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;YAC9E,IAAI,CAAC,KAAK;gBAAE,OAAO,EAAE,CAAC;YACtB,IAAI,MAAM,GAAG,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC;YACvC,MAAM,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,IAAI,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;YAC9B,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,eAAM,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC,CAAA;IAC9C,MAAM,KAAK,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAC,SAAS,EAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5C,OAAO,uCAAK,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAC,MAAM,EAAE,IAAc,EAAC,GAAQ,CAAA;AACrF,CAAC;AAtCD,oDAsCC"}
+{"version":3,"file":"MarkdownPreviewLight.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/MarkdownPreviewLight.tsx"],"names":[],"mappings":";;;;AAAA,mCAA8B;AAQ9B,SAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,SAAS,EAAS;IACnF,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IAEvE,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,eAAe,CAAC;QACnC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QACvC,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACjC,IAAI,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAChC,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACtC,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC;SACvC;QACD,MAAM,WAAW,GAAG,oBAAoB,CAAC;QACzC,IAAI,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,OAAO;YAAE,MAAM,IAAI,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACzD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA;IAED,sBAAsB;IACtB,oBAAoB;IACpB,oCAAoC;IACpC,6CAA6C;IAC7C,MAAM,eAAe,GAAG,CAAC,cAAsB,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,sCAAsC,CAAC;QACrD,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;YAC9E,IAAI,CAAC,KAAK;gBAAE,OAAO,EAAE,CAAC;YACtB,IAAI,MAAM,GAAG,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC;YACvC,MAAM,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,IAAI,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;YAC9B,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,eAAM,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC,CAAA;IAC9C,MAAM,KAAK,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAC,SAAS,EAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5C,OAAO,gCAAK,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAC,MAAM,EAAE,IAAc,EAAC,GAAQ,CAAA;AACrF,CAAC;AAtCD,oDAsCC"}

package/dist/components/markdownEditor/plugins/AutoLinkPlugin.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-export declare function CustomAutoLinkPlugin(): React.JSX.Element;
+export declare function CustomAutoLinkPlugin(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AutoLinkPlugin.d.ts.map

package/dist/components/markdownEditor/plugins/AutoLinkPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoLinkPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/markdownEditor/plugins/AutoLinkPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AA+B1B,wBAAgB,oBAAoB,sBAEnC"}
+{"version":3,"file":"AutoLinkPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/markdownEditor/plugins/AutoLinkPlugin.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,oBAAoB,4CAEnC"}

package/dist/components/markdownEditor/plugins/AutoLinkPlugin.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomAutoLinkPlugin = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const LexicalAutoLinkPlugin_1 = require("@lexical/react/LexicalAutoLinkPlugin");
-const react_1 = __importDefault(require("react"));
 const URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 const EMAIL_MATCHER = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
 const MATCHERS = [
@@ -29,7 +26,7 @@ const MATCHERS = [
     }
 ];
 function CustomAutoLinkPlugin() {
-    return react_1.default.createElement(LexicalAutoLinkPlugin_1.AutoLinkPlugin, { matchers: MATCHERS });
+    return (0, jsx_runtime_1.jsx)(LexicalAutoLinkPlugin_1.AutoLinkPlugin, { matchers: MATCHERS });
 }
 exports.CustomAutoLinkPlugin = CustomAutoLinkPlugin;
 //# sourceMappingURL=AutoLinkPlugin.js.map

package/dist/components/markdownEditor/plugins/AutoLinkPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoLinkPlugin.js","sourceRoot":"","sources":["../../../../src/components/markdownEditor/plugins/AutoLinkPlugin.tsx"],"names":[],"mappings":";;;;;;AAAA,gFAAsE;AACtE,kDAA0B;AAE1B,MAAM,WAAW,GAAG,iHAAiH,CAAC;AAEtI,MAAM,aAAa,GAAG,qJAAqJ,CAAC;AAE5K,MAAM,QAAQ,GAAG;IACf,CAAC,IAAS,EAAE,EAAE;QACZ,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,CACL,KAAK,IAAI;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;YACvB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YACd,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;SACd,CACF,CAAC;IACJ,CAAC;IACD,CAAC,IAAS,EAAE,EAAE;QACZ,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CACL,KAAK,IAAI;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;YACvB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YACd,GAAG,EAAE,UAAU,KAAK,CAAC,CAAC,CAAC,EAAE;SAC1B,CACF,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,SAAgB,oBAAoB;IAClC,OAAO,8BAAC,sCAAc,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAChD,CAAC;AAFD,oDAEC"}
+{"version":3,"file":"AutoLinkPlugin.js","sourceRoot":"","sources":["../../../../src/components/markdownEditor/plugins/AutoLinkPlugin.tsx"],"names":[],"mappings":";;;;AAAA,gFAAsE;AAGtE,MAAM,WAAW,GAAG,iHAAiH,CAAC;AAEtI,MAAM,aAAa,GAAG,qJAAqJ,CAAC;AAE5K,MAAM,QAAQ,GAAG;IACf,CAAC,IAAS,EAAE,EAAE;QACZ,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,CACL,KAAK,IAAI;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;YACvB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YACd,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;SACd,CACF,CAAC;IACJ,CAAC;IACD,CAAC,IAAS,EAAE,EAAE;QACZ,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CACL,KAAK,IAAI;YACP,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;YACvB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YACd,GAAG,EAAE,UAAU,KAAK,CAAC,CAAC,CAAC,EAAE;SAC1B,CACF,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,SAAgB,oBAAoB;IAClC,OAAO,uBAAC,sCAAc,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAChD,CAAC;AAFD,oDAEC"}

package/dist/components/markdownEditor/plugins/ToolbarPlugin.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 export declare function getSelectedNode(selection: any): any;
 interface Props {
     goFullScreen: () => void;
 }
-export declare function ToolbarPlugin(props: Props): React.JSX.Element;
+export declare function ToolbarPlugin(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ToolbarPlugin.d.ts.map

package/dist/components/markdownEditor/plugins/ToolbarPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/markdownEditor/plugins/ToolbarPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA8DzB,wBAAgB,eAAe,CAAC,SAAS,EAAE,GAAG,OAc7C;AA2LD,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,qBA4JzC"}
+{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/markdownEditor/plugins/ToolbarPlugin.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,eAAe,CAAC,SAAS,EAAE,GAAG,OAc7C;AA2LD,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,2CA4JzC"}

package/dist/components/markdownEditor/plugins/ToolbarPlugin.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarPlugin = exports.getSelectedNode = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
-const react_2 = require("react");
+const react_1 = require("react");
 const lexical_1 = require("lexical");
 const selection_1 = require("@lexical/selection");
 const utils_1 = require("@lexical/utils");
@@ -32,7 +32,7 @@ const blockTypeToBlockName = {
     ul: "Bulleted List"
 };
 function Divider() {
-    return react_1.default.createElement("div", { className: "divider" });
+    return (0, jsx_runtime_1.jsx)("div", { className: "divider" });
 }
 /*
 function positionEditorElement(editor: any, rect: any) {
@@ -48,9 +48,7 @@ function positionEditorElement(editor: any, rect: any) {
 }
 */
 function Select({ onChange, className, options, value }) {
-    return (react_1.default.createElement("select", { className: className, onChange: onChange, value: value },
-        react_1.default.createElement("option", { hidden: true, value: "" }),
-        options.map((option) => (react_1.default.createElement("option", { key: option, value: option }, option)))));
+    return ((0, jsx_runtime_1.jsxs)("select", { className: className, onChange: onChange, value: value, children: [(0, jsx_runtime_1.jsx)("option", { hidden: true, value: "" }), options.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: option, children: option }, option)))] }));
 }
 function getSelectedNode(selection) {
     const anchor = selection.anchor;
@@ -70,8 +68,8 @@ function getSelectedNode(selection) {
 }
 exports.getSelectedNode = getSelectedNode;
 function BlockOptionsDropdownList({ editor, blockType, toolbarRef, setShowBlockOptionsDropDown }) {
-    const dropDownRef = (0, react_2.useRef)(null);
-    (0, react_2.useEffect)(() => {
+    const dropDownRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         const toolbar = toolbarRef.current;
         const dropDown = dropDownRef.current;
         if (toolbar !== null && dropDown !== null) {
@@ -80,7 +78,7 @@ function BlockOptionsDropdownList({ editor, blockType, toolbarRef, setShowBlockO
             dropDown.style.left = `${left}px`;
         }
     }, [dropDownRef, toolbarRef]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const dropDown = dropDownRef.current;
         const toolbar = toolbarRef.current;
         if (dropDown !== null && toolbar !== null) {
@@ -191,61 +189,25 @@ function BlockOptionsDropdownList({ editor, blockType, toolbarRef, setShowBlockO
         }
         setShowBlockOptionsDropDown(false);
     };
-    return (react_1.default.createElement("div", { className: "dropdown", ref: dropDownRef },
-        react_1.default.createElement("button", { className: "item", onClick: formatParagraph },
-            react_1.default.createElement("span", { className: "icon paragraph" }),
-            react_1.default.createElement("span", { className: "text" }, "Normal"),
-            blockType === "paragraph" && react_1.default.createElement("span", { className: "active" })),
-        react_1.default.createElement("button", { className: "item", onClick: formatLargeHeading },
-            react_1.default.createElement("span", { className: "icon large-heading" }),
-            react_1.default.createElement("span", { className: "text" }, "Large Heading"),
-            blockType === "h1" && react_1.default.createElement("span", { className: "active" })),
-        react_1.default.createElement("button", { className: "item", onClick: formatSmallHeading },
-            react_1.default.createElement("span", { className: "icon small-heading" }),
-            react_1.default.createElement("span", { className: "text" }, "Small Heading"),
-            blockType === "h2" && react_1.default.createElement("span", { className: "active" })),
-        react_1.default.createElement("button", { className: "item", onClick: formatHeading3 },
-            react_1.default.createElement("span", { className: "icon h3" }),
-            react_1.default.createElement("span", { className: "text" }, "Heading 3"),
-            blockType === "h4" && react_1.default.createElement("span", { className: "active" })),
-        react_1.default.createElement("button", { className: "item", onClick: formatHeading4 },
-            react_1.default.createElement("span", { className: "icon h4" }),
-            react_1.default.createElement("span", { className: "text" }, "Heading 4"),
-            blockType === "h4" && react_1.default.createElement("span", { className: "active" })),
-        react_1.default.createElement("button", { className: "item", onClick: formatBulletList },
-            react_1.default.createElement("span", { className: "icon bullet-list" }),
-            react_1.default.createElement("span", { className: "text" }, "Bullet List"),
-            blockType === "ul" && react_1.default.createElement("span", { className: "active" })),
-        react_1.default.createElement("button", { className: "item", onClick: formatNumberedList },
-            react_1.default.createElement("span", { className: "icon numbered-list" }),
-            react_1.default.createElement("span", { className: "text" }, "Numbered List"),
-            blockType === "ol" && react_1.default.createElement("span", { className: "active" })),
-        react_1.default.createElement("button", { className: "item", onClick: formatQuote },
-            react_1.default.createElement("span", { className: "icon quote" }),
-            react_1.default.createElement("span", { className: "text" }, "Quote"),
-            blockType === "quote" && react_1.default.createElement("span", { className: "active" })),
-        react_1.default.createElement("button", { className: "item", onClick: formatCodeBlock },
-            react_1.default.createElement("span", { className: "icon code" }),
-            react_1.default.createElement("span", { className: "text" }, "Code"),
-            blockType === "code" && react_1.default.createElement("span", { className: "active" }))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "dropdown", ref: dropDownRef, children: [(0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatParagraph, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon paragraph" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Normal" }), blockType === "paragraph" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] }), (0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatLargeHeading, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon large-heading" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Large Heading" }), blockType === "h1" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] }), (0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatSmallHeading, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon small-heading" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Small Heading" }), blockType === "h2" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] }), (0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatHeading3, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon h3" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Heading 3" }), blockType === "h4" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] }), (0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatHeading4, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon h4" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Heading 4" }), blockType === "h4" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] }), (0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatBulletList, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon bullet-list" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Bullet List" }), blockType === "ul" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] }), (0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatNumberedList, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon numbered-list" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Numbered List" }), blockType === "ol" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] }), (0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatQuote, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon quote" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Quote" }), blockType === "quote" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] }), (0, jsx_runtime_1.jsxs)("button", { className: "item", onClick: formatCodeBlock, children: [(0, jsx_runtime_1.jsx)("span", { className: "icon code" }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: "Code" }), blockType === "code" && (0, jsx_runtime_1.jsx)("span", { className: "active" })] })] }));
 }
 function ToolbarPlugin(props) {
     const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
-    const toolbarRef = (0, react_2.useRef)(null);
-    const [blockType, setBlockType] = (0, react_2.useState)("paragraph");
-    const [selectedElementKey, setSelectedElementKey] = (0, react_2.useState)(null);
-    const [showBlockOptionsDropDown, setShowBlockOptionsDropDown] = (0, react_2.useState)(false);
-    const [codeLanguage, setCodeLanguage] = (0, react_2.useState)("");
-    const [isLink, setIsLink] = (0, react_2.useState)(false);
-    const [isBold, setIsBold] = (0, react_2.useState)(false);
-    const [isItalic, setIsItalic] = (0, react_2.useState)(false);
-    const [isUnderline, setIsUnderline] = (0, react_2.useState)(false);
-    const [isCode, setIsCode] = (0, react_2.useState)(false);
+    const toolbarRef = (0, react_1.useRef)(null);
+    const [blockType, setBlockType] = (0, react_1.useState)("paragraph");
+    const [selectedElementKey, setSelectedElementKey] = (0, react_1.useState)(null);
+    const [showBlockOptionsDropDown, setShowBlockOptionsDropDown] = (0, react_1.useState)(false);
+    const [codeLanguage, setCodeLanguage] = (0, react_1.useState)("");
+    const [isLink, setIsLink] = (0, react_1.useState)(false);
+    const [isBold, setIsBold] = (0, react_1.useState)(false);
+    const [isItalic, setIsItalic] = (0, react_1.useState)(false);
+    const [isUnderline, setIsUnderline] = (0, react_1.useState)(false);
+    const [isCode, setIsCode] = (0, react_1.useState)(false);
     //const [isStrikethrough, setIsStrikethrough] = useState(false);
-    const [linkUrl, setLinkUrl] = (0, react_2.useState)("https://");
-    const [targetAttribute, setTargetAttribute] = (0, react_2.useState)("_self");
-    const [classNamesList, setClassNamesList] = (0, react_2.useState)(["primary"]);
-    const updateToolbar = (0, react_2.useCallback)(() => {
+    const [linkUrl, setLinkUrl] = (0, react_1.useState)("https://");
+    const [targetAttribute, setTargetAttribute] = (0, react_1.useState)("_self");
+    const [classNamesList, setClassNamesList] = (0, react_1.useState)(["primary"]);
+    const updateToolbar = (0, react_1.useCallback)(() => {
         const selection = (0, lexical_1.$getSelection)();
         if ((0, lexical_1.$isRangeSelection)(selection)) {
             const anchorNode = selection.anchor.getNode();
@@ -284,7 +246,7 @@ function ToolbarPlugin(props) {
             }
         }
     }, [editor]);
-    (0, react_2.useEffect)(() => (0, utils_1.mergeRegister)(editor.registerUpdateListener(({ editorState }) => {
+    (0, react_1.useEffect)(() => (0, utils_1.mergeRegister)(editor.registerUpdateListener(({ editorState }) => {
         editorState.read(() => {
             updateToolbar();
         });
@@ -292,8 +254,8 @@ function ToolbarPlugin(props) {
         updateToolbar();
         return false;
     }, LowPriority)), [editor, updateToolbar]);
-    const codeLanguges = (0, react_2.useMemo)(() => (0, code_1.getCodeLanguages)(), []);
-    const onCodeLanguageSelect = (0, react_2.useCallback)((e) => {
+    const codeLanguges = (0, react_1.useMemo)(() => (0, code_1.getCodeLanguages)(), []);
+    const onCodeLanguageSelect = (0, react_1.useCallback)((e) => {
         editor.update(() => {
             if (selectedElementKey !== null) {
                 const node = (0, lexical_1.$getNodeByKey)(selectedElementKey);
@@ -303,7 +265,7 @@ function ToolbarPlugin(props) {
             }
         });
     }, [editor, selectedElementKey]);
-    const insertLink = (0, react_2.useCallback)(() => {
+    const insertLink = (0, react_1.useCallback)(() => {
         editor.dispatchCommand(CustomLinkNode_1.TOGGLE_CUSTOM_LINK_NODE_COMMAND, {
             url: linkUrl,
             classNames: classNamesList,
@@ -312,34 +274,10 @@ function ToolbarPlugin(props) {
     }, [editor, isLink]); //eslint-disable-line
     const editorEl = (typeof window !== 'undefined') && window.document.getElementById('elementEditDialog');
     const portalKey = editorEl ? editorEl : document.body;
-    return (react_1.default.createElement("div", { className: "toolbar", ref: toolbarRef },
-        supportedBlockTypes.has(blockType) && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("button", { className: "toolbar-item block-controls", onClick: () => setShowBlockOptionsDropDown(!showBlockOptionsDropDown), "aria-label": "Formatting Options" },
-                react_1.default.createElement("span", { className: "icon block-type " + blockType }),
-                react_1.default.createElement("span", { className: "text" }, blockTypeToBlockName[blockType]),
-                react_1.default.createElement("i", { className: "chevron-down" })),
-            showBlockOptionsDropDown
-                && (0, react_dom_1.createPortal)(react_1.default.createElement(BlockOptionsDropdownList, { editor: editor, blockType: blockType, toolbarRef: toolbarRef, setShowBlockOptionsDropDown: setShowBlockOptionsDropDown }), portalKey),
-            react_1.default.createElement(Divider, null))),
-        blockType === "code"
-            ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Select, { className: "toolbar-item code-language", onChange: onCodeLanguageSelect, options: codeLanguges, value: codeLanguage }),
-                react_1.default.createElement("i", { className: "chevron-down inside" })))
-            : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("button", { onClick: () => { editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, "bold"); }, className: "toolbar-item spaced " + (isBold ? "active" : ""), "aria-label": "Format Bold" },
-                    react_1.default.createElement("i", { className: "format bold" })),
-                react_1.default.createElement("button", { onClick: () => { editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, "italic"); }, className: "toolbar-item spaced " + (isItalic ? "active" : ""), "aria-label": "Format Italics" },
-                    react_1.default.createElement("i", { className: "format italic" })),
-                react_1.default.createElement("button", { onClick: () => { editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, "underline"); }, className: "toolbar-item spaced " + (isUnderline ? "active" : ""), "aria-label": "Format Underline" },
-                    react_1.default.createElement("i", { className: "format underline" })),
-                react_1.default.createElement("button", { onClick: insertLink, className: "toolbar-item spaced " + (isLink ? "active" : ""), "aria-label": "Insert Link" },
-                    react_1.default.createElement("i", { className: "format link" })),
-                react_1.default.createElement("button", { onClick: () => { editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, "code"); }, className: "toolbar-item spaced " + (isCode ? "active" : ""), "aria-label": "Format Code" },
-                    react_1.default.createElement("i", { className: "format code" })),
-                isLink && (0, react_dom_1.createPortal)(react_1.default.createElement(FloatingLinkEditor_1.default, { selectedElementKey: selectedElementKey, linkUrl: linkUrl, setLinkUrl: setLinkUrl, classNamesList: classNamesList, setClassNamesList: setClassNamesList, targetAttribute: targetAttribute, setTargetAttribute: setTargetAttribute }), portalKey))),
-        react_1.default.createElement(Divider, null),
-        react_1.default.createElement("button", { onClick: () => { props.goFullScreen(); }, className: "toolbar-item spaced", "aria-label": "Full Screen" },
-            react_1.default.createElement(material_1.Icon, null, "fullscreen"))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "toolbar", ref: toolbarRef, children: [supportedBlockTypes.has(blockType) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { className: "toolbar-item block-controls", onClick: () => setShowBlockOptionsDropDown(!showBlockOptionsDropDown), "aria-label": "Formatting Options", children: [(0, jsx_runtime_1.jsx)("span", { className: "icon block-type " + blockType }), (0, jsx_runtime_1.jsx)("span", { className: "text", children: blockTypeToBlockName[blockType] }), (0, jsx_runtime_1.jsx)("i", { className: "chevron-down" })] }), showBlockOptionsDropDown
+                        && (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(BlockOptionsDropdownList, { editor: editor, blockType: blockType, toolbarRef: toolbarRef, setShowBlockOptionsDropDown: setShowBlockOptionsDropDown }), portalKey), (0, jsx_runtime_1.jsx)(Divider, {})] })), blockType === "code"
+                ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Select, { className: "toolbar-item code-language", onChange: onCodeLanguageSelect, options: codeLanguges, value: codeLanguage }), (0, jsx_runtime_1.jsx)("i", { className: "chevron-down inside" })] }))
+                : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => { editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, "bold"); }, className: "toolbar-item spaced " + (isBold ? "active" : ""), "aria-label": "Format Bold", children: (0, jsx_runtime_1.jsx)("i", { className: "format bold" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => { editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, "italic"); }, className: "toolbar-item spaced " + (isItalic ? "active" : ""), "aria-label": "Format Italics", children: (0, jsx_runtime_1.jsx)("i", { className: "format italic" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => { editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, "underline"); }, className: "toolbar-item spaced " + (isUnderline ? "active" : ""), "aria-label": "Format Underline", children: (0, jsx_runtime_1.jsx)("i", { className: "format underline" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: insertLink, className: "toolbar-item spaced " + (isLink ? "active" : ""), "aria-label": "Insert Link", children: (0, jsx_runtime_1.jsx)("i", { className: "format link" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => { editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, "code"); }, className: "toolbar-item spaced " + (isCode ? "active" : ""), "aria-label": "Format Code", children: (0, jsx_runtime_1.jsx)("i", { className: "format code" }) }), isLink && (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(FloatingLinkEditor_1.default, { selectedElementKey: selectedElementKey, linkUrl: linkUrl, setLinkUrl: setLinkUrl, classNamesList: classNamesList, setClassNamesList: setClassNamesList, targetAttribute: targetAttribute, setTargetAttribute: setTargetAttribute }), portalKey)] })), (0, jsx_runtime_1.jsx)(Divider, {}), (0, jsx_runtime_1.jsx)("button", { onClick: () => { props.goFullScreen(); }, className: "toolbar-item spaced", "aria-label": "Full Screen", children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "fullscreen" }) })] }));
 }
 exports.ToolbarPlugin = ToolbarPlugin;
 //# sourceMappingURL=ToolbarPlugin.js.map