@deephaven/jsapi-components 0.47.0 → 0.47.1-beta.2

package/dist/useViewportData.js

@@ -1,10 +1,14 @@
-import { useCallback, useEffect } from 'react';
-import { createOnTableUpdatedHandler, defaultRowDeserializer, isClosed } from '@deephaven/jsapi-utils';
+import { useCallback, useEffect, useMemo } from 'react';
+import { defaultRowDeserializer, isClosed, createOnTableUpdatedHandler } from '@deephaven/jsapi-utils';
+import Log from '@deephaven/log';
 import { useApi } from '@deephaven/jsapi-bootstrap';
+import { useOnScrollOffsetChangeCallback } from '@deephaven/react-hooks';
+import { SCROLL_DEBOUNCE_MS } from '@deephaven/utils';
 import useInitializeViewportData from "./useInitializeViewportData.js";
 import useSetPaddedViewportCallback from "./useSetPaddedViewportCallback.js";
-import useTableListener from "./useTableListener.js";
 import useTableSize from "./useTableSize.js";
+import useTableListener from "./useTableListener.js";
+var log = Log.module('useViewportData');
 /**
  * Sets up state management for windowed Table viewports. Returns a ListData
  * instance for managing items associated with the Table + a `setViewport`
@@ -14,42 +18,55 @@ import useTableSize from "./useTableSize.js";
  * source table. This is intended for "human" sized tables such as those used in
  * admin panels. This is not suitable for "machine" scale with millions+ rows.
  * @param table
+ * @param itemHeight
  * @param viewportSize
  * @param viewportPadding
- * @returns An object for managing Table viewport state. Note that the returned
- * object changes on every render due to the `viewportData` not being memoized.
- * This is due to the underlying React Stately `useListData` implementation that
- * also changes its returned object on every render.
+ * @returns An object for managing Table viewport state.
  */
