@vuu-ui/vuu-shell 3.0.0 → 3.1.0-beta.1

package/cjs/workspace-management/WorkspaceProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceProvider.js","sources":["../../../../packages/vuu-shell/src/workspace-management/WorkspaceProvider.tsx"],"sourcesContent":["import { isLayoutJSON, resolveJSONPath } from \"@vuu-ui/vuu-layout\";\nimport { useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport {\n  LayoutMetadata,\n  LayoutMetadataDto,\n  VuuShellLocation,\n  WorkspaceContext,\n  logger,\n  type ApplicationJSON,\n  type ApplicationSetting,\n  type ApplicationSettings,\n  type LayoutJSON,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { usePersistenceManager } from \"../persistence-manager\";\nimport {\n  getWorkspaceWithLayoutJSON,\n  loadingJSON,\n  type WorkspaceStackProps,\n} from \"./defaultWorkspaceJSON\";\n\nconst { info } = logger(\"useLayoutManager\");\n\nexport type WorkspaceProps = WorkspaceStackProps & {\n  layoutPlaceholderJSON?: LayoutJSON;\n  /**\n   * layoutJSON defines the default layout to render on first load and until such time as\n   * layout state has been persisted. After that, the persisted state will be rendered.\n   */\n  layoutJSON?: LayoutJSON | LayoutJSON[];\n  activeLayoutIndex?: number;\n  /**\n   * The Vuu workspace is the container into which layouts are loaded. By default, it will be\n   * a Tabbed Panel (Stack + Tabstrip), showing a tab per Layout.\n   */\n  workspaceJSON?: LayoutJSON | LayoutJSON[];\n};\n\nexport interface WorkspaceProviderProps extends WorkspaceProps {\n  children: ReactElement | ReactElement[];\n\n  /**\n   * layoutPlaceholderJSON defines the layout to render when a new workspace layout is created.\n   */\n  layoutPlaceholderJSON?: LayoutJSON;\n}\n\nconst ensureLayoutHasTitle = (\n  layout: LayoutJSON,\n  layoutMetadata: LayoutMetadataDto,\n) => {\n  if (layout.props?.title !== undefined) {\n    return layout;\n  } else {\n    return {\n      ...layout,\n      props: {\n        ...layout.props,\n        title: layoutMetadata.name,\n      },\n    };\n  }\n};\n\nconst loadingApplicationJSON: ApplicationJSON = {\n  workspaceJSON: loadingJSON,\n};\n\n/**\n * LayoutManagementProvider supplies an API for loading and saving layout documents.\n * Initial layout is automatically loaded on startup. Because this hook is responsible\n * only for loading and saving layouts, it only triggers a render when content is loaded.\n *\n * Initial layout displays a loading state\n * User may supply a default layout. This will not be displayed until call has been made to\n * persistenceManager to retrieve stored layout state. If no stored state is returned, the\n * default layout provided by user will be set as current state (and hence rendered). If no\n * default layout has been provided by user, the sysem default will be used (simple PlaceHolder)\n * If saved layout state has been returned, that will be set as current state (and rendered)\n *\n */\nexport const WorkspaceProvider = ({\n  TabstripProps,\n  children,\n  layoutJSON,\n  activeLayoutIndex,\n  layoutPlaceholderJSON,\n  showTabs,\n  workspaceJSON: customWorkspaceJSON,\n}: WorkspaceProviderProps) => {\n  const [layoutMetadata, setLayoutMetadata] = useState<LayoutMetadata[]>([]);\n  // TODO this default should probably be a loading state rather than the placeholder\n  // It will be replaced as soon as the localStorage/remote layout is resolved\n  const [, forceRefresh] = useState({});\n  const { showNotification } = useNotifications();\n  const persistenceManager = usePersistenceManager();\n  const applicationJSONRef = useRef<ApplicationJSON>(loadingApplicationJSON);\n\n  const setApplicationJSON = useCallback(\n    (applicationJSON: ApplicationJSON, rerender = true) => {\n      applicationJSONRef.current = applicationJSON;\n      if (rerender) {\n        forceRefresh({});\n      }\n    },\n    [],\n  );\n\n  const setWorkspaceJSON = useCallback(\n    (workspaceJSON: LayoutJSON, rerender = true) => {\n      setApplicationJSON(\n        {\n          ...applicationJSONRef.current,\n          workspaceJSON,\n        },\n        rerender,\n      );\n    },\n    [setApplicationJSON],\n  );\n\n  const setApplicationSettings = useCallback(\n    (settings: ApplicationSettings) => {\n      setApplicationJSON(\n        {\n          ...applicationJSONRef.current,\n          settings: {\n            ...applicationJSONRef.current.settings,\n            ...settings,\n          },\n        },\n        false,\n      );\n    },\n    [setApplicationJSON],\n  );\n\n  useEffect(() => {\n    //TODO this does not need to be done ahead of time\n    persistenceManager\n      ?.loadMetadata()\n      .then((metadata) => {\n        setLayoutMetadata(metadata);\n      })\n      .catch((error: Error) => {\n        showNotification({\n          content: \"Could not load list of available layouts\",\n          header: \"Failed to Load Layouts\",\n          status: \"error\",\n          type: \"toast\",\n        });\n        console.error(\"Error occurred while retrieving metadata\", error);\n      });\n\n    persistenceManager\n      ?.loadApplicationJSON()\n      .then((applicationJSON?: ApplicationJSON) => {\n        if (applicationJSON) {\n          info?.(\"applicationJSON loaded successfully\");\n          setApplicationJSON(applicationJSON);\n        } else {\n          // No applicationJSON has been saved yet. Construct our\n          // initial applicationJSON from user configuration and\n          // default values.\n          const workspaceJSON = getWorkspaceWithLayoutJSON(\n            customWorkspaceJSON,\n            layoutJSON,\n            activeLayoutIndex,\n            { TabstripProps, showTabs },\n          );\n          info?.(`applicationJSON not found, getting defaultWorkspaceJSON,\n            ${JSON.stringify(workspaceJSON, null, 2)}\n            `);\n          setApplicationJSON({\n            workspaceJSON,\n          });\n        }\n      })\n      .catch((error: Error) => {\n        showNotification({\n          content: \"Could not load your latest view\",\n          header: \"Failed to Load Layout\",\n          status: \"error\",\n          type: \"toast\",\n        });\n        console.error(\n          \"Error occurred while retrieving application layout\",\n          error,\n        );\n      });\n  }, [\n    TabstripProps,\n    activeLayoutIndex,\n    customWorkspaceJSON,\n    layoutJSON,\n    showNotification,\n    persistenceManager,\n    setApplicationJSON,\n    showTabs,\n  ]);\n\n  const saveApplicationLayout = useCallback(\n    (layout: LayoutJSON) => {\n      if (isLayoutJSON(layout)) {\n        setWorkspaceJSON(layout, false);\n        persistenceManager?.saveApplicationJSON(applicationJSONRef.current);\n      } else {\n        console.error(\"Tried to save invalid application layout\", layout);\n      }\n    },\n    [persistenceManager, setWorkspaceJSON],\n  );\n\n  const saveLayout = useCallback(\n    (metadata: LayoutMetadataDto) => {\n      let layoutToSave: LayoutJSON | undefined;\n      try {\n        const { workspaceJSON } = applicationJSONRef.current;\n        if (Array.isArray(workspaceJSON)) {\n          console.log(\"how do we identify the right thing to save\");\n        } else {\n          layoutToSave = resolveJSONPath(\n            workspaceJSON,\n            `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`,\n          );\n        }\n      } catch (e) {\n        // ignore, code below will handle\n      }\n\n      if (layoutToSave && isLayoutJSON(layoutToSave)) {\n        persistenceManager\n          ?.createLayout(metadata, ensureLayoutHasTitle(layoutToSave, metadata))\n          .then((metadata) => {\n            showNotification({\n              content: `${metadata.name} saved successfully`,\n              header: \"Layout Saved Successfully\",\n              status: \"success\",\n              type: \"toast\",\n            });\n            setLayoutMetadata((prev) => [...prev, metadata]);\n          })\n          .catch((error: Error) => {\n            showNotification({\n              content: `Failed to save layout ${metadata.name}`,\n              header: \"Failed to Save Layout\",\n              status: \"error\",\n              type: \"toast\",\n            });\n            console.error(\"Error occurred while saving layout\", error);\n          });\n      } else {\n        console.error(\"Tried to save invalid layout\", layoutToSave);\n        showNotification({\n          content: \"Cannot save invalid layout\",\n          header: \"Failed to Save Layout\",\n          status: \"error\",\n          type: \"toast\",\n        });\n      }\n    },\n    [showNotification, persistenceManager],\n  );\n\n  const saveApplicationSettings = useCallback(\n    (\n      settings: ApplicationSettings | ApplicationSetting,\n      key?: keyof ApplicationSettings,\n    ) => {\n      const { settings: applicationSettings } = applicationJSONRef.current;\n      if (key) {\n        setApplicationSettings({\n          ...applicationSettings,\n          [key]: settings,\n        });\n      } else {\n        setApplicationSettings(settings as ApplicationSettings);\n      }\n      persistenceManager?.saveApplicationJSON(applicationJSONRef.current);\n    },\n    [persistenceManager, setApplicationSettings],\n  );\n\n  const getApplicationSettings = useCallback(\n    (key?: keyof ApplicationSettings) => {\n      const { settings } = applicationJSONRef.current;\n      return key ? settings?.[key] : settings;\n    },\n    [],\n  );\n\n  const loadLayoutById = useCallback(\n    (id: string) => {\n      persistenceManager\n        ?.loadLayout(id)\n        .then((layoutJson) => {\n          const { workspaceJSON: currentLayout } = applicationJSONRef.current;\n          if (Array.isArray(currentLayout)) {\n            console.log(\"how do we deal witha amulti layoput\");\n          } else {\n            setWorkspaceJSON({\n              ...currentLayout,\n              children: (currentLayout.children || []).concat(layoutJson),\n              props: {\n                ...currentLayout.props,\n                active: currentLayout.children?.length ?? 0,\n              },\n            });\n          }\n        })\n        .catch((error: Error) => {\n          showNotification({\n            content: \"Failed to load the requested layout\",\n            header: \"Failed to Load Layout\",\n            status: \"error\",\n            type: \"toast\",\n          });\n          console.error(\"Error occurred while loading layout\", error);\n        });\n    },\n    [showNotification, persistenceManager, setWorkspaceJSON],\n  );\n\n  return (\n    <WorkspaceContext.Provider\n      value={{\n        getApplicationSettings,\n        layoutMetadata,\n        layoutPlaceholderJSON,\n        saveLayout,\n        workspaceJSON: applicationJSONRef.current.workspaceJSON,\n        saveApplicationLayout,\n        saveApplicationSettings,\n        loadLayoutById,\n      }}\n    >\n      {children}\n    </WorkspaceContext.Provider>\n  );\n};\n\nexport const useWorkspace = () => {\n  // The default Application JSON will be served if no LayoutManagementProvider\n  const { workspaceJSON = getWorkspaceWithLayoutJSON(), ...contextProps } =\n    useContext(WorkspaceContext);\n\n  return {\n    ...contextProps,\n    workspaceJSON,\n  };\n};\n"],"names":["logger","loadingJSON","useState","useNotifications","usePersistenceManager","useRef","useCallback","useEffect","getWorkspaceWithLayoutJSON","isLayoutJSON","resolveJSONPath","VuuShellLocation","metadata","jsx","WorkspaceContext","useContext"],"mappings":"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"}

