ag-common 0.0.634 → 0.0.636

package/dist/ui/components/Markdown/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Markdown: (p: {
+    content: string;
+}) => React.JSX.Element;

package/dist/ui/components/Markdown/index.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Markdown = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const trim_1 = require("../../../common/helpers/string/trim");
+const renderMarkdownTable = (rows) => {
+    const headers = rows[0].split('|').map((header) => header.trim());
+    const tableBody = rows.slice(2).map((row) => {
+        const cells = row.split('|').map((cell) => cell.trim());
+        return `<tr>${cells.map((cell) => `<td>${cell}</td>`).join('')}</tr>`;
+    });
+    return `<table><thead><tr>${headers.map((header) => `<th>${header}</th>`).join('')}</tr></thead><tbody>${tableBody.join('')}</tbody></table>`;
+};
+function renderMarkdown(markdown) {
+    var _a, _b;
+    const lines = markdown.split('\n');
+    let output = '';
+    let ol = false;
+    let tableRows = [];
+    for (let line of lines) {
+        //handle inline **s
+        line = line.replace(/\*\*(.*?)\*\*/gim, `<b>$1</b>`);
+        if (line.startsWith('|')) {
+            tableRows.push(line);
+            continue;
+        }
+        else {
+            if (tableRows.length > 0) {
+                output += renderMarkdownTable(tableRows);
+                tableRows = [];
+            }
+        }
+        if (line.match(/^[0-9]+\./gim)) {
+            if (!ol) {
+                output += '<ol>';
+            }
+            ol = true;
+        }
+        else {
+            if (ol) {
+                ol = false;
+                output += '</ol>';
+            }
+        }
+        // Handle headings
+        if (line.startsWith('#')) {
+            const level = (_b = (_a = line.match(/^#+/)) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+            const t = (0, trim_1.trimSide)(line, true, '#');
+            output += `<h${level}>${t}</h${level}>\n`;
+        }
+        else if (line.startsWith('*')) {
+            // Handle unordered lists
+            output += `<ul>\n<li>${line.slice(2).trim()}</li>\n</ul>\n`;
+        }
+        else if (line.startsWith('-')) {
+            // Handle unordered lists (alternative syntax)
+            output += `<ul>\n<li>${line.slice(2).trim()}</li>\n</ul>\n`;
+        }
+        else if (line.match(/^[0-9]+\./gim)) {
+            // Handle ordered lists
+            output += `\n<li>${line.slice(3).trim()}</li>\n`;
+        }
+        else {
+            // Handle paragraphs
+            output += `<p>${line.trim()}</p>\n`;
+        }
+    }
+    return output;
+}
+const Base = styled_1.default.div `
+  p,
+  li {
+    white-space: pre-wrap;
+  }
+  ol {
+    padding-inline-start: 1rem;
+  }
+`;
+const Markdown = (p) => {
+    return (react_1.default.createElement(Base, { dangerouslySetInnerHTML: { __html: renderMarkdown(p.content) } }));
+};
+exports.Markdown = Markdown;

package/dist/ui/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './Image';
 export * from './InfiniteScroll';
 export * from './KebabDots';
 export * from './Loader';
+export * from './Markdown';
 export * from './MinSidebar';
 export * from './Modal';
 export * from './OpenApiCodeBlock';

package/dist/ui/components/index.js

@@ -31,6 +31,7 @@ __exportStar(require("./Image"), exports);
 __exportStar(require("./InfiniteScroll"), exports);
 __exportStar(require("./KebabDots"), exports);
 __exportStar(require("./Loader"), exports);
+__exportStar(require("./Markdown"), exports);
 __exportStar(require("./MinSidebar"), exports);
 __exportStar(require("./Modal"), exports);
 __exportStar(require("./OpenApiCodeBlock"), exports);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.634",
+  "version": "0.0.636",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -54,10 +54,10 @@
     "@storybook/theming": "7.6.16",
     "@types/jsonwebtoken": "9.0.5",
     "@types/node": "20.11.19",
-    "@types/react": "18.2.55",
+    "@types/react": "18.2.57",
     "@types/react-dom": "18.2.19",
     "cross-env": "7.0.3",
-    "eslint-config-e7npm": "0.0.85",
+    "eslint-config-e7npm": "0.0.86",
     "globstar": "^1.0.0",
     "rimraf": "5.0.5",
     "storybook": "7.6.16",