use session table name in typeahead queries

vuu-ui/packages/vuu-data-react/src/hooks/useTypeaheadSuggestions.ts

@@ -2,10 +2,10 @@ import {
   ClientToServerGetUniqueValues,
   ClientToServerGetUniqueValuesStartingWith,
   TypeaheadParams,
-  VuuTable,
 } from "@finos/vuu-protocol-types";
 import { useCallback } from "react";
 import { makeRpcCall } from "@finos/vuu-data-remote";
+import { TableSchemaTable } from "@finos/vuu-data-types";
 
 export type SuggestionFetcher = (params: TypeaheadParams) => Promise<string[]>;
 
@@ -16,7 +16,7 @@ const TYPEAHEAD_MESSAGE_CONSTANTS = {
 };
 
 export const getTypeaheadParams = (
-  table: VuuTable,
+  table: TableSchemaTable,
   column: string,
   text = "",
   selectedValues: string[] = []
@@ -27,9 +27,6 @@ export const getTypeaheadParams = (
   return [table, column];
 };
 
-// const containSpace = (text: string) => text.indexOf(" ") !== -1;
-// const replaceSpace = (text: string) => text.replace(/\s/g, SPECIAL_SPACE);
-
 export const useTypeaheadSuggestions = () =>
   useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {
     const rpcMessage =

vuu-ui/packages/vuu-data-remote/src/server-proxy/viewport.ts

@@ -307,8 +307,9 @@ export class Viewport {
       range,
       sort,
       groupBy,
+      table,
     }: ServerToClientCreateViewPortSuccess,
-    tableSchema: TableSchema
+    baseTableSchema: TableSchema
   ) {
     this.serverViewportId = viewPortId;
     this.status = "subscribed";
@@ -317,7 +318,21 @@ export class Viewport {
     this.groupBy = groupBy;
     this.isTree = groupBy && groupBy.length > 0;
     this.dataWindow.setRange(range.from, range.to);
-    // TODO retrieve the filterStruct
+
+    // If the table we have subscribed to is a session table, the tablename will
+    // be a unique name for this instance. It must be used in subsequent operations
+    // that require table, e.g RPC calls
+    const tableSchema =
+      table === baseTableSchema.table.table
+        ? baseTableSchema
+        : {
+            ...baseTableSchema,
+            table: {
+              ...baseTableSchema.table,
+              session: table,
+            },
+          };
+
     return {
       aggregations,
       type: "subscribed",

vuu-ui/packages/vuu-data-types/index.d.ts

@@ -260,10 +260,18 @@ export type SchemaColumn = {
   serverDataType: VuuColumnDataType;
 };
 
+/**
+ * session will be present for session tables only, in which case the table
+ * name represents the 'archetype' table name.
+ */
+export type TableSchemaTable = VuuTable & {
+  session?: string;
+};
+
 export type TableSchema = {
   columns: SchemaColumn[];
   key: string;
-  table: VuuTable;
+  table: TableSchemaTable;
 };
 
 /**

vuu-ui/packages/vuu-filters/src/filter-bar/FilterBar.tsx

@@ -30,7 +30,7 @@ export interface FilterBarProps extends HTMLAttributes<HTMLDivElement> {
   onFilterRenamed?: (filter: Filter, name: string) => void;
   onFilterStateChanged?: (state: FilterState) => void;
   showMenu?: boolean;
-  tableSchema: TableSchema;
+  tableSchema?: TableSchema;
 }
 
 const classBase = "vuuFilterBar";

vuu-ui/packages/vuu-filters/src/filter-clause/FilterClauseEditor.tsx

@@ -25,7 +25,7 @@ export interface FilterClauseEditorProps
   onDropdownClose?: (closeReason: CloseReason) => void;
   onDropdownOpen?: () => void;
   suggestionProvider?: () => SuggestionFetcher;
-  tableSchema: TableSchema;
+  tableSchema?: TableSchema;
 }
 
 const classBase = "vuuFilterClause";
@@ -102,7 +102,7 @@ export const FilterClauseEditor = ({
         operator={operator}
         selectedColumn={selectedColumn}
         suggestionProvider={suggestionProvider}
-        table={tableSchema.table}
+        table={tableSchema?.table}
         value={value}
       />
       {value !== undefined ? (

vuu-ui/packages/vuu-filters/src/filter-clause/FilterClauseTextValueEditor.tsx

@@ -10,7 +10,7 @@ import {
   useMemo,
   useState,
 } from "react";
-import { TypeaheadParams } from "@finos/vuu-protocol-types";
+import { TypeaheadParams, VuuTable } from "@finos/vuu-protocol-types";
 import {
   SuggestionFetcher,
   useTypeaheadSuggestions,
@@ -22,9 +22,19 @@ import {
 } from "@finos/vuu-ui-controls";
 import { ExpandoCombobox } from "./ExpandoCombobox";
 import { FilterClauseValueEditor } from "./filterClauseTypes";
+import { TableSchemaTable } from "@finos/vuu-data-types";
 
 const selectionKeys = ["Enter", " "];
 
+const getVuuTable = (schemaTable: TableSchemaTable): VuuTable => {
+  if (schemaTable.session) {
+    const { module, session } = schemaTable;
+    return { module, table: session };
+  } else {
+    return schemaTable;
+  }
+};
+
 export interface TextInputProps
   extends FilterClauseValueEditor,
     HTMLAttributes<HTMLDivElement> {
@@ -79,10 +89,11 @@ export const FilterClauseTextValueEditor = forwardRef(function TextInput(
 
   useEffect(() => {
     if (table) {
+      const vuuTable = getVuuTable(table);
       const params: TypeaheadParams =
         valueInputValue && !isMultiValue
-          ? [table, column.name, valueInputValue]
-          : [table, column.name];
+          ? [vuuTable, column.name, valueInputValue]
+          : [vuuTable, column.name];
       getSuggestions(params)
         .then((suggestions) => {
           if (suggestions.length === 0 && valueInputValue) {
@@ -200,7 +211,6 @@ export const FilterClauseTextValueEditor = forwardRef(function TextInput(
         );
     }
   }, [
-    InputPropsProp,
     InputProps,
     operator,
     className,

vuu-ui/packages/vuu-filters/src/filter-clause/FilterClauseValueEditor.tsx

@@ -21,7 +21,7 @@ type InputElementProps = Pick<
   | "value"
 > &
   Pick<FilterClauseEditorProps, "suggestionProvider"> & {
-    table: TableSchema["table"];
+    table?: TableSchema["table"];
   };
 
 export const FilterClauseValueEditor: React.FC<InputElementProps> = ({

vuu-ui/packages/vuu-filters/src/filter-clause/filterClauseTypes.ts

@@ -1,13 +1,13 @@
-import { VuuTable } from "@finos/vuu-protocol-types";
 import { ColumnDescriptor } from "@finos/vuu-table-types";
 import { CloseReason } from "@finos/vuu-ui-controls";
 import { InputProps } from "@salt-ds/core";
+import { TableSchemaTable } from "@finos/vuu-data-types";
 
 export interface FilterClauseValueEditor<T = string> {
   InputProps?: InputProps;
   column: ColumnDescriptor;
   onDeselect?: () => void;
   onInputComplete: (value: T | T[]) => void;
   onOpenChange?: (open: boolean, closeReason: CloseReason) => void;
-  table?: VuuTable;
+  table?: TableSchemaTable;
 }

vuu-ui/sample-apps/feature-filter-table/src/useFilterTable.tsx

@@ -261,7 +261,7 @@ export const useFilterTable = ({ tableSchema }: FilterTableFeatureProps) => {
     onFilterDeleted: handleFilterDeleted,
     onFilterRenamed: handleFilterRenamed,
     onFilterStateChanged: handleFilterStateChanged,
-    tableSchema,
+    tableSchema: dataSource.tableSchema,
   };
 
   const tableProps = {

vuu-ui/sample-apps/feature-filter-table/src/useSessionDataSource.ts

@@ -81,6 +81,7 @@ export const useSessionDataSource = ({
     return ds;
   }, [
     dataSourceConfigFromState,
+    dataSourceSessionKey,
     handleDataSourceConfigChange,
     id,
     loadSession,