package/cjs/workspace-management/defaultWorkspaceJSON.js

@@ -1,101 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const warningLayout = {
-  type: "View",
-  props: {
-    style: { height: "calc(100% - 6px)" }
-  },
-  children: [
-    {
-      props: {
-        className: "vuuShell-warningPlaceholder"
-      },
-      type: "Placeholder"
-    }
-  ]
-};
-const loadingJSON = {
-  type: "Component",
-  id: "loading-main",
-  props: {}
-};
-const defaultWorkspaceJSON = {
-  type: "Stack",
-  id: vuuUtils.VuuShellLocation.Workspace,
-  props: {
-    className: `${vuuUtils.VuuShellLocation.Workspace}-tabs`,
-    TabstripProps: {
-      allowAddTab: true,
-      allowCloseTab: true,
-      allowRenameTab: true,
-      animateSelectionThumb: false,
-      "aria-label": "Workspace Tabs",
-      location: "workspace-tab",
-      variant: "primary"
-    },
-    preserve: true
-  }
-};
-const getStackWorkspaceJSON = (activeLayoutIndex) => ({
-  ...defaultWorkspaceJSON,
-  active: activeLayoutIndex ?? 0
-});
-const placeholderLayout = {
-  props: {
-    id: "tab1",
-    title: "Tab 1",
-    className: "vuuShell-Placeholder"
-  },
-  type: "Placeholder"
-};
-const getWorkspaceWithLayoutJSON = (customWorkspaceJSON, layoutJSON = placeholderLayout, activeLayoutIndex, stackProps) => {
-  const stackWorkspace = getStackWorkspaceJSON(activeLayoutIndex);
-  if (Array.isArray(customWorkspaceJSON)) {
-    const workspace = customWorkspaceJSON.find(
-      (layout) => layout.id === vuuUtils.VuuShellLocation.Workspace
-    );
-    if (workspace) {
-      return customWorkspaceJSON.map((ws) => {
-        if (ws.id === vuuUtils.VuuShellLocation.Workspace) {
-          return {
-            ...ws,
-            children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]
-          };
-        } else {
-          return ws;
-        }
-      });
-    } else {
-      throw Error(
-        "Multiple workspaces have been provided but none has the workspace id"
-      );
-    }
-  } else if (customWorkspaceJSON) {
-    return {
-      ...customWorkspaceJSON,
-      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]
-    };
-  } else {
-    return {
-      ...stackWorkspace,
-      props: {
-        ...stackWorkspace.props,
-        ...stackProps,
-        TabstripProps: {
-          ...stackWorkspace.props?.TabstripProps,
-          ...stackProps?.TabstripProps
-        }
-      },
-      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON]
-    };
-  }
-};
-
-exports.defaultWorkspaceJSON = defaultWorkspaceJSON;
-exports.getStackWorkspaceJSON = getStackWorkspaceJSON;
-exports.getWorkspaceWithLayoutJSON = getWorkspaceWithLayoutJSON;
-exports.loadingJSON = loadingJSON;
-exports.warningLayout = warningLayout;
-//# sourceMappingURL=defaultWorkspaceJSON.js.map

