@vuu-ui/vuu-shell 4.0.0-alpha.9 → 4.0.0-beta.1

package/src/workspace-management/index.js

@@ -3,11 +3,3 @@ export * from "./LayoutList.js";
 export * from "./WorkspaceProvider.js";
 export * from "./defaultWorkspaceJSON.js";
 export * from "./useWorkspaceContextMenuItems.js";
-export * from "./workspace-schemas.js";
-export * from "./WorkspaceRepository.js";
-export * from "./WorkspacePersistentState.js";
-export * from "./WorkspaceController.js";
-export * from "./workspace-component-registry.js";
-export * from "./WorkspaceHost.js";
-export * from "./WorkspaceStartPanel.js";
-export * from "./shell-workspace-components.js";

package/src/workspace-management/useWorkspaceContextMenuItems.js

@@ -4,7 +4,7 @@ import { useCallback, useMemo } from "react";
 import { SaveLayoutPanel } from "./SaveLayoutPanel.js";
 import { useWorkspace } from "./WorkspaceProvider.js";
 const useWorkspaceContextMenuItems = ()=>{
-    const { activeWorkspace, closeWorkspace, saveActiveWorkspaceAs } = useWorkspace();
+    const { saveLayout } = useWorkspace();
     const { showDialog, closeDialog } = useModal();
     const handleCloseDialog = useCallback(()=>{
         closeDialog();
@@ -12,11 +12,11 @@ const useWorkspaceContextMenuItems = ()=>{
         closeDialog
     ]);
     const handleSave = useCallback((layoutMetadata)=>{
-        saveActiveWorkspaceAs(layoutMetadata.name);
+        saveLayout(layoutMetadata);
         closeDialog();
     }, [
-        closeDialog,
-        saveActiveWorkspaceAs
+        saveLayout,
+        closeDialog
     ]);
     const [buildMenuOptions, handleMenuAction] = useMemo(()=>[
             (location, options)=>{
@@ -27,8 +27,8 @@ const useWorkspaceContextMenuItems = ()=>{
                     id: "save-layout",
                     options
                 }, {
-                    label: "Close Workspace",
-                    id: "close-workspace",
+                    label: "Layout Settings",
+                    id: "layout-settings",
                     options
                 });
                 return menuDescriptors;
@@ -43,15 +43,9 @@ const useWorkspaceContextMenuItems = ()=>{
                     }), "Save Layout", [], true);
                     return true;
                 }
-                if ("close-workspace" === menuItemId && activeWorkspace) {
-                    closeWorkspace(activeWorkspace.instanceId);
-                    return true;
-                }
                 return false;
             }
         ], [
-        activeWorkspace,
-        closeWorkspace,
         handleCloseDialog,
         handleSave,
         showDialog

package/types/app-header/AppHeader.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeMode } from "@vuu-ui/vuu-utils";
-import { type HTMLAttributes } from "react";
+import { HTMLAttributes } from "react";
 export interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {
     themeMode?: ThemeMode;
 }
