@vuu-ui/vuu-utils 0.8.78 → 0.8.80

package/cjs/ShellContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellContext.js","sources":["../src/ShellContext.ts"],"sourcesContent":["import { RpcResponseHandler } from \"packages/vuu-data-types\";\nimport { LookupTableProvider } from \"packages/vuu-shell/src\";\nimport {\n  DefaultColumnConfiguration,\n  DefaultTableConfiguration,\n} from \"packages/vuu-table-types\";\nimport { createContext, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: DefaultColumnConfiguration;\n  getDefaultTableConfig?: DefaultTableConfiguration;\n  getLookupValues?: LookupTableProvider;\n  handleRpcResponse?: RpcResponseHandler;\n}\n\nconst defaultConfig = {};\n\nexport const ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n"],"names":["createContext","useContext"],"mappings":";;;;AAeA,MAAM,gBAAgB,EAAC,CAAA;AAEV,MAAA,YAAA,GAAeA,oBAAiC,aAAa,EAAA;AAEnE,MAAM,kBAAkB,MAAM;AACnC,EAAA,OAAOC,iBAAW,YAAY,CAAA,CAAA;AAChC;;;;;"}
+{"version":3,"file":"ShellContext.js","sources":["../src/ShellContext.ts"],"sourcesContent":["import { RpcResponseHandler } from \"@vuu-ui/vuu-data-types\";\nimport {\n  DefaultColumnConfiguration,\n  DefaultTableConfiguration,\n} from \"packages/vuu-table-types\";\nimport { createContext, useContext } from \"react\";\nimport { LookupTableProvider } from \"./feature-utils\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: DefaultColumnConfiguration;\n  getDefaultTableConfig?: DefaultTableConfiguration;\n  getLookupValues?: LookupTableProvider;\n  handleRpcResponse?: RpcResponseHandler;\n}\n\nconst defaultConfig = {};\n\nexport const ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n"],"names":["createContext","useContext"],"mappings":";;;;AAeA,MAAM,gBAAgB,EAAC,CAAA;AAEV,MAAA,YAAA,GAAeA,oBAAiC,aAAa,EAAA;AAEnE,MAAM,kBAAkB,MAAM;AACnC,EAAA,OAAOC,iBAAW,YAAY,CAAA,CAAA;AAChC;;;;;"}

package/cjs/feature-utils.js

@@ -2,12 +2,26 @@
 
 var arrayUtils = require('./array-utils.js');
 var textUtils = require('./text-utils.js');
+var React = require('react');
+var componentRegistry = require('./component-registry.js');
 
 const env = process.env.NODE_ENV;
+function featureFromJson({
+  type,
+  label
+}) {
+  const componentType = type.match(/^[a-z]/) ? type : componentRegistry.getLayoutComponent(type);
+  if (componentType === void 0) {
+    throw Error(
+      `layoutUtils unable to create component from JSON, unknown type ${type}`
+    );
+  }
+  return React.createElement(componentType, { id: label, key: label });
+}
 const isCustomFeature = (feature) => feature.leftNavLocation === "vuu-features";
 const isWildcardSchema = (schema) => schema === "*";
 const isTableSchema = (schema) => typeof schema === "object" && typeof schema.module === "string" && typeof schema.table === "string";
-const hasFilterTableFeatureProps = (props) => "tableSchema" in (props?.ComponentProps ?? {});
+const hasFilterTableFeatureProps = (props) => typeof props.ComponentProps === "object" && props.ComponentProps !== null && "tableSchema" in props.ComponentProps;
 const byModule = (schema1, schema2) => {
   const m1 = schema1.table.module.toLowerCase();
   const m2 = schema2.table.module.toLowerCase();
@@ -120,13 +134,14 @@ const getCustomAndTableFeatures = (features, vuuTables) => {
       customFeatures.push(feature);
     }
   }
-  return [customFeatures, tableFeatures];
+  return { dynamicFeatures: customFeatures, tableFeatures };
 };
 
 exports.assertComponentRegistered = assertComponentRegistered;
 exports.assertComponentsRegistered = assertComponentsRegistered;
 exports.byModule = byModule;
 exports.env = env;
+exports.featureFromJson = featureFromJson;
 exports.getCustomAndTableFeatures = getCustomAndTableFeatures;
 exports.getFilterTableFeatures = getFilterTableFeatures;
 exports.hasFilterTableFeatureProps = hasFilterTableFeatureProps;

