@vuu-ui/vuu-shell 3.3.10 → 4.0.0-alpha.1

package/types/feature/Feature.d.ts

@@ -1,10 +1,2 @@
-import { 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 {};
+/** @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>;

package/types/feature/Loader.d.ts

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

package/types/feature/index.d.ts

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

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

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

package/types/index.d.ts

@@ -1,14 +1,14 @@
-export * from "./application-provider";
 export * from "./app-header";
+export * from "./application-provider";
 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,8 +7,9 @@ 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-runtime").JSX.Element;
+export declare const LeftNav: (props: LeftNavProps) => import("react").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-runtime").JSX.Element;
+export declare const LoginPanel: ({ appName, className, onSubmit, ...htmlAttributes }: LoginPanelProps) => import("react").JSX.Element;

package/types/login/VuuLogo.d.ts

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

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

@@ -1,11 +1,15 @@
-import { ReactElement, ReactNode } from "react";
-import { IPersistenceManager } from ".";
+import { type ReactElement, type ReactNode } from "react";
+import type { IPersistenceManager } from "./PersistenceManager";
+import type { WorkspacePersistenceService } from "./WorkspacePersistenceService";
 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, }: PersistenceProviderProps) => ReactElement;
+export declare const PersistenceProvider: ({ children, persistenceManager, workspacePersistenceService, }: 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,3 +3,6 @@ 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,13 +1,11 @@
-import { LayoutJSON } from "@vuu-ui/vuu-utils";
-import { ReactElement, ReactNode } from "react";
+import { type ReactElement, type ReactNode } from "react";
 export interface ContextPanelProps {
-    [key: string]: unknown;
-    className?: string;
-    content?: ReactElement | LayoutJSON;
-    expanded?: boolean;
-    id?: string;
-    onClose?: () => void;
-    overlay?: boolean;
-    title?: ReactNode;
+    readonly className?: string;
+    readonly content?: ReactElement;
+    readonly expanded?: boolean;
+    readonly id?: string;
+    readonly onClose?: () => void;
+    readonly overlay?: boolean;
+    readonly title?: ReactNode;
 }
-export declare const ContextPanel: ({ className: classNameProp, expanded, content: contentProp, id, onClose, overlay, title, }: ContextPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextPanel: ({ className, content, expanded, id, onClose, overlay, title, }: ContextPanelProps) => import("react").JSX.Element;

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import { ShellLayoutTemplateHook } from "../useShellLayout";
+import type { 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-runtime").JSX.Element;
+export declare const SidePanel: ({ children, open, sizeClosed, sizeOpen, style: styleProp, ...htmlAttributes }: SidePanelProps) => import("react").JSX.Element;

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

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

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

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactElement, ReactNode } from "react";
-import { SidePanelProps as ShellSidePanelProps } from "./side-panel";
+import type { HTMLAttributes, ReactElement, ReactNode } from "react";
+import type { SidePanelProps as ShellSidePanelProps } from "./side-panel";
 declare const LayoutHook: {
     "full-height": ShellLayoutTemplateHook;
     inlay: ShellLayoutTemplateHook;
@@ -41,6 +41,8 @@ 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,17 +1,21 @@
-import { VuuUser } from "@vuu-ui/vuu-utils";
 import { type HTMLAttributes, type ReactNode } from "react";
-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;
+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;
 }
-export declare const Shell: ({ logout, user, userSettingsSchema, workspaceProps, ...props }: ShellProps) => import("react/jsx-runtime").JSX.Element;
+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;

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-runtime").JSX.Element;
+export declare const ThemeSwitch: ({ className: classNameProp, defaultMode: defaultModeProp, mode: modeProp, onChange, ...htmlAttributes }: ThemeSwitchProps) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
-import { HTMLAttributes } from "react";
-export declare const LayoutList: ({ className, title, ...htmlAttributes }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+import type { HTMLAttributes } from "react";
+export declare const LayoutList: ({ className, title, ...htmlAttributes }: HTMLAttributes<HTMLDivElement>) => import("react").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-runtime").JSX.Element;
+export declare const LayoutTile: ({ metadata, onLoadLayout, ...htmlAttributes }: LayoutTileProps) => import("react").JSX.Element;

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

@@ -1,9 +1,9 @@
-import { LayoutMetadataDto } from "@vuu-ui/vuu-utils";
+import type { 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-runtime").JSX.Element;
+export declare const SaveLayoutPanel: (props: SaveLayoutPanelProps) => import("react").JSX.Element;
 export {};

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

@@ -1,52 +1,63 @@
-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[];
-};
+import { type GridComponentRendererRegistry, type GridComponentSettingsRegistry, type JsonValue } from "@heswell/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[];
+}
 export interface WorkspaceProviderProps extends WorkspaceProps {
-    children: ReactElement | ReactElement[];
-    /**
-     * layoutPlaceholderJSON defines the layout to render when a new workspace layout is created.
-     */
-    layoutPlaceholderJSON?: LayoutJSON;
+    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();
 }
