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

package/dist/index.js

@@ -1154,8 +1154,10 @@ var ItemCard = function (_a) {
     var windowDimensions = useWindowDimensions();
     return (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-4 tw-mb-4 tw-h-fit', onClick: function () {
             var params = new URLSearchParams(window.location.search);
-            windowDimensions.width >= 786 && navigate(url + getValue(i, parameterField) + "".concat(params ? "?".concat(params) : ""));
-            windowDimensions.width < 786 && navigate("/" + getValue(i, parameterField) + "".concat(params ? "?".concat(params) : ""));
+            if (windowDimensions.width < 786 && i.position)
+                navigate("/" + getValue(i, parameterField) + "".concat(params ? "?".concat(params) : ""));
+            else
+                navigate(url + getValue(i, parameterField) + "".concat(params ? "?".concat(params) : ""));
         } }, { children: [jsx(HeaderView, { loading: loading, item: i, api: (_b = i.layer) === null || _b === void 0 ? void 0 : _b.api, itemAvatarField: (_c = i.layer) === null || _c === void 0 ? void 0 : _c.itemAvatarField, itemNameField: (_d = i.layer) === null || _d === void 0 ? void 0 : _d.itemNameField, itemSubnameField: (_e = i.layer) === null || _e === void 0 ? void 0 : _e.itemSubnameField, editCallback: function () { return navigate("/edit-item/" + i.id); }, deleteCallback: function () { return deleteCallback(i); } }), jsxs("div", __assign({ className: 'tw-overflow-y-auto tw-overflow-x-hidden tw-max-h-64 fade' }, { children: [((_f = i.layer) === null || _f === void 0 ? void 0 : _f.itemType.show_start_end) &&
                         jsx(StartEndView, { item: i }), ((_g = i.layer) === null || _g === void 0 ? void 0 : _g.itemType.show_text) &&
                         jsx(TextView, { truncate: true, item: i, itemTextField: (_h = i.layer) === null || _h === void 0 ? void 0 : _h.itemTextField })] })), jsx(DateUserInfo, { item: i })] })));
@@ -2540,7 +2542,7 @@ var SearchControl = function () {
                                             if (windowDimensions.width < 500)
                                                 map.closePopup();
                                         }, onBlur: function () { return hide(); } }), value.length > 0 && jsx("button", __assign({ className: "tw-btn tw-btn-sm tw-btn-circle tw-absolute tw-right-2 tw-top-2", onClick: function () { return setValue(""); } }, { children: "\u2715" }))] })), jsx(LocateControl, {})] })), hideSuggestions || Array.from(geoResults).length == 0 && itemsResults.length == 0 && tagsResults.length == 0 && !isGeoCoordinate(value) || value.length == 0 ? "" :
-                        jsxs("div", __assign({ className: 'tw-card tw-card-body tw-bg-base-100 tw-p-4 tw-mt-2 tw-shadow-xl tw-overflow-y-auto tw-max-h-[calc(100dvh-152px)]' }, { children: [tagsResults.length > 0 &&
+                        jsxs("div", __assign({ className: 'tw-card tw-card-body tw-bg-base-100 tw-p-4 tw-mt-2 tw-shadow-xl tw-overflow-y-auto tw-max-h-[calc(100dvh-152px)] tw-absolute tw-z-3000' }, { children: [tagsResults.length > 0 &&
                                     jsx("div", __assign({ className: 'tw-flex tw-flex-wrap' }, { children: tagsResults.slice(0, 3).map(function (tag) { return (jsx("div", __assign({ className: 'tw-rounded-2xl tw-text-white tw-p-1 tw-px-4 tw-shadow-md tw-card tw-mr-2 tw-mb-2 tw-cursor-pointer', style: { backgroundColor: tag.color }, onClick: function () {
                                                 addFilterTag(tag);
                                             } }, { children: jsxs("b", { children: ["#", decodeTag(tag.name)] }) }), tag.name)); }) })), itemsResults.length > 0 && tagsResults.length > 0 && jsx("hr", { className: 'tw-opacity-50' }), itemsResults.slice(0, 5).map(function (item) {
@@ -2697,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) &&
@@ -3331,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) {
@@ -3403,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 {
@@ -3440,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) {