@vuu-ui/vuu-shell 0.6.8-debug → 0.6.9-debug

package/package.json

@@ -7,9 +7,9 @@
     "@salt-ds/core": "1.0.0",
     "@salt-ds/icons": "1.0.0",
     "@heswell/salt-lab": "1.0.0-alpha.0-vuu.1",
-    "@vuu-ui/vuu-data": "0.6.8",
-    "@vuu-ui/vuu-layout": "0.6.8",
-    "@vuu-ui/vuu-utils": "0.6.8",
+    "@vuu-ui/vuu-data": "0.6.9",
+    "@vuu-ui/vuu-layout": "0.6.9",
+    "@vuu-ui/vuu-utils": "0.6.9",
     "classnames": "^2.2.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
@@ -18,9 +18,11 @@
     "cjs",
     "esm",
     "index.css",
-    "index.css.map"
+    "index.css.map",
+    "/types"
   ],
   "module": "esm/index.js",
   "main": "cjs/index.js",
-  "version": "0.6.8-debug"
+  "version": "0.6.9-debug",
+  "types": "types/index.d.ts"
 }

package/types/ShellContextProvider.d.ts

@@ -0,0 +1,13 @@
+import { MenuRpcResponse } from "@vuu-ui/vuu-data";
+import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+import { ReactElement, ReactNode } from "react";
+export interface ShellContextProps {
+    getDefaultColumnConfig?: (tableName: string, columnName: string) => Partial<ColumnDescriptor>;
+    handleRpcResponse?: (response?: MenuRpcResponse) => void;
+}
+export interface ShellProviderProps {
+    children: ReactNode;
+    value?: ShellContextProps;
+}
+export declare const ShellContextProvider: ({ children, value, }: ShellProviderProps) => ReactElement;
+export declare const useShellContext: () => ShellContextProps;

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "react";
+import { VuuUser } from "../shell";
+import { ThemeMode } from "../theme-switch";
+import "./AppHeader.css";
+export interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    layoutId: string;
+    loginUrl?: string;
+    onNavigate: (id: string) => void;
+    onSwitchTheme?: (mode: ThemeMode) => void;
+    themeMode?: ThemeMode;
+    user: VuuUser;
+}
+export declare const AppHeader: ({ className: classNameProp, layoutId, loginUrl, onNavigate, onSwitchTheme, themeMode, user, ...htmlAttributes }: AppHeaderProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './AppHeader';

package/types/feature/ErrorBoundary.d.ts

@@ -0,0 +1,11 @@
+export class ErrorBoundary extends React.Component<any, any, any> {
+    static getDerivedStateFromError(error: any): {
+        errorMessage: any;
+    };
+    constructor(props: any);
+    state: {
+        errorMessage: null;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+}
+import React from "react";

package/types/feature/Feature.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface FeatureProps<Params extends object | undefined = undefined> {
+    height?: number;
+    url: string;
+    css?: string;
+    width?: number;
+    params: Params;
+}
+declare function RawFeature<Params extends object | undefined>({ url, css, params, ...props }: FeatureProps<Params>): JSX.Element;
+export declare const Feature: React.MemoExoticComponent<typeof RawFeature>;
+export {};

package/types/feature/Loader.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Loader: () => JSX.Element;

package/types/feature/css-module-loader.d.ts

@@ -0,0 +1 @@
+export declare const importCSS: (path: string) => Promise<CSSStyleSheet>;

package/types/feature/index.d.ts

@@ -0,0 +1 @@
+export * from './Feature';

package/types/get-layout-history.d.ts

@@ -0,0 +1,8 @@
+import { VuuUser } from "./shell";
+export interface LayoutHistoryItem {
+    user: string;
+    id: string;
+    uniqueId: string;
+    lastUpdate: number;
+}
+export declare const getLayoutHistory: (user: VuuUser) => Promise<LayoutHistoryItem[]>;

package/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./feature";
+export * from "./login";
+export * from "./shell";
+export * from "./shellTypes";
+export * from "./ShellContextProvider";
+export * from "./theme-switch";

package/types/login/LoginPanel.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+import "./LoginPanel.css";
+export interface LoginPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSubmit"> {
+    onSubmit: (username: string, password: string) => void;
+}
+export declare const LoginPanel: ({ onSubmit }: LoginPanelProps) => JSX.Element;

package/types/login/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LoginPanel';
+export * from './login-utils';

package/types/login/login-utils.d.ts

@@ -0,0 +1,3 @@
+export declare const getAuthDetailsFromCookies: () => (string | undefined)[];
+export declare const redirectToLogin: (loginUrl?: string) => void;
+export declare const logout: (loginUrl?: string) => void;

package/types/shell.d.ts

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

package/types/shellTypes.d.ts

@@ -0,0 +1,16 @@
+declare global {
+    const vuuConfig: Promise<VuuConfig>;
+}
+export interface FeatureConfig {
+    name: string;
+    title: string;
+    url: string;
+    css?: string;
+}
+export type Features = {
+    [key: string]: FeatureConfig;
+};
+export interface VuuConfig {
+    features: Features;
+    websocketUrl: string;
+}

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

@@ -0,0 +1,18 @@
+import React, { ReactElement } from "react";
+export declare const DEFAULT_DENSITY = "medium";
+export declare const DEFAULT_THEME = "salt-theme";
+export type Density = "high" | "medium" | "low" | "touch";
+export interface ThemeContextProps {
+    density?: Density;
+    themes?: string[];
+    theme?: string;
+}
+export declare const ThemeContext: React.Context<ThemeContextProps>;
+interface ThemeProviderProps {
+    children: ReactElement;
+    density?: Density;
+    theme?: string;
+    applyClassesToChild?: true;
+}
+export declare const ThemeProvider: ({ children, density: densityProp, theme: themeProp, }: ThemeProviderProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from "react";
+import "./ThemeSwitch.css";
+export type ThemeMode = "light" | "dark";
+export interface ThemeSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    defaultMode?: ThemeMode;
+    mode?: ThemeMode;
+    onChange: (mode: ThemeMode) => void;
+}
+export declare const ThemeSwitch: ({ className: classNameProp, defaultMode: defaultModeProp, mode: modeProp, onChange, ...htmlAttributes }: ThemeSwitchProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from "./ThemeSwitch";

package/types/use-force-render.d.ts

@@ -0,0 +1 @@
+export function useForceRender(): import("react").Dispatch<import("react").SetStateAction<{}>>;

package/types/use-layout-config.d.ts

@@ -0,0 +1,2 @@
+export default useLayoutConfig;
+declare function useLayoutConfig(user: any, defaultLayout: any): any[];

package/types/user-profile/UserPanel.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "react";
+import { VuuUser } from "../shell";
+import "./UserPanel.css";
+export interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {
+    loginUrl?: string;
+    onNavigate: (id: string) => void;
+    user: VuuUser;
+    layoutId: string;
+}
+export declare const UserPanel: import("react").ForwardRefExoticComponent<UserPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/user-profile/UserProfile.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./UserProfile.css";
+import { VuuUser } from "../shell";
+export interface UserProfileProps {
+    layoutId: string;
+    loginUrl?: string;
+    onNavigate: (id: string) => void;
+    user: VuuUser;
+}
+export declare const UserProfile: ({ layoutId, loginUrl, onNavigate, user, }: UserProfileProps) => JSX.Element;

package/types/user-profile/index.d.ts

@@ -0,0 +1 @@
+export * from './UserProfile';