-export declare const AppHeader: ({ className: classNameProp, themeMode: _, ...htmlAttributes }: AppHeaderProps) => import("react").JSX.Element;
+export declare const AppHeader: ({ className: classNameProp, themeMode: _, ...htmlAttributes }: AppHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/types/application-provider/ApplicationContext.d.ts

@@ -1,6 +1,11 @@
-import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+import type { Settings, VuuUser } from "@vuu-ui/vuu-utils";
+import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+import { SettingsSchema } from "../user-settings";
 export interface ApplicationContextProps {
     onUserSettingChanged: (propertyName: string, value: VuuRowDataItemType) => void;
     logout?: () => void;
+    userSettings?: Settings;
+    userSettingsSchema?: SettingsSchema;
+    user: VuuUser;
 }
 export declare const ApplicationContext: import("react").Context<ApplicationContextProps>;

package/types/application-provider/ApplicationProvider.d.ts

@@ -1,8 +1,17 @@
-import { type Density, type ThemeContextProps } from "@salt-ds/core";
-import { type ReactElement, type ReactNode } from "react";
-import { type ApplicationContextProps } from "./ApplicationContext";
-export interface ApplicationProviderProps extends Partial<Pick<ThemeContextProps, "theme" | "mode">>, Partial<ApplicationContextProps> {
+import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+import { Density, ThemeContextProps } from "@salt-ds/core";
+import { ReactElement, ReactNode } from "react";
+import { ApplicationContextProps } from "./ApplicationContext";
+export interface ApplicationProviderProps extends Partial<Pick<ThemeContextProps, "theme" | "mode">>, Partial<Omit<ApplicationContextProps, "userSettings">> {
     children: ReactNode;
     density?: Density;
 }
-export declare const ApplicationProvider: ({ children, density: densityProp, logout, mode, theme, }: ApplicationProviderProps) => ReactElement | null;
+export declare const ApplicationProvider: ({ children, density: densityProp, logout, mode, theme, userSettingsSchema: userSettingsSchema, user, }: ApplicationProviderProps) => ReactElement | null;
+export declare const useApplicationUser: () => import("@vuu-ui/vuu-utils").VuuUser;
+export declare const useApplicationSettings: () => {
+    onUserSettingChanged: (propertyName: string, value: VuuRowDataItemType) => void;
+    userSettings: import("@vuu-ui/vuu-utils").Settings | undefined;
+    userSettingsSchema: import("..").SettingsSchema | undefined;
+};
+export declare const useUserSetting: () => import("@vuu-ui/vuu-utils").Settings | undefined;
+export declare const useLogout: () => (() => void) | undefined;

package/types/feature/Feature.d.ts

@@ -1,2 +1,10 @@
-/** @deprecated Use RemoteModule from @vuu-ui/core/portal. */
-export declare const Feature: import("react").MemoExoticComponent<(props: import("@vuu-ui/core/portal").RemoteModuleProps<object>) => import("react").JSX.Element>;
+import { type DynamicFeatureProps } from "@vuu-ui/vuu-utils";
+import React from "react";
+declare function RawFeature<Params extends object | undefined>({ url, css, ComponentProps: params, ...props }: DynamicFeatureProps<Params>): import("react/jsx-runtime").JSX.Element;
+/**
+  Feature is a wrapper around React Lazy Loading. It will load a component
+  from the given url. That url must resolve to a javascript bundle with a
+  single default export. That export must be a React component.
+ */
+export declare const Feature: React.MemoExoticComponent<typeof RawFeature>;
+export {};

package/types/feature/FeatureErrorBoundary.d.ts

@@ -9,5 +9,5 @@ export declare class FeatureErrorBoundary extends React.Component<FeatureErrorBo
         errorMessage: string;
     };
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | null | undefined> | null | undefined;
 }

package/types/feature/Loader.d.ts

@@ -1 +1 @@
-export declare const Loader: () => import("react").JSX.Element;
+export declare const Loader: () => import("react/jsx-runtime").JSX.Element;

package/types/feature/index.d.ts

@@ -1,2 +1 @@
-export * from "./Feature";
-export { RemoteModule, type RemoteModuleProps, } from "@vuu-ui/core/portal";
+export * from './Feature';

package/types/feature-list/FeatureList.d.ts

@@ -1,7 +1,7 @@
-import { type DynamicFeatureProps, type StaticFeatureDescriptor } from "@vuu-ui/vuu-utils";
-import { type HTMLAttributes } from "react";
+import { DynamicFeatureProps, StaticFeatureDescriptor } from "@vuu-ui/vuu-utils";
+import { HTMLAttributes } from "react";
 export type GroupedFeatureProps<P extends object | undefined = object> = Record<string, DynamicFeatureProps<P>[]>;
 export interface FeatureListProps extends HTMLAttributes<HTMLDivElement> {
-    readonly features: DynamicFeatureProps[] | GroupedFeatureProps | StaticFeatureDescriptor[];
+    features: DynamicFeatureProps[] | GroupedFeatureProps | StaticFeatureDescriptor[];
 }