package/cjs/workspace-management/defaultWorkspaceJSON.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultWorkspaceJSON.js","sources":["../../../../packages/vuu-shell/src/workspace-management/defaultWorkspaceJSON.ts"],"sourcesContent":["import { StackProps } from \"@vuu-ui/vuu-layout\";\nimport { LayoutJSON, VuuShellLocation } from \"@vuu-ui/vuu-utils\";\n\nexport type WorkspaceStackProps = Pick<\n  StackProps,\n  \"showTabs\" | \"TabstripProps\"\n>;\n\nexport const warningLayout: LayoutJSON = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport const loadingJSON: Readonly<LayoutJSON> = {\n  type: \"Component\",\n  id: \"loading-main\",\n  props: {},\n};\n\nexport const defaultWorkspaceJSON: LayoutJSON<\n  StackProps & { preserve: boolean }\n> = {\n  type: \"Stack\",\n  id: VuuShellLocation.Workspace,\n  props: {\n    className: `${VuuShellLocation.Workspace}-tabs`,\n    TabstripProps: {\n      allowAddTab: true,\n      allowCloseTab: true,\n      allowRenameTab: true,\n      animateSelectionThumb: false,\n      \"aria-label\": \"Workspace Tabs\",\n      location: \"workspace-tab\",\n      variant: \"primary\",\n    },\n    preserve: true,\n  },\n};\n\nexport const getStackWorkspaceJSON = (\n  activeLayoutIndex?: number,\n): LayoutJSON => ({\n  ...defaultWorkspaceJSON,\n  active: activeLayoutIndex ?? 0,\n});\n\nconst placeholderLayout: LayoutJSON = {\n  props: {\n    id: \"tab1\",\n    title: \"Tab 1\",\n    className: \"vuuShell-Placeholder\",\n  },\n  type: \"Placeholder\",\n};\n\nexport const getWorkspaceWithLayoutJSON = (\n  customWorkspaceJSON?: LayoutJSON | LayoutJSON[],\n  layoutJSON: LayoutJSON | LayoutJSON[] = placeholderLayout,\n  activeLayoutIndex?: number,\n  stackProps?: WorkspaceStackProps,\n): LayoutJSON | LayoutJSON[] => {\n  const stackWorkspace = getStackWorkspaceJSON(activeLayoutIndex);\n  if (Array.isArray(customWorkspaceJSON)) {\n    const workspace = customWorkspaceJSON.find(\n      (layout) => layout.id === VuuShellLocation.Workspace,\n    );\n    if (workspace) {\n      return customWorkspaceJSON.map((ws) => {\n        if (ws.id === VuuShellLocation.Workspace) {\n          return {\n            ...ws,\n            children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON],\n          };\n        } else {\n          return ws;\n        }\n      });\n    } else {\n      throw Error(\n        \"Multiple workspaces have been provided but none has the workspace id\",\n      );\n    }\n  } else if (customWorkspaceJSON) {\n    return {\n      ...customWorkspaceJSON,\n      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON],\n    };\n  } else {\n    return {\n      ...stackWorkspace,\n      props: {\n        ...stackWorkspace.props,\n        ...stackProps,\n        TabstripProps: {\n          ...stackWorkspace.props?.TabstripProps,\n          ...stackProps?.TabstripProps,\n        },\n      },\n      children: Array.isArray(layoutJSON) ? layoutJSON : [layoutJSON],\n    };\n  }\n};\n"],"names":["VuuShellLocation"],"mappings":"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"}

package/cjs/workspace-management/screenshot-utils.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var htmlToImage = require('html-to-image');
-
-const takeScreenshot = (node) => {
-  return new Promise((resolve, reject) => {
-    htmlToImage.toPng(node, {
-      cacheBust: true
-    }).then((screenshot) => {
-      if (!screenshot) {
-        reject(new Error("No Screenshot available"));
-      }
-      resolve(screenshot);
-    }).catch((error) => {
-      console.error(
-        "the following error occurred while taking a screenshot of a DOMNode",
-        error
-      );
-      reject(new Error("Error taking screenshot"));
-    });
-  });
-};
-
-exports.takeScreenshot = takeScreenshot;
-//# sourceMappingURL=screenshot-utils.js.map

