@churchapps/apphelper 0.3.15 → 0.3.17

package/dist/components/markdownEditor/plugins/FloatingTextMenu/getSelectNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSelectNode.js","sourceRoot":"","sources":["../../../../../src/components/markdownEditor/plugins/FloatingTextMenu/getSelectNode.tsx"],"names":[],"mappings":";;;AAAA,kDAAkD;AAElD,SAAgB,eAAe,CAAC,SAAc;IAC5C,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;IAChC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;IAC9B,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IAC9C,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IAC5C,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,OAAO,UAAU,CAAC;KACnB;IACD,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC;IAC1C,IAAI,UAAU,EAAE;QACd,OAAO,IAAA,wBAAY,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;KACrD;SAAM;QACL,OAAO,IAAA,wBAAY,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;KACtD;AACH,CAAC;AAdD,0CAcC"}

package/dist/components/markdownEditor/plugins/FloatingTextMenu/setFloatingElemPosition.d.ts

@@ -0,0 +1,2 @@
+export declare function setFloatingElemPosition(targetRect: any, floatingElem: any, anchorElem: any, verticalGap?: number, horizontalOffset?: number): void;
+//# sourceMappingURL=setFloatingElemPosition.d.ts.map

package/dist/components/markdownEditor/plugins/FloatingTextMenu/setFloatingElemPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setFloatingElemPosition.d.ts","sourceRoot":"","sources":["../../../../../src/components/markdownEditor/plugins/FloatingTextMenu/setFloatingElemPosition.tsx"],"names":[],"mappings":"AAGA,wBAAgB,uBAAuB,CAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,SAAe,EAAE,gBAAgB,SAAoB,QA6B7J"}

package/dist/components/markdownEditor/plugins/FloatingTextMenu/setFloatingElemPosition.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setFloatingElemPosition = void 0;
+const VERTICAL_GAP = 10;
+const HORIZONTAL_OFFSET = 5;
+function setFloatingElemPosition(targetRect, floatingElem, anchorElem, verticalGap = VERTICAL_GAP, horizontalOffset = HORIZONTAL_OFFSET) {
+    const scrollerElem = anchorElem.parentElement;
+    if (targetRect === null || !scrollerElem) {
+        floatingElem.style.opacity = "0";
+        floatingElem.style.transform = "translate(-10000px, -10000px)";
+        return;
+    }
+    const floatingElemRect = floatingElem.getBoundingClientRect();
+    const anchorElementRect = anchorElem.getBoundingClientRect();
+    const editorScrollerRect = scrollerElem.getBoundingClientRect();
+    let top = targetRect.top - floatingElemRect.height - verticalGap;
+    let left = targetRect.left - horizontalOffset;
+    if (top < editorScrollerRect.top) {
+        top += floatingElemRect.height + targetRect.height + verticalGap * 2;
+    }
+    if (left + floatingElemRect.width > editorScrollerRect.right) {
+        left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
+    }
+    top -= anchorElementRect.top;
+    left -= anchorElementRect.left;
+    floatingElem.style.opacity = "1";
+    floatingElem.style.transform = `translate(${left}px, ${top}px)`;
+}
+exports.setFloatingElemPosition = setFloatingElemPosition;
+//# sourceMappingURL=setFloatingElemPosition.js.map

package/dist/components/markdownEditor/plugins/FloatingTextMenu/setFloatingElemPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setFloatingElemPosition.js","sourceRoot":"","sources":["../../../../../src/components/markdownEditor/plugins/FloatingTextMenu/setFloatingElemPosition.tsx"],"names":[],"mappings":";;;AAAA,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B,SAAgB,uBAAuB,CAAE,UAAe,EAAE,YAAiB,EAAE,UAAe,EAAE,WAAW,GAAG,YAAY,EAAE,gBAAgB,GAAG,iBAAiB;IAC5J,MAAM,YAAY,GAAG,UAAU,CAAC,aAAa,CAAC;IAE9C,IAAI,UAAU,KAAK,IAAI,IAAI,CAAC,YAAY,EAAE;QACxC,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QACjC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,+BAA+B,CAAC;QAC/D,OAAO;KACR;IAED,MAAM,gBAAgB,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;IAC9D,MAAM,iBAAiB,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;IAC7D,MAAM,kBAAkB,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;IAEhE,IAAI,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,gBAAgB,CAAC,MAAM,GAAG,WAAW,CAAC;IACjE,IAAI,IAAI,GAAG,UAAU,CAAC,IAAI,GAAG,gBAAgB,CAAC;IAE9C,IAAI,GAAG,GAAG,kBAAkB,CAAC,GAAG,EAAE;QAChC,GAAG,IAAI,gBAAgB,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC;KACtE;IAED,IAAI,IAAI,GAAG,gBAAgB,CAAC,KAAK,GAAG,kBAAkB,CAAC,KAAK,EAAE;QAC5D,IAAI,GAAG,kBAAkB,CAAC,KAAK,GAAG,gBAAgB,CAAC,KAAK,GAAG,gBAAgB,CAAC;KAC7E;IAED,GAAG,IAAI,iBAAiB,CAAC,GAAG,CAAC;IAC7B,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC;IAE/B,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;IACjC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,IAAI,OAAO,GAAG,KAAK,CAAC;AAClE,CAAC;AA7BD,0DA6BC"}

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

