@vuu-ui/vuu-shell 0.7.6 → 0.8.0

package/types/shell-layouts/useInlayLeftPanel.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from "react";
+export declare const useInlayLeftPanel: ({ appHeader, leftSidePanel, }: {
+    appHeader: ReactElement;
+    leftSidePanel?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+}) => ReactElement;

package/types/shell-layouts/useShellLayout.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from "react";
+export interface ShellLayoutProps {
+    appHeader: ReactElement;
+    leftSidePanel?: ReactElement;
+    leftSidePanelLayout?: "full-height" | "inlay";
+}
+export declare const useShellLayout: ({ leftSidePanelLayout, ...props }: ShellLayoutProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/types/shell.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes, ReactElement, ReactNode } from "react";
 import { LayoutJSON } from "@vuu-ui/vuu-layout/src/layout-reducer";
-import "./shell.css";
 import { SaveLocation } from "./shellTypes";
+import "./shell.css";
 export type VuuUser = {
     username: string;
     token: string;
@@ -10,10 +10,11 @@ export interface ShellProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     defaultLayout?: LayoutJSON;
     leftSidePanel?: ReactElement;
+    leftSidePanelLayout?: "full-height" | "inlay";
     loginUrl?: string;
     saveLocation?: SaveLocation;
     saveUrl?: string;
     serverUrl?: string;
     user: VuuUser;
 }
-export declare const Shell: ({ children, className: classNameProp, defaultLayout, leftSidePanel, loginUrl, saveLocation, saveUrl, serverUrl, user, ...htmlAttributes }: ShellProps) => JSX.Element;
+export declare const Shell: ({ children, className: classNameProp, defaultLayout, leftSidePanel, leftSidePanelLayout, loginUrl, saveLocation, saveUrl, serverUrl, user, ...htmlAttributes }: ShellProps) => JSX.Element;

package/types/theme-provider/ThemeProvider.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import React, { ReactNode } from "react";
 export declare const DEFAULT_DENSITY: Density;
 export declare const DEFAULT_THEME = "salt-theme";
 export declare const DEFAULT_THEME_MODE: ThemeMode;
@@ -11,15 +11,17 @@ export interface ThemeContextProps {
     themeMode: ThemeMode;
 }
 export declare const ThemeContext: React.Context<ThemeContextProps>;
+export type ThemeClasses = [string, string, string];
+export declare const useThemeAttributes: () => [string, string, string];
 interface ThemeProviderProps {
-    children: ReactElement;
+    applyThemeClasses?: boolean;
+    children: ReactNode;
     density?: Density;
     theme?: string;
     themeMode?: ThemeMode;
-    applyClassesTo?: TargetElement;
 }
 export declare const ThemeProvider: {
-    ({ children, theme: themeProp, themeMode: themeModeProp, density: densityProp, }: ThemeProviderProps): JSX.Element;
+    ({ applyThemeClasses, children, theme: themeProp, themeMode: themeModeProp, density: densityProp, }: ThemeProviderProps): JSX.Element;
     displayName: string;
 };
 export {};