-export declare const FeatureList: ({ features, title, ...htmlAttributes }: FeatureListProps) => import("react").JSX.Element;
+export declare const FeatureList: ({ features, title, ...htmlAttributes }: FeatureListProps) => import("react/jsx-runtime").JSX.Element;

package/types/index.d.ts

@@ -1,14 +1,14 @@
-export * from "./app-header";
 export * from "./application-provider";
+export * from "./app-header";
 export * from "./feature";
 export * from "./feature-and-layout-provider";
-export * from "./feature-list";
 export * from "./left-nav";
 export { LoginPanel, type LoginPanelProps } from "./login/LoginPanel";
-export { getRegisteredModules } from './module-registry/getRegisteredModules';
 export * from "./persistence-manager";
 export * from "./shell";
 export * from "./shell-layout-templates";
 export * from "./ShellContextProvider";
+export * from "./feature-list";
 export * from "./theme-switch";
+export * from "./user-settings";
 export * from "./workspace-management";

package/types/left-nav/LeftNav.d.ts

@@ -7,9 +7,8 @@ export interface LeftNavProps extends HTMLAttributes<HTMLDivElement> {
     defaultExpanded?: boolean;
     onActiveChange?: (activeTabIndex: number) => void;
     onTogglePrimaryMenu?: (expanded: boolean) => void;
-    onWidthChange?: (width: number) => void;
     sizeCollapsed?: number;
     sizeContent?: number;
     sizeExpanded?: number;
 }
-export declare const LeftNav: (props: LeftNavProps) => import("react").JSX.Element;
+export declare const LeftNav: (props: LeftNavProps) => import("react/jsx-runtime").JSX.Element;

package/types/login/LoginPanel.d.ts

@@ -3,4 +3,4 @@ export interface LoginPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
     appName?: string;
     onSubmit: (username: string, password: string) => void;
 }
-export declare const LoginPanel: ({ appName, className, onSubmit, ...htmlAttributes }: LoginPanelProps) => import("react").JSX.Element;
+export declare const LoginPanel: ({ appName, className, onSubmit, ...htmlAttributes }: LoginPanelProps) => import("react/jsx-runtime").JSX.Element;

package/types/login/VuuLogo.d.ts

@@ -1 +1 @@
-export declare const VuuLogo: () => import("react").JSX.Element;
+export declare const VuuLogo: () => import("react/jsx-runtime").JSX.Element;

package/types/persistence-manager/PersistenceProvider.d.ts

@@ -1,15 +1,11 @@
-import { type ReactElement, type ReactNode } from "react";
-import type { IPersistenceManager } from "./PersistenceManager";
-import type { WorkspacePersistenceService } from "./WorkspacePersistenceService";
+import { ReactElement, ReactNode } from "react";
+import { IPersistenceManager } from ".";
 export interface PersistenceContextProps {
     persistenceManager?: IPersistenceManager;
-    workspacePersistenceService?: WorkspacePersistenceService;
 }
 export declare const PersistenceContext: import("react").Context<PersistenceContextProps>;
 export interface PersistenceProviderProps extends PersistenceContextProps {
     children: ReactNode;
 }
-export declare const PersistenceProvider: ({ children, persistenceManager, workspacePersistenceService, }: PersistenceProviderProps) => ReactElement;
+export declare const PersistenceProvider: ({ children, persistenceManager, }: PersistenceProviderProps) => ReactElement;
 export declare const usePersistenceManager: () => IPersistenceManager | undefined;
-export declare const useWorkspacePersistenceService: () => WorkspacePersistenceService;
-export declare const useOptionalWorkspacePersistenceService: () => WorkspacePersistenceService | undefined;