package/cjs/feature-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature-utils.js","sources":["../src/feature-utils.ts"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport type { FeatureProps } from \"@vuu-ui/vuu-shell\";\nimport { partition } from \"./array-utils\";\nimport { wordify } from \"./text-utils\";\n\nexport type PathMap = { [key: string]: Pick<FeatureConfig, \"css\" | \"url\"> };\nexport type Environment = \"development\" | \"production\";\nexport const env = process.env.NODE_ENV as Environment;\n\nexport interface ViewConfig {\n  allowRename?: boolean;\n  closeable?: boolean;\n  header?: boolean;\n}\n\ndeclare global {\n  const vuuConfig: Promise<VuuConfig>;\n}\n\nexport interface FeatureConfig {\n  name: string;\n  title: string;\n  url: string;\n  css?: string;\n  leftNavLocation: \"vuu-features\" | \"vuu-tables\";\n  featureProps?: {\n    schema?: \"*\" | VuuTable;\n    schemas?: VuuTable[];\n  };\n  viewProps?: ViewConfig;\n}\n\nexport interface VuuConfig {\n  features: Features;\n  authUrl?: string;\n  websocketUrl: string;\n  ssl: boolean;\n}\n\nexport interface FilterTableFeatureProps {\n  tableSchema: TableSchema;\n}\n\nexport type Features = {\n  [key: string]: FeatureConfig;\n};\nexport interface VuuConfig {\n  features: Features;\n  authUrl?: string;\n  websocketUrl: string;\n  ssl: boolean;\n}\n\nexport const isCustomFeature = (feature: FeatureConfig) =>\n  feature.leftNavLocation === \"vuu-features\";\n\nexport const isWildcardSchema = (schema?: \"*\" | VuuTable): schema is \"*\" =>\n  schema === \"*\";\nexport const isTableSchema = (schema?: \"*\" | VuuTable): schema is VuuTable =>\n  typeof schema === \"object\" &&\n  typeof schema.module === \"string\" &&\n  typeof schema.table === \"string\";\n\nexport interface FeaturePropsWithFilterTableFeature\n  extends Omit<FeatureProps, \"ComponentProps\"> {\n  ComponentProps: FilterTableFeatureProps;\n}\n\nexport const hasFilterTableFeatureProps = (\n  props: FeatureProps\n): props is FeaturePropsWithFilterTableFeature =>\n  \"tableSchema\" in (props?.ComponentProps ?? {});\n\n// Sort TableScheas by module\nexport const byModule = (schema1: TableSchema, schema2: TableSchema) => {\n  const m1 = schema1.table.module.toLowerCase();\n  const m2 = schema2.table.module.toLowerCase();\n  if (m1 < m2) {\n    return -1;\n  } else if (m1 > m2) {\n    return 1;\n  } else if (schema1.table.table < schema2.table.table) {\n    return -1;\n  } else if (schema1.table.table > schema2.table.table) {\n    return 1;\n  } else {\n    return 0;\n  }\n};\n\nexport type GetFeaturePaths = (params: {\n  env: Environment;\n  fileName: string;\n  withCss?: boolean;\n}) => FeatureProps;\n\nexport const getFilterTableFeatures = (\n  schemas: TableSchema[],\n  getFeaturePath: GetFeaturePaths\n) =>\n  schemas\n    .sort(byModule)\n    .map<FeatureProps<FilterTableFeatureProps>>((schema) => ({\n      ...getFeaturePath({ env, fileName: \"FilterTable\" }),\n      ComponentProps: {\n        tableSchema: schema,\n      },\n      ViewProps: {\n        allowRename: true,\n      },\n      title: `${schema.table.module} ${schema.table.table}`,\n    }));\n\nexport type Component = {\n  componentName: string;\n  component: unknown;\n};\n\nexport const assertComponentRegistered = (\n  componentName: string,\n  component: unknown\n) => {\n  if (typeof component !== \"function\") {\n    console.warn(\n      `${componentName} module not loaded, will be unabale to deserialize from layout JSON`\n    );\n  }\n};\n\nexport const assertComponentsRegistered = (componentList: Component[]) => {\n  for (const { componentName, component } of componentList) {\n    assertComponentRegistered(componentName, component);\n  }\n};\n\nexport const getCustomAndTableFeatures = (\n  features: Features,\n  vuuTables: Map<string, TableSchema>\n): [FeatureProps[], FeatureProps<FilterTableFeatureProps>[]] => {\n  const [customFeatureConfig, tableFeaturesConfig] = partition(\n    Object.values(features),\n    isCustomFeature\n  );\n\n  const customFeatures: FeatureProps[] = [];\n  const tableFeatures: FeatureProps<FilterTableFeatureProps>[] = [];\n\n  for (const {\n    featureProps = {},\n    viewProps,\n    ...feature\n  } of tableFeaturesConfig) {\n    const { schema } = featureProps;\n    if (isWildcardSchema(schema) && vuuTables) {\n      for (const tableSchema of vuuTables.values()) {\n        tableFeatures.push({\n          ...feature,\n          ComponentProps: {\n            tableSchema,\n          },\n          title: `${tableSchema.table.module} ${wordify(\n            tableSchema.table.table\n          )}`,\n          ViewProps: {\n            ...viewProps,\n            allowRename: true,\n          },\n        });\n      }\n    } else if (isTableSchema(schema) && vuuTables) {\n      const tableSchema = vuuTables.get(schema.table);\n      if (tableSchema) {\n        tableFeatures.push({\n          ...feature,\n          ComponentProps: {\n            tableSchema,\n          },\n          ViewProps: viewProps,\n        });\n      }\n    }\n  }\n\n  for (const {\n    featureProps = {},\n    viewProps,\n    ...feature\n  } of customFeatureConfig) {\n    const { schema, schemas } = featureProps;\n    if (isTableSchema(schema) && vuuTables) {\n      const tableSchema = vuuTables.get(schema.table);\n      customFeatures.push({\n        ...feature,\n        ComponentProps: {\n          tableSchema,\n        },\n        ViewProps: viewProps,\n      });\n    } else if (Array.isArray(schemas) && vuuTables) {\n      customFeatures.push({\n        ...feature,\n        ComponentProps: schemas.reduce<Record<string, TableSchema>>(\n          (map, schema) => {\n            map[`${schema.table}Schema`] = vuuTables.get(\n              schema.table\n            ) as TableSchema;\n            return map;\n          },\n          {}\n        ),\n        ViewProps: viewProps,\n      });\n    } else {\n      customFeatures.push(feature);\n    }\n  }\n  return [customFeatures, tableFeatures];\n};\n"],"names":["partition","wordify","schema"],"mappings":"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"}
+{"version":3,"file":"feature-utils.js","sources":["../src/feature-utils.ts"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { ListOption } from \"@vuu-ui/vuu-table-types\";\nimport { partition } from \"./array-utils\";\nimport { wordify } from \"./text-utils\";\nimport React, { ReactElement } from \"react\";\nimport { getLayoutComponent } from \"./component-registry\";\n\nexport type PathMap = {\n  [key: string]: Pick<DynamicFeatureDescriptor, \"css\" | \"url\">;\n};\nexport type Environment = \"development\" | \"production\";\nexport const env = process.env.NODE_ENV as Environment;\n\nexport type LookupTableProvider = (table: VuuTable) => ListOption[];\n\nexport interface ViewConfig {\n  allowRename?: boolean;\n  closeable?: boolean;\n  header?: boolean;\n}\n\nexport interface FeatureProps<P extends object | undefined = object> {\n  /**\n    props that will be passed to the lazily loaded component.\n   */\n  ComponentProps?: P;\n  ViewProps?: ViewConfig;\n  css?: string;\n  height?: number;\n  title?: string;\n  /** \n   The url of javascript bundle to lazily load. Bundle must provide a default export\n   and that export must be a React component.\n   */\n  url: string;\n  width?: number;\n}\n\ndeclare global {\n  const vuuConfig: Promise<VuuConfig>;\n}\n\nexport interface DynamicFeatureDescriptor {\n  name: string;\n  title: string;\n  url: string;\n  css?: string;\n  leftNavLocation: \"vuu-features\" | \"vuu-tables\";\n  featureProps?: {\n    schema?: \"*\" | VuuTable;\n    schemas?: VuuTable[];\n  };\n  viewProps?: ViewConfig;\n}\n\nexport interface StaticFeatureDescriptor {\n  group?: string;\n  label: string;\n  type: string;\n}\n\nexport interface FilterTableFeatureProps {\n  tableSchema: TableSchema;\n}\n\nexport type DynamicFeatures = {\n  [key: string]: DynamicFeatureDescriptor;\n};\n\nexport type StaticFeatures = {\n  [key: string]: StaticFeatureDescriptor;\n};\n\nexport function featureFromJson({\n  type,\n  label,\n}: StaticFeatureDescriptor): ReactElement {\n  const componentType = type.match(/^[a-z]/) ? type : getLayoutComponent(type);\n  if (componentType === undefined) {\n    throw Error(\n      `layoutUtils unable to create component from JSON, unknown type ${type}`\n    );\n  }\n  return React.createElement(componentType, { id: label, key: label });\n}\n\nexport interface VuuConfig {\n  features: DynamicFeatures;\n  authUrl?: string;\n  websocketUrl: string;\n  ssl: boolean;\n}\n\nexport const isCustomFeature = (feature: DynamicFeatureDescriptor) =>\n  feature.leftNavLocation === \"vuu-features\";\n\nexport const isWildcardSchema = (schema?: \"*\" | VuuTable): schema is \"*\" =>\n  schema === \"*\";\nexport const isTableSchema = (schema?: \"*\" | VuuTable): schema is VuuTable =>\n  typeof schema === \"object\" &&\n  typeof schema.module === \"string\" &&\n  typeof schema.table === \"string\";\n\nexport interface FeaturePropsWithFilterTableFeature\n  extends Omit<FeatureProps, \"ComponentProps\"> {\n  ComponentProps: FilterTableFeatureProps;\n}\n\nexport const hasFilterTableFeatureProps = (\n  props: FeatureProps\n): props is FeaturePropsWithFilterTableFeature =>\n  typeof props.ComponentProps === \"object\" &&\n  props.ComponentProps !== null &&\n  \"tableSchema\" in props.ComponentProps;\n\n// Sort TableScheas by module\nexport const byModule = (schema1: TableSchema, schema2: TableSchema) => {\n  const m1 = schema1.table.module.toLowerCase();\n  const m2 = schema2.table.module.toLowerCase();\n  if (m1 < m2) {\n    return -1;\n  } else if (m1 > m2) {\n    return 1;\n  } else if (schema1.table.table < schema2.table.table) {\n    return -1;\n  } else if (schema1.table.table > schema2.table.table) {\n    return 1;\n  } else {\n    return 0;\n  }\n};\n\nexport type GetFeaturePaths = (params: {\n  env: Environment;\n  fileName: string;\n  withCss?: boolean;\n}) => FeatureProps;\n\nexport const getFilterTableFeatures = (\n  schemas: TableSchema[],\n  getFeaturePath: GetFeaturePaths\n) =>\n  schemas\n    .sort(byModule)\n    .map<FeatureProps<FilterTableFeatureProps>>((schema) => ({\n      ...getFeaturePath({ env, fileName: \"FilterTable\" }),\n      ComponentProps: {\n        tableSchema: schema,\n      },\n      ViewProps: {\n        allowRename: true,\n      },\n      title: `${schema.table.module} ${schema.table.table}`,\n    }));\n\nexport type Component = {\n  componentName: string;\n  component: unknown;\n};\n\nexport const assertComponentRegistered = (\n  componentName: string,\n  component: unknown\n) => {\n  if (typeof component !== \"function\") {\n    console.warn(\n      `${componentName} module not loaded, will be unabale to deserialize from layout JSON`\n    );\n  }\n};\n\nexport const assertComponentsRegistered = (componentList: Component[]) => {\n  for (const { componentName, component } of componentList) {\n    assertComponentRegistered(componentName, component);\n  }\n};\n\nexport const getCustomAndTableFeatures = (\n  features: DynamicFeatures,\n  vuuTables: Map<string, TableSchema>\n): {\n  dynamicFeatures: FeatureProps[];\n  tableFeatures: FeatureProps<FilterTableFeatureProps>[];\n} => {\n  const [customFeatureConfig, tableFeaturesConfig] = partition(\n    Object.values(features),\n    isCustomFeature\n  );\n\n  const customFeatures: FeatureProps[] = [];\n  const tableFeatures: FeatureProps<FilterTableFeatureProps>[] = [];\n\n  for (const {\n    featureProps = {},\n    viewProps,\n    ...feature\n  } of tableFeaturesConfig) {\n    const { schema } = featureProps;\n    if (isWildcardSchema(schema) && vuuTables) {\n      for (const tableSchema of vuuTables.values()) {\n        tableFeatures.push({\n          ...feature,\n          ComponentProps: {\n            tableSchema,\n          },\n          title: `${tableSchema.table.module} ${wordify(\n            tableSchema.table.table\n          )}`,\n          ViewProps: {\n            ...viewProps,\n            allowRename: true,\n          },\n        });\n      }\n    } else if (isTableSchema(schema) && vuuTables) {\n      const tableSchema = vuuTables.get(schema.table);\n      if (tableSchema) {\n        tableFeatures.push({\n          ...feature,\n          ComponentProps: {\n            tableSchema,\n          },\n          ViewProps: viewProps,\n        });\n      }\n    }\n  }\n\n  for (const {\n    featureProps = {},\n    viewProps,\n    ...feature\n  } of customFeatureConfig) {\n    const { schema, schemas } = featureProps;\n    if (isTableSchema(schema) && vuuTables) {\n      const tableSchema = vuuTables.get(schema.table);\n      customFeatures.push({\n        ...feature,\n        ComponentProps: {\n          tableSchema,\n        },\n        ViewProps: viewProps,\n      });\n    } else if (Array.isArray(schemas) && vuuTables) {\n      customFeatures.push({\n        ...feature,\n        ComponentProps: schemas.reduce<Record<string, TableSchema>>(\n          (map, schema) => {\n            map[`${schema.table}Schema`] = vuuTables.get(\n              schema.table\n            ) as TableSchema;\n            return map;\n          },\n          {}\n        ),\n        ViewProps: viewProps,\n      });\n    } else {\n      customFeatures.push(feature);\n    }\n  }\n  return { dynamicFeatures: customFeatures, tableFeatures: tableFeatures };\n};\n"],"names":["getLayoutComponent","partition","wordify","schema"],"mappings":"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"}

