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

package/cjs/index.js

@@ -1,595 +1,25 @@
-"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 toListOption = (value) => ({
-  label: value,
-  value
-});
-var lookupValueMap = /* @__PURE__ */ new Map();
-var loadLookupValues = ({
-  labelColumn,
-  table,
-  valueColumn
-}) => {
-  const tableKey = `${table.module}:${table.table}`;
-  const lookupValues = lookupValueMap.get(tableKey);
-  if (lookupValues) {
-    return lookupValues;
-  } else {
-    const promise = new Promise((resolve) => {
-      const columns = [valueColumn, labelColumn];
-      const columnMap = (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 { type: columnType } = column;
-  const { getLookupValues } = (0, import_vuu_shell.useShellContext)();
-  const initialState = (0, import_react2.useMemo)(() => {
-    var _a;
-    if ((0, import_vuu_utils2.isTypeDescriptor)(columnType) && (0, import_vuu_utils2.isValueListRenderer)(columnType == null ? void 0 : columnType.renderer)) {
-      const values2 = columnType.renderer.values.map(toListOption);
-      return {
-        initialValue: getSelectedOption(values2, initialValueProp),
-        values: values2
-      };
-    } else {
-      const lookupDetails = getLookupDetails(column);
-      const values2 = (_a = getLookupValues == null ? void 0 : getLookupValues(lookupDetails.table)) != null ? _a : NO_VALUES;
-      return {
-        initialValue: getSelectedOption(values2, initialValueProp),
-        values: values2
-      };
-    }
-  }, [column, columnType, getLookupValues, initialValueProp]);
-  const [{ initialValue, values }, setLookupState] = (0, import_react2.useState)(initialState);
-  (0, import_react2.useMemo)(() => {
-    if (values === NO_VALUES) {
-      const lookupDetails = getLookupDetails(column);
-      loadLookupValues(lookupDetails).then(
-        (values2) => setLookupState({
-          initialValue: getSelectedOption(values2, initialValueProp),
-          values: values2
-        })
-      );
-    }
-  }, [values, column, initialValueProp]);
-  return {
-    initialValue,
-    values
-  };
-};
-
-// 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() {
-      try {
-        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);
-      } catch (err) {
-        console.warn(
-          `useVuuTables: unable to connect to Vuu server ${String(err)}`
-        );
-      }
-    }
-    fetchTableMetadata();
-  }, [buildTables]);
-  return tables;
-};
-var getVuuTableSchema = (table) => (0, import_vuu_data_remote5.getServerAPI)().then((server) => server.getTableSchema(table));
+'use strict';
+
+var useDataSource = require('./hooks/useDataSource.js');
+var useLookupValues = require('./hooks/useLookupValues.js');
+var useServerConnectionStatus = require('./hooks/useServerConnectionStatus.js');
+var useServerConnectionQuality = require('./hooks/useServerConnectionQuality.js');
+var useTypeaheadSuggestions = require('./hooks/useTypeaheadSuggestions.js');
+var useVuuMenuActions = require('./hooks/useVuuMenuActions.js');
+var useVuuTables = require('./hooks/useVuuTables.js');
+
+
+
+exports.MovingWindow = useDataSource.MovingWindow;
+exports.useDataSource = useDataSource.useDataSource;
+exports.getSelectedOption = useLookupValues.getSelectedOption;
+exports.useLookupValues = useLookupValues.useLookupValues;
+exports.useServerConnectionStatus = useServerConnectionStatus.useServerConnectionStatus;
+exports.useServerConnectionQuality = useServerConnectionQuality.useServerConnectionQuality;
+exports.getTypeaheadParams = useTypeaheadSuggestions.getTypeaheadParams;
+exports.useTypeaheadSuggestions = useTypeaheadSuggestions.useTypeaheadSuggestions;
+exports.addRowsFromInstruments = useVuuMenuActions.addRowsFromInstruments;
+exports.useVuuMenuActions = useVuuMenuActions.useVuuMenuActions;
+exports.getVuuTableSchema = useVuuTables.getVuuTableSchema;
+exports.useVuuTables = useVuuTables.useVuuTables;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,32 +1,31 @@
 {
-  "name": "@vuu-ui/vuu-data-react",
-  "version": "0.8.32-debug",
+  "version": "0.8.33",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.32-debug",
-    "@vuu-ui/vuu-filter-types": "0.8.32-debug",
-    "@vuu-ui/vuu-popups": "0.8.32-debug",
-    "@vuu-ui/vuu-protocol-types": "0.8.32-debug",
-    "@vuu-ui/vuu-table-types": "0.8.32-debug"
+    "@vuu-ui/vuu-data-types": "0.8.33",
+    "@vuu-ui/vuu-filter-types": "0.8.33",
+    "@vuu-ui/vuu-popups": "0.8.33",
+    "@vuu-ui/vuu-protocol-types": "0.8.33",
+    "@vuu-ui/vuu-table-types": "0.8.33"
   },
   "dependencies": {
-    "@vuu-ui/vuu-data-remote": "0.8.32-debug",
-    "@vuu-ui/vuu-filter-parser": "0.8.32-debug",
-    "@vuu-ui/vuu-popups": "0.8.32-debug",
-    "@vuu-ui/vuu-shell": "0.8.32-debug",
-    "@vuu-ui/vuu-utils": "0.8.32-debug"
+    "@vuu-ui/vuu-data-remote": "0.8.33",
+    "@vuu-ui/vuu-filter-parser": "0.8.33",
+    "@vuu-ui/vuu-popups": "0.8.33",
+    "@vuu-ui/vuu-shell": "0.8.33",
+    "@vuu-ui/vuu-utils": "0.8.33"
   },
   "peerDependencies": {
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2"
   },
   "files": [
-    "cjs",
-    "esm",
+    "README.md",
     "/types"
   ],
-  "module": "esm/index.js",
   "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "name": "@vuu-ui/vuu-data-react",
   "types": "types/index.d.ts"
 }

package/types/hooks/useVuuMenuActions.d.ts

@@ -1,4 +1,4 @@
-import { DataSource, DataSourceRow, DataSourceVisualLinkCreatedMessage, MenuActionHandler, MenuBuilder, MenuRpcResponse, ViewportRpcResponse, VuuUIMessageInRPCEditReject, VuuUIMessageInRPCEditResponse } from "@vuu-ui/vuu-data-types";
+import { DataSource, DataSourceRow, DataSourceVisualLinkCreatedMessage, MenuActionHandler, MenuBuilder, RpcResponseHandler } from "@vuu-ui/vuu-data-types";
 import { LinkDescriptorWithLabel, VuuMenu, VuuMenuItem, VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
 import { ColumnMap } from "@vuu-ui/vuu-utils";
 export declare const addRowsFromInstruments = "addRowsFromInstruments";
@@ -23,7 +23,6 @@ export interface MenuActionConfig {
     visualLink?: DataSourceVisualLinkCreatedMessage;
     visualLinks?: LinkDescriptorWithLabel[];
 }
-export type RpcResponseHandler = (response: MenuRpcResponse | VuuUIMessageInRPCEditReject | VuuUIMessageInRPCEditResponse | ViewportRpcResponse) => void;
 export interface VuuMenuActionHookProps {
     /**
      * By default, vuuMenuActions will be handled automatically. When activated, a