package/types/persistence-manager/index.d.ts

@@ -3,6 +3,3 @@ export * from "./PersistenceProvider";
 export * from "./LocalPersistenceManager";
 export * from "./RemotePersistenceManager";
 export * from "./StaticPersistenceManager";
-export * from "./WorkspacePersistenceService";
-export * from "./LocalWorkspacePersistenceService";
-export * from "./RemoteWorkspacePersistenceService";

package/types/shell-layout-templates/context-panel/ContextPanel.d.ts

@@ -1,11 +1,13 @@
-import { type ReactElement, type ReactNode } from "react";
+import { LayoutJSON } from "@vuu-ui/vuu-utils";
+import { ReactElement, ReactNode } from "react";
 export interface ContextPanelProps {
-    readonly className?: string;
-    readonly content?: ReactElement;
-    readonly expanded?: boolean;
-    readonly id?: string;
-    readonly onClose?: () => void;
-    readonly overlay?: boolean;
-    readonly title?: ReactNode;
+    [key: string]: unknown;
+    className?: string;
+    content?: ReactElement | LayoutJSON;
+    expanded?: boolean;
+    id?: string;
+    onClose?: () => void;
+    overlay?: boolean;
+    title?: ReactNode;
 }
-export declare const ContextPanel: ({ className, content, expanded, id, onClose, overlay, title, }: ContextPanelProps) => import("react").JSX.Element;
+export declare const ContextPanel: ({ className: classNameProp, expanded, content: contentProp, id, onClose, overlay, title, }: ContextPanelProps) => import("react/jsx-runtime").JSX.Element;

package/types/shell-layout-templates/context-panel/index.d.ts

@@ -1,2 +1 @@
 export * from "./ContextPanel";
-export * from "./ApplicationSettingsContextPanel";

package/types/shell-layout-templates/full-height-left-panel/useFullHeightLeftPanel.d.ts

@@ -1,2 +1,2 @@
-import type { ShellLayoutTemplateHook } from "../useShellLayout";
+import { ShellLayoutTemplateHook } from "../useShellLayout";
 export declare const useFullHeightLeftPanel: ShellLayoutTemplateHook;

package/types/shell-layout-templates/inlay-left-panel/useInlayLeftPanel.d.ts

@@ -1,2 +1,2 @@
-import type { ShellLayoutTemplateHook } from "../useShellLayout";
+import { ShellLayoutTemplateHook } from "../useShellLayout";
 export declare const useInlayLeftPanel: ShellLayoutTemplateHook;

package/types/shell-layout-templates/left-main-tabs/useLeftMainTabs.d.ts

@@ -1,2 +1,2 @@
-import type { ShellLayoutTemplateHook } from "../useShellLayout";
+import { ShellLayoutTemplateHook } from "../useShellLayout";
 export declare const useLeftMainTabs: ShellLayoutTemplateHook;

package/types/shell-layout-templates/side-panel/SidePanel.d.ts

@@ -5,4 +5,4 @@ export interface SidePanelProps extends HTMLAttributes<HTMLDivElement> {
     sizeOpen?: number;
     sizeClosed?: number;
 }
