@vuu-ui/vuu-data-react 0.8.32 → 0.8.34

package/cjs/hooks/useVuuTables.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var vuuDataRemote = require('@vuu-ui/vuu-data-remote');
+var react = require('react');
+
+const useVuuTables = () => {
+  const [tables, setTables] = react.useState();
+  const buildTables = react.useCallback((schemas) => {
+    const vuuTables = /* @__PURE__ */ new Map();
+    schemas.forEach((schema) => {
+      vuuTables.set(schema.table.table, schema);
+    });
+    return vuuTables;
+  }, []);
+  react.useEffect(() => {
+    async function fetchTableMetadata() {
+      try {
+        const server = await vuuDataRemote.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;
+};
+const getVuuTableSchema = (table) => vuuDataRemote.getServerAPI().then((server) => server.getTableSchema(table));
+
+exports.getVuuTableSchema = getVuuTableSchema;
+exports.useVuuTables = useVuuTables;
+//# sourceMappingURL=useVuuTables.js.map

package/cjs/hooks/useVuuTables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVuuTables.js","sources":["../../src/hooks/useVuuTables.ts"],"sourcesContent":["import { getServerAPI } from \"@vuu-ui/vuu-data-remote\";\nimport { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\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: unable to connect to Vuu server ${String(err)}`\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n\nexport const getVuuTableSchema = (table: VuuTable) =>\n  getServerAPI().then((server) => server.getTableSchema(table));\n"],"names":["useState","useCallback","useEffect","getServerAPI","tables"],"mappings":";;;;;AAKO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAA+C,EAAA,CAAA;AAE3E,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,MAAMC,0BAAa,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,8CAAA,EAAiD,MAAO,CAAA,GAAG,CAAC,CAAA,CAAA;AAAA,SAC9D,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAmB,kBAAA,EAAA,CAAA;AAAA,GACrB,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAA,KAChCD,0BAAa,EAAA,CAAE,IAAK,CAAA,CAAC,MAAW,KAAA,MAAA,CAAO,cAAe,CAAA,KAAK,CAAC;;;;;"}

package/cjs/index.js

@@ -1,2 +1,25 @@
-"use strict";var T=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var Q=(e,t)=>{for(var n in t)T(e,n,{get:t[n],enumerable:!0})},J=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of j(t))!Y.call(e,o)&&o!==n&&T(e,o,{get:()=>t[o],enumerable:!(r=$(t,o))||r.enumerable});return e};var X=e=>J(T({},"__esModule",{value:!0}),e);var we={};Q(we,{MovingWindow:()=>S,addRowsFromInstruments:()=>ue,getSelectedOption:()=>v,getTypeaheadParams:()=>re,getVuuTableSchema:()=>be,useDataSource:()=>Z,useLookupValues:()=>ee,useServerConnectionQuality:()=>ne,useServerConnectionStatus:()=>te,useTypeaheadSuggestions:()=>oe,useVuuMenuActions:()=>Re,useVuuTables:()=>Ce});module.exports=X(we);var d=require("@vuu-ui/vuu-utils"),p=require("react"),{SELECTED:L}=d.metadataKeys;function Z({dataSource:e,renderBufferSize:t=10}){let[,n]=(0,p.useState)(null),r=(0,p.useRef)(!0),o=(0,p.useRef)(!1),c=(0,p.useRef)(null),s=(0,p.useRef)([]),i=(0,p.useRef)({from:0,to:10}),u=(0,p.useMemo)(()=>new S((0,d.getFullRange)(i.current,t)),[t]),l=(0,p.useCallback)(a=>{for(let f of a)u.add(f);s.current=u.data.slice(),o.current=!0},[u]),m=(0,p.useCallback)(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]);(0,p.useEffect)(()=>()=>{c.current&&(cancelAnimationFrame(c.current),c.current=null),r.current=!1},[]);let g=(0,p.useCallback)(a=>{i.current=a;let f=(0,d.getFullRange)(i.current,t);e.range=f,u.setRange(f.from,f.to)},[e,u,t]);return(0,p.useMemo)(()=>{let{from:a,to:f}=i.current,h=(0,d.getFullRange)({from:a,to:f},t);e.range=h,u.setRange(h.from,h.to)},[e,u,t]),(0,p.useEffect)(()=>{let{from:a,to:f}=(0,d.getFullRange)(i.current,t);e.subscribe({range:{from:a,to:f}},m)},[e,m,t]),(0,p.useEffect)(()=>()=>{e.unsubscribe()},[e]),[s.current,u.rowCount,(0,d.getFullRange)(i.current,t),g]}var S=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 d.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][L]===1&&t[L]===0&&(t[L]=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}}};var A=require("@vuu-ui/vuu-data-remote"),_=require("@vuu-ui/vuu-shell"),M=require("@vuu-ui/vuu-utils"),V=require("react"),P=[],B=e=>({label:e,value:e}),O=new Map,z=({labelColumn:e,table:t,valueColumn:n})=>{let r=`${t.module}:${t.table}`,o=O.get(r);if(o)return o;{let c=new Promise(s=>{let i=[n,e],u=(0,M.buildColumnMap)(i),l=new A.VuuDataSource({bufferSize:0,table:t});l.subscribe({columns:i,range:{from:0,to:100}},m=>{if(m.type==="viewport-update"&&m.rows){let g=m.rows.map(a=>({value:a[u[n]],label:a[u[e]]}));s(g),l.unsubscribe()}})});return O.set(r,c),c}},v=(e,t)=>{var n;return t===void 0?null:(n=e.find(r=>r.value===t))!=null?n:null},E=({name:e,type:t})=>{if((0,M.isTypeDescriptor)(t)&&(0,M.isLookupRenderer)(t.renderer))return t.renderer.lookup;throw Error(`useLookupValues column ${e} is not configured to use lookup values`)},ee=(e,t)=>{let{type:n}=e,{getLookupValues:r}=(0,_.useShellContext)(),o=(0,V.useMemo)(()=>{var u;if((0,M.isTypeDescriptor)(n)&&(0,M.isValueListRenderer)(n==null?void 0:n.renderer)){let l=n.renderer.values.map(B);return{initialValue:v(l,t),values:l}}else{let l=E(e),m=(u=r==null?void 0:r(l.table))!=null?u:P;return{initialValue:v(m,t),values:m}}},[e,n,r,t]),[{initialValue:c,values:s},i]=(0,V.useState)(o);return(0,V.useMemo)(()=>{if(s===P){let u=E(e);z(u).then(l=>i({initialValue:v(l,t),values:l}))}},[s,e,t]),{initialValue:c,values:s}};var R=require("react"),k=require("@vuu-ui/vuu-data-remote"),te=()=>{let[e,t]=(0,R.useState)("disconnected"),n=(0,R.useCallback)(({status:r})=>{t(r)},[]);return(0,R.useEffect)(()=>(k.ConnectionManager.on("connection-status",n),()=>{k.ConnectionManager.removeListener("connection-status",n)}),[n]),e};var C=require("react"),y=require("@vuu-ui/vuu-data-remote"),ne=()=>{let[e,t]=(0,C.useState)(0),n=(0,C.useCallback)(({messages:r})=>{t(r.messagesLength)},[]);return(0,C.useEffect)(()=>(y.ConnectionManager.on("connection-metrics",n),()=>{y.ConnectionManager.removeListener("connection-metrics",n)}),[n]),e};var W=require("@vuu-ui/vuu-data-remote"),N=require("react"),U={type:"RPC_CALL",service:"TypeAheadRpcHandler"},re=(e,t,n="",r=[])=>n!==""&&!r.includes(n.toLowerCase())?[e,t,n]:[e,t],oe=()=>(0,N.useCallback)(async e=>{let t=e.length===2?{method:"getUniqueFieldValues",params:e,...U}:{method:"getUniqueFieldValuesStartingWith",params:e,...U};return(0,W.makeRpcCall)(t)},[]);var I=require("@vuu-ui/vuu-filter-parser"),b=require("@vuu-ui/vuu-utils"),D=require("react"),ue="addRowsFromInstruments",{KEY:F}=b.metadataKeys,se={},ae=e=>"rpcName"in e,ie=e=>"menus"in e,ce=e=>e.name==="ROOT",H=e=>e.context==="cell",le=e=>e.context==="row",pe=e=>e.context==="selected-rows",me=(e,t,n=0)=>{switch(e){case"grid":return t==="selected-rows"?n>0:!0;case"header":return t==="grid";default:return!1}},fe=(e,t,n,r,o)=>{if(e==="cell"||e==="row")return(0,I.getFilterPredicate)(o,r)(t);if(e==="selected-rows"){if(n.length===0)return!1;{let c=(0,I.getFilterPredicate)(o,r);return n.every(c)}}return!0},de=e=>{let{rpcName:t}=e;return H(e)?{field:e.field,rowKey:e.rowKey,rpcName:t,value:e.value,type:"VIEW_PORT_MENU_CELL_RPC"}:le(e)?{rowKey:e.rowKey,row:e.row,rpcName:t,type:"VIEW_PORT_MENU_ROW_RPC"}:pe(e)?{rpcName:t,type:"VIEW_PORT_MENUS_SELECT_RPC"}:{rpcName:t,type:"VIEW_PORT_MENU_TABLE_RPC"}},Me=e=>["grid","header","filter"].includes(e),ge=({filter:e})=>typeof e=="string"&&e.length>0,he=(e,t)=>{switch(e.context){case"cell":return{...e,field:t.columnName,rowKey:t.row[F],value:t.row[t.columnMap[t.columnName]]};case"row":return{...e,row:(0,b.getRowRecord)(t.row,t.columnMap),rowKey:t.row[F]};default:return e}},K=(e,t,n)=>{var r;return ie(e)?e.menus.some(o=>K(o,t,n)):me(t,e.context,(r=n.selectedRows)==null?void 0:r.length)?t==="grid"&&ge(e)?fe(e.context,n.row,n.selectedRows,e.filter,n.columnMap):H(e)&&e.field!=="*"?e.field===n.columnName:!0:!1},q=(e,t,n)=>{if(K(e,t,n)){if(ae(e))return{label:e.name,action:"MENU_RPC_CALL",options:he(e,n)};{let r=e.menus.map(o=>q(o,t,n)).filter(o=>o!==void 0);if(r.length>0)return{label:e.name,children:r}}}},Re=({clientSideMenuActionHandler:e,dataSource:t,menuActionConfig:n=se,onRpcResponse:r})=>{let o=(0,D.useCallback)((s,i)=>{let{links:u,menu:l}=t,{visualLink:m}=n,g=[];if(s==="grid"&&u&&!m&&u.forEach(a=>{let{link:f,label:h}=a,G=h||f.toTable;g.push({label:`Link to ${G}`,action:"link-table",options:a})}),l&&Me(s)){let a=q(l,s,i);ce(l)&&(0,b.isGroupMenuItemDescriptor)(a)?g.push(...a.children):a&&g.push(a)}return g},[t,n]),c=(0,D.useCallback)(({menuId:s,options:i})=>{if(e!=null&&e(s,i))return!0;if(s==="MENU_RPC_CALL"){let u=de(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}};var x=require("@vuu-ui/vuu-data-remote"),w=require("react"),Ce=()=>{let[e,t]=(0,w.useState)(),n=(0,w.useCallback)(r=>{let o=new Map;return r.forEach(c=>{o.set(c.table.table,c)}),o},[]);return(0,w.useEffect)(()=>{async function r(){try{let o=await(0,x.getServerAPI)(),{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},be=e=>(0,x.getServerAPI)().then(t=>t.getTableSchema(e));
+'use strict';
+
+var useDataSource = require('./hooks/useDataSource.js');
+var useLookupValues = require('./hooks/useLookupValues.js');
+var useServerConnectionStatus = require('./hooks/useServerConnectionStatus.js');
+var useServerConnectionQuality = require('./hooks/useServerConnectionQuality.js');
+var useTypeaheadSuggestions = require('./hooks/useTypeaheadSuggestions.js');
+var useVuuMenuActions = require('./hooks/useVuuMenuActions.js');
+var useVuuTables = require('./hooks/useVuuTables.js');
+
+
+
+exports.MovingWindow = useDataSource.MovingWindow;
+exports.useDataSource = useDataSource.useDataSource;
+exports.getSelectedOption = useLookupValues.getSelectedOption;
+exports.useLookupValues = useLookupValues.useLookupValues;
+exports.useServerConnectionStatus = useServerConnectionStatus.useServerConnectionStatus;
+exports.useServerConnectionQuality = useServerConnectionQuality.useServerConnectionQuality;
+exports.getTypeaheadParams = useTypeaheadSuggestions.getTypeaheadParams;
+exports.useTypeaheadSuggestions = useTypeaheadSuggestions.useTypeaheadSuggestions;
+exports.addRowsFromInstruments = useVuuMenuActions.addRowsFromInstruments;
+exports.useVuuMenuActions = useVuuMenuActions.useVuuMenuActions;
+exports.getVuuTableSchema = useVuuTables.getVuuTableSchema;
+exports.useVuuTables = useVuuTables.useVuuTables;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/vuu-data-react/src/index.ts", "../../../packages/vuu-data-react/src/hooks/useDataSource.ts", "../../../packages/vuu-data-react/src/hooks/useLookupValues.ts", "../../../packages/vuu-data-react/src/hooks/useServerConnectionStatus.ts", "../../../packages/vuu-data-react/src/hooks/useServerConnectionQuality.ts", "../../../packages/vuu-data-react/src/hooks/useTypeaheadSuggestions.ts", "../../../packages/vuu-data-react/src/hooks/useVuuMenuActions.ts", "../../../packages/vuu-data-react/src/hooks/useVuuTables.ts"],
-  "sourcesContent": ["export * from \"./hooks\";\n", "// TODO is this hook needed ? it is currently used only in a vuu salt story\nimport type {\n  DataSource,\n  DataSourceRow,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, metadataKeys, WindowRange } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nconst { SELECTED } = metadataKeys;\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  renderBufferSize?: number;\n}\n\nexport function useDataSource({\n  dataSource,\n  renderBufferSize = 10,\n}: DataSourceHookProps): [\n  DataSourceRow[],\n  number,\n  VuuRange,\n  (range: VuuRange) => void\n] {\n  const [, forceUpdate] = useState<object | null>(null);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rafHandle = useRef(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const rangeRef = useRef({ from: 0, to: 10 });\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(rangeRef.current, renderBufferSize)),\n    [renderBufferSize]\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      // Why bother with the slice ?\n      data.current = dataWindow.data.slice();\n\n      hasUpdated.current = true;\n    },\n    [dataWindow]\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"viewport-update\") {\n        if (message.size !== undefined) {\n          dataWindow.setRowCount(message.size);\n        }\n        if (message.rows) {\n          setData(message.rows);\n          forceUpdate({});\n        } else if (message.size !== undefined) {\n          // TODO is this right ?\n          data.current = dataWindow.data.slice();\n          hasUpdated.current = true;\n        }\n      }\n    },\n    [dataWindow, setData]\n  );\n\n  useEffect(\n    () => () => {\n      if (rafHandle.current) {\n        cancelAnimationFrame(rafHandle.current);\n        rafHandle.current = null;\n      }\n      isMounted.current = false;\n    },\n    []\n  );\n\n  const setRange = useCallback(\n    (range) => {\n      rangeRef.current = range;\n      const fullRange = getFullRange(rangeRef.current, renderBufferSize);\n      dataSource.range = fullRange;\n      dataWindow.setRange(fullRange.from, fullRange.to);\n    },\n    [dataSource, dataWindow, renderBufferSize]\n  );\n\n  useMemo(() => {\n    const { from, to } = rangeRef.current;\n    const fullRange = getFullRange({ from, to }, renderBufferSize);\n    dataSource.range = fullRange;\n    dataWindow.setRange(fullRange.from, fullRange.to);\n  }, [dataSource, dataWindow, renderBufferSize]);\n\n  useEffect(() => {\n    const { from, to } = getFullRange(rangeRef.current, renderBufferSize);\n    dataSource.subscribe(\n      {\n        range: { from, to },\n      },\n      datasourceMessageHandler\n    );\n  }, [dataSource, datasourceMessageHandler, renderBufferSize]);\n\n  useEffect(\n    () => () => {\n      dataSource.unsubscribe();\n    },\n    [dataSource]\n  );\n\n  return [\n    data.current,\n    dataWindow.rowCount,\n    getFullRange(rangeRef.current, renderBufferSize),\n    setRange,\n  ];\n}\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    this.data = new Array(to - from);\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n      if (this.data[internalIndex - 1]) {\n        // assign 'post-selected' selection state\n        if (\n          this.data[internalIndex - 1][SELECTED] === 1 &&\n          data[SELECTED] === 0\n        ) {\n          data[SELECTED] = 2;\n        }\n      }\n      if (index === this.rowCount - 1) {\n        this.data.length = internalIndex + 1;\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange(from: number, to: number) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(to - from);\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n}\n", "import {\n  ColumnDescriptor,\n  ListOption,\n  LookupTableDetails,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { useShellContext } from \"@vuu-ui/vuu-shell\";\nimport {\n  buildColumnMap,\n  isLookupRenderer,\n  isTypeDescriptor,\n  isValueListRenderer,\n} from \"@vuu-ui/vuu-utils\";\nimport { useMemo, useState } from \"react\";\n\nconst NO_VALUES: ListOption[] = [];\n\nconst toListOption = (value: string): ListOption => ({\n  label: value,\n  value,\n});\n\nconst lookupValueMap = new Map<string, Promise<ListOption[]>>();\n\nconst loadLookupValues = ({\n  labelColumn,\n  table,\n  valueColumn,\n}: LookupTableDetails): Promise<ListOption[]> => {\n  const tableKey = `${table.module}:${table.table}`;\n  const lookupValues = lookupValueMap.get(tableKey);\n  if (lookupValues) {\n    return lookupValues;\n  } else {\n    const promise: Promise<ListOption[]> = new Promise((resolve) => {\n      const columns = [valueColumn, labelColumn];\n      const columnMap = buildColumnMap(columns);\n      const dataSource = new VuuDataSource({\n        bufferSize: 0,\n        table,\n      });\n      dataSource.subscribe(\n        {\n          columns,\n          range: { from: 0, to: 100 },\n        },\n        (message) => {\n          if (message.type === \"viewport-update\") {\n            //TODO check we have full dataset\n            if (message.rows) {\n              const listOptions = message.rows.map<ListOption>((row) => ({\n                value: row[columnMap[valueColumn]] as string | number,\n                label: row[columnMap[labelColumn]] as string,\n              }));\n              resolve(listOptions);\n              dataSource.unsubscribe();\n            }\n          }\n        }\n      );\n    });\n    lookupValueMap.set(tableKey, promise);\n    return promise;\n  }\n};\n\ntype LookupState = {\n  initialValue: ListOption | null;\n  values: ListOption[];\n};\n\nexport const getSelectedOption = (\n  values: ListOption[],\n  selectedValue: string | number | undefined\n) => {\n  if (selectedValue === undefined) {\n    return null;\n  }\n  return values.find((option) => option.value === selectedValue) ?? null;\n};\n\nconst getLookupDetails = ({ name, type }: ColumnDescriptor) => {\n  if (isTypeDescriptor(type) && isLookupRenderer(type.renderer)) {\n    return type.renderer.lookup;\n  } else {\n    throw Error(\n      `useLookupValues column ${name} is not configured to use lookup values`\n    );\n  }\n};\n\nexport const useLookupValues = (\n  column: ColumnDescriptor,\n  initialValueProp: number | string\n) => {\n  const { type: columnType } = column;\n  const { getLookupValues } = useShellContext();\n\n  const initialState = useMemo<LookupState>(() => {\n    if (\n      isTypeDescriptor(columnType) &&\n      isValueListRenderer(columnType?.renderer)\n    ) {\n      const values = columnType.renderer.values.map(toListOption);\n      return {\n        initialValue: getSelectedOption(values, initialValueProp),\n        values,\n      };\n    } else {\n      const lookupDetails = getLookupDetails(column);\n      const values = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;\n\n      return {\n        initialValue: getSelectedOption(values, initialValueProp),\n        values,\n      };\n    }\n  }, [column, columnType, getLookupValues, initialValueProp]);\n\n  const [{ initialValue, values }, setLookupState] =\n    useState<LookupState>(initialState);\n\n  useMemo(() => {\n    if (values === NO_VALUES) {\n      const lookupDetails = getLookupDetails(column);\n      loadLookupValues(lookupDetails).then((values) =>\n        setLookupState({\n          initialValue: getSelectedOption(values, initialValueProp),\n          values,\n        })\n      );\n    }\n  }, [values, column, initialValueProp]);\n\n  return {\n    initialValue,\n    values,\n  };\n};\n", "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", "import { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager } from \"@vuu-ui/vuu-data-remote\";\n\nexport const useServerConnectionQuality = () => {\n  const [messagesPerSecond, setMessagesPerSecond] = useState<number>(0);\n  const handleConnectivityMessage = useCallback(({ messages }) => {\n    setMessagesPerSecond(messages.messagesLength);\n  }, []);\n\n  useEffect(() => {\n    ConnectionManager.on(\"connection-metrics\", handleConnectivityMessage);\n    return () => {\n      ConnectionManager.removeListener(\n        \"connection-metrics\",\n        handleConnectivityMessage\n      );\n    };\n  }, [handleConnectivityMessage]);\n\n  return messagesPerSecond;\n};\n", "import { makeRpcCall } from \"@vuu-ui/vuu-data-remote\";\nimport { SuggestionFetcher, TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\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 =\n      params.length === 2\n        ? ({\n            method: \"getUniqueFieldValues\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValues)\n        : ({\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValuesStartingWith);\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n", "import {\n  ContextMenuItemDescriptor,\n  DataSource,\n  DataSourceRow,\n  DataSourceVisualLinkCreatedMessage,\n  MenuActionHandler,\n  MenuBuilder,\n  MenuRpcResponse,\n  ViewportRpcResponse,\n  VuuUIMessageInRPCEditReject,\n  VuuUIMessageInRPCEditResponse,\n} from \"@vuu-ui/vuu-data-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\nimport type { MenuActionClosePopup } from \"@vuu-ui/vuu-popups\";\nimport {\n  ClientToServerMenuCellRPC,\n  ClientToServerMenuRowRPC,\n  ClientToServerMenuRPC,\n  LinkDescriptorWithLabel,\n  VuuMenu,\n  VuuMenuContext,\n  VuuMenuItem,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnMap,\n  getRowRecord,\n  isGroupMenuItemDescriptor,\n  metadataKeys,\n} from \"@vuu-ui/vuu-utils\";\nimport { useCallback } from \"react\";\n\nexport const addRowsFromInstruments = \"addRowsFromInstruments\";\n\nexport interface VuuCellMenuItem extends VuuMenuItem {\n  rowKey: string;\n  field: string;\n  value: VuuRowDataItemType;\n}\nexport interface VuuRowMenuItem extends VuuMenuItem {\n  rowKey: string;\n  row: { [key: string]: VuuRowDataItemType };\n}\n\nconst { KEY } = metadataKeys;\n\nconst NO_CONFIG: MenuActionConfig = {};\n\nconst isMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenuItem =>\n  \"rpcName\" in menu;\n\nconst isGroupMenuItem = (menu: VuuMenuItem | VuuMenu): menu is VuuMenu =>\n  \"menus\" in menu;\n\nconst isRoot = (menu: VuuMenu) => menu.name === \"ROOT\";\n\nconst isCellMenu = (options: VuuMenuItem): options is VuuCellMenuItem =>\n  options.context === \"cell\";\nconst isRowMenu = (options: VuuMenuItem): options is VuuRowMenuItem =>\n  options.context === \"row\";\nconst isSelectionMenu = (options: VuuMenuItem): options is VuuMenuItem =>\n  options.context === \"selected-rows\";\n\nconst vuuContextCompatibleWithTableLocation = (\n  uiLocation: \"grid\" | \"header\" | \"filter\",\n  vuuContext: VuuMenuContext,\n  selectedRowCount = 0\n) => {\n  switch (uiLocation) {\n    case \"grid\":\n      if (vuuContext === \"selected-rows\") {\n        return selectedRowCount > 0;\n      } else {\n        return true;\n      }\n    case \"header\":\n      return vuuContext === \"grid\";\n    default:\n      return false;\n  }\n};\n\nconst gridRowMeetsFilterCriteria = (\n  context: VuuMenuContext,\n  row: DataSourceRow,\n  selectedRows: DataSourceRow[],\n  filter: string,\n  columnMap: ColumnMap\n): boolean => {\n  if (context === \"cell\" || context === \"row\") {\n    const filterPredicate = getFilterPredicate(columnMap, filter);\n    return filterPredicate(row);\n  } else if (context === \"selected-rows\") {\n    if (selectedRows.length === 0) {\n      return false;\n    } else {\n      const filterPredicate = getFilterPredicate(columnMap, filter);\n      return selectedRows.every(filterPredicate);\n    }\n  }\n  return true;\n};\n\nconst getMenuRpcRequest = (\n  options: VuuMenuItem\n): Omit<ClientToServerMenuRPC, \"vpId\"> => {\n  const { rpcName } = options;\n  if (isCellMenu(options)) {\n    return {\n      field: options.field,\n      rowKey: options.rowKey,\n      rpcName,\n      value: options.value,\n      type: \"VIEW_PORT_MENU_CELL_RPC\",\n    } as Omit<ClientToServerMenuCellRPC, \"vpId\">;\n  } else if (isRowMenu(options)) {\n    return {\n      rowKey: options.rowKey,\n      row: options.row,\n      rpcName,\n      type: \"VIEW_PORT_MENU_ROW_RPC\",\n    } as Omit<ClientToServerMenuRowRPC, \"vpId\">;\n  } else if (isSelectionMenu(options)) {\n    return {\n      rpcName,\n      type: \"VIEW_PORT_MENUS_SELECT_RPC\",\n    } as Omit<ClientToServerMenuRPC, \"vpId\">;\n  } else {\n    return {\n      rpcName,\n      type: \"VIEW_PORT_MENU_TABLE_RPC\",\n    } as Omit<ClientToServerMenuRPC, \"vpId\">;\n  }\n};\n\nexport type VuuMenuActionHandler = (type: string, options: unknown) => boolean;\n\nexport interface ViewServerHookResult {\n  buildViewserverMenuOptions: MenuBuilder;\n  handleMenuAction: MenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\n\nexport type RpcResponseHandler = (\n  response:\n    | MenuRpcResponse\n    | VuuUIMessageInRPCEditReject\n    | VuuUIMessageInRPCEditResponse\n    | ViewportRpcResponse\n) => void;\n\nexport interface VuuMenuActionHookProps {\n  /**\n   * By default, vuuMenuActions will be handled automatically. When activated, a\n   * message will be sent to server and response will be handled here too.\n   * This prop allows client to provide a custom handler for a menu Item. This will\n   * take priority and if handler returns true, no further processing for the menu\n   * item will be handled by Vuu. This can also be used to prevent an item from being\n   * actioned, even when no custom handling is intended. If the handler returns false,\n   * Vuu will process the menuItem.\n   */\n  clientSideMenuActionHandler?: VuuMenuActionHandler;\n  dataSource: DataSource;\n  menuActionConfig?: MenuActionConfig;\n  onRpcResponse?: RpcResponseHandler;\n}\n\ntype TableMenuLocation = \"grid\" | \"header\" | \"filter\";\n\nconst isTableLocation = (location: string): location is TableMenuLocation =>\n  [\"grid\", \"header\", \"filter\"].includes(location);\n\nexport type VuuServerMenuOptions = {\n  columnMap: ColumnMap;\n  columnName: string;\n  row: DataSourceRow;\n  selectedRows: DataSourceRow[];\n  viewport: string;\n};\n\nconst hasFilter = ({ filter }: VuuMenuItem) =>\n  typeof filter === \"string\" && filter.length > 0;\n\nconst getMenuItemOptions = (\n  menu: VuuMenuItem,\n  options: VuuServerMenuOptions\n): VuuMenuItem => {\n  switch (menu.context) {\n    case \"cell\":\n      return {\n        ...menu,\n        field: options.columnName,\n        rowKey: options.row[KEY],\n        value: options.row[options.columnMap[options.columnName]],\n      } as VuuCellMenuItem;\n    case \"row\":\n      return {\n        ...menu,\n        row: getRowRecord(options.row, options.columnMap),\n        rowKey: options.row[KEY],\n      } as VuuRowMenuItem;\n    default:\n      return menu;\n  }\n};\n\nconst menuShouldBeRenderedInThisContext = (\n  menuItem: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: VuuServerMenuOptions\n): boolean => {\n  if (isGroupMenuItem(menuItem)) {\n    return menuItem.menus.some((childMenu) =>\n      menuShouldBeRenderedInThisContext(childMenu, tableLocation, options)\n    );\n  }\n  if (\n    !vuuContextCompatibleWithTableLocation(\n      tableLocation,\n      menuItem.context,\n      options.selectedRows?.length\n    )\n  ) {\n    return false;\n  }\n\n  if (tableLocation === \"grid\" && hasFilter(menuItem)) {\n    return gridRowMeetsFilterCriteria(\n      menuItem.context,\n      options.row,\n      options.selectedRows,\n      menuItem.filter,\n      options.columnMap\n    );\n  }\n\n  if (isCellMenu(menuItem) && menuItem.field !== \"*\") {\n    return menuItem.field === options.columnName;\n  }\n\n  return true;\n};\n\nconst buildMenuDescriptor = (\n  menu: VuuMenu | VuuMenuItem,\n  tableLocation: TableMenuLocation,\n  options: VuuServerMenuOptions\n): ContextMenuItemDescriptor | undefined => {\n  if (menuShouldBeRenderedInThisContext(menu, tableLocation, options)) {\n    if (isMenuItem(menu)) {\n      return {\n        label: menu.name,\n        action: \"MENU_RPC_CALL\",\n        options: getMenuItemOptions(menu, options),\n      };\n    } else {\n      const children = menu.menus\n        .map((childMenu) =>\n          buildMenuDescriptor(childMenu, tableLocation, options)\n        )\n        .filter(\n          (childMenu) => childMenu !== undefined\n        ) as ContextMenuItemDescriptor[];\n      if (children.length > 0) {\n        return {\n          label: menu.name,\n          children,\n        };\n      }\n    }\n  }\n};\n\nexport const useVuuMenuActions = ({\n  clientSideMenuActionHandler,\n  dataSource,\n  menuActionConfig = NO_CONFIG,\n  onRpcResponse,\n}: VuuMenuActionHookProps): ViewServerHookResult => {\n  const buildViewserverMenuOptions: MenuBuilder = useCallback(\n    (location, options) => {\n      const { links, menu } = dataSource;\n      const { visualLink } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && links && !visualLink) {\n        links.forEach((linkDescriptor: LinkDescriptorWithLabel) => {\n          const { link, label: linkLabel } = linkDescriptor;\n          const label = linkLabel ? linkLabel : link.toTable;\n          descriptors.push({\n            label: `Link to ${label}`,\n            action: \"link-table\",\n            options: linkDescriptor,\n          });\n        });\n      }\n\n      if (menu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptor(\n          menu,\n          location,\n          options as VuuServerMenuOptions\n        );\n        if (isRoot(menu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [dataSource, menuActionConfig]\n  );\n\n  const handleMenuAction = useCallback(\n    ({ menuId, options }: MenuActionClosePopup) => {\n      if (clientSideMenuActionHandler?.(menuId, options)) {\n        return true;\n      } else if (menuId === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as unknown as VuuMenuItem);\n        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {\n          if (onRpcResponse && rpcResponse) {\n            onRpcResponse && onRpcResponse(rpcResponse);\n          }\n        });\n        return true;\n      } else if (menuId === \"link-table\") {\n        // return dataSource.createLink(options as LinkDescriptorWithLabel), true;\n        return (\n          (dataSource.visualLink = options as LinkDescriptorWithLabel), true\n        );\n      } else {\n        console.log(\n          `useViewServer handleMenuAction,  can't handle action type ${menuId}`\n        );\n      }\n\n      return false;\n    },\n    [clientSideMenuActionHandler, dataSource, onRpcResponse]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n", "import { getServerAPI } from \"@vuu-ui/vuu-data-remote\";\nimport { TableSchema } from \"@vuu-ui/vuu-data-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useVuuTables = () => {\n  const [tables, setTables] = useState<Map<string, TableSchema> | undefined>();\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: unable to connect to Vuu server ${String(err)}`\n        );\n      }\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n\nexport const getVuuTableSchema = (table: VuuTable) =>\n  getServerAPI().then((server) => server.getTableSchema(table));\n"],
-  "mappings": "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",
-  "names": ["src_exports", "__export", "MovingWindow", "addRowsFromInstruments", "getSelectedOption", "getTypeaheadParams", "getVuuTableSchema", "useDataSource", "useLookupValues", "useServerConnectionQuality", "useServerConnectionStatus", "useTypeaheadSuggestions", "useVuuMenuActions", "useVuuTables", "__toCommonJS", "import_vuu_utils", "import_react", "SELECTED", "useDataSource", "dataSource", "renderBufferSize", "forceUpdate", "isMounted", "hasUpdated", "rafHandle", "data", "rangeRef", "dataWindow", "MovingWindow", "setData", "updates", "row", "datasourceMessageHandler", "message", "setRange", "range", "fullRange", "from", "to", "rowCount", "index", "internalIndex", "overlapFrom", "overlapTo", "newData", "i", "import_vuu_data_remote", "import_vuu_shell", "import_vuu_utils", "import_react", "NO_VALUES", "toListOption", "value", "lookupValueMap", "loadLookupValues", "labelColumn", "table", "valueColumn", "tableKey", "lookupValues", "promise", "resolve", "columns", "columnMap", "dataSource", "message", "listOptions", "row", "getSelectedOption", "values", "selectedValue", "_a", "option", "getLookupDetails", "name", "type", "useLookupValues", "column", "initialValueProp", "columnType", "getLookupValues", "initialState", "lookupDetails", "initialValue", "setLookupState", "import_react", "import_vuu_data_remote", "useServerConnectionStatus", "connectionStatus", "setConnectionStatus", "handleStatusChange", "status", "import_react", "import_vuu_data_remote", "useServerConnectionQuality", "messagesPerSecond", "setMessagesPerSecond", "handleConnectivityMessage", "messages", "import_vuu_data_remote", "import_react", "TYPEAHEAD_MESSAGE_CONSTANTS", "getTypeaheadParams", "table", "column", "text", "selectedValues", "useTypeaheadSuggestions", "params", "rpcMessage", "import_vuu_filter_parser", "import_vuu_utils", "import_react", "addRowsFromInstruments", "KEY", "NO_CONFIG", "isMenuItem", "menu", "isGroupMenuItem", "isRoot", "isCellMenu", "options", "isRowMenu", "isSelectionMenu", "vuuContextCompatibleWithTableLocation", "uiLocation", "vuuContext", "selectedRowCount", "gridRowMeetsFilterCriteria", "context", "row", "selectedRows", "filter", "columnMap", "filterPredicate", "getMenuRpcRequest", "rpcName", "isTableLocation", "location", "hasFilter", "getMenuItemOptions", "menuShouldBeRenderedInThisContext", "menuItem", "tableLocation", "_a", "childMenu", "buildMenuDescriptor", "children", "useVuuMenuActions", "clientSideMenuActionHandler", "dataSource", "menuActionConfig", "onRpcResponse", "buildViewserverMenuOptions", "links", "visualLink", "descriptors", "linkDescriptor", "link", "linkLabel", "label", "menuDescriptor", "handleMenuAction", "menuId", "rpcRequest", "rpcResponse", "import_vuu_data_remote", "import_react", "useVuuTables", "tables", "setTables", "buildTables", "schemas", "vuuTables", "schema", "fetchTableMetadata", "server", "tableSchemas", "vuuTable", "err", "getVuuTableSchema", "table"]
-}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/hooks/useDataSource.js

@@ -0,0 +1,145 @@
+import { getFullRange, WindowRange, metadataKeys } from '@vuu-ui/vuu-utils';
+import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
+
+const { 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
+  ];
+}
+class MovingWindow {
+  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;
+    }
+  }
+}
+
+export { MovingWindow, useDataSource };
+//# sourceMappingURL=useDataSource.js.map

package/esm/hooks/useDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataSource.js","sources":["../../src/hooks/useDataSource.ts"],"sourcesContent":["// TODO is this hook needed ? it is currently used only in a vuu salt story\nimport type {\n  DataSource,\n  DataSourceRow,\n  SubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport type { VuuRange } from \"@vuu-ui/vuu-protocol-types\";\nimport { getFullRange, metadataKeys, WindowRange } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nconst { SELECTED } = metadataKeys;\n\nexport interface DataSourceHookProps {\n  dataSource: DataSource;\n  renderBufferSize?: number;\n}\n\nexport function useDataSource({\n  dataSource,\n  renderBufferSize = 10,\n}: DataSourceHookProps): [\n  DataSourceRow[],\n  number,\n  VuuRange,\n  (range: VuuRange) => void\n] {\n  const [, forceUpdate] = useState<object | null>(null);\n  const isMounted = useRef(true);\n  const hasUpdated = useRef(false);\n  const rafHandle = useRef(null);\n  const data = useRef<DataSourceRow[]>([]);\n  const rangeRef = useRef({ from: 0, to: 10 });\n\n  const dataWindow = useMemo(\n    () => new MovingWindow(getFullRange(rangeRef.current, renderBufferSize)),\n    [renderBufferSize]\n  );\n\n  const setData = useCallback(\n    (updates: DataSourceRow[]) => {\n      for (const row of updates) {\n        dataWindow.add(row);\n      }\n      // Why bother with the slice ?\n      data.current = dataWindow.data.slice();\n\n      hasUpdated.current = true;\n    },\n    [dataWindow]\n  );\n\n  const datasourceMessageHandler: SubscribeCallback = useCallback(\n    (message) => {\n      if (message.type === \"viewport-update\") {\n        if (message.size !== undefined) {\n          dataWindow.setRowCount(message.size);\n        }\n        if (message.rows) {\n          setData(message.rows);\n          forceUpdate({});\n        } else if (message.size !== undefined) {\n          // TODO is this right ?\n          data.current = dataWindow.data.slice();\n          hasUpdated.current = true;\n        }\n      }\n    },\n    [dataWindow, setData]\n  );\n\n  useEffect(\n    () => () => {\n      if (rafHandle.current) {\n        cancelAnimationFrame(rafHandle.current);\n        rafHandle.current = null;\n      }\n      isMounted.current = false;\n    },\n    []\n  );\n\n  const setRange = useCallback(\n    (range) => {\n      rangeRef.current = range;\n      const fullRange = getFullRange(rangeRef.current, renderBufferSize);\n      dataSource.range = fullRange;\n      dataWindow.setRange(fullRange.from, fullRange.to);\n    },\n    [dataSource, dataWindow, renderBufferSize]\n  );\n\n  useMemo(() => {\n    const { from, to } = rangeRef.current;\n    const fullRange = getFullRange({ from, to }, renderBufferSize);\n    dataSource.range = fullRange;\n    dataWindow.setRange(fullRange.from, fullRange.to);\n  }, [dataSource, dataWindow, renderBufferSize]);\n\n  useEffect(() => {\n    const { from, to } = getFullRange(rangeRef.current, renderBufferSize);\n    dataSource.subscribe(\n      {\n        range: { from, to },\n      },\n      datasourceMessageHandler\n    );\n  }, [dataSource, datasourceMessageHandler, renderBufferSize]);\n\n  useEffect(\n    () => () => {\n      dataSource.unsubscribe();\n    },\n    [dataSource]\n  );\n\n  return [\n    data.current,\n    dataWindow.rowCount,\n    getFullRange(rangeRef.current, renderBufferSize),\n    setRange,\n  ];\n}\n\nexport class MovingWindow {\n  public data: DataSourceRow[];\n  public rowCount = 0;\n  private range: WindowRange;\n\n  constructor({ from, to }: VuuRange) {\n    this.range = new WindowRange(from, to);\n    this.data = new Array(to - from);\n  }\n\n  setRowCount = (rowCount: number) => {\n    if (rowCount < this.data.length) {\n      this.data.length = rowCount;\n    }\n    this.rowCount = rowCount;\n  };\n\n  add(data: DataSourceRow) {\n    const [index] = data;\n    if (this.isWithinRange(index)) {\n      const internalIndex = index - this.range.from;\n      this.data[internalIndex] = data;\n      if (this.data[internalIndex - 1]) {\n        // assign 'post-selected' selection state\n        if (\n          this.data[internalIndex - 1][SELECTED] === 1 &&\n          data[SELECTED] === 0\n        ) {\n          data[SELECTED] = 2;\n        }\n      }\n      if (index === this.rowCount - 1) {\n        this.data.length = internalIndex + 1;\n      }\n    }\n  }\n\n  getAtIndex(index: number) {\n    return this.range.isWithin(index) &&\n      this.data[index - this.range.from] != null\n      ? this.data[index - this.range.from]\n      : undefined;\n  }\n\n  isWithinRange(index: number) {\n    return this.range.isWithin(index);\n  }\n\n  setRange(from: number, to: number) {\n    if (from !== this.range.from || to !== this.range.to) {\n      const [overlapFrom, overlapTo] = this.range.overlap(from, to);\n      const newData = new Array(to - from);\n      for (let i = overlapFrom; i < overlapTo; i++) {\n        const data = this.getAtIndex(i);\n        if (data) {\n          const index = i - from;\n          newData[index] = data;\n        }\n      }\n      this.data = newData;\n      this.range.from = from;\n      this.range.to = to;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/hooks/useLookupValues.js

@@ -0,0 +1,105 @@
+import { VuuDataSource } from '@vuu-ui/vuu-data-remote';
+import { useShellContext } from '@vuu-ui/vuu-shell';
+import { isTypeDescriptor, isValueListRenderer, buildColumnMap, isLookupRenderer } from '@vuu-ui/vuu-utils';
+import { useMemo, useState } from 'react';
+
+const NO_VALUES = [];
+const toListOption = (value) => ({
+  label: value,
+  value
+});
+const lookupValueMap = /* @__PURE__ */ new Map();
+const 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;
+  }
+};
+const getSelectedOption = (values, selectedValue) => {
+  if (selectedValue === void 0) {
+    return null;
+  }
+  return values.find((option) => option.value === selectedValue) ?? null;
+};
+const 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`
+    );
+  }
+};
+const useLookupValues = (column, initialValueProp) => {
+  const { type: columnType } = column;
+  const { getLookupValues } = useShellContext();
+  const initialState = useMemo(() => {
+    if (isTypeDescriptor(columnType) && isValueListRenderer(columnType?.renderer)) {
+      const values2 = columnType.renderer.values.map(toListOption);
+      return {
+        initialValue: getSelectedOption(values2, initialValueProp),
+        values: values2
+      };
+    } else {
+      const lookupDetails = getLookupDetails(column);
+      const values2 = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;
+      return {
+        initialValue: getSelectedOption(values2, initialValueProp),
+        values: values2
+      };
+    }
+  }, [column, columnType, getLookupValues, initialValueProp]);
+  const [{ initialValue, values }, setLookupState] = useState(initialState);
+  useMemo(() => {
+    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
+  };
+};
+
+export { getSelectedOption, useLookupValues };
+//# sourceMappingURL=useLookupValues.js.map

package/esm/hooks/useLookupValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLookupValues.js","sources":["../../src/hooks/useLookupValues.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  ListOption,\n  LookupTableDetails,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuDataSource } from \"@vuu-ui/vuu-data-remote\";\nimport { useShellContext } from \"@vuu-ui/vuu-shell\";\nimport {\n  buildColumnMap,\n  isLookupRenderer,\n  isTypeDescriptor,\n  isValueListRenderer,\n} from \"@vuu-ui/vuu-utils\";\nimport { useMemo, useState } from \"react\";\n\nconst NO_VALUES: ListOption[] = [];\n\nconst toListOption = (value: string): ListOption => ({\n  label: value,\n  value,\n});\n\nconst lookupValueMap = new Map<string, Promise<ListOption[]>>();\n\nconst loadLookupValues = ({\n  labelColumn,\n  table,\n  valueColumn,\n}: LookupTableDetails): Promise<ListOption[]> => {\n  const tableKey = `${table.module}:${table.table}`;\n  const lookupValues = lookupValueMap.get(tableKey);\n  if (lookupValues) {\n    return lookupValues;\n  } else {\n    const promise: Promise<ListOption[]> = new Promise((resolve) => {\n      const columns = [valueColumn, labelColumn];\n      const columnMap = buildColumnMap(columns);\n      const dataSource = new VuuDataSource({\n        bufferSize: 0,\n        table,\n      });\n      dataSource.subscribe(\n        {\n          columns,\n          range: { from: 0, to: 100 },\n        },\n        (message) => {\n          if (message.type === \"viewport-update\") {\n            //TODO check we have full dataset\n            if (message.rows) {\n              const listOptions = message.rows.map<ListOption>((row) => ({\n                value: row[columnMap[valueColumn]] as string | number,\n                label: row[columnMap[labelColumn]] as string,\n              }));\n              resolve(listOptions);\n              dataSource.unsubscribe();\n            }\n          }\n        }\n      );\n    });\n    lookupValueMap.set(tableKey, promise);\n    return promise;\n  }\n};\n\ntype LookupState = {\n  initialValue: ListOption | null;\n  values: ListOption[];\n};\n\nexport const getSelectedOption = (\n  values: ListOption[],\n  selectedValue: string | number | undefined\n) => {\n  if (selectedValue === undefined) {\n    return null;\n  }\n  return values.find((option) => option.value === selectedValue) ?? null;\n};\n\nconst getLookupDetails = ({ name, type }: ColumnDescriptor) => {\n  if (isTypeDescriptor(type) && isLookupRenderer(type.renderer)) {\n    return type.renderer.lookup;\n  } else {\n    throw Error(\n      `useLookupValues column ${name} is not configured to use lookup values`\n    );\n  }\n};\n\nexport const useLookupValues = (\n  column: ColumnDescriptor,\n  initialValueProp: number | string\n) => {\n  const { type: columnType } = column;\n  const { getLookupValues } = useShellContext();\n\n  const initialState = useMemo<LookupState>(() => {\n    if (\n      isTypeDescriptor(columnType) &&\n      isValueListRenderer(columnType?.renderer)\n    ) {\n      const values = columnType.renderer.values.map(toListOption);\n      return {\n        initialValue: getSelectedOption(values, initialValueProp),\n        values,\n      };\n    } else {\n      const lookupDetails = getLookupDetails(column);\n      const values = getLookupValues?.(lookupDetails.table) ?? NO_VALUES;\n\n      return {\n        initialValue: getSelectedOption(values, initialValueProp),\n        values,\n      };\n    }\n  }, [column, columnType, getLookupValues, initialValueProp]);\n\n  const [{ initialValue, values }, setLookupState] =\n    useState<LookupState>(initialState);\n\n  useMemo(() => {\n    if (values === NO_VALUES) {\n      const lookupDetails = getLookupDetails(column);\n      loadLookupValues(lookupDetails).then((values) =>\n        setLookupState({\n          initialValue: getSelectedOption(values, initialValueProp),\n          values,\n        })\n      );\n    }\n  }, [values, column, initialValueProp]);\n\n  return {\n    initialValue,\n    values,\n  };\n};\n"],"names":["values"],"mappings":"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"}

package/esm/hooks/useServerConnectionQuality.js

@@ -0,0 +1,22 @@
+import { useState, useCallback, useEffect } from 'react';
+import { ConnectionManager } from '@vuu-ui/vuu-data-remote';
+
+const useServerConnectionQuality = () => {
+  const [messagesPerSecond, setMessagesPerSecond] = useState(0);
+  const handleConnectivityMessage = useCallback(({ messages }) => {
+    setMessagesPerSecond(messages.messagesLength);
+  }, []);
+  useEffect(() => {
+    ConnectionManager.on("connection-metrics", handleConnectivityMessage);
+    return () => {
+      ConnectionManager.removeListener(
+        "connection-metrics",
+        handleConnectivityMessage
+      );
+    };
+  }, [handleConnectivityMessage]);
+  return messagesPerSecond;
+};
+
+export { useServerConnectionQuality };
+//# sourceMappingURL=useServerConnectionQuality.js.map

package/esm/hooks/useServerConnectionQuality.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerConnectionQuality.js","sources":["../../src/hooks/useServerConnectionQuality.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager } from \"@vuu-ui/vuu-data-remote\";\n\nexport const useServerConnectionQuality = () => {\n  const [messagesPerSecond, setMessagesPerSecond] = useState<number>(0);\n  const handleConnectivityMessage = useCallback(({ messages }) => {\n    setMessagesPerSecond(messages.messagesLength);\n  }, []);\n\n  useEffect(() => {\n    ConnectionManager.on(\"connection-metrics\", handleConnectivityMessage);\n    return () => {\n      ConnectionManager.removeListener(\n        \"connection-metrics\",\n        handleConnectivityMessage\n      );\n    };\n  }, [handleConnectivityMessage]);\n\n  return messagesPerSecond;\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,6BAA6B,MAAM;AAC9C,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAiB,CAAC,CAAA,CAAA;AACpE,EAAA,MAAM,yBAA4B,GAAA,WAAA,CAAY,CAAC,EAAE,UAAe,KAAA;AAC9D,IAAA,oBAAA,CAAqB,SAAS,cAAc,CAAA,CAAA;AAAA,GAC9C,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAkB,iBAAA,CAAA,EAAA,CAAG,sBAAsB,yBAAyB,CAAA,CAAA;AACpE,IAAA,OAAO,MAAM;AACX,MAAkB,iBAAA,CAAA,cAAA;AAAA,QAChB,oBAAA;AAAA,QACA,yBAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,yBAAyB,CAAC,CAAA,CAAA;AAE9B,EAAO,OAAA,iBAAA,CAAA;AACT;;;;"}

package/esm/hooks/useServerConnectionStatus.js

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1 @@
+{"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/esm/hooks/useTypeaheadSuggestions.js

@@ -0,0 +1,28 @@
+import { makeRpcCall } from '@vuu-ui/vuu-data-remote';
+import { useCallback } from 'react';
+
+const TYPEAHEAD_MESSAGE_CONSTANTS = {
+  type: "RPC_CALL",
+  service: "TypeAheadRpcHandler"
+};
+const getTypeaheadParams = (table, column, text = "", selectedValues = []) => {
+  if (text !== "" && !selectedValues.includes(text.toLowerCase())) {
+    return [table, column, text];
+  }
+  return [table, column];
+};
+const useTypeaheadSuggestions = () => useCallback(async (params) => {
+  const rpcMessage = params.length === 2 ? {
+    method: "getUniqueFieldValues",
+    params,
+    ...TYPEAHEAD_MESSAGE_CONSTANTS
+  } : {
+    method: "getUniqueFieldValuesStartingWith",
+    params,
+    ...TYPEAHEAD_MESSAGE_CONSTANTS
+  };
+  return makeRpcCall(rpcMessage);
+}, []);
+
+export { getTypeaheadParams, useTypeaheadSuggestions };
+//# sourceMappingURL=useTypeaheadSuggestions.js.map

package/esm/hooks/useTypeaheadSuggestions.js.map

@@ -0,0 +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  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\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 =\n      params.length === 2\n        ? ({\n            method: \"getUniqueFieldValues\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValues)\n        : ({\n            method: \"getUniqueFieldValuesStartingWith\",\n            params,\n            ...TYPEAHEAD_MESSAGE_CONSTANTS,\n          } as ClientToServerGetUniqueValuesStartingWith);\n    return makeRpcCall<string[]>(rpcMessage);\n  }, []);\n"],"names":[],"mappings":";;;AAUA,MAAM,2BAA8B,GAAA;AAAA,EAClC,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,qBAAA;AACX,CAAA,CAAA;AAEa,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,CACb,GAAA;AAAA,IACC,MAAQ,EAAA,sBAAA;AAAA,IACR,MAAA;AAAA,IACA,GAAG,2BAAA;AAAA,GAEJ,GAAA;AAAA,IACC,MAAQ,EAAA,kCAAA;AAAA,IACR,MAAA;AAAA,IACA,GAAG,2BAAA;AAAA,GACL,CAAA;AACN,EAAA,OAAO,YAAsB,UAAU,CAAA,CAAA;AACzC,CAAA,EAAG,EAAE;;;;"}