@vuu-ui/vuu-shell 0.8.82 → 0.8.83

package/package.json

@@ -1,25 +1,25 @@
 {
-  "version": "0.8.82",
+  "version": "0.8.83",
   "description": "VUU UI Shell",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.82",
-    "@vuu-ui/vuu-protocol-types": "0.8.82",
-    "@vuu-ui/vuu-table-types": "0.8.82"
+    "@vuu-ui/vuu-data-types": "0.8.83",
+    "@vuu-ui/vuu-protocol-types": "0.8.83",
+    "@vuu-ui/vuu-table-types": "0.8.83"
   },
   "dependencies": {
     "@salt-ds/core": "1.34.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-react": "0.8.82",
-    "@vuu-ui/vuu-data-remote": "0.8.82",
-    "@vuu-ui/vuu-icons": "0.8.82",
-    "@vuu-ui/vuu-layout": "0.8.82",
-    "@vuu-ui/vuu-popups": "0.8.82",
-    "@vuu-ui/vuu-table": "0.8.82",
-    "@vuu-ui/vuu-ui-controls": "0.8.82",
-    "@vuu-ui/vuu-utils": "0.8.82",
+    "@vuu-ui/vuu-data-react": "0.8.83",
+    "@vuu-ui/vuu-data-remote": "0.8.83",
+    "@vuu-ui/vuu-icons": "0.8.83",
+    "@vuu-ui/vuu-layout": "0.8.83",
+    "@vuu-ui/vuu-popups": "0.8.83",
+    "@vuu-ui/vuu-table": "0.8.83",
+    "@vuu-ui/vuu-ui-controls": "0.8.83",
+    "@vuu-ui/vuu-utils": "0.8.83",
     "html-to-image": "^1.11.11"
   },
   "peerDependencies": {

package/types/feature/Feature.d.ts

@@ -1,6 +1,6 @@
-import { FeatureProps } from "@vuu-ui/vuu-utils";
+import { DynamicFeatureProps } from "@vuu-ui/vuu-utils";
 import React from "react";
-declare function RawFeature<Params extends object | undefined>({ url, css, ComponentProps: params, ...props }: FeatureProps<Params>): JSX.Element;
+declare function RawFeature<Params extends object | undefined>({ url, css, ComponentProps: params, ...props }: DynamicFeatureProps<Params>): 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

package/types/feature/FeatureErrorBoundary.d.ts

@@ -1,6 +1,6 @@
-import { FeatureProps } from "@vuu-ui/vuu-utils";
+import { DynamicFeatureProps } from "@vuu-ui/vuu-utils";
 import React, { ErrorInfo, ReactNode } from "react";
-export interface FeatureErrorBoundaryProps extends FeatureProps {
+export interface FeatureErrorBoundaryProps extends DynamicFeatureProps {
     children: ReactNode;
 }
 export declare class FeatureErrorBoundary extends React.Component<FeatureErrorBoundaryProps, any> {

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

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

package/types/feature-provider/FeatureProvider.d.ts

@@ -1,15 +1,14 @@
-import { DynamicFeatures, FeatureProps, FilterTableFeatureProps, StaticFeatures } from "@vuu-ui/vuu-utils";
+import { DynamicFeatureDescriptor, DynamicFeatureProps, FilterTableFeatureProps, StaticFeatureDescriptor } from "@vuu-ui/vuu-utils";
 import { ReactElement, ReactNode } from "react";
 export interface FeatureContextProps {
-    dynamicFeatures: FeatureProps[];
-    tableFeatures: FeatureProps<FilterTableFeatureProps>[];
-    staticFeatures?: StaticFeatures;
+    dynamicFeatures?: DynamicFeatureProps[];
+    tableFeatures?: DynamicFeatureProps<FilterTableFeatureProps>[];
+    staticFeatures?: StaticFeatureDescriptor[];
 }
 export interface FeatureProviderProps extends Partial<FeatureContextProps> {
     children: ReactNode;
-    features: DynamicFeatures;
-    staticFeatures?: StaticFeatures;
+    dynamicFeatures?: DynamicFeatureDescriptor[];
+    staticFeatures?: StaticFeatureDescriptor[];
 }
-export declare const FeatureProvider: ({ children, features, staticFeatures, }: FeatureProviderProps) => ReactElement;
-export type FeaturesHook = (props?: Partial<FeatureContextProps>) => FeatureContextProps;
-export declare const useFeatures: FeaturesHook;
+export declare const FeatureProvider: ({ children, dynamicFeatures: dynamicFeaturesProp, staticFeatures, }: FeatureProviderProps) => ReactElement;
+export declare const useFeatures: () => FeatureContextProps;

package/types/index.d.ts

@@ -1,7 +1,6 @@
 export * from "./application-provider";
 export * from "./app-header";
 export * from "./connection-status";
-export * from "./datasource-provider";
 export * from "./feature";
 export * from "./feature-provider";
 export * from "./left-nav";

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

@@ -1,4 +1,3 @@
-import { FeatureProps, FilterTableFeatureProps } from "@vuu-ui/vuu-utils";
 import { HTMLAttributes } from "react";
 export type NavDisplayStatus = "menu-full" | "menu-icons" | "menu-full-content" | "menu-icons-content";
 export type NavDisplayStatusHandler = (navDisplayStatus: NavDisplayStatus) => void;
@@ -6,12 +5,10 @@ export interface LeftNavProps extends HTMLAttributes<HTMLDivElement> {
     "data-path"?: string;
     defaultActiveTabIndex?: number;
     defaultExpanded?: boolean;
-    features?: FeatureProps[];
     onActiveChange?: (activeTabIndex: number) => void;
     onTogglePrimaryMenu?: (expanded: boolean) => void;
     sizeCollapsed?: number;
     sizeContent?: number;
     sizeExpanded?: number;
-    tableFeatures?: FeatureProps<FilterTableFeatureProps>[];
 }
 export declare const LeftNav: (props: LeftNavProps) => JSX.Element;

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

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

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

@@ -1,12 +1,18 @@
 import { HTMLAttributes, ReactElement, ReactNode } from "react";
-import { SidePanelProps } from "./side-panel";
+import { SidePanelProps as ShellSidePanelProps } from "./side-panel";
 declare const LayoutHook: {
     "full-height": ShellLayoutTemplateHook;
     inlay: ShellLayoutTemplateHook;
+    "left-main-tabs": ShellLayoutTemplateHook;
     "simple-content-pane": ShellLayoutTemplateHook;
 };
 export type LayoutTemplateId = keyof typeof LayoutHook;
 export type ShellLayoutTemplateProps = Omit<ShellLayoutProps, "layoutTemplateId">;
+export type ShellToolbarProps = {
+    children: ReactNode;
+    position?: "left";
+    width?: number;
+};
 export type ShellLayoutTemplateHook = (props: ShellLayoutTemplateProps) => ReactElement;
 /**
  * The Shell Layout is the outermost 'chrome' of the appliciation,
@@ -30,7 +36,11 @@ export interface ShellLayoutProps {
     /**
      * If template renders SidePanel, these props will be provided
      */
-    LeftSidePanelProps?: SidePanelProps;
+    SidePanelProps?: ShellSidePanelProps;
+    /**
+     * If template renders Toolbar, these props will be provided
+     */
+    ToolbarProps?: ShellToolbarProps;
 }
 /**
  * This hook acts as a stub for the actual shell layout

package/cjs/datasource-provider/DataSourceProvider.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
-var React = require('react');
-
-const DataSourceContext = React.createContext({
-  isLocalData: false,
-  getServerAPI: vuuDataRemote.getServerAPI,
-  VuuDataSource: vuuDataRemote.VuuDataSource
-});
-const DataSourceProvider = ({
-  children,
-  getServerAPI: getServerAPI2,
-  isLocalData = true,
-  VuuDataSource: VuuDataSource2,
-  vuuModuleName
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DataSourceContext.Provider,
-    {
-      value: { isLocalData, vuuModuleName, VuuDataSource: VuuDataSource2, getServerAPI: getServerAPI2 },
-      children
-    }
-  );
-};
-const useDataSource = () => React.useContext(DataSourceContext);
-
-exports.DataSourceProvider = DataSourceProvider;
-exports.useDataSource = useDataSource;
-//# sourceMappingURL=DataSourceProvider.js.map

package/cjs/datasource-provider/DataSourceProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSourceProvider.js","sources":["../../src/datasource-provider/DataSourceProvider.tsx"],"sourcesContent":["import {\n  getServerAPI,\n  ServerAPI,\n  VuuDataSource,\n} from \"@vuu-ui/vuu-data-remote\";\nimport { DataSource, DataSourceConstructorProps } from \"@vuu-ui/vuu-data-types\";\nimport { createContext, ReactNode, useContext } from \"react\";\n\nexport type DataSourceConstructor = {\n  new (props: DataSourceConstructorProps): DataSource;\n};\n\nexport interface DataSourceContextProps {\n  isLocalData: boolean;\n  VuuDataSource: DataSourceConstructor;\n  vuuModuleName?: string;\n  getServerAPI: () => Promise<\n    Pick<ServerAPI, \"getTableList\" | \"getTableSchema\">\n  >;\n}\n\nconst DataSourceContext = createContext<DataSourceContextProps>({\n  isLocalData: false,\n  getServerAPI,\n  VuuDataSource,\n});\n\n/**\n * If a client is adding a DataSOurceProvider, it will ususlly be\n * to install local test data, so we default isLocalData to true\n */\nexport const DataSourceProvider = ({\n  children,\n  getServerAPI,\n  isLocalData = true,\n  VuuDataSource,\n  vuuModuleName,\n}: Omit<DataSourceContextProps, \"isLocalData\"> & {\n  children: ReactNode;\n  isLocalData?: boolean;\n}) => {\n  return (\n    <DataSourceContext.Provider\n      value={{ isLocalData, vuuModuleName, VuuDataSource, getServerAPI }}\n    >\n      {children}\n    </DataSourceContext.Provider>\n  );\n};\n\nexport const useDataSource = () => useContext(DataSourceContext);\n"],"names":["createContext","getServerAPI","VuuDataSource","jsx","useContext"],"mappings":";;;;;;AAqBA,MAAM,oBAAoBA,mBAAsC,CAAA;AAAA,EAC9D,WAAa,EAAA,KAAA;AAAA,gBACbC,0BAAA;AAAA,iBACAC,2BAAA;AACF,CAAC,CAAA,CAAA;AAMM,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,YAAAD,EAAAA,aAAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,aAAAC,EAAAA,cAAAA;AAAA,EACA,aAAA;AACF,CAGM,KAAA;AACJ,EACE,uBAAAC,cAAA;AAAA,IAAC,iBAAkB,CAAA,QAAA;AAAA,IAAlB;AAAA,MACC,OAAO,EAAE,WAAA,EAAa,eAAe,aAAAD,EAAAA,cAAAA,EAAe,cAAAD,aAAa,EAAA;AAAA,MAEhE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,EAAA;AAEa,MAAA,aAAA,GAAgB,MAAMG,gBAAA,CAAW,iBAAiB;;;;;"}

package/esm/datasource-provider/DataSourceProvider.js

@@ -1,28 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { getServerAPI, VuuDataSource } from '@vuu-ui/vuu-data-remote';
-import { createContext, useContext } from 'react';
-
-const DataSourceContext = createContext({
-  isLocalData: false,
-  getServerAPI,
-  VuuDataSource
-});
-const DataSourceProvider = ({
-  children,
-  getServerAPI: getServerAPI2,
-  isLocalData = true,
-  VuuDataSource: VuuDataSource2,
-  vuuModuleName
-}) => {
-  return /* @__PURE__ */ jsx(
-    DataSourceContext.Provider,
-    {
-      value: { isLocalData, vuuModuleName, VuuDataSource: VuuDataSource2, getServerAPI: getServerAPI2 },
-      children
-    }
-  );
-};
-const useDataSource = () => useContext(DataSourceContext);
-
-export { DataSourceProvider, useDataSource };
-//# sourceMappingURL=DataSourceProvider.js.map

package/esm/datasource-provider/DataSourceProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSourceProvider.js","sources":["../../src/datasource-provider/DataSourceProvider.tsx"],"sourcesContent":["import {\n  getServerAPI,\n  ServerAPI,\n  VuuDataSource,\n} from \"@vuu-ui/vuu-data-remote\";\nimport { DataSource, DataSourceConstructorProps } from \"@vuu-ui/vuu-data-types\";\nimport { createContext, ReactNode, useContext } from \"react\";\n\nexport type DataSourceConstructor = {\n  new (props: DataSourceConstructorProps): DataSource;\n};\n\nexport interface DataSourceContextProps {\n  isLocalData: boolean;\n  VuuDataSource: DataSourceConstructor;\n  vuuModuleName?: string;\n  getServerAPI: () => Promise<\n    Pick<ServerAPI, \"getTableList\" | \"getTableSchema\">\n  >;\n}\n\nconst DataSourceContext = createContext<DataSourceContextProps>({\n  isLocalData: false,\n  getServerAPI,\n  VuuDataSource,\n});\n\n/**\n * If a client is adding a DataSOurceProvider, it will ususlly be\n * to install local test data, so we default isLocalData to true\n */\nexport const DataSourceProvider = ({\n  children,\n  getServerAPI,\n  isLocalData = true,\n  VuuDataSource,\n  vuuModuleName,\n}: Omit<DataSourceContextProps, \"isLocalData\"> & {\n  children: ReactNode;\n  isLocalData?: boolean;\n}) => {\n  return (\n    <DataSourceContext.Provider\n      value={{ isLocalData, vuuModuleName, VuuDataSource, getServerAPI }}\n    >\n      {children}\n    </DataSourceContext.Provider>\n  );\n};\n\nexport const useDataSource = () => useContext(DataSourceContext);\n"],"names":["getServerAPI","VuuDataSource"],"mappings":";;;;AAqBA,MAAM,oBAAoB,aAAsC,CAAA;AAAA,EAC9D,WAAa,EAAA,KAAA;AAAA,EACb,YAAA;AAAA,EACA,aAAA;AACF,CAAC,CAAA,CAAA;AAMM,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,YAAAA,EAAAA,aAAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,aAAAC,EAAAA,cAAAA;AAAA,EACA,aAAA;AACF,CAGM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,iBAAkB,CAAA,QAAA;AAAA,IAAlB;AAAA,MACC,OAAO,EAAE,WAAA,EAAa,eAAe,aAAAA,EAAAA,cAAAA,EAAe,cAAAD,aAAa,EAAA;AAAA,MAEhE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,EAAA;AAEa,MAAA,aAAA,GAAgB,MAAM,UAAA,CAAW,iBAAiB;;;;"}

package/types/datasource-provider/DataSourceProvider.d.ts

@@ -1,21 +0,0 @@
-import { ServerAPI } from "@vuu-ui/vuu-data-remote";
-import { DataSource, DataSourceConstructorProps } from "@vuu-ui/vuu-data-types";
-import { ReactNode } from "react";
-export type DataSourceConstructor = {
-    new (props: DataSourceConstructorProps): DataSource;
-};
-export interface DataSourceContextProps {
-    isLocalData: boolean;
-    VuuDataSource: DataSourceConstructor;
-    vuuModuleName?: string;
-    getServerAPI: () => Promise<Pick<ServerAPI, "getTableList" | "getTableSchema">>;
-}
-/**
- * If a client is adding a DataSOurceProvider, it will ususlly be
- * to install local test data, so we default isLocalData to true
- */
-export declare const DataSourceProvider: ({ children, getServerAPI, isLocalData, VuuDataSource, vuuModuleName, }: Omit<DataSourceContextProps, "isLocalData"> & {
-    children: ReactNode;
-    isLocalData?: boolean | undefined;
-}) => JSX.Element;
-export declare const useDataSource: () => DataSourceContextProps;

package/types/datasource-provider/index.d.ts

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