package/cjs/workspace-management/screenshot-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenshot-utils.js","sources":["../../../../packages/vuu-shell/src/workspace-management/screenshot-utils.ts"],"sourcesContent":["import { toPng } from \"html-to-image\";\n\n/**\n * Takes a screenshot of the given node and returns the base64 encoded image url\n * @param node HTMLElement to take screenshot of\n * @returns Base64 encoded image url\n */\nexport const takeScreenshot = (node: HTMLElement): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    toPng(node, {\n      cacheBust: true /*,\n      filter: (child) =>\n        // remove content of table rows\n        child.nodeType === Node.TEXT_NODE ||\n        child.getAttribute(\"role\") !== \"row\",*/,\n    })\n      .then((screenshot) => {\n        if (!screenshot) {\n          reject(new Error(\"No Screenshot available\"));\n        }\n        resolve(screenshot);\n      })\n      .catch((error: Error) => {\n        console.error(\n          \"the following error occurred while taking a screenshot of a DOMNode\",\n          error\n        );\n        reject(new Error(\"Error taking screenshot\"));\n      });\n  });\n};\n"],"names":["toPng"],"mappings":";;;;AAOa,MAAA,cAAA,GAAiB,CAAC,IAAuC,KAAA;AACpE,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,IAAAA,iBAAA,CAAM,IAAM,EAAA;AAAA,MACV,SAAW,EAAA;AAAA,KAKZ,CAAA,CACE,IAAK,CAAA,CAAC,UAAe,KAAA;AACpB,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAO,MAAA,CAAA,IAAI,KAAM,CAAA,yBAAyB,CAAC,CAAA;AAAA;AAE7C,MAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,KACnB,CAAA,CACA,KAAM,CAAA,CAAC,KAAiB,KAAA;AACvB,MAAQ,OAAA,CAAA,KAAA;AAAA,QACN,qEAAA;AAAA,QACA;AAAA,OACF;AACA,MAAO,MAAA,CAAA,IAAI,KAAM,CAAA,yBAAyB,CAAC,CAAA;AAAA,KAC5C,CAAA;AAAA,GACJ,CAAA;AACH;;;;"}

package/cjs/workspace-management/useWorkspaceContextMenuItems.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var React = require('react');
-var SaveLayoutPanel = require('./SaveLayoutPanel.js');
-var WorkspaceProvider = require('./WorkspaceProvider.js');
-
-const useWorkspaceContextMenuItems = () => {
-  const { saveLayout } = WorkspaceProvider.useWorkspace();
-  const { showDialog, closeDialog } = vuuUiControls.useModal();
-  const handleCloseDialog = React.useCallback(() => {
-    closeDialog();
-  }, [closeDialog]);
-  const handleSave = React.useCallback(
-    (layoutMetadata) => {
-      saveLayout(layoutMetadata);
-      closeDialog();
-    },
-    [saveLayout, closeDialog]
-  );
-  const [buildMenuOptions, handleMenuAction] = React.useMemo(() => {
-    return [
-      (location, options) => {
-        const locations = location.split(" ");
-        const menuDescriptors = [];
-        if (locations.includes("workspace-tab")) {
-          menuDescriptors.push(
-            {
-              label: "Save Layout",
-              id: "save-layout",
-              options
-            },
-            {
-              label: "Layout Settings",
-              id: "layout-settings",
-              options
-            }
-          );
-        }
-        return menuDescriptors;
-      },
-      (menuItemId, options) => {
-        if (menuItemId === "save-layout") {
-          showDialog(
-            /* @__PURE__ */ jsxRuntime.jsx(
-              SaveLayoutPanel.SaveLayoutPanel,
-              {
-                onCancel: handleCloseDialog,
-                onSave: handleSave,
-                componentId: options?.controlledComponentId,
-                defaultTitle: options?.controlledComponentTitle
-              }
-            ),
-            "Save Layout",
-            [],
-            true
-          );
-          return true;
-        }
-        return false;
-      }
-    ];
-  }, [handleCloseDialog, handleSave, showDialog]);
-  return {
-    buildMenuOptions,
-    handleMenuAction
-  };
-};
-
-exports.useWorkspaceContextMenuItems = useWorkspaceContextMenuItems;
-//# sourceMappingURL=useWorkspaceContextMenuItems.js.map

package/cjs/workspace-management/useWorkspaceContextMenuItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWorkspaceContextMenuItems.js","sources":["../../../../packages/vuu-shell/src/workspace-management/useWorkspaceContextMenuItems.tsx"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-context-menu\";\nimport { TabContextMenuOptions, useModal } from \"@vuu-ui/vuu-ui-controls\";\nimport { type LayoutMetadataDto } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo } from \"react\";\nimport { SaveLayoutPanel } from \"./SaveLayoutPanel\";\nimport { useWorkspace } from \"./WorkspaceProvider\";\n\nexport const useWorkspaceContextMenuItems = () => {\n  const { saveLayout } = useWorkspace();\n\n  const { showDialog, closeDialog } = useModal();\n\n  const handleCloseDialog = useCallback(() => {\n    closeDialog();\n  }, [closeDialog]);\n\n  const handleSave = useCallback(\n    (layoutMetadata: LayoutMetadataDto) => {\n      saveLayout(layoutMetadata);\n      closeDialog();\n    },\n    [saveLayout, closeDialog],\n  );\n\n  const [buildMenuOptions, handleMenuAction] = useMemo<\n    [MenuBuilder, MenuActionHandler]\n  >(() => {\n    return [\n      (location, options) => {\n        const locations = location.split(\" \");\n        const menuDescriptors: ContextMenuItemDescriptor[] = [];\n        if (locations.includes(\"workspace-tab\")) {\n          menuDescriptors.push(\n            {\n              label: \"Save Layout\",\n              id: \"save-layout\",\n              options,\n            },\n            {\n              label: \"Layout Settings\",\n              id: \"layout-settings\",\n              options,\n            },\n          );\n        }\n        return menuDescriptors;\n      },\n      (menuItemId, options) => {\n        if (menuItemId === \"save-layout\") {\n          showDialog(\n            <SaveLayoutPanel\n              onCancel={handleCloseDialog}\n              onSave={handleSave}\n              componentId={\n                (options as TabContextMenuOptions)?.controlledComponentId\n              }\n              defaultTitle={\n                (options as TabContextMenuOptions)?.controlledComponentTitle\n              }\n            />,\n            \"Save Layout\",\n            [],\n            true,\n          );\n          return true;\n        }\n        return false;\n      },\n    ];\n  }, [handleCloseDialog, handleSave, showDialog]);\n\n  return {\n    buildMenuOptions,\n    handleMenuAction,\n  };\n};\n"],"names":["useWorkspace","useModal","useCallback","useMemo","jsx","SaveLayoutPanel"],"mappings":";;;;;;;;AAWO,MAAM,+BAA+B,MAAM;AAChD,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIA,8BAAa,EAAA;AAEpC,EAAA,MAAM,EAAE,UAAA,EAAY,WAAY,EAAA,GAAIC,sBAAS,EAAA;AAE7C,EAAM,MAAA,iBAAA,GAAoBC,kBAAY,MAAM;AAC1C,IAAY,WAAA,EAAA;AAAA,GACd,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,UAAa,GAAAA,iBAAA;AAAA,IACjB,CAAC,cAAsC,KAAA;AACrC,MAAA,UAAA,CAAW,cAAc,CAAA;AACzB,MAAY,WAAA,EAAA;AAAA,KACd;AAAA,IACA,CAAC,YAAY,WAAW;AAAA,GAC1B;AAEA,EAAA,MAAM,CAAC,gBAAA,EAAkB,gBAAgB,CAAA,GAAIC,cAE3C,MAAM;AACN,IAAO,OAAA;AAAA,MACL,CAAC,UAAU,OAAY,KAAA;AACrB,QAAM,MAAA,SAAA,GAAY,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA;AACpC,QAAA,MAAM,kBAA+C,EAAC;AACtD,QAAI,IAAA,SAAA,CAAU,QAAS,CAAA,eAAe,CAAG,EAAA;AACvC,UAAgB,eAAA,CAAA,IAAA;AAAA,YACd;AAAA,cACE,KAAO,EAAA,aAAA;AAAA,cACP,EAAI,EAAA,aAAA;AAAA,cACJ;AAAA,aACF;AAAA,YACA;AAAA,cACE,KAAO,EAAA,iBAAA;AAAA,cACP,EAAI,EAAA,iBAAA;AAAA,cACJ;AAAA;AACF,WACF;AAAA;AAEF,QAAO,OAAA,eAAA;AAAA,OACT;AAAA,MACA,CAAC,YAAY,OAAY,KAAA;AACvB,QAAA,IAAI,eAAe,aAAe,EAAA;AAChC,UAAA,UAAA;AAAA,4BACEC,cAAA;AAAA,cAACC,+BAAA;AAAA,cAAA;AAAA,gBACC,QAAU,EAAA,iBAAA;AAAA,gBACV,MAAQ,EAAA,UAAA;AAAA,gBACR,aACG,OAAmC,EAAA,qBAAA;AAAA,gBAEtC,cACG,OAAmC,EAAA;AAAA;AAAA,aAExC;AAAA,YACA,aAAA;AAAA,YACA,EAAC;AAAA,YACD;AAAA,WACF;AACA,UAAO,OAAA,IAAA;AAAA;AAET,QAAO,OAAA,KAAA;AAAA;AACT,KACF;AAAA,GACC,EAAA,CAAC,iBAAmB,EAAA,UAAA,EAAY,UAAU,CAAC,CAAA;AAE9C,EAAO,OAAA;AAAA,IACL,gBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/ShellContextProvider.js

