utopia-ui 3.0.0-alpha.124 → 3.0.0-alpha.126

package/dist/index.js

@@ -2757,27 +2757,6 @@ function encodeTag(string) {
     return string.replace(/\s+/g, "_");
 }
 
-var ClusterRefContext = createContext({
-    clusterRef: {},
-    setClusterRef: function () { },
-});
-function useClusterRefManager() {
-    var _a = useState({}), clusterRef = _a[0], setClusterRef = _a[1];
-    return { clusterRef: clusterRef, setClusterRef: setClusterRef };
-}
-var ClusterRefProvider = function (_a) {
-    var children = _a.children;
-    return (jsx(ClusterRefContext.Provider, __assign({ value: useClusterRefManager() }, { children: children })));
-};
-var useClusterRef = function () {
-    var clusterRef = useContext(ClusterRefContext).clusterRef;
-    return clusterRef;
-};
-var useSetClusterRef = function () {
-    var setClusterRef = useContext(ClusterRefContext).setClusterRef;
-    return setClusterRef;
-};
-
 var SearchControl = function () {
     var windowDimensions = useWindowDimensions();
     var _a = useState(false), popupOpen = _a[0], setPopupOpen = _a[1];
@@ -2791,9 +2770,6 @@ var SearchControl = function () {
     var items = useItems();
     var leafletRefs = useLeafletRefs();
     var addFilterTag = useAddFilterTag();
-    useResetFilterTags();
-    useFilterTags();
-    useClusterRef();
     useMapEvents({
         popupopen: function () {
             setPopupOpen(true);
@@ -2830,7 +2806,7 @@ var SearchControl = function () {
                 item.name = getValue(item, item.layer.itemNameField);
             if ((_b = item.layer) === null || _b === void 0 ? void 0 : _b.itemTextField)
                 item.text = getValue(item, item.layer.itemTextField);
-            return ((_c = item.name) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(value.toLowerCase())) || ((_d = item.text) === null || _d === void 0 ? void 0 : _d.toLowerCase().includes(value.toLowerCase()));
+            return value.length > 2 && (((_c = item.name) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(value.toLowerCase())) || ((_d = item.text) === null || _d === void 0 ? void 0 : _d.toLowerCase().includes(value.toLowerCase())));
         }));
         var phrase = value;
         if (value.startsWith("#"))
@@ -2845,6 +2821,9 @@ var SearchControl = function () {
             return [2 /*return*/];
         });
     }); };
