allaw-ui 0.1.66 → 0.1.68

package/dist/components/atoms/typography/Paragraph.js

@@ -1,25 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import React from "react";
 import "./Paragraph.css";
 import { convertToHtml } from "../../../utils/utils";
 var Paragraph = function (_a) {
     var variant = _a.variant, color = _a.color, text = _a.text, maxLines = _a.maxLines, maxChars = _a.maxChars, _b = _a.size, size = _b === void 0 ? "default" : _b;
-    // Fonction pour tronquer le texte en fonction du nombre maximum de caractères
     var truncateText = function (text, maxChars) {
         if (text.length <= maxChars)
             return text;
         return text.slice(0, maxChars) + "...";
     };
-    // Convertir le texte en HTML avant de le tronquer
     var htmlText = convertToHtml(text);
-    // Tronquer le texte si maxChars est défini
     var truncatedText = maxChars ? truncateText(htmlText, maxChars) : htmlText;
-    return (React.createElement("p", { className: "paragraph ".concat(variant, " ").concat(color ? "color-".concat(color) : "", " ").concat(size === "small" ? "paragraph-small" : ""), style: maxLines
+    return (React.createElement("div", { className: "paragraph ".concat(variant, " ").concat(color ? "color-".concat(color) : "", " ").concat(size === "small" ? "paragraph-small" : ""), style: __assign({ whiteSpace: "pre-line" }, (maxLines
             ? {
                 WebkitLineClamp: maxLines,
                 display: "-webkit-box",
                 WebkitBoxOrient: "vertical",
                 overflow: "hidden",
             }
-            : {}, dangerouslySetInnerHTML: { __html: truncatedText } }));
+            : {})), dangerouslySetInnerHTML: { __html: truncatedText } }));
 };
 export default Paragraph;

package/dist/utils/utils.d.ts

@@ -1 +1,2 @@
+import React from "react";
 export declare function convertToHtml(text: string | React.ReactNode): string;

package/dist/utils/utils.js

@@ -1,24 +1,48 @@
+import React from "react";
+import ReactDOMServer from "react-dom/server";
 export function convertToHtml(text) {
     // Vérifier si text est une chaîne de caractères
     var textString;
     if (typeof text === "string") {
         textString = text;
     }
+    else if (React.isValidElement(text)) {
+        // Si text est un élément React, convertir en chaîne
+        textString = ReactDOMServer.renderToStaticMarkup(text);
+    }
     else {
-        // Si ce n'est pas une chaîne, convertir en chaîne
+        // Sinon, convertir en chaîne
         textString = String(text);
     }
-    var lines = textString.replace(/\\n/g, "\n").split(/\r?\n/); // Remplacer les \n par des sauts de ligne réels, puis diviser la chaîne en un tableau de lignes
-    var htmlLines = lines.map(function (line) {
-        // Traiter chaque ligne individuellement
+    // Remplacer tous les types de retours à la ligne par \n
+    var normalizedText = textString
+        .replace(/\r\n/g, "\n")
+        .replace(/\r/g, "\n")
+        .replace(/\\n/g, "\n");
+    // Diviser le texte en lignes et les traiter séparément
+    var lines = normalizedText.split("\n");
+    // Traiter chaque ligne et les joindre avec des <br />
+    var processedText = lines
+        .map(function (line) {
         return line
-            .replace(/</g, "&lt;") // Échappe les caractères <
-            .replace(/>/g, "&gt;") // Échappe les caractères >
-            .replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>") // Remplace **texte** par <strong>texte</strong>
-            .replace(/\_(.+?)\_/g, "<em>$1</em>") // Remplace _texte_ par <em>texte</em>
-            .replace(/\~\~(.+?)\~\~/g, "<del>$1</del>") // Remplace ~~texte~~ par <del>texte</del>
-            .replace(/\`(.+?)\`/g, "<code>$1</code>") // Remplace `texte` par <code>texte</code>
-            .trim(); // Supprimer les espaces de début et de fin
-    });
-    return htmlLines.join("<br>"); // Rejoindre les lignes avec <br>
+            .replace(/</g, "&lt;")
+            .replace(/>/g, "&gt;")
+            .replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>")
+            .replace(/\_(.+?)\_/g, "<em>$1</em>")
+            .replace(/\~\~(.+?)\~\~/g, "<del>$1</del>")
+            .replace(/\`(.+?)\`/g, "<code>$1</code>")
+            .replace(/&lt;(br\s*\/?\s*)&gt;/g, "<$1>")
+            .replace(/&lt;(\/?\s*p\s*\/?\s*)&gt;/g, "<$1>")
+            .replace(/&lt;(span[\s\S]*?)&gt;([\s\S]*?)&lt;\/span&gt;/g, "<$1>$2</span>")
+            .replace(/&lt;(a[\s\S]*?)&gt;([\s\S]*?)&lt;\/a&gt;/g, "<$1>$2</a>")
+            .trim();
+    })
+        .filter(function (line, index, array) {
+        // Garder la ligne si elle n'est pas vide
+        // ou si ce n'est pas une ligne vide consécutive
+        return (line.trim().length > 0 ||
+            (index > 0 && array[index - 1].trim().length > 0));
+    })
+        .join("<br />");
+    return processedText;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",