@deephaven/jsapi-components 1.23.1-legacy-table-plugin.bbf55c8.0 → 1.26.1

package/dist/useSetPaddedViewportCallback.d.ts

@@ -1,4 +1,5 @@
 import type { dh } from '@deephaven/jsapi-types';
+import { type OnTableUpdatedEvent } from '@deephaven/jsapi-utils';
 /**
  * Creates a callback function that will set a Table viewport. The callback has
  * a closure over the Table, a desired viewport size, and additional padding.
@@ -10,8 +11,10 @@ import type { dh } from '@deephaven/jsapi-types';
  * @param viewportSubscriptionOptions The viewport subscription options to use. If provided and
  * the table is not a `TreeTable`, the data will be requested using a `TableViewportSubscription`.
  * Rows and columns are filled in when the subscription is created if they are missing.
+ * @param onUpdated Optional handler for TABLE_UPDATED events. When provided, it is
+ * registered on the table or directly on the subscription
  * @returns A callback function for setting the viewport.
  */
-export declare function useSetPaddedViewportCallback(table: dh.Table | dh.TreeTable | null, viewportSize: number, viewportPadding: number, viewportSubscriptionOptions?: Partial<dh.ViewportSubscriptionOptions> | null): (firstRow: number) => void;
+export declare function useSetPaddedViewportCallback(table: dh.Table | dh.TreeTable | null, viewportSize: number, viewportPadding: number, viewportSubscriptionOptions?: Partial<dh.ViewportSubscriptionOptions> | null, onUpdated?: (event: OnTableUpdatedEvent) => void): (firstRow: number) => void;
 export default useSetPaddedViewportCallback;
 //# sourceMappingURL=useSetPaddedViewportCallback.d.ts.map

package/dist/useSetPaddedViewportCallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSetPaddedViewportCallback.d.ts","sourceRoot":"","sources":["../src/useSetPaddedViewportCallback.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAOjD;;;;;;;;;;;;GAYG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS,GAAG,IAAI,EACrC,YAAY,EAAE,MAAM,EACpB,eAAe,EAAE,MAAM,EACvB,2BAA2B,GAAE,OAAO,CAAC,EAAE,CAAC,2BAA2B,CAAC,GAAG,IAAW,GACjF,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAmE5B;AAED,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"useSetPaddedViewportCallback.d.ts","sourceRoot":"","sources":["../src/useSetPaddedViewportCallback.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,wBAAwB,CAAC;AAOhC;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS,GAAG,IAAI,EACrC,YAAY,EAAE,MAAM,EACpB,eAAe,EAAE,MAAM,EACvB,2BAA2B,GAAE,OAAO,CAAC,EAAE,CAAC,2BAA2B,CAAC,GAAG,IAAW,EAClF,SAAS,GAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAyB,GACnE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAoG5B;AAED,eAAe,4BAA4B,CAAC"}

package/dist/useSetPaddedViewportCallback.js

@@ -11,6 +11,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useCallback, useEffect, useRef } from 'react';
 import { getSize, padFirstAndLastRow, TableUtils } from '@deephaven/jsapi-utils';
