@vuu-ui/vuu-data-react 0.8.92 → 0.8.94

package/cjs/data-editing/EditForm.js

@@ -7,11 +7,11 @@ var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 require('@vuu-ui/vuu-data-remote');
 require('react');
+require('@vuu-ui/vuu-layout');
 require('@vuu-ui/vuu-popups');
 require('@vuu-ui/vuu-table');
 var core = require('@salt-ds/core');
 var cx = require('clsx');
-require('@vuu-ui/vuu-layout');
 require('@vuu-ui/vuu-ui-controls');
 var editValidationRules = require('./edit-validation-rules.js');
 var useEditForm = require('./useEditForm.js');

package/cjs/datasource-provider/VuuDataSourceProvider.js

@@ -4,13 +4,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
 var vuuUtils = require('@vuu-ui/vuu-utils');
 
+const getServerAPI = () => vuuDataRemote.ConnectionManager.serverAPI;
 const VuuDataSourceProvider = ({
   children
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   vuuUtils.DataSourceProvider,
   {
     VuuDataSource: vuuDataRemote.VuuDataSource,
-    getServerAPI: vuuDataRemote.getServerAPI,
+    getServerAPI,
     isLocalData: false,
     children
   }

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

@@ -1 +1 @@
-{"version":3,"file":"VuuDataSourceProvider.js","sources":["../../src/datasource-provider/VuuDataSourceProvider.tsx"],"sourcesContent":["import { VuuDataSource, getServerAPI } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\n\nexport const VuuDataSourceProvider = ({\n  children,\n}: {\n  children: ReactNode;\n}) => (\n  <DataSourceProvider\n    VuuDataSource={VuuDataSource}\n    getServerAPI={getServerAPI}\n    isLocalData={false}\n  >\n    {children}\n  </DataSourceProvider>\n);\n"],"names":["jsx","DataSourceProvider","VuuDataSource","getServerAPI"],"mappings":";;;;;;AAIO,MAAM,wBAAwB,CAAC;AAAA,EACpC,QAAA;AACF,CAGE,qBAAAA,cAAA;AAAA,EAACC,2BAAA;AAAA,EAAA;AAAA,mBACCC,2BAAA;AAAA,kBACAC,0BAAA;AAAA,IACA,WAAa,EAAA,KAAA;AAAA,IAEZ,QAAA;AAAA,GAAA;AACH;;;;"}
+{"version":3,"file":"VuuDataSourceProvider.js","sources":["../../src/datasource-provider/VuuDataSourceProvider.tsx"],"sourcesContent":["import { ConnectionManager, VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\n\nconst getServerAPI = () => ConnectionManager.serverAPI;\n\nexport const VuuDataSourceProvider = ({\n  children,\n}: {\n  children: ReactNode;\n}) => (\n  <DataSourceProvider\n    VuuDataSource={VuuDataSource}\n    getServerAPI={getServerAPI}\n    isLocalData={false}\n  >\n    {children}\n  </DataSourceProvider>\n);\n"],"names":["ConnectionManager","jsx","DataSourceProvider","VuuDataSource"],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAe,MAAMA,+BAAkB,CAAA,SAAA,CAAA;AAEtC,MAAM,wBAAwB,CAAC;AAAA,EACpC,QAAA;AACF,CAGE,qBAAAC,cAAA;AAAA,EAACC,2BAAA;AAAA,EAAA;AAAA,mBACCC,2BAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAa,EAAA,KAAA;AAAA,IAEZ,QAAA;AAAA,GAAA;AACH;;;;"}

package/cjs/hooks/useSessionDataSource.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var vuuLayout = require('@vuu-ui/vuu-layout');
+var react = require('react');
+
+const NO_CONFIG = {};
+const useSessionDataSource = ({
+  dataSourceSessionKey = "data-source",
+  tableSchema
+}) => {
+  const { id, load, save, loadSession, saveSession, title } = vuuLayout.useViewContext();
+  const { VuuDataSource } = vuuUtils.useDataSource();
+  const { "datasource-config": dataSourceConfigFromState } = react.useMemo(() => load?.() ?? NO_CONFIG, [load]);
+  const handleDataSourceConfigChange = react.useCallback(
+    (config, confirmed) => {
+      if (confirmed === void 0) {
+        const { noChanges } = vuuUtils.isConfigChanged(
+          dataSourceConfigFromState,
+          config
+        );
+        if (noChanges === false) {
+          save?.(config, "datasource-config");
+        }
+      }
+    },
+    [dataSourceConfigFromState, save]
+  );
+  const dataSource = react.useMemo(() => {
+    let ds = loadSession?.(dataSourceSessionKey);
+    if (ds) {
+      if (dataSourceConfigFromState) {
+        ds.applyConfig(dataSourceConfigFromState, true);
+      }
+      if (ds.range.from > 0) {
+        ds.range = vuuUtils.resetRange(ds.range);
+      }
+      return ds;
+    }
+    const columns = dataSourceConfigFromState?.columns ?? tableSchema.columns.map((col) => col.name);
+    ds = new VuuDataSource({
+      // bufferSize: 0,
+      viewport: id,
+      table: tableSchema.table,
+      ...dataSourceConfigFromState,
+      columns,
+      title
+    });
+    ds.on("config", handleDataSourceConfigChange);
+    saveSession?.(ds, "data-source");
+    return ds;
+  }, [
+    VuuDataSource,
+    dataSourceConfigFromState,
+    dataSourceSessionKey,
+    handleDataSourceConfigChange,
+    id,
+    loadSession,
+    saveSession,
+    tableSchema.columns,
+    tableSchema.table,
+    title
+  ]);
+  return dataSource;
+};
+
+exports.useSessionDataSource = useSessionDataSource;
+//# sourceMappingURL=useSessionDataSource.js.map

package/cjs/hooks/useSessionDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionDataSource.js","sources":["../../src/hooks/useSessionDataSource.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceConfig,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport { isConfigChanged, resetRange, useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useViewContext } from \"@vuu-ui/vuu-layout\";\nimport { useCallback, useMemo } from \"react\";\n\ntype SessionDataSourceConfig = {\n  \"datasource-config\"?: DataSourceConfig;\n};\n\nconst NO_CONFIG: SessionDataSourceConfig = {};\n\nexport const useSessionDataSource = ({\n  dataSourceSessionKey = \"data-source\",\n  tableSchema,\n}: {\n  dataSourceSessionKey?: string;\n  tableSchema: TableSchema;\n}) => {\n  const { id, load, save, loadSession, saveSession, title } = useViewContext();\n  const { VuuDataSource } = useDataSource();\n\n  const { \"datasource-config\": dataSourceConfigFromState } =\n    useMemo<SessionDataSourceConfig>(() => load?.() ?? NO_CONFIG, [load]);\n\n  const handleDataSourceConfigChange = useCallback(\n    (config: DataSourceConfig | undefined, confirmed?: boolean) => {\n      // confirmed / unconfirmed messages are used for UI updates, not state saving\n      if (confirmed === undefined) {\n        const { noChanges } = isConfigChanged(\n          dataSourceConfigFromState,\n          config,\n        );\n        if (noChanges === false) {\n          save?.(config, \"datasource-config\");\n        }\n      }\n    },\n    [dataSourceConfigFromState, save],\n  );\n\n  const dataSource: DataSource = useMemo(() => {\n    let ds = loadSession?.(dataSourceSessionKey) as DataSource;\n    if (ds) {\n      if (dataSourceConfigFromState) {\n        // this won't do anything if dataSource config already matches this\n        // This is only really used when injecting a dataSource into session\n        // state in Showcase examples\n        ds.applyConfig(dataSourceConfigFromState, true);\n      }\n\n      if (ds.range.from > 0) {\n        // UI does not currently restore scroll position, so always reset to top of dataset\n        ds.range = resetRange(ds.range);\n      }\n\n      return ds;\n    }\n\n    const columns =\n      dataSourceConfigFromState?.columns ??\n      tableSchema.columns.map((col) => col.name);\n\n    ds = new VuuDataSource({\n      // bufferSize: 0,\n      viewport: id,\n      table: tableSchema.table,\n      ...dataSourceConfigFromState,\n      columns,\n      title,\n    });\n    ds.on(\"config\", handleDataSourceConfigChange);\n    saveSession?.(ds, \"data-source\");\n    return ds;\n  }, [\n    VuuDataSource,\n    dataSourceConfigFromState,\n    dataSourceSessionKey,\n    handleDataSourceConfigChange,\n    id,\n    loadSession,\n    saveSession,\n    tableSchema.columns,\n    tableSchema.table,\n    title,\n  ]);\n\n  return dataSource;\n};\n"],"names":["useViewContext","useDataSource","useMemo","useCallback","isConfigChanged","resetRange"],"mappings":";;;;;;AAaA,MAAM,YAAqC,EAAC,CAAA;AAErC,MAAM,uBAAuB,CAAC;AAAA,EACnC,oBAAuB,GAAA,aAAA;AAAA,EACvB,WAAA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,EAAE,IAAI,IAAM,EAAA,IAAA,EAAM,aAAa,WAAa,EAAA,KAAA,KAAUA,wBAAe,EAAA,CAAA;AAC3E,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIC,sBAAc,EAAA,CAAA;AAExC,EAAM,MAAA,EAAE,mBAAqB,EAAA,yBAAA,EAC3B,GAAAC,aAAA,CAAiC,MAAM,IAAA,IAAY,IAAA,SAAA,EAAW,CAAC,IAAI,CAAC,CAAA,CAAA;AAEtE,EAAA,MAAM,4BAA+B,GAAAC,iBAAA;AAAA,IACnC,CAAC,QAAsC,SAAwB,KAAA;AAE7D,MAAA,IAAI,cAAc,KAAW,CAAA,EAAA;AAC3B,QAAM,MAAA,EAAE,WAAc,GAAAC,wBAAA;AAAA,UACpB,yBAAA;AAAA,UACA,MAAA;AAAA,SACF,CAAA;AACA,QAAA,IAAI,cAAc,KAAO,EAAA;AACvB,UAAA,IAAA,GAAO,QAAQ,mBAAmB,CAAA,CAAA;AAAA,SACpC;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,2BAA2B,IAAI,CAAA;AAAA,GAClC,CAAA;AAEA,EAAM,MAAA,UAAA,GAAyBF,cAAQ,MAAM;AAC3C,IAAI,IAAA,EAAA,GAAK,cAAc,oBAAoB,CAAA,CAAA;AAC3C,IAAA,IAAI,EAAI,EAAA;AACN,MAAA,IAAI,yBAA2B,EAAA;AAI7B,QAAG,EAAA,CAAA,WAAA,CAAY,2BAA2B,IAAI,CAAA,CAAA;AAAA,OAChD;AAEA,MAAI,IAAA,EAAA,CAAG,KAAM,CAAA,IAAA,GAAO,CAAG,EAAA;AAErB,QAAG,EAAA,CAAA,KAAA,GAAQG,mBAAW,CAAA,EAAA,CAAG,KAAK,CAAA,CAAA;AAAA,OAChC;AAEA,MAAO,OAAA,EAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,OAAA,GACJ,2BAA2B,OAC3B,IAAA,WAAA,CAAY,QAAQ,GAAI,CAAA,CAAC,GAAQ,KAAA,GAAA,CAAI,IAAI,CAAA,CAAA;AAE3C,IAAA,EAAA,GAAK,IAAI,aAAc,CAAA;AAAA;AAAA,MAErB,QAAU,EAAA,EAAA;AAAA,MACV,OAAO,WAAY,CAAA,KAAA;AAAA,MACnB,GAAG,yBAAA;AAAA,MACH,OAAA;AAAA,MACA,KAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAG,EAAA,CAAA,EAAA,CAAG,UAAU,4BAA4B,CAAA,CAAA;AAC5C,IAAA,WAAA,GAAc,IAAI,aAAa,CAAA,CAAA;AAC/B,IAAO,OAAA,EAAA,CAAA;AAAA,GACN,EAAA;AAAA,IACD,aAAA;AAAA,IACA,yBAAA;AAAA,IACA,oBAAA;AAAA,IACA,4BAAA;AAAA,IACA,EAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAY,CAAA,OAAA;AAAA,IACZ,WAAY,CAAA,KAAA;AAAA,IACZ,KAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/cjs/hooks/useTypeaheadSuggestions.js

@@ -21,7 +21,7 @@ const useTypeaheadSuggestions = () => react.useCallback(async (params) => {
     method: "getUniqueFieldValuesStartingWith",
     params
   };
-  return vuuDataRemote.makeRpcCall(rpcMessage);
+  return vuuDataRemote.ConnectionManager.makeRpcCall(rpcMessage);
 }, []);
 
 exports.getTypeaheadParams = getTypeaheadParams;

package/cjs/hooks/useTypeaheadSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { makeRpcCall } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuRpcServiceRequest,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = [],\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage: VuuRpcServiceRequest =\n      params.length === 2\n        ? {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValues\",\n            params,\n          }\n        : {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n          };\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":["useCallback","makeRpcCall"],"mappings":";;;;;AAQa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrCA,iBAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACd,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,GAEF,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,GACF,CAAA;AACN,EAAA,OAAOC,0BAAsB,UAAU,CAAA,CAAA;AACzC,CAAA,EAAG,EAAE;;;;;"}
+{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { ConnectionManager } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuRpcServiceRequest,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = [],\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage: VuuRpcServiceRequest =\n      params.length === 2\n        ? {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValues\",\n            params,\n          }\n        : {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n          };\n    return ConnectionManager.makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":["useCallback","ConnectionManager"],"mappings":";;;;;AAQa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrCA,iBAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACd,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,GAEF,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,GACF,CAAA;AACN,EAAO,OAAAC,+BAAA,CAAkB,YAAsB,UAAU,CAAA,CAAA;AAC3D,CAAA,EAAG,EAAE;;;;;"}

package/cjs/hooks/useVuuTables.js

@@ -26,7 +26,7 @@ const useVuuTables = () => {
         setTables(tableSchemas);
       } catch (err) {
         console.warn(
-          `useVuuTables: error fetching table metedata ${String(err)}`
+          `useVuuTables: error fetching table metadata ${String(err)}`
         );
       }
     }

package/cjs/hooks/useVuuTables.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\n\n  const { getServerAPI } = useDataSource();\n\n  const buildTables = useCallback((schemas: TableSchema[]) => {\n    const vuuTables = new Map<string, TableSchema>();\n    schemas.forEach((schema) => {\n      vuuTables.set(schema.table.table, schema);\n    });\n    return vuuTables;\n  }, []);\n\n  useEffect(() => {\n    async function fetchTableMetadata() {\n      try {\n        const server = await getServerAPI();\n        const { tables } = await server.getTableList();\n        const tableSchemas = buildTables(\n          await Promise.all(\n            tables.map((vuuTable) => server.getTableSchema(vuuTable)),\n          ),\n        );\n        setTables(tableSchemas);\n      } catch (err) {\n        console.warn(\n          `useVuuTables: error fetching table metedata ${String(err)}`,\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables, getServerAPI]);\n\n  return tables;\n};\n"],"names":["useState","useDataSource","useCallback","useEffect","tables"],"mappings":";;;;;AAIO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAA+C,EAAA,CAAA;AAE3E,EAAM,MAAA,EAAE,YAAa,EAAA,GAAIC,sBAAc,EAAA,CAAA;AAEvC,EAAM,MAAA,WAAA,GAAcC,iBAAY,CAAA,CAAC,OAA2B,KAAA;AAC1D,IAAM,MAAA,SAAA,uBAAgB,GAAyB,EAAA,CAAA;AAC/C,IAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC1B,MAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AACD,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,eAAe,kBAAqB,GAAA;AAClC,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,YAAa,EAAA,CAAA;AAClC,QAAA,MAAM,EAAE,MAAAC,EAAAA,OAAAA,EAAW,GAAA,MAAM,OAAO,YAAa,EAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,WAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,GAAA;AAAA,YACZA,QAAO,GAAI,CAAA,CAAC,aAAa,MAAO,CAAA,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,WAC1D;AAAA,SACF,CAAA;AACA,QAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,4CAAA,EAA+C,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC5D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GAClB,EAAA,CAAC,WAAa,EAAA,YAAY,CAAC,CAAA,CAAA;AAE9B,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\n\n  const { getServerAPI } = useDataSource();\n\n  const buildTables = useCallback((schemas: TableSchema[]) => {\n    const vuuTables = new Map<string, TableSchema>();\n    schemas.forEach((schema) => {\n      vuuTables.set(schema.table.table, schema);\n    });\n    return vuuTables;\n  }, []);\n\n  useEffect(() => {\n    async function fetchTableMetadata() {\n      try {\n        const server = await getServerAPI();\n        const { tables } = await server.getTableList();\n        const tableSchemas = buildTables(\n          await Promise.all(\n            tables.map((vuuTable) => server.getTableSchema(vuuTable)),\n          ),\n        );\n        setTables(tableSchemas);\n      } catch (err) {\n        console.warn(\n          `useVuuTables: error fetching table metadata ${String(err)}`,\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables, getServerAPI]);\n\n  return tables;\n};\n"],"names":["useState","useDataSource","useCallback","useEffect","tables"],"mappings":";;;;;AAIO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAA+C,EAAA,CAAA;AAE3E,EAAM,MAAA,EAAE,YAAa,EAAA,GAAIC,sBAAc,EAAA,CAAA;AAEvC,EAAM,MAAA,WAAA,GAAcC,iBAAY,CAAA,CAAC,OAA2B,KAAA;AAC1D,IAAM,MAAA,SAAA,uBAAgB,GAAyB,EAAA,CAAA;AAC/C,IAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC1B,MAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AACD,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,eAAe,kBAAqB,GAAA;AAClC,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,YAAa,EAAA,CAAA;AAClC,QAAA,MAAM,EAAE,MAAAC,EAAAA,OAAAA,EAAW,GAAA,MAAM,OAAO,YAAa,EAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,WAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,GAAA;AAAA,YACZA,QAAO,GAAI,CAAA,CAAC,aAAa,MAAO,CAAA,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,WAC1D;AAAA,SACF,CAAA;AACA,QAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,4CAAA,EAA+C,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC5D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GAClB,EAAA,CAAC,WAAa,EAAA,YAAY,CAAC,CAAA,CAAA;AAE9B,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}

package/cjs/index.js

@@ -6,10 +6,10 @@ var editRuleValidationChecker = require('./data-editing/edit-rule-validation-che
 var UnsavedChangesReport = require('./data-editing/UnsavedChangesReport.js');
 var VuuDataSourceProvider = require('./datasource-provider/VuuDataSourceProvider.js');
 var useLookupValues = require('./hooks/useLookupValues.js');
+var useSessionDataSource = require('./hooks/useSessionDataSource.js');
 var useVuuMenuActions = require('./hooks/useVuuMenuActions.js');
 var useVuuTables = require('./hooks/useVuuTables.js');
 var useVisualLinks = require('./hooks/useVisualLinks.js');
-var useServerConnectionStatus = require('./hooks/useServerConnectionStatus.js');
 var useServerConnectionQuality = require('./hooks/useServerConnectionQuality.js');
 var useTypeaheadSuggestions = require('./hooks/useTypeaheadSuggestions.js');
 var SessionEditingForm = require('./session-editing-form/SessionEditingForm.js');
@@ -24,10 +24,10 @@ exports.getEditValidationRules = editRuleValidationChecker.getEditValidationRule
 exports.UnsavedChangesReport = UnsavedChangesReport.UnsavedChangesReport;
 exports.VuuDataSourceProvider = VuuDataSourceProvider.VuuDataSourceProvider;
 exports.useLookupValues = useLookupValues.useLookupValues;
+exports.useSessionDataSource = useSessionDataSource.useSessionDataSource;
 exports.useVuuMenuActions = useVuuMenuActions.useVuuMenuActions;
 exports.useVuuTables = useVuuTables.useVuuTables;
 exports.useVisualLinks = useVisualLinks.useVisualLinks;
-exports.useServerConnectionStatus = useServerConnectionStatus.useServerConnectionStatus;
 exports.useServerConnectionQuality = useServerConnectionQuality.useServerConnectionQuality;
 exports.getTypeaheadParams = useTypeaheadSuggestions.getTypeaheadParams;
 exports.useTypeaheadSuggestions = useTypeaheadSuggestions.useTypeaheadSuggestions;

package/esm/data-editing/EditForm.js

@@ -5,11 +5,11 @@ import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import '@vuu-ui/vuu-data-remote';
 import 'react';
+import '@vuu-ui/vuu-layout';
 import '@vuu-ui/vuu-popups';
 import '@vuu-ui/vuu-table';
 import { FormField, FormFieldLabel, Button } from '@salt-ds/core';
 import cx from 'clsx';
-import '@vuu-ui/vuu-layout';
 import '@vuu-ui/vuu-ui-controls';
 import { registerRules } from './edit-validation-rules.js';
 import { useEditForm } from './useEditForm.js';

package/esm/datasource-provider/VuuDataSourceProvider.js

@@ -1,7 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { VuuDataSource, getServerAPI } from '@vuu-ui/vuu-data-remote';
+import { VuuDataSource, ConnectionManager } from '@vuu-ui/vuu-data-remote';
 import { DataSourceProvider } from '@vuu-ui/vuu-utils';
 
+const getServerAPI = () => ConnectionManager.serverAPI;
 const VuuDataSourceProvider = ({
   children
 }) => /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"VuuDataSourceProvider.js","sources":["../../src/datasource-provider/VuuDataSourceProvider.tsx"],"sourcesContent":["import { VuuDataSource, getServerAPI } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\n\nexport const VuuDataSourceProvider = ({\n  children,\n}: {\n  children: ReactNode;\n}) => (\n  <DataSourceProvider\n    VuuDataSource={VuuDataSource}\n    getServerAPI={getServerAPI}\n    isLocalData={false}\n  >\n    {children}\n  </DataSourceProvider>\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,wBAAwB,CAAC;AAAA,EACpC,QAAA;AACF,CAGE,qBAAA,GAAA;AAAA,EAAC,kBAAA;AAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAa,EAAA,KAAA;AAAA,IAEZ,QAAA;AAAA,GAAA;AACH;;;;"}
+{"version":3,"file":"VuuDataSourceProvider.js","sources":["../../src/datasource-provider/VuuDataSourceProvider.tsx"],"sourcesContent":["import { ConnectionManager, VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { DataSourceProvider } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\n\nconst getServerAPI = () => ConnectionManager.serverAPI;\n\nexport const VuuDataSourceProvider = ({\n  children,\n}: {\n  children: ReactNode;\n}) => (\n  <DataSourceProvider\n    VuuDataSource={VuuDataSource}\n    getServerAPI={getServerAPI}\n    isLocalData={false}\n  >\n    {children}\n  </DataSourceProvider>\n);\n"],"names":[],"mappings":";;;;AAIA,MAAM,YAAA,GAAe,MAAM,iBAAkB,CAAA,SAAA,CAAA;AAEtC,MAAM,wBAAwB,CAAC;AAAA,EACpC,QAAA;AACF,CAGE,qBAAA,GAAA;AAAA,EAAC,kBAAA;AAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAa,EAAA,KAAA;AAAA,IAEZ,QAAA;AAAA,GAAA;AACH;;;;"}

package/esm/hooks/useSessionDataSource.js

@@ -0,0 +1,66 @@
+import { useDataSource, isConfigChanged, resetRange } from '@vuu-ui/vuu-utils';
+import { useViewContext } from '@vuu-ui/vuu-layout';
+import { useMemo, useCallback } from 'react';
+
+const NO_CONFIG = {};
+const useSessionDataSource = ({
+  dataSourceSessionKey = "data-source",
+  tableSchema
+}) => {
+  const { id, load, save, loadSession, saveSession, title } = useViewContext();
+  const { VuuDataSource } = useDataSource();
+  const { "datasource-config": dataSourceConfigFromState } = useMemo(() => load?.() ?? NO_CONFIG, [load]);
+  const handleDataSourceConfigChange = useCallback(
+    (config, confirmed) => {
+      if (confirmed === void 0) {
+        const { noChanges } = isConfigChanged(
+          dataSourceConfigFromState,
+          config
+        );
+        if (noChanges === false) {
+          save?.(config, "datasource-config");
+        }
+      }
+    },
+    [dataSourceConfigFromState, save]
+  );
+  const dataSource = useMemo(() => {
+    let ds = loadSession?.(dataSourceSessionKey);
+    if (ds) {
+      if (dataSourceConfigFromState) {
+        ds.applyConfig(dataSourceConfigFromState, true);
+      }
+      if (ds.range.from > 0) {
+        ds.range = resetRange(ds.range);
+      }
+      return ds;
+    }
+    const columns = dataSourceConfigFromState?.columns ?? tableSchema.columns.map((col) => col.name);
+    ds = new VuuDataSource({
+      // bufferSize: 0,
+      viewport: id,
+      table: tableSchema.table,
+      ...dataSourceConfigFromState,
+      columns,
+      title
+    });
+    ds.on("config", handleDataSourceConfigChange);
+    saveSession?.(ds, "data-source");
+    return ds;
+  }, [
+    VuuDataSource,
+    dataSourceConfigFromState,
+    dataSourceSessionKey,
+    handleDataSourceConfigChange,
+    id,
+    loadSession,
+    saveSession,
+    tableSchema.columns,
+    tableSchema.table,
+    title
+  ]);
+  return dataSource;
+};
+
+export { useSessionDataSource };
+//# sourceMappingURL=useSessionDataSource.js.map

package/esm/hooks/useSessionDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionDataSource.js","sources":["../../src/hooks/useSessionDataSource.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceConfig,\n  TableSchema,\n} from \"@vuu-ui/vuu-data-types\";\nimport { isConfigChanged, resetRange, useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useViewContext } from \"@vuu-ui/vuu-layout\";\nimport { useCallback, useMemo } from \"react\";\n\ntype SessionDataSourceConfig = {\n  \"datasource-config\"?: DataSourceConfig;\n};\n\nconst NO_CONFIG: SessionDataSourceConfig = {};\n\nexport const useSessionDataSource = ({\n  dataSourceSessionKey = \"data-source\",\n  tableSchema,\n}: {\n  dataSourceSessionKey?: string;\n  tableSchema: TableSchema;\n}) => {\n  const { id, load, save, loadSession, saveSession, title } = useViewContext();\n  const { VuuDataSource } = useDataSource();\n\n  const { \"datasource-config\": dataSourceConfigFromState } =\n    useMemo<SessionDataSourceConfig>(() => load?.() ?? NO_CONFIG, [load]);\n\n  const handleDataSourceConfigChange = useCallback(\n    (config: DataSourceConfig | undefined, confirmed?: boolean) => {\n      // confirmed / unconfirmed messages are used for UI updates, not state saving\n      if (confirmed === undefined) {\n        const { noChanges } = isConfigChanged(\n          dataSourceConfigFromState,\n          config,\n        );\n        if (noChanges === false) {\n          save?.(config, \"datasource-config\");\n        }\n      }\n    },\n    [dataSourceConfigFromState, save],\n  );\n\n  const dataSource: DataSource = useMemo(() => {\n    let ds = loadSession?.(dataSourceSessionKey) as DataSource;\n    if (ds) {\n      if (dataSourceConfigFromState) {\n        // this won't do anything if dataSource config already matches this\n        // This is only really used when injecting a dataSource into session\n        // state in Showcase examples\n        ds.applyConfig(dataSourceConfigFromState, true);\n      }\n\n      if (ds.range.from > 0) {\n        // UI does not currently restore scroll position, so always reset to top of dataset\n        ds.range = resetRange(ds.range);\n      }\n\n      return ds;\n    }\n\n    const columns =\n      dataSourceConfigFromState?.columns ??\n      tableSchema.columns.map((col) => col.name);\n\n    ds = new VuuDataSource({\n      // bufferSize: 0,\n      viewport: id,\n      table: tableSchema.table,\n      ...dataSourceConfigFromState,\n      columns,\n      title,\n    });\n    ds.on(\"config\", handleDataSourceConfigChange);\n    saveSession?.(ds, \"data-source\");\n    return ds;\n  }, [\n    VuuDataSource,\n    dataSourceConfigFromState,\n    dataSourceSessionKey,\n    handleDataSourceConfigChange,\n    id,\n    loadSession,\n    saveSession,\n    tableSchema.columns,\n    tableSchema.table,\n    title,\n  ]);\n\n  return dataSource;\n};\n"],"names":[],"mappings":";;;;AAaA,MAAM,YAAqC,EAAC,CAAA;AAErC,MAAM,uBAAuB,CAAC;AAAA,EACnC,oBAAuB,GAAA,aAAA;AAAA,EACvB,WAAA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,EAAE,IAAI,IAAM,EAAA,IAAA,EAAM,aAAa,WAAa,EAAA,KAAA,KAAU,cAAe,EAAA,CAAA;AAC3E,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,aAAc,EAAA,CAAA;AAExC,EAAM,MAAA,EAAE,mBAAqB,EAAA,yBAAA,EAC3B,GAAA,OAAA,CAAiC,MAAM,IAAA,IAAY,IAAA,SAAA,EAAW,CAAC,IAAI,CAAC,CAAA,CAAA;AAEtE,EAAA,MAAM,4BAA+B,GAAA,WAAA;AAAA,IACnC,CAAC,QAAsC,SAAwB,KAAA;AAE7D,MAAA,IAAI,cAAc,KAAW,CAAA,EAAA;AAC3B,QAAM,MAAA,EAAE,WAAc,GAAA,eAAA;AAAA,UACpB,yBAAA;AAAA,UACA,MAAA;AAAA,SACF,CAAA;AACA,QAAA,IAAI,cAAc,KAAO,EAAA;AACvB,UAAA,IAAA,GAAO,QAAQ,mBAAmB,CAAA,CAAA;AAAA,SACpC;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,2BAA2B,IAAI,CAAA;AAAA,GAClC,CAAA;AAEA,EAAM,MAAA,UAAA,GAAyB,QAAQ,MAAM;AAC3C,IAAI,IAAA,EAAA,GAAK,cAAc,oBAAoB,CAAA,CAAA;AAC3C,IAAA,IAAI,EAAI,EAAA;AACN,MAAA,IAAI,yBAA2B,EAAA;AAI7B,QAAG,EAAA,CAAA,WAAA,CAAY,2BAA2B,IAAI,CAAA,CAAA;AAAA,OAChD;AAEA,MAAI,IAAA,EAAA,CAAG,KAAM,CAAA,IAAA,GAAO,CAAG,EAAA;AAErB,QAAG,EAAA,CAAA,KAAA,GAAQ,UAAW,CAAA,EAAA,CAAG,KAAK,CAAA,CAAA;AAAA,OAChC;AAEA,MAAO,OAAA,EAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,OAAA,GACJ,2BAA2B,OAC3B,IAAA,WAAA,CAAY,QAAQ,GAAI,CAAA,CAAC,GAAQ,KAAA,GAAA,CAAI,IAAI,CAAA,CAAA;AAE3C,IAAA,EAAA,GAAK,IAAI,aAAc,CAAA;AAAA;AAAA,MAErB,QAAU,EAAA,EAAA;AAAA,MACV,OAAO,WAAY,CAAA,KAAA;AAAA,MACnB,GAAG,yBAAA;AAAA,MACH,OAAA;AAAA,MACA,KAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAG,EAAA,CAAA,EAAA,CAAG,UAAU,4BAA4B,CAAA,CAAA;AAC5C,IAAA,WAAA,GAAc,IAAI,aAAa,CAAA,CAAA;AAC/B,IAAO,OAAA,EAAA,CAAA;AAAA,GACN,EAAA;AAAA,IACD,aAAA;AAAA,IACA,yBAAA;AAAA,IACA,oBAAA;AAAA,IACA,4BAAA;AAAA,IACA,EAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAY,CAAA,OAAA;AAAA,IACZ,WAAY,CAAA,KAAA;AAAA,IACZ,KAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/esm/hooks/useTypeaheadSuggestions.js

@@ -1,4 +1,4 @@
-import { makeRpcCall } from '@vuu-ui/vuu-data-remote';
+import { ConnectionManager } from '@vuu-ui/vuu-data-remote';
 import { useCallback } from 'react';
 
 const getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
@@ -19,7 +19,7 @@ const useTypeaheadSuggestions = () => useCallback(async (params) => {
     method: "getUniqueFieldValuesStartingWith",
     params
   };
-  return makeRpcCall(rpcMessage);
+  return ConnectionManager.makeRpcCall(rpcMessage);
 }, []);
 
 export { getTypeaheadParams, useTypeaheadSuggestions };

package/esm/hooks/useTypeaheadSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { makeRpcCall } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuRpcServiceRequest,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = [],\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage: VuuRpcServiceRequest =\n      params.length === 2\n        ? {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValues\",\n            params,\n          }\n        : {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n          };\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":[],"mappings":";;;AAQa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrC,WAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACd,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,GAEF,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,GACF,CAAA;AACN,EAAA,OAAO,YAAsB,UAAU,CAAA,CAAA;AACzC,CAAA,EAAG,EAAE;;;;"}
+{"version":3,"file":"useTypeaheadSuggestions.js","sources":["../../src/hooks/useTypeaheadSuggestions.ts"],"sourcesContent":["import { ConnectionManager } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuRpcServiceRequest,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\nexport const getTypeaheadParams = (\n  table: TableSchemaTable,\n  column: string,\n  text = \"\",\n  selectedValues: string[] = [],\n): TypeaheadParams => {\n  if (text !== \"\" && !selectedValues.includes(text.toLowerCase())) {\n    return [table, column, text];\n  }\n  return [table, column];\n};\n\nexport const useTypeaheadSuggestions = () =>\n  useCallback<SuggestionFetcher>(async (params: TypeaheadParams) => {\n    const rpcMessage: VuuRpcServiceRequest =\n      params.length === 2\n        ? {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValues\",\n            params,\n          }\n        : {\n            type: \"RPC_CALL\",\n            service: \"TypeAheadRpcHandler\",\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n          };\n    return ConnectionManager.makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":[],"mappings":";;;AAQa,MAAA,kBAAA,GAAqB,CAChC,KACA,EAAA,MAAA,EACA,OAAO,EACP,EAAA,cAAA,GAA2B,EACP,KAAA;AACpB,EAAI,IAAA,IAAA,KAAS,MAAM,CAAC,cAAA,CAAe,SAAS,IAAK,CAAA,WAAA,EAAa,CAAG,EAAA;AAC/D,IAAO,OAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,GAC7B;AACA,EAAO,OAAA,CAAC,OAAO,MAAM,CAAA,CAAA;AACvB,EAAA;AAEO,MAAM,uBAA0B,GAAA,MACrC,WAA+B,CAAA,OAAO,MAA4B,KAAA;AAChE,EAAM,MAAA,UAAA,GACJ,MAAO,CAAA,MAAA,KAAW,CACd,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,GAEF,GAAA;AAAA,IACE,IAAM,EAAA,UAAA;AAAA,IACN,OAAS,EAAA,qBAAA;AAAA,IACT,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,GACF,CAAA;AACN,EAAO,OAAA,iBAAA,CAAkB,YAAsB,UAAU,CAAA,CAAA;AAC3D,CAAA,EAAG,EAAE;;;;"}

package/esm/hooks/useVuuTables.js

@@ -24,7 +24,7 @@ const useVuuTables = () => {
         setTables(tableSchemas);
       } catch (err) {
         console.warn(
-          `useVuuTables: error fetching table metedata ${String(err)}`
+          `useVuuTables: error fetching table metadata ${String(err)}`
         );
       }
     }

package/esm/hooks/useVuuTables.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\n\n  const { getServerAPI } = useDataSource();\n\n  const buildTables = useCallback((schemas: TableSchema[]) => {\n    const vuuTables = new Map<string, TableSchema>();\n    schemas.forEach((schema) => {\n      vuuTables.set(schema.table.table, schema);\n    });\n    return vuuTables;\n  }, []);\n\n  useEffect(() => {\n    async function fetchTableMetadata() {\n      try {\n        const server = await getServerAPI();\n        const { tables } = await server.getTableList();\n        const tableSchemas = buildTables(\n          await Promise.all(\n            tables.map((vuuTable) => server.getTableSchema(vuuTable)),\n          ),\n        );\n        setTables(tableSchemas);\n      } catch (err) {\n        console.warn(\n          `useVuuTables: error fetching table metedata ${String(err)}`,\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables, getServerAPI]);\n\n  return tables;\n};\n"],"names":["tables"],"mappings":";;;AAIO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAA+C,EAAA,CAAA;AAE3E,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,aAAc,EAAA,CAAA;AAEvC,EAAM,MAAA,WAAA,GAAc,WAAY,CAAA,CAAC,OAA2B,KAAA;AAC1D,IAAM,MAAA,SAAA,uBAAgB,GAAyB,EAAA,CAAA;AAC/C,IAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC1B,MAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AACD,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAe,kBAAqB,GAAA;AAClC,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,YAAa,EAAA,CAAA;AAClC,QAAA,MAAM,EAAE,MAAAA,EAAAA,OAAAA,EAAW,GAAA,MAAM,OAAO,YAAa,EAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,WAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,GAAA;AAAA,YACZA,QAAO,GAAI,CAAA,CAAC,aAAa,MAAO,CAAA,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,WAC1D;AAAA,SACF,CAAA;AACA,QAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,4CAAA,EAA+C,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC5D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GAClB,EAAA,CAAC,WAAa,EAAA,YAAY,CAAC,CAAA,CAAA;AAE9B,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import type { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { useDataSource } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\n\n  const { getServerAPI } = useDataSource();\n\n  const buildTables = useCallback((schemas: TableSchema[]) => {\n    const vuuTables = new Map<string, TableSchema>();\n    schemas.forEach((schema) => {\n      vuuTables.set(schema.table.table, schema);\n    });\n    return vuuTables;\n  }, []);\n\n  useEffect(() => {\n    async function fetchTableMetadata() {\n      try {\n        const server = await getServerAPI();\n        const { tables } = await server.getTableList();\n        const tableSchemas = buildTables(\n          await Promise.all(\n            tables.map((vuuTable) => server.getTableSchema(vuuTable)),\n          ),\n        );\n        setTables(tableSchemas);\n      } catch (err) {\n        console.warn(\n          `useVuuTables: error fetching table metadata ${String(err)}`,\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables, getServerAPI]);\n\n  return tables;\n};\n"],"names":["tables"],"mappings":";;;AAIO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAA+C,EAAA,CAAA;AAE3E,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,aAAc,EAAA,CAAA;AAEvC,EAAM,MAAA,WAAA,GAAc,WAAY,CAAA,CAAC,OAA2B,KAAA;AAC1D,IAAM,MAAA,SAAA,uBAAgB,GAAyB,EAAA,CAAA;AAC/C,IAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC1B,MAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AACD,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAe,kBAAqB,GAAA;AAClC,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,YAAa,EAAA,CAAA;AAClC,QAAA,MAAM,EAAE,MAAAA,EAAAA,OAAAA,EAAW,GAAA,MAAM,OAAO,YAAa,EAAA,CAAA;AAC7C,QAAA,MAAM,YAAe,GAAA,WAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,GAAA;AAAA,YACZA,QAAO,GAAI,CAAA,CAAC,aAAa,MAAO,CAAA,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,WAC1D;AAAA,SACF,CAAA;AACA,QAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAAA,eACf,GAAK,EAAA;AACZ,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,CAAA,4CAAA,EAA+C,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC5D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GAClB,EAAA,CAAC,WAAa,EAAA,YAAY,CAAC,CAAA,CAAA;AAE9B,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}

package/esm/index.js

@@ -4,10 +4,10 @@ export { OK, buildValidationChecker, getEditValidationRules } from './data-editi
 export { UnsavedChangesReport } from './data-editing/UnsavedChangesReport.js';
 export { VuuDataSourceProvider } from './datasource-provider/VuuDataSourceProvider.js';
 export { useLookupValues } from './hooks/useLookupValues.js';
+export { useSessionDataSource } from './hooks/useSessionDataSource.js';
 export { useVuuMenuActions } from './hooks/useVuuMenuActions.js';
 export { useVuuTables } from './hooks/useVuuTables.js';
 export { useVisualLinks } from './hooks/useVisualLinks.js';
-export { useServerConnectionStatus } from './hooks/useServerConnectionStatus.js';
 export { useServerConnectionQuality } from './hooks/useServerConnectionQuality.js';
 export { getTypeaheadParams, useTypeaheadSuggestions } from './hooks/useTypeaheadSuggestions.js';
 export { SessionEditingForm } from './session-editing-form/SessionEditingForm.js';

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "0.8.92",
+  "version": "0.8.94",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.92",
-    "@vuu-ui/vuu-filter-types": "0.8.92",
-    "@vuu-ui/vuu-popups": "0.8.92",
-    "@vuu-ui/vuu-protocol-types": "0.8.92",
-    "@vuu-ui/vuu-table-types": "0.8.92"
+    "@vuu-ui/vuu-data-types": "0.8.94",
+    "@vuu-ui/vuu-filter-types": "0.8.94",
+    "@vuu-ui/vuu-popups": "0.8.94",
+    "@vuu-ui/vuu-protocol-types": "0.8.94",
+    "@vuu-ui/vuu-table-types": "0.8.94"
   },
   "dependencies": {
-    "@vuu-ui/vuu-data-remote": "0.8.92",
-    "@vuu-ui/vuu-filter-parser": "0.8.92",
-    "@vuu-ui/vuu-layout": "0.8.92",
-    "@vuu-ui/vuu-popups": "0.8.92",
-    "@vuu-ui/vuu-ui-controls": "0.8.92",
-    "@vuu-ui/vuu-utils": "0.8.92",
-    "@vuu-ui/vuu-table": "0.8.92",
+    "@vuu-ui/vuu-data-remote": "0.8.94",
+    "@vuu-ui/vuu-filter-parser": "0.8.94",
+    "@vuu-ui/vuu-layout": "0.8.94",
+    "@vuu-ui/vuu-popups": "0.8.94",
+    "@vuu-ui/vuu-ui-controls": "0.8.94",
+    "@vuu-ui/vuu-utils": "0.8.94",
+    "@vuu-ui/vuu-table": "0.8.94",
     "@salt-ds/core": "1.34.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1"

package/types/hooks/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./useLookupValues";
+export * from "./useSessionDataSource";
 export * from "./useVuuMenuActions";
 export * from "./useVuuTables";
 export * from "./useVisualLinks";
-export * from "./useServerConnectionStatus";
 export * from "./useServerConnectionQuality";
 export * from "./useTypeaheadSuggestions";

package/types/hooks/useSessionDataSource.d.ts

@@ -0,0 +1,5 @@
+import { DataSource, TableSchema } from "@vuu-ui/vuu-data-types";
+export declare const useSessionDataSource: ({ dataSourceSessionKey, tableSchema, }: {
+    dataSourceSessionKey?: string | undefined;
+    tableSchema: TableSchema;
+}) => DataSource;

package/cjs/hooks/useServerConnectionStatus.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var react = require('react');
-var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
-
-const useServerConnectionStatus = () => {
-  const [connectionStatus, setConnectionStatus] = react.useState("disconnected");
-  const handleStatusChange = react.useCallback(
-    ({ status }) => {
-      setConnectionStatus(status);
-    },
-    []
-  );
-  react.useEffect(() => {
-    vuuDataRemote.ConnectionManager.on("connection-status", handleStatusChange);
-    return () => {
-      vuuDataRemote.ConnectionManager.removeListener("connection-status", handleStatusChange);
-    };
-  }, [handleStatusChange]);
-  return connectionStatus;
-};
-
-exports.useServerConnectionStatus = useServerConnectionStatus;
-//# sourceMappingURL=useServerConnectionStatus.js.map

package/cjs/hooks/useServerConnectionStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useServerConnectionStatus.js","sources":["../../src/hooks/useServerConnectionStatus.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager } from \"@vuu-ui/vuu-data-remote\";\nimport { ConnectionStatusMessage } from \"@vuu-ui/vuu-data-types\";\n\nexport const useServerConnectionStatus = () => {\n  const [connectionStatus, setConnectionStatus] = useState(\"disconnected\");\n\n  const handleStatusChange = useCallback(\n    ({ status }: ConnectionStatusMessage) => {\n      setConnectionStatus(status);\n    },\n    [],\n  );\n\n  useEffect(() => {\n    ConnectionManager.on(\"connection-status\", handleStatusChange);\n    return () => {\n      ConnectionManager.removeListener(\"connection-status\", handleStatusChange);\n    };\n  }, [handleStatusChange]);\n\n  return connectionStatus;\n};\n"],"names":["useState","useCallback","useEffect","ConnectionManager"],"mappings":";;;;;AAIO,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIA,eAAS,cAAc,CAAA,CAAA;AAEvE,EAAA,MAAM,kBAAqB,GAAAC,iBAAA;AAAA,IACzB,CAAC,EAAE,MAAA,EAAsC,KAAA;AACvC,MAAA,mBAAA,CAAoB,MAAM,CAAA,CAAA;AAAA,KAC5B;AAAA,IACA,EAAC;AAAA,GACH,CAAA;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAkBC,+BAAA,CAAA,EAAA,CAAG,qBAAqB,kBAAkB,CAAA,CAAA;AAC5D,IAAA,OAAO,MAAM;AACX,MAAkBA,+BAAA,CAAA,cAAA,CAAe,qBAAqB,kBAAkB,CAAA,CAAA;AAAA,KAC1E,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EAAO,OAAA,gBAAA,CAAA;AACT;;;;"}

package/esm/hooks/useServerConnectionStatus.js

@@ -1,22 +0,0 @@
-import { useState, useCallback, useEffect } from 'react';
-import { ConnectionManager } from '@vuu-ui/vuu-data-remote';
-
-const useServerConnectionStatus = () => {
-  const [connectionStatus, setConnectionStatus] = useState("disconnected");
-  const handleStatusChange = useCallback(
-    ({ status }) => {
-      setConnectionStatus(status);
-    },
-    []
-  );
-  useEffect(() => {
-    ConnectionManager.on("connection-status", handleStatusChange);
-    return () => {
-      ConnectionManager.removeListener("connection-status", handleStatusChange);
-    };
-  }, [handleStatusChange]);
-  return connectionStatus;
-};
-
-export { useServerConnectionStatus };
-//# sourceMappingURL=useServerConnectionStatus.js.map

package/esm/hooks/useServerConnectionStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useServerConnectionStatus.js","sources":["../../src/hooks/useServerConnectionStatus.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager } from \"@vuu-ui/vuu-data-remote\";\nimport { ConnectionStatusMessage } from \"@vuu-ui/vuu-data-types\";\n\nexport const useServerConnectionStatus = () => {\n  const [connectionStatus, setConnectionStatus] = useState(\"disconnected\");\n\n  const handleStatusChange = useCallback(\n    ({ status }: ConnectionStatusMessage) => {\n      setConnectionStatus(status);\n    },\n    [],\n  );\n\n  useEffect(() => {\n    ConnectionManager.on(\"connection-status\", handleStatusChange);\n    return () => {\n      ConnectionManager.removeListener(\"connection-status\", handleStatusChange);\n    };\n  }, [handleStatusChange]);\n\n  return connectionStatus;\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,cAAc,CAAA,CAAA;AAEvE,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,EAAE,MAAA,EAAsC,KAAA;AACvC,MAAA,mBAAA,CAAoB,MAAM,CAAA,CAAA;AAAA,KAC5B;AAAA,IACA,EAAC;AAAA,GACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAkB,iBAAA,CAAA,EAAA,CAAG,qBAAqB,kBAAkB,CAAA,CAAA;AAC5D,IAAA,OAAO,MAAM;AACX,MAAkB,iBAAA,CAAA,cAAA,CAAe,qBAAqB,kBAAkB,CAAA,CAAA;AAAA,KAC1E,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EAAO,OAAA,gBAAA,CAAA;AACT;;;;"}

package/types/hooks/useServerConnectionStatus.d.ts

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