@vuu-ui/vuu-data-react 0.8.23 → 0.8.24-debug

package/esm/index.js

@@ -1,2 +1,561 @@
-import{getFullRange as M,metadataKeys as U,WindowRange as W}from"@vuu-ui/vuu-utils";import{useCallback as h,useEffect as R,useMemo as b,useRef as g,useState as N}from"react";var{SELECTED:C}=U;function Ve({dataSource:t,renderBufferSize:e=10}){let[,n]=N(null),r=g(!0),u=g(!1),c=g(null),s=g([]),i=g({from:0,to:10}),o=b(()=>new w(M(i.current,e)),[e]),l=h(a=>{for(let p of a)o.add(p);s.current=o.data.slice(),u.current=!0},[o]),m=h(a=>{a.type==="viewport-update"&&(a.size!==void 0&&o.setRowCount(a.size),a.rows?(l(a.rows),n({})):a.size!==void 0&&(s.current=o.data.slice(),u.current=!0))},[o,l]);R(()=>()=>{c.current&&(cancelAnimationFrame(c.current),c.current=null),r.current=!1},[]);let f=h(a=>{i.current=a;let p=M(i.current,e);t.range=p,o.setRange(p.from,p.to)},[t,o,e]);return b(()=>{let{from:a,to:p}=i.current,d=M({from:a,to:p},e);t.range=d,o.setRange(d.from,d.to)},[t,o,e]),R(()=>{let{from:a,to:p}=M(i.current,e);t.subscribe({range:{from:a,to:p}},m)},[t,m,e]),R(()=>()=>{t.unsubscribe()},[t]),[s.current,o.rowCount,M(i.current,e),f]}var w=class{constructor({from:e,to:n}){this.rowCount=0;this.setRowCount=e=>{e<this.data.length&&(this.data.length=e),this.rowCount=e};this.range=new W(e,n),this.data=new Array(n-e)}add(e){let[n]=e;if(this.isWithinRange(n)){let r=n-this.range.from;this.data[r]=e,this.data[r-1]&&this.data[r-1][C]===1&&e[C]===0&&(e[C]=2),n===this.rowCount-1&&(this.data.length=r+1)}}getAtIndex(e){return this.range.isWithin(e)&&this.data[e-this.range.from]!=null?this.data[e-this.range.from]:void 0}isWithinRange(e){return this.range.isWithin(e)}setRange(e,n){if(e!==this.range.from||n!==this.range.to){let[r,u]=this.range.overlap(e,n),c=new Array(n-e);for(let s=r;s<u;s++){let i=this.getAtIndex(s);if(i){let o=s-e;c[o]=i}}this.data=c,this.range.from=e,this.range.to=n}}};import{VuuDataSource as F}from"@vuu-ui/vuu-data-remote";import{useShellContext as H}from"@vuu-ui/vuu-shell";import{buildColumnMap as K,isLookupRenderer as G,isTypeDescriptor as q}from"@vuu-ui/vuu-utils";import{useMemo as V,useState as $}from"react";var S=[],T=new Map,j=({labelColumn:t,table:e,valueColumn:n})=>{let r=`${e.module}:${e.table}`,u=T.get(r);if(u)return u;{let c=new Promise(s=>{let i=[n,t],o=K(i),l=new F({bufferSize:0,table:e});l.subscribe({columns:i,range:{from:0,to:100}},m=>{if(m.type==="viewport-update"&&m.rows){let f=m.rows.map(a=>({value:a[o[n]],label:a[o[t]]}));s(f),l.unsubscribe()}})});return T.set(r,c),c}},v=(t,e)=>{var n;return e===void 0?null:(n=t.find(r=>r.value===e))!=null?n:null},Y=({name:t,type:e})=>{if(q(e)&&G(e.renderer))return e.renderer.lookup;throw Error(`useLookupValues column ${t} is not configured to use lookup values`)},Ie=(t,e)=>{let n=Y(t),{getLookupValues:r}=H(),u=V(()=>{var l;let o=(l=r==null?void 0:r(n.table))!=null?l:S;return{initialValue:v(o,e),values:o}},[r,e,n.table]),[{initialValue:c,values:s},i]=$(u);return V(()=>{s===S&&j(n).then(o=>i({initialValue:v(o,e),values:o}))},[s,n,e]),{initialValue:c,values:s}};import{useCallback as Q,useEffect as J,useState as X}from"react";import{ConnectionManager as L}from"@vuu-ui/vuu-data-remote";var Pe=()=>{let[t,e]=X("disconnected"),n=Q(({status:r})=>{e(r)},[]);return J(()=>(L.on("connection-status",n),()=>{L.removeListener("connection-status",n)}),[n]),t};import{useCallback as Z,useEffect as B,useState as z}from"react";import{ConnectionManager as y}from"@vuu-ui/vuu-data-remote";var _e=()=>{let[t,e]=z(0),n=Z(({messages:r})=>{e(r.messagesLength)},[]);return B(()=>(y.on("connection-metrics",n),()=>{y.removeListener("connection-metrics",n)}),[n]),t};import{makeRpcCall as ee}from"@vuu-ui/vuu-data-remote";import{useCallback as te}from"react";var I={type:"RPC_CALL",service:"TypeAheadRpcHandler"},Fe=(t,e,n="",r=[])=>n!==""&&!r.includes(n.toLowerCase())?[t,e,n]:[t,e],He=()=>te(async t=>{let e=t.length===2?{method:"getUniqueFieldValues",params:t,...I}:{method:"getUniqueFieldValuesStartingWith",params:t,...I};return ee(e)},[]);import{getFilterPredicate as k}from"@vuu-ui/vuu-filter-parser";import{getRowRecord as ne,isGroupMenuItemDescriptor as re,metadataKeys as oe}from"@vuu-ui/vuu-utils";import{useCallback as D}from"react";var Ye="addRowsFromInstruments",{KEY:x}=oe,ue={},se=t=>"rpcName"in t,ae=t=>"menus"in t,ie=t=>t.name==="ROOT",P=t=>t.context==="cell",ce=t=>t.context==="row",le=t=>t.context==="selected-rows",pe=(t,e,n=0)=>{switch(t){case"grid":return e==="selected-rows"?n>0:!0;case"header":return e==="grid";default:return!1}},me=(t,e,n,r,u)=>{if(t==="cell"||t==="row")return k(u,r)(e);if(t==="selected-rows"){if(n.length===0)return!1;{let c=k(u,r);return n.every(c)}}return!0},fe=t=>{let{rpcName:e}=t;return P(t)?{field:t.field,rowKey:t.rowKey,rpcName:e,value:t.value,type:"VIEW_PORT_MENU_CELL_RPC"}:ce(t)?{rowKey:t.rowKey,row:t.row,rpcName:e,type:"VIEW_PORT_MENU_ROW_RPC"}:le(t)?{rpcName:e,type:"VIEW_PORT_MENUS_SELECT_RPC"}:{rpcName:e,type:"VIEW_PORT_MENU_TABLE_RPC"}},de=t=>["grid","header","filter"].includes(t),Me=({filter:t})=>typeof t=="string"&&t.length>0,ge=(t,e)=>{switch(t.context){case"cell":return{...t,field:e.columnName,rowKey:e.row[x],value:e.row[e.columnMap[e.columnName]]};case"row":return{...t,row:ne(e.row,e.columnMap),rowKey:e.row[x]};default:return t}},E=(t,e,n)=>{var r;return ae(t)?t.menus.some(u=>E(u,e,n)):pe(e,t.context,(r=n.selectedRows)==null?void 0:r.length)?e==="grid"&&Me(t)?me(t.context,n.row,n.selectedRows,t.filter,n.columnMap):P(t)&&t.field!=="*"?t.field===n.columnName:!0:!1},O=(t,e,n)=>{if(E(t,e,n)){if(se(t))return{label:t.name,action:"MENU_RPC_CALL",options:ge(t,n)};{let r=t.menus.map(u=>O(u,e,n)).filter(u=>u!==void 0);if(r.length>0)return{label:t.name,children:r}}}},Qe=({clientSideMenuActionHandler:t,dataSource:e,menuActionConfig:n=ue,onRpcResponse:r})=>{let u=D((s,i)=>{let{links:o,menu:l}=e,{visualLink:m}=n,f=[];if(s==="grid"&&o&&!m&&o.forEach(a=>{let{link:p,label:d}=a,_=d||p.toTable;f.push({label:`Link to ${_}`,action:"link-table",options:a})}),l&&de(s)){let a=O(l,s,i);ie(l)&&re(a)?f.push(...a.children):a&&f.push(a)}return f},[e,n]),c=D(({menuId:s,options:i})=>{if(t!=null&&t(s,i))return!0;if(s==="MENU_RPC_CALL"){let o=fe(i);return e.menuRpcCall(o).then(l=>{r&&l&&r&&r(l)}),!0}else{if(s==="link-table")return e.visualLink=i,!0;console.log(`useViewServer handleMenuAction,  can't handle action type ${s}`)}return!1},[t,e,r]);return{buildViewserverMenuOptions:u,handleMenuAction:c}};import{getServerAPI as A}from"@vuu-ui/vuu-data-remote";import{useCallback as he,useEffect as Re,useState as Ce}from"react";var Be=()=>{let[t,e]=Ce(),n=he(r=>{let u=new Map;return r.forEach(c=>{u.set(c.table.table,c)}),u},[]);return Re(()=>{async function r(){console.log("GET TABLE LIST");let u=await A(),{tables:c}=await u.getTableList(),s=n(await Promise.all(c.map(i=>u.getTableSchema(i))));e(s)}r()},[n]),t},ze=t=>A().then(e=>e.getTableSchema(t));export{w as MovingWindow,Ye as addRowsFromInstruments,Fe as getTypeaheadParams,ze as getVuuTableSchema,Ve as useDataSource,Ie as useLookupValues,_e as useServerConnectionQuality,Pe as useServerConnectionStatus,He as useTypeaheadSuggestions,Qe as useVuuMenuActions,Be as useVuuTables};
+// src/hooks/useDataSource.ts
+import { getFullRange, metadataKeys, WindowRange } from "@vuu-ui/vuu-utils";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+var { SELECTED } = metadataKeys;
+function useDataSource({
+  dataSource,
+  renderBufferSize = 10
+}) {
+  const [, forceUpdate] = useState(null);
+  const isMounted = useRef(true);
+  const hasUpdated = useRef(false);
+  const rafHandle = useRef(null);
+  const data = useRef([]);
+  const rangeRef = useRef({ from: 0, to: 10 });
+  const dataWindow = useMemo(
+    () => new MovingWindow(getFullRange(rangeRef.current, renderBufferSize)),
+    [renderBufferSize]
+  );
+  const setData = useCallback(
+    (updates) => {
+      for (const row of updates) {
+        dataWindow.add(row);
+      }
+      data.current = dataWindow.data.slice();
+      hasUpdated.current = true;
+    },
+    [dataWindow]
+  );
+  const datasourceMessageHandler = useCallback(
+    (message) => {
+      if (message.type === "viewport-update") {
+        if (message.size !== void 0) {
+          dataWindow.setRowCount(message.size);
+        }
+        if (message.rows) {
+          setData(message.rows);
+          forceUpdate({});
+        } else if (message.size !== void 0) {
+          data.current = dataWindow.data.slice();
+          hasUpdated.current = true;
+        }
+      }
+    },
+    [dataWindow, setData]
+  );
+  useEffect(
+    () => () => {
+      if (rafHandle.current) {
+        cancelAnimationFrame(rafHandle.current);
+        rafHandle.current = null;
+      }
+      isMounted.current = false;
+    },
+    []
+  );
+  const setRange = useCallback(
+    (range) => {
+      rangeRef.current = range;
+      const fullRange = getFullRange(rangeRef.current, renderBufferSize);
+      dataSource.range = fullRange;
+      dataWindow.setRange(fullRange.from, fullRange.to);
+    },
+    [dataSource, dataWindow, renderBufferSize]
+  );
+  useMemo(() => {
+    const { from, to } = rangeRef.current;
+    const fullRange = getFullRange({ from, to }, renderBufferSize);
+    dataSource.range = fullRange;
+    dataWindow.setRange(fullRange.from, fullRange.to);
+  }, [dataSource, dataWindow, renderBufferSize]);
+  useEffect(() => {
+    const { from, to } = getFullRange(rangeRef.current, renderBufferSize);
+    dataSource.subscribe(
+      {
+        range: { from, to }
+      },
+      datasourceMessageHandler
+    );
+  }, [dataSource, datasourceMessageHandler, renderBufferSize]);
+  useEffect(
+    () => () => {
+      dataSource.unsubscribe();
+    },
+    [dataSource]
+  );
+  return [
+    data.current,
+    dataWindow.rowCount,
+    getFullRange(rangeRef.current, renderBufferSize),
+    setRange
+  ];
+}
+var MovingWindow = class {
+  constructor({ from, to }) {
+    this.rowCount = 0;
+    this.setRowCount = (rowCount) => {
+      if (rowCount < this.data.length) {
+        this.data.length = rowCount;
+      }
+      this.rowCount = rowCount;
+    };
+    this.range = new WindowRange(from, to);
+    this.data = new Array(to - from);
+  }
+  add(data) {
+    const [index] = data;
+    if (this.isWithinRange(index)) {
+      const internalIndex = index - this.range.from;
+      this.data[internalIndex] = data;
+      if (this.data[internalIndex - 1]) {
+        if (this.data[internalIndex - 1][SELECTED] === 1 && data[SELECTED] === 0) {
+          data[SELECTED] = 2;
+        }
+      }
+      if (index === this.rowCount - 1) {
+        this.data.length = internalIndex + 1;
+      }
+    }
+  }
+  getAtIndex(index) {
+    return this.range.isWithin(index) && this.data[index - this.range.from] != null ? this.data[index - this.range.from] : void 0;
+  }
+  isWithinRange(index) {
+    return this.range.isWithin(index);
+  }
+  setRange(from, to) {
+    if (from !== this.range.from || to !== this.range.to) {
+      const [overlapFrom, overlapTo] = this.range.overlap(from, to);
+      const newData = new Array(to - from);
+      for (let i = overlapFrom; i < overlapTo; i++) {
+        const data = this.getAtIndex(i);
+        if (data) {
+          const index = i - from;
+          newData[index] = data;
+        }
+      }
+      this.data = newData;
+      this.range.from = from;
+      this.range.to = to;
+    }
+  }
+};
+
+// src/hooks/useLookupValues.ts
+import { VuuDataSource } from "@vuu-ui/vuu-data-remote";
+import { useShellContext } from "@vuu-ui/vuu-shell";
+import {
+  buildColumnMap,
+  isLookupRenderer,
+  isTypeDescriptor
+} from "@vuu-ui/vuu-utils";
+import { useMemo as useMemo2, useState as useState2 } from "react";
+var NO_VALUES = [];
+var lookupValueMap = /* @__PURE__ */ new Map();
+var loadLookupValues = ({
+  labelColumn,
+  table,
+  valueColumn
+}) => {
+  const tableKey = `${table.module}:${table.table}`;
+  const lookupValues = lookupValueMap.get(tableKey);
+  if (lookupValues) {
+    return lookupValues;
+  } else {
+    const promise = new Promise((resolve) => {
+      const columns = [valueColumn, labelColumn];
+      const columnMap = buildColumnMap(columns);
+      const dataSource = new VuuDataSource({
+        bufferSize: 0,
+        table
+      });
+      dataSource.subscribe(
+        {
+          columns,
+          range: { from: 0, to: 100 }
+        },
+        (message) => {
+          if (message.type === "viewport-update") {
+            if (message.rows) {
+              const listOptions = message.rows.map((row) => ({
+                value: row[columnMap[valueColumn]],
+                label: row[columnMap[labelColumn]]
+              }));
+              resolve(listOptions);
+              dataSource.unsubscribe();
+            }
+          }
+        }
+      );
+    });
+    lookupValueMap.set(tableKey, promise);
+    return promise;
+  }
+};
+var getSelectedOption = (values, selectedValue) => {
+  var _a;
+  if (selectedValue === void 0) {
+    return null;
+  }
+  return (_a = values.find((option) => option.value === selectedValue)) != null ? _a : null;
+};
+var getLookupDetails = ({ name, type }) => {
+  if (isTypeDescriptor(type) && isLookupRenderer(type.renderer)) {
+    return type.renderer.lookup;
+  } else {
+    throw Error(
+      `useLookupValues column ${name} is not configured to use lookup values`
+    );
+  }
+};
+var useLookupValues = (column, initialValueProp) => {
+  const lookupDetails = getLookupDetails(column);
+  const { getLookupValues } = useShellContext();
+  const initialState = useMemo2(() => {
+    var _a;
+    const values2 = (_a = getLookupValues == null ? void 0 : getLookupValues(lookupDetails.table)) != null ? _a : NO_VALUES;
+    return {
+      initialValue: getSelectedOption(values2, initialValueProp),
+      values: values2
+    };
+  }, [getLookupValues, initialValueProp, lookupDetails.table]);
+  const [{ initialValue, values }, setLookupState] = useState2(initialState);
+  useMemo2(() => {
+    if (values === NO_VALUES) {
+      loadLookupValues(lookupDetails).then(
+        (values2) => setLookupState({
+          initialValue: getSelectedOption(values2, initialValueProp),
+          values: values2
+        })
+      );
+    }
+  }, [values, lookupDetails, initialValueProp]);
+  return {
+    initialValue,
+    values
+  };
+};
+
+// src/hooks/useServerConnectionStatus.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState3 } from "react";
+import { ConnectionManager } from "@vuu-ui/vuu-data-remote";
+var useServerConnectionStatus = () => {
+  const [connectionStatus, setConnectionStatus] = useState3("disconnected");
+  const handleStatusChange = useCallback2(
+    ({ status }) => {
+      setConnectionStatus(status);
+    },
+    []
+  );
+  useEffect2(() => {
+    ConnectionManager.on("connection-status", handleStatusChange);
+    return () => {
+      ConnectionManager.removeListener("connection-status", handleStatusChange);
+    };
+  }, [handleStatusChange]);
+  return connectionStatus;
+};
+
+// src/hooks/useServerConnectionQuality.ts
+import { useCallback as useCallback3, useEffect as useEffect3, useState as useState4 } from "react";
+import { ConnectionManager as ConnectionManager2 } from "@vuu-ui/vuu-data-remote";
+var useServerConnectionQuality = () => {
+  const [messagesPerSecond, setMessagesPerSecond] = useState4(0);
+  const handleConnectivityMessage = useCallback3(({ messages }) => {
+    setMessagesPerSecond(messages.messagesLength);
+  }, []);
+  useEffect3(() => {
+    ConnectionManager2.on("connection-metrics", handleConnectivityMessage);
+    return () => {
+      ConnectionManager2.removeListener(
+        "connection-metrics",
+        handleConnectivityMessage
+      );
+    };
+  }, [handleConnectivityMessage]);
+  return messagesPerSecond;
+};
+
+// src/hooks/useTypeaheadSuggestions.ts
+import { makeRpcCall } from "@vuu-ui/vuu-data-remote";
+import { useCallback as useCallback4 } from "react";
+var TYPEAHEAD_MESSAGE_CONSTANTS = {
+  type: "RPC_CALL",
+  service: "TypeAheadRpcHandler"
+};
+var getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
+  if (text !== "" && !selectedValues.includes(text.toLowerCase())) {
+    return [table, column, text];
+  }
+  return [table, column];
+};
+var useTypeaheadSuggestions = () => useCallback4(async (params) => {
+  const rpcMessage = params.length === 2 ? {
+    method: "getUniqueFieldValues",
+    params,
+    ...TYPEAHEAD_MESSAGE_CONSTANTS
+  } : {
+    method: "getUniqueFieldValuesStartingWith",
+    params,
+    ...TYPEAHEAD_MESSAGE_CONSTANTS
+  };
+  return makeRpcCall(rpcMessage);
+}, []);
+
+// src/hooks/useVuuMenuActions.ts
+import { getFilterPredicate } from "@vuu-ui/vuu-filter-parser";
+import {
+  getRowRecord,
+  isGroupMenuItemDescriptor,
+  metadataKeys as metadataKeys2
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback5 } from "react";
+var addRowsFromInstruments = "addRowsFromInstruments";
+var { KEY } = metadataKeys2;
+var NO_CONFIG = {};
+var isMenuItem = (menu) => "rpcName" in menu;
+var isGroupMenuItem = (menu) => "menus" in menu;
+var isRoot = (menu) => menu.name === "ROOT";
+var isCellMenu = (options) => options.context === "cell";
+var isRowMenu = (options) => options.context === "row";
+var isSelectionMenu = (options) => options.context === "selected-rows";
+var vuuContextCompatibleWithTableLocation = (uiLocation, vuuContext, selectedRowCount = 0) => {
+  switch (uiLocation) {
+    case "grid":
+      if (vuuContext === "selected-rows") {
+        return selectedRowCount > 0;
+      } else {
+        return true;
+      }
+    case "header":
+      return vuuContext === "grid";
+    default:
+      return false;
+  }
+};
+var gridRowMeetsFilterCriteria = (context, row, selectedRows, filter, columnMap) => {
+  if (context === "cell" || context === "row") {
+    const filterPredicate = getFilterPredicate(columnMap, filter);
+    return filterPredicate(row);
+  } else if (context === "selected-rows") {
+    if (selectedRows.length === 0) {
+      return false;
+    } else {
+      const filterPredicate = getFilterPredicate(columnMap, filter);
+      return selectedRows.every(filterPredicate);
+    }
+  }
+  return true;
+};
+var getMenuRpcRequest = (options) => {
+  const { rpcName } = options;
+  if (isCellMenu(options)) {
+    return {
+      field: options.field,
+      rowKey: options.rowKey,
+      rpcName,
+      value: options.value,
+      type: "VIEW_PORT_MENU_CELL_RPC"
+    };
+  } else if (isRowMenu(options)) {
+    return {
+      rowKey: options.rowKey,
+      row: options.row,
+      rpcName,
+      type: "VIEW_PORT_MENU_ROW_RPC"
+    };
+  } else if (isSelectionMenu(options)) {
+    return {
+      rpcName,
+      type: "VIEW_PORT_MENUS_SELECT_RPC"
+    };
+  } else {
+    return {
+      rpcName,
+      type: "VIEW_PORT_MENU_TABLE_RPC"
+    };
+  }
+};
+var isTableLocation = (location) => ["grid", "header", "filter"].includes(location);
+var hasFilter = ({ filter }) => typeof filter === "string" && filter.length > 0;
+var getMenuItemOptions = (menu, options) => {
+  switch (menu.context) {
+    case "cell":
+      return {
+        ...menu,
+        field: options.columnName,
+        rowKey: options.row[KEY],
+        value: options.row[options.columnMap[options.columnName]]
+      };
+    case "row":
+      return {
+        ...menu,
+        row: getRowRecord(options.row, options.columnMap),
+        rowKey: options.row[KEY]
+      };
+    default:
+      return menu;
+  }
+};
+var menuShouldBeRenderedInThisContext = (menuItem, tableLocation, options) => {
+  var _a;
+  if (isGroupMenuItem(menuItem)) {
+    return menuItem.menus.some(
+      (childMenu) => menuShouldBeRenderedInThisContext(childMenu, tableLocation, options)
+    );
+  }
+  if (!vuuContextCompatibleWithTableLocation(
+    tableLocation,
+    menuItem.context,
+    (_a = options.selectedRows) == null ? void 0 : _a.length
+  )) {
+    return false;
+  }
+  if (tableLocation === "grid" && hasFilter(menuItem)) {
+    return gridRowMeetsFilterCriteria(
+      menuItem.context,
+      options.row,
+      options.selectedRows,
+      menuItem.filter,
+      options.columnMap
+    );
+  }
+  if (isCellMenu(menuItem) && menuItem.field !== "*") {
+    return menuItem.field === options.columnName;
+  }
+  return true;
+};
+var buildMenuDescriptor = (menu, tableLocation, options) => {
+  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {
+    if (isMenuItem(menu)) {
+      return {
+        label: menu.name,
+        action: "MENU_RPC_CALL",
+        options: getMenuItemOptions(menu, options)
+      };
+    } else {
+      const children = menu.menus.map(
+        (childMenu) => buildMenuDescriptor(childMenu, tableLocation, options)
+      ).filter(
+        (childMenu) => childMenu !== void 0
+      );
+      if (children.length > 0) {
+        return {
+          label: menu.name,
+          children
+        };
+      }
+    }
+  }
+};
+var useVuuMenuActions = ({
+  clientSideMenuActionHandler,
+  dataSource,
+  menuActionConfig = NO_CONFIG,
+  onRpcResponse
+}) => {
+  const buildViewserverMenuOptions = useCallback5(
+    (location, options) => {
+      const { links, menu } = dataSource;
+      const { visualLink } = menuActionConfig;
+      const descriptors = [];
+      if (location === "grid" && links && !visualLink) {
+        links.forEach((linkDescriptor) => {
+          const { link, label: linkLabel } = linkDescriptor;
+          const label = linkLabel ? linkLabel : link.toTable;
+          descriptors.push({
+            label: `Link to ${label}`,
+            action: "link-table",
+            options: linkDescriptor
+          });
+        });
+      }
+      if (menu && isTableLocation(location)) {
+        const menuDescriptor = buildMenuDescriptor(
+          menu,
+          location,
+          options
+        );
+        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {
+          descriptors.push(...menuDescriptor.children);
+        } else if (menuDescriptor) {
+          descriptors.push(menuDescriptor);
+        }
+      }
+      return descriptors;
+    },
+    [dataSource, menuActionConfig]
+  );
+  const handleMenuAction = useCallback5(
+    ({ menuId, options }) => {
+      if (clientSideMenuActionHandler == null ? void 0 : clientSideMenuActionHandler(menuId, options)) {
+        return true;
+      } else if (menuId === "MENU_RPC_CALL") {
+        const rpcRequest = getMenuRpcRequest(options);
+        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {
+          if (onRpcResponse && rpcResponse) {
+            onRpcResponse && onRpcResponse(rpcResponse);
+          }
+        });
+        return true;
+      } else if (menuId === "link-table") {
+        return dataSource.visualLink = options, true;
+      } else {
+        console.log(
+          `useViewServer handleMenuAction,  can't handle action type ${menuId}`
+        );
+      }
+      return false;
+    },
+    [clientSideMenuActionHandler, dataSource, onRpcResponse]
+  );
+  return {
+    buildViewserverMenuOptions,
+    handleMenuAction
+  };
+};
+
+// src/hooks/useVuuTables.ts
+import { getServerAPI } from "@vuu-ui/vuu-data-remote";
+import { useCallback as useCallback6, useEffect as useEffect4, useState as useState5 } from "react";
+var useVuuTables = () => {
+  const [tables, setTables] = useState5();
+  const buildTables = useCallback6((schemas) => {
+    const vuuTables = /* @__PURE__ */ new Map();
+    schemas.forEach((schema) => {
+      vuuTables.set(schema.table.table, schema);
+    });
+    return vuuTables;
+  }, []);
+  useEffect4(() => {
+    async function fetchTableMetadata() {
+      console.log("GET TABLE LIST");
+      const server = await getServerAPI();
+      const { tables: tables2 } = await server.getTableList();
+      const tableSchemas = buildTables(
+        await Promise.all(
+          tables2.map((vuuTable) => server.getTableSchema(vuuTable))
+        )
+      );
+      setTables(tableSchemas);
+    }
+    fetchTableMetadata();
+  }, [buildTables]);
+  return tables;
+};
+var getVuuTableSchema = (table) => getServerAPI().then((server) => server.getTableSchema(table));
+export {
+  MovingWindow,
+  addRowsFromInstruments,
+  getSelectedOption,
+  getTypeaheadParams,
+  getVuuTableSchema,
+  useDataSource,
+  useLookupValues,
+  useServerConnectionQuality,
+  useServerConnectionStatus,
+  useTypeaheadSuggestions,
+  useVuuMenuActions,
+  useVuuTables
+};
 //# sourceMappingURL=index.js.map