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

package/cjs/index.js

@@ -330,6 +330,7 @@ var getMenuRpcRequest = (options) => {
     };
   }
 };
+var isTableLocation = (location) => ["grid", "header", "filter"].includes(location);
 var hasFilter = ({ filter }) => typeof filter === "string" && filter.length > 0;
 var getMenuItemOptions = (menu, options) => {
   switch (menu.context) {
@@ -408,10 +409,10 @@ var useVuuMenuActions = ({
   onRpcResponse
 }) => {
   const buildViewserverMenuOptions = (0, import_react5.useCallback)(
-    (tableLocation, options) => {
+    (location, options) => {
       const { visualLink, visualLinks, vuuMenu } = menuActionConfig;
       const descriptors = [];
-      if (tableLocation === "grid" && visualLinks && !visualLink) {
+      if (location === "grid" && visualLinks && !visualLink) {
         visualLinks.forEach((linkDescriptor) => {
           const { link, label: linkLabel } = linkDescriptor;
           const label = linkLabel ? linkLabel : link.toTable;
@@ -422,10 +423,10 @@ var useVuuMenuActions = ({
           });
         });
       }
-      if (vuuMenu) {
+      if (vuuMenu && isTableLocation(location)) {
         const menuDescriptor = buildMenuDescriptor(
           vuuMenu,
-          tableLocation,
+          location,
           options
         );
         if (isRoot(vuuMenu) && (0, import_vuu_utils2.isGroupMenuItemDescriptor)(menuDescriptor)) {
@@ -439,10 +440,10 @@ var useVuuMenuActions = ({
     [menuActionConfig]
   );
   const handleMenuAction = (0, import_react5.useCallback)(
-    (type, options) => {
-      if (clientSideMenuActionHandler == null ? void 0 : clientSideMenuActionHandler(type, options)) {
+    ({ menuId, options }) => {
+      if (clientSideMenuActionHandler == null ? void 0 : clientSideMenuActionHandler(menuId, options)) {
         return true;
-      } else if (type === "MENU_RPC_CALL") {
+      } else if (menuId === "MENU_RPC_CALL") {
         const rpcRequest = getMenuRpcRequest(options);
         dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {
           if (onRpcResponse && rpcResponse) {
@@ -450,11 +451,11 @@ var useVuuMenuActions = ({
           }
         });
         return true;
-      } else if (type === "link-table") {
+      } else if (menuId === "link-table") {
         return dataSource.visualLink = options, true;
       } else {
         console.log(
-          `useViewServer handleMenuAction,  can't handle action type ${type}`
+          `useViewServer handleMenuAction,  can't handle action type ${menuId}`
         );
       }
       return false;

package/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/vuu-data-react/src/index.ts", "../../../packages/vuu-data-react/src/hooks/useDataSource.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 { DataSource, SubscribeCallback } from \"@vuu-ui/vuu-data\";\nimport { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { 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 { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager, ConnectionStatusMessage } from \"@vuu-ui/vuu-data\";\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\";\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 {\n  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\nimport { makeRpcCall } from \"@vuu-ui/vuu-data\";\n\nexport type SuggestionFetcher = (params: TypeaheadParams) => Promise<string[]>;\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\n\nexport const getTypeaheadParams = (\n  table: VuuTable,\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\n// const containSpace = (text: string) => text.indexOf(\" \") !== -1;\n// const replaceSpace = (text: string) => text.replace(/\\s/g, SPECIAL_SPACE);\n\nexport const useTypeaheadSuggestions = () => {\n  const getTypeaheadSuggestions: SuggestionFetcher = useCallback(\n    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\n      const suggestions = await makeRpcCall<string[]>(rpcMessage);\n\n      // TODO replacing space with underscores like this is not being correctly handled elsewhere\n      return suggestions;\n      // return suggestions.some(containSpace)\n      //   ? suggestions.map(replaceSpace)\n      //   : suggestions;\n    },\n    []\n  );\n\n  return getTypeaheadSuggestions;\n};\n", "import {\n  DataSource,\n  DataSourceMenusMessage,\n  DataSourceVisualLinkCreatedMessage,\n  DataSourceVisualLinkRemovedMessage,\n  DataSourceVisualLinksMessage,\n  MenuRpcResponse,\n  VuuFeatureInvocationMessage,\n  VuuFeatureMessage,\n  VuuUIMessageInRPCEditReject,\n  VuuUIMessageInRPCEditResponse,\n} from \"@vuu-ui/vuu-data\";\nimport {\n  ContextMenuItemDescriptor,\n  DataSourceRow,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { GridAction } from \"@vuu-ui/vuu-datagrid-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\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\nexport const isVisualLinksAction = (\n  action: GridAction\n): action is DataSourceVisualLinksMessage => action.type === \"vuu-links\";\n\nexport const isVisualLinkCreatedAction = (\n  action: GridAction\n): action is DataSourceVisualLinkCreatedMessage =>\n  action.type === \"vuu-link-created\";\n\nexport const isVisualLinkRemovedAction = (\n  action: GridAction\n): action is DataSourceVisualLinkRemovedMessage =>\n  action.type === \"vuu-link-removed\";\n\nexport const isViewportMenusAction = (\n  action: GridAction\n): action is DataSourceMenusMessage => action.type === \"vuu-menu\";\n\nexport const isVuuFeatureAction = (\n  action: GridAction\n): action is VuuFeatureMessage =>\n  isViewportMenusAction(action) || isVisualLinksAction(action);\n\nexport const isVuuFeatureInvocation = (\n  action: GridAction\n): action is VuuFeatureInvocationMessage =>\n  action.type === \"vuu-link-created\" || action.type === \"vuu-link-removed\";\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    TableMenuLocation,\n    VuuServerMenuOptions\n  >;\n  handleMenuAction: VuuMenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\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?: (\n    response:\n      | MenuRpcResponse\n      | VuuUIMessageInRPCEditReject\n      | VuuUIMessageInRPCEditResponse\n  ) => void;\n}\n\ntype TableMenuLocation = \"grid\" | \"header\" | \"filter\";\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<\n    TableMenuLocation,\n    VuuServerMenuOptions\n  > = useCallback(\n    (tableLocation, options) => {\n      const { visualLink, visualLinks, vuuMenu } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (tableLocation === \"grid\" && visualLinks && !visualLink) {\n        visualLinks.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 (vuuMenu) {\n        const menuDescriptor = buildMenuDescriptor(\n          vuuMenu,\n          tableLocation,\n          options\n        );\n        if (isRoot(vuuMenu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [menuActionConfig]\n  );\n\n  const handleMenuAction = useCallback(\n    (type: string, options: unknown) => {\n      if (clientSideMenuActionHandler?.(type, options)) {\n        return true;\n      } else if (type === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as VuuMenuItem);\n        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {\n          if (onRpcResponse && rpcResponse) {\n            onRpcResponse && onRpcResponse(rpcResponse);\n          }\n        });\n        return true;\n      } else if (type === \"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 ${type}`\n        );\n      }\n      return false;\n    },\n    [clientSideMenuActionHandler, dataSource, onRpcResponse]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n", "import { useCallback, useEffect, useState } from \"react\";\nimport { getServerAPI, TableSchema } from \"@vuu-ui/vuu-data\";\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      const server = await getServerAPI();\n      const { tables } = await server.getTableList();\n      const tableSchemas = buildTables(\n        await Promise.all(\n          tables.map((tableDescriptor) =>\n            server.getTableSchema(tableDescriptor)\n          )\n        )\n      );\n      setTables(tableSchemas);\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACIA,uBAAwD;AACxD,mBAAkE;AAElE,IAAM,EAAE,SAAS,IAAI;AAOd,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,mBAAmB;AACrB,GAKE;AACA,QAAM,CAAC,EAAE,WAAW,QAAI,uBAAwB,IAAI;AACpD,QAAM,gBAAY,qBAAO,IAAI;AAC7B,QAAM,iBAAa,qBAAO,KAAK;AAC/B,QAAM,gBAAY,qBAAO,IAAI;AAC7B,QAAM,WAAO,qBAAwB,CAAC,CAAC;AACvC,QAAM,eAAW,qBAAO,EAAE,MAAM,GAAG,IAAI,GAAG,CAAC;AAE3C,QAAM,iBAAa;AAAA,IACjB,MAAM,IAAI,iBAAa,+BAAa,SAAS,SAAS,gBAAgB,CAAC;AAAA,IACvE,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,cAAU;AAAA,IACd,CAAC,YAA6B;AAC5B,iBAAW,OAAO,SAAS;AACzB,mBAAW,IAAI,GAAG;AAAA,MACpB;AAEA,WAAK,UAAU,WAAW,KAAK,MAAM;AAErC,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,+BAA8C;AAAA,IAClD,CAAC,YAAY;AACX,UAAI,QAAQ,SAAS,mBAAmB;AACtC,YAAI,QAAQ,SAAS,QAAW;AAC9B,qBAAW,YAAY,QAAQ,IAAI;AAAA,QACrC;AACA,YAAI,QAAQ,MAAM;AAChB,kBAAQ,QAAQ,IAAI;AACpB,sBAAY,CAAC,CAAC;AAAA,QAChB,WAAW,QAAQ,SAAS,QAAW;AAErC,eAAK,UAAU,WAAW,KAAK,MAAM;AACrC,qBAAW,UAAU;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,YAAY,OAAO;AAAA,EACtB;AAEA;AAAA,IACE,MAAM,MAAM;AACV,UAAI,UAAU,SAAS;AACrB,6BAAqB,UAAU,OAAO;AACtC,kBAAU,UAAU;AAAA,MACtB;AACA,gBAAU,UAAU;AAAA,IACtB;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,eAAW;AAAA,IACf,CAAC,UAAU;AACT,eAAS,UAAU;AACnB,YAAM,gBAAY,+BAAa,SAAS,SAAS,gBAAgB;AACjE,iBAAW,QAAQ;AACnB,iBAAW,SAAS,UAAU,MAAM,UAAU,EAAE;AAAA,IAClD;AAAA,IACA,CAAC,YAAY,YAAY,gBAAgB;AAAA,EAC3C;AAEA,4BAAQ,MAAM;AACZ,UAAM,EAAE,MAAM,GAAG,IAAI,SAAS;AAC9B,UAAM,gBAAY,+BAAa,EAAE,MAAM,GAAG,GAAG,gBAAgB;AAC7D,eAAW,QAAQ;AACnB,eAAW,SAAS,UAAU,MAAM,UAAU,EAAE;AAAA,EAClD,GAAG,CAAC,YAAY,YAAY,gBAAgB,CAAC;AAE7C,8BAAU,MAAM;AACd,UAAM,EAAE,MAAM,GAAG,QAAI,+BAAa,SAAS,SAAS,gBAAgB;AACpE,eAAW;AAAA,MACT;AAAA,QACE,OAAO,EAAE,MAAM,GAAG;AAAA,MACpB;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,0BAA0B,gBAAgB,CAAC;AAE3D;AAAA,IACE,MAAM,MAAM;AACV,iBAAW,YAAY;AAAA,IACzB;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,SAAO;AAAA,IACL,KAAK;AAAA,IACL,WAAW;AAAA,QACX,+BAAa,SAAS,SAAS,gBAAgB;AAAA,IAC/C;AAAA,EACF;AACF;AAEO,IAAM,eAAN,MAAmB;AAAA,EAKxB,YAAY,EAAE,MAAM,GAAG,GAAa;AAHpC,SAAO,WAAW;AAQlB,uBAAc,CAAC,aAAqB;AAClC,UAAI,WAAW,KAAK,KAAK,QAAQ;AAC/B,aAAK,KAAK,SAAS;AAAA,MACrB;AACA,WAAK,WAAW;AAAA,IAClB;AATE,SAAK,QAAQ,IAAI,6BAAY,MAAM,EAAE;AACrC,SAAK,OAAO,IAAI,MAAM,KAAK,IAAI;AAAA,EACjC;AAAA,EASA,IAAI,MAAqB;AACvB,UAAM,CAAC,KAAK,IAAI;AAChB,QAAI,KAAK,cAAc,KAAK,GAAG;AAC7B,YAAM,gBAAgB,QAAQ,KAAK,MAAM;AACzC,WAAK,KAAK,aAAa,IAAI;AAC3B,UAAI,KAAK,KAAK,gBAAgB,CAAC,GAAG;AAEhC,YACE,KAAK,KAAK,gBAAgB,CAAC,EAAE,QAAQ,MAAM,KAC3C,KAAK,QAAQ,MAAM,GACnB;AACA,eAAK,QAAQ,IAAI;AAAA,QACnB;AAAA,MACF;AACA,UAAI,UAAU,KAAK,WAAW,GAAG;AAC/B,aAAK,KAAK,SAAS,gBAAgB;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAW,OAAe;AACxB,WAAO,KAAK,MAAM,SAAS,KAAK,KAC9B,KAAK,KAAK,QAAQ,KAAK,MAAM,IAAI,KAAK,OACpC,KAAK,KAAK,QAAQ,KAAK,MAAM,IAAI,IACjC;AAAA,EACN;AAAA,EAEA,cAAc,OAAe;AAC3B,WAAO,KAAK,MAAM,SAAS,KAAK;AAAA,EAClC;AAAA,EAEA,SAAS,MAAc,IAAY;AACjC,QAAI,SAAS,KAAK,MAAM,QAAQ,OAAO,KAAK,MAAM,IAAI;AACpD,YAAM,CAAC,aAAa,SAAS,IAAI,KAAK,MAAM,QAAQ,MAAM,EAAE;AAC5D,YAAM,UAAU,IAAI,MAAM,KAAK,IAAI;AACnC,eAAS,IAAI,aAAa,IAAI,WAAW,KAAK;AAC5C,cAAM,OAAO,KAAK,WAAW,CAAC;AAC9B,YAAI,MAAM;AACR,gBAAM,QAAQ,IAAI;AAClB,kBAAQ,KAAK,IAAI;AAAA,QACnB;AAAA,MACF;AACA,WAAK,OAAO;AACZ,WAAK,MAAM,OAAO;AAClB,WAAK,MAAM,KAAK;AAAA,IAClB;AAAA,EACF;AACF;;;ACxLA,IAAAA,gBAAiD;AACjD,sBAA2D;AAEpD,IAAM,4BAA4B,MAAM;AAC7C,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,wBAAS,cAAc;AAEvE,QAAM,yBAAqB;AAAA,IACzB,CAAC,EAAE,OAAO,MAA+B;AACvC,0BAAoB,MAAM;AAAA,IAC5B;AAAA,IACA,CAAC;AAAA,EACH;AAEA,+BAAU,MAAM;AACd,sCAAkB,GAAG,qBAAqB,kBAAkB;AAC5D,WAAO,MAAM;AACX,wCAAkB,eAAe,qBAAqB,kBAAkB;AAAA,IAC1E;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SAAO;AACT;;;ACrBA,IAAAC,gBAAiD;AACjD,IAAAC,mBAAkC;AAE3B,IAAM,6BAA6B,MAAM;AAC9C,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,wBAAiB,CAAC;AACpE,QAAM,gCAA4B,2BAAY,CAAC,EAAE,SAAS,MAAM;AAC9D,yBAAqB,SAAS,cAAc;AAAA,EAC9C,GAAG,CAAC,CAAC;AAEL,+BAAU,MAAM;AACd,uCAAkB,GAAG,sBAAsB,yBAAyB;AACpE,WAAO,MAAM;AACX,yCAAkB;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,yBAAyB,CAAC;AAE9B,SAAO;AACT;;;ACdA,IAAAC,gBAA4B;AAC5B,IAAAC,mBAA4B;AAK5B,IAAM,8BAA8B;AAAA,EAClC,MAAM;AAAA,EACN,SAAS;AACX;AAEO,IAAM,qBAAqB,CAChC,OACA,QACA,OAAO,IACP,iBAA2B,CAAC,MACR;AACpB,MAAI,SAAS,MAAM,CAAC,eAAe,SAAS,KAAK,YAAY,CAAC,GAAG;AAC/D,WAAO,CAAC,OAAO,QAAQ,IAAI;AAAA,EAC7B;AACA,SAAO,CAAC,OAAO,MAAM;AACvB;AAKO,IAAM,0BAA0B,MAAM;AAC3C,QAAM,8BAA6C;AAAA,IACjD,OAAO,WAA4B;AACjC,YAAM,aACJ,OAAO,WAAW,IACb;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA,GAAG;AAAA,MACL,IACC;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA,GAAG;AAAA,MACL;AAEN,YAAM,cAAc,UAAM,8BAAsB,UAAU;AAG1D,aAAO;AAAA,IAIT;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SAAO;AACT;;;AC1CA,+BAAmC;AAWnC,IAAAC,oBAKO;AACP,IAAAC,gBAA4B;AAErB,IAAM,yBAAyB;AAYtC,IAAM,EAAE,IAAI,IAAI;AAEhB,IAAM,YAA8B,CAAC;AAE9B,IAAM,sBAAsB,CACjC,WAC2C,OAAO,SAAS;AAEtD,IAAM,4BAA4B,CACvC,WAEA,OAAO,SAAS;AAEX,IAAM,4BAA4B,CACvC,WAEA,OAAO,SAAS;AAEX,IAAM,wBAAwB,CACnC,WACqC,OAAO,SAAS;AAEhD,IAAM,qBAAqB,CAChC,WAEA,sBAAsB,MAAM,KAAK,oBAAoB,MAAM;AAEtD,IAAM,yBAAyB,CACpC,WAEA,OAAO,SAAS,sBAAsB,OAAO,SAAS;AAExD,IAAM,aAAa,CAAC,SAClB,aAAa;AAEf,IAAM,kBAAkB,CAAC,SACvB,WAAW;AAEb,IAAM,SAAS,CAAC,SAAkB,KAAK,SAAS;AAEhD,IAAM,aAAa,CAAC,YAClB,QAAQ,YAAY;AACtB,IAAM,YAAY,CAAC,YACjB,QAAQ,YAAY;AACtB,IAAM,kBAAkB,CAAC,YACvB,QAAQ,YAAY;AAEtB,IAAM,wCAAwC,CAC5C,YACA,YACA,mBAAmB,MAChB;AACH,UAAQ,YAAY;AAAA,IAClB,KAAK;AACH,UAAI,eAAe,iBAAiB;AAClC,eAAO,mBAAmB;AAAA,MAC5B,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF,KAAK;AACH,aAAO,eAAe;AAAA,IACxB;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,6BAA6B,CACjC,SACA,KACA,cACA,QACA,cACY;AACZ,MAAI,YAAY,UAAU,YAAY,OAAO;AAC3C,UAAM,sBAAkB,6CAAmB,WAAW,MAAM;AAC5D,WAAO,gBAAgB,GAAG;AAAA,EAC5B,WAAW,YAAY,iBAAiB;AACtC,QAAI,aAAa,WAAW,GAAG;AAC7B,aAAO;AAAA,IACT,OAAO;AACL,YAAM,sBAAkB,6CAAmB,WAAW,MAAM;AAC5D,aAAO,aAAa,MAAM,eAAe;AAAA,IAC3C;AAAA,EACF;AACA,SAAO;AACT;AAEA,IAAM,oBAAoB,CACxB,YACwC;AACxC,QAAM,EAAE,QAAQ,IAAI;AACpB,MAAI,WAAW,OAAO,GAAG;AACvB,WAAO;AAAA,MACL,OAAO,QAAQ;AAAA,MACf,QAAQ,QAAQ;AAAA,MAChB;AAAA,MACA,OAAO,QAAQ;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF,WAAW,UAAU,OAAO,GAAG;AAC7B,WAAO;AAAA,MACL,QAAQ,QAAQ;AAAA,MAChB,KAAK,QAAQ;AAAA,MACb;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF,WAAW,gBAAgB,OAAO,GAAG;AACnC,WAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF,OAAO;AACL,WAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAiDA,IAAM,YAAY,CAAC,EAAE,OAAO,MAC1B,OAAO,WAAW,YAAY,OAAO,SAAS;AAEhD,IAAM,qBAAqB,CACzB,MACA,YACgB;AAChB,UAAQ,KAAK,SAAS;AAAA,IACpB,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,OAAO,QAAQ;AAAA,QACf,QAAQ,QAAQ,IAAI,GAAG;AAAA,QACvB,OAAO,QAAQ,IAAI,QAAQ,UAAU,QAAQ,UAAU,CAAC;AAAA,MAC1D;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,SAAK,gCAAa,QAAQ,KAAK,QAAQ,SAAS;AAAA,QAChD,QAAQ,QAAQ,IAAI,GAAG;AAAA,MACzB;AAAA,IACF;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,oCAAoC,CACxC,UACA,eACA,YACY;AArPd;AAsPE,MAAI,gBAAgB,QAAQ,GAAG;AAC7B,WAAO,SAAS,MAAM;AAAA,MAAK,CAAC,cAC1B,kCAAkC,WAAW,eAAe,OAAO;AAAA,IACrE;AAAA,EACF;AACA,MACE,CAAC;AAAA,IACC;AAAA,IACA,SAAS;AAAA,KACT,aAAQ,iBAAR,mBAAsB;AAAA,EACxB,GACA;AACA,WAAO;AAAA,EACT;AAEA,MAAI,kBAAkB,UAAU,UAAU,QAAQ,GAAG;AACnD,WAAO;AAAA,MACL,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AAEA,MAAI,WAAW,QAAQ,KAAK,SAAS,UAAU,KAAK;AAClD,WAAO,SAAS,UAAU,QAAQ;AAAA,EACpC;AAEA,SAAO;AACT;AAEA,IAAM,sBAAsB,CAC1B,MACA,eACA,YAC0C;AAC1C,MAAI,kCAAkC,MAAM,eAAe,OAAO,GAAG;AACnE,QAAI,WAAW,IAAI,GAAG;AACpB,aAAO;AAAA,QACL,OAAO,KAAK;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS,mBAAmB,MAAM,OAAO;AAAA,MAC3C;AAAA,IACF,OAAO;AACL,YAAM,WAAW,KAAK,MACnB;AAAA,QAAI,CAAC,cACJ,oBAAoB,WAAW,eAAe,OAAO;AAAA,MACvD,EACC;AAAA,QACC,CAAC,cAAc,cAAc;AAAA,MAC/B;AACF,UAAI,SAAS,SAAS,GAAG;AACvB,eAAO;AAAA,UACL,OAAO,KAAK;AAAA,UACZ;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,MAAoD;AAClD,QAAM,iCAGF;AAAA,IACF,CAAC,eAAe,YAAY;AAC1B,YAAM,EAAE,YAAY,aAAa,QAAQ,IAAI;AAC7C,YAAM,cAA2C,CAAC;AAElD,UAAI,kBAAkB,UAAU,eAAe,CAAC,YAAY;AAC1D,oBAAY,QAAQ,CAAC,mBAA4C;AAC/D,gBAAM,EAAE,MAAM,OAAO,UAAU,IAAI;AACnC,gBAAM,QAAQ,YAAY,YAAY,KAAK;AAC3C,sBAAY,KAAK;AAAA,YACf,OAAO,WAAW;AAAA,YAClB,QAAQ;AAAA,YACR,SAAS;AAAA,UACX,CAAC;AAAA,QACH,CAAC;AAAA,MACH;AAEA,UAAI,SAAS;AACX,cAAM,iBAAiB;AAAA,UACrB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AACA,YAAI,OAAO,OAAO,SAAK,6CAA0B,cAAc,GAAG;AAChE,sBAAY,KAAK,GAAG,eAAe,QAAQ;AAAA,QAC7C,WAAW,gBAAgB;AACzB,sBAAY,KAAK,cAAc;AAAA,QACjC;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,uBAAmB;AAAA,IACvB,CAAC,MAAc,YAAqB;AAClC,UAAI,2EAA8B,MAAM,UAAU;AAChD,eAAO;AAAA,MACT,WAAW,SAAS,iBAAiB;AACnC,cAAM,aAAa,kBAAkB,OAAsB;AAC3D,mBAAW,YAAY,UAAU,EAAE,KAAK,CAAC,gBAAgB;AACvD,cAAI,iBAAiB,aAAa;AAChC,6BAAiB,cAAc,WAAW;AAAA,UAC5C;AAAA,QACF,CAAC;AACD,eAAO;AAAA,MACT,WAAW,SAAS,cAAc;AAEhC,eACG,WAAW,aAAa,SAAqC;AAAA,MAElE,OAAO;AACL,gBAAQ;AAAA,UACN,6DAA6D;AAAA,QAC/D;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,6BAA6B,YAAY,aAAa;AAAA,EACzD;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;AC/XA,IAAAC,gBAAiD;AACjD,IAAAC,mBAA0C;AAEnC,IAAM,eAAe,MAAM;AAChC,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAA+C;AAE3E,QAAM,kBAAc,2BAAY,CAAC,YAA2B;AAC1D,UAAM,YAAY,oBAAI,IAAyB;AAC/C,YAAQ,QAAQ,CAAC,WAAW;AAC1B,gBAAU,IAAI,OAAO,MAAM,OAAO,MAAM;AAAA,IAC1C,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,+BAAU,MAAM;AACd,mBAAe,qBAAqB;AAClC,YAAM,SAAS,UAAM,+BAAa;AAClC,YAAM,EAAE,QAAAC,QAAO,IAAI,MAAM,OAAO,aAAa;AAC7C,YAAM,eAAe;AAAA,QACnB,MAAM,QAAQ;AAAA,UACZA,QAAO;AAAA,YAAI,CAAC,oBACV,OAAO,eAAe,eAAe;AAAA,UACvC;AAAA,QACF;AAAA,MACF;AACA,gBAAU,YAAY;AAAA,IACxB;AAEA,uBAAmB;AAAA,EACrB,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO;AACT;",
+  "sourcesContent": ["export * from \"./hooks\";\n", "// TODO is this hook needed ? it is currently used only in a vuu salt story\nimport { DataSource, SubscribeCallback } from \"@vuu-ui/vuu-data\";\nimport { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { 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 { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager, ConnectionStatusMessage } from \"@vuu-ui/vuu-data\";\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\";\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 {\n  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\nimport { makeRpcCall } from \"@vuu-ui/vuu-data\";\n\nexport type SuggestionFetcher = (params: TypeaheadParams) => Promise<string[]>;\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\n\nexport const getTypeaheadParams = (\n  table: VuuTable,\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\n// const containSpace = (text: string) => text.indexOf(\" \") !== -1;\n// const replaceSpace = (text: string) => text.replace(/\\s/g, SPECIAL_SPACE);\n\nexport const useTypeaheadSuggestions = () => {\n  const getTypeaheadSuggestions: SuggestionFetcher = useCallback(\n    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\n      const suggestions = await makeRpcCall<string[]>(rpcMessage);\n\n      // TODO replacing space with underscores like this is not being correctly handled elsewhere\n      return suggestions;\n      // return suggestions.some(containSpace)\n      //   ? suggestions.map(replaceSpace)\n      //   : suggestions;\n    },\n    []\n  );\n\n  return getTypeaheadSuggestions;\n};\n", "import {\n  DataSource,\n  DataSourceMenusMessage,\n  DataSourceVisualLinkCreatedMessage,\n  DataSourceVisualLinkRemovedMessage,\n  DataSourceVisualLinksMessage,\n  MenuRpcResponse,\n  VuuFeatureInvocationMessage,\n  VuuFeatureMessage,\n  VuuUIMessageInRPCEditReject,\n  VuuUIMessageInRPCEditResponse,\n} from \"@vuu-ui/vuu-data\";\nimport {\n  ContextMenuItemDescriptor,\n  DataSourceRow,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { GridAction } from \"@vuu-ui/vuu-datagrid-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\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 { MenuActionClosePopup } from \"packages/vuu-popups/src\";\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\nexport const isVisualLinksAction = (\n  action: GridAction\n): action is DataSourceVisualLinksMessage => action.type === \"vuu-links\";\n\nexport const isVisualLinkCreatedAction = (\n  action: GridAction\n): action is DataSourceVisualLinkCreatedMessage =>\n  action.type === \"vuu-link-created\";\n\nexport const isVisualLinkRemovedAction = (\n  action: GridAction\n): action is DataSourceVisualLinkRemovedMessage =>\n  action.type === \"vuu-link-removed\";\n\nexport const isViewportMenusAction = (\n  action: GridAction\n): action is DataSourceMenusMessage => action.type === \"vuu-menu\";\n\nexport const isVuuFeatureAction = (\n  action: GridAction\n): action is VuuFeatureMessage =>\n  isViewportMenusAction(action) || isVisualLinksAction(action);\n\nexport const isVuuFeatureInvocation = (\n  action: GridAction\n): action is VuuFeatureInvocationMessage =>\n  action.type === \"vuu-link-created\" || action.type === \"vuu-link-removed\";\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) => 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 { visualLink, visualLinks, vuuMenu } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && visualLinks && !visualLink) {\n        visualLinks.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 (vuuMenu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptor(\n          vuuMenu,\n          location,\n          options as VuuServerMenuOptions\n        );\n        if (isRoot(vuuMenu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [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      return false;\n    },\n    [clientSideMenuActionHandler, dataSource, onRpcResponse]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n", "import { useCallback, useEffect, useState } from \"react\";\nimport { getServerAPI, TableSchema } from \"@vuu-ui/vuu-data\";\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      const server = await getServerAPI();\n      const { tables } = await server.getTableList();\n      const tableSchemas = buildTables(\n        await Promise.all(\n          tables.map((tableDescriptor) =>\n            server.getTableSchema(tableDescriptor)\n          )\n        )\n      );\n      setTables(tableSchemas);\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n"],
+  "mappings": "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",
   "names": ["import_react", "import_react", "import_vuu_data", "import_react", "import_vuu_data", "import_vuu_utils", "import_react", "import_react", "import_vuu_data", "tables"]
 }

package/esm/index.js

@@ -294,6 +294,7 @@ var getMenuRpcRequest = (options) => {
     };
   }
 };
+var isTableLocation = (location) => ["grid", "header", "filter"].includes(location);
 var hasFilter = ({ filter }) => typeof filter === "string" && filter.length > 0;
 var getMenuItemOptions = (menu, options) => {
   switch (menu.context) {
@@ -372,10 +373,10 @@ var useVuuMenuActions = ({
   onRpcResponse
 }) => {
   const buildViewserverMenuOptions = useCallback5(
-    (tableLocation, options) => {
+    (location, options) => {
       const { visualLink, visualLinks, vuuMenu } = menuActionConfig;
       const descriptors = [];
-      if (tableLocation === "grid" && visualLinks && !visualLink) {
+      if (location === "grid" && visualLinks && !visualLink) {
         visualLinks.forEach((linkDescriptor) => {
           const { link, label: linkLabel } = linkDescriptor;
           const label = linkLabel ? linkLabel : link.toTable;
@@ -386,10 +387,10 @@ var useVuuMenuActions = ({
           });
         });
       }
-      if (vuuMenu) {
+      if (vuuMenu && isTableLocation(location)) {
         const menuDescriptor = buildMenuDescriptor(
           vuuMenu,
-          tableLocation,
+          location,
           options
         );
         if (isRoot(vuuMenu) && isGroupMenuItemDescriptor(menuDescriptor)) {
@@ -403,10 +404,10 @@ var useVuuMenuActions = ({
     [menuActionConfig]
   );
   const handleMenuAction = useCallback5(
-    (type, options) => {
-      if (clientSideMenuActionHandler == null ? void 0 : clientSideMenuActionHandler(type, options)) {
+    ({ menuId, options }) => {
+      if (clientSideMenuActionHandler == null ? void 0 : clientSideMenuActionHandler(menuId, options)) {
         return true;
-      } else if (type === "MENU_RPC_CALL") {
+      } else if (menuId === "MENU_RPC_CALL") {
         const rpcRequest = getMenuRpcRequest(options);
         dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {
           if (onRpcResponse && rpcResponse) {
@@ -414,11 +415,11 @@ var useVuuMenuActions = ({
           }
         });
         return true;
-      } else if (type === "link-table") {
+      } else if (menuId === "link-table") {
         return dataSource.visualLink = options, true;
       } else {
         console.log(
-          `useViewServer handleMenuAction,  can't handle action type ${type}`
+          `useViewServer handleMenuAction,  can't handle action type ${menuId}`
         );
       }
       return false;

package/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/vuu-data-react/src/hooks/useDataSource.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": ["// TODO is this hook needed ? it is currently used only in a vuu salt story\nimport { DataSource, SubscribeCallback } from \"@vuu-ui/vuu-data\";\nimport { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { 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 { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager, ConnectionStatusMessage } from \"@vuu-ui/vuu-data\";\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\";\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 {\n  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\nimport { makeRpcCall } from \"@vuu-ui/vuu-data\";\n\nexport type SuggestionFetcher = (params: TypeaheadParams) => Promise<string[]>;\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\n\nexport const getTypeaheadParams = (\n  table: VuuTable,\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\n// const containSpace = (text: string) => text.indexOf(\" \") !== -1;\n// const replaceSpace = (text: string) => text.replace(/\\s/g, SPECIAL_SPACE);\n\nexport const useTypeaheadSuggestions = () => {\n  const getTypeaheadSuggestions: SuggestionFetcher = useCallback(\n    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\n      const suggestions = await makeRpcCall<string[]>(rpcMessage);\n\n      // TODO replacing space with underscores like this is not being correctly handled elsewhere\n      return suggestions;\n      // return suggestions.some(containSpace)\n      //   ? suggestions.map(replaceSpace)\n      //   : suggestions;\n    },\n    []\n  );\n\n  return getTypeaheadSuggestions;\n};\n", "import {\n  DataSource,\n  DataSourceMenusMessage,\n  DataSourceVisualLinkCreatedMessage,\n  DataSourceVisualLinkRemovedMessage,\n  DataSourceVisualLinksMessage,\n  MenuRpcResponse,\n  VuuFeatureInvocationMessage,\n  VuuFeatureMessage,\n  VuuUIMessageInRPCEditReject,\n  VuuUIMessageInRPCEditResponse,\n} from \"@vuu-ui/vuu-data\";\nimport {\n  ContextMenuItemDescriptor,\n  DataSourceRow,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { GridAction } from \"@vuu-ui/vuu-datagrid-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\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\nexport const isVisualLinksAction = (\n  action: GridAction\n): action is DataSourceVisualLinksMessage => action.type === \"vuu-links\";\n\nexport const isVisualLinkCreatedAction = (\n  action: GridAction\n): action is DataSourceVisualLinkCreatedMessage =>\n  action.type === \"vuu-link-created\";\n\nexport const isVisualLinkRemovedAction = (\n  action: GridAction\n): action is DataSourceVisualLinkRemovedMessage =>\n  action.type === \"vuu-link-removed\";\n\nexport const isViewportMenusAction = (\n  action: GridAction\n): action is DataSourceMenusMessage => action.type === \"vuu-menu\";\n\nexport const isVuuFeatureAction = (\n  action: GridAction\n): action is VuuFeatureMessage =>\n  isViewportMenusAction(action) || isVisualLinksAction(action);\n\nexport const isVuuFeatureInvocation = (\n  action: GridAction\n): action is VuuFeatureInvocationMessage =>\n  action.type === \"vuu-link-created\" || action.type === \"vuu-link-removed\";\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    TableMenuLocation,\n    VuuServerMenuOptions\n  >;\n  handleMenuAction: VuuMenuActionHandler;\n}\n\nexport interface MenuActionConfig {\n  vuuMenu?: VuuMenu;\n  visualLink?: DataSourceVisualLinkCreatedMessage;\n  visualLinks?: LinkDescriptorWithLabel[];\n}\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?: (\n    response:\n      | MenuRpcResponse\n      | VuuUIMessageInRPCEditReject\n      | VuuUIMessageInRPCEditResponse\n  ) => void;\n}\n\ntype TableMenuLocation = \"grid\" | \"header\" | \"filter\";\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<\n    TableMenuLocation,\n    VuuServerMenuOptions\n  > = useCallback(\n    (tableLocation, options) => {\n      const { visualLink, visualLinks, vuuMenu } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (tableLocation === \"grid\" && visualLinks && !visualLink) {\n        visualLinks.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 (vuuMenu) {\n        const menuDescriptor = buildMenuDescriptor(\n          vuuMenu,\n          tableLocation,\n          options\n        );\n        if (isRoot(vuuMenu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [menuActionConfig]\n  );\n\n  const handleMenuAction = useCallback(\n    (type: string, options: unknown) => {\n      if (clientSideMenuActionHandler?.(type, options)) {\n        return true;\n      } else if (type === \"MENU_RPC_CALL\") {\n        const rpcRequest = getMenuRpcRequest(options as VuuMenuItem);\n        dataSource.menuRpcCall(rpcRequest).then((rpcResponse) => {\n          if (onRpcResponse && rpcResponse) {\n            onRpcResponse && onRpcResponse(rpcResponse);\n          }\n        });\n        return true;\n      } else if (type === \"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 ${type}`\n        );\n      }\n      return false;\n    },\n    [clientSideMenuActionHandler, dataSource, onRpcResponse]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n", "import { useCallback, useEffect, useState } from \"react\";\nimport { getServerAPI, TableSchema } from \"@vuu-ui/vuu-data\";\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      const server = await getServerAPI();\n      const { tables } = await server.getTableList();\n      const tableSchemas = buildTables(\n        await Promise.all(\n          tables.map((tableDescriptor) =>\n            server.getTableSchema(tableDescriptor)\n          )\n        )\n      );\n      setTables(tableSchemas);\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["// TODO is this hook needed ? it is currently used only in a vuu salt story\nimport { DataSource, SubscribeCallback } from \"@vuu-ui/vuu-data\";\nimport { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport { 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 { useCallback, useEffect, useState } from \"react\";\nimport { ConnectionManager, ConnectionStatusMessage } from \"@vuu-ui/vuu-data\";\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\";\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 {\n  ClientToServerGetUniqueValues,\n  ClientToServerGetUniqueValuesStartingWith,\n  TypeaheadParams,\n  VuuTable,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback } from \"react\";\nimport { makeRpcCall } from \"@vuu-ui/vuu-data\";\n\nexport type SuggestionFetcher = (params: TypeaheadParams) => Promise<string[]>;\n\n// const SPECIAL_SPACE = \"_\";\nconst TYPEAHEAD_MESSAGE_CONSTANTS = {\n  type: \"RPC_CALL\",\n  service: \"TypeAheadRpcHandler\",\n};\n\nexport const getTypeaheadParams = (\n  table: VuuTable,\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\n// const containSpace = (text: string) => text.indexOf(\" \") !== -1;\n// const replaceSpace = (text: string) => text.replace(/\\s/g, SPECIAL_SPACE);\n\nexport const useTypeaheadSuggestions = () => {\n  const getTypeaheadSuggestions: SuggestionFetcher = useCallback(\n    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\n      const suggestions = await makeRpcCall<string[]>(rpcMessage);\n\n      // TODO replacing space with underscores like this is not being correctly handled elsewhere\n      return suggestions;\n      // return suggestions.some(containSpace)\n      //   ? suggestions.map(replaceSpace)\n      //   : suggestions;\n    },\n    []\n  );\n\n  return getTypeaheadSuggestions;\n};\n", "import {\n  DataSource,\n  DataSourceMenusMessage,\n  DataSourceVisualLinkCreatedMessage,\n  DataSourceVisualLinkRemovedMessage,\n  DataSourceVisualLinksMessage,\n  MenuRpcResponse,\n  VuuFeatureInvocationMessage,\n  VuuFeatureMessage,\n  VuuUIMessageInRPCEditReject,\n  VuuUIMessageInRPCEditResponse,\n} from \"@vuu-ui/vuu-data\";\nimport {\n  ContextMenuItemDescriptor,\n  DataSourceRow,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-data-types\";\nimport { GridAction } from \"@vuu-ui/vuu-datagrid-types\";\nimport { getFilterPredicate } from \"@vuu-ui/vuu-filter-parser\";\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 { MenuActionClosePopup } from \"packages/vuu-popups/src\";\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\nexport const isVisualLinksAction = (\n  action: GridAction\n): action is DataSourceVisualLinksMessage => action.type === \"vuu-links\";\n\nexport const isVisualLinkCreatedAction = (\n  action: GridAction\n): action is DataSourceVisualLinkCreatedMessage =>\n  action.type === \"vuu-link-created\";\n\nexport const isVisualLinkRemovedAction = (\n  action: GridAction\n): action is DataSourceVisualLinkRemovedMessage =>\n  action.type === \"vuu-link-removed\";\n\nexport const isViewportMenusAction = (\n  action: GridAction\n): action is DataSourceMenusMessage => action.type === \"vuu-menu\";\n\nexport const isVuuFeatureAction = (\n  action: GridAction\n): action is VuuFeatureMessage =>\n  isViewportMenusAction(action) || isVisualLinksAction(action);\n\nexport const isVuuFeatureInvocation = (\n  action: GridAction\n): action is VuuFeatureInvocationMessage =>\n  action.type === \"vuu-link-created\" || action.type === \"vuu-link-removed\";\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) => 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 { visualLink, visualLinks, vuuMenu } = menuActionConfig;\n      const descriptors: ContextMenuItemDescriptor[] = [];\n\n      if (location === \"grid\" && visualLinks && !visualLink) {\n        visualLinks.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 (vuuMenu && isTableLocation(location)) {\n        const menuDescriptor = buildMenuDescriptor(\n          vuuMenu,\n          location,\n          options as VuuServerMenuOptions\n        );\n        if (isRoot(vuuMenu) && isGroupMenuItemDescriptor(menuDescriptor)) {\n          descriptors.push(...menuDescriptor.children);\n        } else if (menuDescriptor) {\n          descriptors.push(menuDescriptor);\n        }\n      }\n\n      return descriptors;\n    },\n    [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      return false;\n    },\n    [clientSideMenuActionHandler, dataSource, onRpcResponse]\n  );\n\n  return {\n    buildViewserverMenuOptions,\n    handleMenuAction,\n  };\n};\n", "import { useCallback, useEffect, useState } from \"react\";\nimport { getServerAPI, TableSchema } from \"@vuu-ui/vuu-data\";\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      const server = await getServerAPI();\n      const { tables } = await server.getTableList();\n      const tableSchemas = buildTables(\n        await Promise.all(\n          tables.map((tableDescriptor) =>\n            server.getTableSchema(tableDescriptor)\n          )\n        )\n      );\n      setTables(tableSchemas);\n    }\n\n    fetchTableMetadata();\n  }, [buildTables]);\n\n  return tables;\n};\n"],
+  "mappings": "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",
   "names": ["useCallback", "useEffect", "useState", "useCallback", "useEffect", "useState", "ConnectionManager", "useCallback", "metadataKeys", "useCallback", "useCallback", "useEffect", "useState", "tables"]
 }

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@vuu-ui/vuu-data-react",
-  "version": "0.8.5-debug",
+  "version": "0.8.6-debug",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-datagrid-types": "0.8.5-debug",
-    "@vuu-ui/vuu-filter-types": "0.8.5-debug",
-    "@vuu-ui/vuu-protocol-types": "0.8.5-debug"
+    "@vuu-ui/vuu-datagrid-types": "0.8.6-debug",
+    "@vuu-ui/vuu-filter-types": "0.8.6-debug",
+    "@vuu-ui/vuu-protocol-types": "0.8.6-debug"
   },
   "dependencies": {
-    "@vuu-ui/vuu-data": "0.8.5-debug",
-    "@vuu-ui/vuu-data-types": "0.8.5-debug",
-    "@vuu-ui/vuu-filter-parser": "0.8.5-debug",
-    "@vuu-ui/vuu-utils": "0.8.5-debug"
+    "@vuu-ui/vuu-data": "0.8.6-debug",
+    "@vuu-ui/vuu-data-types": "0.8.6-debug",
+    "@vuu-ui/vuu-filter-parser": "0.8.6-debug",
+    "@vuu-ui/vuu-utils": "0.8.6-debug"
   },
   "peerDependencies": {
     "react": "^17.0.2"

package/types/{hooks → vuu-data-react/src/hooks}/useVuuMenuActions.d.ts

@@ -1,5 +1,5 @@
 import { DataSource, DataSourceMenusMessage, DataSourceVisualLinkCreatedMessage, DataSourceVisualLinkRemovedMessage, DataSourceVisualLinksMessage, MenuRpcResponse, VuuFeatureInvocationMessage, VuuFeatureMessage, VuuUIMessageInRPCEditReject, VuuUIMessageInRPCEditResponse } from "@vuu-ui/vuu-data";
-import { DataSourceRow, MenuBuilder } from "@vuu-ui/vuu-data-types";
+import { DataSourceRow, MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
 import { GridAction } from "@vuu-ui/vuu-datagrid-types";
 import { LinkDescriptorWithLabel, VuuMenu, VuuMenuItem, VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
 import { ColumnMap } from "@vuu-ui/vuu-utils";
@@ -23,14 +23,15 @@ export declare const isVuuFeatureAction: (action: GridAction) => action is VuuFe
 export declare const isVuuFeatureInvocation: (action: GridAction) => action is VuuFeatureInvocationMessage;
 export type VuuMenuActionHandler = (type: string, options: unknown) => boolean;
 export interface ViewServerHookResult {
-    buildViewserverMenuOptions: MenuBuilder<TableMenuLocation, VuuServerMenuOptions>;
-    handleMenuAction: VuuMenuActionHandler;
+    buildViewserverMenuOptions: MenuBuilder;
+    handleMenuAction: MenuActionHandler;
 }
 export interface MenuActionConfig {
     vuuMenu?: VuuMenu;
     visualLink?: DataSourceVisualLinkCreatedMessage;
     visualLinks?: LinkDescriptorWithLabel[];
 }
+export type RpcResponseHandler = (response: MenuRpcResponse | VuuUIMessageInRPCEditReject | VuuUIMessageInRPCEditResponse) => void;
 export interface VuuMenuActionHookProps {
     /**
      * By default, vuuMenuActions will be handled automatically. When activated, a
@@ -44,9 +45,8 @@ export interface VuuMenuActionHookProps {
     clientSideMenuActionHandler?: VuuMenuActionHandler;
     dataSource: DataSource;
     menuActionConfig?: MenuActionConfig;
-    onRpcResponse?: (response: MenuRpcResponse | VuuUIMessageInRPCEditReject | VuuUIMessageInRPCEditResponse) => void;
+    onRpcResponse?: RpcResponseHandler;
 }
-type TableMenuLocation = "grid" | "header" | "filter";
 export type VuuServerMenuOptions = {
     columnMap: ColumnMap;
     columnName: string;
@@ -55,4 +55,3 @@ export type VuuServerMenuOptions = {
     viewport: string;
 };
 export declare const useVuuMenuActions: ({ clientSideMenuActionHandler, dataSource, menuActionConfig, onRpcResponse, }: VuuMenuActionHookProps) => ViewServerHookResult;
-export {};

package/types/vuu-popups/src/dialog/Dialog.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+import "./Dialog.css";
+export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
+    isOpen?: boolean;
+    onClose?: () => void;
+}
+export declare const Dialog: ({ children, className, isOpen, onClose, title, ...props }: DialogProps) => JSX.Element | null;

package/types/vuu-popups/src/dialog/index.d.ts

@@ -0,0 +1 @@
+export * from "./Dialog";

package/types/vuu-popups/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./dialog";
+export * from "./menu";
+export * from "./popup";
+export * from "./popup-menu";
+export * from "./portal";

package/types/vuu-popups/src/menu/ContextMenu.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { MenuListProps } from "./MenuList";
+import { PopupCloseCallback } from "../popup";
+export interface ContextMenuProps extends Omit<MenuListProps, "onCloseMenu"> {
+    onClose?: PopupCloseCallback;
+    position?: {
+        x: number;
+        y: number;
+    };
+    withPortal?: boolean;
+}
+export declare const ContextMenu: {
+    ({ activatedByKeyboard, children: childrenProp, className, id: idProp, onClose, position, style, ...menuListProps }: ContextMenuProps): JSX.Element;
+    displayName: string;
+};

package/types/vuu-popups/src/menu/MenuList.d.ts

@@ -0,0 +1,43 @@
+import React, { FC, HTMLAttributes, ReactElement, ReactNode } from "react";
+import "./MenuList.css";
+export declare const Separator: () => JSX.Element;
+export interface MenuItemGroupProps {
+    children: ReactElement<MenuItemProps>[] | [ReactElement<MenuItemLabelProps>, ...ReactElement<MenuItemProps>[]];
+    label?: string;
+}
+export interface MenuItemProps extends HTMLAttributes<HTMLDivElement> {
+    action?: string;
+    idx?: number;
+    options?: unknown;
+}
+export declare const MenuItemGroup: FC<MenuItemGroupProps>;
+export declare const MenuItem: {
+    ({ children, idx, ...props }: MenuItemProps): JSX.Element;
+    Label: {
+        ({ children }: {
+            children: ReactNode;
+        }): JSX.Element;
+        displayName: string;
+    };
+};
+export interface MenuItemLabelProps {
+    children: ReactNode;
+}
+export declare const isMenuItemLabel: (item: ReactNode) => item is React.ReactElement<MenuItemLabelProps, string | React.JSXElementConstructor<any>>;
+export interface MenuListProps extends HTMLAttributes<HTMLDivElement> {
+    activatedByKeyboard?: boolean;
+    children: ReactElement[];
+    childMenuShowing?: string;
+    highlightedIdx?: number;
+    isRoot?: boolean;
+    listItemProps?: Partial<MenuItemProps>;
+    onActivate?: (menuId: string) => void;
+    onCloseMenu: (idx: number) => void;
+    onOpenMenu?: (menuItemEl: HTMLElement) => void;
+    onHighlightMenuItem?: (idx: number) => void;
+}
+declare const MenuList: {
+    ({ activatedByKeyboard, childMenuShowing, children, className, highlightedIdx: highlightedIdxProp, id: idProp, isRoot, listItemProps, onHighlightMenuItem, onActivate, onCloseMenu, onOpenMenu, ...props }: MenuListProps): JSX.Element;
+    displayName: string;
+};
+export default MenuList;

package/types/vuu-popups/src/menu/context-menu-provider.d.ts

@@ -0,0 +1,10 @@
+import type { ContextMenuContextType, MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
+import { ReactNode } from "react";
+export declare const ContextMenuContext: import("react").Context<ContextMenuContextType | null>;
+export interface ContextMenuProviderProps {
+    children: ReactNode;
+    label?: string;
+    menuActionHandler?: MenuActionHandler;
+    menuBuilder: MenuBuilder;
+}
+export declare const ContextMenuProvider: ({ children, label, menuActionHandler, menuBuilder, }: ContextMenuProviderProps) => JSX.Element;

package/types/vuu-popups/src/menu/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ContextMenu";
+export * from "./MenuList";
+export * from "./context-menu-provider";
+export * from "./useContextMenu";

package/types/vuu-popups/src/menu/key-code.d.ts

@@ -0,0 +1,12 @@
+export declare const ArrowUp = "ArrowUp";
+export declare const ArrowDown = "ArrowDown";
+export declare const ArrowLeft = "ArrowLeft";
+export declare const Backspace = "Backspace";
+export declare const ArrowRight = "ArrowRight";
+export declare const Enter = "Enter";
+export declare const Escape = "Escape";
+export declare const Delete = "Delete";
+export declare const isCharacterKey: (evt: KeyboardEvent) => boolean | undefined;
+export declare const isNavigationKey: ({ key }: {
+    key: string;
+}, orientation?: string) => boolean;

package/types/vuu-popups/src/menu/list-dom-utils.d.ts

@@ -0,0 +1,4 @@
+export declare function listItemIndex(listItemEl: HTMLElement): number | undefined;
+export declare const closestListItem: (el: HTMLElement | null | undefined) => HTMLElement;
+export declare const closestListItemId: (el: HTMLElement) => string | undefined;
+export declare const closestListItemIndex: (el: HTMLElement) => number | undefined;

package/types/vuu-popups/src/menu/use-cascade.d.ts

@@ -0,0 +1,25 @@
+import { MouseEvent } from "react";
+import { MenuItemProps } from "./MenuList";
+export type RuntimeMenuDescriptor = {
+    id: string;
+    left: number;
+    top: number;
+};
+export declare const getHostMenuId: (id: string, rootId: string) => string;
+export interface CascadeHookProps {
+    id: string;
+    onActivate: (menuId: string) => void;
+    onMouseEnterItem: (evt: MouseEvent, itemId: string) => void;
+    position: {
+        x: number;
+        y: number;
+    };
+}
+export interface CascadeHooksResult {
+    closeMenu: () => void;
+    handleRender: () => void;
+    listItemProps: Partial<MenuItemProps>;
+    openMenu: (menuItemEl: HTMLElement) => void;
+    openMenus: RuntimeMenuDescriptor[];
+}
+export declare const useCascade: ({ id: rootId, onActivate, onMouseEnterItem, position: { x: posX, y: posY }, }: CascadeHookProps) => CascadeHooksResult;

package/types/vuu-popups/src/menu/use-items-with-ids-next.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from "react";
+export declare const isMenuItemGroup: (child: ReactElement) => boolean;
+type Menus = {
+    [key: string]: ReactElement[];
+};
+type Actions = {
+    [key: string]: {
+        action: string;
+        options?: unknown;
+    };
+};
+export declare const useItemsWithIdsNext: (childrenProp: ReactElement[], rootId: string) => [Menus, Actions];
+export {};

package/types/vuu-popups/src/menu/use-keyboard-navigation.d.ts

@@ -0,0 +1,26 @@
+import { FocusEvent, KeyboardEvent } from "react";
+export interface KeyboardNavigationProps {
+    autoHighlightFirstItem?: boolean;
+    count: number;
+    highlightedIndex?: number;
+    onActivate: (idx: number) => void;
+    onHighlight?: (idx: number) => void;
+    onCloseMenu: (idx: number) => void;
+    onOpenMenu?: (menuItemEl: HTMLElement) => void;
+}
+export interface KeyboardHookListProps {
+    onFocus: (evt: FocusEvent) => void;
+    onKeyDown: (evt: KeyboardEvent) => void;
+    onMouseDownCapture: () => void;
+    onMouseMove: () => void;
+    onMouseLeave: () => void;
+}
+export interface NavigationHookResult {
+    focusVisible: number;
+    controlledHighlighting: boolean;
+    highlightedIndex: number;
+    setHighlightedIndex: (idx: number) => void;
+    listProps: KeyboardHookListProps;
+    setIgnoreFocus: (ignoreFocus: boolean) => void;
+}
+export declare const useKeyboardNavigation: ({ autoHighlightFirstItem, count, highlightedIndex: highlightedIndexProp, onActivate, onHighlight, onCloseMenu, onOpenMenu, }: KeyboardNavigationProps) => NavigationHookResult;

package/types/vuu-popups/src/menu/useContextMenu.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent } from "react";
+import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
+import { ContextMenuProps } from "./ContextMenu";
+export type ContextMenuOptions = {
+    [key: string]: unknown;
+    contextMenu?: JSX.Element;
+    ContextMenuProps?: Partial<ContextMenuProps> & {
+        className?: string;
+        "data-mode"?: string;
+    };
+};
+export type ShowContextMenu = (e: MouseEvent<HTMLElement>, location: string, options: ContextMenuOptions) => void;
+export declare const useContextMenu: (menuBuilder?: MenuBuilder, menuActionHandler?: MenuActionHandler) => [ShowContextMenu, () => void];

package/types/vuu-popups/src/menu/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const isRoot: (el: HTMLElement) => boolean;
+export declare const hasPopup: (el: HTMLElement, idx: number) => boolean;

package/types/vuu-popups/src/popup/index.d.ts

@@ -0,0 +1 @@
+export * from "./popup-service";

package/types/vuu-popups/src/popup/popup-service.d.ts

@@ -0,0 +1,55 @@
+import React, { ReactElement } from "react";
+import { ContextMenuOptions } from "../menu";
+import "./popup-service.css";
+export type PopupCloseCallback = (reason?: PopupCloseReason) => void;
+export type ClickAwayClosePopup = {
+    type: "click-away";
+    mouseEvt: MouseEvent;
+};
+export type MenuActionClosePopup = {
+    menuId: string;
+    options: ContextMenuOptions;
+    type: "menu-action";
+};
+export type PopupCloseReason = ClickAwayClosePopup | MenuActionClosePopup;
+export declare const reasonIsMenuAction: (reason?: PopupCloseReason) => reason is MenuActionClosePopup;
+export declare const reasonIsClickAway: (reason?: PopupCloseReason) => reason is ClickAwayClosePopup;
+export interface ShowPopupProps {
+    depth?: number;
+    /**
+     * if true, focus will be invoked on first focusable element
+     */
+    focus?: boolean;
+    name?: string;
+    group?: string;
+    position?: "above" | "below" | "";
+    left?: number;
+    right?: "auto" | number;
+    top?: number;
+    component: ReactElement;
+    width?: number | "auto";
+}
+export declare class PopupService {
+    static onClose: PopupCloseCallback | undefined;
+    static showPopup({ group, name, left, position, right, top, width, component, }: ShowPopupProps): void;
+    static escapeKeyListener(evt: KeyboardEvent): void;
+    static hidePopup(reason?: PopupCloseReason, name?: string, group?: string): void;
+    static keepWithinThePage(el: HTMLElement, right?: number | "auto"): void;
+}
+export declare class DialogService {
+    static showDialog(dialog: ReactElement): void;
+    static closeDialog(): void;
+}
+export interface PopupProps {
+    children: ReactElement;
+    close?: boolean;
+    depth: number;
+    group?: string;
+    name: string;
+    position?: "above" | "below" | "";
+    width: number;
+}
+export declare const Popup: (props: PopupProps) => React.DetailedReactHTMLElement<{
+    className: string;
+    ref: React.RefObject<HTMLElement>;
+}, HTMLElement>;

package/types/vuu-popups/src/popup-menu/PopupMenu.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from "react";
+import "./PopupMenu.css";
+import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
+export interface PopupMenuProps extends HTMLAttributes<HTMLButtonElement> {
+    icon?: string;
+    menuActionHandler?: MenuActionHandler;
+    menuBuilder?: MenuBuilder;
+    menuLocation?: string;
+    menuOptions?: {
+        [key: string]: unknown;
+    };
+    onMenuClose?: () => void;
+}
+export declare const PopupMenu: ({ className, icon, id: idProp, menuActionHandler, menuBuilder, menuLocation, menuOptions, onMenuClose, tabIndex, ...htmlAttributes }: PopupMenuProps) => JSX.Element;

package/types/vuu-popups/src/popup-menu/index.d.ts

@@ -0,0 +1 @@
+export * from "./PopupMenu";

package/types/vuu-popups/src/portal/Portal.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from "react";
+export interface PortalProps {
+    children: ReactElement;
+    onRender?: () => void;
+    x?: number;
+    y?: number;
+}
+export declare const Portal: ({ children, x, y, onRender, }: PortalProps) => null;

package/types/vuu-popups/src/portal/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Portal";
+export * from "./render-portal";
+export * from "./portal-utils";

package/types/vuu-popups/src/portal/portal-utils.d.ts

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

package/types/vuu-popups/src/portal/render-portal.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from "react";
+export interface HTMLContainerProps {
+    className?: string;
+    dataMode?: string;
+    x?: number;
+    y?: number;
+    win?: typeof globalThis;
+}
+export declare const createContainer: (props: HTMLContainerProps) => HTMLDivElement;
+export declare const renderPortal: (component: ReactElement, container: HTMLElement, x: number, y: number, onRender?: () => void) => void;