@vuu-ui/vuu-shell 0.8.28-debug → 0.8.29-debug

package/esm/index.js

@@ -1367,11 +1367,11 @@ import { List } from "@vuu-ui/vuu-ui-controls";
 
 // src/layout-management/useLayoutManager.tsx
 import React5, {
-  useCallback as useCallback9,
+  useCallback as useCallback8,
   useContext as useContext2,
-  useEffect as useEffect6,
+  useEffect as useEffect5,
   useRef as useRef4,
-  useState as useState7
+  useState as useState6
 } from "react";
 import {
   resolveJSONPath,
@@ -1670,14 +1670,23 @@ var ContextMenuProvider = ({
 };
 
 // ../vuu-popups/src/notifications/NotificationsProvider.tsx
-import React4, { useState as useState6, useContext, useCallback as useCallback7, useEffect as useEffect5 } from "react";
-import classNames from "clsx";
-import { getUniqueId } from "@vuu-ui/vuu-utils";
+import React4, { useContext } from "react";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-var NotificationsContext = React4.createContext({
-  notify: () => "have you forgotten to provide a NotificationProvider?"
-});
-var useNotifications = () => useContext(NotificationsContext);
+var NotificationsContextObject = class {
+  constructor() {
+    this.notify = () => "have you forgotten to provide a NotificationsCenter?";
+    this.setNotify = (dispatcher) => {
+      this.notify = dispatcher;
+    };
+  }
+};
+var NotificationsContext = React4.createContext(
+  new NotificationsContextObject()
+);
+var useNotifications = () => {
+  const { notify } = useContext(NotificationsContext);
+  return notify;
+};
 
 // src/persistence-management/defaultApplicationJson.ts
 var loadingApplicationJson = {
@@ -1719,7 +1728,7 @@ var defaultApplicationJson = {
 
 // src/persistence-management/LocalPersistenceManager.ts
 import { getLocalEntity, saveLocalEntity } from "@vuu-ui/vuu-filters";
-import { formatDate, getUniqueId as getUniqueId2 } from "@vuu-ui/vuu-utils";
+import { formatDate, getUniqueId } from "@vuu-ui/vuu-utils";
 var baseMetadataSaveLocation = "layouts/metadata";
 var baseLayoutsSaveLocation = "layouts/layouts";
 var _urlKey;
@@ -1782,7 +1791,7 @@ var LocalPersistenceManager = class {
     return new Promise((resolve) => {
       Promise.all([this.loadLayouts(), this.loadMetadata()]).then(
         ([existingLayouts, existingMetadata]) => {
-          const id = getUniqueId2();
+          const id = getUniqueId();
           const newMetadata = {
             ...metadata,
             id,
@@ -1872,14 +1881,14 @@ var LocalPersistenceManager = class {
 _urlKey = new WeakMap();
 
 // src/persistence-management/useLayoutContextMenuItems.tsx
-import { useCallback as useCallback8, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo4 } from "react";
 import { jsx as jsx14 } from "react/jsx-runtime";
 var useLayoutContextMenuItems = (setDialogState) => {
   const { saveLayout } = useLayoutManager();
-  const handleCloseDialog = useCallback8(() => {
+  const handleCloseDialog = useCallback7(() => {
     setDialogState(void 0);
   }, [setDialogState]);
-  const handleSave = useCallback8(
+  const handleSave = useCallback7(
     (layoutMetadata) => {
       saveLayout(layoutMetadata);
       setDialogState(void 0);
@@ -1972,11 +1981,11 @@ var ensureLayoutHasTitle = (layout, layoutMetadata) => {
   }
 };
 var LayoutManagementProvider = (props) => {
-  const [layoutMetadata, setLayoutMetadata] = useState7([]);
-  const [, forceRefresh] = useState7({});
-  const { notify } = useNotifications();
+  const [layoutMetadata, setLayoutMetadata] = useState6([]);
+  const [, forceRefresh] = useState6({});
+  const notify = useNotifications();
   const applicationJSONRef = useRef4(loadingApplicationJson);
-  const setApplicationJSON = useCallback9(
+  const setApplicationJSON = useCallback8(
     (applicationJSON, rerender = true) => {
       applicationJSONRef.current = applicationJSON;
       if (rerender) {
@@ -1985,7 +1994,7 @@ var LayoutManagementProvider = (props) => {
     },
     []
   );
-  const setApplicationLayout = useCallback9(
+  const setApplicationLayout = useCallback8(
     (layout, rerender = true) => {
       setApplicationJSON(
         {
@@ -1997,7 +2006,7 @@ var LayoutManagementProvider = (props) => {
     },
     [setApplicationJSON]
   );
-  const setApplicationSettings = useCallback9(
+  const setApplicationSettings = useCallback8(
     (settings) => {
       setApplicationJSON(
         {
@@ -2012,13 +2021,13 @@ var LayoutManagementProvider = (props) => {
     },
     [setApplicationJSON]
   );
-  useEffect6(() => {
+  useEffect5(() => {
     const persistenceManager = getPersistenceManager();
     persistenceManager.loadMetadata().then((metadata) => {
       setLayoutMetadata(metadata);
     }).catch((error2) => {
       notify({
-        type: "error" /* Error */,
+        type: "error",
         header: "Failed to Load Layouts",
         body: "Could not load list of available layouts"
       });
@@ -2028,7 +2037,7 @@ var LayoutManagementProvider = (props) => {
       setApplicationJSON(applicationJSON);
     }).catch((error2) => {
       notify({
-        type: "error" /* Error */,
+        type: "error",
         header: "Failed to Load Layout",
         body: "Could not load your latest view"
       });
@@ -2038,7 +2047,7 @@ var LayoutManagementProvider = (props) => {
       );
     });
   }, [notify, setApplicationJSON]);
-  const saveApplicationLayout = useCallback9(
+  const saveApplicationLayout = useCallback8(
     (layout) => {
       if (isLayoutJSON(layout)) {
         setApplicationLayout(layout, false);
@@ -2049,7 +2058,7 @@ var LayoutManagementProvider = (props) => {
     },
     [setApplicationLayout]
   );
-  const saveLayout = useCallback9(
+  const saveLayout = useCallback8(
     (metadata) => {
       const layoutToSave = resolveJSONPath(
         applicationJSONRef.current.layout,
@@ -2058,14 +2067,14 @@ var LayoutManagementProvider = (props) => {
       if (layoutToSave && isLayoutJSON(layoutToSave)) {
         getPersistenceManager().createLayout(metadata, ensureLayoutHasTitle(layoutToSave, metadata)).then((metadata2) => {
           notify({
-            type: "success" /* Success */,
+            type: "success",
             header: "Layout Saved Successfully",
             body: `${metadata2.name} saved successfully`
           });
           setLayoutMetadata((prev) => [...prev, metadata2]);
         }).catch((error2) => {
           notify({
-            type: "error" /* Error */,
+            type: "error",
             header: "Failed to Save Layout",
             body: `Failed to save layout ${metadata.name}`
           });
@@ -2074,7 +2083,7 @@ var LayoutManagementProvider = (props) => {
       } else {
         console.error("Tried to save invalid layout", layoutToSave);
         notify({
-          type: "error" /* Error */,
+          type: "error",
           header: "Failed to Save Layout",
           body: "Cannot save invalid layout"
         });
@@ -2082,7 +2091,7 @@ var LayoutManagementProvider = (props) => {
     },
     [notify]
   );
-  const saveApplicationSettings = useCallback9(
+  const saveApplicationSettings = useCallback8(
     (settings, key) => {
       const { settings: applicationSettings } = applicationJSONRef.current;
       if (key) {
@@ -2097,14 +2106,14 @@ var LayoutManagementProvider = (props) => {
     },
     [setApplicationSettings]
   );
-  const getApplicationSettings = useCallback9(
+  const getApplicationSettings = useCallback8(
     (key) => {
       const { settings } = applicationJSONRef.current;
       return key ? settings == null ? void 0 : settings[key] : settings;
     },
     []
   );
-  const loadLayoutById = useCallback9(
+  const loadLayoutById = useCallback8(
     (id) => {
       getPersistenceManager().loadLayout(id).then((layoutJson) => {
         var _a, _b;
@@ -2119,7 +2128,7 @@ var LayoutManagementProvider = (props) => {
         });
       }).catch((error2) => {
         notify({
-          type: "error" /* Error */,
+          type: "error",
           header: "Failed to Load Layout",
           body: "Failed to load the requested layout"
         });
@@ -2234,7 +2243,7 @@ import { Stack, useLayoutProviderDispatch } from "@vuu-ui/vuu-layout";
 import { Tab, Tabstrip } from "@vuu-ui/vuu-ui-controls";
 import { useThemeAttributes as useThemeAttributes2 } from "@vuu-ui/vuu-utils";
 import cx6 from "clsx";
-import { useCallback as useCallback10, useState as useState8 } from "react";
+import { useCallback as useCallback9, useState as useState7 } from "react";
 
 // src/feature-list/FeatureList.tsx
 import { Palette, PaletteItem } from "@vuu-ui/vuu-layout";
@@ -2301,11 +2310,11 @@ var LeftNav = (props) => {
     tableFeatures,
     ...htmlAttributes
   } = props;
-  const [navState, setNavState] = useState8({
+  const [navState, setNavState] = useState7({
     activeTabIndex: defaultActiveTabIndex,
     expanded: defaultExpanded
   });
-  const getFullWidth = useCallback10(
+  const getFullWidth = useCallback9(
     (tabIndex, expanded) => {
       if (tabIndex === 0) {
         return expanded ? sizeExpanded : sizeCollapsed;
@@ -2315,7 +2324,7 @@ var LeftNav = (props) => {
     },
     [sizeCollapsed, sizeContent, sizeExpanded]
   );
-  const handleTabSelection = useCallback10(
+  const handleTabSelection = useCallback9(
     (activeTabIndex) => {
       const { activeTabIndex: currentIndex, expanded } = navState;
       const newState = { activeTabIndex, expanded };
@@ -2336,7 +2345,7 @@ var LeftNav = (props) => {
     navState.activeTabIndex,
     navState.expanded
   );
-  const toggleExpanded = useCallback10(() => {
+  const toggleExpanded = useCallback9(() => {
     const { activeTabIndex, expanded } = navState;
     const primaryMenuExpanded = !expanded;
     const newState = { activeTabIndex, expanded: primaryMenuExpanded };
@@ -2428,11 +2437,11 @@ import {
 import { Button as Button5, useIdMemo } from "@salt-ds/core";
 import cx7 from "clsx";
 import {
-  useCallback as useCallback11,
-  useEffect as useEffect7,
+  useCallback as useCallback10,
+  useEffect as useEffect6,
   useMemo as useMemo5,
   useRef as useRef5,
-  useState as useState9
+  useState as useState8
 } from "react";
 import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var classBase10 = "vuuSessionEditingForm";
@@ -2510,8 +2519,8 @@ var SessionEditingForm = ({
   schema,
   ...htmlAttributes
 }) => {
-  const [values, setValues] = useState9();
-  const [errorMessage, setErrorMessage] = useState9("");
+  const [values, setValues] = useState8();
+  const [errorMessage, setErrorMessage] = useState8("");
   const formContentRef = useRef5(null);
   const initialDataRef = useRef5();
   const dataStatusRef = useRef5(Status.uninitialised);
@@ -2543,7 +2552,7 @@ var SessionEditingForm = ({
     return ds;
   }, [dataSourceProp, schema]);
   const id = useIdMemo(idProp);
-  const handleChange = useCallback11(
+  const handleChange = useCallback10(
     (evt) => {
       const [field, value] = getFieldNameAndValue(evt);
       const { type } = getField(fields, field);
@@ -2560,7 +2569,7 @@ var SessionEditingForm = ({
     },
     [fields]
   );
-  const handleBlur = useCallback11(
+  const handleBlur = useCallback10(
     (evt) => {
       const [field, value] = getFieldNameAndValue(evt);
       const { type } = getField(fields, field);
@@ -2577,7 +2586,7 @@ var SessionEditingForm = ({
     },
     [dataSource, fields, keyField, values]
   );
-  const applyAction = useCallback11(
+  const applyAction = useCallback10(
     (action) => {
       if (typeof action === "object" && action !== null) {
         if ("type" in action && action.type === "CLOSE_DIALOG_ACTION") {
@@ -2587,7 +2596,7 @@ var SessionEditingForm = ({
     },
     [onClose]
   );
-  const handleSubmit = useCallback11(async () => {
+  const handleSubmit = useCallback10(async () => {
     const response = await dataSource.menuRpcCall({
       type: "VP_EDIT_SUBMIT_FORM_RPC"
     });
@@ -2597,7 +2606,7 @@ var SessionEditingForm = ({
       applyAction(response.action);
     }
   }, [applyAction, dataSource]);
-  const handleKeyDown = useCallback11(
+  const handleKeyDown = useCallback10(
     (evt) => {
       if (evt.key === "Enter" && dataStatusRef.current === Status.changed) {
         handleSubmit();
@@ -2605,7 +2614,7 @@ var SessionEditingForm = ({
     },
     [handleSubmit]
   );
-  const handleCancel = useCallback11(() => {
+  const handleCancel = useCallback10(() => {
     onClose();
   }, [onClose]);
   const getFormControl = (field) => {
@@ -2628,7 +2637,7 @@ var SessionEditingForm = ({
       );
     }
   };
-  useEffect7(() => {
+  useEffect6(() => {
     if (formContentRef.current) {
       const firstInput = formContentRef.current.querySelector(
         "input"
@@ -2641,7 +2650,7 @@ var SessionEditingForm = ({
       }
     }
   }, []);
-  useEffect7(() => {
+  useEffect6(() => {
     return () => {
       if (dataSource) {
         dataSource.unsubscribe();
@@ -2713,16 +2722,16 @@ import {
 } from "@vuu-ui/vuu-utils";
 import cx10 from "clsx";
 import {
-  useCallback as useCallback14,
+  useCallback as useCallback13,
   useMemo as useMemo8,
   useRef as useRef7,
-  useState as useState11
+  useState as useState10
 } from "react";
 
 // src/shell-layouts/context-panel/ContextPanel.tsx
 import { Button as Button6 } from "@salt-ds/core";
 import cx8 from "clsx";
-import { useCallback as useCallback12, useMemo as useMemo6 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo6 } from "react";
 import {
   layoutFromJson,
   View,
@@ -2738,7 +2747,7 @@ var ContextPanel = ({
   title
 }) => {
   const dispatchLayoutAction = useLayoutProviderDispatch2();
-  const handleClose = useCallback12(() => {
+  const handleClose = useCallback11(() => {
     dispatchLayoutAction({
       path: "#context-panel",
       propName: "expanded",
@@ -2848,15 +2857,15 @@ import {
   Flexbox as Flexbox2,
   View as View2
 } from "@vuu-ui/vuu-layout";
-import { useCallback as useCallback13, useRef as useRef6, useState as useState10 } from "react";
+import { useCallback as useCallback12, useRef as useRef6, useState as useState9 } from "react";
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var useInlayLeftPanel = ({
   appHeader,
   LeftSidePanelProps
 }) => {
   const paletteView = useRef6(null);
-  const [open, setOpen] = useState10(true);
-  const handleDrawerClick = useCallback13(
+  const [open, setOpen] = useState9(true);
+  const handleDrawerClick = useCallback12(
     (e) => {
       var _a;
       const target = e.target;
@@ -2866,7 +2875,7 @@ var useInlayLeftPanel = ({
     },
     [open]
   );
-  const getDrawers = useCallback13(
+  const getDrawers = useCallback12(
     (leftSidePanel) => {
       const drawers = [];
       drawers.push(
@@ -2957,8 +2966,8 @@ var Shell = ({
   const layoutId = useRef7("latest");
   const { applicationJson, saveApplicationLayout, loadLayoutById } = useLayoutManager();
   const { buildMenuOptions, handleMenuAction } = useLayoutContextMenuItems(setDialogState);
-  const [connectionStatus, setConnectionStatus] = useState11("connected");
-  const handleLayoutChange = useCallback14(
+  const [connectionStatus, setConnectionStatus] = useState10("connected");
+  const handleLayoutChange = useCallback13(
     (layout) => {
       try {
         saveApplicationLayout(layout);
@@ -2968,12 +2977,12 @@ var Shell = ({
     },
     [saveApplicationLayout]
   );
-  const handleSwitchTheme = useCallback14((mode) => {
+  const handleSwitchTheme = useCallback13((mode) => {
     if (rootRef.current) {
       rootRef.current.dataset.mode = mode;
     }
   }, []);
-  const handleNavigate = useCallback14(
+  const handleNavigate = useCallback13(
     (id) => {
       layoutId.current = id;
       loadLayoutById(id);
@@ -3073,7 +3082,7 @@ var useShellContext = () => {
 // src/theme-switch/ThemeSwitch.tsx
 import cx11 from "clsx";
 import { ToggleButton, ToggleButtonGroup, useControlled } from "@salt-ds/core";
-import { useCallback as useCallback15 } from "react";
+import { useCallback as useCallback14 } from "react";
 import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 var classBase13 = "vuuThemeSwitch";
 var ThemeSwitch = ({
@@ -3089,7 +3098,7 @@ var ThemeSwitch = ({
     name: "ThemeSwitch",
     state: "mode"
   });
-  const handleChangeSecondary = useCallback15(
+  const handleChangeSecondary = useCallback14(
     (evt) => {
       const { value } = evt.target;
       setMode(value);