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

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) {
@@ -2279,18 +2278,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 +2310,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();
                                 }));
                             }
                         } },