package/cjs/index.js

@@ -234,6 +234,7 @@ exports.assertComponentRegistered = featureUtils.assertComponentRegistered;
 exports.assertComponentsRegistered = featureUtils.assertComponentsRegistered;
 exports.byModule = featureUtils.byModule;
 exports.env = featureUtils.env;
+exports.featureFromJson = featureUtils.featureFromJson;
 exports.getCustomAndTableFeatures = featureUtils.getCustomAndTableFeatures;
 exports.getFilterTableFeatures = featureUtils.getFilterTableFeatures;
 exports.hasFilterTableFeatureProps = featureUtils.hasFilterTableFeatureProps;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/ShellContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellContext.js","sources":["../src/ShellContext.ts"],"sourcesContent":["import { RpcResponseHandler } from \"packages/vuu-data-types\";\nimport { LookupTableProvider } from \"packages/vuu-shell/src\";\nimport {\n  DefaultColumnConfiguration,\n  DefaultTableConfiguration,\n} from \"packages/vuu-table-types\";\nimport { createContext, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: DefaultColumnConfiguration;\n  getDefaultTableConfig?: DefaultTableConfiguration;\n  getLookupValues?: LookupTableProvider;\n  handleRpcResponse?: RpcResponseHandler;\n}\n\nconst defaultConfig = {};\n\nexport const ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n"],"names":[],"mappings":";;AAeA,MAAM,gBAAgB,EAAC,CAAA;AAEV,MAAA,YAAA,GAAe,cAAiC,aAAa,EAAA;AAEnE,MAAM,kBAAkB,MAAM;AACnC,EAAA,OAAO,WAAW,YAAY,CAAA,CAAA;AAChC;;;;"}