-export declare const SidePanel: ({ children, open, sizeClosed, sizeOpen, style: styleProp, ...htmlAttributes }: SidePanelProps) => import("react").JSX.Element;
+export declare const SidePanel: ({ children, open, sizeClosed, sizeOpen, style: styleProp, ...htmlAttributes }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;

package/types/shell-layout-templates/simple-content-pane/useSimpleContentPane.d.ts

@@ -1,2 +1,2 @@
-import type { ShellLayoutTemplateHook } from "../useShellLayout";
+import { ShellLayoutTemplateHook } from "../useShellLayout";
 export declare const useSimpleContentPane: ShellLayoutTemplateHook;

package/types/shell-layout-templates/useShellLayout.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes, ReactElement, ReactNode } from "react";
-import type { SidePanelProps as ShellSidePanelProps } from "./side-panel";
+import { HTMLAttributes, ReactElement, ReactNode } from "react";
+import { SidePanelProps as ShellSidePanelProps } from "./side-panel";
 declare const LayoutHook: {
     "full-height": ShellLayoutTemplateHook;
     inlay: ShellLayoutTemplateHook;
@@ -41,8 +41,6 @@ export interface ShellLayoutProps {
      * If template renders Toolbar, these props will be provided
      */
     ToolbarProps?: ShellToolbarProps;
-    /** Supplied by Shell; application code should not normally set this. */
-    workspaceHost?: ReactNode;
 }
 /**
  * This hook acts as a stub for the actual shell layout

package/types/shell.d.ts

@@ -1,21 +1,17 @@
+import { VuuUser } from "@vuu-ui/vuu-utils";
 import { type HTMLAttributes, type ReactNode } from "react";
-import { type ShellLayoutProps } from "./shell-layout-templates";
-import { type WorkspaceProps } from "./workspace-management";
-export interface ShellProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    readonly appHeader?: ReactNode;
-    readonly children?: ReactNode;
-    readonly leftNavWidth?: number;
-    readonly logout?: () => void;
-    readonly saveUrl?: string;
-    readonly serverUrl?: string;
-    /** @deprecated The shell now uses one canonical static GridLayout structure. */
-    readonly shellLayoutProps?: ShellLayoutProps;
-    readonly workspaceProps?: WorkspaceProps;
+import { ShellLayoutProps } from "./shell-layout-templates";
+import { SettingsSchema } from "./user-settings";
+import { WorkspaceProps } from "./workspace-management";
+export type LayoutTemplateName = "full-height" | "inlay";
+export interface ShellProps extends HTMLAttributes<HTMLDivElement> {
+    shellLayoutProps?: ShellLayoutProps;
+    userSettingsSchema?: SettingsSchema;
+    workspaceProps?: WorkspaceProps;
+    children?: ReactNode;
+    logout?: () => void;
+    saveUrl?: string;
+    serverUrl?: string;
+    user: VuuUser;
 }
-export interface StaticShellLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    readonly appHeader?: ReactNode;
-    readonly leftNavWidth?: number;
-    readonly workspaceHost?: ReactNode;
-}
-export declare const StaticShellLayout: ({ appHeader, className, leftNavWidth: initialLeftNavWidth, style, workspaceHost, ...htmlAttributes }: StaticShellLayoutProps) => import("react").JSX.Element;
-export declare const Shell: ({ appHeader, children, leftNavWidth, logout, saveUrl: _saveUrl, serverUrl: _serverUrl, shellLayoutProps, workspaceProps, ...htmlAttributes }: ShellProps) => import("react").JSX.Element;
+export declare const Shell: ({ logout, user, userSettingsSchema, workspaceProps, ...props }: ShellProps) => import("react/jsx-runtime").JSX.Element;

package/types/theme-switch/ThemeSwitch.d.ts

@@ -5,4 +5,4 @@ export interface ThemeSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "
     mode?: ThemeMode;
     onChange: (mode: ThemeMode) => void;
 }
