@vuu-ui/vuu-shell 0.8.8-debug → 0.8.9-debug

package/types/feature/FeatureErrorBoundary.d.ts

@@ -0,0 +1,13 @@
+import React, { ErrorInfo, ReactNode } from "react";
+import { FeatureProps } from "./Feature";
+export interface FeatureErrorBoundaryProps extends FeatureProps {
+    children: ReactNode;
+}
+export declare class FeatureErrorBoundary extends React.Component<FeatureErrorBoundaryProps, any> {
+    constructor(props: FeatureErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        errorMessage: string;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): React.ReactNode;
+}

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

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+import { FeatureProps } from "../feature/Feature";
+import "./FeatureList.css";
+export interface FeatureListProps extends HTMLAttributes<HTMLDivElement> {
+    features: FeatureProps[];
+}
+export declare const FeatureList: ({ features, title, ...htmlAttributes }: FeatureListProps) => JSX.Element;

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

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

package/types/{vuu-shell/src/index.d.ts → index.d.ts}

@@ -1,6 +1,7 @@
 export * from "./connection-status";
 export * from "./density-switch";
 export * from "./feature";
+export * from "./layout-config";
 export * from "./layout-management";
 export * from "./left-nav";
 export * from "./login";
@@ -10,4 +11,5 @@ export * from "./shell-layouts";
 export * from "./shellTypes";
 export * from "./ShellContextProvider";
 export * from "./theme-provider";
+export * from "./feature-list";
 export * from "./theme-switch";

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

@@ -0,0 +1,4 @@
+import { LayoutJSON } from "@vuu-ui/vuu-layout/src/layout-reducer";
+import { VuuUser } from "../shell";
+export declare const loadLocalConfig: (saveUrl: string, user?: VuuUser, id?: string) => Promise<LayoutJSON>;
+export declare const saveLocalConfig: (saveUrl: string, user: VuuUser | undefined, data: LayoutJSON) => Promise<undefined>;

package/types/{vuu-shell/src/layout-config → layout-config}/remote-config.d.ts

@@ -1,4 +1,4 @@
 import { LayoutJSON } from "@vuu-ui/vuu-layout/src/layout-reducer";
 import { VuuUser } from "../shell";
-export declare const loadRemoteConfig: (saveUrl: string, user: VuuUser, id?: string) => Promise<LayoutJSON>;
-export declare const saveRemoteConfig: (saveUrl: string, user: VuuUser, data: LayoutJSON) => Promise<unknown>;
+export declare const loadRemoteConfig: (saveUrl: string, user: VuuUser | undefined, id?: string) => Promise<LayoutJSON>;
+export declare const saveRemoteConfig: (saveUrl: string, user: VuuUser | undefined, data: LayoutJSON) => Promise<unknown>;

package/types/{vuu-shell/src/layout-config → layout-config}/use-layout-config.d.ts

