@churchapps/apphelper 0.2.52 → 0.2.54

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/dist/components/markdownEditor/index.d.ts

@@ -1,3 +1,4 @@
 export { MarkdownEditor } from "./MarkdownEditor";
 export { MarkdownPreview } from "./MarkdownPreview";
+export { MarkdownPreviewLight } from "./MarkdownPreviewLight";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/markdownEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/markdownEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/markdownEditor/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarkdownPreview = exports.MarkdownEditor = void 0;
+exports.MarkdownPreviewLight = exports.MarkdownPreview = exports.MarkdownEditor = void 0;
 var MarkdownEditor_1 = require("./MarkdownEditor");
 Object.defineProperty(exports, "MarkdownEditor", { enumerable: true, get: function () { return MarkdownEditor_1.MarkdownEditor; } });
 var MarkdownPreview_1 = require("./MarkdownPreview");
 Object.defineProperty(exports, "MarkdownPreview", { enumerable: true, get: function () { return MarkdownPreview_1.MarkdownPreview; } });
+var MarkdownPreviewLight_1 = require("./MarkdownPreviewLight");
+Object.defineProperty(exports, "MarkdownPreviewLight", { enumerable: true, get: function () { return MarkdownPreviewLight_1.MarkdownPreviewLight; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/index.ts"],"names":[],"mappings":";;;AAAA,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/markdownEditor/index.ts"],"names":[],"mappings":";;;AAAA,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.2.52",
+  "version": "0.2.54",
   "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>
+
+}

package/src/components/markdownEditor/index.ts

@@ -1,2 +1,3 @@
 export { MarkdownEditor } from "./MarkdownEditor";
 export { MarkdownPreview } from "./MarkdownPreview";
+export { MarkdownPreviewLight } from "./MarkdownPreviewLight";