-/**
- * 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: () => {
-    workspaceJSON: LayoutJSON<{
-        [key: string]: any;
-    }> | LayoutJSON<{
-        [key: string]: any;
-    }>[];
-    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;
-};
+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;

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

@@ -1,10 +1,11 @@
-import { StackProps } from "@vuu-ui/vuu-layout";
-import { LayoutJSON } from "@vuu-ui/vuu-utils";
-export type WorkspaceStackProps = Pick<StackProps, "showTabs" | "TabstripProps">;
+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>;
+}
 export declare const warningLayout: LayoutJSON;
 export declare const loadingJSON: Readonly<LayoutJSON>;
-export declare const defaultWorkspaceJSON: LayoutJSON<StackProps & {
-    preserve: boolean;
-}>;
+export declare const defaultWorkspaceJSON: LayoutJSON;
 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,3 +3,11 @@ 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 { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-context-menu";
+import type { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-context-menu";
 export declare const useWorkspaceContextMenuItems: () => {
     buildMenuOptions: MenuBuilder;
     handleMenuAction: MenuActionHandler;

package/src/feature/FeatureErrorBoundary.js

@@ -1,33 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import react from "react";
-class FeatureErrorBoundary extends react.Component {
-    constructor(props){
-        super(props);
-        this.state = {
-            errorMessage: null
-        };
-    }
-    static getDerivedStateFromError(error) {
-        return {
-            errorMessage: error.message
-        };
-    }
-    componentDidCatch(error, errorInfo) {
-        console.log(`error creating component at ${this.props.url}`);
-        console.log(error, errorInfo);
-    }
-    render() {
-        if (this.state.errorMessage) return /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ jsx("h1", {
-                    children: "An error occured while creating component."
-                }),
-                /*#__PURE__*/ jsx("p", {
-                    children: this.state.errorMessage
-                })
-            ]
-        });
-        return this.props.children;
-    }
-}
-export { FeatureErrorBoundary };

package/src/user-settings/SettingsForm.css.js

@@ -1,10 +0,0 @@
-const css = `
-.vuuSettingsForm {
-  gap: var(--salt-spacing-200);
-  flex-direction: column;
-  display: flex;
-}
-
-
-`;
-export default css;

package/src/user-settings/SettingsForm.js