@@ -1,23 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { ShellContext } from '@vuu-ui/vuu-utils';
-
-const Provider = ({
-  children,
-  context,
-  inheritedContext
-}) => {
-  const mergedContext = {
-    ...inheritedContext,
-    ...context
-  };
-  return /* @__PURE__ */ jsx(ShellContext.Provider, { value: mergedContext, children });
-};
-const ShellContextProvider = ({
-  children,
-  value
-}) => {
-  return /* @__PURE__ */ jsx(ShellContext.Consumer, { children: (context) => /* @__PURE__ */ jsx(Provider, { context: value, inheritedContext: context, children }) });
-};
-
-export { ShellContextProvider };
-//# sourceMappingURL=ShellContextProvider.js.map

package/esm/ShellContextProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShellContextProvider.js","sources":["../../../packages/vuu-shell/src/ShellContextProvider.tsx"],"sourcesContent":["import { ShellContext, ShellContextProps } from \"@vuu-ui/vuu-utils\";\nimport { ReactElement, ReactNode } from \"react\";\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n"],"names":[],"mappings":";;;AAQA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAIM,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,GAAG,gBAAA;AAAA,IACH,GAAG;AAAA,GACL;AACA,EAAA,2BACG,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAA,EAAO,eAC3B,QACH,EAAA,CAAA;AAEJ,CAAA;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA;AACF,CAAwC,KAAA;AACtC,EAAA,uBACG,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EACE,QAAC,EAAA,CAAA,OAAA,qBACC,GAAA,CAAA,QAAA,EAAA,EAAS,OAAS,EAAA,KAAA,EAAO,gBAAkB,EAAA,OAAA,EACzC,UACH,CAEJ,EAAA,CAAA;AAEJ;;;;"}

package/esm/app-header/AppHeader.css.js

@@ -1,4 +0,0 @@
-var appHeaderCss = ".vuuAppHeader {\n  --saltButton-borderRadius: 6px;\n  --saltButton-text-color: var(--vuu-color-gray-50);\n  --saltButton-padding: 12px;\n  --vuuToolbarItem-height: 26px;\n  --vuuOverflowContainer-gap: 8px;\n  --vuuOverflowContainer-height: var(--vuuAppHeader-height, 42px);\n  --vuu-icon-color: var(--vuu-color-gray-45);\n  --vuu-icon-size: 16px;\n  --vuuToolbar-borderWidth: 1px;\n  --vuuToolbar-borderStyle: solid;\n  --vuuToolbar-borderColor: var(--salt-separable-primary-borderColor);\n\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n}\n\n";
-
-export { appHeaderCss as default };
-//# sourceMappingURL=AppHeader.css.js.map

package/esm/app-header/AppHeader.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/app-header/AppHeader.js

