utopia-ui 3.0.0-alpha.53 → 3.0.0-alpha.55

package/dist/index.js

@@ -673,7 +673,6 @@ function AddButton(_a) {
     var setSelectNewItemPosition = _a.setSelectNewItemPosition;
     var layers = useLayers();
     var hasUserPermission = useHasUserPermission();
-    useAuth().user;
     var canAddItems = function () {
         var canAdd = false;
         layers.map(function (layer) {
@@ -2241,7 +2240,8 @@ var SearchControl = function (_a) {
     var resetFilterTags = useResetFilterTags();
     var filterTags = useFilterTags();
     useMapEvents({
-        popupopen: function () {
+        popupopen: function (e) {
+            console.log(e);
             setPopupOpen(true);
         },
         popupclose: function () {
@@ -2279,18 +2279,19 @@ var SearchControl = function (_a) {
         }));
         setTagsResults(tags.filter(function (tag) { var _a; return (_a = tag.id) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(value.toLowerCase()); }));
     }, 500, [value]);
+    var hide = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            setTimeout(function () {
+                setHideSuggestions(true);
+            }, 200);
+            return [2 /*return*/];
+        });
+    }); };
     var searchInput = useRef(null);
     return (React.createElement(React.Fragment, null, !(windowDimensions.height < 500 && popupOpen) &&
         React.createElement("div", { className: 'tw-w-[calc(100vw-2rem)] tw-max-w-[22rem] ' },
             React.createElement("div", { className: 'flex tw-flex-row' },
-                React.createElement("input", { type: "text", placeholder: "search ...", autoComplete: "off", value: value, className: "tw-input tw-input-bordered tw-w-full tw-shadow-xl tw-rounded-lg tw-mr-2", ref: searchInput, onChange: function (e) { return setValue(e.target.value); }, onFocus: function () { return setHideSuggestions(false); }, onBlur: function () { return __awaiter(void 0, void 0, void 0, function () {
-                        return __generator(this, function (_a) {
-                            setTimeout(function () {
-                                setHideSuggestions(true);
-                            }, 200);
-                            return [2 /*return*/];
-                        });
-                    }); } }),
+                React.createElement("input", { type: "text", placeholder: "search ...", autoComplete: "off", value: value, className: "tw-input tw-input-bordered tw-w-full tw-shadow-xl tw-rounded-lg tw-mr-2", ref: searchInput, onChange: function (e) { return setValue(e.target.value); }, onFocus: function () { return setHideSuggestions(false); }, onBlur: function () { return hide(); } }),
                 React.createElement(LocateControl, null)),
             value.length > 0 && React.createElement("button", { className: "tw-btn tw-btn-sm tw-btn-circle tw-absolute tw-right-16 tw-top-2", onClick: function () { return setValue(""); } }, "\u2715"),
             hideSuggestions || Array.from(geoResults).length == 0 && itemsResults.length == 0 && tagsResults.length == 0 && !isGeoCoordinate(value) || value.length == 0 ? "" :
@@ -2310,10 +2311,12 @@ var SearchControl = function (_a) {
                             if (filterTags.length > 0) {
                                 marker !== null && window.history.pushState({}, "", "/".concat(item.layer.name, "/").concat(item.id));
                                 resetFilterTags();
+                                hide();
                             }
                             else {
                                 marker !== null && ((_b = clusterRef === null || clusterRef === void 0 ? void 0 : clusterRef.current) === null || _b === void 0 ? void 0 : _b.zoomToShowLayer(marker, function () {
                                     marker === null || marker === void 0 ? void 0 : marker.openPopup();
+                                    hide();
                                 }));
                             }
                         } },
@@ -2333,6 +2336,7 @@ var SearchControl = function (_a) {
                                     map.fitBounds(new LatLngBounds(new LatLng(geo.properties.extent[1], geo.properties.extent[0]), new LatLng(geo.properties.extent[3], geo.properties.extent[2])));
                                 else
                                     map.setView(new LatLng(geo.geometry.coordinates[1], geo.geometry.coordinates[0]), 15, { duration: 1 });
+                                hide();
                             } },
                             React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "tw-text-current tw-mr-2 tw-mt-0 tw-w-4" },
                                 React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" })),