@mrfylke/contact-form 0.1.30 → 0.1.32

package/lib/utils/rich-text.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichText = RichText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const typography_1 = require("../components/typography");
+const rich_text_module_css_1 = __importDefault(require("./rich-text.module.css"));
+/**
+ * Renders a translated string with `[text](href)` as links opening in a new
+ * tab and `**text**` as bold. A blank line (`\n\n`) starts a new paragraph,
+ * a single `\n` is a line break.
+ */
+function RichText({ children }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: rich_text_module_css_1.default.richText, children: children
+            .split(/\n\s*\n/)
+            .filter((paragraph) => paragraph.trim())
+            .map((paragraph, index) => ((0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: paragraph.split('\n').map((line, lineIndex) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [lineIndex > 0 && (0, jsx_runtime_1.jsx)("br", {}), renderInline(line)] }, lineIndex))) }, index))) }));
+}
+const MARKDOWN = /\[([^\]]+)]\(([^)\s]+)\)|\*\*(.+?)\*\*/g;
+function renderInline(text) {
+    const nodes = [];
+    let textStart = 0;
+    for (const match of text.matchAll(MARKDOWN)) {
+        const [markdown, linkText, href, boldText] = match;
+        nodes.push(text.slice(textStart, match.index), boldText !== undefined ? ((0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m__strong", children: boldText }, match.index)) : ((0, jsx_runtime_1.jsx)("a", { href: href, target: "_blank", rel: "noopener noreferrer", children: linkText }, match.index)));
+        textStart = match.index + markdown.length;
+    }
+    nodes.push(text.slice(textStart));
+    return nodes;
+}

package/lib/utils/rich-text.module.css

@@ -0,0 +1,5 @@
+.richText {
+  display: flex;
+  flex-direction: column;
+  gap: token('spacing.medium');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrfylke/contact-form",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "license": "EUPL-1.2",
   "private": false,
   "main": "./lib/index.js",
@@ -79,6 +79,7 @@
     "eslint": "^9",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
+    "jiti": "^2",
     "jsdom": "^28.1.0",
     "prettier": "^3.9.6",
     "typescript-eslint": "^8.69.0",