+{"version":3,"file":"ShellContext.js","sources":["../src/ShellContext.ts"],"sourcesContent":["import { RpcResponseHandler } from \"@vuu-ui/vuu-data-types\";\nimport {\n  DefaultColumnConfiguration,\n  DefaultTableConfiguration,\n} from \"packages/vuu-table-types\";\nimport { createContext, useContext } from \"react\";\nimport { LookupTableProvider } from \"./feature-utils\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: DefaultColumnConfiguration;\n  getDefaultTableConfig?: DefaultTableConfiguration;\n  getLookupValues?: LookupTableProvider;\n  handleRpcResponse?: RpcResponseHandler;\n}\n\nconst defaultConfig = {};\n\nexport const ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n"],"names":[],"mappings":";;AAeA,MAAM,gBAAgB,EAAC,CAAA;AAEV,MAAA,YAAA,GAAe,cAAiC,aAAa,EAAA;AAEnE,MAAM,kBAAkB,MAAM;AACnC,EAAA,OAAO,WAAW,YAAY,CAAA,CAAA;AAChC;;;;"}

package/esm/feature-utils.js

@@ -1,11 +1,25 @@
 import { partition } from './array-utils.js';
 import { wordify } from './text-utils.js';
+import React from 'react';
+import { getLayoutComponent } from './component-registry.js';
 
 const env = process.env.NODE_ENV;
+function featureFromJson({
+  type,
+  label
+}) {
+  const componentType = type.match(/^[a-z]/) ? type : getLayoutComponent(type);
+  if (componentType === void 0) {
+    throw Error(
+      `layoutUtils unable to create component from JSON, unknown type ${type}`
+    );
+  }
+  return React.createElement(componentType, { id: label, key: label });
+}
 const isCustomFeature = (feature) => feature.leftNavLocation === "vuu-features";
 const isWildcardSchema = (schema) => schema === "*";
 const isTableSchema = (schema) => typeof schema === "object" && typeof schema.module === "string" && typeof schema.table === "string";
-const hasFilterTableFeatureProps = (props) => "tableSchema" in (props?.ComponentProps ?? {});
+const hasFilterTableFeatureProps = (props) => typeof props.ComponentProps === "object" && props.ComponentProps !== null && "tableSchema" in props.ComponentProps;
 const byModule = (schema1, schema2) => {
   const m1 = schema1.table.module.toLowerCase();
   const m2 = schema2.table.module.toLowerCase();
@@ -118,8 +132,8 @@ const getCustomAndTableFeatures = (features, vuuTables) => {
       customFeatures.push(feature);
     }
   }
-  return [customFeatures, tableFeatures];
+  return { dynamicFeatures: customFeatures, tableFeatures };
 };
 
-export { assertComponentRegistered, assertComponentsRegistered, byModule, env, getCustomAndTableFeatures, getFilterTableFeatures, hasFilterTableFeatureProps, isCustomFeature, isTableSchema, isWildcardSchema };
+export { assertComponentRegistered, assertComponentsRegistered, byModule, env, featureFromJson, getCustomAndTableFeatures, getFilterTableFeatures, hasFilterTableFeatureProps, isCustomFeature, isTableSchema, isWildcardSchema };
 //# sourceMappingURL=feature-utils.js.map

