@churchapps/apphelper 0.2.52 → 0.2.53

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

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

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

@@ -0,0 +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,qBAKpF"}

package/dist/components/markdownEditor/MarkdownPreviewLight.js

@@ -0,0 +1,15 @@
+"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 marked_1 = require("marked");
+const react_1 = __importDefault(require("react"));
+function MarkdownPreviewLight({ value: markdownString = "", textAlign }) {
+    const html = marked_1.marked.parse(markdownString || "");
+    const style = (textAlign) ? { textAlign } : {};
+    return react_1.default.createElement("div", { style: style, dangerouslySetInnerHTML: { __html: html } });
+}
+exports.MarkdownPreviewLight = MarkdownPreviewLight;
+//# sourceMappingURL=MarkdownPreviewLight.js.map

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

@@ -0,0 +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,MAAM,IAAI,GAAG,eAAM,CAAC,KAAK,CAAC,cAAc,IAAI,EAAE,CAAC,CAAA;IAC/C,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,IAAI,EAAC,GAAQ,CAAA;AAE3E,CAAC;AALD,oDAKC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.2.52",
+  "version": "0.2.53",
   "description": "Library of helper functions for React and NextJS ChurchApps",
   "main": "dist/index.js",
   "scripts": {
@@ -58,6 +58,7 @@
     "flexsearch": "0.7.43",
     "jwt-decode": "^3.1.2",
     "lexical": "^0.12.0",
+    "marked": "^14.1.2",
     "material-symbols": "^0.11.0",
     "mui-tel-input": "^4.0.1",
     "react-activity": "^2.1.3",

package/src/components/markdownEditor/MarkdownPreviewLight.tsx

@@ -0,0 +1,14 @@
+import {marked} from "marked";
+import React from "react";
+
+interface Props {
+  value: string;
+  textAlign?: "left" | "center" | "right"
+}
+
+export function MarkdownPreviewLight({ value: markdownString = "", textAlign }: Props) {
+  const html = marked.parse(markdownString || "")
+  const style = (textAlign) ? {textAlign} : {}
+  return <div style={style} dangerouslySetInnerHTML={{__html: html}}></div>
+
+}