@@ -2,10 +2,10 @@ import { LayoutJSON } from "@vuu-ui/vuu-layout/src/layout-reducer";
 import { VuuUser } from "../shell";
 import { SaveLocation } from "../shellTypes";
 export interface LayoutConfigHookProps {
-    defaultLayout: LayoutJSON;
+    defaultLayout?: LayoutJSON;
     saveLocation: SaveLocation;
     saveUrl?: string;
-    user: VuuUser;
+    user?: VuuUser;
 }
 export type LayoutHookResult = [
     LayoutJSON,

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

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from "react";
+import "./LayoutList.css";
+export declare const LayoutsList: (props: HTMLAttributes<HTMLDivElement>) => JSX.Element;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { LayoutMetadata } from "./layoutTypes";
+import "./SaveLayoutPanel.css";
+type SaveLayoutPanelProps = {
+    onCancel: () => void;
+    onSave: (layoutMetadata: Omit<LayoutMetadata, "id">) => void;
+    componentId?: string;
+};
+export declare const SaveLayoutPanel: (props: SaveLayoutPanelProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export * from "./SaveLayoutPanel";
+export * from "./LayoutList";
+export * from "./layoutTypes";
+export * from "./useLayoutManager";

package/types/layout-management/layoutTypes.d.ts

@@ -0,0 +1,13 @@
+import { LayoutJSON } from "@vuu-ui/vuu-layout";
+export type LayoutMetadata = {
+    name: string;
+    group: string;
+    screenshot: string;
+    user: string;
+    date: string;
+    id: string;
+};
+export type Layout = {
+    json: LayoutJSON;
+    metadata: LayoutMetadata;
+};

package/types/layout-management/useLayoutManager.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { LayoutMetadata, Layout } from "./layoutTypes";
+export declare const LayoutManagementContext: React.Context<{
+    layouts: Layout[];
+    saveLayout: (n: Omit<LayoutMetadata, "id">) => void;
+}>;
+export declare const LayoutManagementProvider: (props: {
+    children: JSX.Element | JSX.Element[];
+}) => JSX.Element;
+export declare const useLayoutManager: () => {
+    layouts: Layout[];
+    saveLayout: (n: Omit<LayoutMetadata, "id">) => void;
+};

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from "react";
+import { FeatureProps } from "../feature";
+import "./LeftNav.css";
+interface LeftNavProps extends HTMLAttributes<HTMLDivElement> {
+    "data-path"?: string;
+    features: FeatureProps[];
+    tableFeatures: FeatureProps[];
+    onResize?: (size: number) => void;
+    sizeCollapsed?: number;
+    sizeContent?: number;
+    sizeExpanded?: number;
+}
+export declare const LeftNav: ({ "data-path": path, features, onResize, sizeCollapsed, sizeContent, sizeExpanded, style: styleProp, tableFeatures, ...htmlAttributes }: LeftNavProps) => JSX.Element;
+export {};

package/types/{vuu-shell/src/shell.d.ts → shell.d.ts}

@@ -1,4 +1,5 @@
 import { HTMLAttributes, ReactElement, ReactNode } from "react";
+import { LayoutProviderProps } from "@vuu-ui/vuu-layout";
 import { LayoutJSON } from "@vuu-ui/vuu-layout/src/layout-reducer";
 import { SaveLocation } from "./shellTypes";
 import "./shell.css";
@@ -7,6 +8,7 @@ export type VuuUser = {
     token: string;
 };
 export interface ShellProps extends HTMLAttributes<HTMLDivElement> {
+    LayoutProps?: Pick<LayoutProviderProps, "createNewChild" | "pathToDropTarget">;
     children?: ReactNode;
     defaultLayout?: LayoutJSON;
     leftSidePanel?: ReactElement;
@@ -17,4 +19,4 @@ export interface ShellProps extends HTMLAttributes<HTMLDivElement> {
     serverUrl?: string;
     user: VuuUser;
 }
-export declare const Shell: ({ children, className: classNameProp, defaultLayout, leftSidePanel, leftSidePanelLayout, loginUrl, saveLocation, saveUrl, serverUrl, user, ...htmlAttributes }: ShellProps) => JSX.Element;
+export declare const Shell: ({ LayoutProps, children, className: classNameProp, defaultLayout, leftSidePanel, leftSidePanelLayout, loginUrl, saveLocation, saveUrl, serverUrl, user, ...htmlAttributes }: ShellProps) => JSX.Element;

package/types/{vuu-shell/src/shellTypes.d.ts → shellTypes.d.ts}

@@ -7,6 +7,10 @@ export interface FeatureConfig {
     title: string;
     url: string;
     css?: string;
+    leftNavLocation: "vuu-features" | "vuu-tables";
+    featureProps?: {
+        schema?: string;
+    };
 }
 export type Features = {
     [key: string]: FeatureConfig;

package/types/vuu-data-react/src/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./useDataSource";
-export * from "./useServerConnectionStatus";
-export * from "./useServerConnectionQuality";
-export * from "./useTypeaheadSuggestions";
-export * from "./useVuuMenuActions";
-export * from "./useVuuTables";

package/types/vuu-data-react/src/hooks/useDataSource.d.ts

@@ -1,24 +0,0 @@
-import { DataSource } from "@vuu-ui/vuu-data";
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-export interface DataSourceHookProps {
-    dataSource: DataSource;
-    renderBufferSize?: number;
-}
-export declare function useDataSource({ dataSource, renderBufferSize, }: DataSourceHookProps): [
-    DataSourceRow[],
-    number,
-    VuuRange,
-    (range: VuuRange) => void
-];
-export declare class MovingWindow {
-    data: DataSourceRow[];
-    rowCount: number;
-    private range;
-    constructor({ from, to }: VuuRange);
-    setRowCount: (rowCount: number) => void;
-    add(data: DataSourceRow): void;
-    getAtIndex(index: number): DataSourceRow | undefined;
-    isWithinRange(index: number): boolean;
-    setRange(from: number, to: number): void;
-}

package/types/vuu-data-react/src/hooks/useServerConnectionQuality.d.ts

@@ -1 +0,0 @@
-export declare const useServerConnectionQuality: () => number;

package/types/vuu-data-react/src/hooks/useServerConnectionStatus.d.ts

@@ -1 +0,0 @@
-export declare const useServerConnectionStatus: () => string;

package/types/vuu-data-react/src/hooks/useTypeaheadSuggestions.d.ts

@@ -1,4 +0,0 @@
-import { TypeaheadParams, VuuTable } from "@vuu-ui/vuu-protocol-types";
-export type SuggestionFetcher = (params: TypeaheadParams) => Promise<string[]>;
-export declare const getTypeaheadParams: (table: VuuTable, column: string, text?: string, selectedValues?: string[]) => TypeaheadParams;
-export declare const useTypeaheadSuggestions: () => SuggestionFetcher;

package/types/vuu-data-react/src/hooks/useVuuMenuActions.d.ts

@@ -1,57 +0,0 @@
-import { DataSource, DataSourceMenusMessage, DataSourceVisualLinkCreatedMessage, DataSourceVisualLinkRemovedMessage, DataSourceVisualLinksMessage, MenuRpcResponse, VuuFeatureInvocationMessage, VuuFeatureMessage, VuuUIMessageInRPCEditReject, VuuUIMessageInRPCEditResponse } from "@vuu-ui/vuu-data";
-import { DataSourceRow, MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
-import { GridAction } from "@vuu-ui/vuu-datagrid-types";
-import { LinkDescriptorWithLabel, VuuMenu, VuuMenuItem, VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import { ColumnMap } from "@vuu-ui/vuu-utils";
-export declare const addRowsFromInstruments = "addRowsFromInstruments";
-export interface VuuCellMenuItem extends VuuMenuItem {
-    rowKey: string;
-    field: string;
-    value: VuuRowDataItemType;
-}
-export interface VuuRowMenuItem extends VuuMenuItem {
-    rowKey: string;
-    row: {
-        [key: string]: VuuRowDataItemType;
-    };
-}
-export declare const isVisualLinksAction: (action: GridAction) => action is DataSourceVisualLinksMessage;
-export declare const isVisualLinkCreatedAction: (action: GridAction) => action is DataSourceVisualLinkCreatedMessage;
-export declare const isVisualLinkRemovedAction: (action: GridAction) => action is DataSourceVisualLinkRemovedMessage;
-export declare const isViewportMenusAction: (action: GridAction) => action is DataSourceMenusMessage;
-export declare const isVuuFeatureAction: (action: GridAction) => action is VuuFeatureMessage;
-export declare const isVuuFeatureInvocation: (action: GridAction) => action is VuuFeatureInvocationMessage;
-export type VuuMenuActionHandler = (type: string, options: unknown) => boolean;
-export interface ViewServerHookResult {
-    buildViewserverMenuOptions: MenuBuilder;
-    handleMenuAction: MenuActionHandler;
-}
-export interface MenuActionConfig {
-    vuuMenu?: VuuMenu;
-    visualLink?: DataSourceVisualLinkCreatedMessage;
-    visualLinks?: LinkDescriptorWithLabel[];
-}
-export type RpcResponseHandler = (response: MenuRpcResponse | VuuUIMessageInRPCEditReject | VuuUIMessageInRPCEditResponse) => void;
-export interface VuuMenuActionHookProps {
-    /**
-     * By default, vuuMenuActions will be handled automatically. When activated, a
-     * message will be sent to server and response will be handled here too.
-     * This prop allows client to provide a custom handler for a menu Item. This will
-     * take priority and if handler returns true, no further processing for the menu
-     * item will be handled by Vuu. This can also be used to prevent an item from being
-     * actioned, even when no custom handling is intended. If the handler returns false,
-     * Vuu will process the menuItem.
-     */
-    clientSideMenuActionHandler?: VuuMenuActionHandler;
-    dataSource: DataSource;
-    menuActionConfig?: MenuActionConfig;
-    onRpcResponse?: RpcResponseHandler;
-}
-export type VuuServerMenuOptions = {
-    columnMap: ColumnMap;
-    columnName: string;
-    row: DataSourceRow;
-    selectedRows: DataSourceRow[];
-    viewport: string;
-};
-export declare const useVuuMenuActions: ({ clientSideMenuActionHandler, dataSource, menuActionConfig, onRpcResponse, }: VuuMenuActionHookProps) => ViewServerHookResult;

package/types/vuu-data-react/src/hooks/useVuuTables.d.ts

@@ -1,2 +0,0 @@
-import { TableSchema } from "@vuu-ui/vuu-data";
-export declare const useVuuTables: () => Map<string, TableSchema> | undefined;

package/types/vuu-data-react/src/index.d.ts

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

package/types/vuu-shell/src/feature/ErrorBoundary.d.ts

@@ -1,11 +0,0 @@
-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/vuu-shell/src/feature/Feature.d.ts

@@ -1,11 +0,0 @@
-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/vuu-shell/src/layout-config/local-config.d.ts

@@ -1,4 +0,0 @@
-import { LayoutJSON } from "@vuu-ui/vuu-layout/src/layout-reducer";
-import { VuuUser } from "../shell";
-export declare const loadLocalConfig: (saveUrl: string, user: VuuUser, id?: string) => Promise<LayoutJSON>;
-export declare const saveLocalConfig: (saveUrl: string, user: VuuUser, data: LayoutJSON) => Promise<undefined>;

package/types/vuu-shell/src/layout-management/SaveLayoutPanel.d.ts

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

package/types/vuu-shell/src/layout-management/index.d.ts

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

package/types/vuu-shell/src/left-nav/LeftNav.d.ts

@@ -1,12 +0,0 @@
-import { HTMLAttributes } from "react";
-import "./LeftNav.css";
-interface LeftNavProps extends HTMLAttributes<HTMLDivElement> {
-    "data-path"?: string;
-    onResize?: (size: number) => void;
-    open?: boolean;
-    sizeCollapsed?: number;
-    sizeContent?: number;
-    sizeExpanded?: number;
-}
-export declare const LeftNav: ({ "data-path": path, onResize, open, sizeCollapsed, sizeContent, sizeExpanded, style: styleProp, ...htmlAttributes }: LeftNavProps) => JSX.Element;
-export {};