package/esm/feature-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature-utils.js","sources":["../src/feature-utils.ts"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport type { FeatureProps } from \"@vuu-ui/vuu-shell\";\nimport { partition } from \"./array-utils\";\nimport { wordify } from \"./text-utils\";\n\nexport type PathMap = { [key: string]: Pick<FeatureConfig, \"css\" | \"url\"> };\nexport type Environment = \"development\" | \"production\";\nexport const env = process.env.NODE_ENV as Environment;\n\nexport interface ViewConfig {\n  allowRename?: boolean;\n  closeable?: boolean;\n  header?: boolean;\n}\n\ndeclare global {\n  const vuuConfig: Promise<VuuConfig>;\n}\n\nexport interface FeatureConfig {\n  name: string;\n  title: string;\n  url: string;\n  css?: string;\n  leftNavLocation: \"vuu-features\" | \"vuu-tables\";\n  featureProps?: {\n    schema?: \"*\" | VuuTable;\n    schemas?: VuuTable[];\n  };\n  viewProps?: ViewConfig;\n}\n\nexport interface VuuConfig {\n  features: Features;\n  authUrl?: string;\n  websocketUrl: string;\n  ssl: boolean;\n}\n\nexport interface FilterTableFeatureProps {\n  tableSchema: TableSchema;\n}\n\nexport type Features = {\n  [key: string]: FeatureConfig;\n};\nexport interface VuuConfig {\n  features: Features;\n  authUrl?: string;\n  websocketUrl: string;\n  ssl: boolean;\n}\n\nexport const isCustomFeature = (feature: FeatureConfig) =>\n  feature.leftNavLocation === \"vuu-features\";\n\nexport const isWildcardSchema = (schema?: \"*\" | VuuTable): schema is \"*\" =>\n  schema === \"*\";\nexport const isTableSchema = (schema?: \"*\" | VuuTable): schema is VuuTable =>\n  typeof schema === \"object\" &&\n  typeof schema.module === \"string\" &&\n  typeof schema.table === \"string\";\n\nexport interface FeaturePropsWithFilterTableFeature\n  extends Omit<FeatureProps, \"ComponentProps\"> {\n  ComponentProps: FilterTableFeatureProps;\n}\n\nexport const hasFilterTableFeatureProps = (\n  props: FeatureProps\n): props is FeaturePropsWithFilterTableFeature =>\n  \"tableSchema\" in (props?.ComponentProps ?? {});\n\n// Sort TableScheas by module\nexport const byModule = (schema1: TableSchema, schema2: TableSchema) => {\n  const m1 = schema1.table.module.toLowerCase();\n  const m2 = schema2.table.module.toLowerCase();\n  if (m1 < m2) {\n    return -1;\n  } else if (m1 > m2) {\n    return 1;\n  } else if (schema1.table.table < schema2.table.table) {\n    return -1;\n  } else if (schema1.table.table > schema2.table.table) {\n    return 1;\n  } else {\n    return 0;\n  }\n};\n\nexport type GetFeaturePaths = (params: {\n  env: Environment;\n  fileName: string;\n  withCss?: boolean;\n}) => FeatureProps;\n\nexport const getFilterTableFeatures = (\n  schemas: TableSchema[],\n  getFeaturePath: GetFeaturePaths\n) =>\n  schemas\n    .sort(byModule)\n    .map<FeatureProps<FilterTableFeatureProps>>((schema) => ({\n      ...getFeaturePath({ env, fileName: \"FilterTable\" }),\n      ComponentProps: {\n        tableSchema: schema,\n      },\n      ViewProps: {\n        allowRename: true,\n      },\n      title: `${schema.table.module} ${schema.table.table}`,\n    }));\n\nexport type Component = {\n  componentName: string;\n  component: unknown;\n};\n\nexport const assertComponentRegistered = (\n  componentName: string,\n  component: unknown\n) => {\n  if (typeof component !== \"function\") {\n    console.warn(\n      `${componentName} module not loaded, will be unabale to deserialize from layout JSON`\n    );\n  }\n};\n\nexport const assertComponentsRegistered = (componentList: Component[]) => {\n  for (const { componentName, component } of componentList) {\n    assertComponentRegistered(componentName, component);\n  }\n};\n\nexport const getCustomAndTableFeatures = (\n  features: Features,\n  vuuTables: Map<string, TableSchema>\n): [FeatureProps[], FeatureProps<FilterTableFeatureProps>[]] => {\n  const [customFeatureConfig, tableFeaturesConfig] = partition(\n    Object.values(features),\n    isCustomFeature\n  );\n\n  const customFeatures: FeatureProps[] = [];\n  const tableFeatures: FeatureProps<FilterTableFeatureProps>[] = [];\n\n  for (const {\n    featureProps = {},\n    viewProps,\n    ...feature\n  } of tableFeaturesConfig) {\n    const { schema } = featureProps;\n    if (isWildcardSchema(schema) && vuuTables) {\n      for (const tableSchema of vuuTables.values()) {\n        tableFeatures.push({\n          ...feature,\n          ComponentProps: {\n            tableSchema,\n          },\n          title: `${tableSchema.table.module} ${wordify(\n            tableSchema.table.table\n          )}`,\n          ViewProps: {\n            ...viewProps,\n            allowRename: true,\n          },\n        });\n      }\n    } else if (isTableSchema(schema) && vuuTables) {\n      const tableSchema = vuuTables.get(schema.table);\n      if (tableSchema) {\n        tableFeatures.push({\n          ...feature,\n          ComponentProps: {\n            tableSchema,\n          },\n          ViewProps: viewProps,\n        });\n      }\n    }\n  }\n\n  for (const {\n    featureProps = {},\n    viewProps,\n    ...feature\n  } of customFeatureConfig) {\n    const { schema, schemas } = featureProps;\n    if (isTableSchema(schema) && vuuTables) {\n      const tableSchema = vuuTables.get(schema.table);\n      customFeatures.push({\n        ...feature,\n        ComponentProps: {\n          tableSchema,\n        },\n        ViewProps: viewProps,\n      });\n    } else if (Array.isArray(schemas) && vuuTables) {\n      customFeatures.push({\n        ...feature,\n        ComponentProps: schemas.reduce<Record<string, TableSchema>>(\n          (map, schema) => {\n            map[`${schema.table}Schema`] = vuuTables.get(\n              schema.table\n            ) as TableSchema;\n            return map;\n          },\n          {}\n        ),\n        ViewProps: viewProps,\n      });\n    } else {\n      customFeatures.push(feature);\n    }\n  }\n  return [customFeatures, tableFeatures];\n};\n"],"names":["schema"],"mappings":"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"}
+{"version":3,"file":"feature-utils.js","sources":["../src/feature-utils.ts"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { ListOption } from \"@vuu-ui/vuu-table-types\";\nimport { partition } from \"./array-utils\";\nimport { wordify } from \"./text-utils\";\nimport React, { ReactElement } from \"react\";\nimport { getLayoutComponent } from \"./component-registry\";\n\nexport type PathMap = {\n  [key: string]: Pick<DynamicFeatureDescriptor, \"css\" | \"url\">;\n};\nexport type Environment = \"development\" | \"production\";\nexport const env = process.env.NODE_ENV as Environment;\n\nexport type LookupTableProvider = (table: VuuTable) => ListOption[];\n\nexport interface ViewConfig {\n  allowRename?: boolean;\n  closeable?: boolean;\n  header?: boolean;\n}\n\nexport interface FeatureProps<P extends object | undefined = object> {\n  /**\n    props that will be passed to the lazily loaded component.\n   */\n  ComponentProps?: P;\n  ViewProps?: ViewConfig;\n  css?: string;\n  height?: number;\n  title?: string;\n  /** \n   The url of javascript bundle to lazily load. Bundle must provide a default export\n   and that export must be a React component.\n   */\n  url: string;\n  width?: number;\n}\n\ndeclare global {\n  const vuuConfig: Promise<VuuConfig>;\n}\n\nexport interface DynamicFeatureDescriptor {\n  name: string;\n  title: string;\n  url: string;\n  css?: string;\n  leftNavLocation: \"vuu-features\" | \"vuu-tables\";\n  featureProps?: {\n    schema?: \"*\" | VuuTable;\n    schemas?: VuuTable[];\n  };\n  viewProps?: ViewConfig;\n}\n\nexport interface StaticFeatureDescriptor {\n  group?: string;\n  label: string;\n  type: string;\n}\n\nexport interface FilterTableFeatureProps {\n  tableSchema: TableSchema;\n}\n\nexport type DynamicFeatures = {\n  [key: string]: DynamicFeatureDescriptor;\n};\n\nexport type StaticFeatures = {\n  [key: string]: StaticFeatureDescriptor;\n};\n\nexport function featureFromJson({\n  type,\n  label,\n}: StaticFeatureDescriptor): ReactElement {\n  const componentType = type.match(/^[a-z]/) ? type : getLayoutComponent(type);\n  if (componentType === undefined) {\n    throw Error(\n      `layoutUtils unable to create component from JSON, unknown type ${type}`\n    );\n  }\n  return React.createElement(componentType, { id: label, key: label });\n}\n\nexport interface VuuConfig {\n  features: DynamicFeatures;\n  authUrl?: string;\n  websocketUrl: string;\n  ssl: boolean;\n}\n\nexport const isCustomFeature = (feature: DynamicFeatureDescriptor) =>\n  feature.leftNavLocation === \"vuu-features\";\n\nexport const isWildcardSchema = (schema?: \"*\" | VuuTable): schema is \"*\" =>\n  schema === \"*\";\nexport const isTableSchema = (schema?: \"*\" | VuuTable): schema is VuuTable =>\n  typeof schema === \"object\" &&\n  typeof schema.module === \"string\" &&\n  typeof schema.table === \"string\";\n\nexport interface FeaturePropsWithFilterTableFeature\n  extends Omit<FeatureProps, \"ComponentProps\"> {\n  ComponentProps: FilterTableFeatureProps;\n}\n\nexport const hasFilterTableFeatureProps = (\n  props: FeatureProps\n): props is FeaturePropsWithFilterTableFeature =>\n  typeof props.ComponentProps === \"object\" &&\n  props.ComponentProps !== null &&\n  \"tableSchema\" in props.ComponentProps;\n\n// Sort TableScheas by module\nexport const byModule = (schema1: TableSchema, schema2: TableSchema) => {\n  const m1 = schema1.table.module.toLowerCase();\n  const m2 = schema2.table.module.toLowerCase();\n  if (m1 < m2) {\n    return -1;\n  } else if (m1 > m2) {\n    return 1;\n  } else if (schema1.table.table < schema2.table.table) {\n    return -1;\n  } else if (schema1.table.table > schema2.table.table) {\n    return 1;\n  } else {\n    return 0;\n  }\n};\n\nexport type GetFeaturePaths = (params: {\n  env: Environment;\n  fileName: string;\n  withCss?: boolean;\n}) => FeatureProps;\n\nexport const getFilterTableFeatures = (\n  schemas: TableSchema[],\n  getFeaturePath: GetFeaturePaths\n) =>\n  schemas\n    .sort(byModule)\n    .map<FeatureProps<FilterTableFeatureProps>>((schema) => ({\n      ...getFeaturePath({ env, fileName: \"FilterTable\" }),\n      ComponentProps: {\n        tableSchema: schema,\n      },\n      ViewProps: {\n        allowRename: true,\n      },\n      title: `${schema.table.module} ${schema.table.table}`,\n    }));\n\nexport type Component = {\n  componentName: string;\n  component: unknown;\n};\n\nexport const assertComponentRegistered = (\n  componentName: string,\n  component: unknown\n) => {\n  if (typeof component !== \"function\") {\n    console.warn(\n      `${componentName} module not loaded, will be unabale to deserialize from layout JSON`\n    );\n  }\n};\n\nexport const assertComponentsRegistered = (componentList: Component[]) => {\n  for (const { componentName, component } of componentList) {\n    assertComponentRegistered(componentName, component);\n  }\n};\n\nexport const getCustomAndTableFeatures = (\n  features: DynamicFeatures,\n  vuuTables: Map<string, TableSchema>\n): {\n  dynamicFeatures: FeatureProps[];\n  tableFeatures: FeatureProps<FilterTableFeatureProps>[];\n} => {\n  const [customFeatureConfig, tableFeaturesConfig] = partition(\n    Object.values(features),\n    isCustomFeature\n  );\n\n  const customFeatures: FeatureProps[] = [];\n  const tableFeatures: FeatureProps<FilterTableFeatureProps>[] = [];\n\n  for (const {\n    featureProps = {},\n    viewProps,\n    ...feature\n  } of tableFeaturesConfig) {\n    const { schema } = featureProps;\n    if (isWildcardSchema(schema) && vuuTables) {\n      for (const tableSchema of vuuTables.values()) {\n        tableFeatures.push({\n          ...feature,\n          ComponentProps: {\n            tableSchema,\n          },\n          title: `${tableSchema.table.module} ${wordify(\n            tableSchema.table.table\n          )}`,\n          ViewProps: {\n            ...viewProps,\n            allowRename: true,\n          },\n        });\n      }\n    } else if (isTableSchema(schema) && vuuTables) {\n      const tableSchema = vuuTables.get(schema.table);\n      if (tableSchema) {\n        tableFeatures.push({\n          ...feature,\n          ComponentProps: {\n            tableSchema,\n          },\n          ViewProps: viewProps,\n        });\n      }\n    }\n  }\n\n  for (const {\n    featureProps = {},\n    viewProps,\n    ...feature\n  } of customFeatureConfig) {\n    const { schema, schemas } = featureProps;\n    if (isTableSchema(schema) && vuuTables) {\n      const tableSchema = vuuTables.get(schema.table);\n      customFeatures.push({\n        ...feature,\n        ComponentProps: {\n          tableSchema,\n        },\n        ViewProps: viewProps,\n      });\n    } else if (Array.isArray(schemas) && vuuTables) {\n      customFeatures.push({\n        ...feature,\n        ComponentProps: schemas.reduce<Record<string, TableSchema>>(\n          (map, schema) => {\n            map[`${schema.table}Schema`] = vuuTables.get(\n              schema.table\n            ) as TableSchema;\n            return map;\n          },\n          {}\n        ),\n        ViewProps: viewProps,\n      });\n    } else {\n      customFeatures.push(feature);\n    }\n  }\n  return { dynamicFeatures: customFeatures, tableFeatures: tableFeatures };\n};\n"],"names":["schema"],"mappings":"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"}

