@vuu-ui/vuu-data-react 0.8.31 → 0.8.32-debug

package/esm/index.js

@@ -1,2 +1,581 @@
-import{getFullRange as M,metadataKeys as N,WindowRange as F}from"@vuu-ui/vuu-utils";import{useCallback as h,useEffect as R,useMemo as V,useRef as g,useState as H}from"react";var{SELECTED:C}=N;function ve({dataSource:e,renderBufferSize:t=10}){let[,n]=H(null),r=g(!0),o=g(!1),c=g(null),s=g([]),i=g({from:0,to:10}),u=V(()=>new b(M(i.current,t)),[t]),l=h(a=>{for(let m of a)u.add(m);s.current=u.data.slice(),o.current=!0},[u]),p=h(a=>{a.type==="viewport-update"&&(a.size!==void 0&&u.setRowCount(a.size),a.rows?(l(a.rows),n({})):a.size!==void 0&&(s.current=u.data.slice(),o.current=!0))},[u,l]);R(()=>()=>{c.current&&(cancelAnimationFrame(c.current),c.current=null),r.current=!1},[]);let f=h(a=>{i.current=a;let m=M(i.current,t);e.range=m,u.setRange(m.from,m.to)},[e,u,t]);return V(()=>{let{from:a,to:m}=i.current,d=M({from:a,to:m},t);e.range=d,u.setRange(d.from,d.to)},[e,u,t]),R(()=>{let{from:a,to:m}=M(i.current,t);e.subscribe({range:{from:a,to:m}},p)},[e,p,t]),R(()=>()=>{e.unsubscribe()},[e]),[s.current,u.rowCount,M(i.current,t),f]}var b=class{constructor({from:t,to:n}){this.rowCount=0;this.setRowCount=t=>{t<this.data.length&&(this.data.length=t),this.rowCount=t};this.range=new F(t,n),this.data=new Array(n-t)}add(t){let[n]=t;if(this.isWithinRange(n)){let r=n-this.range.from;this.data[r]=t,this.data[r-1]&&this.data[r-1][C]===1&&t[C]===0&&(t[C]=2),n===this.rowCount-1&&(this.data.length=r+1)}}getAtIndex(t){return this.range.isWithin(t)&&this.data[t-this.range.from]!=null?this.data[t-this.range.from]:void 0}isWithinRange(t){return this.range.isWithin(t)}setRange(t,n){if(t!==this.range.from||n!==this.range.to){let[r,o]=this.range.overlap(t,n),c=new Array(n-t);for(let s=r;s<o;s++){let i=this.getAtIndex(s);if(i){let u=s-t;c[u]=i}}this.data=c,this.range.from=t,this.range.to=n}}};import{VuuDataSource as K}from"@vuu-ui/vuu-data-remote";import{useShellContext as q}from"@vuu-ui/vuu-shell";import{buildColumnMap as G,isLookupRenderer as $,isTypeDescriptor as k,isValueListRenderer as j}from"@vuu-ui/vuu-utils";import{useMemo as S,useState as Y}from"react";var v=[],Q=e=>({label:e,value:e}),T=new Map,J=({labelColumn:e,table:t,valueColumn:n})=>{let r=`${t.module}:${t.table}`,o=T.get(r);if(o)return o;{let c=new Promise(s=>{let i=[n,e],u=G(i),l=new K({bufferSize:0,table:t});l.subscribe({columns:i,range:{from:0,to:100}},p=>{if(p.type==="viewport-update"&&p.rows){let f=p.rows.map(a=>({value:a[u[n]],label:a[u[e]]}));s(f),l.unsubscribe()}})});return T.set(r,c),c}},w=(e,t)=>{var n;return t===void 0?null:(n=e.find(r=>r.value===t))!=null?n:null},L=({name:e,type:t})=>{if(k(t)&&$(t.renderer))return t.renderer.lookup;throw Error(`useLookupValues column ${e} is not configured to use lookup values`)},De=(e,t)=>{let{type:n}=e,{getLookupValues:r}=q(),o=S(()=>{var u;if(k(n)&&j(n==null?void 0:n.renderer)){let l=n.renderer.values.map(Q);return{initialValue:w(l,t),values:l}}else{let l=L(e),p=(u=r==null?void 0:r(l.table))!=null?u:v;return{initialValue:w(p,t),values:p}}},[e,n,r,t]),[{initialValue:c,values:s},i]=Y(o);return S(()=>{if(s===v){let u=L(e);J(u).then(l=>i({initialValue:w(l,t),values:l}))}},[s,e,t]),{initialValue:c,values:s}};import{useCallback as X,useEffect as Z,useState as B}from"react";import{ConnectionManager as y}from"@vuu-ui/vuu-data-remote";var Ee=()=>{let[e,t]=B("disconnected"),n=X(({status:r})=>{t(r)},[]);return Z(()=>(y.on("connection-status",n),()=>{y.removeListener("connection-status",n)}),[n]),e};import{useCallback as z,useEffect as ee,useState as te}from"react";import{ConnectionManager as I}from"@vuu-ui/vuu-data-remote";var We=()=>{let[e,t]=te(0),n=z(({messages:r})=>{t(r.messagesLength)},[]);return ee(()=>(I.on("connection-metrics",n),()=>{I.removeListener("connection-metrics",n)}),[n]),e};import{makeRpcCall as ne}from"@vuu-ui/vuu-data-remote";import{useCallback as re}from"react";var D={type:"RPC_CALL",service:"TypeAheadRpcHandler"},Ke=(e,t,n="",r=[])=>n!==""&&!r.includes(n.toLowerCase())?[e,t,n]:[e,t],qe=()=>re(async e=>{let t=e.length===2?{method:"getUniqueFieldValues",params:e,...D}:{method:"getUniqueFieldValuesStartingWith",params:e,...D};return ne(t)},[]);import{getFilterPredicate as x}from"@vuu-ui/vuu-filter-parser";import{getRowRecord as oe,isGroupMenuItemDescriptor as ue,metadataKeys as se}from"@vuu-ui/vuu-utils";import{useCallback as P}from"react";var Je="addRowsFromInstruments",{KEY:O}=se,ae={},ie=e=>"rpcName"in e,ce=e=>"menus"in e,le=e=>e.name==="ROOT",E=e=>e.context==="cell",pe=e=>e.context==="row",me=e=>e.context==="selected-rows",fe=(e,t,n=0)=>{switch(e){case"grid":return t==="selected-rows"?n>0:!0;case"header":return t==="grid";default:return!1}},de=(e,t,n,r,o)=>{if(e==="cell"||e==="row")return x(o,r)(t);if(e==="selected-rows"){if(n.length===0)return!1;{let c=x(o,r);return n.every(c)}}return!0},Me=e=>{let{rpcName:t}=e;return E(e)?{field:e.field,rowKey:e.rowKey,rpcName:t,value:e.value,type:"VIEW_PORT_MENU_CELL_RPC"}:pe(e)?{rowKey:e.rowKey,row:e.row,rpcName:t,type:"VIEW_PORT_MENU_ROW_RPC"}:me(e)?{rpcName:t,type:"VIEW_PORT_MENUS_SELECT_RPC"}:{rpcName:t,type:"VIEW_PORT_MENU_TABLE_RPC"}},ge=e=>["grid","header","filter"].includes(e),he=({filter:e})=>typeof e=="string"&&e.length>0,Re=(e,t)=>{switch(e.context){case"cell":return{...e,field:t.columnName,rowKey:t.row[O],value:t.row[t.columnMap[t.columnName]]};case"row":return{...e,row:oe(t.row,t.columnMap),rowKey:t.row[O]};default:return e}},A=(e,t,n)=>{var r;return ce(e)?e.menus.some(o=>A(o,t,n)):fe(t,e.context,(r=n.selectedRows)==null?void 0:r.length)?t==="grid"&&he(e)?de(e.context,n.row,n.selectedRows,e.filter,n.columnMap):E(e)&&e.field!=="*"?e.field===n.columnName:!0:!1},_=(e,t,n)=>{if(A(e,t,n)){if(ie(e))return{label:e.name,action:"MENU_RPC_CALL",options:Re(e,n)};{let r=e.menus.map(o=>_(o,t,n)).filter(o=>o!==void 0);if(r.length>0)return{label:e.name,children:r}}}},Xe=({clientSideMenuActionHandler:e,dataSource:t,menuActionConfig:n=ae,onRpcResponse:r})=>{let o=P((s,i)=>{let{links:u,menu:l}=t,{visualLink:p}=n,f=[];if(s==="grid"&&u&&!p&&u.forEach(a=>{let{link:m,label:d}=a,W=d||m.toTable;f.push({label:`Link to ${W}`,action:"link-table",options:a})}),l&&ge(s)){let a=_(l,s,i);le(l)&&ue(a)?f.push(...a.children):a&&f.push(a)}return f},[t,n]),c=P(({menuId:s,options:i})=>{if(e!=null&&e(s,i))return!0;if(s==="MENU_RPC_CALL"){let u=Me(i);return t.menuRpcCall(u).then(l=>{r&&l&&r&&r(l)}),!0}else{if(s==="link-table")return t.visualLink=i,!0;console.log(`useViewServer handleMenuAction,  can't handle action type ${s}`)}return!1},[e,t,r]);return{buildViewserverMenuOptions:o,handleMenuAction:c}};import{getServerAPI as U}from"@vuu-ui/vuu-data-remote";import{useCallback as Ce,useEffect as be,useState as we}from"react";var et=()=>{let[e,t]=we(),n=Ce(r=>{let o=new Map;return r.forEach(c=>{o.set(c.table.table,c)}),o},[]);return be(()=>{async function r(){try{let o=await U(),{tables:c}=await o.getTableList(),s=n(await Promise.all(c.map(i=>o.getTableSchema(i))));t(s)}catch(o){console.warn(`useVuuTables: unable to connect to Vuu server ${String(o)}`)}}r()},[n]),e},tt=e=>U().then(t=>t.getTableSchema(e));export{b as MovingWindow,Je as addRowsFromInstruments,w as getSelectedOption,Ke as getTypeaheadParams,tt as getVuuTableSchema,ve as useDataSource,De as useLookupValues,We as useServerConnectionQuality,Ee as useServerConnectionStatus,qe as useTypeaheadSuggestions,Xe as useVuuMenuActions,et 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,
+  isValueListRenderer
+} from "@vuu-ui/vuu-utils";
+import { useMemo as useMemo2, useState as useState2 } from "react";
+var NO_VALUES = [];
+var toListOption = (value) => ({
+  label: value,
+  value
+});
+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 { type: columnType } = column;
+  const { getLookupValues } = useShellContext();
+  const initialState = useMemo2(() => {
+    var _a;
+    if (isTypeDescriptor(columnType) && isValueListRenderer(columnType == null ? void 0 : columnType.renderer)) {
+      const values2 = columnType.renderer.values.map(toListOption);
+      return {
+        initialValue: getSelectedOption(values2, initialValueProp),
+        values: values2
+      };
+    } else {
+      const lookupDetails = getLookupDetails(column);
+      const values2 = (_a = getLookupValues == null ? void 0 : getLookupValues(lookupDetails.table)) != null ? _a : NO_VALUES;
+      return {
+        initialValue: getSelectedOption(values2, initialValueProp),
+        values: values2
+      };
+    }
+  }, [column, columnType, getLookupValues, initialValueProp]);
+  const [{ initialValue, values }, setLookupState] = useState2(initialState);
+  useMemo2(() => {
+    if (values === NO_VALUES) {
+      const lookupDetails = getLookupDetails(column);
+      loadLookupValues(lookupDetails).then(
+        (values2) => setLookupState({
+          initialValue: getSelectedOption(values2, initialValueProp),
+          values: values2
+        })
+      );
+    }
+  }, [values, column, 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() {
+      try {
+        const server = await getServerAPI();
+        const { tables: tables2 } = await server.getTableList();
+        const tableSchemas = buildTables(
+          await Promise.all(
+            tables2.map((vuuTable) => server.getTableSchema(vuuTable))
+          )
+        );
+        setTables(tableSchemas);
+      } catch (err) {
+        console.warn(
+          `useVuuTables: unable to connect to Vuu server ${String(err)}`
+        );
+      }
+    }
+    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