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

package/cjs/index.js

@@ -1716,13 +1716,22 @@ var ContextMenuProvider = ({
 
 // ../vuu-popups/src/notifications/NotificationsProvider.tsx
 var import_react12 = __toESM(require("react"));
-var import_clsx6 = __toESM(require("clsx"));
-var import_vuu_utils3 = require("@vuu-ui/vuu-utils");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var NotificationsContext = import_react12.default.createContext({
-  notify: () => "have you forgotten to provide a NotificationProvider?"
-});
-var useNotifications = () => (0, import_react12.useContext)(NotificationsContext);
+var NotificationsContextObject = class {
+  constructor() {
+    this.notify = () => "have you forgotten to provide a NotificationsCenter?";
+    this.setNotify = (dispatcher) => {
+      this.notify = dispatcher;
+    };
+  }
+};
+var NotificationsContext = import_react12.default.createContext(
+  new NotificationsContextObject()
+);
+var useNotifications = () => {
+  const { notify } = (0, import_react12.useContext)(NotificationsContext);
+  return notify;
+};
 
 // src/persistence-management/defaultApplicationJson.ts
 var loadingApplicationJson = {
@@ -1764,7 +1773,7 @@ var defaultApplicationJson = {
 
 // src/persistence-management/LocalPersistenceManager.ts
 var import_vuu_filters = require("@vuu-ui/vuu-filters");
-var import_vuu_utils4 = require("@vuu-ui/vuu-utils");
+var import_vuu_utils3 = require("@vuu-ui/vuu-utils");
 var baseMetadataSaveLocation = "layouts/metadata";
 var baseLayoutsSaveLocation = "layouts/layouts";
 var _urlKey;
@@ -1827,11 +1836,11 @@ var LocalPersistenceManager = class {
     return new Promise((resolve) => {
       Promise.all([this.loadLayouts(), this.loadMetadata()]).then(
         ([existingLayouts, existingMetadata]) => {
-          const id = (0, import_vuu_utils4.getUniqueId)();
+          const id = (0, import_vuu_utils3.getUniqueId)();
           const newMetadata = {
             ...metadata,
             id,
-            created: (0, import_vuu_utils4.formatDate)({ date: "dd.mm.yyyy" })(/* @__PURE__ */ new Date())
+            created: (0, import_vuu_utils3.formatDate)({ date: "dd.mm.yyyy" })(/* @__PURE__ */ new Date())
           };
           this.saveLayoutsWithMetadata(
             [...existingLayouts, { id, json: layout }],
@@ -2019,7 +2028,7 @@ var ensureLayoutHasTitle = (layout, layoutMetadata) => {
 var LayoutManagementProvider = (props) => {
   const [layoutMetadata, setLayoutMetadata] = (0, import_react14.useState)([]);
   const [, forceRefresh] = (0, import_react14.useState)({});
-  const { notify } = useNotifications();
+  const notify = useNotifications();
   const applicationJSONRef = (0, import_react14.useRef)(loadingApplicationJson);
   const setApplicationJSON = (0, import_react14.useCallback)(
     (applicationJSON, rerender = true) => {
@@ -2063,7 +2072,7 @@ var LayoutManagementProvider = (props) => {
       setLayoutMetadata(metadata);
     }).catch((error2) => {
       notify({
-        type: "error" /* Error */,
+        type: "error",
         header: "Failed to Load Layouts",
         body: "Could not load list of available layouts"
       });
@@ -2073,7 +2082,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"
       });
@@ -2103,14 +2112,14 @@ var LayoutManagementProvider = (props) => {
       if (layoutToSave && (0, import_vuu_layout2.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}`
           });
@@ -2119,7 +2128,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"
         });
@@ -2164,7 +2173,7 @@ var LayoutManagementProvider = (props) => {
         });
       }).catch((error2) => {
         notify({
-          type: "error" /* Error */,
+          type: "error",
           header: "Failed to Load Layout",
           body: "Failed to load the requested layout"
         });
@@ -2277,8 +2286,8 @@ var LayoutList = (props) => {
 var import_vuu_icons = require("@vuu-ui/vuu-icons");
 var import_vuu_layout4 = require("@vuu-ui/vuu-layout");
 var import_vuu_ui_controls5 = require("@vuu-ui/vuu-ui-controls");
-var import_vuu_utils5 = require("@vuu-ui/vuu-utils");
-var import_clsx7 = __toESM(require("clsx"));
+var import_vuu_utils4 = require("@vuu-ui/vuu-utils");
+var import_clsx6 = __toESM(require("clsx"));
 var import_react15 = require("react");
 
 // src/feature-list/FeatureList.tsx
@@ -2331,7 +2340,7 @@ var getDisplayStatus = (activeTabIndex, expanded) => {
 };
 var LeftNav = (props) => {
   const dispatch = (0, import_vuu_layout4.useLayoutProviderDispatch)();
-  const [themeClass] = (0, import_vuu_utils5.useThemeAttributes)();
+  const [themeClass] = (0, import_vuu_utils4.useThemeAttributes)();
   const {
     "data-path": path,
     defaultExpanded = true,
@@ -2403,13 +2412,13 @@ var LeftNav = (props) => {
     "div",
     {
       ...htmlAttributes,
-      className: (0, import_clsx7.default)(classBase9, `${classBase9}-${displayStatus}`),
+      className: (0, import_clsx6.default)(classBase9, `${classBase9}-${displayStatus}`),
       style,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "div",
           {
-            className: (0, import_clsx7.default)(`${classBase9}-menu-primary`, themeClass),
+            className: (0, import_clsx6.default)(`${classBase9}-menu-primary`, themeClass),
             "data-mode": "dark",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "vuuLeftNav-logo", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vuu_icons.VuuLogo, {}) }),
@@ -2432,7 +2441,7 @@ var LeftNav = (props) => {
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "vuuLeftNav-buttonBar", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
-                  className: (0, import_clsx7.default)("vuuLeftNav-toggleButton", {
+                  className: (0, import_clsx6.default)("vuuLeftNav-toggleButton", {
                     "vuuLeftNav-toggleButton-open": displayStatus.startsWith("menu-full"),
                     "vuuLeftNav-toggleButton-closed": displayStatus.startsWith("menu-icons")
                   }),
@@ -2463,9 +2472,9 @@ var LeftNav = (props) => {
 
 // src/session-editing-form/SessionEditingForm.tsx
 var import_vuu_data_remote = require("@vuu-ui/vuu-data-remote");
-var import_vuu_utils6 = require("@vuu-ui/vuu-utils");
+var import_vuu_utils5 = require("@vuu-ui/vuu-utils");
 var import_core5 = require("@salt-ds/core");
-var import_clsx8 = __toESM(require("clsx"));
+var import_clsx7 = __toESM(require("clsx"));
 var import_react16 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var classBase10 = "vuuSessionEditingForm";
@@ -2498,7 +2507,7 @@ function getTypedValue(value, type, throwIfUndefined = false) {
     case "int":
     case "long": {
       const typedValue = parseInt(value, 10);
-      if ((0, import_vuu_utils6.isValidNumber)(typedValue)) {
+      if ((0, import_vuu_utils5.isValidNumber)(typedValue)) {
         return typedValue;
       } else if (throwIfUndefined) {
         throw Error("SessionEditingForm getTypedValue");
@@ -2508,7 +2517,7 @@ function getTypedValue(value, type, throwIfUndefined = false) {
     }
     case "double": {
       const typedValue = parseFloat(value);
-      if ((0, import_vuu_utils6.isValidNumber)(typedValue)) {
+      if ((0, import_vuu_utils5.isValidNumber)(typedValue)) {
         return typedValue;
       }
       return void 0;
@@ -2563,7 +2572,7 @@ var SessionEditingForm = ({
       }
     };
     const ds = getDataSource(dataSourceProp, schema);
-    const columnMap = (0, import_vuu_utils6.buildColumnMap)(ds.columns);
+    const columnMap = (0, import_vuu_utils5.buildColumnMap)(ds.columns);
     ds.subscribe({ range: { from: 0, to: 5 } }, (message) => {
       if (message.type === "viewport-update" && message.rows) {
         if (dataStatusRef.current === Status.uninitialised) {
@@ -2586,7 +2595,7 @@ var SessionEditingForm = ({
           ...values2,
           [field]: typedValue
         };
-        const notUpdated = (0, import_vuu_utils6.shallowEquals)(newValues, initialDataRef.current);
+        const notUpdated = (0, import_vuu_utils5.shallowEquals)(newValues, initialDataRef.current);
         dataStatusRef.current = notUpdated ? Status.unchanged : typedValue !== void 0 ? Status.changed : Status.invalid;
         return newValues;
       });
@@ -2624,9 +2633,9 @@ var SessionEditingForm = ({
     const response = await dataSource.menuRpcCall({
       type: "VP_EDIT_SUBMIT_FORM_RPC"
     });
-    if ((0, import_vuu_utils6.isErrorResponse)(response)) {
+    if ((0, import_vuu_utils5.isErrorResponse)(response)) {
       setErrorMessage(response.error);
-    } else if ((0, import_vuu_utils6.hasAction)(response)) {
+    } else if ((0, import_vuu_utils5.hasAction)(response)) {
       applyAction(response.action);
     }
   }, [applyAction, dataSource]);
@@ -2682,7 +2691,7 @@ var SessionEditingForm = ({
     };
   }, [dataSource]);
   const isDirty = dataStatusRef.current === Status.changed;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ...htmlAttributes, className: (0, import_clsx8.default)(classBase10, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ...htmlAttributes, className: (0, import_clsx7.default)(classBase10, className), children: [
     errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
@@ -2704,7 +2713,7 @@ var SessionEditingForm = ({
             /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "label",
               {
-                className: (0, import_clsx8.default)(`${classBase10}-fieldLabel`, {
+                className: (0, import_clsx7.default)(`${classBase10}-fieldLabel`, {
                   [`${classBase10}-required`]: field.required
                 }),
                 htmlFor: `${id}-input-${field.name}`,
@@ -2735,13 +2744,13 @@ var SessionEditingForm = ({
 // src/shell.tsx
 var import_vuu_data_remote2 = require("@vuu-ui/vuu-data-remote");
 var import_vuu_layout8 = require("@vuu-ui/vuu-layout");
-var import_vuu_utils7 = require("@vuu-ui/vuu-utils");
-var import_clsx11 = __toESM(require("clsx"));
+var import_vuu_utils6 = require("@vuu-ui/vuu-utils");
+var import_clsx10 = __toESM(require("clsx"));
 var import_react20 = require("react");
 
 // src/shell-layouts/context-panel/ContextPanel.tsx
 var import_core6 = require("@salt-ds/core");
-var import_clsx9 = __toESM(require("clsx"));
+var import_clsx8 = __toESM(require("clsx"));
 var import_react17 = require("react");
 var import_vuu_layout5 = require("@vuu-ui/vuu-layout");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -2762,7 +2771,7 @@ var ContextPanel = ({
       type: "set-prop"
     });
   }, [dispatchLayoutAction]);
-  const className = (0, import_clsx9.default)(classBase11, classNameProp, {
+  const className = (0, import_clsx8.default)(classBase11, classNameProp, {
     [`${classBase11}-expanded`]: expanded,
     [`${classBase11}-inline`]: overlay !== true,
     [`${classBase11}-overlay`]: overlay
@@ -2774,7 +2783,7 @@ var ContextPanel = ({
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
-      className: (0, import_clsx9.default)(classBase11, className, {
+      className: (0, import_clsx8.default)(classBase11, className, {
         [`${classBase11}-expanded`]: expanded
       }),
       children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_vuu_layout5.View, { className: `${classBase11}-inner`, header: false, id: "context-panel", children: [
@@ -2801,7 +2810,7 @@ var import_vuu_layout6 = require("@vuu-ui/vuu-layout");
 
 // src/shell-layouts/side-panel/SidePanel.tsx
 var import_react18 = require("react");
-var import_clsx10 = __toESM(require("clsx"));
+var import_clsx9 = __toESM(require("clsx"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var classBase12 = "vuuShellSidePanel";
 var SidePanel = ({
@@ -2819,7 +2828,7 @@ var SidePanel = ({
     }),
     [open, sizeClosed, sizeOpen, styleProp]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ...htmlAttributes, className: (0, import_clsx10.default)(classBase12), style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ...htmlAttributes, className: (0, import_clsx9.default)(classBase12), style, children });
 };
 
 // src/shell-layouts/useFullHeightLeftPanel.tsx
@@ -2947,7 +2956,7 @@ if (typeof import_vuu_layout8.StackLayout !== "function") {
     "StackLayout module not loaded, will be unsbale to deserialize from layout JSON"
   );
 }
-var { error } = (0, import_vuu_utils7.logger)("Shell");
+var { error } = (0, import_vuu_utils6.logger)("Shell");
 var defaultLeftSidePanel = {};
 var Shell = ({
   LayoutProps,
@@ -3000,8 +3009,8 @@ var Shell = ({
       setConnectionStatus(connectionStatus2);
     }
   }, [serverUrl, user.token, user.username]);
-  const [themeClass, densityClass, dataMode] = (0, import_vuu_utils7.useThemeAttributes)();
-  const className = (0, import_clsx11.default)("vuuShell", classNameProp, themeClass, densityClass);
+  const [themeClass, densityClass, dataMode] = (0, import_vuu_utils6.useThemeAttributes)();
+  const className = (0, import_clsx10.default)("vuuShell", classNameProp, themeClass, densityClass);
   const isLoading = applicationJson === loadingApplicationJson;
   const shellLayout = useShellLayout({
     LeftSidePanelProps,
@@ -3020,7 +3029,7 @@ var Shell = ({
   if (connectionStatus === "rejected") {
     console.log("game over, no connection to server");
   }
-  return isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vuu_utils7.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vuu_utils6.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     ContextMenuProvider,
     {
       menuActionHandler: handleMenuAction,
@@ -3081,7 +3090,7 @@ var useShellContext = () => {
 };
 
 // src/theme-switch/ThemeSwitch.tsx
-var import_clsx12 = __toESM(require("clsx"));
+var import_clsx11 = __toESM(require("clsx"));
 var import_core7 = require("@salt-ds/core");
 var import_react22 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -3107,7 +3116,7 @@ var ThemeSwitch = ({
     },
     [onChange, setMode]
   );
-  const className = (0, import_clsx12.default)(classBase13, classNameProp);
+  const className = (0, import_clsx11.default)(classBase13, classNameProp);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     import_core7.ToggleButtonGroup,
     {