-export declare const ThemeSwitch: ({ className: classNameProp, defaultMode: defaultModeProp, mode: modeProp, onChange, ...htmlAttributes }: ThemeSwitchProps) => import("react").JSX.Element;
+export declare const ThemeSwitch: ({ className: classNameProp, defaultMode: defaultModeProp, mode: modeProp, onChange, ...htmlAttributes }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;

package/types/workspace-management/LayoutList.d.ts

@@ -1,2 +1,2 @@
-import type { HTMLAttributes } from "react";
-export declare const LayoutList: ({ className, title, ...htmlAttributes }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+import { HTMLAttributes } from "react";
+export declare const LayoutList: ({ className, title, ...htmlAttributes }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/types/workspace-management/LayoutTile.d.ts

@@ -4,4 +4,4 @@ export interface LayoutTileProps extends HTMLAttributes<HTMLDivElement> {
     metadata: LayoutMetadata | SystemLayoutMetadata;
     onLoadLayout: (layoutId?: string, layoutJSON?: LayoutJSON) => void;
 }
-export declare const LayoutTile: ({ metadata, onLoadLayout, ...htmlAttributes }: LayoutTileProps) => import("react").JSX.Element;
+export declare const LayoutTile: ({ metadata, onLoadLayout, ...htmlAttributes }: LayoutTileProps) => import("react/jsx-runtime").JSX.Element;

package/types/workspace-management/SaveLayoutPanel.d.ts

@@ -1,9 +1,9 @@
-import type { LayoutMetadataDto } from "@vuu-ui/vuu-utils";
+import { LayoutMetadataDto } from "@vuu-ui/vuu-utils";
 type SaveLayoutPanelProps = {
     componentId?: string;
     defaultTitle?: string;
     onCancel: () => void;
     onSave: (layoutMetadata: LayoutMetadataDto) => void;
 };
-export declare const SaveLayoutPanel: (props: SaveLayoutPanelProps) => import("react").JSX.Element;
+export declare const SaveLayoutPanel: (props: SaveLayoutPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/workspace-management/WorkspaceProvider.d.ts

@@ -1,63 +1,52 @@
-import { type GridComponentRendererRegistry, type GridComponentSettingsRegistry, type JsonValue } from "@vuu-ui/grid-layout";
-import type { LayoutJSON } from "@vuu-ui/vuu-utils";
-import { type ReactElement, type ReactNode } from "react";
-import { type WorkspacePersistenceService } from "../persistence-manager";
-import { WorkspaceController } from "./WorkspaceController";
-import { type NamedWorkspaceDefinitionV1, type NamedWorkspaceMetadataV1, type WorkspaceSnapshotV1 } from "./workspace-schemas";
-export declare const emptyWorkspaceSnapshot: WorkspaceSnapshotV1;
-export type WorkspaceStatus = "empty" | "error" | "loading" | "ready";
-export interface WorkspaceProps {
-    /** @deprecated Migrate this layout to defaultWorkspace. */
-    readonly activeLayoutIndex?: number;
-    readonly componentRenderers?: GridComponentRendererRegistry;
-    readonly defaultWorkspace?: WorkspaceSnapshotV1;
-    /** @deprecated Migrate this layout to defaultWorkspace. */
-    readonly layoutJSON?: LayoutJSON | readonly LayoutJSON[];
-    /** @deprecated Workspace snapshots contain their own placeholders. */
-    readonly layoutPlaceholderJSON?: LayoutJSON;
-    readonly settingsCodecs?: GridComponentSettingsRegistry;
-    /** @deprecated Tabs are managed by WorkspaceHost. */
-    readonly showTabs?: boolean | "left" | "right";
-    readonly systemWorkspaces?: readonly NamedWorkspaceDefinitionV1[];
-    /** @deprecated Tabs are managed by WorkspaceHost. */
-    readonly TabstripProps?: Readonly<Record<string, unknown>>;
-    /** @deprecated Migrate this layout to defaultWorkspace. */
-    readonly workspaceJSON?: LayoutJSON | readonly LayoutJSON[];
-}
+import { LayoutMetadata, LayoutMetadataDto, type ApplicationSetting, type ApplicationSettings, type LayoutJSON } from "@vuu-ui/vuu-utils";
+import { ReactElement } from "react";
+import { type WorkspaceStackProps } from "./defaultWorkspaceJSON";
+export type WorkspaceProps = WorkspaceStackProps & {
+    layoutPlaceholderJSON?: LayoutJSON;
+    /**
+     * layoutJSON defines the default layout to render on first load and until such time as
+     * layout state has been persisted. After that, the persisted state will be rendered.
+     */
+    layoutJSON?: LayoutJSON | LayoutJSON[];
+    activeLayoutIndex?: number;
+    /**
+     * The Vuu workspace is the container into which layouts are loaded. By default, it will be
+     * a Tabbed Panel (Stack + Tabstrip), showing a tab per Layout.
+     */
+    workspaceJSON?: LayoutJSON | LayoutJSON[];
+};
 export interface WorkspaceProviderProps extends WorkspaceProps {
-    readonly children: ReactNode;
-    readonly persistenceService?: WorkspacePersistenceService;
-    readonly userId?: string;
-}
-export interface WorkspaceContextValue {
-    readonly activeWorkspace?: WorkspaceController;
-    readonly activeWorkspaceInstanceId: string | null;
-    readonly closeWorkspace: (instanceId: string) => Promise<void>;
-    readonly componentRenderers?: GridComponentRendererRegistry;
-    readonly controllers: readonly WorkspaceController[];
-    readonly createWorkspaceFromSnapshot: (snapshot: WorkspaceSnapshotV1, title?: string) => Promise<string>;
-    readonly deleteNamedWorkspace: (definitionId: string) => Promise<void>;
-    readonly error?: Error;
-    readonly getApplicationSetting: (key: string) => JsonValue | undefined;
-    readonly getApplicationSettings: (key?: string) => JsonValue | Readonly<Record<string, JsonValue>> | undefined;
-    readonly namedWorkspaces: readonly NamedWorkspaceMetadataV1[];
-    readonly openNamedWorkspace: (definitionId: string) => Promise<void>;
-    readonly openSystemWorkspace: (definition: NamedWorkspaceDefinitionV1) => Promise<void>;
-    readonly renameWorkspace: (instanceId: string, title: string) => Promise<void>;
-    readonly saveActiveWorkspaceAs: (name: string, description?: string) => Promise<void>;
-    readonly saveApplicationSettings: (settings: JsonValue, key?: string) => Promise<void>;
-    readonly selectWorkspace: (instanceId: string) => Promise<void>;
-    readonly setApplicationSetting: (key: string, value: JsonValue) => Promise<void>;
-    readonly settings: Readonly<Record<string, JsonValue>>;
-    readonly settingsCodecs?: GridComponentSettingsRegistry;
-    /** Identifies the authenticated persistence scope. Changes synchronously on a scope transition. */
-    readonly scopeIdentity: string;
-    readonly status: WorkspaceStatus;
-    readonly systemWorkspaces: readonly NamedWorkspaceDefinitionV1[];
-    readonly resetApplication: () => Promise<void>;
-}
-export declare class StaleWorkspaceScopeError extends Error {
-    constructor();
+    children: ReactElement | ReactElement[];
+    /**
+     * layoutPlaceholderJSON defines the layout to render when a new workspace layout is created.
+     */
+    layoutPlaceholderJSON?: LayoutJSON;
 }
-export declare const WorkspaceProvider: ({ activeLayoutIndex, children, componentRenderers, defaultWorkspace, layoutJSON, layoutPlaceholderJSON, persistenceService: serviceProp, settingsCodecs, showTabs, systemWorkspaces, TabstripProps, userId, workspaceJSON, }: WorkspaceProviderProps) => ReactElement;
-export declare const useWorkspace: () => WorkspaceContextValue;
+/**
+ * LayoutManagementProvider supplies an API for loading and saving layout documents.
+ * Initial layout is automatically loaded on startup. Because this hook is responsible
+ * only for loading and saving layouts, it only triggers a render when content is loaded.
+ *
+ * Initial layout displays a loading state
+ * User may supply a default layout. This will not be displayed until call has been made to
+ * persistenceManager to retrieve stored layout state. If no stored state is returned, the
+ * default layout provided by user will be set as current state (and hence rendered). If no
+ * default layout has been provided by user, the sysem default will be used (simple PlaceHolder)
+ * If saved layout state has been returned, that will be set as current state (and rendered)
+ *
+ */
+export declare const WorkspaceProvider: ({ TabstripProps, children, layoutJSON, activeLayoutIndex, layoutPlaceholderJSON, showTabs, workspaceJSON: customWorkspaceJSON, }: WorkspaceProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useWorkspace: () => {
+    layoutMetadata: LayoutMetadata[];
+    layoutPlaceholderJSON?: LayoutJSON;
+    getApplicationSettings: (key?: keyof ApplicationSettings) => ApplicationSettings | ApplicationSetting | undefined;
+    loadLayoutById: (id: string) => void;
+    saveApplicationSettings: (settings: ApplicationSettings | ApplicationSetting, key?: keyof ApplicationSettings) => void;
+    saveLayout: (n: LayoutMetadataDto) => void;
+    saveApplicationLayout: (layout: LayoutJSON) => void;
+    workspaceJSON: LayoutJSON<{
+        [key: string]: any;
+    }>[] | LayoutJSON<{
+        [key: string]: any;
+    }>;
+};

package/types/workspace-management/defaultWorkspaceJSON.d.ts

@@ -1,11 +1,10 @@
-import type { HTMLAttributes } from "react";
-import { type LayoutJSON } from "@vuu-ui/vuu-utils";
-export interface WorkspaceStackProps {
-    readonly showTabs?: boolean | "left" | "right";
-    readonly TabstripProps?: HTMLAttributes<HTMLDivElement>;
-}
+import { StackProps } from "@vuu-ui/vuu-layout";
+import { LayoutJSON } from "@vuu-ui/vuu-utils";
+export type WorkspaceStackProps = Pick<StackProps, "showTabs" | "TabstripProps">;
 export declare const warningLayout: LayoutJSON;
 export declare const loadingJSON: Readonly<LayoutJSON>;
-export declare const defaultWorkspaceJSON: LayoutJSON;
+export declare const defaultWorkspaceJSON: LayoutJSON<StackProps & {
+    preserve: boolean;
+}>;
 export declare const getStackWorkspaceJSON: (activeLayoutIndex?: number) => LayoutJSON;
 export declare const getWorkspaceWithLayoutJSON: (customWorkspaceJSON?: LayoutJSON | LayoutJSON[], layoutJSON?: LayoutJSON | LayoutJSON[], activeLayoutIndex?: number, stackProps?: WorkspaceStackProps) => LayoutJSON | LayoutJSON[];

package/types/workspace-management/index.d.ts

@@ -3,11 +3,3 @@ export * from "./LayoutList";
 export * from "./WorkspaceProvider";
 export * from "./defaultWorkspaceJSON";
 export * from "./useWorkspaceContextMenuItems";
-export * from "./workspace-schemas";
-export * from "./WorkspaceRepository";
-export * from "./WorkspacePersistentState";
-export * from "./WorkspaceController";
-export * from "./workspace-component-registry";
-export * from "./WorkspaceHost";
-export * from "./WorkspaceStartPanel";
-export * from "./shell-workspace-components";

package/types/workspace-management/useWorkspaceContextMenuItems.d.ts

@@ -1,4 +1,4 @@
-import type { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-context-menu";
+import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-context-menu";
 export declare const useWorkspaceContextMenuItems: () => {
     buildMenuOptions: MenuBuilder;
     handleMenuAction: MenuActionHandler;

package/src/module-registry/getRegisteredModules.js

@@ -1,12 +0,0 @@
-const getRegisteredModules = async (registryUrl, bearerToken)=>{
-    console.log(`getRegisteredModules ${registryUrl}`);
-    const response = await fetch(registryUrl, {
-        cache: "no-store",
-        headers: {
-            Authorization: `Bearer ${bearerToken}`
-        }
-    });
-    if (!response.ok) throw Error("bad return from module registry");
-    return await response.json();
-};
-export { getRegisteredModules };