+import { useApi } from '@deephaven/jsapi-bootstrap';
+import useTableListener from "./useTableListener.js"; // Stable no-op used as the useTableListener callback when onTableUpdated is null
+var noopUpdatedHandler = _event => undefined;
 
 /**
  * Creates a callback function that will set a Table viewport. The callback has
@@ -23,14 +26,22 @@ import { getSize, padFirstAndLastRow, TableUtils } from '@deephaven/jsapi-utils'
  * @param viewportSubscriptionOptions The viewport subscription options to use. If provided and
  * the table is not a `TreeTable`, the data will be requested using a `TableViewportSubscription`.
  * Rows and columns are filled in when the subscription is created if they are missing.
+ * @param onUpdated Optional handler for TABLE_UPDATED events. When provided, it is
+ * registered on the table or directly on the subscription
  * @returns A callback function for setting the viewport.
  */
 export function useSetPaddedViewportCallback(table, viewportSize, viewportPadding) {
   var viewportSubscriptionOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  var onUpdated = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : noopUpdatedHandler;
+  var dh = useApi();
   var subscriptionRef = useRef(null);
+  var removeSubscriptionListenerRef = useRef(null);
   var prevTableRef = useRef(null);
   var prevViewportOptionsRef = useRef(null);
   var cleanupSubscription = () => {
+    var _removeSubscriptionLi;
+    (_removeSubscriptionLi = removeSubscriptionListenerRef.current) === null || _removeSubscriptionLi === void 0 || _removeSubscriptionLi.call(removeSubscriptionListenerRef);
+    removeSubscriptionListenerRef.current = null;
     if (subscriptionRef.current) {
       subscriptionRef.current.close();
       subscriptionRef.current = null;
@@ -42,6 +53,16 @@ export function useSetPaddedViewportCallback(table, viewportSize, viewportPaddin
     cleanupSubscription();
   }
   useEffect(() => cleanupSubscription, []);
+
+  // Only use a subscription when options are provided AND the table is not a
+  // TreeTable (which does not support createViewportSubscription).
+  var needsSubscription = viewportSubscriptionOptions != null && table != null && !TableUtils.isTreeTable(table);
+
+  // For the setViewport path (including TreeTable + options), register
+  // TABLE_UPDATED on the table directly.
+  // For the subscription path the listener is registered on the subscription
+  // inside setPaddedViewport when it is first created.
+  useTableListener(needsSubscription ? null : table, dh.Table.EVENT_UPDATED, onUpdated);
   return useCallback(function setPaddedViewport(firstRow) {
     if (table == null) {
       return;
@@ -50,7 +71,7 @@ export function useSetPaddedViewportCallback(table, viewportSize, viewportPaddin
       _padFirstAndLastRow2 = _slicedToArray(_padFirstAndLastRow, 2),
       first = _padFirstAndLastRow2[0],
       last = _padFirstAndLastRow2[1];
-    if (subscriptionRef.current == null && viewportSubscriptionOptions != null && !TableUtils.isTreeTable(table)) {
+    if (subscriptionRef.current == null && needsSubscription) {
       var _viewportSubscription, _viewportSubscription2;
       var subscriptionOptions = _objectSpread(_objectSpread({}, viewportSubscriptionOptions), {}, {
         rows: (_viewportSubscription = viewportSubscriptionOptions.rows) !== null && _viewportSubscription !== void 0 ? _viewportSubscription : {
@@ -60,6 +81,10 @@ export function useSetPaddedViewportCallback(table, viewportSize, viewportPaddin
         columns: (_viewportSubscription2 = viewportSubscriptionOptions.columns) !== null && _viewportSubscription2 !== void 0 ? _viewportSubscription2 : table.columns
       });
       subscriptionRef.current = table.createViewportSubscription(subscriptionOptions);
+
+      // TABLE_UPDATED fires on the subscription rather than
+      // the table. Register the listener directly on the subscription.
+      removeSubscriptionListenerRef.current = subscriptionRef.current.addEventListener(dh.Table.EVENT_UPDATED, onUpdated);
     }
     if (subscriptionRef.current == null) {
       table.setViewport(first, last);
@@ -72,7 +97,7 @@ export function useSetPaddedViewportCallback(table, viewportSize, viewportPaddin
       },
       columns: table.columns
     });
-  }, [table, viewportPadding, viewportSize, viewportSubscriptionOptions]);
+  }, [table, viewportPadding, viewportSize, viewportSubscriptionOptions, needsSubscription, onUpdated, dh.Table.EVENT_UPDATED]);
 }
 export default useSetPaddedViewportCallback;
 //# sourceMappingURL=useSetPaddedViewportCallback.js.map

package/dist/useSetPaddedViewportCallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSetPaddedViewportCallback.js","names":["useCallback","useEffect","useRef","getSize","padFirstAndLastRow","TableUtils","useSetPaddedViewportCallback","table","viewportSize","viewportPadding","viewportSubscriptionOptions","arguments","length","undefined","subscriptionRef","prevTableRef","prevViewportOptionsRef","cleanupSubscription","current","close","setPaddedViewport","firstRow","_padFirstAndLastRow","_padFirstAndLastRow2","_slicedToArray","first","last","isTreeTable","_viewportSubscription","_viewportSubscription2","subscriptionOptions","_objectSpread","rows","columns","createViewportSubscription","setViewport","update"],"sources":["../src/useSetPaddedViewportCallback.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  getSize,\n  padFirstAndLastRow,\n  TableUtils,\n} from '@deephaven/jsapi-utils';\n\n/**\n * Creates a callback function that will set a Table viewport. The callback has\n * a closure over the Table, a desired viewport size, and additional padding.\n * These will be combined with a first row index passed to the callback to\n * calculate the final viewport.\n * @param table The `Table` or `TreeTable` to retrieve data from.\n * @param viewportSize The desired viewport size.\n * @param viewportPadding The padding to add before and after the viewport.\n * @param viewportSubscriptionOptions The viewport subscription options to use. If provided and\n * the table is not a `TreeTable`, the data will be requested using a `TableViewportSubscription`.\n * Rows and columns are filled in when the subscription is created if they are missing.\n * @returns A callback function for setting the viewport.\n */\nexport function useSetPaddedViewportCallback(\n  table: dh.Table | dh.TreeTable | null,\n  viewportSize: number,\n  viewportPadding: number,\n  viewportSubscriptionOptions: Partial<dh.ViewportSubscriptionOptions> | null = null\n): (firstRow: number) => void {\n  const subscriptionRef = useRef<dh.TableViewportSubscription | null>(null);\n  const prevTableRef = useRef<dh.Table | dh.TreeTable | null>(null);\n  const prevViewportOptionsRef =\n    useRef<Partial<dh.ViewportSubscriptionOptions> | null>(null);\n\n  const cleanupSubscription = () => {\n    if (subscriptionRef.current) {\n      subscriptionRef.current.close();\n      subscriptionRef.current = null;\n    }\n  };\n\n  if (\n    prevTableRef.current !== table ||\n    prevViewportOptionsRef.current !== viewportSubscriptionOptions\n  ) {\n    prevTableRef.current = table;\n    prevViewportOptionsRef.current = viewportSubscriptionOptions;\n    cleanupSubscription();\n  }\n\n  useEffect(() => cleanupSubscription, []);\n\n  return useCallback(\n    function setPaddedViewport(firstRow: number) {\n      if (table == null) {\n        return;\n      }\n\n      const [first, last] = padFirstAndLastRow(\n        firstRow,\n        viewportSize,\n        viewportPadding,\n        getSize(table)\n      );\n\n      if (\n        subscriptionRef.current == null &&\n        viewportSubscriptionOptions != null &&\n        !TableUtils.isTreeTable(table)\n      ) {\n        const subscriptionOptions: dh.ViewportSubscriptionOptions = {\n          ...viewportSubscriptionOptions,\n          rows: viewportSubscriptionOptions.rows ?? { first, last },\n          columns: viewportSubscriptionOptions.columns ?? table.columns,\n        };\n\n        subscriptionRef.current =\n          table.createViewportSubscription(subscriptionOptions);\n      }\n\n      if (subscriptionRef.current == null) {\n        table.setViewport(first, last);\n        return;\n      }\n\n      subscriptionRef.current.update({\n        rows: {\n          first,\n          last,\n        },\n        columns: table.columns,\n      });\n    },\n    [table, viewportPadding, viewportSize, viewportSubscriptionOptions]\n  );\n}\n\nexport default useSetPaddedViewportCallback;\n"],"mappings":";;;;;;;;;;;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEtD,SACEC,OAAO,EACPC,kBAAkB,EAClBC,UAAU,QACL,wBAAwB;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,4BAA4BA,CAC1CC,KAAqC,EACrCC,YAAoB,EACpBC,eAAuB,EAEK;EAAA,IAD5BC,2BAA2E,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAElF,IAAMG,eAAe,GAAGZ,MAAM,CAAsC,IAAI,CAAC;EACzE,IAAMa,YAAY,GAAGb,MAAM,CAAiC,IAAI,CAAC;EACjE,IAAMc,sBAAsB,GAC1Bd,MAAM,CAAiD,IAAI,CAAC;EAE9D,IAAMe,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAIH,eAAe,CAACI,OAAO,EAAE;MAC3BJ,eAAe,CAACI,OAAO,CAACC,KAAK,CAAC,CAAC;MAC/BL,eAAe,CAACI,OAAO,GAAG,IAAI;IAChC;EACF,CAAC;EAED,IACEH,YAAY,CAACG,OAAO,KAAKX,KAAK,IAC9BS,sBAAsB,CAACE,OAAO,KAAKR,2BAA2B,EAC9D;IACAK,YAAY,CAACG,OAAO,GAAGX,KAAK;IAC5BS,sBAAsB,CAACE,OAAO,GAAGR,2BAA2B;IAC5DO,mBAAmB,CAAC,CAAC;EACvB;EAEAhB,SAAS,CAAC,MAAMgB,mBAAmB,EAAE,EAAE,CAAC;EAExC,OAAOjB,WAAW,CAChB,SAASoB,iBAAiBA,CAACC,QAAgB,EAAE;IAC3C,IAAId,KAAK,IAAI,IAAI,EAAE;MACjB;IACF;IAEA,IAAAe,mBAAA,GAAsBlB,kBAAkB,CACtCiB,QAAQ,EACRb,YAAY,EACZC,eAAe,EACfN,OAAO,CAACI,KAAK,CACf,CAAC;MAAAgB,oBAAA,GAAAC,cAAA,CAAAF,mBAAA;MALMG,KAAK,GAAAF,oBAAA;MAAEG,IAAI,GAAAH,oBAAA;IAOlB,IACET,eAAe,CAACI,OAAO,IAAI,IAAI,IAC/BR,2BAA2B,IAAI,IAAI,IACnC,CAACL,UAAU,CAACsB,WAAW,CAACpB,KAAK,CAAC,EAC9B;MAAA,IAAAqB,qBAAA,EAAAC,sBAAA;MACA,IAAMC,mBAAmD,GAAAC,aAAA,CAAAA,aAAA,KACpDrB,2BAA2B;QAC9BsB,IAAI,GAAAJ,qBAAA,GAAElB,2BAA2B,CAACsB,IAAI,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI;UAAEH,KAAK;UAAEC;QAAK,CAAC;QACzDO,OAAO,GAAAJ,sBAAA,GAAEnB,2BAA2B,CAACuB,OAAO,cAAAJ,sBAAA,cAAAA,sBAAA,GAAItB,KAAK,CAAC0B;MAAO,EAC9D;MAEDnB,eAAe,CAACI,OAAO,GACrBX,KAAK,CAAC2B,0BAA0B,CAACJ,mBAAmB,CAAC;IACzD;IAEA,IAAIhB,eAAe,CAACI,OAAO,IAAI,IAAI,EAAE;MACnCX,KAAK,CAAC4B,WAAW,CAACV,KAAK,EAAEC,IAAI,CAAC;MAC9B;IACF;IAEAZ,eAAe,CAACI,OAAO,CAACkB,MAAM,CAAC;MAC7BJ,IAAI,EAAE;QACJP,KAAK;QACLC;MACF,CAAC;MACDO,OAAO,EAAE1B,KAAK,CAAC0B;IACjB,CAAC,CAAC;EACJ,CAAC,EACD,CAAC1B,KAAK,EAAEE,eAAe,EAAED,YAAY,EAAEE,2BAA2B,CACpE,CAAC;AACH;AAEA,eAAeJ,4BAA4B","ignoreList":[]}
+{"version":3,"file":"useSetPaddedViewportCallback.js","names":["useCallback","useEffect","useRef","getSize","padFirstAndLastRow","TableUtils","useApi","useTableListener","noopUpdatedHandler","_event","undefined","useSetPaddedViewportCallback","table","viewportSize","viewportPadding","viewportSubscriptionOptions","arguments","length","onUpdated","dh","subscriptionRef","removeSubscriptionListenerRef","prevTableRef","prevViewportOptionsRef","cleanupSubscription","_removeSubscriptionLi","current","call","close","needsSubscription","isTreeTable","Table","EVENT_UPDATED","setPaddedViewport","firstRow","_padFirstAndLastRow","_padFirstAndLastRow2","_slicedToArray","first","last","_viewportSubscription","_viewportSubscription2","subscriptionOptions","_objectSpread","rows","columns","createViewportSubscription","addEventListener","setViewport","update"],"sources":["../src/useSetPaddedViewportCallback.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  getSize,\n  padFirstAndLastRow,\n  TableUtils,\n  type OnTableUpdatedEvent,\n} from '@deephaven/jsapi-utils';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport useTableListener from './useTableListener';\n\n// Stable no-op used as the useTableListener callback when onTableUpdated is null\nconst noopUpdatedHandler = (_event: OnTableUpdatedEvent): void => undefined;\n\n/**\n * Creates a callback function that will set a Table viewport. The callback has\n * a closure over the Table, a desired viewport size, and additional padding.\n * These will be combined with a first row index passed to the callback to\n * calculate the final viewport.\n * @param table The `Table` or `TreeTable` to retrieve data from.\n * @param viewportSize The desired viewport size.\n * @param viewportPadding The padding to add before and after the viewport.\n * @param viewportSubscriptionOptions The viewport subscription options to use. If provided and\n * the table is not a `TreeTable`, the data will be requested using a `TableViewportSubscription`.\n * Rows and columns are filled in when the subscription is created if they are missing.\n * @param onUpdated Optional handler for TABLE_UPDATED events. When provided, it is\n * registered on the table or directly on the subscription\n * @returns A callback function for setting the viewport.\n */\nexport function useSetPaddedViewportCallback(\n  table: dh.Table | dh.TreeTable | null,\n  viewportSize: number,\n  viewportPadding: number,\n  viewportSubscriptionOptions: Partial<dh.ViewportSubscriptionOptions> | null = null,\n  onUpdated: (event: OnTableUpdatedEvent) => void = noopUpdatedHandler\n): (firstRow: number) => void {\n  const dh = useApi();\n  const subscriptionRef = useRef<dh.TableViewportSubscription | null>(null);\n  const removeSubscriptionListenerRef = useRef<(() => void) | null>(null);\n  const prevTableRef = useRef<dh.Table | dh.TreeTable | null>(null);\n  const prevViewportOptionsRef =\n    useRef<Partial<dh.ViewportSubscriptionOptions> | null>(null);\n\n  const cleanupSubscription = () => {\n    removeSubscriptionListenerRef.current?.();\n    removeSubscriptionListenerRef.current = null;\n    if (subscriptionRef.current) {\n      subscriptionRef.current.close();\n      subscriptionRef.current = null;\n    }\n  };\n\n  if (\n    prevTableRef.current !== table ||\n    prevViewportOptionsRef.current !== viewportSubscriptionOptions\n  ) {\n    prevTableRef.current = table;\n    prevViewportOptionsRef.current = viewportSubscriptionOptions;\n    cleanupSubscription();\n  }\n\n  useEffect(() => cleanupSubscription, []);\n\n  // Only use a subscription when options are provided AND the table is not a\n  // TreeTable (which does not support createViewportSubscription).\n  const needsSubscription =\n    viewportSubscriptionOptions != null &&\n    table != null &&\n    !TableUtils.isTreeTable(table);\n\n  // For the setViewport path (including TreeTable + options), register\n  // TABLE_UPDATED on the table directly.\n  // For the subscription path the listener is registered on the subscription\n  // inside setPaddedViewport when it is first created.\n  useTableListener(\n    needsSubscription ? null : table,\n    dh.Table.EVENT_UPDATED,\n    onUpdated\n  );\n\n  return useCallback(\n    function setPaddedViewport(firstRow: number) {\n      if (table == null) {\n        return;\n      }\n\n      const [first, last] = padFirstAndLastRow(\n        firstRow,\n        viewportSize,\n        viewportPadding,\n        getSize(table)\n      );\n\n      if (subscriptionRef.current == null && needsSubscription) {\n        const subscriptionOptions: dh.ViewportSubscriptionOptions = {\n          ...viewportSubscriptionOptions,\n          rows: viewportSubscriptionOptions.rows ?? { first, last },\n          columns: viewportSubscriptionOptions.columns ?? table.columns,\n        };\n\n        subscriptionRef.current =\n          table.createViewportSubscription(subscriptionOptions);\n\n        // TABLE_UPDATED fires on the subscription rather than\n        // the table. Register the listener directly on the subscription.\n        removeSubscriptionListenerRef.current =\n          subscriptionRef.current.addEventListener(\n            dh.Table.EVENT_UPDATED,\n            onUpdated\n          );\n      }\n\n      if (subscriptionRef.current == null) {\n        table.setViewport(first, last);\n        return;\n      }\n\n      subscriptionRef.current.update({\n        rows: {\n          first,\n          last,\n        },\n        columns: table.columns,\n      });\n    },\n    [\n      table,\n      viewportPadding,\n      viewportSize,\n      viewportSubscriptionOptions,\n      needsSubscription,\n      onUpdated,\n      dh.Table.EVENT_UPDATED,\n    ]\n  );\n}\n\nexport default useSetPaddedViewportCallback;\n"],"mappings":"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","ignoreList":[]}

package/dist/useViewportData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useViewportData.d.ts","sourceRoot":"","sources":["../src/useViewportData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EACL,KAAK,eAAe,EAKrB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AASlD,MAAM,WAAW,oBAAoB,CACnC,KAAK,EACL,MAAM,SAAS,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS;IAEtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACxC,2BAA2B,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,2BAA2B,CAAC,GAAG,IAAI,CAAC;CAC9E;AAED,MAAM,WAAW,qBAAqB,CACpC,KAAK,EACL,MAAM,SAAS,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS;IAEtC,gEAAgE;IAChE,YAAY,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,0CAA0C;IAC1C,sBAAsB,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,CAAC;IAChE,oCAAoC;IACpC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mDAAmD;IACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,SAAS,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS,EAAE,EAC7E,KAAK,EACL,UAAc,EACd,cAAmC,EACnC,YAAiB,EACjB,eAAoB,EACpB,cAAuC,EACvC,uBAA+B,EAC/B,2BAAkC,GACnC,EAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,CAyF5E;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useViewportData.d.ts","sourceRoot":"","sources":["../src/useViewportData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EACL,KAAK,eAAe,EAKrB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQlD,MAAM,WAAW,oBAAoB,CACnC,KAAK,EACL,MAAM,SAAS,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS;IAEtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACxC,2BAA2B,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,2BAA2B,CAAC,GAAG,IAAI,CAAC;CAC9E;AAED,MAAM,WAAW,qBAAqB,CACpC,KAAK,EACL,MAAM,SAAS,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS;IAEtC,gEAAgE;IAChE,YAAY,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,0CAA0C;IAC1C,sBAAsB,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,CAAC;IAChE,oCAAoC;IACpC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mDAAmD;IACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,SAAS,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS,EAAE,EAC7E,KAAK,EACL,UAAc,EACd,cAAmC,EACnC,YAAiB,EACjB,eAAoB,EACpB,cAAuC,EACvC,uBAA+B,EAC/B,2BAAkC,GACnC,EAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,CAsF5E;AAED,eAAe,eAAe,CAAC"}

package/dist/useViewportData.js

@@ -1,12 +1,10 @@
 import { useCallback, useEffect, useMemo, useRef } 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 useInitializeViewportData from "./useInitializeViewportData.js";
 import useSetPaddedViewportCallback from "./useSetPaddedViewportCallback.js";
 import useTableSize from "./useTableSize.js";
-import useTableListener from "./useTableListener.js";
 import { SCROLL_DEBOUNCE_MS } from "./Constants.js";
 var log = Log.module('useViewportData');
 /**
@@ -47,7 +45,18 @@ export function useViewportData(_ref) {
     viewportSubscriptionOptions = _ref$viewportSubscrip === void 0 ? null : _ref$viewportSubscrip;
   var currentViewportFirstRowRef = useRef(0);
   var viewportData = useInitializeViewportData(table, reuseItemsOnTableResize);
-  var setPaddedViewport = useSetPaddedViewportCallback(table, viewportSize, viewportPadding, viewportSubscriptionOptions);
+
+  // Store the memoized callback in a ref so that changes to `viewportData`
+  // don't invalidate the memoization of `onTableUpdated`. This prevents
+  // `useTableListener` from unnecessarily re-subscribing to the same event over
+  // and over.
+  var onTableUpdatedRef = useRef();
+  onTableUpdatedRef.current = useMemo(() => createOnTableUpdatedHandler(viewportData, deserializeRow), [deserializeRow, viewportData]);
+  var onTableUpdated = useCallback(event => {
+    var _onTableUpdatedRef$cu;
+    (_onTableUpdatedRef$cu = onTableUpdatedRef.current) === null || _onTableUpdatedRef$cu === void 0 || _onTableUpdatedRef$cu.call(onTableUpdatedRef, event);
+  }, []);
+  var setPaddedViewport = useSetPaddedViewportCallback(table, viewportSize, viewportPadding, viewportSubscriptionOptions, onTableUpdated);
   var setViewport = useCallback(firstRow => {
     currentViewportFirstRowRef.current = firstRow;
     if (table && !isClosed(table)) {
@@ -64,19 +73,6 @@ export function useViewportData(_ref) {
       log.debug('applyFiltersAndRefresh called on closed table.', table);
     }
   }, [setViewport, table]);
-  var dh = useApi();
-
-  // Store the memoized callback in a ref so that changes to `viewportData`
-  // don't invalidate the memoization of `onTableUpdated`. This prevents
-  // `useTableListener` from unnecessarily re-subscribing to the same event over
-  // and over.
-  var onTableUpdatedRef = useRef();
-  onTableUpdatedRef.current = useMemo(() => createOnTableUpdatedHandler(viewportData, deserializeRow), [deserializeRow, viewportData]);
-  var onTableUpdated = useCallback(event => {
-    var _onTableUpdatedRef$cu;
-    (_onTableUpdatedRef$cu = onTableUpdatedRef.current) === null || _onTableUpdatedRef$cu === void 0 || _onTableUpdatedRef$cu.call(onTableUpdatedRef, event);
-  }, []);
-  useTableListener(table, dh.Table.EVENT_UPDATED, onTableUpdated);
   var size = useTableSize(table);
   useEffect(() => {
     log.debug('Initializing viewport');

package/dist/useViewportData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewportData.js","names":["useCallback","useEffect","useMemo","useRef","defaultRowDeserializer","isClosed","createOnTableUpdatedHandler","Log","useApi","useOnScrollOffsetChangeCallback","useInitializeViewportData","useSetPaddedViewportCallback","useTableSize","useTableListener","SCROLL_DEBOUNCE_MS","log","module","useViewportData","_ref","table","_ref$itemHeight","itemHeight","_ref$scrollDebounce","scrollDebounce","_ref$viewportSize","viewportSize","_ref$viewportPadding","viewportPadding","_ref$deserializeRow","deserializeRow","_ref$reuseItemsOnTabl","reuseItemsOnTableResize","_ref$viewportSubscrip","viewportSubscriptionOptions","currentViewportFirstRowRef","viewportData","setPaddedViewport","setViewport","firstRow","current","debug","applyFiltersAndRefresh","filters","applyFilter","dh","onTableUpdatedRef","onTableUpdated","event","_onTableUpdatedRef$cu","call","Table","EVENT_UPDATED","size","onScroll"],"sources":["../src/useViewportData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  type RowDeserializer,\n  defaultRowDeserializer,\n  isClosed,\n  createOnTableUpdatedHandler,\n  type OnTableUpdatedEvent,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport {\n  useOnScrollOffsetChangeCallback,\n  type WindowedListData,\n} from '@deephaven/react-hooks';\nimport { type KeyedItem } from '@deephaven/utils';\nimport useInitializeViewportData from './useInitializeViewportData';\nimport useSetPaddedViewportCallback from './useSetPaddedViewportCallback';\nimport useTableSize from './useTableSize';\nimport useTableListener from './useTableListener';\nimport { SCROLL_DEBOUNCE_MS } from './Constants';\n\nconst log = Log.module('useViewportData');\n\nexport interface UseViewportDataProps<\n  TItem,\n  TTable extends dh.Table | dh.TreeTable,\n> {\n  reuseItemsOnTableResize?: boolean;\n  table: TTable | null;\n  itemHeight?: number;\n  scrollDebounce?: number;\n  viewportPadding?: number;\n  viewportSize?: number;\n  deserializeRow?: RowDeserializer<TItem>;\n  viewportSubscriptionOptions?: Partial<dh.ViewportSubscriptionOptions> | null;\n}\n\nexport interface UseViewportDataResult<\n  TItem,\n  TTable extends dh.Table | dh.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: dh.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 The Table to viewport.\n * @param itemHeight The height of each item in the viewport.\n * @param scrollDebounce The number of milliseconds to debounce scroll events.\n * @param viewportSize The number of items to display in the viewport.\n * @param viewportPadding The number of items to fetch at start and end of the viewport.\n * @param deserializeRow A function to deserialize a row from the Table.\n * @param reuseItemsOnTableResize If true, existing items will be re-used when\n * @param viewportSubscriptionOptions The viewport subscription options to use. If provided and\n * the table is not a `TreeTable`, the data will be requested using a `TableViewportSubscription`.\n * Rows and columns are filled in when the subscription is created if they are missing.\n * @returns An object for managing Table viewport state.\n */\nexport function useViewportData<TItem, TTable extends dh.Table | dh.TreeTable>({\n  table,\n  itemHeight = 1,\n  scrollDebounce = SCROLL_DEBOUNCE_MS,\n  viewportSize = 10,\n  viewportPadding = 50,\n  deserializeRow = defaultRowDeserializer,\n  reuseItemsOnTableResize = false,\n  viewportSubscriptionOptions = null,\n}: UseViewportDataProps<TItem, TTable>): UseViewportDataResult<TItem, TTable> {\n  const currentViewportFirstRowRef = useRef<number>(0);\n\n  const viewportData = useInitializeViewportData<TItem>(\n    table,\n    reuseItemsOnTableResize\n  );\n\n  const setPaddedViewport = useSetPaddedViewportCallback(\n    table,\n    viewportSize,\n    viewportPadding,\n    viewportSubscriptionOptions\n  );\n\n  const setViewport = useCallback(\n    (firstRow: number) => {\n      currentViewportFirstRowRef.current = firstRow;\n\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: dh.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  // Store the memoized callback in a ref so that changes to `viewportData`\n  // don't invalidate the memoization of `onTableUpdated`. This prevents\n  // `useTableListener` from unnecessarily re-subscribing to the same event over\n  // and over.\n  const onTableUpdatedRef = useRef<(event: OnTableUpdatedEvent) => void>();\n  onTableUpdatedRef.current = useMemo(\n    () => createOnTableUpdatedHandler(viewportData, deserializeRow),\n    [deserializeRow, viewportData]\n  );\n\n  const onTableUpdated = useCallback((event: OnTableUpdatedEvent) => {\n    onTableUpdatedRef.current?.(event);\n  }, []);\n\n  useTableListener(table, dh.Table.EVENT_UPDATED, onTableUpdated);\n\n  const size = useTableSize(table);\n\n  useEffect(() => {\n    log.debug('Initializing viewport');\n\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]);\n\n  useEffect(() => {\n    setViewport(currentViewportFirstRowRef.current);\n  }, [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":"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","ignoreList":[]}
+{"version":3,"file":"useViewportData.js","names":["useCallback","useEffect","useMemo","useRef","defaultRowDeserializer","isClosed","createOnTableUpdatedHandler","Log","useOnScrollOffsetChangeCallback","useInitializeViewportData","useSetPaddedViewportCallback","useTableSize","SCROLL_DEBOUNCE_MS","log","module","useViewportData","_ref","table","_ref$itemHeight","itemHeight","_ref$scrollDebounce","scrollDebounce","_ref$viewportSize","viewportSize","_ref$viewportPadding","viewportPadding","_ref$deserializeRow","deserializeRow","_ref$reuseItemsOnTabl","reuseItemsOnTableResize","_ref$viewportSubscrip","viewportSubscriptionOptions","currentViewportFirstRowRef","viewportData","onTableUpdatedRef","current","onTableUpdated","event","_onTableUpdatedRef$cu","call","setPaddedViewport","setViewport","firstRow","debug","applyFiltersAndRefresh","filters","applyFilter","size","onScroll"],"sources":["../src/useViewportData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  type RowDeserializer,\n  defaultRowDeserializer,\n  isClosed,\n  createOnTableUpdatedHandler,\n  type OnTableUpdatedEvent,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport {\n  useOnScrollOffsetChangeCallback,\n  type WindowedListData,\n} from '@deephaven/react-hooks';\nimport { type KeyedItem } from '@deephaven/utils';\nimport useInitializeViewportData from './useInitializeViewportData';\nimport useSetPaddedViewportCallback from './useSetPaddedViewportCallback';\nimport useTableSize from './useTableSize';\nimport { SCROLL_DEBOUNCE_MS } from './Constants';\n\nconst log = Log.module('useViewportData');\n\nexport interface UseViewportDataProps<\n  TItem,\n  TTable extends dh.Table | dh.TreeTable,\n> {\n  reuseItemsOnTableResize?: boolean;\n  table: TTable | null;\n  itemHeight?: number;\n  scrollDebounce?: number;\n  viewportPadding?: number;\n  viewportSize?: number;\n  deserializeRow?: RowDeserializer<TItem>;\n  viewportSubscriptionOptions?: Partial<dh.ViewportSubscriptionOptions> | null;\n}\n\nexport interface UseViewportDataResult<\n  TItem,\n  TTable extends dh.Table | dh.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: dh.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 The Table to viewport.\n * @param itemHeight The height of each item in the viewport.\n * @param scrollDebounce The number of milliseconds to debounce scroll events.\n * @param viewportSize The number of items to display in the viewport.\n * @param viewportPadding The number of items to fetch at start and end of the viewport.\n * @param deserializeRow A function to deserialize a row from the Table.\n * @param reuseItemsOnTableResize If true, existing items will be re-used when\n * @param viewportSubscriptionOptions The viewport subscription options to use. If provided and\n * the table is not a `TreeTable`, the data will be requested using a `TableViewportSubscription`.\n * Rows and columns are filled in when the subscription is created if they are missing.\n * @returns An object for managing Table viewport state.\n */\nexport function useViewportData<TItem, TTable extends dh.Table | dh.TreeTable>({\n  table,\n  itemHeight = 1,\n  scrollDebounce = SCROLL_DEBOUNCE_MS,\n  viewportSize = 10,\n  viewportPadding = 50,\n  deserializeRow = defaultRowDeserializer,\n  reuseItemsOnTableResize = false,\n  viewportSubscriptionOptions = null,\n}: UseViewportDataProps<TItem, TTable>): UseViewportDataResult<TItem, TTable> {\n  const currentViewportFirstRowRef = useRef<number>(0);\n\n  const viewportData = useInitializeViewportData<TItem>(\n    table,\n    reuseItemsOnTableResize\n  );\n\n  // Store the memoized callback in a ref so that changes to `viewportData`\n  // don't invalidate the memoization of `onTableUpdated`. This prevents\n  // `useTableListener` from unnecessarily re-subscribing to the same event over\n  // and over.\n  const onTableUpdatedRef = useRef<(event: OnTableUpdatedEvent) => void>();\n  onTableUpdatedRef.current = useMemo(\n    () => createOnTableUpdatedHandler(viewportData, deserializeRow),\n    [deserializeRow, viewportData]\n  );\n\n  const onTableUpdated = useCallback((event: OnTableUpdatedEvent) => {\n    onTableUpdatedRef.current?.(event);\n  }, []);\n\n  const setPaddedViewport = useSetPaddedViewportCallback(\n    table,\n    viewportSize,\n    viewportPadding,\n    viewportSubscriptionOptions,\n    onTableUpdated\n  );\n\n  const setViewport = useCallback(\n    (firstRow: number) => {\n      currentViewportFirstRowRef.current = firstRow;\n\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: dh.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 size = useTableSize(table);\n\n  useEffect(() => {\n    log.debug('Initializing viewport');\n\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]);\n\n  useEffect(() => {\n    setViewport(currentViewportFirstRowRef.current);\n  }, [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":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/jsapi-components",
-  "version": "1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8",
+  "version": "1.26.1",
   "description": "Deephaven JSAPI Components",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -22,21 +22,21 @@
     "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8",
-    "@deephaven/jsapi-bootstrap": "^1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8",
+    "@deephaven/components": "^1.22.1",
+    "@deephaven/jsapi-bootstrap": "^1.23.0",
     "@deephaven/jsapi-types": "^1.0.0-dev0.40.4",
-    "@deephaven/jsapi-utils": "^1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8",
-    "@deephaven/log": "^1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8",
-    "@deephaven/react-hooks": "^1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8",
-    "@deephaven/utils": "^1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8",
+    "@deephaven/jsapi-utils": "^1.23.0",
+    "@deephaven/log": "^1.8.0",
+    "@deephaven/react-hooks": "^1.21.1",
+    "@deephaven/utils": "^1.10.0",
     "@types/js-cookie": "^3.0.3",
     "classnames": "^2.3.2",
     "js-cookie": "^3.0.5",
     "lodash.debounce": "^4.0.8"
   },
   "devDependencies": {
-    "@deephaven/jsapi-shim": "^1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8",
-    "@deephaven/test-utils": "^1.23.1-legacy-table-plugin.bbf55c8.0+bbf55c8"
+    "@deephaven/jsapi-shim": "^1.9.0",
+    "@deephaven/test-utils": "^1.8.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bbf55c8e8e005d3d1aa6bc4800a64499a6ad7288"
+  "gitHead": "9d0c4b05d92671e7690be73f7b7784656d75e0c5"
 }