@@ -1,116 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useLayoutOperation } from '@vuu-ui/vuu-layout';
-import { Toolbar } from '@vuu-ui/vuu-ui-controls';
-import cx from 'clsx';
-import { useRef, useCallback } from 'react';
-import { usePersistenceManager } from '../persistence-manager/PersistenceProvider.js';
-import '../persistence-manager/LocalPersistenceManager.js';
-import '../persistence-manager/StaticPersistenceManager.js';
-import { useNotifications, NotificationType } from '@vuu-ui/vuu-notifications';
-import { useLogout } from '../application-provider/ApplicationProvider.js';
-import appHeaderCss from './AppHeader.css.js';
-
-const classBase = "vuuAppHeader";
-const AppHeader = ({
-  className: classNameProp,
-  themeMode: _,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-app-header",
-    css: appHeaderCss,
-    window: targetWindow
-  });
-  const persistenceManager = usePersistenceManager();
-  const settingsButtonRef = useRef(null);
-  const className = cx(classBase, classNameProp);
-  const logout = useLogout();
-  const { showComponentInContextPanel } = useLayoutOperation();
-  const { showNotification } = useNotifications();
-  const handleReset = useCallback(() => {
-    persistenceManager?.clearUserSettings();
-    showNotification({
-      animationType: "slide-out",
-      renderPostRefresh: true,
-      type: NotificationType.Toast,
-      header: "Success",
-      content: "Settings cleared",
-      status: "success"
-    });
-    location.reload();
-  }, [persistenceManager, showNotification]);
-  const handleShowSettings = useCallback(() => {
-    showComponentInContextPanel(
-      {
-        type: "ApplicationSettings"
-      },
-      "Settings",
-      () => settingsButtonRef.current?.focus()
-    );
-  }, [showComponentInContextPanel]);
-  return /* @__PURE__ */ jsxs(
-    Toolbar,
-    {
-      alignItems: "end",
-      className,
-      role: "banner",
-      showSeparators: true,
-      ...htmlAttributes,
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: `${classBase}-menuItem`,
-            appearance: "transparent",
-            sentiment: "neutral",
-            children: "Help"
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            appearance: "transparent",
-            className: `${classBase}-menuItem`,
-            onClick: handleReset,
-            sentiment: "neutral",
-            children: [
-              "Reset ",
-              /* @__PURE__ */ jsx("span", { "data-icon": "history" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            appearance: "transparent",
-            className: `${classBase}-menuItem`,
-            onClick: handleShowSettings,
-            ref: settingsButtonRef,
-            sentiment: "neutral",
-            children: [
-              "Settings ",
-              /* @__PURE__ */ jsx("span", { "data-icon": "settings" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            appearance: "transparent",
-            className: `${classBase}-menuItem`,
-            onClick: logout,
-            sentiment: "neutral",
-            children: "Log out"
-          }
-        )
-      ]
-    }
-  );
-};
-
-export { AppHeader };
-//# sourceMappingURL=AppHeader.js.map

package/esm/app-header/AppHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.js","sources":["../../../../packages/vuu-shell/src/app-header/AppHeader.tsx"],"sourcesContent":["import { Button } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLayoutOperation } from \"@vuu-ui/vuu-layout\";\nimport { Toolbar } from \"@vuu-ui/vuu-ui-controls\";\nimport type { ThemeMode } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, useCallback, useRef } from \"react\";\nimport { usePersistenceManager } from \"../persistence-manager\";\nimport { NotificationType, useNotifications } from \"@vuu-ui/vuu-notifications\";\nimport { useLogout } from \"../application-provider\";\n\nimport appHeaderCss from \"./AppHeader.css\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  themeMode?: ThemeMode;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  themeMode: _,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-app-header\",\n    css: appHeaderCss,\n    window: targetWindow,\n  });\n\n  const persistenceManager = usePersistenceManager();\n  const settingsButtonRef = useRef<HTMLButtonElement>(null);\n\n  const className = cx(classBase, classNameProp);\n  const logout = useLogout();\n\n  const { showComponentInContextPanel } = useLayoutOperation();\n  const { showNotification } = useNotifications();\n\n  const handleReset = useCallback(() => {\n    persistenceManager?.clearUserSettings();\n    showNotification({\n      animationType: \"slide-out\",\n      renderPostRefresh: true,\n      type: NotificationType.Toast,\n      header: \"Success\",\n      content: \"Settings cleared\",\n      status: \"success\",\n    });\n    location.reload();\n  }, [persistenceManager, showNotification]);\n\n  const handleShowSettings = useCallback(() => {\n    showComponentInContextPanel(\n      {\n        type: \"ApplicationSettings\",\n      },\n      \"Settings\",\n      () => settingsButtonRef.current?.focus(),\n    );\n  }, [showComponentInContextPanel]);\n\n  return (\n    <Toolbar\n      alignItems=\"end\"\n      className={className}\n      role=\"banner\"\n      showSeparators\n      {...htmlAttributes}\n    >\n      <Button\n        className={`${classBase}-menuItem`}\n        appearance=\"transparent\"\n        sentiment=\"neutral\"\n      >\n        Help\n      </Button>\n      <Button\n        appearance=\"transparent\"\n        className={`${classBase}-menuItem`}\n        onClick={handleReset}\n        sentiment=\"neutral\"\n      >\n        Reset <span data-icon=\"history\" />\n      </Button>\n      <Button\n        appearance=\"transparent\"\n        className={`${classBase}-menuItem`}\n        onClick={handleShowSettings}\n        ref={settingsButtonRef}\n        sentiment=\"neutral\"\n      >\n        Settings <span data-icon=\"settings\" />\n      </Button>\n      <Button\n        appearance=\"transparent\"\n        className={`${classBase}-menuItem`}\n        onClick={logout}\n        sentiment=\"neutral\"\n      >\n        Log out\n      </Button>\n    </Toolbar>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/application-provider/ApplicationContext.js

@@ -1,15 +0,0 @@
-import { createContext } from 'react';
-
-const Guest = {
-  username: "unknown"
-};
-const ApplicationContext = createContext({
-  onUserSettingChanged: (propertyName) => console.warn(
-    `Cannot change setting '${propertyName}'.
-Did you forget to declare an ApplicationProvider ?`
-  ),
-  user: Guest
-});
-
-export { ApplicationContext };
-//# sourceMappingURL=ApplicationContext.js.map

package/esm/application-provider/ApplicationContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationContext.js","sources":["../../../../packages/vuu-shell/src/application-provider/ApplicationContext.tsx"],"sourcesContent":["import type { Settings, VuuUser } from \"@vuu-ui/vuu-utils\";\nimport { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { createContext } from \"react\";\nimport { SettingsSchema } from \"../user-settings\";\n\nconst Guest: VuuUser = {\n  username: \"unknown\",\n};\n\nexport interface ApplicationContextProps {\n  onUserSettingChanged: (\n    propertyName: string,\n    value: VuuRowDataItemType,\n  ) => void;\n  logout?: () => void;\n  userSettings?: Settings;\n  userSettingsSchema?: SettingsSchema;\n  user: VuuUser;\n}\n\nexport const ApplicationContext = createContext<ApplicationContextProps>({\n  onUserSettingChanged: (propertyName: string) =>\n    console.warn(\n      `Cannot change setting '${propertyName}'.\\nDid you forget to declare an ApplicationProvider ?`,\n    ),\n  user: Guest,\n});\n"],"names":[],"mappings":";;AAKA,MAAM,KAAiB,GAAA;AAAA,EACrB,QAAU,EAAA;AACZ,CAAA;AAaO,MAAM,qBAAqB,aAAuC,CAAA;AAAA,EACvE,oBAAA,EAAsB,CAAC,YAAA,KACrB,OAAQ,CAAA,IAAA;AAAA,IACN,0BAA0B,YAAY,CAAA;AAAA,kDAAA;AAAA,GACxC;AAAA,EACF,IAAM,EAAA;AACR,CAAC;;;;"}

package/esm/application-provider/ApplicationProvider.js

