@vuu-ui/vuu-utils 0.8.76 → 0.8.77

package/cjs/ShellContext.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+
+const defaultConfig = {};
+const ShellContext = React.createContext(defaultConfig);
+const useShellContext = () => {
+  return React.useContext(ShellContext);
+};
+
+exports.ShellContext = ShellContext;
+exports.useShellContext = useShellContext;
+//# sourceMappingURL=ShellContext.js.map

package/cjs/ShellContext.js.map

@@ -0,0 +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;;;;;"}

package/cjs/ThemeProvider.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var React = require('react');
 var cx = require('clsx');
 
 const DEFAULT_DENSITY = "medium";
 const DEFAULT_THEME = "salt-theme";
 const DEFAULT_THEME_MODE = "light";
-const ThemeContext = react.createContext({
+const ThemeContext = React.createContext({
   density: "high",
   theme: "vuu",
   themeMode: "light"
@@ -18,7 +18,7 @@ const DEFAULT_THEME_ATTRIBUTES = [
   "light"
 ];
 const useThemeAttributes = (themeAttributes) => {
-  const context = react.useContext(ThemeContext);
+  const context = React.useContext(ThemeContext);
   if (themeAttributes) {
     return [
       themeAttributes.themeClass,
@@ -35,8 +35,8 @@ const useThemeAttributes = (themeAttributes) => {
   return DEFAULT_THEME_ATTRIBUTES;
 };
 const createThemedChildren = (children, theme, themeMode, density) => {
-  if (react.isValidElement(children)) {
-    return react.cloneElement(children, {
+  if (React.isValidElement(children)) {
+    return React.cloneElement(children, {
       className: cx(
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
         children.props?.className,
@@ -67,7 +67,7 @@ const ThemeProvider = ({
     density: inheritedDensity,
     themeMode: inheritedThemeMode,
     theme: inheritedTheme
-  } = react.useContext(ThemeContext);
+  } = React.useContext(ThemeContext);
   const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;
   const themeMode = themeModeProp ?? inheritedThemeMode ?? DEFAULT_THEME_MODE;
   const theme = themeProp ?? inheritedTheme ?? DEFAULT_THEME;

package/cjs/component-registry.js

@@ -21,19 +21,10 @@ const isTypeCompatible = (rendererType, serverDataType) => {
     return rendererType === serverDataType;
   }
 };
-const assertComponentRegistered = (componentType) => {
-  if (!layoutComponentsMap.has(componentType)) {
-    console.warn(
-      `isContainer check on ${componentType}, which has not been registered`
-    );
-  }
-};
 const isContainer = (componentType) => {
-  assertComponentRegistered(componentType);
   return containersSet.has(componentType);
 };
 const isView = (componentType) => {
-  assertComponentRegistered(componentType);
   return viewsSet.has(componentType);
 };
 const isLayoutComponent = (componentType) => isContainer(componentType) || isView(componentType);

package/cjs/component-registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-registry.js","sources":["../src/component-registry.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuColumnDataType,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDescriptor,\n  ColumnDescriptorCustomRenderer,\n  ColumnTypeRendering,\n  EditValidationRule,\n  HeaderCellProps,\n  TableCellRendererProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport { FunctionComponent as FC, HTMLAttributes } from \"react\";\nimport {\n  ColumnMap,\n  isColumnTypeRenderer,\n  isTypeDescriptor,\n} from \"./column-utils\";\n\nexport interface CellConfigPanelProps extends HTMLAttributes<HTMLDivElement> {\n  onConfigChange: () => void;\n}\n\nexport type PropertyChangeHandler = (\n  propertyName: string,\n  propertyValue: string | number | boolean\n) => void;\n\nexport type ColumnRenderPropsChangeHandler = (\n  renderProps: ColumnTypeRendering\n) => void;\n\nexport interface ConfigurationEditorProps {\n  column: ColumnDescriptorCustomRenderer;\n  onChangeRendering: ColumnRenderPropsChangeHandler;\n}\n\nexport type RowClassNameGenerator = (\n  row: DataSourceRow,\n  columnMap: ColumnMap\n) => string | undefined;\n\nexport type RowClassGenerator = {\n  id: string;\n  fn: RowClassNameGenerator;\n};\n\nexport type ConfigEditorComponent = FC<CellConfigPanelProps>;\n\nconst containersSet = new Set<string>();\nconst viewsSet = new Set<string>();\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst layoutComponentsMap = new Map<string, FC<any>>();\nconst cellRenderersMap = new Map<string, FC<TableCellRendererProps>>();\nconst columnHeaderRenderersMap = new Map<string, FC<HeaderCellProps>>();\nconst configEditorsMap = new Map<string, FC<ConfigurationEditorProps>>();\nconst cellConfigPanelsMap = new Map<string, ConfigEditorComponent>();\nconst editRuleValidatorsMap = new Map<string, EditRuleValidator>();\nconst optionsMap = new Map<string, CellRendererOptions>();\nconst rowClassGeneratorsMap = new Map<string, RowClassGenerator>();\n\nexport type EditRuleValidator = (\n  editRule: EditValidationRule,\n  value?: VuuRowDataItemType\n) => boolean | string;\n\nexport type layoutComponentType = \"container\" | \"view\";\n\nexport type ComponentType =\n  | layoutComponentType\n  | \"cell-renderer\"\n  | \"cell-config-panel\"\n  | \"column-header-content-renderer\"\n  | \"column-header-label-renderer\"\n  | \"component\"\n  | \"data-edit-validator\"\n  | \"row-class-generator\";\n\ntype CellRendererOptions = {\n  configEditor?: string;\n  description?: string;\n  label?: string;\n  serverDataType?: VuuColumnDataType | VuuColumnDataType[] | \"json\" | \"private\";\n  userCanAssign?: boolean;\n};\nexport interface CellRendererDescriptor extends CellRendererOptions {\n  name: string;\n}\n\nconst isTypeCompatible = (\n  rendererType:\n    | VuuColumnDataType\n    | (VuuColumnDataType | \"json\")[]\n    | \"json\"\n    | \"private\"\n    | undefined,\n  serverDataType: VuuColumnDataType | \"json\"\n) => {\n  if (rendererType === undefined || rendererType === \"private\") {\n    return true;\n  } else if (Array.isArray(rendererType)) {\n    return rendererType.includes(serverDataType);\n  } else {\n    return rendererType === serverDataType;\n  }\n};\n\nconst assertComponentRegistered = (componentType: string) => {\n  if (!layoutComponentsMap.has(componentType)) {\n    console.warn(\n      `isContainer check on ${componentType}, which has not been registered`\n    );\n  }\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isContainer = (componentType: string) => {\n  assertComponentRegistered(componentType);\n  return containersSet.has(componentType);\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isView = (componentType: string) => {\n  assertComponentRegistered(componentType);\n  return viewsSet.has(componentType);\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isLayoutComponent = (\n  componentType: string\n): componentType is layoutComponentType =>\n  isContainer(componentType) || isView(componentType);\n\nconst isCellRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<TableCellRendererProps> =>\n  component !== undefined && type === \"cell-renderer\";\n\nconst isColumnHeaderContentRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<HeaderCellProps> =>\n  type === \"column-header-content-renderer\";\nconst isColumnHeaderLabelRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<HeaderCellProps> => type === \"column-header-label-renderer\";\n\nconst isCellConfigPanel = (\n  type: ComponentType,\n  component: unknown\n): component is FC<CellConfigPanelProps> => type === \"cell-config-panel\";\n\nconst isEditRuleValidator = (\n  type: ComponentType,\n  component: unknown\n): component is EditRuleValidator => type === \"data-edit-validator\";\n\nconst isRowClassGenerator = (\n  type: ComponentType,\n  component: unknown\n): component is RowClassGenerator => type === \"row-class-generator\";\n\nexport function registerComponent(\n  componentName: string,\n  component: RowClassGenerator,\n  componentType: \"row-class-generator\",\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  component: EditRuleValidator,\n  componentType: \"data-edit-validator\",\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  // unknown won't work for us here, we'll get the default children\n  // definition for FC which conflicts with some components props.\n  // VoidFunctionComponent doesn't help either\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: FC<any>,\n  componentType: Omit<\n    ComponentType,\n    \"data-edit-validator\" | \"row-class-generator\"\n  >,\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  componentType: any,\n  options?: CellRendererOptions\n): void {\n  if (\n    componentType === \"container\" ||\n    componentType === \"view\" ||\n    componentType === \"component\"\n  ) {\n    layoutComponentsMap.set(componentName, component);\n    if (componentType === \"container\") {\n      containersSet.add(componentName);\n    } else if (componentType === \"view\") {\n      viewsSet.add(componentName);\n    }\n  } else if (isCellRenderer(componentType, component)) {\n    cellRenderersMap.set(componentName, component);\n  } else if (isColumnHeaderContentRenderer(componentType, component)) {\n    columnHeaderRenderersMap.set(componentName, component);\n  } else if (isColumnHeaderLabelRenderer(componentType, component)) {\n    columnHeaderRenderersMap.set(componentName, component);\n  } else if (isCellConfigPanel(componentType, component)) {\n    cellConfigPanelsMap.set(componentName, component);\n  } else if (isEditRuleValidator(componentType, component)) {\n    editRuleValidatorsMap.set(componentName, component);\n  } else if (isRowClassGenerator(componentType, component)) {\n    rowClassGeneratorsMap.set(componentName, component);\n  }\n  if (options) {\n    optionsMap.set(componentName, options);\n  }\n}\n\nexport const registerConfigurationEditor = (\n  componentName: string,\n  configurationEditor: FC<ConfigurationEditorProps>\n) => {\n  configEditorsMap.set(componentName, configurationEditor);\n};\n\n// This is invoked by settings panel to allow users to assign\n// non-default, cell renderers. Ignore renderers registered\n// with the attribute userCanAssign = false\nexport const getRegisteredCellRenderers = (\n  serverDataType?: VuuColumnDataType | \"json\"\n): CellRendererDescriptor[] => {\n  const rendererNames = Array.from(cellRenderersMap.keys());\n  const allRenderers = rendererNames\n    .map<CellRendererDescriptor>((name) => ({\n      name,\n      ...(optionsMap.get(name) as CellRendererOptions),\n    }))\n    .filter(({ userCanAssign }) => userCanAssign !== false);\n  if (serverDataType) {\n    return allRenderers.filter((renderer) =>\n      isTypeCompatible(renderer.serverDataType, serverDataType)\n    );\n  } else {\n    return allRenderers;\n  }\n};\n\nexport const getLayoutComponent = (componentName: string) => {\n  const layoutComponent = layoutComponentsMap.get(componentName);\n  if (layoutComponent) {\n    return layoutComponent;\n  } else {\n    throw Error(\n      `layout component ${componentName} not found in ComponentRegistry`\n    );\n  }\n};\n\nexport const getCellRendererOptions = (renderName: string) =>\n  optionsMap.get(renderName);\n\nexport function getCellRenderer(column: ColumnDescriptor) {\n  return dataCellRenderer(column);\n}\nexport function getColumnHeaderContentRenderer(column: ColumnDescriptor) {\n  if (column.colHeaderContentRenderer) {\n    return columnHeaderRenderersMap.get(column.colHeaderContentRenderer);\n  }\n}\nexport function getColumnHeaderLabelRenderer(column: ColumnDescriptor) {\n  if (column.colHeaderLabelRenderer) {\n    return columnHeaderRenderersMap.get(column.colHeaderLabelRenderer);\n  }\n}\nexport const getRowClassNameGenerator = (generatorId: string) =>\n  rowClassGeneratorsMap.get(generatorId);\n\nexport function getConfigurationEditor(configEditor = \"\") {\n  return configEditorsMap.get(configEditor);\n}\n\nexport function getCellConfigPanelRenderer(name: string) {\n  return cellConfigPanelsMap.get(name);\n}\n\nexport function getEditRuleValidator(name: string) {\n  return editRuleValidatorsMap.get(name);\n}\n\nfunction dataCellRenderer(column: ColumnDescriptor) {\n  if (isTypeDescriptor(column.type)) {\n    const { renderer } = column.type;\n    if (isColumnTypeRenderer(renderer)) {\n      return cellRenderersMap.get(renderer.name);\n    }\n  } else if (column.serverDataType === \"boolean\") {\n    return cellRenderersMap.get(\"checkbox-cell\");\n  } else if (column.editable) {\n    // we can only offer a text input edit as a generic editor.\n    // If a more specialised editor is required, user must configure\n    // it in column config.\n    return cellRenderersMap.get(\"input-cell\");\n  }\n}\n"],"names":["isTypeDescriptor","isColumnTypeRenderer"],"mappings":"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"}
+{"version":3,"file":"component-registry.js","sources":["../src/component-registry.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuColumnDataType,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDescriptor,\n  ColumnDescriptorCustomRenderer,\n  ColumnTypeRendering,\n  EditValidationRule,\n  HeaderCellProps,\n  TableCellRendererProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport { FunctionComponent as FC, HTMLAttributes } from \"react\";\nimport {\n  ColumnMap,\n  isColumnTypeRenderer,\n  isTypeDescriptor,\n} from \"./column-utils\";\n\nexport interface CellConfigPanelProps extends HTMLAttributes<HTMLDivElement> {\n  onConfigChange: () => void;\n}\n\nexport type PropertyChangeHandler = (\n  propertyName: string,\n  propertyValue: string | number | boolean\n) => void;\n\nexport type ColumnRenderPropsChangeHandler = (\n  renderProps: ColumnTypeRendering\n) => void;\n\nexport interface ConfigurationEditorProps {\n  column: ColumnDescriptorCustomRenderer;\n  onChangeRendering: ColumnRenderPropsChangeHandler;\n}\n\nexport type RowClassNameGenerator = (\n  row: DataSourceRow,\n  columnMap: ColumnMap\n) => string | undefined;\n\nexport type RowClassGenerator = {\n  id: string;\n  fn: RowClassNameGenerator;\n};\n\nexport type ConfigEditorComponent = FC<CellConfigPanelProps>;\n\nconst containersSet = new Set<string>();\nconst viewsSet = new Set<string>();\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst layoutComponentsMap = new Map<string, FC<any>>();\nconst cellRenderersMap = new Map<string, FC<TableCellRendererProps>>();\nconst columnHeaderRenderersMap = new Map<string, FC<HeaderCellProps>>();\nconst configEditorsMap = new Map<string, FC<ConfigurationEditorProps>>();\nconst cellConfigPanelsMap = new Map<string, ConfigEditorComponent>();\nconst editRuleValidatorsMap = new Map<string, EditRuleValidator>();\nconst optionsMap = new Map<string, CellRendererOptions>();\nconst rowClassGeneratorsMap = new Map<string, RowClassGenerator>();\n\nexport type EditRuleValidator = (\n  editRule: EditValidationRule,\n  value?: VuuRowDataItemType\n) => boolean | string;\n\nexport type layoutComponentType = \"container\" | \"view\";\n\nexport type ComponentType =\n  | layoutComponentType\n  | \"cell-renderer\"\n  | \"cell-config-panel\"\n  | \"column-header-content-renderer\"\n  | \"column-header-label-renderer\"\n  | \"component\"\n  | \"data-edit-validator\"\n  | \"row-class-generator\";\n\ntype CellRendererOptions = {\n  configEditor?: string;\n  description?: string;\n  label?: string;\n  serverDataType?: VuuColumnDataType | VuuColumnDataType[] | \"json\" | \"private\";\n  userCanAssign?: boolean;\n};\nexport interface CellRendererDescriptor extends CellRendererOptions {\n  name: string;\n}\n\nconst isTypeCompatible = (\n  rendererType:\n    | VuuColumnDataType\n    | (VuuColumnDataType | \"json\")[]\n    | \"json\"\n    | \"private\"\n    | undefined,\n  serverDataType: VuuColumnDataType | \"json\"\n) => {\n  if (rendererType === undefined || rendererType === \"private\") {\n    return true;\n  } else if (Array.isArray(rendererType)) {\n    return rendererType.includes(serverDataType);\n  } else {\n    return rendererType === serverDataType;\n  }\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isContainer = (componentType: string) => {\n  return containersSet.has(componentType);\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isView = (componentType: string) => {\n  return viewsSet.has(componentType);\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isLayoutComponent = (\n  componentType: string\n): componentType is layoutComponentType =>\n  isContainer(componentType) || isView(componentType);\n\nconst isCellRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<TableCellRendererProps> =>\n  component !== undefined && type === \"cell-renderer\";\n\nconst isColumnHeaderContentRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<HeaderCellProps> =>\n  type === \"column-header-content-renderer\";\nconst isColumnHeaderLabelRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<HeaderCellProps> => type === \"column-header-label-renderer\";\n\nconst isCellConfigPanel = (\n  type: ComponentType,\n  component: unknown\n): component is FC<CellConfigPanelProps> => type === \"cell-config-panel\";\n\nconst isEditRuleValidator = (\n  type: ComponentType,\n  component: unknown\n): component is EditRuleValidator => type === \"data-edit-validator\";\n\nconst isRowClassGenerator = (\n  type: ComponentType,\n  component: unknown\n): component is RowClassGenerator => type === \"row-class-generator\";\n\nexport function registerComponent(\n  componentName: string,\n  component: RowClassGenerator,\n  componentType: \"row-class-generator\",\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  component: EditRuleValidator,\n  componentType: \"data-edit-validator\",\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  // unknown won't work for us here, we'll get the default children\n  // definition for FC which conflicts with some components props.\n  // VoidFunctionComponent doesn't help either\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: FC<any>,\n  componentType: Omit<\n    ComponentType,\n    \"data-edit-validator\" | \"row-class-generator\"\n  >,\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  componentType: any,\n  options?: CellRendererOptions\n): void {\n  if (\n    componentType === \"container\" ||\n    componentType === \"view\" ||\n    componentType === \"component\"\n  ) {\n    layoutComponentsMap.set(componentName, component);\n    if (componentType === \"container\") {\n      containersSet.add(componentName);\n    } else if (componentType === \"view\") {\n      viewsSet.add(componentName);\n    }\n  } else if (isCellRenderer(componentType, component)) {\n    cellRenderersMap.set(componentName, component);\n  } else if (isColumnHeaderContentRenderer(componentType, component)) {\n    columnHeaderRenderersMap.set(componentName, component);\n  } else if (isColumnHeaderLabelRenderer(componentType, component)) {\n    columnHeaderRenderersMap.set(componentName, component);\n  } else if (isCellConfigPanel(componentType, component)) {\n    cellConfigPanelsMap.set(componentName, component);\n  } else if (isEditRuleValidator(componentType, component)) {\n    editRuleValidatorsMap.set(componentName, component);\n  } else if (isRowClassGenerator(componentType, component)) {\n    rowClassGeneratorsMap.set(componentName, component);\n  }\n  if (options) {\n    optionsMap.set(componentName, options);\n  }\n}\n\nexport const registerConfigurationEditor = (\n  componentName: string,\n  configurationEditor: FC<ConfigurationEditorProps>\n) => {\n  configEditorsMap.set(componentName, configurationEditor);\n};\n\n// This is invoked by settings panel to allow users to assign\n// non-default, cell renderers. Ignore renderers registered\n// with the attribute userCanAssign = false\nexport const getRegisteredCellRenderers = (\n  serverDataType?: VuuColumnDataType | \"json\"\n): CellRendererDescriptor[] => {\n  const rendererNames = Array.from(cellRenderersMap.keys());\n  const allRenderers = rendererNames\n    .map<CellRendererDescriptor>((name) => ({\n      name,\n      ...(optionsMap.get(name) as CellRendererOptions),\n    }))\n    .filter(({ userCanAssign }) => userCanAssign !== false);\n  if (serverDataType) {\n    return allRenderers.filter((renderer) =>\n      isTypeCompatible(renderer.serverDataType, serverDataType)\n    );\n  } else {\n    return allRenderers;\n  }\n};\n\nexport const getLayoutComponent = (componentName: string) => {\n  const layoutComponent = layoutComponentsMap.get(componentName);\n  if (layoutComponent) {\n    return layoutComponent;\n  } else {\n    throw Error(\n      `layout component ${componentName} not found in ComponentRegistry`\n    );\n  }\n};\n\nexport const getCellRendererOptions = (renderName: string) =>\n  optionsMap.get(renderName);\n\nexport function getCellRenderer(column: ColumnDescriptor) {\n  return dataCellRenderer(column);\n}\nexport function getColumnHeaderContentRenderer(column: ColumnDescriptor) {\n  if (column.colHeaderContentRenderer) {\n    return columnHeaderRenderersMap.get(column.colHeaderContentRenderer);\n  }\n}\nexport function getColumnHeaderLabelRenderer(column: ColumnDescriptor) {\n  if (column.colHeaderLabelRenderer) {\n    return columnHeaderRenderersMap.get(column.colHeaderLabelRenderer);\n  }\n}\nexport const getRowClassNameGenerator = (generatorId: string) =>\n  rowClassGeneratorsMap.get(generatorId);\n\nexport function getConfigurationEditor(configEditor = \"\") {\n  return configEditorsMap.get(configEditor);\n}\n\nexport function getCellConfigPanelRenderer(name: string) {\n  return cellConfigPanelsMap.get(name);\n}\n\nexport function getEditRuleValidator(name: string) {\n  return editRuleValidatorsMap.get(name);\n}\n\nfunction dataCellRenderer(column: ColumnDescriptor) {\n  if (isTypeDescriptor(column.type)) {\n    const { renderer } = column.type;\n    if (isColumnTypeRenderer(renderer)) {\n      return cellRenderersMap.get(renderer.name);\n    }\n  } else if (column.serverDataType === \"boolean\") {\n    return cellRenderersMap.get(\"checkbox-cell\");\n  } else if (column.editable) {\n    // we can only offer a text input edit as a generic editor.\n    // If a more specialised editor is required, user must configure\n    // it in column config.\n    return cellRenderersMap.get(\"input-cell\");\n  }\n}\n"],"names":["isTypeDescriptor","isColumnTypeRenderer"],"mappings":"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"}

package/cjs/context-definitions/WorkspaceContext.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+
+const WorkspaceContext = React.createContext({
+  getApplicationSettings: () => void 0,
+  layoutMetadata: [],
+  saveLayout: () => void 0,
+  saveApplicationLayout: () => void 0,
+  saveApplicationSettings: () => void 0,
+  loadLayoutById: () => void 0
+});
+const usePlaceholderJSON = () => {
+  const { layoutPlaceholderJSON } = React.useContext(WorkspaceContext);
+  return layoutPlaceholderJSON;
+};
+
+exports.WorkspaceContext = WorkspaceContext;
+exports.usePlaceholderJSON = usePlaceholderJSON;
+//# sourceMappingURL=WorkspaceContext.js.map

package/cjs/context-definitions/WorkspaceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceContext.js","sources":["../../src/context-definitions/WorkspaceContext.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport {\n  ApplicationSetting,\n  ApplicationSettings,\n  LayoutJSON,\n} from \"../json-types\";\nimport { LayoutMetadata, LayoutMetadataDto } from \"../layout-types\";\n\nexport interface WorkspaceContextProps {\n  layoutMetadata: LayoutMetadata[];\n  layoutPlaceholderJSON?: LayoutJSON;\n  getApplicationSettings: (\n    key?: keyof ApplicationSettings\n  ) => ApplicationSettings | ApplicationSetting | undefined;\n  loadLayoutById: (id: string) => void;\n  saveApplicationSettings: (\n    settings: ApplicationSettings | ApplicationSetting,\n    key?: keyof ApplicationSettings\n  ) => void;\n  saveLayout: (n: LayoutMetadataDto) => void;\n  saveApplicationLayout: (layout: LayoutJSON) => void;\n  workspaceJSON?: LayoutJSON;\n}\n\nexport const WorkspaceContext = React.createContext<WorkspaceContextProps>({\n  getApplicationSettings: () => undefined,\n  layoutMetadata: [],\n  saveLayout: () => undefined,\n  saveApplicationLayout: () => undefined,\n  saveApplicationSettings: () => undefined,\n  loadLayoutById: () => undefined,\n});\n\nexport const usePlaceholderJSON = () => {\n  const { layoutPlaceholderJSON } = useContext(WorkspaceContext);\n  return layoutPlaceholderJSON;\n};\n"],"names":["useContext"],"mappings":";;;;AAwBa,MAAA,gBAAA,GAAmB,MAAM,aAAqC,CAAA;AAAA,EACzE,wBAAwB,MAAM,KAAA,CAAA;AAAA,EAC9B,gBAAgB,EAAC;AAAA,EACjB,YAAY,MAAM,KAAA,CAAA;AAAA,EAClB,uBAAuB,MAAM,KAAA,CAAA;AAAA,EAC7B,yBAAyB,MAAM,KAAA,CAAA;AAAA,EAC/B,gBAAgB,MAAM,KAAA,CAAA;AACxB,CAAC,EAAA;AAEM,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM,EAAE,qBAAA,EAA0B,GAAAA,gBAAA,CAAW,gBAAgB,CAAA,CAAA;AAC7D,EAAO,OAAA,qBAAA,CAAA;AACT;;;;;"}

package/cjs/index.js

@@ -53,6 +53,8 @@ var tsUtils = require('./ts-utils.js');
 var urlUtils = require('./url-utils.js');
 var useId = require('./useId.js');
 var useLayoutEffectSkipFirst = require('./useLayoutEffectSkipFirst.js');
+var ShellContext = require('./ShellContext.js');
+var WorkspaceContext = require('./context-definitions/WorkspaceContext.js');
 
 
 
@@ -327,4 +329,8 @@ exports.getUrlParameter = urlUtils.getUrlParameter;
 exports.hasUrlParameter = urlUtils.hasUrlParameter;
 exports.useId = useId.useId;
 exports.useLayoutEffectSkipFirst = useLayoutEffectSkipFirst.useLayoutEffectSkipFirst;
+exports.ShellContext = ShellContext.ShellContext;
+exports.useShellContext = ShellContext.useShellContext;
+exports.WorkspaceContext = WorkspaceContext.WorkspaceContext;
+exports.usePlaceholderJSON = WorkspaceContext.usePlaceholderJSON;
 //# sourceMappingURL=index.js.map

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/cjs/react-utils.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 
 const EMPTY_ARRAY = [];
 const asReactElements = (children) => {
   const isArray = Array.isArray(children);
-  const count = isArray ? children.length : react.Children.count(children);
-  if (isArray && children.every(react.isValidElement)) {
+  const count = isArray ? children.length : React.Children.count(children);
+  if (isArray && children.every(React.isValidElement)) {
     return children;
-  } else if (count === 1 && !isArray && react.isValidElement(children)) {
+  } else if (count === 1 && !isArray && React.isValidElement(children)) {
     return [children];
   } else if (count > 1) {
     return children;

package/cjs/useId.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 
 let vuuComponentIdCount = 0;
-const useId = (id) => react.useMemo(() => id ?? `vuu-${++vuuComponentIdCount}`, [id]);
+const useId = (id) => React.useMemo(() => id ?? `vuu-${++vuuComponentIdCount}`, [id]);
 
 exports.useId = useId;
 //# sourceMappingURL=useId.js.map

package/cjs/useLayoutEffectSkipFirst.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 
 const useLayoutEffectSkipFirst = (func, deps) => {
-  const goodToGo = react.useRef(false);
-  react.useLayoutEffect(() => {
+  const goodToGo = React.useRef(false);
+  React.useLayoutEffect(() => {
     if (goodToGo.current) {
       func();
     } else {

package/esm/ShellContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+
+const defaultConfig = {};
+const ShellContext = createContext(defaultConfig);
+const useShellContext = () => {
+  return useContext(ShellContext);
+};
+
+export { ShellContext, useShellContext };
+//# sourceMappingURL=ShellContext.js.map

package/esm/ShellContext.js.map

@@ -0,0 +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;;;;"}

package/esm/component-registry.js

@@ -19,19 +19,10 @@ const isTypeCompatible = (rendererType, serverDataType) => {
     return rendererType === serverDataType;
   }
 };
-const assertComponentRegistered = (componentType) => {
-  if (!layoutComponentsMap.has(componentType)) {
-    console.warn(
-      `isContainer check on ${componentType}, which has not been registered`
-    );
-  }
-};
 const isContainer = (componentType) => {
-  assertComponentRegistered(componentType);
   return containersSet.has(componentType);
 };
 const isView = (componentType) => {
-  assertComponentRegistered(componentType);
   return viewsSet.has(componentType);
 };
 const isLayoutComponent = (componentType) => isContainer(componentType) || isView(componentType);

package/esm/component-registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-registry.js","sources":["../src/component-registry.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuColumnDataType,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDescriptor,\n  ColumnDescriptorCustomRenderer,\n  ColumnTypeRendering,\n  EditValidationRule,\n  HeaderCellProps,\n  TableCellRendererProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport { FunctionComponent as FC, HTMLAttributes } from \"react\";\nimport {\n  ColumnMap,\n  isColumnTypeRenderer,\n  isTypeDescriptor,\n} from \"./column-utils\";\n\nexport interface CellConfigPanelProps extends HTMLAttributes<HTMLDivElement> {\n  onConfigChange: () => void;\n}\n\nexport type PropertyChangeHandler = (\n  propertyName: string,\n  propertyValue: string | number | boolean\n) => void;\n\nexport type ColumnRenderPropsChangeHandler = (\n  renderProps: ColumnTypeRendering\n) => void;\n\nexport interface ConfigurationEditorProps {\n  column: ColumnDescriptorCustomRenderer;\n  onChangeRendering: ColumnRenderPropsChangeHandler;\n}\n\nexport type RowClassNameGenerator = (\n  row: DataSourceRow,\n  columnMap: ColumnMap\n) => string | undefined;\n\nexport type RowClassGenerator = {\n  id: string;\n  fn: RowClassNameGenerator;\n};\n\nexport type ConfigEditorComponent = FC<CellConfigPanelProps>;\n\nconst containersSet = new Set<string>();\nconst viewsSet = new Set<string>();\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst layoutComponentsMap = new Map<string, FC<any>>();\nconst cellRenderersMap = new Map<string, FC<TableCellRendererProps>>();\nconst columnHeaderRenderersMap = new Map<string, FC<HeaderCellProps>>();\nconst configEditorsMap = new Map<string, FC<ConfigurationEditorProps>>();\nconst cellConfigPanelsMap = new Map<string, ConfigEditorComponent>();\nconst editRuleValidatorsMap = new Map<string, EditRuleValidator>();\nconst optionsMap = new Map<string, CellRendererOptions>();\nconst rowClassGeneratorsMap = new Map<string, RowClassGenerator>();\n\nexport type EditRuleValidator = (\n  editRule: EditValidationRule,\n  value?: VuuRowDataItemType\n) => boolean | string;\n\nexport type layoutComponentType = \"container\" | \"view\";\n\nexport type ComponentType =\n  | layoutComponentType\n  | \"cell-renderer\"\n  | \"cell-config-panel\"\n  | \"column-header-content-renderer\"\n  | \"column-header-label-renderer\"\n  | \"component\"\n  | \"data-edit-validator\"\n  | \"row-class-generator\";\n\ntype CellRendererOptions = {\n  configEditor?: string;\n  description?: string;\n  label?: string;\n  serverDataType?: VuuColumnDataType | VuuColumnDataType[] | \"json\" | \"private\";\n  userCanAssign?: boolean;\n};\nexport interface CellRendererDescriptor extends CellRendererOptions {\n  name: string;\n}\n\nconst isTypeCompatible = (\n  rendererType:\n    | VuuColumnDataType\n    | (VuuColumnDataType | \"json\")[]\n    | \"json\"\n    | \"private\"\n    | undefined,\n  serverDataType: VuuColumnDataType | \"json\"\n) => {\n  if (rendererType === undefined || rendererType === \"private\") {\n    return true;\n  } else if (Array.isArray(rendererType)) {\n    return rendererType.includes(serverDataType);\n  } else {\n    return rendererType === serverDataType;\n  }\n};\n\nconst assertComponentRegistered = (componentType: string) => {\n  if (!layoutComponentsMap.has(componentType)) {\n    console.warn(\n      `isContainer check on ${componentType}, which has not been registered`\n    );\n  }\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isContainer = (componentType: string) => {\n  assertComponentRegistered(componentType);\n  return containersSet.has(componentType);\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isView = (componentType: string) => {\n  assertComponentRegistered(componentType);\n  return viewsSet.has(componentType);\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isLayoutComponent = (\n  componentType: string\n): componentType is layoutComponentType =>\n  isContainer(componentType) || isView(componentType);\n\nconst isCellRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<TableCellRendererProps> =>\n  component !== undefined && type === \"cell-renderer\";\n\nconst isColumnHeaderContentRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<HeaderCellProps> =>\n  type === \"column-header-content-renderer\";\nconst isColumnHeaderLabelRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<HeaderCellProps> => type === \"column-header-label-renderer\";\n\nconst isCellConfigPanel = (\n  type: ComponentType,\n  component: unknown\n): component is FC<CellConfigPanelProps> => type === \"cell-config-panel\";\n\nconst isEditRuleValidator = (\n  type: ComponentType,\n  component: unknown\n): component is EditRuleValidator => type === \"data-edit-validator\";\n\nconst isRowClassGenerator = (\n  type: ComponentType,\n  component: unknown\n): component is RowClassGenerator => type === \"row-class-generator\";\n\nexport function registerComponent(\n  componentName: string,\n  component: RowClassGenerator,\n  componentType: \"row-class-generator\",\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  component: EditRuleValidator,\n  componentType: \"data-edit-validator\",\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  // unknown won't work for us here, we'll get the default children\n  // definition for FC which conflicts with some components props.\n  // VoidFunctionComponent doesn't help either\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: FC<any>,\n  componentType: Omit<\n    ComponentType,\n    \"data-edit-validator\" | \"row-class-generator\"\n  >,\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  componentType: any,\n  options?: CellRendererOptions\n): void {\n  if (\n    componentType === \"container\" ||\n    componentType === \"view\" ||\n    componentType === \"component\"\n  ) {\n    layoutComponentsMap.set(componentName, component);\n    if (componentType === \"container\") {\n      containersSet.add(componentName);\n    } else if (componentType === \"view\") {\n      viewsSet.add(componentName);\n    }\n  } else if (isCellRenderer(componentType, component)) {\n    cellRenderersMap.set(componentName, component);\n  } else if (isColumnHeaderContentRenderer(componentType, component)) {\n    columnHeaderRenderersMap.set(componentName, component);\n  } else if (isColumnHeaderLabelRenderer(componentType, component)) {\n    columnHeaderRenderersMap.set(componentName, component);\n  } else if (isCellConfigPanel(componentType, component)) {\n    cellConfigPanelsMap.set(componentName, component);\n  } else if (isEditRuleValidator(componentType, component)) {\n    editRuleValidatorsMap.set(componentName, component);\n  } else if (isRowClassGenerator(componentType, component)) {\n    rowClassGeneratorsMap.set(componentName, component);\n  }\n  if (options) {\n    optionsMap.set(componentName, options);\n  }\n}\n\nexport const registerConfigurationEditor = (\n  componentName: string,\n  configurationEditor: FC<ConfigurationEditorProps>\n) => {\n  configEditorsMap.set(componentName, configurationEditor);\n};\n\n// This is invoked by settings panel to allow users to assign\n// non-default, cell renderers. Ignore renderers registered\n// with the attribute userCanAssign = false\nexport const getRegisteredCellRenderers = (\n  serverDataType?: VuuColumnDataType | \"json\"\n): CellRendererDescriptor[] => {\n  const rendererNames = Array.from(cellRenderersMap.keys());\n  const allRenderers = rendererNames\n    .map<CellRendererDescriptor>((name) => ({\n      name,\n      ...(optionsMap.get(name) as CellRendererOptions),\n    }))\n    .filter(({ userCanAssign }) => userCanAssign !== false);\n  if (serverDataType) {\n    return allRenderers.filter((renderer) =>\n      isTypeCompatible(renderer.serverDataType, serverDataType)\n    );\n  } else {\n    return allRenderers;\n  }\n};\n\nexport const getLayoutComponent = (componentName: string) => {\n  const layoutComponent = layoutComponentsMap.get(componentName);\n  if (layoutComponent) {\n    return layoutComponent;\n  } else {\n    throw Error(\n      `layout component ${componentName} not found in ComponentRegistry`\n    );\n  }\n};\n\nexport const getCellRendererOptions = (renderName: string) =>\n  optionsMap.get(renderName);\n\nexport function getCellRenderer(column: ColumnDescriptor) {\n  return dataCellRenderer(column);\n}\nexport function getColumnHeaderContentRenderer(column: ColumnDescriptor) {\n  if (column.colHeaderContentRenderer) {\n    return columnHeaderRenderersMap.get(column.colHeaderContentRenderer);\n  }\n}\nexport function getColumnHeaderLabelRenderer(column: ColumnDescriptor) {\n  if (column.colHeaderLabelRenderer) {\n    return columnHeaderRenderersMap.get(column.colHeaderLabelRenderer);\n  }\n}\nexport const getRowClassNameGenerator = (generatorId: string) =>\n  rowClassGeneratorsMap.get(generatorId);\n\nexport function getConfigurationEditor(configEditor = \"\") {\n  return configEditorsMap.get(configEditor);\n}\n\nexport function getCellConfigPanelRenderer(name: string) {\n  return cellConfigPanelsMap.get(name);\n}\n\nexport function getEditRuleValidator(name: string) {\n  return editRuleValidatorsMap.get(name);\n}\n\nfunction dataCellRenderer(column: ColumnDescriptor) {\n  if (isTypeDescriptor(column.type)) {\n    const { renderer } = column.type;\n    if (isColumnTypeRenderer(renderer)) {\n      return cellRenderersMap.get(renderer.name);\n    }\n  } else if (column.serverDataType === \"boolean\") {\n    return cellRenderersMap.get(\"checkbox-cell\");\n  } else if (column.editable) {\n    // we can only offer a text input edit as a generic editor.\n    // If a more specialised editor is required, user must configure\n    // it in column config.\n    return cellRenderersMap.get(\"input-cell\");\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-registry.js","sources":["../src/component-registry.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuColumnDataType,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDescriptor,\n  ColumnDescriptorCustomRenderer,\n  ColumnTypeRendering,\n  EditValidationRule,\n  HeaderCellProps,\n  TableCellRendererProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport { FunctionComponent as FC, HTMLAttributes } from \"react\";\nimport {\n  ColumnMap,\n  isColumnTypeRenderer,\n  isTypeDescriptor,\n} from \"./column-utils\";\n\nexport interface CellConfigPanelProps extends HTMLAttributes<HTMLDivElement> {\n  onConfigChange: () => void;\n}\n\nexport type PropertyChangeHandler = (\n  propertyName: string,\n  propertyValue: string | number | boolean\n) => void;\n\nexport type ColumnRenderPropsChangeHandler = (\n  renderProps: ColumnTypeRendering\n) => void;\n\nexport interface ConfigurationEditorProps {\n  column: ColumnDescriptorCustomRenderer;\n  onChangeRendering: ColumnRenderPropsChangeHandler;\n}\n\nexport type RowClassNameGenerator = (\n  row: DataSourceRow,\n  columnMap: ColumnMap\n) => string | undefined;\n\nexport type RowClassGenerator = {\n  id: string;\n  fn: RowClassNameGenerator;\n};\n\nexport type ConfigEditorComponent = FC<CellConfigPanelProps>;\n\nconst containersSet = new Set<string>();\nconst viewsSet = new Set<string>();\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst layoutComponentsMap = new Map<string, FC<any>>();\nconst cellRenderersMap = new Map<string, FC<TableCellRendererProps>>();\nconst columnHeaderRenderersMap = new Map<string, FC<HeaderCellProps>>();\nconst configEditorsMap = new Map<string, FC<ConfigurationEditorProps>>();\nconst cellConfigPanelsMap = new Map<string, ConfigEditorComponent>();\nconst editRuleValidatorsMap = new Map<string, EditRuleValidator>();\nconst optionsMap = new Map<string, CellRendererOptions>();\nconst rowClassGeneratorsMap = new Map<string, RowClassGenerator>();\n\nexport type EditRuleValidator = (\n  editRule: EditValidationRule,\n  value?: VuuRowDataItemType\n) => boolean | string;\n\nexport type layoutComponentType = \"container\" | \"view\";\n\nexport type ComponentType =\n  | layoutComponentType\n  | \"cell-renderer\"\n  | \"cell-config-panel\"\n  | \"column-header-content-renderer\"\n  | \"column-header-label-renderer\"\n  | \"component\"\n  | \"data-edit-validator\"\n  | \"row-class-generator\";\n\ntype CellRendererOptions = {\n  configEditor?: string;\n  description?: string;\n  label?: string;\n  serverDataType?: VuuColumnDataType | VuuColumnDataType[] | \"json\" | \"private\";\n  userCanAssign?: boolean;\n};\nexport interface CellRendererDescriptor extends CellRendererOptions {\n  name: string;\n}\n\nconst isTypeCompatible = (\n  rendererType:\n    | VuuColumnDataType\n    | (VuuColumnDataType | \"json\")[]\n    | \"json\"\n    | \"private\"\n    | undefined,\n  serverDataType: VuuColumnDataType | \"json\"\n) => {\n  if (rendererType === undefined || rendererType === \"private\") {\n    return true;\n  } else if (Array.isArray(rendererType)) {\n    return rendererType.includes(serverDataType);\n  } else {\n    return rendererType === serverDataType;\n  }\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isContainer = (componentType: string) => {\n  return containersSet.has(componentType);\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isView = (componentType: string) => {\n  return viewsSet.has(componentType);\n};\n\n/**\n * This check is performed during construction of UI from JSON. If component\n * is not registered, it will log a warning.\n */\nexport const isLayoutComponent = (\n  componentType: string\n): componentType is layoutComponentType =>\n  isContainer(componentType) || isView(componentType);\n\nconst isCellRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<TableCellRendererProps> =>\n  component !== undefined && type === \"cell-renderer\";\n\nconst isColumnHeaderContentRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<HeaderCellProps> =>\n  type === \"column-header-content-renderer\";\nconst isColumnHeaderLabelRenderer = (\n  type: ComponentType,\n  component: unknown\n): component is FC<HeaderCellProps> => type === \"column-header-label-renderer\";\n\nconst isCellConfigPanel = (\n  type: ComponentType,\n  component: unknown\n): component is FC<CellConfigPanelProps> => type === \"cell-config-panel\";\n\nconst isEditRuleValidator = (\n  type: ComponentType,\n  component: unknown\n): component is EditRuleValidator => type === \"data-edit-validator\";\n\nconst isRowClassGenerator = (\n  type: ComponentType,\n  component: unknown\n): component is RowClassGenerator => type === \"row-class-generator\";\n\nexport function registerComponent(\n  componentName: string,\n  component: RowClassGenerator,\n  componentType: \"row-class-generator\",\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  component: EditRuleValidator,\n  componentType: \"data-edit-validator\",\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  // unknown won't work for us here, we'll get the default children\n  // definition for FC which conflicts with some components props.\n  // VoidFunctionComponent doesn't help either\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: FC<any>,\n  componentType: Omit<\n    ComponentType,\n    \"data-edit-validator\" | \"row-class-generator\"\n  >,\n  options?: CellRendererOptions\n): void;\nexport function registerComponent(\n  componentName: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  componentType: any,\n  options?: CellRendererOptions\n): void {\n  if (\n    componentType === \"container\" ||\n    componentType === \"view\" ||\n    componentType === \"component\"\n  ) {\n    layoutComponentsMap.set(componentName, component);\n    if (componentType === \"container\") {\n      containersSet.add(componentName);\n    } else if (componentType === \"view\") {\n      viewsSet.add(componentName);\n    }\n  } else if (isCellRenderer(componentType, component)) {\n    cellRenderersMap.set(componentName, component);\n  } else if (isColumnHeaderContentRenderer(componentType, component)) {\n    columnHeaderRenderersMap.set(componentName, component);\n  } else if (isColumnHeaderLabelRenderer(componentType, component)) {\n    columnHeaderRenderersMap.set(componentName, component);\n  } else if (isCellConfigPanel(componentType, component)) {\n    cellConfigPanelsMap.set(componentName, component);\n  } else if (isEditRuleValidator(componentType, component)) {\n    editRuleValidatorsMap.set(componentName, component);\n  } else if (isRowClassGenerator(componentType, component)) {\n    rowClassGeneratorsMap.set(componentName, component);\n  }\n  if (options) {\n    optionsMap.set(componentName, options);\n  }\n}\n\nexport const registerConfigurationEditor = (\n  componentName: string,\n  configurationEditor: FC<ConfigurationEditorProps>\n) => {\n  configEditorsMap.set(componentName, configurationEditor);\n};\n\n// This is invoked by settings panel to allow users to assign\n// non-default, cell renderers. Ignore renderers registered\n// with the attribute userCanAssign = false\nexport const getRegisteredCellRenderers = (\n  serverDataType?: VuuColumnDataType | \"json\"\n): CellRendererDescriptor[] => {\n  const rendererNames = Array.from(cellRenderersMap.keys());\n  const allRenderers = rendererNames\n    .map<CellRendererDescriptor>((name) => ({\n      name,\n      ...(optionsMap.get(name) as CellRendererOptions),\n    }))\n    .filter(({ userCanAssign }) => userCanAssign !== false);\n  if (serverDataType) {\n    return allRenderers.filter((renderer) =>\n      isTypeCompatible(renderer.serverDataType, serverDataType)\n    );\n  } else {\n    return allRenderers;\n  }\n};\n\nexport const getLayoutComponent = (componentName: string) => {\n  const layoutComponent = layoutComponentsMap.get(componentName);\n  if (layoutComponent) {\n    return layoutComponent;\n  } else {\n    throw Error(\n      `layout component ${componentName} not found in ComponentRegistry`\n    );\n  }\n};\n\nexport const getCellRendererOptions = (renderName: string) =>\n  optionsMap.get(renderName);\n\nexport function getCellRenderer(column: ColumnDescriptor) {\n  return dataCellRenderer(column);\n}\nexport function getColumnHeaderContentRenderer(column: ColumnDescriptor) {\n  if (column.colHeaderContentRenderer) {\n    return columnHeaderRenderersMap.get(column.colHeaderContentRenderer);\n  }\n}\nexport function getColumnHeaderLabelRenderer(column: ColumnDescriptor) {\n  if (column.colHeaderLabelRenderer) {\n    return columnHeaderRenderersMap.get(column.colHeaderLabelRenderer);\n  }\n}\nexport const getRowClassNameGenerator = (generatorId: string) =>\n  rowClassGeneratorsMap.get(generatorId);\n\nexport function getConfigurationEditor(configEditor = \"\") {\n  return configEditorsMap.get(configEditor);\n}\n\nexport function getCellConfigPanelRenderer(name: string) {\n  return cellConfigPanelsMap.get(name);\n}\n\nexport function getEditRuleValidator(name: string) {\n  return editRuleValidatorsMap.get(name);\n}\n\nfunction dataCellRenderer(column: ColumnDescriptor) {\n  if (isTypeDescriptor(column.type)) {\n    const { renderer } = column.type;\n    if (isColumnTypeRenderer(renderer)) {\n      return cellRenderersMap.get(renderer.name);\n    }\n  } else if (column.serverDataType === \"boolean\") {\n    return cellRenderersMap.get(\"checkbox-cell\");\n  } else if (column.editable) {\n    // we can only offer a text input edit as a generic editor.\n    // If a more specialised editor is required, user must configure\n    // it in column config.\n    return cellRenderersMap.get(\"input-cell\");\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/context-definitions/WorkspaceContext.js

@@ -0,0 +1,17 @@
+import React, { useContext } from 'react';
+
+const WorkspaceContext = React.createContext({
+  getApplicationSettings: () => void 0,
+  layoutMetadata: [],
+  saveLayout: () => void 0,
+  saveApplicationLayout: () => void 0,
+  saveApplicationSettings: () => void 0,
+  loadLayoutById: () => void 0
+});
+const usePlaceholderJSON = () => {
+  const { layoutPlaceholderJSON } = useContext(WorkspaceContext);
+  return layoutPlaceholderJSON;
+};
+
+export { WorkspaceContext, usePlaceholderJSON };
+//# sourceMappingURL=WorkspaceContext.js.map

package/esm/context-definitions/WorkspaceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceContext.js","sources":["../../src/context-definitions/WorkspaceContext.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport {\n  ApplicationSetting,\n  ApplicationSettings,\n  LayoutJSON,\n} from \"../json-types\";\nimport { LayoutMetadata, LayoutMetadataDto } from \"../layout-types\";\n\nexport interface WorkspaceContextProps {\n  layoutMetadata: LayoutMetadata[];\n  layoutPlaceholderJSON?: LayoutJSON;\n  getApplicationSettings: (\n    key?: keyof ApplicationSettings\n  ) => ApplicationSettings | ApplicationSetting | undefined;\n  loadLayoutById: (id: string) => void;\n  saveApplicationSettings: (\n    settings: ApplicationSettings | ApplicationSetting,\n    key?: keyof ApplicationSettings\n  ) => void;\n  saveLayout: (n: LayoutMetadataDto) => void;\n  saveApplicationLayout: (layout: LayoutJSON) => void;\n  workspaceJSON?: LayoutJSON;\n}\n\nexport const WorkspaceContext = React.createContext<WorkspaceContextProps>({\n  getApplicationSettings: () => undefined,\n  layoutMetadata: [],\n  saveLayout: () => undefined,\n  saveApplicationLayout: () => undefined,\n  saveApplicationSettings: () => undefined,\n  loadLayoutById: () => undefined,\n});\n\nexport const usePlaceholderJSON = () => {\n  const { layoutPlaceholderJSON } = useContext(WorkspaceContext);\n  return layoutPlaceholderJSON;\n};\n"],"names":[],"mappings":";;AAwBa,MAAA,gBAAA,GAAmB,MAAM,aAAqC,CAAA;AAAA,EACzE,wBAAwB,MAAM,KAAA,CAAA;AAAA,EAC9B,gBAAgB,EAAC;AAAA,EACjB,YAAY,MAAM,KAAA,CAAA;AAAA,EAClB,uBAAuB,MAAM,KAAA,CAAA;AAAA,EAC7B,yBAAyB,MAAM,KAAA,CAAA;AAAA,EAC/B,gBAAgB,MAAM,KAAA,CAAA;AACxB,CAAC,EAAA;AAEM,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM,EAAE,qBAAA,EAA0B,GAAA,UAAA,CAAW,gBAAgB,CAAA,CAAA;AAC7D,EAAO,OAAA,qBAAA,CAAA;AACT;;;;"}

package/esm/index.js

@@ -51,4 +51,6 @@ export { isNotNullOrUndefined } from './ts-utils.js';
 export { getUrlParameter, hasUrlParameter } from './url-utils.js';
 export { useId } from './useId.js';
 export { useLayoutEffectSkipFirst } from './useLayoutEffectSkipFirst.js';
+export { ShellContext, useShellContext } from './ShellContext.js';
+export { WorkspaceContext, usePlaceholderJSON } from './context-definitions/WorkspaceContext.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/package.json

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

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,6 @@
+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

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

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

@@ -0,0 +1,12 @@
+/// <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

@@ -0,0 +1,19 @@
+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

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

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

@@ -0,0 +1,10 @@
+/// <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

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

package/types/vuu-shell/src/datasource-provider/DataSourceProvider.d.ts

@@ -0,0 +1,21 @@
+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

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

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

@@ -0,0 +1,26 @@
+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

@@ -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/vuu-shell/src/feature/Loader.d.ts

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

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

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

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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,14 @@
+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;