allaw-ui 0.1.61 → 0.1.64

package/dist/components/atoms/selects/Select.js

@@ -111,7 +111,7 @@ function Select(_a, ref) {
         validate: function () { return validateSelect(selected); },
     }); });
     return (React.createElement("div", { ref: selectRef, className: "select-container ".concat(isOpen ? "select-pressed" : ""), style: { width: "".concat(width, "%") } },
-        React.createElement("button", { className: "select ".concat(isOpen ? "select-pressed" : "select-default"), onClick: toggleOpen, style: { width: "100%" } },
+        React.createElement("button", { type: "button", className: "select ".concat(isOpen ? "select-pressed" : "select-default"), onClick: toggleOpen, style: { width: "100%" } },
             React.createElement("span", { className: "select-text" }, Array.isArray(selected) && selected.length > 0
                 ? selected
                     .map(function (val) { var _a; return (_a = items.find(function (item) { return item.value === val; })) === null || _a === void 0 ? void 0 : _a.label; })

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

@@ -1,5 +1,6 @@
 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
@@ -8,10 +9,10 @@ var Paragraph = function (_a) {
             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(text, maxChars)
-        : text;
+    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
             ? {
                 WebkitLineClamp: maxLines,
@@ -19,6 +20,6 @@ var Paragraph = function (_a) {
                 WebkitBoxOrient: "vertical",
                 overflow: "hidden",
             }
-            : {} }, truncatedText));
+            : {}, dangerouslySetInnerHTML: { __html: truncatedText } }));
 };
 export default Paragraph;

package/dist/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare function convertToHtml(text: string): string;

package/dist/utils/utils.js

@@ -0,0 +1,16 @@
+export function convertToHtml(text) {
+    var lines = text.split(/\\n/); // Diviser la chaîne en un tableau de lignes en utilisant \n comme séparateur
+    var htmlLines = lines.map(function (line) {
+        // Traiter chaque ligne individuellement
+        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>
+            .replace(/\u2022\s?/g, "<li>") // Remplace les puces (•) par <li>
+            .trim(); // Supprimer les espaces de début et de fin
+    });
+    return htmlLines.join("<br>"); // Rejoindre les lignes avec <br>
+}

package/package.json

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