utopia-ui 3.0.0-alpha.176 → 3.0.0-alpha.177

package/dist/index.js

@@ -2699,16 +2699,16 @@ var OverlayItemsIndexPage = function (_a) {
             }
         });
     }); };
-    return (jsxs(Fragment, { children: [jsx(MapOverlayPage, __assign({ className: 'tw-rounded-none tw-overflow-y-auto tw-bg-base-200 !tw-p-4' }, { children: jsxs("div", __assign({ className: 'tw-flex tw-flex-col tw-h-full' }, { children: [jsx("div", __assign({ className: 'tw-flex-none' }, { children: jsxs(Control, __assign({ position: 'topLeft', zIndex: "1000", absolute: false }, { children: [jsx(SearchControl, {}), jsx(TagsControl, {})] })) })), jsxs("div", __assign({ className: "tw-overflow-scroll fade tw-flex-1 tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 2xl:tw-grid-cols-4 tw-gap-6 tw-pt-4" }, { children: [(_c = (_b = items === null || items === void 0 ? void 0 : items.filter(function (i) { var _a; return ((_a = i.layer) === null || _a === void 0 ? void 0 : _a.name) === layerName; }).filter(function (item) {
-                                    return filterTags.length == 0 ? item : filterTags.every(function (tag) { return getItemTags(item).some(function (filterTag) { return filterTag.name.toLocaleLowerCase() === tag.name.toLocaleLowerCase(); }); });
-                                })) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) {
-                                    // Convert date_created to milliseconds, handle undefined by converting to lowest possible date (0 milliseconds)
-                                    var dateA = a.date_updated ? new Date(a.date_updated).getTime() : a.date_created ? new Date(a.date_created).getTime() : 0;
-                                    var dateB = b.date_updated ? new Date(b.date_updated).getTime() : b.date_created ? new Date(b.date_created).getTime() : 0;
-                                    return dateB - dateA; // Subtracts milliseconds which are numbers
-                                })) === null || _c === void 0 ? void 0 : _c.map(function (i, k) {
-                                    return (jsx(ItemCard, { i: i, loading: loading, url: url, parameterField: parameterField, deleteCallback: function () { return deleteItem(i); } }, k));
-                                }), addItemPopupType == "place" ?
+    return (jsxs(Fragment, { children: [jsx(MapOverlayPage, __assign({ className: 'tw-rounded-none tw-overflow-y-auto tw-bg-base-200 !tw-p-4' }, { children: jsxs("div", __assign({ className: 'tw-flex tw-flex-col tw-h-full' }, { children: [jsx("div", __assign({ className: 'tw-flex-none' }, { children: jsxs(Control, __assign({ position: 'topLeft', zIndex: "1000", absolute: false }, { children: [jsx(SearchControl, {}), jsx(TagsControl, {})] })) })), jsxs("div", __assign({ className: "tw-overflow-scroll fade tw-flex-1" }, { children: [jsx("div", __assign({ className: 'tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 2xl:tw-grid-cols-4 tw-gap-6 tw-pt-4' }, { children: (_c = (_b = items === null || items === void 0 ? void 0 : items.filter(function (i) { var _a; return ((_a = i.layer) === null || _a === void 0 ? void 0 : _a.name) === layerName; }).filter(function (item) {
+                                        return filterTags.length == 0 ? item : filterTags.every(function (tag) { return getItemTags(item).some(function (filterTag) { return filterTag.name.toLocaleLowerCase() === tag.name.toLocaleLowerCase(); }); });
+                                    })) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) {
+                                        // Convert date_created to milliseconds, handle undefined by converting to lowest possible date (0 milliseconds)
+                                        var dateA = a.date_updated ? new Date(a.date_updated).getTime() : a.date_created ? new Date(a.date_created).getTime() : 0;
+                                        var dateB = b.date_updated ? new Date(b.date_updated).getTime() : b.date_created ? new Date(b.date_created).getTime() : 0;
+                                        return dateB - dateA; // Subtracts milliseconds which are numbers
+                                    })) === null || _c === void 0 ? void 0 : _c.map(function (i, k) {
+                                        return (jsx(ItemCard, { i: i, loading: loading, url: url, parameterField: parameterField, deleteCallback: function () { return deleteItem(i); } }, k));
+                                    }) })), addItemPopupType == "place" ?
                                     jsx("form", __assign({ ref: tabRef, autoComplete: 'off', onSubmit: function (e) { return submitNewItem(e); } }, { children: jsxs("div", __assign({ className: 'tw-cursor-pointer tw-card tw-border-[1px] tw-border-base-300 tw-card-body tw-shadow-xl tw-bg-base-100 tw-text-base-content tw-p-6 tw-mb-10' }, { children: [jsx("label", __assign({ className: "tw-btn tw-btn-sm tw-rounded-2xl tw-btn-circle tw-btn-ghost hover:tw-bg-transparent tw-absolute tw-right-0 tw-top-0 tw-text-gray-600", onClick: function () {
                                                         setAddItemPopupType("");
                                                     } }, { children: jsx("p", __assign({ className: 'tw-text-center ' }, { children: "\u2715" })) })), jsx(TextInput, { type: "text", placeholder: "Name", dataField: "name", defaultValue: "", inputStyle: '' }), (layer === null || layer === void 0 ? void 0 : layer.itemType.show_start_end_input) &&
@@ -3333,7 +3333,7 @@ var TextView = function (_a) {
     else
         text = ((_b = item === null || item === void 0 ? void 0 : item.layer) === null || _b === void 0 ? void 0 : _b.itemTextField) && item ? getValue(item, (_c = item.layer) === null || _c === void 0 ? void 0 : _c.itemTextField) : "";
     if (item && text && truncate)
-        text = truncateString(text, 100, true);
+        text = truncateText(removeMarkdownKeepLinksAndParagraphs(text), 100);
     var replacedText;
     item && text ? replacedText = fixUrls(text) : "";
     replacedText ? replacedText = replacedText.replace(/(?<!\]?\()https?:\/\/[^\s\)]+(?!\))/g, function (url) {
@@ -3405,25 +3405,20 @@ var TextView = function (_a) {
         return (jsx("a", __assign({ style: { color: tag ? tag.color : '#faa', fontWeight: 'bold', cursor: 'pointer' }, onClick: function (e) {
                 e.stopPropagation();
                 addFilterTag(tag);
-                // map.fitBounds(items)
-                // map.closePopup();
             } }, { children: decodeTag(children) }), tag ? tag.name + item.id : item.id));
     };
-    return (
-    //@ts-ignore
-    jsx(Markdown, __assign({ className: "tw-text-map tw-leading-map ", remarkPlugins: [remarkBreaks], components: {
+    return (jsx(Markdown, __assign({ className: "tw-text-map tw-leading-map ", remarkPlugins: [remarkBreaks], components: {
             p: CustomParagraph,
             a: function (_a) {
                 var href = _a.href, children = _a.children;
-                // Prüft, ob der Link ein YouTube-Video ist
                 var isYouTubeVideo = href === null || href === void 0 ? void 0 : href.startsWith('https://www.youtube.com/watch?v=');
                 if (isYouTubeVideo) {
-                    var videoId = href === null || href === void 0 ? void 0 : href.split('v=')[1].split('&')[0]; // Extrahiert die Video-ID aus der URL
+                    var videoId = href === null || href === void 0 ? void 0 : href.split('v=')[1].split('&')[0];
                     var youtubeEmbedUrl = "https://www.youtube-nocookie.com/embed/".concat(videoId);
                     return (jsx("iframe", { className: 'tw-w-full', src: youtubeEmbedUrl, allowFullScreen: true }));
                 }
                 if (href === null || href === void 0 ? void 0 : href.startsWith("#")) {
-                    var tag = tags.find(function (t) { return t.name.toLowerCase() == decodeURI(href).slice(1).toLowerCase(); });
+                    var tag = tags.find(function (t) { return t.name.toLowerCase() === decodeURI(href).slice(1).toLowerCase(); });
                     return jsx(CustomHashTagLink, __assign({ tag: tag, item: item }, { children: children }));
                 }
                 else {
@@ -3442,14 +3437,37 @@ var TextView = function (_a) {
             h6: CustomH6,
         } }, { children: replacedText })));
 };
-function truncateString(str, n, useWordBoundary) {
-    if (str.length <= n) {
-        return str;
+function removeMarkdownKeepLinksAndParagraphs(text) {
+    // Remove Markdown syntax using regular expressions but keep links and paragraphs
+    return text
+        .replace(/!\[.*?\]\(.*?\)/g, '') // Remove images
+        .replace(/(`{1,3})(.*?)\1/g, '$2') // Remove inline code
+        .replace(/(\*{1,2}|_{1,2})(.*?)\1/g, '$2') // Remove bold and italic
+        .replace(/(#+)\s+(.*)/g, '$2') // Remove headers
+        .replace(/>\s+(.*)/g, '$1') // Remove blockquotes
+        .replace(/^\s*\n/gm, '\n') // Preserve empty lines
+        .replace(/(\r\n|\n|\r)/gm, '\n'); // Preserve line breaks
+}
+function truncateText(text, limit) {
+    if (text.length <= limit) {
+        return text;
+    }
+    var truncated = "";
+    var length = 0;
+    // Split the text by paragraphs
+    var paragraphs = text.split('\n');
+    for (var _i = 0, paragraphs_1 = paragraphs; _i < paragraphs_1.length; _i++) {
+        var paragraph = paragraphs_1[_i];
+        if (length + paragraph.length > limit) {
+            truncated += paragraph.slice(0, limit - length) + '...';
+            break;
+        }
+        else {
+            truncated += paragraph + '\n';
+            length += paragraph.length;
+        }
     }
-    var subString = str.slice(0, n - 1); // the original check
-    return (useWordBoundary
-        ? subString.slice(0, subString.lastIndexOf(" "))
-        : subString) + "&hellip;";
+    return truncated.trim();
 }
 
 var ItemViewPopup = React.forwardRef(function (props, ref) {