@vuu-ui/vuu-shell 0.8.22-debug → 0.8.23-debug

package/esm/index.js

@@ -19,7 +19,7 @@ var __privateSet = (obj, member, value, setter) => {
 
 // src/app-header/AppHeader.tsx
 import { useCallback as useCallback2 } from "react";
-import { Toolbar } from "@vuu-ui/vuu-layout";
+import { Toolbar } from "@vuu-ui/vuu-ui-controls";
 import cx2 from "clsx";
 
 // src/login/LoginPanel.tsx
@@ -288,7 +288,7 @@ var AppHeader = ({
   loginUrl,
   onNavigate,
   onSwitchTheme,
-  themeMode = "light",
+  themeMode: _,
   user,
   ...htmlAttributes
 }) => {
@@ -1375,7 +1375,8 @@ import React5, {
   useState as useState7
 } from "react";
 import {
-  resolveJSONPath
+  resolveJSONPath,
+  isLayoutJSON
 } from "@vuu-ui/vuu-layout";
 
 // ../vuu-popups/src/dialog/Dialog.tsx
@@ -1411,8 +1412,11 @@ var DialogHeader = ({
 
 // ../vuu-popups/src/popup/useAnchoredPosition.ts
 import { useCallback as useCallback3, useLayoutEffect, useRef as useRef2, useState as useState4 } from "react";
+
+// ../vuu-popups/src/popup/getPositionRelativeToAnchor.ts
 var getPositionRelativeToAnchor = (anchorElement, placement, offsetLeft, offsetTop, minWidth, dimensions) => {
   const { bottom, height, left, right, top, width } = anchorElement.getBoundingClientRect();
+  console.log({ top });
   switch (placement) {
     case "below":
       return { left: left + offsetLeft, top: bottom + offsetTop };
@@ -1445,10 +1449,12 @@ var getPositionRelativeToAnchor = (anchorElement, placement, offsetLeft, offsetT
       }
     default:
       throw Error(
-        "Popup getPositionRelativeToAnchor only supported placement values are below and right"
+        `Popup getPositionRelativeToAnchor non-supported placement value ${placement}`
       );
   }
 };
+
+// ../vuu-popups/src/popup/useAnchoredPosition.ts
 var useAnchoredPosition = ({
   anchorElement,
   minWidth,
@@ -1524,7 +1530,7 @@ var Dialog = ({
   } = PopupProps;
   const rootRef = useRef3(null);
   const portalRef = useRef3(null);
-  const [themeClass, densityClass, dataMode] = useThemeAttributes();
+  const [themeClass, _, dataMode] = useThemeAttributes();
   const { position } = useAnchoredPosition({
     anchorElement,
     offsetLeft,
@@ -2036,8 +2042,12 @@ var LayoutManagementProvider = (props) => {
   }, [notify, setApplicationJSON]);
   const saveApplicationLayout = useCallback9(
     (layout) => {
-      setApplicationLayout(layout, false);
-      getPersistenceManager().saveApplicationJSON(applicationJSONRef.current);
+      if (isLayoutJSON(layout)) {
+        setApplicationLayout(layout, false);
+        getPersistenceManager().saveApplicationJSON(applicationJSONRef.current);
+      } else {
+        console.error("Tried to save invalid application layout", layout);
+      }
     },
     [setApplicationLayout]
   );
@@ -2047,7 +2057,7 @@ var LayoutManagementProvider = (props) => {
         applicationJSONRef.current.layout,
         "#main-tabs.ACTIVE_CHILD"
       );
-      if (layoutToSave) {
+      if (layoutToSave && isLayoutJSON(layoutToSave)) {
         getPersistenceManager().createLayout(metadata, ensureLayoutHasTitle(layoutToSave, metadata)).then((metadata2) => {
           notify({
             type: "success" /* Success */,
@@ -2064,10 +2074,11 @@ var LayoutManagementProvider = (props) => {
           console.error("Error occurred while saving layout", error2);
         });
       } else {
+        console.error("Tried to save invalid layout", layoutToSave);
         notify({
           type: "error" /* Error */,
           header: "Failed to Save Layout",
-          body: "Cannot save undefined layout"
+          body: "Cannot save invalid layout"
         });
       }
     },
@@ -2936,7 +2947,7 @@ var Shell = ({
   className: classNameProp,
   leftSidePanelLayout,
   loginUrl,
-  saveLocation = "remote",
+  saveLocation: _,
   saveUrl,
   serverUrl,
   user,