@@ -1,96 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useTheme, useDensity, SaltProviderNext } from '@salt-ds/core';
-import { useContext, useState, useMemo, useCallback } from 'react';
-import { ApplicationContext } from './ApplicationContext.js';
-import { usePersistenceManager } from '../persistence-manager/PersistenceProvider.js';
-import '../persistence-manager/LocalPersistenceManager.js';
-import '../persistence-manager/StaticPersistenceManager.js';
-
-const accentPurple = "purple";
-const getThemeMode = (mode = "light", userSettings) => {
-  const themeMode = userSettings?.themeMode;
-  if (themeMode === "light" || themeMode === "dark") {
-    return themeMode;
-  }
-  return mode;
-};
-const ApplicationProvider = ({
-  children,
-  density: densityProp,
-  logout,
-  mode,
-  theme,
-  userSettingsSchema,
-  user
-}) => {
-  const { mode: inheritedMode, theme: inheritedTheme } = useTheme();
-  const density = useDensity(densityProp);
-  const persistenceManager = usePersistenceManager();
-  const context = useContext(ApplicationContext);
-  const [userSettings, setSettings] = useState();
-  useMemo(async () => {
-    if (persistenceManager) {
-      const userSettings2 = await persistenceManager.getUserSettings();
-      setSettings(userSettings2);
-    } else {
-      setSettings({});
-    }
-  }, [persistenceManager]);
-  const onUserSettingChanged = useCallback(
-    (propertyName, value) => {
-      setSettings((currentSettings) => {
-        const newSettings = { ...currentSettings, [propertyName]: value };
-        persistenceManager?.saveUserSettings(newSettings);
-        return newSettings;
-      });
-    },
-    [persistenceManager]
-  );
-  return userSettings ? /* @__PURE__ */ jsx(
-    ApplicationContext.Provider,
-    {
-      value: {
-        ...context,
-        logout,
-        onUserSettingChanged,
-        userSettings,
-        userSettingsSchema,
-        user: user ?? context.user
-      },
-      children: /* @__PURE__ */ jsx(
-        SaltProviderNext,
-        {
-          accent: accentPurple,
-          corner: "rounded",
-          theme: theme ?? inheritedTheme ?? "vuu-theme",
-          density,
-          mode: getThemeMode(mode ?? inheritedMode, userSettings),
-          children
-        }
-      )
-    }
-  ) : null;
-};
-const useApplicationUser = () => {
-  const { user } = useContext(ApplicationContext);
-  return user;
-};
-const useApplicationSettings = () => {
-  const { onUserSettingChanged, userSettings, userSettingsSchema } = useContext(ApplicationContext);
-  return {
-    onUserSettingChanged,
-    userSettings,
-    userSettingsSchema
-  };
-};
-const useUserSetting = () => {
-  const { userSettings } = useContext(ApplicationContext);
-  return userSettings;
-};
-const useLogout = () => {
-  const { logout } = useContext(ApplicationContext);
-  return logout;
-};
-
-export { ApplicationProvider, useApplicationSettings, useApplicationUser, useLogout, useUserSetting };
-//# sourceMappingURL=ApplicationProvider.js.map

package/esm/application-provider/ApplicationProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationProvider.js","sources":["../../../../packages/vuu-shell/src/application-provider/ApplicationProvider.tsx"],"sourcesContent":["import { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  Accent,\n  Density,\n  Mode,\n  SaltProviderNext,\n  ThemeContextProps,\n  useDensity,\n  useTheme,\n} from \"@salt-ds/core\";\nimport {\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ApplicationContext,\n  ApplicationContextProps,\n} from \"./ApplicationContext\";\nimport { usePersistenceManager } from \"../persistence-manager\";\n\nexport interface ApplicationProviderProps\n  extends Partial<Pick<ThemeContextProps, \"theme\" | \"mode\">>,\n    Partial<Omit<ApplicationContextProps, \"userSettings\">> {\n  children: ReactNode;\n  density?: Density;\n}\n\nconst accentPurple = \"purple\" as Accent;\n\nconst getThemeMode = (\n  mode: Mode = \"light\",\n  userSettings?: Record<string, string | number | boolean>,\n) => {\n  const themeMode = userSettings?.themeMode;\n  if (themeMode === \"light\" || themeMode === \"dark\") {\n    return themeMode;\n  }\n  return mode;\n};\n\nexport const ApplicationProvider = ({\n  children,\n  density: densityProp,\n  logout,\n  mode,\n  theme,\n  userSettingsSchema: userSettingsSchema,\n  user,\n}: ApplicationProviderProps): ReactElement | null => {\n  const { mode: inheritedMode, theme: inheritedTheme } = useTheme();\n  const density = useDensity(densityProp);\n  const persistenceManager = usePersistenceManager();\n  const context = useContext(ApplicationContext);\n  const [userSettings, setSettings] =\n    useState<Record<string, string | number | boolean>>();\n\n  useMemo(async () => {\n    if (persistenceManager) {\n      const userSettings = await persistenceManager.getUserSettings();\n      setSettings(userSettings);\n    } else {\n      setSettings({});\n    }\n  }, [persistenceManager]);\n\n  const onUserSettingChanged = useCallback(\n    (propertyName: string, value: VuuRowDataItemType) => {\n      setSettings((currentSettings) => {\n        const newSettings = { ...currentSettings, [propertyName]: value };\n        persistenceManager?.saveUserSettings(newSettings);\n        return newSettings;\n      });\n    },\n    [persistenceManager],\n  );\n\n  return userSettings ? (\n    <ApplicationContext.Provider\n      value={{\n        ...context,\n        logout,\n        onUserSettingChanged,\n        userSettings,\n        userSettingsSchema,\n        user: user ?? context.user,\n      }}\n    >\n      <SaltProviderNext\n        accent={accentPurple}\n        corner=\"rounded\"\n        theme={theme ?? inheritedTheme ?? \"vuu-theme\"}\n        density={density}\n        mode={getThemeMode(mode ?? inheritedMode, userSettings)}\n      >\n        {children}\n      </SaltProviderNext>\n    </ApplicationContext.Provider>\n  ) : null;\n};\n\nexport const useApplicationUser = () => {\n  const { user } = useContext(ApplicationContext);\n  return user;\n};\n\n//Setter method (only used within the shell)\nexport const useApplicationSettings = () => {\n  const { onUserSettingChanged, userSettings, userSettingsSchema } =\n    useContext(ApplicationContext);\n  return {\n    onUserSettingChanged,\n    userSettings,\n    userSettingsSchema,\n  };\n};\n\n//Getter method (read only access to applicationSetting)\nexport const useUserSetting = () => {\n  const { userSettings } = useContext(ApplicationContext);\n  return userSettings;\n};\n\nexport const useLogout = () => {\n  const { logout } = useContext(ApplicationContext);\n  return logout;\n};\n"],"names":["userSettings"],"mappings":"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"}

