@wandelbots/wandelbots-js-react-components 2.49.0 → 2.50.0

package/dist/index.js

@@ -744,12 +744,19 @@ const z0 = ({
   }
 ) }), qk = Ge(
   Ce((e) => {
-    const { appIcon: t, appName: r, apps: n = [], onAppSelect: a, sx: o } = e, [s, i] = De(null), l = !!s, c = (h) => {
-      i(h.currentTarget);
-    }, u = () => {
-      i(null);
-    }, d = (h) => {
-      u(), h.onClick ? h.onClick() : h.href && (window.location.href = h.href), a == null || a(h);
+    const {
+      appIcon: t,
+      appName: r,
+      apps: n = [],
+      onAppSelect: a,
+      disabled: o = !1,
+      sx: s
+    } = e, [i, l] = De(null), c = !!i, u = (p) => {
+      l(p.currentTarget);
+    }, d = () => {
+      l(null);
+    }, h = (p) => {
+      d(), p.onClick ? p.onClick() : p.href && (window.location.href = p.href), a == null || a(p);
     };
     return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
       /* @__PURE__ */ g.jsx(
@@ -758,26 +765,25 @@ const z0 = ({
           position: "static",
           sx: {
             boxShadow: "none",
-            backgroundImage: "none",
-            "& .MuiAppBar-root": {
-              backgroundImage: "none",
-              backgroundColor: "transparent"
+            background: (p) => {
+              var f;
+              return (f = p.palette.backgroundPaperElevation) == null ? void 0 : f[1];
+            },
+            "& label, a, span": {
+              textWrap: "nowrap"
             },
-            ...o
+            ...s
           },
           children: /* @__PURE__ */ g.jsxs($g, { sx: { minHeight: "62px !important" }, children: [
-            /* @__PURE__ */ g.jsx(re, { sx: { mr: 2, display: "flex", alignItems: "center" }, children: t }),
+            /* @__PURE__ */ g.jsx(re, { sx: { mr: 1, display: "flex", alignItems: "center" }, children: t }),
             /* @__PURE__ */ g.jsxs(re, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
               /* @__PURE__ */ g.jsx(
                 he,
                 {
-                  variant: "h6",
-                  component: "div",
+                  component: "h1",
                   sx: {
-                    fontWeight: 700,
-                    fontSize: "20px",
-                    lineHeight: "24px",
-                    letterSpacing: 0
+                    fontWeight: "bold",
+                    fontSize: "1rem"
                   },
                   children: r
                 }
@@ -789,22 +795,23 @@ const z0 = ({
                   "aria-label": "switch app",
                   "aria-controls": "app-menu",
                   "aria-haspopup": "true",
-                  onClick: c,
+                  onClick: u,
+                  disabled: o,
                   sx: {
-                    ml: 2,
-                    width: 30,
-                    height: 30,
-                    borderRadius: "8px",
-                    padding: "5px",
-                    backgroundColor: (h) => zc(h.palette.common.white, 0.1),
+                    ml: 1,
+                    width: 28,
+                    height: 28,
+                    borderRadius: "6px",
+                    padding: 0,
+                    backgroundColor: (p) => zc(p.palette.common.white, 0.1),
                     opacity: 1,
                     "&:hover": {
-                      backgroundColor: (h) => zc(h.palette.common.white, 0.16)
+                      backgroundColor: (p) => zc(p.palette.common.white, 0.16)
                     },
                     "& .MuiSvgIcon-root": {
-                      fontSize: "10px",
-                      width: "10px",
-                      height: "8px"
+                      fontSize: "8px",
+                      width: "8px",
+                      height: "6px"
                     }
                   },
                   children: /* @__PURE__ */ g.jsx(G0, {})
@@ -817,12 +824,12 @@ const z0 = ({
       /* @__PURE__ */ g.jsx(
         Ug,
         {
-          open: l,
-          onClick: u,
+          open: c,
+          onClick: d,
           sx: {
             backdropFilter: "blur(4px)",
             backgroundColor: "rgba(0, 0, 0, 0.3)",
-            zIndex: (h) => h.zIndex.modal - 1
+            zIndex: (p) => p.zIndex.modal - 1
           }
         }
       ),
@@ -830,9 +837,9 @@ const z0 = ({
         Dg,
         {
           id: "app-menu",
-          anchorEl: s,
-          open: l,
-          onClose: u,
+          anchorEl: i,
+          open: c,
+          onClose: d,
           anchorOrigin: {
             vertical: "bottom",
             horizontal: "left"
@@ -842,30 +849,16 @@ const z0 = ({
             horizontal: "left"
           },
           sx: {
-            zIndex: (h) => h.zIndex.modal,
+            zIndex: (p) => p.zIndex.modal,
             "& .MuiPaper-root": {
               minWidth: 200,
               mt: 1
             }
           },
-          children: n.map((h) => /* @__PURE__ */ g.jsxs(
-            gn,
-            {
-              onClick: () => d(h),
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                gap: 2,
-                py: 1.5,
-                px: 2
-              },
-              children: [
-                /* @__PURE__ */ g.jsx(re, { sx: { display: "flex", alignItems: "center" }, children: h.icon }),
-                /* @__PURE__ */ g.jsx(he, { variant: "body1", children: h.name })
-              ]
-            },
-            h.id
-          ))
+          children: n.map((p) => /* @__PURE__ */ g.jsxs(gn, { onClick: () => h(p), children: [
+            /* @__PURE__ */ g.jsx(re, { sx: { display: "flex", alignItems: "center" }, children: p.icon }),
+            /* @__PURE__ */ g.jsx(he, { variant: "body1", sx: { ml: 2 }, children: p.name })
+          ] }, p.id))
         }
       )
     ] });