-export default function useViewportData(_ref) {
+export function useViewportData(_ref) {
   var {
     table,
+    itemHeight = 1,
+    scrollDebounce = SCROLL_DEBOUNCE_MS,
     viewportSize = 10,
     viewportPadding = 50,
     deserializeRow = defaultRowDeserializer
   } = _ref;
   var viewportData = useInitializeViewportData(table);
-  var setViewport = useSetPaddedViewportCallback(table, viewportSize, viewportPadding);
+  var setPaddedViewport = useSetPaddedViewportCallback(table, viewportSize, viewportPadding);
+  var setViewport = useCallback(firstRow => {
+    if (table && !isClosed(table)) {
+      setPaddedViewport(firstRow);
+    } else {
+      log.debug('setViewport called on closed table.', table);
+    }
+  }, [table, setPaddedViewport]);
   var applyFiltersAndRefresh = useCallback(filters => {
-    table === null || table === void 0 ? void 0 : table.applyFilter(filters);
-    setViewport(0);
+    if (table && !isClosed(table)) {
+      table.applyFilter(filters);
+      setViewport(0);
+    } else {
+      log.debug('applyFiltersAndRefresh called on closed table.', table);
+    }
   }, [setViewport, table]);
   var dh = useApi();
-  useTableListener(table, dh.Table.EVENT_UPDATED, createOnTableUpdatedHandler(viewportData, deserializeRow));
+  var onTableUpdated = useMemo(() => createOnTableUpdatedHandler(viewportData, deserializeRow), [deserializeRow, viewportData]);
+  useTableListener(table, dh.Table.EVENT_UPDATED, onTableUpdated);
   var size = useTableSize(table);
   useEffect(() => {
-    if (table && !isClosed(table)) {
-      // Hydrate the viewport with real data. This will fetch data from index
-      // 0 to the end of the viewport + padding.
-      setViewport(0);
-    }
+    // Hydrate the viewport with real data. This will fetch data from index
+    // 0 to the end of the viewport + padding.
+    setViewport(0);
   }, [table, setViewport, size]);
-  return {
+  var onScroll = useOnScrollOffsetChangeCallback(itemHeight, setViewport, scrollDebounce);
+  return useMemo(() => ({
     viewportData,
     size,
     table,
     applyFiltersAndRefresh,
-    setViewport
-  };
+    setViewport,
+    onScroll
+  }), [applyFiltersAndRefresh, onScroll, setViewport, size, table, viewportData]);
 }
+export default useViewportData;
 //# sourceMappingURL=useViewportData.js.map

package/dist/useViewportData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewportData.js","names":["useCallback","useEffect","createOnTableUpdatedHandler","defaultRowDeserializer","isClosed","useApi","useInitializeViewportData","useSetPaddedViewportCallback","useTableListener","useTableSize","useViewportData","table","viewportSize","viewportPadding","deserializeRow","viewportData","setViewport","applyFiltersAndRefresh","filters","applyFilter","dh","Table","EVENT_UPDATED","size"],"sources":["../src/useViewportData.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { ListData } from '@react-stately/data';\nimport type { FilterCondition, Table, TreeTable } from '@deephaven/jsapi-types';\nimport {\n  KeyedItem,\n  RowDeserializer,\n  createOnTableUpdatedHandler,\n  defaultRowDeserializer,\n  isClosed,\n} from '@deephaven/jsapi-utils';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport useInitializeViewportData from './useInitializeViewportData';\nimport useSetPaddedViewportCallback from './useSetPaddedViewportCallback';\nimport useTableListener from './useTableListener';\nimport useTableSize from './useTableSize';\n\nexport interface UseViewportDataProps<TItem, TTable extends Table | TreeTable> {\n  table: TTable | null;\n  viewportSize?: number;\n  viewportPadding?: number;\n  deserializeRow?: RowDeserializer<TItem>;\n}\n\nexport interface UseViewportDataResult<\n  TItem,\n  TTable extends Table | TreeTable,\n> {\n  /** Manages deserialized row items associated with a DH Table */\n  viewportData: ListData<KeyedItem<TItem>>;\n  /** Size of the underlying Table */\n  size: number;\n\n  table: TTable | null;\n  /** Apply filters and refresh viewport. */\n  applyFiltersAndRefresh: (filters: FilterCondition[]) => void;\n  /** Set the viewport of the Table */\n  setViewport: (firstRow: number) => void;\n}\n\n/**\n * Sets up state management for windowed Table viewports. Returns a ListData\n * instance for managing items associated with the Table + a `setViewport`\n * callback for changing the current viewport.\n *\n * IMPORTANT: this will create an empty KeyedItem object for every row in the\n * source table. This is intended for \"human\" sized tables such as those used in\n * admin panels. This is not suitable for \"machine\" scale with millions+ rows.\n * @param table\n * @param viewportSize\n * @param viewportPadding\n * @returns An object for managing Table viewport state. Note that the returned\n * object changes on every render due to the `viewportData` not being memoized.\n * This is due to the underlying React Stately `useListData` implementation that\n * also changes its returned object on every render.\n */\nexport default function useViewportData<\n  TItem,\n  TTable extends Table | TreeTable,\n>({\n  table,\n  viewportSize = 10,\n  viewportPadding = 50,\n  deserializeRow = defaultRowDeserializer,\n}: UseViewportDataProps<TItem, TTable>): UseViewportDataResult<TItem, TTable> {\n  const viewportData = useInitializeViewportData<TItem>(table);\n\n  const setViewport = useSetPaddedViewportCallback(\n    table,\n    viewportSize,\n    viewportPadding\n  );\n\n  const applyFiltersAndRefresh = useCallback(\n    (filters: FilterCondition[]) => {\n      table?.applyFilter(filters);\n      setViewport(0);\n    },\n    [setViewport, table]\n  );\n\n  const dh = useApi();\n\n  useTableListener(\n    table,\n    dh.Table.EVENT_UPDATED,\n    createOnTableUpdatedHandler(viewportData, deserializeRow)\n  );\n\n  const size = useTableSize(table);\n\n  useEffect(() => {\n    if (table && !isClosed(table)) {\n      // Hydrate the viewport with real data. This will fetch data from index\n      // 0 to the end of the viewport + padding.\n      setViewport(0);\n    }\n  }, [table, setViewport, size]);\n\n  return {\n    viewportData,\n    size,\n    table,\n    applyFiltersAndRefresh,\n    setViewport,\n  };\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAG9C,SAGEC,2BAA2B,EAC3BC,sBAAsB,EACtBC,QAAQ,QACH,wBAAwB;AAC/B,SAASC,MAAM,QAAQ,4BAA4B;AAAC,OAC7CC,yBAAyB;AAAA,OACzBC,4BAA4B;AAAA,OAC5BC,gBAAgB;AAAA,OAChBC,YAAY;AAyBnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,eAAe,OAQuC;EAAA,IAL5E;IACAC,KAAK;IACLC,YAAY,GAAG,EAAE;IACjBC,eAAe,GAAG,EAAE;IACpBC,cAAc,GAAGX;EACkB,CAAC;EACpC,IAAMY,YAAY,GAAGT,yBAAyB,CAAQK,KAAK,CAAC;EAE5D,IAAMK,WAAW,GAAGT,4BAA4B,CAC9CI,KAAK,EACLC,YAAY,EACZC,eAAe,CAChB;EAED,IAAMI,sBAAsB,GAAGjB,WAAW,CACvCkB,OAA0B,IAAK;IAC9BP,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEQ,WAAW,CAACD,OAAO,CAAC;IAC3BF,WAAW,CAAC,CAAC,CAAC;EAChB,CAAC,EACD,CAACA,WAAW,EAAEL,KAAK,CAAC,CACrB;EAED,IAAMS,EAAE,GAAGf,MAAM,EAAE;EAEnBG,gBAAgB,CACdG,KAAK,EACLS,EAAE,CAACC,KAAK,CAACC,aAAa,EACtBpB,2BAA2B,CAACa,YAAY,EAAED,cAAc,CAAC,CAC1D;EAED,IAAMS,IAAI,GAAGd,YAAY,CAACE,KAAK,CAAC;EAEhCV,SAAS,CAAC,MAAM;IACd,IAAIU,KAAK,IAAI,CAACP,QAAQ,CAACO,KAAK,CAAC,EAAE;MAC7B;MACA;MACAK,WAAW,CAAC,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACL,KAAK,EAAEK,WAAW,EAAEO,IAAI,CAAC,CAAC;EAE9B,OAAO;IACLR,YAAY;IACZQ,IAAI;IACJZ,KAAK;IACLM,sBAAsB;IACtBD;EACF,CAAC;AACH"}
+{"version":3,"file":"useViewportData.js","names":["useCallback","useEffect","useMemo","defaultRowDeserializer","isClosed","createOnTableUpdatedHandler","Log","useApi","useOnScrollOffsetChangeCallback","SCROLL_DEBOUNCE_MS","useInitializeViewportData","useSetPaddedViewportCallback","useTableSize","useTableListener","log","module","useViewportData","table","itemHeight","scrollDebounce","viewportSize","viewportPadding","deserializeRow","viewportData","setPaddedViewport","setViewport","firstRow","debug","applyFiltersAndRefresh","filters","applyFilter","dh","onTableUpdated","Table","EVENT_UPDATED","size","onScroll"],"sources":["../src/useViewportData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from 'react';\nimport type { FilterCondition, Table, TreeTable } from '@deephaven/jsapi-types';\nimport {\n  RowDeserializer,\n  defaultRowDeserializer,\n  isClosed,\n  createOnTableUpdatedHandler,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport {\n  useOnScrollOffsetChangeCallback,\n  WindowedListData,\n} from '@deephaven/react-hooks';\nimport { KeyedItem, SCROLL_DEBOUNCE_MS } from '@deephaven/utils';\nimport useInitializeViewportData from './useInitializeViewportData';\nimport useSetPaddedViewportCallback from './useSetPaddedViewportCallback';\nimport useTableSize from './useTableSize';\nimport useTableListener from './useTableListener';\n\nconst log = Log.module('useViewportData');\n\nexport interface UseViewportDataProps<TItem, TTable extends Table | TreeTable> {\n  table: TTable | null;\n  itemHeight?: number;\n  scrollDebounce?: number;\n  viewportSize?: number;\n  viewportPadding?: number;\n  deserializeRow?: RowDeserializer<TItem>;\n}\n\nexport interface UseViewportDataResult<\n  TItem,\n  TTable extends Table | TreeTable,\n> {\n  /** Manages deserialized row items associated with a DH Table */\n  viewportData: WindowedListData<KeyedItem<TItem>>;\n  /** Size of the underlying Table */\n  size: number;\n\n  table: TTable | null;\n  /** Apply filters and refresh viewport. */\n  applyFiltersAndRefresh: (filters: FilterCondition[]) => void;\n  /** Set the viewport of the Table */\n  setViewport: (firstRow: number) => void;\n  /** Handler for scroll events to update viewport */\n  onScroll: (event: Event) => void;\n}\n\n/**\n * Sets up state management for windowed Table viewports. Returns a ListData\n * instance for managing items associated with the Table + a `setViewport`\n * callback for changing the current viewport.\n *\n * IMPORTANT: this will create an empty KeyedItem object for every row in the\n * source table. This is intended for \"human\" sized tables such as those used in\n * admin panels. This is not suitable for \"machine\" scale with millions+ rows.\n * @param table\n * @param itemHeight\n * @param viewportSize\n * @param viewportPadding\n * @returns An object for managing Table viewport state.\n */\nexport function useViewportData<TItem, TTable extends Table | TreeTable>({\n  table,\n  itemHeight = 1,\n  scrollDebounce = SCROLL_DEBOUNCE_MS,\n  viewportSize = 10,\n  viewportPadding = 50,\n  deserializeRow = defaultRowDeserializer,\n}: UseViewportDataProps<TItem, TTable>): UseViewportDataResult<TItem, TTable> {\n  const viewportData = useInitializeViewportData<TItem>(table);\n\n  const setPaddedViewport = useSetPaddedViewportCallback(\n    table,\n    viewportSize,\n    viewportPadding\n  );\n\n  const setViewport = useCallback(\n    (firstRow: number) => {\n      if (table && !isClosed(table)) {\n        setPaddedViewport(firstRow);\n      } else {\n        log.debug('setViewport called on closed table.', table);\n      }\n    },\n    [table, setPaddedViewport]\n  );\n\n  const applyFiltersAndRefresh = useCallback(\n    (filters: FilterCondition[]) => {\n      if (table && !isClosed(table)) {\n        table.applyFilter(filters);\n        setViewport(0);\n      } else {\n        log.debug('applyFiltersAndRefresh called on closed table.', table);\n      }\n    },\n    [setViewport, table]\n  );\n\n  const dh = useApi();\n\n  const onTableUpdated = useMemo(\n    () => createOnTableUpdatedHandler(viewportData, deserializeRow),\n    [deserializeRow, viewportData]\n  );\n\n  useTableListener(table, dh.Table.EVENT_UPDATED, onTableUpdated);\n\n  const size = useTableSize(table);\n\n  useEffect(() => {\n    // Hydrate the viewport with real data. This will fetch data from index\n    // 0 to the end of the viewport + padding.\n    setViewport(0);\n  }, [table, setViewport, size]);\n\n  const onScroll = useOnScrollOffsetChangeCallback(\n    itemHeight,\n    setViewport,\n    scrollDebounce\n  );\n\n  return useMemo(\n    () => ({\n      viewportData,\n      size,\n      table,\n      applyFiltersAndRefresh,\n      setViewport,\n      onScroll,\n    }),\n    [applyFiltersAndRefresh, onScroll, setViewport, size, table, viewportData]\n  );\n}\n\nexport default useViewportData;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAEvD,SAEEC,sBAAsB,EACtBC,QAAQ,EACRC,2BAA2B,QACtB,wBAAwB;AAC/B,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SACEC,+BAA+B,QAE1B,wBAAwB;AAC/B,SAAoBC,kBAAkB,QAAQ,kBAAkB;AAAC,OAC1DC,yBAAyB;AAAA,OACzBC,4BAA4B;AAAA,OAC5BC,YAAY;AAAA,OACZC,gBAAgB;AAEvB,IAAMC,GAAG,GAAGR,GAAG,CAACS,MAAM,CAAC,iBAAiB,CAAC;AA6BzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAe,OAO+C;EAAA,IAPL;IACvEC,KAAK;IACLC,UAAU,GAAG,CAAC;IACdC,cAAc,GAAGV,kBAAkB;IACnCW,YAAY,GAAG,EAAE;IACjBC,eAAe,GAAG,EAAE;IACpBC,cAAc,GAAGnB;EACkB,CAAC;EACpC,IAAMoB,YAAY,GAAGb,yBAAyB,CAAQO,KAAK,CAAC;EAE5D,IAAMO,iBAAiB,GAAGb,4BAA4B,CACpDM,KAAK,EACLG,YAAY,EACZC,eAAe,CAChB;EAED,IAAMI,WAAW,GAAGzB,WAAW,CAC5B0B,QAAgB,IAAK;IACpB,IAAIT,KAAK,IAAI,CAACb,QAAQ,CAACa,KAAK,CAAC,EAAE;MAC7BO,iBAAiB,CAACE,QAAQ,CAAC;IAC7B,CAAC,MAAM;MACLZ,GAAG,CAACa,KAAK,CAAC,qCAAqC,EAAEV,KAAK,CAAC;IACzD;EACF,CAAC,EACD,CAACA,KAAK,EAAEO,iBAAiB,CAAC,CAC3B;EAED,IAAMI,sBAAsB,GAAG5B,WAAW,CACvC6B,OAA0B,IAAK;IAC9B,IAAIZ,KAAK,IAAI,CAACb,QAAQ,CAACa,KAAK,CAAC,EAAE;MAC7BA,KAAK,CAACa,WAAW,CAACD,OAAO,CAAC;MAC1BJ,WAAW,CAAC,CAAC,CAAC;IAChB,CAAC,MAAM;MACLX,GAAG,CAACa,KAAK,CAAC,gDAAgD,EAAEV,KAAK,CAAC;IACpE;EACF,CAAC,EACD,CAACQ,WAAW,EAAER,KAAK,CAAC,CACrB;EAED,IAAMc,EAAE,GAAGxB,MAAM,EAAE;EAEnB,IAAMyB,cAAc,GAAG9B,OAAO,CAC5B,MAAMG,2BAA2B,CAACkB,YAAY,EAAED,cAAc,CAAC,EAC/D,CAACA,cAAc,EAAEC,YAAY,CAAC,CAC/B;EAEDV,gBAAgB,CAACI,KAAK,EAAEc,EAAE,CAACE,KAAK,CAACC,aAAa,EAAEF,cAAc,CAAC;EAE/D,IAAMG,IAAI,GAAGvB,YAAY,CAACK,KAAK,CAAC;EAEhChB,SAAS,CAAC,MAAM;IACd;IACA;IACAwB,WAAW,CAAC,CAAC,CAAC;EAChB,CAAC,EAAE,CAACR,KAAK,EAAEQ,WAAW,EAAEU,IAAI,CAAC,CAAC;EAE9B,IAAMC,QAAQ,GAAG5B,+BAA+B,CAC9CU,UAAU,EACVO,WAAW,EACXN,cAAc,CACf;EAED,OAAOjB,OAAO,CACZ,OAAO;IACLqB,YAAY;IACZY,IAAI;IACJlB,KAAK;IACLW,sBAAsB;IACtBH,WAAW;IACXW;EACF,CAAC,CAAC,EACF,CAACR,sBAAsB,EAAEQ,QAAQ,EAAEX,WAAW,EAAEU,IAAI,EAAElB,KAAK,EAAEM,YAAY,CAAC,CAC3E;AACH;AAEA,eAAeP,eAAe"}

package/dist/useViewportFilter.d.ts

@@ -0,0 +1,10 @@
+import type { FilterCondition, Table } from '@deephaven/jsapi-types';
+import { UseViewportDataResult } from './useViewportData';
+/**
+ * Applies a filter to a viewport.
+ * @param viewportData Viewport to filter
+ * @param filter Filter to apply
+ */
+export declare function useViewportFilter<TItem>(viewportData: UseViewportDataResult<TItem, Table>, filter: FilterCondition[]): void;
+export default useViewportFilter;
+//# sourceMappingURL=useViewportFilter.d.ts.map

package/dist/useViewportFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportFilter.d.ts","sourceRoot":"","sources":["../src/useViewportFilter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EACrC,YAAY,EAAE,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,EACjD,MAAM,EAAE,eAAe,EAAE,GACxB,IAAI,CAMN;AAED,eAAe,iBAAiB,CAAC"}

package/dist/useViewportFilter.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+/**
+ * Applies a filter to a viewport.
+ * @param viewportData Viewport to filter
+ * @param filter Filter to apply
+ */
+export function useViewportFilter(viewportData, filter) {
+  var {
+    applyFiltersAndRefresh
+  } = viewportData;
+  useEffect(() => {
+    applyFiltersAndRefresh(filter);
+  }, [applyFiltersAndRefresh, filter]);
+}
+export default useViewportFilter;
+//# sourceMappingURL=useViewportFilter.js.map

package/dist/useViewportFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportFilter.js","names":["useEffect","useViewportFilter","viewportData","filter","applyFiltersAndRefresh"],"sources":["../src/useViewportFilter.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { FilterCondition, Table } from '@deephaven/jsapi-types';\nimport { UseViewportDataResult } from './useViewportData';\n\n/**\n * Applies a filter to a viewport.\n * @param viewportData Viewport to filter\n * @param filter Filter to apply\n */\nexport function useViewportFilter<TItem>(\n  viewportData: UseViewportDataResult<TItem, Table>,\n  filter: FilterCondition[]\n): void {\n  const { applyFiltersAndRefresh } = viewportData;\n\n  useEffect(() => {\n    applyFiltersAndRefresh(filter);\n  }, [applyFiltersAndRefresh, filter]);\n}\n\nexport default useViewportFilter;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAIjC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiB,CAC/BC,YAAiD,EACjDC,MAAyB,EACnB;EACN,IAAM;IAAEC;EAAuB,CAAC,GAAGF,YAAY;EAE/CF,SAAS,CAAC,MAAM;IACdI,sBAAsB,CAACD,MAAM,CAAC;EAChC,CAAC,EAAE,CAACC,sBAAsB,EAAED,MAAM,CAAC,CAAC;AACtC;AAEA,eAAeF,iBAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/jsapi-components",
-  "version": "0.47.0",
+  "version": "0.47.1-beta.2+b43b5b21",
   "description": "Deephaven JSAPI Components",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -22,14 +22,13 @@
     "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^0.47.0",
-    "@deephaven/jsapi-bootstrap": "^0.47.0",
-    "@deephaven/jsapi-types": "^0.47.0",
-    "@deephaven/jsapi-utils": "^0.47.0",
-    "@deephaven/log": "^0.47.0",
-    "@deephaven/react-hooks": "^0.47.0",
-    "@deephaven/utils": "^0.47.0",
-    "@react-stately/data": "^3.9.1",
+    "@deephaven/components": "^0.47.1-beta.2+b43b5b21",
+    "@deephaven/jsapi-bootstrap": "^0.47.1-beta.2+b43b5b21",
+    "@deephaven/jsapi-types": "^0.47.1-beta.2+b43b5b21",
+    "@deephaven/jsapi-utils": "^0.47.1-beta.2+b43b5b21",
+    "@deephaven/log": "^0.47.1-beta.2+b43b5b21",
+    "@deephaven/react-hooks": "^0.47.1-beta.2+b43b5b21",
+    "@deephaven/utils": "^0.47.1-beta.2+b43b5b21",
     "@types/js-cookie": "^3.0.3",
     "classnames": "^2.3.2",
     "js-cookie": "^3.0.5",
@@ -37,7 +36,7 @@
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@deephaven/jsapi-shim": "^0.47.0",
+    "@deephaven/jsapi-shim": "^0.47.1-beta.2+b43b5b21",
     "react-test-renderer": "^17.0.2"
   },
   "peerDependencies": {
@@ -52,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8d890b724d6c8bdb73eb03463f9c850ca57094bd"
+  "gitHead": "b43b5b21a2ac78b02792f6e14e56ce31bc507a5a"
 }