package/esm/index.js

@@ -18,7 +18,7 @@ export { applyFilterToColumns, extractFilterForColumn, isAndFilter, isCompleteFi
 export { dateFilterAsQuery, filterAsQuery, removeColumnFromFilter } from './filters/filterAsQuery.js';
 export { createEl, dispatchCustomEvent, dispatchKeyboardEvent, dispatchMouseEvent, focusFirstFocusableElement, getClosest, getClosestIndexItem, getElementByDataIndex, getElementDataIndex, getFocusableElement, getScrollbarSize, hasOpenOptionList, isSelectableElement, queryClosest } from './html-utils.js';
 export { EventEmitter } from './event-emitter.js';
-export { assertComponentRegistered, assertComponentsRegistered, byModule, env, getCustomAndTableFeatures, getFilterTableFeatures, hasFilterTableFeatureProps, isCustomFeature, isTableSchema, isWildcardSchema } from './feature-utils.js';
+export { assertComponentRegistered, assertComponentsRegistered, byModule, env, featureFromJson, getCustomAndTableFeatures, getFilterTableFeatures, hasFilterTableFeatureProps, isCustomFeature, isTableSchema, isWildcardSchema } from './feature-utils.js';
 export { getFieldName } from './form-utils.js';
 export { defaultValueFormatter, getValueFormatter, numericFormatter } from './formatting-utils.js';
 export { getUniqueId } from './getUniqueId.js';

package/package.json

@@ -1,17 +1,17 @@
 {
-  "version": "0.8.78",
+  "version": "0.8.80",
   "author": "heswell",
   "license": "Apache-2.0",
   "types": "types/index.d.ts",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.78",
-    "@vuu-ui/vuu-table-types": "0.8.78",
-    "@vuu-ui/vuu-filter-types": "0.8.78",
-    "@vuu-ui/vuu-protocol-types": "0.8.78"
+    "@vuu-ui/vuu-data-types": "0.8.80",
+    "@vuu-ui/vuu-table-types": "0.8.80",
+    "@vuu-ui/vuu-filter-types": "0.8.80",
+    "@vuu-ui/vuu-protocol-types": "0.8.80"
   },
   "peerDependencies": {
     "@internationalized/date": "^3.0.0",
-    "@vuu-ui/vuu-filter-parser": "0.8.78",
+    "@vuu-ui/vuu-filter-parser": "0.8.80",
     "clsx": "^2.0.0",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2"

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { RpcResponseHandler } from "packages/vuu-data-types";
-import { LookupTableProvider } from "packages/vuu-shell/src";
+import { RpcResponseHandler } from "@vuu-ui/vuu-data-types";
 import { DefaultColumnConfiguration, DefaultTableConfiguration } from "packages/vuu-table-types";
+import { LookupTableProvider } from "./feature-utils";
 export interface ShellContextProps {
     getDefaultColumnConfig?: DefaultColumnConfiguration;
     getDefaultTableConfig?: DefaultTableConfiguration;

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

@@ -1,20 +1,38 @@
 import type { TableSchema } from "@vuu-ui/vuu-data-types";
 import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
-import type { FeatureProps } from "@vuu-ui/vuu-shell";
+import { ListOption } from "@vuu-ui/vuu-table-types";
+import { ReactElement } from "react";
 export type PathMap = {
-    [key: string]: Pick<FeatureConfig, "css" | "url">;
+    [key: string]: Pick<DynamicFeatureDescriptor, "css" | "url">;
 };
 export type Environment = "development" | "production";
 export declare const env: Environment;
+export type LookupTableProvider = (table: VuuTable) => ListOption[];
 export interface ViewConfig {
     allowRename?: boolean;
     closeable?: boolean;
     header?: boolean;
 }
+export interface FeatureProps<P extends object | undefined = object> {
+    /**
+      props that will be passed to the lazily loaded component.
+     */
+    ComponentProps?: P;
+    ViewProps?: ViewConfig;
+    css?: string;
+    height?: number;
+    title?: string;
+    /**
+     The url of javascript bundle to lazily load. Bundle must provide a default export
+     and that export must be a React component.
+     */
+    url: string;
+    width?: number;
+}
 declare global {
     const vuuConfig: Promise<VuuConfig>;
 }
-export interface FeatureConfig {
+export interface DynamicFeatureDescriptor {
     name: string;
     title: string;
     url: string;
@@ -26,25 +44,28 @@ export interface FeatureConfig {
     };
     viewProps?: ViewConfig;
 }
-export interface VuuConfig {
-    features: Features;
-    authUrl?: string;
-    websocketUrl: string;
-    ssl: boolean;
+export interface StaticFeatureDescriptor {
+    group?: string;
+    label: string;
+    type: string;
 }
 export interface FilterTableFeatureProps {
     tableSchema: TableSchema;
 }
-export type Features = {
-    [key: string]: FeatureConfig;
+export type DynamicFeatures = {
+    [key: string]: DynamicFeatureDescriptor;
 };
+export type StaticFeatures = {
+    [key: string]: StaticFeatureDescriptor;
+};
+export declare function featureFromJson({ type, label, }: StaticFeatureDescriptor): ReactElement;
 export interface VuuConfig {
-    features: Features;
+    features: DynamicFeatures;
     authUrl?: string;
     websocketUrl: string;
     ssl: boolean;
 }
-export declare const isCustomFeature: (feature: FeatureConfig) => boolean;
+export declare const isCustomFeature: (feature: DynamicFeatureDescriptor) => boolean;
 export declare const isWildcardSchema: (schema?: "*" | VuuTable) => schema is "*";
 export declare const isTableSchema: (schema?: "*" | VuuTable) => schema is VuuTable;
 export interface FeaturePropsWithFilterTableFeature extends Omit<FeatureProps, "ComponentProps"> {
@@ -64,4 +85,7 @@ export type Component = {
 };
 export declare const assertComponentRegistered: (componentName: string, component: unknown) => void;
 export declare const assertComponentsRegistered: (componentList: Component[]) => void;
-export declare const getCustomAndTableFeatures: (features: Features, vuuTables: Map<string, TableSchema>) => [FeatureProps[], FeatureProps<FilterTableFeatureProps>[]];
+export declare const getCustomAndTableFeatures: (features: DynamicFeatures, vuuTables: Map<string, TableSchema>) => {
+    dynamicFeatures: FeatureProps[];
+    tableFeatures: FeatureProps<FilterTableFeatureProps>[];
+};

package/types/vuu-shell/src/ShellContextProvider.d.ts

@@ -1,10 +0,0 @@
-import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
-import { ListOption } from "@vuu-ui/vuu-table-types";
-import { ShellContextProps } from "@vuu-ui/vuu-utils";
-import { ReactElement, ReactNode } from "react";
-export type LookupTableProvider = (table: VuuTable) => ListOption[];
-export interface ShellProviderProps {
-    children: ReactNode;
-    value?: ShellContextProps;
-}
-export declare const ShellContextProvider: ({ children, value, }: ShellProviderProps) => ReactElement;

package/types/vuu-shell/src/app-header/AppHeader.d.ts

@@ -1,6 +0,0 @@
-import { ThemeMode } from "@vuu-ui/vuu-utils";
-import { HTMLAttributes } from "react";
-export interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    themeMode?: ThemeMode;
-}
-export declare const AppHeader: ({ className: classNameProp, themeMode: _, ...htmlAttributes }: AppHeaderProps) => JSX.Element;

package/types/vuu-shell/src/app-header/index.d.ts

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

package/types/vuu-shell/src/application-provider/ApplicationContext.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { Settings, VuuUser } from "@vuu-ui/vuu-utils";
-import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import { SettingsSchema } from "../user-settings";
-export interface ApplicationContextProps {
-    onUserSettingChanged: (propertyName: string, value: VuuRowDataItemType) => void;
-    loginUrl?: string;
-    userSettings?: Settings;
-    userSettingsSchema?: SettingsSchema;
-    user: VuuUser;
-}
-export declare const ApplicationContext: import("react").Context<ApplicationContextProps>;

package/types/vuu-shell/src/application-provider/ApplicationProvider.d.ts

@@ -1,19 +0,0 @@
-import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import { Density, ThemeContextProps } from "@salt-ds/core";
-import { ReactElement, ReactNode } from "react";
-import { ApplicationContextProps } from "./ApplicationContext";
-export interface ApplicationProviderProps extends Partial<Pick<ThemeContextProps, "theme" | "mode">>, Partial<Omit<ApplicationContextProps, "userSettings">> {
-    children: ReactNode;
-    density?: Density;
-}
-export declare const ApplicationProvider: ({ children, density: densityProp, loginUrl, mode, theme, userSettingsSchema: userSettingsSchema, user, }: ApplicationProviderProps) => ReactElement | null;
-export declare const useApplicationUser: () => import("packages/vuu-utils/src").VuuUser;
-export declare const useLoginUrl: () => string | undefined;
-export declare const useApplicationSettings: () => {
-    onUserSettingChanged: (propertyName: string, value: VuuRowDataItemType) => void;
-    userSettings: import("packages/vuu-utils/src").Settings | undefined;
-    userSettingsSchema: import("packages/vuu-shell/src").SettingsSchema | undefined;
-};
-export declare const useUserSetting: () => {
-    userSettings: import("packages/vuu-utils/src").Settings | undefined;
-};

package/types/vuu-shell/src/application-provider/index.d.ts

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

package/types/vuu-shell/src/connection-status/ConnectionStatusIndicator.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-type connectionStatus = "connected" | "reconnected" | "connecting" | "disconnected";
-interface ConnectionStatusProps {
-    connectionStatus: connectionStatus;
-    className?: string;
-    props?: unknown;
-    element?: string;
-}
-export declare const ConnectionStatusIndicator: ({ connectionStatus, className, element, ...props }: ConnectionStatusProps) => JSX.Element;
-export {};

package/types/vuu-shell/src/connection-status/index.d.ts

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

package/types/vuu-shell/src/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/vuu-shell/src/datasource-provider/index.d.ts

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

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

@@ -1,26 +0,0 @@
-import { ViewConfig } from "@vuu-ui/vuu-utils";
-import React from "react";
-export interface FeatureProps<P extends object | undefined = object> {
-    /**
-      props that will be passed to the lazily loaded component.
-     */
-    ComponentProps?: P;
-    ViewProps?: ViewConfig;
-    css?: string;
-    height?: number;
-    title?: string;
-    /**
-     The url of javascript bundle to lazily load. Bundle must provide a default export
-     and that export must be a React component.
-     */
-    url: string;
-    width?: number;
-}
-declare function RawFeature<Params extends object | undefined>({ url, css, ComponentProps: params, ...props }: FeatureProps<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
-  single default export. That export must be a React component.
- */
-export declare const Feature: React.MemoExoticComponent<typeof RawFeature>;
-export {};

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

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

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

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

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

package/types/vuu-shell/src/feature-list/FeatureList.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from "react";
-import { FeatureProps } from "../feature/Feature";
-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>;
-}
-export declare const FeatureList: ({ features, title, ...htmlAttributes }: FeatureListProps) => JSX.Element;

package/types/vuu-shell/src/feature-list/index.d.ts

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

package/types/vuu-shell/src/feature-provider/FeatureProvider.d.ts

@@ -1,14 +0,0 @@
-import { Features, FilterTableFeatureProps } from "@vuu-ui/vuu-utils";
-import { ReactElement, ReactNode } from "react";
-import { FeatureProps } from "../feature/Feature";
-export interface FeatureContextProps {
-    features: FeatureProps[];
-    tableFeatures: FeatureProps<FilterTableFeatureProps>[];
-}
-export interface FeatureProviderProps extends Partial<FeatureContextProps> {
-    children: ReactNode;
-    configuredFeatures: Features;
-}
-export declare const FeatureProvider: ({ children, configuredFeatures, features: featuresProp, tableFeatures: tableFeaturesProp, }: FeatureProviderProps) => ReactElement;
-export type FeaturesHook = (props?: Partial<FeatureContextProps>) => FeatureContextProps;
-export declare const useFeatures: FeaturesHook;

package/types/vuu-shell/src/feature-provider/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./FeatureProvider";
-export * from "./useVuuFeatures";

package/types/vuu-shell/src/feature-provider/useVuuFeatures.d.ts

@@ -1,9 +0,0 @@
-import { Features, FilterTableFeatureProps } from "@vuu-ui/vuu-utils";
-import { FeatureProps } from "../feature/Feature";
-export interface FeaturesHookProps {
-    features: Features;
-}
-export declare const useVuuFeatures: ({ features, }: FeaturesHookProps) => [
-    FeatureProps[],
-    FeatureProps<FilterTableFeatureProps>[]
-];

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

@@ -1,16 +0,0 @@
-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";
-export * from "./login";
-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/vuu-shell/src/left-nav/LeftNav.d.ts

@@ -1,18 +0,0 @@
-import { FilterTableFeatureProps } from "@vuu-ui/vuu-utils";
-import { HTMLAttributes } from "react";
-import { FeatureProps } from "../feature";
-export type NavDisplayStatus = "menu-full" | "menu-icons" | "menu-full-content" | "menu-icons-content";
-export type NavDisplayStatusHandler = (navDisplayStatus: NavDisplayStatus) => void;
-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/vuu-shell/src/left-nav/index.d.ts

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

package/types/vuu-shell/src/login/LoginPanel.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface LoginPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSubmit"> {
-    appName?: string;
-    onSubmit: (username: string, password?: string) => void;
-    requirePassword?: boolean;
-}
-export declare const LoginPanel: ({ appName, className, requirePassword, onSubmit, ...htmlAttributes }: LoginPanelProps) => JSX.Element;

package/types/vuu-shell/src/login/VuuLogo.d.ts

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

package/types/vuu-shell/src/login/index.d.ts

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

package/types/vuu-shell/src/login/login-utils.d.ts

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