utopia-ui 3.0.0-alpha.63 → 3.0.0-alpha.65

package/dist/Components/Gaming/Modal.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-export declare function Modal({ children }: {
-    children: any;
+import * as React from "react";
+export declare function Modal({ children, showOnStartup }: {
+    children: React.ReactNode;
+    showOnStartup?: boolean;
 }): JSX.Element;

package/dist/index.js

@@ -2470,7 +2470,7 @@ function capitalizeFirstLetter(string) {
 // for refreshing map on resize (needs to be implemented)
 var mapDivRef = React.createRef();
 function UtopiaMap(_a) {
-    var _b = _a.height, height = _b === void 0 ? "500px" : _b, _c = _a.width, width = _c === void 0 ? "100%" : _c, _d = _a.center, center = _d === void 0 ? new LatLng(50.6, 9.5) : _d, _e = _a.zoom, zoom = _e === void 0 ? 10 : _e, children = _a.children;
+    var _b = _a.height, height = _b === void 0 ? "500px" : _b, _c = _a.width, width = _c === void 0 ? "100%" : _c, _d = _a.center, center = _d === void 0 ? [50.6, 9.5] : _d, _e = _a.zoom, zoom = _e === void 0 ? 10 : _e, children = _a.children;
     var meta = document.getElementsByTagName('meta');
     var _f = useState(meta), metaTags = _f[0]; _f[1];
     function MapEventListener(props) {
@@ -2503,7 +2503,7 @@ function UtopiaMap(_a) {
                         React.createElement(ItemsProvider, { initialItems: [] },
                             React.createElement(LeafletRefsProvider, { initialLeafletRefs: {} },
                                 React.createElement("div", { className: (selectNewItemPosition != null ? "crosshair-cursor-enabled" : undefined) },
-                                    React.createElement(MapContainer, { ref: mapDivRef, style: { height: height, width: width }, center: center, zoom: zoom, zoomControl: false },
+                                    React.createElement(MapContainer, { ref: mapDivRef, style: { height: height, width: width }, center: new LatLng(center[0], center[1]), zoom: zoom, zoomControl: false },
                                         React.createElement(Control, { position: 'topLeft', zIndex: "1000" },
                                             React.createElement(SearchControl, { clusterRef: clusterRef }),
                                             React.createElement(TagsControl, null)),
@@ -3516,7 +3516,7 @@ function SideBar(_a) {
             React.createElement("ul", { className: "tw-menu tw-w-full tw-bg-base-100 tw-text-base-content tw-p-0", "data-te-sidenav-menu-ref": true }, routes.map(function (route, k) {
                 return (React.createElement("li", { className: "", key: k }, route.submenu ?
                     React.createElement(SidebarSubmenu, __assign({}, route)) :
-                    (React.createElement(NavLink, { end: true, to: route.path, className: function (_a) {
+                    (React.createElement(NavLink, { end: true, target: route.blank ? "_blank" : "_self", to: route.path, className: function (_a) {
                             var isActive = _a.isActive;
                             return "".concat(isActive ? 'tw-font-semibold  tw-bg-base-200 !tw-rounded-none' : 'tw-font-normal !tw-rounded-none');
                         }, onClick: function () {
@@ -3790,7 +3790,11 @@ function ProfileSettings() {
 }
 
 function Modal(_a) {
-    var children = _a.children;
+    var children = _a.children, showOnStartup = _a.showOnStartup;
+    useEffect(function () {
+        if (showOnStartup)
+            window.my_modal_3.showModal();
+    }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement("dialog", { id: "my_modal_3", className: "tw-modal tw-transition-all tw-duration-300" },
             React.createElement("form", { method: "dialog", className: "tw-modal-box tw-transition-none" },