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

package/cjs/index.js

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