@@ -42,7 +42,7 @@ export type TextMatchTransformer = Readonly<{
 exports.UNDERLINE = {
     format: ["underline"],
     intraword: false,
-    tag: "_",
+    tag: "__",
     type: "text-format"
 };
 /*
@@ -75,11 +75,11 @@ export const UNDERLINE: TextMatchTransformer = {
 */
 const modifiedTextTransformers = [EmojiNodeTransform_1.EMOJI_NODE_MARKDOWN_TRANSFORM];
 exports.PLAYGROUND_TRANSFORMERS = [
-    exports.UNDERLINE,
     ...modifiedTextTransformers,
     exports.HR,
     ...markdown_1.ELEMENT_TRANSFORMERS,
     CustomLinkNodeTransformer_1.CUSTOM_LINK_NODE_TRANSFORMER,
     ...markdown_1.TRANSFORMERS.splice(0, 13),
+    exports.UNDERLINE,
 ];
 //# sourceMappingURL=MarkdownTransformers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTransformers.js","sourceRoot":"","sources":["../../../../src/components/markdownEditor/plugins/MarkdownTransformers.ts"],"names":[],"mappings":";;;AAGA,gDAI2B;AAC3B,wFAIkD;AAClD,sFAAsF;AACtF,mEAA2E;AAG9D,QAAA,EAAE,GAAuB;IACpC,YAAY,EAAE,CAAC,8CAAkB,CAAC;IAClC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAAC,IAAA,iDAAqB,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3E,MAAM,EAAE,uBAAuB;IAC/B,OAAO,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE;QACxC,MAAM,IAAI,GAAG,IAAA,qDAAyB,GAAE,CAAC;QAEzC,iCAAiC;QACjC,IAAI,QAAQ,IAAI,UAAU,CAAC,cAAc,EAAE,IAAI,IAAI,EAAE;YACnD,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC1B;aAAM;YACL,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC/B;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IACD,IAAI,EAAE,SAAS;CAChB,CAAC;AAQF;;;;;;;;;;;;;;;;EAgBE;AAEW,QAAA,SAAS,GAA0B;IAC9C,MAAM,EAAE,CAAC,WAAW,CAAC;IACrB,SAAS,EAAE,KAAK;IAChB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,aAAa;CACpB,CAAC;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BE;AAEF,MAAM,wBAAwB,GAAG,CAAC,kDAA6B,CAAC,CAAC;AAEpD,QAAA,uBAAuB,GAAuB;IACzD,iBAAS;IACT,GAAG,wBAAwB;IAC3B,UAAE;IACF,GAAG,+BAAoB;IAEvB,wDAA4B;IAC5B,GAAG,uBAAY,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"MarkdownTransformers.js","sourceRoot":"","sources":["../../../../src/components/markdownEditor/plugins/MarkdownTransformers.ts"],"names":[],"mappings":";;;AAGA,gDAI2B;AAC3B,wFAIkD;AAClD,sFAAsF;AACtF,mEAA2E;AAG9D,QAAA,EAAE,GAAuB;IACpC,YAAY,EAAE,CAAC,8CAAkB,CAAC;IAClC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAAC,IAAA,iDAAqB,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3E,MAAM,EAAE,uBAAuB;IAC/B,OAAO,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE;QACxC,MAAM,IAAI,GAAG,IAAA,qDAAyB,GAAE,CAAC;QAEzC,iCAAiC;QACjC,IAAI,QAAQ,IAAI,UAAU,CAAC,cAAc,EAAE,IAAI,IAAI,EAAE;YACnD,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC1B;aAAM;YACL,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC/B;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IACD,IAAI,EAAE,SAAS;CAChB,CAAC;AAQF;;;;;;;;;;;;;;;;EAgBE;AAEW,QAAA,SAAS,GAA0B;IAC9C,MAAM,EAAE,CAAC,WAAW,CAAC;IACrB,SAAS,EAAE,KAAK;IAChB,GAAG,EAAE,IAAI;IACT,IAAI,EAAE,aAAa;CACpB,CAAC;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BE;AAEF,MAAM,wBAAwB,GAAG,CAAC,kDAA6B,CAAC,CAAC;AAEpD,QAAA,uBAAuB,GAAuB;IACzD,GAAG,wBAAwB;IAC3B,UAAE;IACF,GAAG,+BAAoB;IAEvB,wDAA4B;IAC5B,GAAG,uBAAY,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;IAC7B,iBAAS;CACV,CAAC"}

package/dist/pageComponents/components/SelectChurchSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChurchSearch.d.ts","sourceRoot":"","sources":["../../../src/pageComponents/components/SelectChurchSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,UAAU,KAAK;IACb,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuD9C,CAAC"}
+{"version":3,"file":"SelectChurchSearch.d.ts","sourceRoot":"","sources":["../../../src/pageComponents/components/SelectChurchSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,UAAU,KAAK;IACd,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuD9C,CAAC"}

package/dist/pageComponents/components/SelectChurchSearch.js

@@ -18,7 +18,7 @@ const SelectChurchSearch = (props) => {
     const handleSubmit = (e) => {
         if (e !== null)
             e.preventDefault();
-        let term = escape(searchText.trim());
+        let term = searchText.trim();
         helpers_1.ApiHelper.post("/churches/search", { name: term }, "MembershipApi").then(data => setChurches(data));
     };
     const handleChange = (e) => setSearchText(e.currentTarget.value);

package/dist/pageComponents/components/SelectChurchSearch.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.3.15",
+  "version": "0.3.17",
   "description": "Library of helper functions for React and NextJS ChurchApps",
   "main": "dist/index.js",
 	"types": "dist/index.d.ts", 

package/src/components/markdownEditor/Editor.tsx

@@ -19,6 +19,7 @@ import { AutoLinkNode, LinkNode } from "@lexical/link";
 import { CodeHighlightNode, CodeNode } from "@lexical/code";
 import { theme } from "./theme";
 import { ToolbarPlugin, CustomAutoLinkPlugin, ListMaxIndentLevelPlugin, PLAYGROUND_TRANSFORMERS, ReadOnlyPlugin, ControlledEditorPlugin } from "./plugins";
+import FloatingTextFormatToolbarPlugin from "./plugins/FloatingTextMenu/FloatingTextFormatToolbarPlugin";
 import { MarkdownModal } from "./MarkdownModal";
 import CustomLinkNodePlugin from "./plugins/customLink/CustomLinkNodePlugin";
 import { CustomLinkNode } from "./plugins/customLink/CustomLinkNode";
@@ -33,9 +34,11 @@ interface Props {
   style?: any;
   textAlign?: "left" | "center" | "right";
   placeholder?: string;
+  element?: any;
+  showFloatingEditor?: boolean;
 }
 
-function Editor({ value, onChange = () => { }, mode = "interactive", textAlign = "left", style, placeholder = "Enter some text..." }: Props) {
+function Editor({ value, onChange = () => {}, mode = "interactive", textAlign = "left", style, placeholder = "Enter some text...", showFloatingEditor = false, ...props }: Props) {
   const [fullScreen, setFullScreen] = React.useState(false);
 
   const handleChange = (editorState: any) => {
@@ -49,7 +52,7 @@ function Editor({ value, onChange = () => { }, mode = "interactive", textAlign =
     console.error(error);
   };
 
-  const handleModalOnChange = (value : string) => {
+  const handleModalOnChange = (value: string) => {
     onChange(value);
   };
 
@@ -81,38 +84,52 @@ function Editor({ value, onChange = () => { }, mode = "interactive", textAlign =
         with: (node: LinkNode) => (
           new CustomLinkNode(node.getURL(), node.getTarget(), [])
         )
-      }
-    ]
+      },
+    ],
+    markdown: { transformers: PLAYGROUND_TRANSFORMERS }
   };
 
-  let textAlignClass = ""
+  let textAlignClass = "";
   switch (textAlign) {
     case "center":
-      textAlignClass = "text-center"
+      textAlignClass = "text-center";
       break;
     case "right":
-      textAlignClass = "text-right"
+      textAlignClass = "text-right";
       break;
     case "left":
     default:
-      textAlignClass = "text-left"
+      textAlignClass = "text-left";
       break;
   }
 
   return (
     <>
       <LexicalComposer initialConfig={initialConfig}>
-        <div className={(mode === "preview") ? `editor-container preview ${textAlignClass}` : `editor-container ${textAlignClass}`} style={Object.assign({ border: mode === "preview" ? "none" : "1px solid lightgray" }, style)}>
-          {mode !== "preview" && <ToolbarPlugin goFullScreen={() => { setFullScreen(true) }} />}
+        <div
+          className={mode === "preview" ? `editor-container preview ${textAlignClass}` : `editor-container ${textAlignClass}`}
+          style={Object.assign({ border: mode === "preview" ? "none" : "1px solid lightgray" }, style)}
+        >
+          {mode !== "preview" && (<ToolbarPlugin goFullScreen={() => { setFullScreen(true); }} />)}
           <div className="editor-inner">
-            {!fullScreen && <RichTextPlugin
-              contentEditable={<ContentEditable className="editor-input" style={{ minHeight: mode === "preview" ? "auto" : "150px" }} />}
-              placeholder={mode !== "preview" ? <div className="editor-placeholder">{placeholder}</div> : null}
-              ErrorBoundary={LexicalErrorBoundary}
-            /> }
+            {!fullScreen && (
+              <RichTextPlugin
+                contentEditable={
+                  <ContentEditable
+                    className="editor-input"
+                    style={{ minHeight: mode === "preview" ? "auto" : "150px" }}
+                    //@ts-ignore
+                    ref={(node) => { if (node) { const editor = node.closest("[data-lexical-editor]") as HTMLElement; if (editor) { editor.dataset.element = JSON.stringify(props.element) } } }} //Store element in dataset
+                  />
+                }
+                placeholder={mode !== "preview" ? (<div className="editor-placeholder">{placeholder}</div>) : null}
+                ErrorBoundary={LexicalErrorBoundary}
+              />
+            )}
             <CustomLinkNodePlugin />
             {mode !== "preview" && <EmojiPickerPlugin />}
             <EmojisPlugin />
+            {showFloatingEditor && <FloatingTextFormatToolbarPlugin />}
             <OnChangePlugin onChange={handleChange} />
             {mode !== "preview" && <AutoFocusPlugin />}
             <HistoryPlugin />
@@ -126,7 +143,7 @@ function Editor({ value, onChange = () => { }, mode = "interactive", textAlign =
           </div>
         </div>
       </LexicalComposer>
-      {fullScreen && <MarkdownModal onChange={handleModalOnChange} value={value} hideModal={handleCloseFullScreen} />}
+      {fullScreen && (<MarkdownModal onChange={handleModalOnChange} value={value} hideModal={handleCloseFullScreen} />)}
     </>
   );
 }

package/src/components/markdownEditor/MarkdownPreview.tsx

@@ -6,11 +6,13 @@ const Editor = lazy(() => import('./Editor'));
 
 interface Props {
   value: string;
-  textAlign?: "left" | "center" | "right"
+  textAlign?: "left" | "center" | "right",
+  element?: any,
+  showFloatingEditor?: boolean
 }
 
-export function MarkdownPreview({ value: markdownString = "", textAlign }: Props) {
+export function MarkdownPreview({ value: markdownString = "", textAlign, showFloatingEditor = false, ...props }: Props) {
   return <Suspense fallback={<div>{markdownString || ""}</div>}>
-    <Editor mode="preview" value={markdownString || ""} textAlign={textAlign} />
+    <Editor mode="preview" value={markdownString || ""} textAlign={textAlign} element={props.element} showFloatingEditor={showFloatingEditor} />
   </Suspense>
 }

package/src/components/markdownEditor/MarkdownPreviewLight.tsx

@@ -42,7 +42,11 @@ export function MarkdownPreviewLight({ value: markdownString = "", textAlign }:
   if (markdownString === null || markdownString === undefined || !markdownString) return <></>;
   else {
     const convertedText = getSpecialLinks(markdownString || "");
-    const html = marked.parse(convertedText || "")
+    let processedMarkdown = convertedText;
+    processedMarkdown = convertedText.replace(/__(.*?)__/g, "<u>$1</u>"); //Replace `__underlined__` with `<u>underlined</u>`
+    processedMarkdown = processedMarkdown.replace(/```([\s\S]+?)```/g, "<pre class='code-block'><code>$1</code></pre>"); //Convert block code ```code``` to <pre><code>code</code></pre>
+    processedMarkdown = processedMarkdown.replace(/`([^`]+)`/g, "<code>$1</code>"); //Convert inline code `code` to <code>code</code>
+    const html = marked.parse(processedMarkdown || "")
     const style = (textAlign) ? {textAlign} : {}
     return <div style={style} dangerouslySetInnerHTML={{__html: html as string}}></div>
   }