+    useEffect(function () {
+        console.log(value);
+    }, [value]);
     var searchInput = useRef(null);
     return (jsx(Fragment, { children: !(windowDimensions.height < 500 && popupOpen && hideSuggestions) &&
             jsxs("div", __assign({ className: 'tw-w-[calc(100vw-2rem)] tw-max-w-[22rem] ' }, { children: [jsxs("div", __assign({ className: 'flex tw-flex-row' }, { children: [jsx("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 () {
@@ -2857,16 +2836,19 @@ var SearchControl = function () {
                                                 addFilterTag(tag);
                                                 var params = new URLSearchParams(window.location.search);
                                                 window.history.pushState({}, "", "/" + "".concat(params ? "?".concat(params) : ""));
-                                            } }, { 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) {
-                                            navigate("/".concat(item.layer.name, "/").concat(item.id, "?").concat(new URLSearchParams(window.location.search)));
-                                        }
-                                        else {
-                                            navigate("item/" + item.id + "?" + new URLSearchParams(window.location.search));
-                                        }
-                                    } }, { children: jsxs("div", __assign({ className: 'tw-flex tw-flex-row' }, { children: [jsx(item.layer.menuIcon, { className: "tw-text-current tw-w-5 tw-mr-2 tw-mt-0" }), jsxs("div", { children: [jsx("div", __assign({ className: 'tw-text-sm tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap tw-max-w-[17rem]' }, { children: item.name })), jsx("div", __assign({ className: 'tw-text-xs tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap tw-max-w-[17rem]' }, { children: item.text }))] })] })) }), item.id)); }), Array.from(geoResults).length > 0 && (itemsResults.length > 0 || tagsResults.length > 0) && jsx("hr", { className: 'tw-opacity-50' }), Array.from(geoResults).map(function (geo) {
+                                            } }, { 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) {
+                                    var _a;
+                                    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) {
+                                                navigate("/".concat(item.id, "?").concat(new URLSearchParams(window.location.search)));
+                                            }
+                                            else {
+                                                navigate("item/" + item.id + "?" + new URLSearchParams(window.location.search));
+                                            }
+                                        } }, { children: jsxs("div", __assign({ className: 'tw-flex tw-flex-row' }, { children: [jsx("img", { src: (_a = item.layer) === null || _a === void 0 ? void 0 : _a.menuIcon, className: "tw-text-current tw-w-5 tw-mr-2 tw-mt-0" }), jsxs("div", { children: [jsx("div", __assign({ className: 'tw-text-sm tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap tw-max-w-[17rem]' }, { children: item.name })), jsx("div", __assign({ className: 'tw-text-xs tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap tw-max-w-[17rem]' }, { children: item.text }))] })] })) }), item.id));
+                                }), Array.from(geoResults).length > 0 && (itemsResults.length > 0 || tagsResults.length > 0) && jsx("hr", { className: 'tw-opacity-50' }), Array.from(geoResults).map(function (geo) {
                                     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                                     return (jsxs("div", __assign({ className: 'tw-flex tw-flex-row hover:tw-font-bold tw-cursor-pointer', onClick: function () {
                                             var _a, _b;
@@ -3087,6 +3069,27 @@ var useSetMarkerClicked = function () {
     return setMarkerClicked;
 };
 
+var ClusterRefContext = createContext({
+    clusterRef: {},
+    setClusterRef: function () { },
+});
+function useClusterRefManager() {
+    var _a = useState({}), clusterRef = _a[0], setClusterRef = _a[1];
+    return { clusterRef: clusterRef, setClusterRef: setClusterRef };
+}
+var ClusterRefProvider = function (_a) {
+    var children = _a.children;
+    return (jsx(ClusterRefContext.Provider, __assign({ value: useClusterRefManager() }, { children: children })));
+};
+var useClusterRef = function () {
+    var clusterRef = useContext(ClusterRefContext).clusterRef;
+    return clusterRef;
+};
+var useSetClusterRef = function () {
+    var setClusterRef = useContext(ClusterRefContext).setClusterRef;
+    return setClusterRef;
+};
+
 // for refreshing map on resize (needs to be implemented)
 var mapDivRef = React.createRef();
 function UtopiaMap(_a) {
@@ -3561,6 +3564,7 @@ var Layer = function (_a) {
     var allTagsLoaded = useAllTagsLoaded();
     var allItemsLoaded = useAllItemsLoaded();
     var setMarkerClicked = useSetMarkerClicked();
+    var selectPosition = useSelectPosition();
     var tags = useTags();
     var addTag = useAddTag();
     var _r = useState([]), newTagsToAdd = _r[0], setNewTagsToAdd = _r[1];
@@ -3674,7 +3678,7 @@ var Layer = function (_a) {
                                     r && addMarker(item, r);
                             }, eventHandlers: {
                                 click: function () {
-                                    setMarkerClicked(item);
+                                    selectPosition && setMarkerClicked(item);
                                 },
                             }, icon: MarkerIconFactory(markerShape, color1, color2, markerIcon), position: [latitude, longitude] }, { children: [(children && React.Children.toArray(children).some(function (child) { return React.isValidElement(child) && child.props.__TYPE === "ItemView"; }) ?
                                     React.Children.toArray(children).map(function (child) {
@@ -4964,7 +4968,7 @@ function Quests() {
     var _b = useState(), profile = _b[0], setProfie = _b[1];
     var items = useItems();
     useEffect(function () {
-        setProfie(items.find(function (i) { var _a, _b; return ((_a = i.user_created) === null || _a === void 0 ? void 0 : _a.id) === (user === null || user === void 0 ? void 0 : user.id) && ((_b = i.layer) === null || _b === void 0 ? void 0 : _b.itemType.name) == "user" && i.user_created.id != null; }));
+        setProfie(items.find(function (i) { var _a, _b, _c; return ((_a = i.user_created) === null || _a === void 0 ? void 0 : _a.id) === (user === null || user === void 0 ? void 0 : user.id) && ((_b = i.layer) === null || _b === void 0 ? void 0 : _b.itemType.name) == "user" && ((_c = i.user_created) === null || _c === void 0 ? void 0 : _c.id) != null; }));
     }, [items, user]);
     return (jsx(Fragment, { children: questsOpen ?
             jsx("div", __assign({ className: "tw-card tw-w-48 tw-bg-base-100 tw-shadow-xl tw-absolute tw-bottom-4 tw-left-4 tw-z-[2000]" }, { children: jsxs("div", __assign({ className: "tw-card-body tw-p-4 tw-pt-0" }, { children: [jsx("div", __assign({ className: "tw-card-actions tw-justify-end" }, { children: jsx("label", __assign({ className: "tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-1 tw-top-1", onClick: function () { return setQuestsOpen(false); } }, { children: "\u2715" })) })), jsxs("h2", __assign({ className: "tw-card-title tw-m-auto " }, { children: ["Level 1", jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "#aaa", className: "tw-w-5 tw-h-5 tw-cursor-pointer" }, { children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z" }) }))] })), jsxs("ul", __assign({ className: 'tw-flex-row' }, { children: [jsx("li", { children: jsxs("label", __assign({ className: "tw-label tw-justify-normal tw-pt-1 tw-pb-0" }, { children: [jsx("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", checked: isAuthenticated ? isAuthenticated : false }), jsx("span", __assign({ className: 'tw-text-sm tw-label-text tw-mx-2' }, { children: "Sign Up" }))] })) }), jsx("li", { children: jsxs("label", __assign({ className: "tw-label tw-justify-normal tw-pt-1 tw-pb-0" }, { children: [jsx("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", checked: (profile === null || profile === void 0 ? void 0 : profile.text) ? true : false }), jsx("span", __assign({ className: 'tw-text-sm tw-label-text tw-mx-2' }, { children: "Fill Profile" }))] })) }), jsx("li", { children: jsxs("label", __assign({ className: "tw-label tw-justify-normal tw-pt-1 tw-pb-0" }, { children: [jsx("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", checked: (profile === null || profile === void 0 ? void 0 : profile.image) ? true : false }), jsx("span", __assign({ className: 'tw-text-sm tw-label-text tw-mx-2' }, { children: "Upload Avatar" }))] })) })] })), "                "] })) }))