@@ -1,141 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { VuuInput } from "@vuu-ui/vuu-ui-controls";
-import { getFieldName } from "@vuu-ui/vuu-utils";
-import { Dropdown, FormField, FormFieldLabel, Option, Switch, ToggleButton, ToggleButtonGroup } from "@salt-ds/core";
-import { useComponentCssInjection } from "@salt-ds/styles";
-import { useWindow } from "@salt-ds/window";
-import clsx from "clsx";
-import { useCallback, useState } from "react";
-import SettingsForm from "./SettingsForm.css";
-const isOption = (value)=>"object" == typeof value && "label" in value && "label" in value;
-const isBooleanProperty = (property)=>"boolean" === property.type;
-const isStringOrNumber = (value)=>"string" == typeof value || "number" == typeof value;
-const getValueAndLabel = (value)=>isOption(value) ? [
-        value.value,
-        value.label
-    ] : [
-        value,
-        value
-    ];
-const defaultPropertyValue = {
-    boolean: false,
-    number: 0,
-    string: ""
-};
-const classBase = "vuuSettingsForm";
-function FormControl({ property, changeHandler, selectHandler, inputHandler, currentValue = property.defaultValue ?? defaultPropertyValue[property.type] }) {
-    const [value, setValue] = useState(currentValue);
-    if (isBooleanProperty(property)) {
-        const checked = "boolean" == typeof currentValue ? currentValue : property.defaultValue ?? false;
-        return /*#__PURE__*/ jsx(Switch, {
-            checked: checked,
-            onChange: changeHandler
-        });
-    }
-    if (Array.isArray(property.values)) {
-        if (property.values.length <= 2) return /*#__PURE__*/ jsx(ToggleButtonGroup, {
-            value: currentValue,
-            onChange: changeHandler,
-            children: property.values.map((valueOrOption)=>{
-                const [value, label] = getValueAndLabel(valueOrOption);
-                return /*#__PURE__*/ jsx(ToggleButton, {
-                    value: value,
-                    children: label
-                }, value);
-            })
-        });
-        else if (property.values.length > 2) return /*#__PURE__*/ jsx(Dropdown, {
-            value: currentValue,
-            onSelectionChange: selectHandler,
-            children: property.values.map((valueOrOption)=>{
-                const [value, label] = getValueAndLabel(valueOrOption);
-                return /*#__PURE__*/ jsx(Option, {
-                    value: label,
-                    "data-field": property.name
-                }, value);
-            })
-        });
-    } else {
-        const valid = isValidInput(currentValue, property.type);
-        const errorMessage = getTooltipContent(property.type, valid);
-        return /*#__PURE__*/ jsx(VuuInput, {
-            errorMessage: errorMessage,
-            onCommit: inputHandler,
-            onChange: (e)=>setValue(e.target.value),
-            value: value
-        }, property.name);
-    }
-    return null;
-}
-const isValidInput = (value, type)=>{
-    if ("" === value) return;
-    if ("string" === type) return "success";
-    if ("number" === type) {
-        if (Number.isNaN(Number(value))) return "error";
-        return "success";
-    }
-};
-function getTooltipContent(type, valid) {
-    if ("error" !== valid) return;
-    if ("number" === type) return /*#__PURE__*/ jsx("p", {
-        children: "Field is expecting a number"
-    });
-    if ("string" === type) return /*#__PURE__*/ jsx("p", {
-        children: "Field is expecting a string"
-    });
-    return /*#__PURE__*/ jsx("p", {
-        children: "Please contact Admin for more information on expected type"
-    });
-}
-const SettingsForm_SettingsForm = ({ className, settingsSchema, settings, onSettingChanged, ...htmlAttributes })=>{
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-        testId: "vuu-settings-form",
-        css: SettingsForm,
-        window: targetWindow
-    });
-    const changeHandler = useCallback((event)=>{
-        const fieldName = getFieldName(event.target);
-        const { checked, value } = event.target;
-        onSettingChanged(fieldName, checked ?? value);
-    }, [
-        onSettingChanged
-    ]);
-    const selectHandler = useCallback((event, [selected])=>{
-        const fieldName = getFieldName(event.target);
-        onSettingChanged(fieldName, selected);
-    }, [
-        onSettingChanged
-    ]);
-    const inputHandler = useCallback((event)=>{
-        const fieldName = getFieldName(event.target);
-        const { value } = event.target;
-        if (Number.isNaN(Number(value)) || "" == value) onSettingChanged(fieldName, value);
-        else {
-            const numValue = Number(value);
-            onSettingChanged(fieldName, numValue);
-        }
-    }, [
-        onSettingChanged
-    ]);
-    return /*#__PURE__*/ jsx("div", {
-        ...htmlAttributes,
-        className: clsx(classBase, className),
-        children: settingsSchema.properties.map((property)=>/*#__PURE__*/ jsxs(FormField, {
-                "data-field": property.name,
-                children: [
-                    /*#__PURE__*/ jsx(FormFieldLabel, {
-                        children: property.label
-                    }),
-                    FormControl({
-                        property,
-                        changeHandler,
-                        selectHandler,
-                        inputHandler,
-                        currentValue: settings[property.name]
-                    })
-                ]
-            }, property.name))
-    });
-};
-export { FormControl, SettingsForm_SettingsForm as SettingsForm, isBooleanProperty, isOption, isStringOrNumber };

package/src/user-settings/UserSettingsPanel.css.js

@@ -1,9 +0,0 @@
-const css = `
-.vuuUserSettingsPanel {
-  height: 100%;
-  overflow: auto;
-}
-
-
-`;
-export default css;