@vuu-ui/vuu-data-react 0.8.6 → 0.8.7-debug

package/cjs/index.js

@@ -1,2 +1,500 @@
-"use strict";var v=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var n in t)v(e,n,{get:t[n],enumerable:!0})},K=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let u of N(t))!G.call(e,u)&&u!==n&&v(e,u,{get:()=>t[u],enumerable:!(r=U(t,u))||r.enumerable});return e};var q=e=>K(v({},"__esModule",{value:!0}),e);var ge={};H(ge,{MovingWindow:()=>w,addRowsFromInstruments:()=>X,getTypeaheadParams:()=>Q,isViewportMenusAction:()=>A,isVisualLinkCreatedAction:()=>B,isVisualLinkRemovedAction:()=>z,isVisualLinksAction:()=>P,isVuuFeatureAction:()=>ee,isVuuFeatureInvocation:()=>te,useDataSource:()=>j,useServerConnectionQuality:()=>$,useServerConnectionStatus:()=>Y,useTypeaheadSuggestions:()=>J,useVuuMenuActions:()=>de,useVuuTables:()=>Me});module.exports=q(ge);var m=require("@vuu-ui/vuu-utils"),a=require("react"),{SELECTED:S}=m.metadataKeys;function j({dataSource:e,renderBufferSize:t=10}){let[,n]=(0,a.useState)(null),r=(0,a.useRef)(!0),u=(0,a.useRef)(!1),l=(0,a.useRef)(null),s=(0,a.useRef)([]),i=(0,a.useRef)({from:0,to:10}),c=(0,a.useMemo)(()=>new w((0,m.getFullRange)(i.current,t)),[t]),d=(0,a.useCallback)(o=>{for(let p of o)c.add(p);s.current=c.data.slice(),u.current=!0},[c]),M=(0,a.useCallback)(o=>{o.type==="viewport-update"&&(o.size!==void 0&&c.setRowCount(o.size),o.rows?(d(o.rows),n({})):o.size!==void 0&&(s.current=c.data.slice(),u.current=!0))},[c,d]);(0,a.useEffect)(()=>()=>{l.current&&(cancelAnimationFrame(l.current),l.current=null),r.current=!1},[]);let g=(0,a.useCallback)(o=>{i.current=o;let p=(0,m.getFullRange)(i.current,t);e.range=p,c.setRange(p.from,p.to)},[e,c,t]);return(0,a.useMemo)(()=>{let{from:o,to:p}=i.current,f=(0,m.getFullRange)({from:o,to:p},t);e.range=f,c.setRange(f.from,f.to)},[e,c,t]),(0,a.useEffect)(()=>{let{from:o,to:p}=(0,m.getFullRange)(i.current,t);e.subscribe({range:{from:o,to:p}},M)},[e,M,t]),(0,a.useEffect)(()=>()=>{e.unsubscribe()},[e]),[s.current,c.rowCount,(0,m.getFullRange)(i.current,t),g]}var w=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 m.WindowRange(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][S]===1&&t[S]===0&&(t[S]=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,u]=this.range.overlap(t,n),l=new Array(n-t);for(let s=r;s<u;s++){let i=this.getAtIndex(s);if(i){let c=s-t;l[c]=i}}this.data=l,this.range.from=t,this.range.to=n}}};var C=require("react"),b=require("@vuu-ui/vuu-data"),Y=()=>{let[e,t]=(0,C.useState)("disconnected"),n=(0,C.useCallback)(({status:r})=>{t(r)},[]);return(0,C.useEffect)(()=>(b.ConnectionManager.on("connection-status",n),()=>{b.ConnectionManager.removeListener("connection-status",n)}),[n]),e};var R=require("react"),T=require("@vuu-ui/vuu-data"),$=()=>{let[e,t]=(0,R.useState)(0),n=(0,R.useCallback)(({messages:r})=>{t(r.messagesLength)},[]);return(0,R.useEffect)(()=>(T.ConnectionManager.on("connection-metrics",n),()=>{T.ConnectionManager.removeListener("connection-metrics",n)}),[n]),e};var k=require("react"),D=require("@vuu-ui/vuu-data"),x={type:"RPC_CALL",service:"TypeAheadRpcHandler"},Q=(e,t,n="",r=[])=>n!==""&&!r.includes(n.toLowerCase())?[e,t,n]:[e,t],J=()=>(0,k.useCallback)(async t=>{let n=t.length===2?{method:"getUniqueFieldValues",params:t,...x}:{method:"getUniqueFieldValuesStartingWith",params:t,...x};return await(0,D.makeRpcCall)(n)},[]);var I=require("@vuu-ui/vuu-filter-parser"),h=require("@vuu-ui/vuu-utils"),y=require("react"),X="addRowsFromInstruments",{KEY:L}=h.metadataKeys,Z={},P=e=>e.type==="vuu-links",B=e=>e.type==="vuu-link-created",z=e=>e.type==="vuu-link-removed",A=e=>e.type==="vuu-menu",ee=e=>A(e)||P(e),te=e=>e.type==="vuu-link-created"||e.type==="vuu-link-removed",ne=e=>"rpcName"in e,re=e=>"menus"in e,ue=e=>e.name==="ROOT",E=e=>e.context==="cell",oe=e=>e.context==="row",se=e=>e.context==="selected-rows",ae=(e,t,n=0)=>{switch(e){case"grid":return t==="selected-rows"?n>0:!0;case"header":return t==="grid";default:return!1}},ie=(e,t,n,r,u)=>{if(e==="cell"||e==="row")return(0,I.getFilterPredicate)(u,r)(t);if(e==="selected-rows"){if(n.length===0)return!1;{let l=(0,I.getFilterPredicate)(u,r);return n.every(l)}}return!0},ce=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"}:oe(e)?{rowKey:e.rowKey,row:e.row,rpcName:t,type:"VIEW_PORT_MENU_ROW_RPC"}:se(e)?{rpcName:t,type:"VIEW_PORT_MENUS_SELECT_RPC"}:{rpcName:t,type:"VIEW_PORT_MENU_TABLE_RPC"}},le=e=>["grid","header","filter"].includes(e),pe=({filter:e})=>typeof e=="string"&&e.length>0,me=(e,t)=>{switch(e.context){case"cell":return{...e,field:t.columnName,rowKey:t.row[L],value:t.row[t.columnMap[t.columnName]]};case"row":return{...e,row:(0,h.getRowRecord)(t.row,t.columnMap),rowKey:t.row[L]};default:return e}},_=(e,t,n)=>{var r;return re(e)?e.menus.some(u=>_(u,t,n)):ae(t,e.context,(r=n.selectedRows)==null?void 0:r.length)?t==="grid"&&pe(e)?ie(e.context,n.row,n.selectedRows,e.filter,n.columnMap):E(e)&&e.field!=="*"?e.field===n.columnName:!0:!1},O=(e,t,n)=>{if(_(e,t,n)){if(ne(e))return{label:e.name,action:"MENU_RPC_CALL",options:me(e,n)};{let r=e.menus.map(u=>O(u,t,n)).filter(u=>u!==void 0);if(r.length>0)return{label:e.name,children:r}}}},de=({clientSideMenuActionHandler:e,dataSource:t,menuActionConfig:n=Z,onRpcResponse:r})=>{let u=(0,y.useCallback)((s,i)=>{let{visualLink:c,visualLinks:d,vuuMenu:M}=n,g=[];if(s==="grid"&&d&&!c&&d.forEach(o=>{let{link:p,label:f}=o,W=f||p.toTable;g.push({label:`Link to ${W}`,action:"link-table",options:o})}),M&&le(s)){let o=O(M,s,i);ue(M)&&(0,h.isGroupMenuItemDescriptor)(o)?g.push(...o.children):o&&g.push(o)}return g},[n]),l=(0,y.useCallback)(({menuId:s,options:i})=>{if(e!=null&&e(s,i))return!0;if(s==="MENU_RPC_CALL"){let c=ce(i);return t.menuRpcCall(c).then(d=>{r&&d&&r&&r(d)}),!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:u,handleMenuAction:l}};var V=require("react"),F=require("@vuu-ui/vuu-data"),Me=()=>{let[e,t]=(0,V.useState)(),n=(0,V.useCallback)(r=>{let u=new Map;return r.forEach(l=>{u.set(l.table.table,l)}),u},[]);return(0,V.useEffect)(()=>{async function r(){let u=await(0,F.getServerAPI)(),{tables:l}=await u.getTableList(),s=n(await Promise.all(l.map(i=>u.getTableSchema(i))));t(s)}r()},[n]),e};
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  MovingWindow: () => MovingWindow,
+  addRowsFromInstruments: () => addRowsFromInstruments,
+  getTypeaheadParams: () => getTypeaheadParams,
+  isViewportMenusAction: () => isViewportMenusAction,
+  isVisualLinkCreatedAction: () => isVisualLinkCreatedAction,
+  isVisualLinkRemovedAction: () => isVisualLinkRemovedAction,
+  isVisualLinksAction: () => isVisualLinksAction,
+  isVuuFeatureAction: () => isVuuFeatureAction,
+  isVuuFeatureInvocation: () => isVuuFeatureInvocation,
+  useDataSource: () => useDataSource,
+  useServerConnectionQuality: () => useServerConnectionQuality,
+  useServerConnectionStatus: () => useServerConnectionStatus,
+  useTypeaheadSuggestions: () => useTypeaheadSuggestions,
+  useVuuMenuActions: () => useVuuMenuActions,
+  useVuuTables: () => useVuuTables
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/hooks/useDataSource.ts
+var import_vuu_utils = require("@vuu-ui/vuu-utils");
+var import_react = require("react");
+var { SELECTED } = import_vuu_utils.metadataKeys;
+function useDataSource({
+  dataSource,
+  renderBufferSize = 10
+}) {
+  const [, forceUpdate] = (0, import_react.useState)(null);
+  const isMounted = (0, import_react.useRef)(true);
+  const hasUpdated = (0, import_react.useRef)(false);
+  const rafHandle = (0, import_react.useRef)(null);
+  const data = (0, import_react.useRef)([]);
+  const rangeRef = (0, import_react.useRef)({ from: 0, to: 10 });
+  const dataWindow = (0, import_react.useMemo)(
+    () => new MovingWindow((0, import_vuu_utils.getFullRange)(rangeRef.current, renderBufferSize)),
+    [renderBufferSize]
+  );
+  const setData = (0, import_react.useCallback)(
+    (updates) => {
+      for (const row of updates) {
+        dataWindow.add(row);
+      }
+      data.current = dataWindow.data.slice();
+      hasUpdated.current = true;
+    },
+    [dataWindow]
+  );
+  const datasourceMessageHandler = (0, import_react.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]
+  );
+  (0, import_react.useEffect)(
+    () => () => {
+      if (rafHandle.current) {
+        cancelAnimationFrame(rafHandle.current);
+        rafHandle.current = null;
+      }
+      isMounted.current = false;
+    },
+    []
+  );
+  const setRange = (0, import_react.useCallback)(
+    (range) => {
+      rangeRef.current = range;
+      const fullRange = (0, import_vuu_utils.getFullRange)(rangeRef.current, renderBufferSize);
+      dataSource.range = fullRange;
+      dataWindow.setRange(fullRange.from, fullRange.to);
+    },
+    [dataSource, dataWindow, renderBufferSize]
+  );
+  (0, import_react.useMemo)(() => {
+    const { from, to } = rangeRef.current;
+    const fullRange = (0, import_vuu_utils.getFullRange)({ from, to }, renderBufferSize);
+    dataSource.range = fullRange;
+    dataWindow.setRange(fullRange.from, fullRange.to);
+  }, [dataSource, dataWindow, renderBufferSize]);
+  (0, import_react.useEffect)(() => {
+    const { from, to } = (0, import_vuu_utils.getFullRange)(rangeRef.current, renderBufferSize);
+    dataSource.subscribe(
+      {
+        range: { from, to }
+      },
+      datasourceMessageHandler
+    );
+  }, [dataSource, datasourceMessageHandler, renderBufferSize]);
+  (0, import_react.useEffect)(
+    () => () => {
+      dataSource.unsubscribe();
+    },
+    [dataSource]
+  );
+  return [
+    data.current,
+    dataWindow.rowCount,
+    (0, import_vuu_utils.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 import_vuu_utils.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/useServerConnectionStatus.ts
+var import_react2 = require("react");
+var import_vuu_data = require("@vuu-ui/vuu-data");
+var useServerConnectionStatus = () => {
+  const [connectionStatus, setConnectionStatus] = (0, import_react2.useState)("disconnected");
+  const handleStatusChange = (0, import_react2.useCallback)(
+    ({ status }) => {
+      setConnectionStatus(status);
+    },
+    []
+  );
+  (0, import_react2.useEffect)(() => {
+    import_vuu_data.ConnectionManager.on("connection-status", handleStatusChange);
+    return () => {
+      import_vuu_data.ConnectionManager.removeListener("connection-status", handleStatusChange);
+    };
+  }, [handleStatusChange]);
+  return connectionStatus;
+};
+
+// src/hooks/useServerConnectionQuality.ts
+var import_react3 = require("react");
+var import_vuu_data2 = require("@vuu-ui/vuu-data");
+var useServerConnectionQuality = () => {
+  const [messagesPerSecond, setMessagesPerSecond] = (0, import_react3.useState)(0);
+  const handleConnectivityMessage = (0, import_react3.useCallback)(({ messages }) => {
+    setMessagesPerSecond(messages.messagesLength);
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    import_vuu_data2.ConnectionManager.on("connection-metrics", handleConnectivityMessage);
+    return () => {
+      import_vuu_data2.ConnectionManager.removeListener(
+        "connection-metrics",
+        handleConnectivityMessage
+      );
+    };
+  }, [handleConnectivityMessage]);
+  return messagesPerSecond;
+};
+
+// src/hooks/useTypeaheadSuggestions.ts
+var import_react4 = require("react");
+var import_vuu_data3 = require("@vuu-ui/vuu-data");
+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 = () => {
+  const getTypeaheadSuggestions = (0, import_react4.useCallback)(
+    async (params) => {
+      const rpcMessage = params.length === 2 ? {
+        method: "getUniqueFieldValues",
+        params,
+        ...TYPEAHEAD_MESSAGE_CONSTANTS
+      } : {
+        method: "getUniqueFieldValuesStartingWith",
+        params,
+        ...TYPEAHEAD_MESSAGE_CONSTANTS
+      };
+      const suggestions = await (0, import_vuu_data3.makeRpcCall)(rpcMessage);
+      return suggestions;
+    },
+    []
+  );
+  return getTypeaheadSuggestions;
+};
+
+// src/hooks/useVuuMenuActions.ts
+var import_vuu_filter_parser = require("@vuu-ui/vuu-filter-parser");
+var import_vuu_utils2 = require("@vuu-ui/vuu-utils");
+var import_react5 = require("react");
+var addRowsFromInstruments = "addRowsFromInstruments";
+var { KEY } = import_vuu_utils2.metadataKeys;
+var NO_CONFIG = {};
+var isVisualLinksAction = (action) => action.type === "vuu-links";
+var isVisualLinkCreatedAction = (action) => action.type === "vuu-link-created";
+var isVisualLinkRemovedAction = (action) => action.type === "vuu-link-removed";
+var isViewportMenusAction = (action) => action.type === "vuu-menu";
+var isVuuFeatureAction = (action) => isViewportMenusAction(action) || isVisualLinksAction(action);
+var isVuuFeatureInvocation = (action) => action.type === "vuu-link-created" || action.type === "vuu-link-removed";
+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 = (0, import_vuu_filter_parser.getFilterPredicate)(columnMap, filter);
+    return filterPredicate(row);
+  } else if (context === "selected-rows") {
+    if (selectedRows.length === 0) {
+      return false;
+    } else {
+      const filterPredicate = (0, import_vuu_filter_parser.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: (0, import_vuu_utils2.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 = (0, import_react5.useCallback)(
+    (location, options) => {
+      const { visualLink, visualLinks, vuuMenu } = menuActionConfig;
+      const descriptors = [];
+      if (location === "grid" && visualLinks && !visualLink) {
+        visualLinks.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 (vuuMenu && isTableLocation(location)) {
+        const menuDescriptor = buildMenuDescriptor(
+          vuuMenu,
+          location,
+          options
+        );
+        if (isRoot(vuuMenu) && (0, import_vuu_utils2.isGroupMenuItemDescriptor)(menuDescriptor)) {
+          descriptors.push(...menuDescriptor.children);
+        } else if (menuDescriptor) {
+          descriptors.push(menuDescriptor);
+        }
+      }
+      return descriptors;
+    },
+    [menuActionConfig]
+  );
+  const handleMenuAction = (0, import_react5.useCallback)(
+    ({ 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
+var import_react6 = require("react");
+var import_vuu_data4 = require("@vuu-ui/vuu-data");
+var useVuuTables = () => {
+  const [tables, setTables] = (0, import_react6.useState)();
+  const buildTables = (0, import_react6.useCallback)((schemas) => {
+    const vuuTables = /* @__PURE__ */ new Map();
+    schemas.forEach((schema) => {
+      vuuTables.set(schema.table.table, schema);
+    });
+    return vuuTables;
+  }, []);
+  (0, import_react6.useEffect)(() => {
+    async function fetchTableMetadata() {
+      const server = await (0, import_vuu_data4.getServerAPI)();
+      const { tables: tables2 } = await server.getTableList();
+      const tableSchemas = buildTables(
+        await Promise.all(
+          tables2.map(
+            (tableDescriptor) => server.getTableSchema(tableDescriptor)
+          )
+        )
+      );
+      setTables(tableSchemas);
+    }
+    fetchTableMetadata();
+  }, [buildTables]);
+  return tables;
+};
 //# sourceMappingURL=index.js.map