utopia-ui 3.0.0-alpha.110 → 3.0.0-alpha.111

package/dist/index.js

@@ -2685,8 +2685,8 @@ var SearchControl = function () {
     var items = useItems();
     var leafletRefs = useLeafletRefs();
     var addFilterTag = useAddFilterTag();
-    useResetFilterTags();
-    useFilterTags();
+    var resetFilterTags = useResetFilterTags();
+    var filterTags = useFilterTags();
     useClusterRef();
     useMapEvents({
         popupopen: function () {
@@ -2754,7 +2754,8 @@ var SearchControl = function () {
                                             } }, { 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) { return (jsx("div", __assign({ className: 'tw-cursor-pointer hover:tw-font-bold', onClick: function () {
                                         var _a;
                                         var marker = (_a = Object.entries(leafletRefs).find(function (r) { return r[1].item == item; })) === null || _a === void 0 ? void 0 : _a[1].marker;
-                                        if (marker) {
+                                        resetFilterTags();
+                                        if (marker && filterTags.length == 0) {
                                             navigate("/".concat(item.layer.name, "/").concat(item.id));
                                         }
                                         else {
@@ -4447,7 +4448,6 @@ function OverlayItemProfile() {
     var updateItem = useUpdateItem();
     var _g = useState({}), item = _g[0], setItem = _g[1];
     var map = useMap();
-    useWindowDimensions();
     var layers = useLayers();
     var selectPosition = useSelectPosition();
     var removeItem = useRemoveItem();
@@ -4455,7 +4455,7 @@ function OverlayItemProfile() {
     var navigate = useNavigate();
     var addTag = useAddTag();
     var resetFilterTags = useResetFilterTags();
-    var filterTags = useFilterTags();
+    useFilterTags();
     var addItem = useAddItem();
     var user = useAuth().user;
     var hasUserPermission = useHasUserPermission();
@@ -4479,12 +4479,13 @@ function OverlayItemProfile() {
         window.history.pushState('', '', "?" + params.toString());
     };
     useEffect(function () {
-        var _a, _b;
         var itemId = location.pathname.split("/")[2];
         var item = items.find(function (i) { return i.id === itemId; });
         item && setItem(item);
-        resetFilterTags();
-        if (item && filterTags.length == 0) {
+    }, [items, location]);
+    useEffect(function () {
+        var _a, _b;
+        if (item) {
             if (item.position) {
                 var marker = (_a = Object.entries(leafletRefs).find(function (r) { return r[1].item == item; })) === null || _a === void 0 ? void 0 : _a[1].marker;
                 marker && (clusterRef === null || clusterRef === void 0 ? void 0 : clusterRef.zoomToShowLayer(marker, function () {
@@ -4505,7 +4506,7 @@ function OverlayItemProfile() {
                 }));
             }
         }
-    }, [items, activeTab, leafletRefs]);
+    }, [item]);
     useEffect(function () {
         var params = new URLSearchParams(location.search);
         var urlTab = params.get("tab");
@@ -4518,7 +4519,7 @@ function OverlayItemProfile() {
             var item = items.find(function (i) { return i.id == r.related_items_id; });
             item && setRelations(function (current) { return __spreadArray(__spreadArray([], current, true), [item], false); });
         });
-    }, [item, items]);
+    }, [item]);
     useEffect(function () {
         item && item.user_created && hasUserPermission("items", "update", item) && setUpdatePermission(true);
     }, [item]);
@@ -4691,7 +4692,7 @@ function OverlayItemProfile() {
                                                     }), addItemPopupType == "event" ?
                                                         jsx("form", __assign({ autoComplete: 'off', onSubmit: function (e) { return submitNewItem(e, addItemPopupType); } }, { 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-mx-4 tw-p-4 tw-mb-4' }, { 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: '' }), jsx(PopupStartEndInput, {}), jsx(TextAreaInput, { placeholder: "Text", dataField: "text", defaultValue: "", inputStyle: 'tw-h-40 tw-mt-5' }), jsx("div", __assign({ className: 'tw-flex tw-justify-center' }, { children: jsx("button", __assign({ className: loading ? 'tw-btn tw-btn-disabled tw-mt-5 tw-place-self-center' : 'tw-btn tw-mt-5 tw-place-self-center', type: 'submit' }, { children: loading ? jsx("span", { className: "tw-loading tw-loading-spinner" }) : 'Save' })) }))] })) })) : jsx(Fragment, {}), updatePermission && jsx(ActionButton, { collection: "items", item: item, existingRelations: relations, itemType: "event", triggerItemSelected: linkItem, triggerAddButton: function () { setAddItemPopupType("event"); scroll(); }, color: item.color })] })) })) })), jsx("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab  [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Friends", checked: activeTab == 4 && true, onChange: function () { return updateActiveTab(4); } }), jsx("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-1 tw-overflow-x-hidden" })] })) }))] }) })) }));
+                                                                        } }, { children: jsx("p", __assign({ className: 'tw-text-center ' }, { children: "\u2715" })) })), jsx(TextInput, { type: "text", placeholder: "Name", dataField: "name", defaultValue: "", inputStyle: '' }), jsx(PopupStartEndInput, {}), jsx(TextAreaInput, { placeholder: "Text", dataField: "text", defaultValue: "", inputStyle: 'tw-h-40 tw-mt-5' }), jsx("div", __assign({ className: 'tw-flex tw-justify-center' }, { children: jsx("button", __assign({ className: loading ? 'tw-btn tw-btn-disabled tw-mt-5 tw-place-self-center' : 'tw-btn tw-mt-5 tw-place-self-center', type: 'submit' }, { children: loading ? jsx("span", { className: "tw-loading tw-loading-spinner" }) : 'Save' })) }))] })) })) : jsx(Fragment, {}), updatePermission && jsx(ActionButton, { collection: "items", item: item, existingRelations: relations, itemType: "event", triggerItemSelected: linkItem, triggerAddButton: function () { setAddItemPopupType("event"); scroll(); }, color: item.color })] })) })) })), jsx("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab  [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Friends", checked: activeTab == 4 && true, onChange: function () { return updateActiveTab(4); } }), jsx("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-1 tw-overflow-x-hidden" })] })) }))] }) }), item.id) }));
 }
 
 function OverlayItemProfileSettings() {