package/esm/feature/Feature.js

@@ -1,52 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { registerComponent, importCSS } from '@vuu-ui/vuu-utils';
-import React, { useEffect } from 'react';
-import { FeatureErrorBoundary } from './FeatureErrorBoundary.js';
-
-const componentsMap = /* @__PURE__ */ new Map();
-const useCachedFeature = (url) => {
-  useEffect(
-    () => () => {
-      componentsMap.delete(url);
-    },
-    [url]
-  );
-  if (!componentsMap.has(url)) {
-    componentsMap.set(
-      url,
-      React.lazy(() => import(
-        /* @vite-ignore */
-        url
-      ))
-    );
-  }
-  const lazyFeature = componentsMap.get(url);
-  if (!lazyFeature) {
-    throw Error(`Unable to load Lazy Feature at url ${url}`);
-  } else {
-    return lazyFeature;
-  }
-};
-function RawFeature({
-  url,
-  css,
-  ComponentProps: params,
-  ...props
-}) {
-  if (css) {
-    importCSS(css).then((styleSheet) => {
-      document.adoptedStyleSheets = [
-        ...document.adoptedStyleSheets,
-        styleSheet
-      ];
-    });
-  }
-  const LazyFeature = useCachedFeature(url);
-  return /* @__PURE__ */ jsx(FeatureErrorBoundary, { url, children: /* @__PURE__ */ jsx(LazyFeature, { ...props, ...params }) });
-}
-const Feature = React.memo(RawFeature);
-Feature.displayName = "Feature";
-registerComponent("Feature", Feature, "view");
-
-export { Feature };
-//# sourceMappingURL=Feature.js.map

package/esm/feature/Feature.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Feature.js","sources":["../../../../packages/vuu-shell/src/feature/Feature.tsx"],"sourcesContent":["import {\n  DynamicFeatureProps,\n  importCSS,\n  registerComponent,\n} from \"@vuu-ui/vuu-utils\";\nimport React, { useEffect } from \"react\";\nimport { FeatureErrorBoundary } from \"./FeatureErrorBoundary\";\n\n/**\n * Ensure we never lazy load the same component more than once\n */\nconst componentsMap = new Map<string, ReturnType<typeof React.lazy>>();\nconst useCachedFeature = (url: string) => {\n  useEffect(\n    () => () => {\n      componentsMap.delete(url);\n    },\n    [url],\n  );\n\n  if (!componentsMap.has(url)) {\n    componentsMap.set(\n      url,\n      React.lazy(() => import(/* @vite-ignore */ url)),\n    );\n  }\n\n  const lazyFeature = componentsMap.get(url);\n\n  if (!lazyFeature) {\n    throw Error(`Unable to load Lazy Feature at url ${url}`);\n  } else {\n    return lazyFeature;\n  }\n};\n\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  ComponentProps: params,\n  ...props\n}: DynamicFeatureProps<Params>) {\n  if (css) {\n    //   import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //     (cssModule) => {\n    //       console.log(\"%cInject Styles\", \"color: blue;font-weight: bold\");\n    //       document.adoptedStyleSheets = [\n    //         ...document.adoptedStyleSheets,\n    //         cssModule.default,\n    //       ];\n    //     }\n    //   );\n    // Polyfill until cypress build supports import assertions\n    // Note: already fully supported in esbuild and vite\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n\n  const LazyFeature = useCachedFeature(url);\n  // Suspense has been removed here - caused components to render twice\n  return (\n    <FeatureErrorBoundary url={url}>\n      <LazyFeature {...props} {...params} />\n    </FeatureErrorBoundary>\n  );\n}\n\n/**\n  Feature is a wrapper around React Lazy Loading. It will load a component\n  from the given url. That url must resolve to a javascript bundle with a\n  single default export. That export must be a React component.\n */\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n"],"names":[],"mappings":";;;;;AAWA,MAAM,aAAA,uBAAoB,GAA2C,EAAA;AACrE,MAAM,gBAAA,GAAmB,CAAC,GAAgB,KAAA;AACxC,EAAA,SAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,aAAA,CAAc,OAAO,GAAG,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,GAAG;AAAA,GACN;AAEA,EAAA,IAAI,CAAC,aAAA,CAAc,GAAI,CAAA,GAAG,CAAG,EAAA;AAC3B,IAAc,aAAA,CAAA,GAAA;AAAA,MACZ,GAAA;AAAA,MACA,KAAA,CAAM,KAAK,MAAM;AAAA;AAAA,QAA0B;AAAA,OAAI;AAAA,KACjD;AAAA;AAGF,EAAM,MAAA,WAAA,GAAc,aAAc,CAAA,GAAA,CAAI,GAAG,CAAA;AAEzC,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAM,MAAA,KAAA,CAAM,CAAsC,mCAAA,EAAA,GAAG,CAAE,CAAA,CAAA;AAAA,GAClD,MAAA;AACL,IAAO,OAAA,WAAA;AAAA;AAEX,CAAA;AAEA,SAAS,UAA8C,CAAA;AAAA,EACrD,GAAA;AAAA,EACA,GAAA;AAAA,EACA,cAAgB,EAAA,MAAA;AAAA,EAChB,GAAG;AACL,CAAgC,EAAA;AAC9B,EAAA,IAAI,GAAK,EAAA;AAYP,IAAA,SAAA,CAAU,GAAG,CAAA,CAAE,IAAK,CAAA,CAAC,UAAe,KAAA;AAClC,MAAA,QAAA,CAAS,kBAAqB,GAAA;AAAA,QAC5B,GAAG,QAAS,CAAA,kBAAA;AAAA,QACZ;AAAA,OACF;AAAA,KACD,CAAA;AAAA;AAGH,EAAM,MAAA,WAAA,GAAc,iBAAiB,GAAG,CAAA;AAExC,EACE,uBAAA,GAAA,CAAC,wBAAqB,GACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAa,GAAG,KAAA,EAAQ,GAAG,MAAA,EAAQ,CACtC,EAAA,CAAA;AAEJ;AAOa,MAAA,OAAA,GAAU,KAAM,CAAA,IAAA,CAAK,UAAU;AAC5C,OAAA,CAAQ,WAAc,GAAA,SAAA;AACtB,iBAAkB,CAAA,SAAA,EAAW,SAAS,MAAM,CAAA;;;;"}