From a8c773ae7ee84c70e126a9695e314fc3d15f6b87 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Tue, 19 Mar 2024 16:39:14 -0500
Subject: [PATCH 01/40] Use KeyedItem interface in Picker (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx | 26 ++++++++----
 .../src/spectrum/picker/PickerUtils.ts        | 41 +++++++++++--------
 packages/utils/src/DataUtils.ts               |  9 ++--
 3 files changed, 48 insertions(+), 28 deletions(-)

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 09a0064a7d..30702010a3 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -99,20 +99,28 @@ export function Picker({
   );
 
   const renderItem = useCallback(
-    ({ key, content, textValue }: NormalizedPickerItem) => (
+    ({ key, item }: NormalizedPickerItem) => (
       // The `textValue` prop gets used to provide the content of `<option>`
       // elements that back the Spectrum Picker. These are not visible in the UI,
       // but are used for accessibility purposes, so we set to an arbitrary
       // 'Empty' value so that they are not empty strings.
       <Item
         key={key as Key}
-        textValue={textValue === '' || textValue == null ? 'Empty' : textValue}
+        textValue={
+          item?.textValue === '' || item?.textValue == null
+            ? 'Empty'
+            : item.textValue
+        }
       >
-        <PickerItemContent>{content}</PickerItemContent>
-        {tooltipOptions == null || content === '' ? null : (
-          <Tooltip options={tooltipOptions}>
-            {createTooltipContent(content)}
-          </Tooltip>
+        {item?.content == null ? null : (
+          <>
+            <PickerItemContent>{item.content}</PickerItemContent>
+            {tooltipOptions == null || item.content === '' ? null : (
+              <Tooltip options={tooltipOptions}>
+                {createTooltipContent(item.content)}
+              </Tooltip>
+            )}
+          </>
         )}
       </Item>
     ),
@@ -143,8 +151,8 @@ export function Picker({
           return (
             <Section
               key={itemOrSection.key}
-              title={itemOrSection.title}
-              items={itemOrSection.items}
+              title={itemOrSection.item?.title}
+              items={itemOrSection.item?.items}
             >
               {renderItem}
             </Section>
diff --git a/packages/components/src/spectrum/picker/PickerUtils.ts b/packages/components/src/spectrum/picker/PickerUtils.ts
index f069a2927b..2340762340 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.ts
+++ b/packages/components/src/spectrum/picker/PickerUtils.ts
@@ -2,6 +2,7 @@ import { isValidElement, Key, ReactElement, ReactNode } from 'react';
 import { SpectrumPickerProps } from '@adobe/react-spectrum';
 import type { ItemRenderer } from '@react-types/shared';
 import Log from '@deephaven/log';
+import { KeyedItem } from '@deephaven/utils';
 import { Item, ItemProps, Section, SectionProps } from '../shared';
 import { PopperOptions } from '../../popper';
 
@@ -46,17 +47,21 @@ export type PickerSelectionChangeHandler = (key: PickerItemKey) => void;
  * form to make rendering items simpler and keep the logic of transformation
  * in separate util methods.
  */
-export interface NormalizedPickerItem {
-  key?: PickerItemKey;
-  content: ReactNode;
-  textValue?: string;
-}
-
-export interface NormalizedPickerSection {
-  key?: Key;
-  title?: ReactNode;
-  items: NormalizedPickerItem[];
-}
+export type NormalizedPickerItem = KeyedItem<
+  {
+    content: ReactNode;
+    textValue?: string;
+  },
+  PickerItemKey | undefined
+>;
+
+export type NormalizedPickerSection = KeyedItem<
+  {
+    title?: ReactNode;
+    items: NormalizedPickerItem[];
+  },
+  Key | undefined
+>;
 
 export type NormalizedSpectrumPickerProps =
   SpectrumPickerProps<NormalizedPickerItem>;
@@ -111,7 +116,10 @@ export function isPickerItemOrSection(
 export function isNormalizedPickerSection(
   maybeNormalizedPickerSection: NormalizedPickerItem | NormalizedPickerSection
 ): maybeNormalizedPickerSection is NormalizedPickerSection {
-  return 'items' in maybeNormalizedPickerSection;
+  return (
+    maybeNormalizedPickerSection.item != null &&
+    'items' in maybeNormalizedPickerSection.item
+  );
 }
 
 /**
@@ -195,8 +203,10 @@ function normalizePickerItem(
 
     return {
       key,
-      title,
-      items,
+      item: {
+        title,
+        items,
+      },
     };
   }
 
@@ -208,8 +218,7 @@ function normalizePickerItem(
 
   return {
     key,
-    content,
-    textValue,
+    item: { content, textValue },
   };
 }
 
diff --git a/packages/utils/src/DataUtils.ts b/packages/utils/src/DataUtils.ts
index abb3aae56d..4e82278e5d 100644
--- a/packages/utils/src/DataUtils.ts
+++ b/packages/utils/src/DataUtils.ts
@@ -4,9 +4,12 @@ export const EMPTY_MAP: ReadonlyMap<never, never> = new Map<never, never>();
 
 export const EMPTY_FUNCTION = (): void => undefined;
 
-export interface KeyedItem<T> {
-  key: string;
-  item?: T;
+export interface KeyedItem<
+  TItem,
+  TKey extends string | number | boolean | undefined = string,
+> {
+  key: TKey;
+  item?: TItem;
 }
 
 export type SelectionT<T = string> = 'all' | Set<T>;

From 03191ce4cf02c8dde47ad368b403aac165fcfba1 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Tue, 19 Mar 2024 17:58:21 -0500
Subject: [PATCH 02/40] Added `reuseItemsOnTableResize` param (#1858)

---
 .../src/useInitializeViewportData.ts          | 69 +++++++++++++++----
 .../jsapi-components/src/useViewportData.ts   |  9 ++-
 2 files changed, 65 insertions(+), 13 deletions(-)

diff --git a/packages/jsapi-components/src/useInitializeViewportData.ts b/packages/jsapi-components/src/useInitializeViewportData.ts
index fe28c0fd35..b6a8c3114f 100644
--- a/packages/jsapi-components/src/useInitializeViewportData.ts
+++ b/packages/jsapi-components/src/useInitializeViewportData.ts
@@ -8,6 +8,50 @@ import useTableSize from './useTableSize';
 
 const log = Log.module('useInitializeViewportData');
 
+/**
+ * Given an array of items, returns a new array containing the target number of
+ * items. If reuseExistingItems is true, existing items will be re-used. If
+ * false, all items will be replaced with new, empty items.
+ * @param items The array of items to resize.
+ * @param targetSize The desired size of the array.
+ * @param reuseExistingItems If true, existing items will be re-used. If false,
+ * all items will be replaced with new, empty items.
+ * @returns The resized array of items.
+ */
+function resizeItemsArray<T>({
+  items,
+  targetSize,
+  reuseExistingItems,
+}: {
+  items: KeyedItem<T, string>[];
+  reuseExistingItems: boolean;
+  targetSize: number;
+}): KeyedItem<T, string>[] {
+  const currentSize = items.length;
+
+  // If size isn't changing, do nothing
+  if (currentSize === targetSize) {
+    return items;
+  }
+
+  log.debug('size changed:', { currentSize, targetSize });
+
+  if (!reuseExistingItems) {
+    // All items will be replaced with new data. This is preferred in certain
+    // scenarios to avoid the user seeing items shift around multiple times
+    // while data is being loaded.
+    return Array.from(generateEmptyKeyedItems<T>(0, targetSize - 1));
+  }
+
+  // Drop extra items
+  if (currentSize > targetSize) {
+    return items.slice(0, targetSize - 1);
+  }
+
+  // Add missing items
+  return [...items, ...generateEmptyKeyedItems<T>(currentSize, targetSize - 1)];
+}
+
 /**
  * Initializes a ListData instance that can be used for windowed views of a
  * Table. The list must always contain a KeyedItem for every record in the table,
@@ -18,28 +62,29 @@ const log = Log.module('useInitializeViewportData');
  * 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 The table that will be used to determine the list size.
+ * @param reuseItemsOnTableResize If true, the items will be reused when the
+ * table resizes. Defaults to false which will replace the items when the table
+ * resizes.
  * @returns a WindowedListData object.
  */
 export function useInitializeViewportData<T>(
-  table: dh.Table | dh.TreeTable | null
+  table: dh.Table | dh.TreeTable | null,
+  reuseItemsOnTableResize = false
 ): WindowedListData<KeyedItem<T>> {
   const viewportData = useWindowedListData<KeyedItem<T>>({});
 
   // If the table changes size, we need to re-initialize it.
   const targetSize = Math.max(0, useTableSize(table));
 
-  // Whenever the table reference or size changes, replace the list with empty
-  // items. This is preferred over updating items in place to avoid the user
-  // seeing items shift around multiple times.
+  // Whenever the table reference or size changes, resize the list.
   useEffect(() => {
-    const currentSize = viewportData.items.length;
-
-    if (targetSize !== currentSize) {
-      log.debug('size changed:', { currentSize, targetSize });
-      viewportData.setItems(
-        Array.from(generateEmptyKeyedItems<T>(0, targetSize - 1))
-      );
-    }
+    viewportData.setItems(
+      resizeItemsArray({
+        items: viewportData.items,
+        targetSize,
+        reuseExistingItems: reuseItemsOnTableResize,
+      })
+    );
 
     // Intentionally excluding viewportData since it changes on every render.
     // eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/packages/jsapi-components/src/useViewportData.ts b/packages/jsapi-components/src/useViewportData.ts
index 71af52e2ed..fdbbce70f7 100644
--- a/packages/jsapi-components/src/useViewportData.ts
+++ b/packages/jsapi-components/src/useViewportData.ts
@@ -24,6 +24,7 @@ export interface UseViewportDataProps<
   TItem,
   TTable extends dh.Table | dh.TreeTable,
 > {
+  reuseItemsOnTableResize?: boolean;
   table: TTable | null;
   itemHeight?: number;
   scrollDebounce?: number;
@@ -64,6 +65,8 @@ export interface UseViewportDataResult<
  * @param viewportSize The number of items to display in the viewport.
  * @param viewportPadding The number of items to fetch at start and end of the viewport.
  * @param deserializeRow A function to deserialize a row from the Table.
+ * @param reuseItemsOnTableResize If true, existing items will be re-used when
+ * the table size changes.
  * @returns An object for managing Table viewport state.
  */
 export function useViewportData<TItem, TTable extends dh.Table | dh.TreeTable>({
@@ -73,8 +76,12 @@ export function useViewportData<TItem, TTable extends dh.Table | dh.TreeTable>({
   viewportSize = 10,
   viewportPadding = 50,
   deserializeRow = defaultRowDeserializer,
+  reuseItemsOnTableResize = false,
 }: UseViewportDataProps<TItem, TTable>): UseViewportDataResult<TItem, TTable> {
-  const viewportData = useInitializeViewportData<TItem>(table);
+  const viewportData = useInitializeViewportData<TItem>(
+    table,
+    reuseItemsOnTableResize
+  );
 
   const setPaddedViewport = useSetPaddedViewportCallback(
     table,

From c65ebce9c69059a4e34b2f517f25ffc868becd61 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Tue, 19 Mar 2024 18:03:59 -0500
Subject: [PATCH 03/40] Support passing `NormalizedPickerItem[]` to Picker
 (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx | 66 +++++++++++--------
 .../src/spectrum/picker/PickerUtils.ts        | 44 ++++++++++---
 2 files changed, 74 insertions(+), 36 deletions(-)

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 30702010a3..b816018731 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -17,7 +17,10 @@ import { PickerItemContent } from './PickerItemContent';
 import { Item, Section } from '../shared';
 
 export type PickerProps = {
-  children: PickerItemOrSection | PickerItemOrSection[];
+  children:
+    | PickerItemOrSection
+    | PickerItemOrSection[]
+    | NormalizedPickerItem[];
   /** Can be set to true or a TooltipOptions to enable item tooltips */
   tooltip?: boolean | TooltipOptions;
   /** The currently selected key in the collection (controlled). */
@@ -99,31 +102,38 @@ export function Picker({
   );
 
   const renderItem = useCallback(
-    ({ key, item }: NormalizedPickerItem) => (
-      // The `textValue` prop gets used to provide the content of `<option>`
-      // elements that back the Spectrum Picker. These are not visible in the UI,
-      // but are used for accessibility purposes, so we set to an arbitrary
-      // 'Empty' value so that they are not empty strings.
-      <Item
-        key={key as Key}
-        textValue={
-          item?.textValue === '' || item?.textValue == null
-            ? 'Empty'
-            : item.textValue
-        }
-      >
-        {item?.content == null ? null : (
-          <>
-            <PickerItemContent>{item.content}</PickerItemContent>
-            {tooltipOptions == null || item.content === '' ? null : (
-              <Tooltip options={tooltipOptions}>
-                {createTooltipContent(item.content)}
-              </Tooltip>
-            )}
-          </>
-        )}
-      </Item>
-    ),
+    (normalizedItem: NormalizedPickerItem) => {
+      // In Windowed data scenarios, the `item` is loaded asynchronously.
+      // Fallback to the top-level `key` if the `item` is not yet available.
+      const key = normalizedItem.item?.key ?? normalizedItem.key;
+      const { item } = normalizedItem;
+
+      return (
+        // The `textValue` prop gets used to provide the content of `<option>`
+        // elements that back the Spectrum Picker. These are not visible in the UI,
+        // but are used for accessibility purposes, so we set to an arbitrary
+        // 'Empty' value so that they are not empty strings.
+        <Item
+          key={key as Key}
+          textValue={
+            item?.textValue === '' || item?.textValue == null
+              ? 'Empty'
+              : item.textValue
+          }
+        >
+          {item?.content == null ? null : (
+            <>
+              <PickerItemContent>{item.content}</PickerItemContent>
+              {tooltipOptions == null || item.content === '' ? null : (
+                <Tooltip options={tooltipOptions}>
+                  {createTooltipContent(item.content)}
+                </Tooltip>
+              )}
+            </>
+          )}
+        </Item>
+      );
+    },
     [tooltipOptions]
   );
 
@@ -150,7 +160,9 @@ export function Picker({
         if (isNormalizedPickerSection(itemOrSection)) {
           return (
             <Section
-              key={itemOrSection.key}
+              // In Windowed data scenarios, the `item` is loaded asynchronously
+              // Fallback to the top-level `key` if the `item` is not yet available
+              key={itemOrSection.item?.key ?? itemOrSection.key}
               title={itemOrSection.item?.title}
               items={itemOrSection.item?.items}
             >
diff --git a/packages/components/src/spectrum/picker/PickerUtils.ts b/packages/components/src/spectrum/picker/PickerUtils.ts
index 2340762340..28a3eabbf8 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.ts
+++ b/packages/components/src/spectrum/picker/PickerUtils.ts
@@ -41,6 +41,18 @@ export type PickerItemKey = Key | boolean;
  */
 export type PickerSelectionChangeHandler = (key: PickerItemKey) => void;
 
+export interface NormalizedPickerItemData {
+  key?: PickerItemKey;
+  content: ReactNode;
+  textValue?: string;
+}
+
+export interface NormalizedPickerSectionData {
+  key?: Key;
+  title?: ReactNode;
+  items: NormalizedPickerItem[];
+}
+
 /**
  * The Picker supports a variety of item types, including strings, numbers,
  * booleans, and more complex React elements. This type represents a normalized
@@ -48,18 +60,12 @@ export type PickerSelectionChangeHandler = (key: PickerItemKey) => void;
  * in separate util methods.
  */
 export type NormalizedPickerItem = KeyedItem<
-  {
-    content: ReactNode;
-    textValue?: string;
-  },
+  NormalizedPickerItemData,
   PickerItemKey | undefined
 >;
 
 export type NormalizedPickerSection = KeyedItem<
-  {
-    title?: ReactNode;
-    items: NormalizedPickerItem[];
-  },
+  NormalizedPickerSectionData,
   Key | undefined
 >;
 
@@ -108,6 +114,17 @@ export function isPickerItemOrSection(
   );
 }
 
+export function isNormalizedPickerItemList(
+  node: PickerItemOrSection | PickerItemOrSection[] | NormalizedPickerItem[]
+): node is NormalizedPickerItem[] {
+  return (
+    Array.isArray(node) &&
+    node.length > 0 &&
+    !isPickerItemOrSection(node[0]) &&
+    'key' in node[0]
+  );
+}
+
 /**
  * Determine if an object is a normalized Picker section.
  * @param maybeNormalizedPickerSection The object to check
@@ -228,11 +245,20 @@ function normalizePickerItem(
  * @returns An array of normalized picker items
  */
 export function normalizePickerItemList(
-  itemsOrSections: PickerItemOrSection | PickerItemOrSection[]
+  itemsOrSections:
+    | PickerItemOrSection
+    | PickerItemOrSection[]
+    | NormalizedPickerItem[]
 ): (NormalizedPickerItem | NormalizedPickerSection)[] {
+  // If already normalized, just return as-is
+  if (isNormalizedPickerItemList(itemsOrSections)) {
+    return itemsOrSections;
+  }
+
   const itemsArray = Array.isArray(itemsOrSections)
     ? itemsOrSections
     : [itemsOrSections];
+
   return itemsArray.map(normalizePickerItem);
 }
 

From eafc98c3b6d060100f7be675e6b7724ddb45923f Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Wed, 20 Mar 2024 12:47:35 -0500
Subject: [PATCH 04/40] Tests (#1858)

---
 .../src/useInitializeViewportData.test.ts     | 173 +++++++++++-------
 .../src/useInitializeViewportData.ts          |  16 +-
 2 files changed, 122 insertions(+), 67 deletions(-)

diff --git a/packages/jsapi-components/src/useInitializeViewportData.test.ts b/packages/jsapi-components/src/useInitializeViewportData.test.ts
index 99f378e486..a5c4055595 100644
--- a/packages/jsapi-components/src/useInitializeViewportData.test.ts
+++ b/packages/jsapi-components/src/useInitializeViewportData.test.ts
@@ -1,5 +1,5 @@
 import { act, renderHook } from '@testing-library/react-hooks';
-import type { Table } from '@deephaven/jsapi-types';
+import type { dh } from '@deephaven/jsapi-types';
 import { generateEmptyKeyedItems } from '@deephaven/jsapi-utils';
 import { KeyedItem, TestUtils } from '@deephaven/utils';
 import useInitializeViewportData from './useInitializeViewportData';
@@ -11,81 +11,128 @@ function expectedInitialItems(size: number) {
   return [...generateEmptyKeyedItems(0, size - 1)];
 }
 
-const tableA = TestUtils.createMockProxy<Table>({ size: 4 });
-const expectedInitialA: KeyedItem<unknown>[] = expectedInitialItems(
-  tableA.size
+const tableSize4 = TestUtils.createMockProxy<dh.Table>({ size: 4 });
+const expectedInitial4: KeyedItem<unknown>[] = expectedInitialItems(
+  tableSize4.size
 );
 
-const tableB = TestUtils.createMockProxy<Table>({ size: 2 });
-const expectedInitialB = expectedInitialItems(tableB.size);
+const tableSize2 = TestUtils.createMockProxy<dh.Table>({ size: 2 });
+const expectedInitial2 = expectedInitialItems(tableSize2.size);
 
-beforeEach(() => {
-  TestUtils.asMock(useTableSize).mockImplementation(table => table?.size ?? 0);
-});
+function updatedItems(size: number): { key: string; item: string }[] {
+  const items: { key: string; item: string }[] = [];
 
-it.each([null])('should safely handle no table: %s', noTable => {
-  const { result } = renderHook(() => useInitializeViewportData(noTable));
-  expect(result.current.items).toEqual([]);
-});
+  for (let i = 0; i < size; i += 1) {
+    items.push({ key: `${i}`, item: `mock.item.${i}` });
+  }
 
-it('should initialize a ListData object based on Table size', () => {
-  const { result } = renderHook(() => useInitializeViewportData(tableA));
+  return items;
+}
 
-  expect(result.current.items).toEqual(expectedInitialA);
+beforeEach(() => {
+  TestUtils.asMock(useTableSize).mockImplementation(table => table?.size ?? 0);
 });
 
-it('should re-initialize a ListData object if Table reference changes', () => {
-  const { result, rerender } = renderHook(
-    ({ table }) => useInitializeViewportData(table),
-    {
-      initialProps: { table: tableA },
-    }
-  );
-
-  // Update an item
-  const updatedItem = { key: '0', item: 'mock.item' };
-  act(() => {
-    result.current.update(updatedItem.key, updatedItem);
-  });
+describe.each([undefined, true, false])(
+  'reuseItemsOnTableResize: %s',
+  reuseItemsOnTableResize => {
+    it.each([null])('should safely handle no table: %s', noTable => {
+      const { result } = renderHook(() =>
+        useInitializeViewportData(noTable, reuseItemsOnTableResize)
+      );
+      expect(result.current.items).toEqual([]);
+    });
 
-  const expectedAfterUpdate = [updatedItem, ...expectedInitialA.slice(1)];
-  expect(result.current.items).toEqual(expectedAfterUpdate);
+    it('should initialize a ListData object based on Table size', () => {
+      const { result } = renderHook(() =>
+        useInitializeViewportData(tableSize4, reuseItemsOnTableResize)
+      );
 
-  // Re-render with a new table instance
-  rerender({ table: tableB });
+      expect(result.current.items).toEqual(expectedInitial4);
+    });
 
-  const expectedAfterRerender = expectedInitialB;
-  expect(result.current.items).toEqual(expectedAfterRerender);
-});
+    it('should re-initialize a ListData object if Table reference changes', () => {
+      const { result, rerender } = renderHook(
+        ({ table }) =>
+          useInitializeViewportData(table, reuseItemsOnTableResize),
+        {
+          initialProps: { table: tableSize4 },
+        }
+      );
+
+      const updatedItems4 = updatedItems(tableSize4.size);
+
+      // Update items
+      act(() => {
+        updatedItems4.forEach(updatedItem => {
+          result.current.update(updatedItem.key, updatedItem);
+        });
+      });
+
+      expect(result.current.items).toEqual(updatedItems4);
+
+      // Re-render with a smaller table instance
+      rerender({ table: tableSize2 });
+
+      expect(result.current.items).toEqual(
+        reuseItemsOnTableResize === true
+          ? updatedItems4.slice(0, tableSize2.size)
+          : expectedInitial2
+      );
+
+      // Re-render with a larger table instance
+      rerender({ table: tableSize4 });
+
+      expect(result.current.items).toEqual(
+        reuseItemsOnTableResize === true
+          ? [
+              ...updatedItems4.slice(0, tableSize2.size),
+              ...expectedInitial4.slice(tableSize2.size),
+            ]
+          : expectedInitial4
+      );
+    });
 
-it.each([
-  [3, expectedInitialItems(3)],
-  [5, expectedInitialItems(5)],
-])(
-  'should re-initialize a ListData object if Table size changes: %s, %s',
-  (newSize, expectedAfterSizeChange) => {
-    const { result, rerender } = renderHook(
-      ({ table }) => useInitializeViewportData(table),
-      {
-        initialProps: { table: tableA },
+    it.each([3, 5])(
+      'should re-initialize a ListData object if Table size changes: %s',
+      newSize => {
+        const { result, rerender } = renderHook(
+          ({ table }) =>
+            useInitializeViewportData(table, reuseItemsOnTableResize),
+          {
+            initialProps: { table: tableSize4 },
+          }
+        );
+
+        expect(result.current.items).toEqual(expectedInitial4);
+
+        const updatedItems4 = updatedItems(tableSize4.size);
+
+        // Update items
+        act(() => {
+          updatedItems4.forEach(updatedItem => {
+            result.current.update(updatedItem.key, updatedItem);
+          });
+        });
+
+        expect(result.current.items).toEqual(updatedItems4);
+
+        // Re-render with new size
+        TestUtils.asMock(useTableSize).mockImplementation(() => newSize);
+        rerender({
+          table:
+            tableSize4 /* this table is not actually used due to mocking `useTableSize` above */,
+        });
+
+        expect(result.current.items).toEqual(
+          reuseItemsOnTableResize === true
+            ? [
+                ...updatedItems4.slice(0, newSize),
+                ...expectedInitialItems(newSize).slice(4),
+              ]
+            : expectedInitialItems(newSize)
+        );
       }
     );
-
-    expect(result.current.items).toEqual(expectedInitialA);
-
-    // Update an item
-    const updatedItem = { key: '0', item: 'mock.item' };
-    act(() => {
-      result.current.update(updatedItem.key, updatedItem);
-    });
-
-    const expectedAfterUpdate = [updatedItem, ...expectedInitialA.slice(1)];
-    expect(result.current.items).toEqual(expectedAfterUpdate);
-
-    // Re-render with new size
-    TestUtils.asMock(useTableSize).mockImplementation(() => newSize);
-    rerender({ table: tableA });
-
-    expect(result.current.items).toEqual(expectedAfterSizeChange);
   }
 );
diff --git a/packages/jsapi-components/src/useInitializeViewportData.ts b/packages/jsapi-components/src/useInitializeViewportData.ts
index b6a8c3114f..ec7652836e 100644
--- a/packages/jsapi-components/src/useInitializeViewportData.ts
+++ b/packages/jsapi-components/src/useInitializeViewportData.ts
@@ -45,7 +45,7 @@ function resizeItemsArray<T>({
 
   // Drop extra items
   if (currentSize > targetSize) {
-    return items.slice(0, targetSize - 1);
+    return items.slice(0, targetSize);
   }
 
   // Add missing items
@@ -62,9 +62,17 @@ function resizeItemsArray<T>({
  * 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 The table that will be used to determine the list size.
- * @param reuseItemsOnTableResize If true, the items will be reused when the
- * table resizes. Defaults to false which will replace the items when the table
- * resizes.
+ * @param reuseItemsOnTableResize Whether to reuse existing items when the table
+ * size changes (defaults to false).
+ * - If true, existing items will be reused when the table resizes. This is
+ * recommended for ticking tables where the data is frequently updated in order
+ * to avoid UI flicker.
+ * - If false, all of the items will be replaced when the table resizes. This is
+ * recommnded for tables that don't change size frequently but may change size
+ * due to a user interaction. e.g. Filter via a search input. This avoids a
+ * different kind of flicker, where the item values will shift around as the
+ * user types. It is less jarring for the items to all reset to empty and then
+ * show the new results all at once.
  * @returns a WindowedListData object.
  */
 export function useInitializeViewportData<T>(

From 3b4ed942ae9134274085a191153aaf6a5d421144 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Wed, 20 Mar 2024 12:52:56 -0500
Subject: [PATCH 05/40] Updated comment (#1858)

---
 packages/jsapi-components/src/useInitializeViewportData.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/jsapi-components/src/useInitializeViewportData.ts b/packages/jsapi-components/src/useInitializeViewportData.ts
index ec7652836e..7084c818de 100644
--- a/packages/jsapi-components/src/useInitializeViewportData.ts
+++ b/packages/jsapi-components/src/useInitializeViewportData.ts
@@ -36,10 +36,8 @@ function resizeItemsArray<T>({
 
   log.debug('size changed:', { currentSize, targetSize });
 
+  // Re-create entire array with empty items
   if (!reuseExistingItems) {
-    // All items will be replaced with new data. This is preferred in certain
-    // scenarios to avoid the user seeing items shift around multiple times
-    // while data is being loaded.
     return Array.from(generateEmptyKeyedItems<T>(0, targetSize - 1));
   }
 

From bb7d4baefc58cf332a0bd436702a2aeb17c3ceee Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Wed, 20 Mar 2024 15:55:35 -0500
Subject: [PATCH 06/40] Added item key prefix (#1858)

---
 .../src/useInitializeViewportData.test.ts     |  7 ++-
 .../jsapi-utils/src/ViewportDataUtils.test.ts | 45 ++++++++++++-------
 packages/jsapi-utils/src/ViewportDataUtils.ts | 17 ++++++-
 3 files changed, 50 insertions(+), 19 deletions(-)

diff --git a/packages/jsapi-components/src/useInitializeViewportData.test.ts b/packages/jsapi-components/src/useInitializeViewportData.test.ts
index a5c4055595..97f5826c70 100644
--- a/packages/jsapi-components/src/useInitializeViewportData.test.ts
+++ b/packages/jsapi-components/src/useInitializeViewportData.test.ts
@@ -1,6 +1,9 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 import type { dh } from '@deephaven/jsapi-types';
-import { generateEmptyKeyedItems } from '@deephaven/jsapi-utils';
+import {
+  generateEmptyKeyedItems,
+  ITEM_KEY_PREFIX,
+} from '@deephaven/jsapi-utils';
 import { KeyedItem, TestUtils } from '@deephaven/utils';
 import useInitializeViewportData from './useInitializeViewportData';
 import useTableSize from './useTableSize';
@@ -23,7 +26,7 @@ function updatedItems(size: number): { key: string; item: string }[] {
   const items: { key: string; item: string }[] = [];
 
   for (let i = 0; i < size; i += 1) {
-    items.push({ key: `${i}`, item: `mock.item.${i}` });
+    items.push({ key: `${ITEM_KEY_PREFIX}_${i}`, item: `mock.item.${i}` });
   }
 
   return items;
diff --git a/packages/jsapi-utils/src/ViewportDataUtils.test.ts b/packages/jsapi-utils/src/ViewportDataUtils.test.ts
index df13fb0aad..76da0f18b2 100644
--- a/packages/jsapi-utils/src/ViewportDataUtils.test.ts
+++ b/packages/jsapi-utils/src/ViewportDataUtils.test.ts
@@ -1,5 +1,5 @@
 import { act } from '@testing-library/react-hooks';
-import type { Column, Table, TreeTable } from '@deephaven/jsapi-types';
+import { dh } from '@deephaven/jsapi-types';
 import { TestUtils } from '@deephaven/utils';
 import {
   OnTableUpdatedEvent,
@@ -12,6 +12,7 @@ import {
   getSize,
   isClosed,
   padFirstAndLastRow,
+  ITEM_KEY_PREFIX,
 } from './ViewportDataUtils';
 
 const { asMock, createMockProxy } = TestUtils;
@@ -23,7 +24,7 @@ function mockViewportRow(offsetInSnapshot: number): ViewportRow {
 function mockColumn(name: string) {
   return {
     name,
-  } as Column;
+  } as dh.Column;
 }
 
 const deserializeRow: RowDeserializer<unknown> = jest.fn();
@@ -37,8 +38,8 @@ beforeEach(() => {
 
 describe('createKeyFromOffsetRow', () => {
   it.each([
-    [{ offsetInSnapshot: 4 } as ViewportRow, 5, '9'],
-    [{ offsetInSnapshot: 27 } as ViewportRow, 99, '126'],
+    [{ offsetInSnapshot: 4 } as ViewportRow, 5, `${ITEM_KEY_PREFIX}_9`],
+    [{ offsetInSnapshot: 27 } as ViewportRow, 99, `${ITEM_KEY_PREFIX}_126`],
   ] as const)(
     'should create a string key based on the actual row offset: %o',
     (row, offset, expected) => {
@@ -56,7 +57,7 @@ describe('createOnTableUpdatedHandler', () => {
       createMockProxy<ViewportRow>({ offsetInSnapshot: 1 }),
       createMockProxy<ViewportRow>({ offsetInSnapshot: 2 }),
     ],
-    updateEvent: (offset: number, rows: ViewportRow[], columns: Column[]) =>
+    updateEvent: (offset: number, rows: ViewportRow[], columns: dh.Column[]) =>
       createMockProxy<OnTableUpdatedEvent>({
         detail: {
           offset,
@@ -66,7 +67,7 @@ describe('createOnTableUpdatedHandler', () => {
       }),
   };
 
-  const cols: Column[] = [];
+  const cols: dh.Column[] = [];
 
   beforeEach(() => {
     asMock(mock.deserializeRow).mockImplementation(a => ({
@@ -119,14 +120,28 @@ describe('defaultRowDeserializer', () => {
 
 describe('generateEmptyKeyedItems', () => {
   it.each([
-    [0, 0, [{ key: '0' }]],
-    [0, 1, [{ key: '0' }, { key: '1' }]],
+    [0, 0, [{ key: `${ITEM_KEY_PREFIX}_0` }]],
+    [0, 1, [{ key: `${ITEM_KEY_PREFIX}_0` }, { key: `${ITEM_KEY_PREFIX}_1` }]],
     [
       0,
       4,
-      [{ key: '0' }, { key: '1' }, { key: '2' }, { key: '3' }, { key: '4' }],
+      [
+        { key: `${ITEM_KEY_PREFIX}_0` },
+        { key: `${ITEM_KEY_PREFIX}_1` },
+        { key: `${ITEM_KEY_PREFIX}_2` },
+        { key: `${ITEM_KEY_PREFIX}_3` },
+        { key: `${ITEM_KEY_PREFIX}_4` },
+      ],
+    ],
+    [
+      3,
+      5,
+      [
+        { key: `${ITEM_KEY_PREFIX}_3` },
+        { key: `${ITEM_KEY_PREFIX}_4` },
+        { key: `${ITEM_KEY_PREFIX}_5` },
+      ],
     ],
-    [3, 5, [{ key: '3' }, { key: '4' }, { key: '5' }]],
   ] as const)(
     'should generate a sequence of string keys for the given range: %s',
     (start, end, expected) => {
@@ -146,21 +161,21 @@ describe('getSize', () => {
   );
 
   it('should return zero if is closed', () => {
-    const table = { isClosed: true, size: 10 } as Table;
+    const table = { isClosed: true, size: 10 } as dh.Table;
     const actual = getSize(table);
     expect(actual).toEqual(0);
   });
 
   it('should return table size if no "isClosed" property exists', () => {
     const size = 10;
-    const table = { size } as TreeTable;
+    const table = { size } as dh.TreeTable;
     const actual = getSize(table);
     expect(actual).toEqual(size);
   });
 
   it('should return table size if is open', () => {
     const size = 10;
-    const table = { isClosed: false, size } as Table;
+    const table = { isClosed: false, size } as dh.Table;
     const actual = getSize(table);
     expect(actual).toEqual(size);
   });
@@ -168,14 +183,14 @@ describe('getSize', () => {
 
 describe('isClosed', () => {
   it('should return false if "isClosed property does not exist', () => {
-    const table = {} as Table;
+    const table = {} as dh.Table;
     expect(isClosed(table)).toStrictEqual(false);
   });
 
   it.each([false, true])(
     'should return value of "isClosed" if property exists: %s',
     value => {
-      const table = { isClosed: value } as Table;
+      const table = { isClosed: value } as dh.Table;
       expect(isClosed(table)).toStrictEqual(value);
     }
   );
diff --git a/packages/jsapi-utils/src/ViewportDataUtils.ts b/packages/jsapi-utils/src/ViewportDataUtils.ts
index d3a9431863..1dec68d626 100644
--- a/packages/jsapi-utils/src/ViewportDataUtils.ts
+++ b/packages/jsapi-utils/src/ViewportDataUtils.ts
@@ -16,6 +16,19 @@ export type ViewportRow = dh.Row & { offsetInSnapshot: number };
 
 const log = Log.module('ViewportDataUtils');
 
+export const ITEM_KEY_PREFIX = 'DH_ITEM_KEY';
+
+/**
+ * Create a key for a given index. The prefix is necessary to avoid collisions
+ * with property values in the `item` property that may be used as keys once
+ * the item is loaded and rendered.
+ * @param index Index to create a key for.
+ * @returns A unique key for the given index.
+ */
+export function createItemKey(index: number): string {
+  return `${ITEM_KEY_PREFIX}_${index}`;
+}
+
 /**
  * Create a unique string key for a row based on its ordinal position in its
  * source table. This is calculated based on it's offset in the viewport
@@ -28,7 +41,7 @@ export function createKeyFromOffsetRow(
   row: ViewportRow,
   offset: number
 ): string {
-  return String(row.offsetInSnapshot + offset);
+  return createItemKey(row.offsetInSnapshot + offset);
 }
 
 /**
@@ -97,7 +110,7 @@ export function* generateEmptyKeyedItems<T>(
 ): Generator<KeyedItem<T>, void, unknown> {
   // eslint-disable-next-line no-plusplus
   for (let i = start; i <= end; ++i) {
-    yield { key: String(i) };
+    yield { key: createItemKey(i) };
   }
 }
 

From 5a3d85204c794e1122234ce34cb411417e97a94b Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Wed, 20 Mar 2024 16:22:30 -0500
Subject: [PATCH 07/40] Scroll area utils (#1858)

---
 .../react-hooks/src/SpectrumUtils.test.ts     | 116 ++++++++++--------
 packages/react-hooks/src/SpectrumUtils.ts     |  30 ++++-
 2 files changed, 91 insertions(+), 55 deletions(-)

diff --git a/packages/react-hooks/src/SpectrumUtils.test.ts b/packages/react-hooks/src/SpectrumUtils.test.ts
index e382643eee..aadc8d1643 100644
--- a/packages/react-hooks/src/SpectrumUtils.test.ts
+++ b/packages/react-hooks/src/SpectrumUtils.test.ts
@@ -4,6 +4,8 @@ import {
   extractSpectrumHTMLElement,
   extractSpectrumLastChildHTMLElement,
   findSpectrumComboBoxScrollArea,
+  findSpectrumPickerScrollArea,
+  findSpectrumPopoverScrollArea,
   identityExtractHTMLElement,
   ReactSpectrumComponent,
 } from './SpectrumUtils';
@@ -81,64 +83,74 @@ describe('extractSpectrumLastChildHTMLElement', () => {
   });
 });
 
-describe('findSpectrumComboBoxScrollArea', () => {
-  let el: {
-    component: HTMLDivElement;
-    input: HTMLInputElement;
-    popup: HTMLDivElement;
-  };
-
-  beforeEach(() => {
-    el = {
-      component: document.createElement('div'),
-      input: document.createElement('input'),
-      popup: document.createElement('div'),
+describe.each([
+  // General popover function
+  ['i', findSpectrumPopoverScrollArea],
+  ['span', findSpectrumPopoverScrollArea],
+  // Specific consumer functions
+  ['input', findSpectrumComboBoxScrollArea],
+  ['button', findSpectrumPickerScrollArea],
+] as const)(
+  'findSpectrumPopoverScrollArea: %s, %s',
+  (triggerElementType, findPopoverScrollArea) => {
+    let el: {
+      component: HTMLDivElement;
+      trigger: HTMLElement;
+      popup: HTMLDivElement;
     };
 
-    el.popup.id = 'popup.id';
-    el.input.setAttribute('aria-controls', el.popup.id);
-  });
-
-  afterEach(() => {
-    document.body.replaceChildren();
-  });
-
-  it.each([
-    [0, 0, 0, false],
-    [0, 0, 1, false],
-    [0, 1, 0, false],
-    [0, 1, 1, false],
-    [1, 0, 0, false],
-    [1, 0, 1, false],
-    [1, 1, 0, false],
-    [1, 1, 1, true],
-  ])(
-    'should find `aria-controls` element of input',
-    (hasRef, hasInput, hasPopup, shouldFind) => {
-      const ref = hasRef
-        ? createMockProxy<ReactSpectrumComponent>({
-            UNSAFE_getDOMNode: () => el.component,
-          })
-        : null;
-
-      if (hasInput) {
-        el.component.appendChild(el.input);
-      }
+    beforeEach(() => {
+      el = {
+        component: document.createElement('div'),
+        trigger: document.createElement(triggerElementType),
+        popup: document.createElement('div'),
+      };
 
-      if (hasPopup) {
-        document.body.appendChild(el.popup);
-      }
+      el.popup.id = 'popup.id';
+      el.trigger.setAttribute('aria-controls', el.popup.id);
+    });
 
-      const actual = findSpectrumComboBoxScrollArea(ref);
+    afterEach(() => {
+      document.body.replaceChildren();
+    });
 
-      if (shouldFind) {
-        expect(actual).toBe(el.popup);
-      } else {
-        expect(actual).toBeNull();
+    it.each([
+      [0, 0, 0, false],
+      [0, 0, 1, false],
+      [0, 1, 0, false],
+      [0, 1, 1, false],
+      [1, 0, 0, false],
+      [1, 0, 1, false],
+      [1, 1, 0, false],
+      [1, 1, 1, true],
+    ])(
+      'should find `aria-controls` element of trigger element',
+      (hasRef, hasTrigger, hasPopup, shouldFind) => {
+        const ref = hasRef
+          ? createMockProxy<ReactSpectrumComponent>({
+              UNSAFE_getDOMNode: () => el.component,
+            })
+          : null;
+
+        if (hasTrigger) {
+          el.component.appendChild(el.trigger);
+        }
+
+        if (hasPopup) {
+          document.body.appendChild(el.popup);
+        }
+
+        const actual = findPopoverScrollArea(ref, triggerElementType);
+
+        if (shouldFind) {
+          expect(actual).toBe(el.popup);
+        } else {
+          expect(actual).toBeNull();
+        }
       }
-    }
-  );
-});
+    );
+  }
+);
 
 describe('identityExtractHTMLElement', () => {
   it.each([null, createMockProxy<Element>()])(
diff --git a/packages/react-hooks/src/SpectrumUtils.ts b/packages/react-hooks/src/SpectrumUtils.ts
index ae7a8ae233..475d678ef8 100644
--- a/packages/react-hooks/src/SpectrumUtils.ts
+++ b/packages/react-hooks/src/SpectrumUtils.ts
@@ -48,14 +48,38 @@ export function extractSpectrumLastChildHTMLElement(
 
 /**
  * Find the popover associated with a given Spectrum ComboBox ref.
- * @param ref
+ * @param ref The ref to the Spectrum ComboBox component
  */
 export function findSpectrumComboBoxScrollArea(
   ref: ReactSpectrumComponent | null
+): HTMLElement | null {
+  return findSpectrumPopoverScrollArea(ref, 'input');
+}
+
+/**
+ * Find the popover associated with a given Spectrum Picker ref.
+ * @param ref The ref to the Spectrum Picker component
+ */
+export function findSpectrumPickerScrollArea(
+  ref: ReactSpectrumComponent | null
+): HTMLElement | null {
+  return findSpectrumPopoverScrollArea(ref, 'button');
+}
+
+/**
+ * Find the popover associated with a given Spectrum component ref.
+ * @param ref The ref to the Spectrum component
+ * @param triggerElementType The type of element that triggers the popover
+ */
+export function findSpectrumPopoverScrollArea<
+  K extends keyof HTMLElementTagNameMap,
+>(
+  ref: ReactSpectrumComponent | null,
+  triggerElementType: K
 ): HTMLElement | null {
   const maybeHTMLElement = ref?.UNSAFE_getDOMNode();
-  const input = maybeHTMLElement?.querySelector('input');
-  const popupId = input?.getAttribute('aria-controls');
+  const trigger = maybeHTMLElement?.querySelector(triggerElementType);
+  const popupId = trigger?.getAttribute('aria-controls');
 
   const scrollArea = popupId == null ? null : document.getElementById(popupId);
 

From f37d2f221d4a8c1229d5a17a708ecf6ff0d64e9f Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Wed, 20 Mar 2024 16:30:18 -0500
Subject: [PATCH 08/40] Windowed scrolling (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx | 59 ++++++++++++++-----
 1 file changed, 43 insertions(+), 16 deletions(-)

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index b816018731..26360b6dbb 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -1,6 +1,11 @@
 import { Key, ReactNode, useCallback, useMemo } from 'react';
+import { DOMRef } from '@react-types/shared';
 import { Flex, Picker as SpectrumPicker, Text } from '@adobe/react-spectrum';
-import { isElementOfType } from '@deephaven/react-hooks';
+import {
+  findSpectrumPickerScrollArea,
+  isElementOfType,
+  usePopoverOnScrollRef,
+} from '@deephaven/react-hooks';
 import cl from 'classnames';
 import { Tooltip } from '../../popper';
 import {
@@ -34,6 +39,10 @@ export type PickerProps = {
    * components.
    */
   onChange?: (key: PickerItemKey) => void;
+
+  /** Handler that is called when the popover is scrolled. */
+  onScroll?: (event: Event) => void;
+
   /**
    * Handler that is called when the selection changes.
    * @deprecated Use `onChange` instead
@@ -73,6 +82,10 @@ function createTooltipContent(content: ReactNode) {
   return content;
 }
 
+function noOp(): void {
+  // No-op
+}
+
 /**
  * Picker component for selecting items from a list of items. Items can be
  * provided via the `items` prop or as children. Each item can be a string,
@@ -86,6 +99,8 @@ export function Picker({
   defaultSelectedKey,
   selectedKey,
   onChange,
+  onOpenChange,
+  onScroll = noOp,
   onSelectionChange,
   // eslint-disable-next-line camelcase
   UNSAFE_className,
@@ -107,6 +122,8 @@ export function Picker({
       // Fallback to the top-level `key` if the `item` is not yet available.
       const key = normalizedItem.item?.key ?? normalizedItem.key;
       const { item } = normalizedItem;
+      const content = item?.content ?? '';
+      const textValue = item?.textValue ?? '';
 
       return (
         // The `textValue` prop gets used to provide the content of `<option>`
@@ -115,32 +132,42 @@ export function Picker({
         // 'Empty' value so that they are not empty strings.
         <Item
           key={key as Key}
-          textValue={
-            item?.textValue === '' || item?.textValue == null
-              ? 'Empty'
-              : item.textValue
-          }
+          textValue={textValue === '' ? 'Empty' : textValue}
         >
-          {item?.content == null ? null : (
-            <>
-              <PickerItemContent>{item.content}</PickerItemContent>
-              {tooltipOptions == null || item.content === '' ? null : (
-                <Tooltip options={tooltipOptions}>
-                  {createTooltipContent(item.content)}
-                </Tooltip>
-              )}
-            </>
-          )}
+          <>
+            <PickerItemContent>{content}</PickerItemContent>
+            {tooltipOptions == null || content === '' ? null : (
+              <Tooltip options={tooltipOptions}>
+                {createTooltipContent(content)}
+              </Tooltip>
+            )}
+          </>
         </Item>
       );
     },
     [tooltipOptions]
   );
 
+  const { ref: scrollRef, onOpenChange: popoverOnOpenChange } =
+    usePopoverOnScrollRef(findSpectrumPickerScrollArea, onScroll);
+
+  const onOpenChangeInternal = useCallback(
+    (isOpen: boolean): void => {
+      // Attach scroll event handling
+      popoverOnOpenChange(isOpen);
+
+      onOpenChange?.(isOpen);
+    },
+    [onOpenChange, popoverOnOpenChange]
+  );
+
   return (
     <SpectrumPicker
       // eslint-disable-next-line react/jsx-props-no-spreading
       {...spectrumPickerProps}
+      // The `ref` prop type defined by React Spectrum is incorrect here
+      ref={scrollRef as unknown as DOMRef<HTMLDivElement>}
+      onOpenChange={onOpenChangeInternal}
       UNSAFE_className={cl('dh-picker', UNSAFE_className)}
       items={normalizedItems}
       // Type assertions are necessary for `selectedKey`, `defaultSelectedKey`,

From 5ac92e24b989e29f2863f574543b7401f9e2d971 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Thu, 21 Mar 2024 09:25:17 -0500
Subject: [PATCH 09/40] Scroll when popover opens (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx | 28 +++++++-
 packages/react-hooks/src/SpectrumUtils.ts     | 25 ++++++++
 packages/react-hooks/src/index.ts             |  1 +
 .../src/useGetInitialScrollPosition.ts        | 64 +++++++++++++++++++
 .../react-hooks/src/usePopoverOnScrollRef.ts  | 15 ++++-
 packages/utils/src/UIConstants.ts             |  2 +
 6 files changed, 131 insertions(+), 4 deletions(-)
 create mode 100644 packages/react-hooks/src/useGetInitialScrollPosition.ts

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 26360b6dbb..9b5c6c4b27 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -4,8 +4,10 @@ import { Flex, Picker as SpectrumPicker, Text } from '@adobe/react-spectrum';
 import {
   findSpectrumPickerScrollArea,
   isElementOfType,
+  useGetInitialScrollPosition,
   usePopoverOnScrollRef,
 } from '@deephaven/react-hooks';
+import { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
 import cl from 'classnames';
 import { Tooltip } from '../../popper';
 import {
@@ -32,6 +34,8 @@ export type PickerProps = {
   selectedKey?: PickerItemKey | null;
   /** The initial selected key in the collection (uncontrolled). */
   defaultSelectedKey?: PickerItemKey;
+  /** Function to retrieve initial scroll position when opening the picker */
+  getInitialScrollPosition?: () => Promise<number>;
   /**
    * Handler that is called when the selection change.
    * Note that under the hood, this is just an alias for Spectrum's
@@ -98,6 +102,7 @@ export function Picker({
   tooltip = true,
   defaultSelectedKey,
   selectedKey,
+  getInitialScrollPosition,
   onChange,
   onOpenChange,
   onScroll = noOp,
@@ -148,17 +153,36 @@ export function Picker({
     [tooltipOptions]
   );
 
+  const {
+    enableScrollOnOpen,
+    getInitialScrollPosition: getInitialScrollPositionInternal,
+  } = useGetInitialScrollPosition({
+    getInitialScrollPosition,
+    keyedItems: normalizedItems,
+    // TODO: add support for sections and items with descriptions since they
+    // impact the height calculations
+    itemHeight: PICKER_ITEM_HEIGHT,
+    selectedKey,
+    topOffset: PICKER_TOP_OFFSET,
+  });
+
   const { ref: scrollRef, onOpenChange: popoverOnOpenChange } =
-    usePopoverOnScrollRef(findSpectrumPickerScrollArea, onScroll);
+    usePopoverOnScrollRef(
+      findSpectrumPickerScrollArea,
+      onScroll,
+      getInitialScrollPositionInternal
+    );
 
   const onOpenChangeInternal = useCallback(
     (isOpen: boolean): void => {
+      enableScrollOnOpen();
+
       // Attach scroll event handling
       popoverOnOpenChange(isOpen);
 
       onOpenChange?.(isOpen);
     },
-    [onOpenChange, popoverOnOpenChange]
+    [enableScrollOnOpen, onOpenChange, popoverOnOpenChange]
   );
 
   return (
diff --git a/packages/react-hooks/src/SpectrumUtils.ts b/packages/react-hooks/src/SpectrumUtils.ts
index 475d678ef8..1261e4cd34 100644
--- a/packages/react-hooks/src/SpectrumUtils.ts
+++ b/packages/react-hooks/src/SpectrumUtils.ts
@@ -1,4 +1,5 @@
 import type { SpectrumTextFieldProps } from '@adobe/react-spectrum';
+import { KeyedItem } from '@deephaven/utils';
 import type { DOMRefValue } from '@react-types/shared';
 
 export type ReactSpectrumComponent<T extends HTMLElement = HTMLElement> =
@@ -24,6 +25,30 @@ export function createValidationProps(
   };
 }
 
+export async function defaultGetInitialScrollPosition<
+  TKey extends string | number | boolean | undefined,
+>({
+  keyedItems,
+  itemHeight,
+  selectedKey,
+  topOffset,
+}: {
+  keyedItems: KeyedItem<{ key?: TKey }, TKey>[];
+  itemHeight: number;
+  selectedKey: TKey | null | undefined;
+  topOffset: number;
+}): Promise<number> {
+  const i = keyedItems.findIndex(
+    item => item.item?.key === selectedKey || item.key === selectedKey
+  );
+
+  if (i <= 0) {
+    return 0;
+  }
+
+  return itemHeight * i + topOffset;
+}
+
 /**
  * Extract DOM node from React Spectrum component ref.
  * @param ref
diff --git a/packages/react-hooks/src/index.ts b/packages/react-hooks/src/index.ts
index 1555908b88..9dcd767c16 100644
--- a/packages/react-hooks/src/index.ts
+++ b/packages/react-hooks/src/index.ts
@@ -27,6 +27,7 @@ export type {
   UsePromiseFactoryResult,
 } from './usePromiseFactory';
 export * from './useDebouncedValue';
+export * from './useGetInitialScrollPosition';
 export * from './useSetAttributesCallback';
 export * from './useSpectrumDisableSpellcheckRef';
 export * from './useWindowedListData';
diff --git a/packages/react-hooks/src/useGetInitialScrollPosition.ts b/packages/react-hooks/src/useGetInitialScrollPosition.ts
new file mode 100644
index 0000000000..cae609b473
--- /dev/null
+++ b/packages/react-hooks/src/useGetInitialScrollPosition.ts
@@ -0,0 +1,64 @@
+import { useCallback, useRef } from 'react';
+import { KeyedItem } from '@deephaven/utils';
+import { defaultGetInitialScrollPosition } from './SpectrumUtils';
+
+export interface UseGetInitialScrollPositionResult {
+  enableScrollOnOpen: () => void;
+  getInitialScrollPosition: () => Promise<number | null>;
+}
+
+export function useGetInitialScrollPosition<
+  TKey extends string | number | boolean | undefined,
+>({
+  getInitialScrollPosition,
+  keyedItems,
+  itemHeight,
+  selectedKey,
+  topOffset,
+}: {
+  getInitialScrollPosition?: () => Promise<number | null>;
+  keyedItems: KeyedItem<{ key?: TKey }, TKey>[];
+  itemHeight: number;
+  selectedKey: TKey | null | undefined;
+  topOffset: number;
+}): UseGetInitialScrollPositionResult {
+  const isScrollOnOpenEnabledRef = useRef(false);
+
+  const enableScrollOnOpen = useCallback(() => {
+    isScrollOnOpenEnabledRef.current = true;
+  }, []);
+
+  const getInitialScrollPositionInternal = useCallback(async () => {
+    // If scroll on open is disabled, don't scroll
+    if (!isScrollOnOpenEnabledRef.current) {
+      return null;
+    }
+
+    // Disable scroll on open after the first scroll. This protects popovers
+    // for ticking tables from re-scrolling while the popover is open. Consuming
+    // components can call `enableScrollOnOpen` to re-enable scrolling.
+    isScrollOnOpenEnabledRef.current = false;
+
+    return getInitialScrollPosition == null
+      ? defaultGetInitialScrollPosition({
+          keyedItems,
+          itemHeight,
+          selectedKey,
+          topOffset,
+        })
+      : getInitialScrollPosition();
+  }, [
+    getInitialScrollPosition,
+    itemHeight,
+    keyedItems,
+    selectedKey,
+    topOffset,
+  ]);
+
+  return {
+    enableScrollOnOpen,
+    getInitialScrollPosition: getInitialScrollPositionInternal,
+  };
+}
+
+export default useGetInitialScrollPosition;
diff --git a/packages/react-hooks/src/usePopoverOnScrollRef.ts b/packages/react-hooks/src/usePopoverOnScrollRef.ts
index 31b41c026c..9026c62b09 100644
--- a/packages/react-hooks/src/usePopoverOnScrollRef.ts
+++ b/packages/react-hooks/src/usePopoverOnScrollRef.ts
@@ -19,7 +19,7 @@ export interface UsePopoverOnScrollRefResult<T> {
 export function usePopoverOnScrollRef<T>(
   findScrollArea: (ref: T | null) => HTMLElement | null,
   onScroll: (event: Event) => void,
-  getInitialScrollPosition?: () => Promise<number>
+  getInitialScrollPosition?: () => Promise<number | null>
 ): UsePopoverOnScrollRefResult<T> {
   const ref = useRef<T>(null);
   const [scrollAreaEl, setScrollAreaEl] = useState<HTMLElement | null>(null);
@@ -31,6 +31,11 @@ export function usePopoverOnScrollRef<T>(
 
     const position = await getInitialScrollPosition();
 
+    // If the position is null, don't scroll
+    if (position == null) {
+      return;
+    }
+
     scrollAreaEl.scroll(0, position);
   }, [getInitialScrollPosition, scrollAreaEl]);
 
@@ -44,15 +49,21 @@ export function usePopoverOnScrollRef<T>(
     };
   }, [onScroll, scrollAreaEl, scrollToInitialPosition]);
 
+  const scrollTimeoutRef = useRef<number>();
+
   // Popovers for picker components only exist when the popover opens, so we
   // have to wait to attach scroll listeners
   const onOpenChange = useCallback(
     (isOpen: boolean) => {
+      window.clearTimeout(scrollTimeoutRef.current);
+
       if (isOpen) {
         // setTimeout is necessary for popover to be available
-        setTimeout(() => {
+        scrollTimeoutRef.current = window.setTimeout(() => {
           setScrollAreaEl(findScrollArea(ref.current));
         }, 0);
+      } else {
+        setScrollAreaEl(null);
       }
     },
     [findScrollArea]
diff --git a/packages/utils/src/UIConstants.ts b/packages/utils/src/UIConstants.ts
index 8483a1b5d3..cf18a264cc 100644
--- a/packages/utils/src/UIConstants.ts
+++ b/packages/utils/src/UIConstants.ts
@@ -2,6 +2,8 @@ export const ACTION_ICON_HEIGHT = 24;
 export const COMBO_BOX_ITEM_HEIGHT = 32;
 export const COMBO_BOX_TOP_OFFSET = 4;
 export const LIST_VIEW_ROW_HEIGHT = 32;
+export const PICKER_ITEM_HEIGHT = 32;
+export const PICKER_TOP_OFFSET = 4;
 export const TABLE_ROW_HEIGHT = 33;
 export const SCROLL_DEBOUNCE_MS = 150;
 export const SEARCH_DEBOUNCE_MS = 200;

From e063389b676dab322155683906e1a626d43996e8 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Thu, 21 Mar 2024 09:36:15 -0500
Subject: [PATCH 10/40] Simplified scroll to position (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx | 32 +++++-----
 packages/react-hooks/src/index.ts             |  1 -
 .../src/useGetInitialScrollPosition.ts        | 64 -------------------
 .../react-hooks/src/usePopoverOnScrollRef.ts  | 10 ++-
 4 files changed, 25 insertions(+), 82 deletions(-)
 delete mode 100644 packages/react-hooks/src/useGetInitialScrollPosition.ts

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 9b5c6c4b27..4485953c59 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -2,9 +2,9 @@ import { Key, ReactNode, useCallback, useMemo } from 'react';
 import { DOMRef } from '@react-types/shared';
 import { Flex, Picker as SpectrumPicker, Text } from '@adobe/react-spectrum';
 import {
+  defaultGetInitialScrollPosition,
   findSpectrumPickerScrollArea,
   isElementOfType,
-  useGetInitialScrollPosition,
   usePopoverOnScrollRef,
 } from '@deephaven/react-hooks';
 import { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
@@ -153,18 +153,20 @@ export function Picker({
     [tooltipOptions]
   );
 
-  const {
-    enableScrollOnOpen,
-    getInitialScrollPosition: getInitialScrollPositionInternal,
-  } = useGetInitialScrollPosition({
-    getInitialScrollPosition,
-    keyedItems: normalizedItems,
-    // TODO: add support for sections and items with descriptions since they
-    // impact the height calculations
-    itemHeight: PICKER_ITEM_HEIGHT,
-    selectedKey,
-    topOffset: PICKER_TOP_OFFSET,
-  });
+  const getInitialScrollPositionInternal = useCallback(
+    () =>
+      getInitialScrollPosition == null
+        ? defaultGetInitialScrollPosition({
+            keyedItems: normalizedItems,
+            // TODO: add support for sections and items with descriptions since they
+            // impact the height calculations
+            itemHeight: PICKER_ITEM_HEIGHT,
+            selectedKey,
+            topOffset: PICKER_TOP_OFFSET,
+          })
+        : getInitialScrollPosition(),
+    [getInitialScrollPosition, normalizedItems, selectedKey]
+  );
 
   const { ref: scrollRef, onOpenChange: popoverOnOpenChange } =
     usePopoverOnScrollRef(
@@ -175,14 +177,12 @@ export function Picker({
 
   const onOpenChangeInternal = useCallback(
     (isOpen: boolean): void => {
-      enableScrollOnOpen();
-
       // Attach scroll event handling
       popoverOnOpenChange(isOpen);
 
       onOpenChange?.(isOpen);
     },
-    [enableScrollOnOpen, onOpenChange, popoverOnOpenChange]
+    [onOpenChange, popoverOnOpenChange]
   );
 
   return (
diff --git a/packages/react-hooks/src/index.ts b/packages/react-hooks/src/index.ts
index 9dcd767c16..1555908b88 100644
--- a/packages/react-hooks/src/index.ts
+++ b/packages/react-hooks/src/index.ts
@@ -27,7 +27,6 @@ export type {
   UsePromiseFactoryResult,
 } from './usePromiseFactory';
 export * from './useDebouncedValue';
-export * from './useGetInitialScrollPosition';
 export * from './useSetAttributesCallback';
 export * from './useSpectrumDisableSpellcheckRef';
 export * from './useWindowedListData';
diff --git a/packages/react-hooks/src/useGetInitialScrollPosition.ts b/packages/react-hooks/src/useGetInitialScrollPosition.ts
deleted file mode 100644
index cae609b473..0000000000
--- a/packages/react-hooks/src/useGetInitialScrollPosition.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { useCallback, useRef } from 'react';
-import { KeyedItem } from '@deephaven/utils';
-import { defaultGetInitialScrollPosition } from './SpectrumUtils';
-
-export interface UseGetInitialScrollPositionResult {
-  enableScrollOnOpen: () => void;
-  getInitialScrollPosition: () => Promise<number | null>;
-}
-
-export function useGetInitialScrollPosition<
-  TKey extends string | number | boolean | undefined,
->({
-  getInitialScrollPosition,
-  keyedItems,
-  itemHeight,
-  selectedKey,
-  topOffset,
-}: {
-  getInitialScrollPosition?: () => Promise<number | null>;
-  keyedItems: KeyedItem<{ key?: TKey }, TKey>[];
-  itemHeight: number;
-  selectedKey: TKey | null | undefined;
-  topOffset: number;
-}): UseGetInitialScrollPositionResult {
-  const isScrollOnOpenEnabledRef = useRef(false);
-
-  const enableScrollOnOpen = useCallback(() => {
-    isScrollOnOpenEnabledRef.current = true;
-  }, []);
-
-  const getInitialScrollPositionInternal = useCallback(async () => {
-    // If scroll on open is disabled, don't scroll
-    if (!isScrollOnOpenEnabledRef.current) {
-      return null;
-    }
-
-    // Disable scroll on open after the first scroll. This protects popovers
-    // for ticking tables from re-scrolling while the popover is open. Consuming
-    // components can call `enableScrollOnOpen` to re-enable scrolling.
-    isScrollOnOpenEnabledRef.current = false;
-
-    return getInitialScrollPosition == null
-      ? defaultGetInitialScrollPosition({
-          keyedItems,
-          itemHeight,
-          selectedKey,
-          topOffset,
-        })
-      : getInitialScrollPosition();
-  }, [
-    getInitialScrollPosition,
-    itemHeight,
-    keyedItems,
-    selectedKey,
-    topOffset,
-  ]);
-
-  return {
-    enableScrollOnOpen,
-    getInitialScrollPosition: getInitialScrollPositionInternal,
-  };
-}
-
-export default useGetInitialScrollPosition;
diff --git a/packages/react-hooks/src/usePopoverOnScrollRef.ts b/packages/react-hooks/src/usePopoverOnScrollRef.ts
index 9026c62b09..a805fabb21 100644
--- a/packages/react-hooks/src/usePopoverOnScrollRef.ts
+++ b/packages/react-hooks/src/usePopoverOnScrollRef.ts
@@ -22,6 +22,7 @@ export function usePopoverOnScrollRef<T>(
   getInitialScrollPosition?: () => Promise<number | null>
 ): UsePopoverOnScrollRefResult<T> {
   const ref = useRef<T>(null);
+  const isScrollOnOpenEnabledRef = useRef(false);
   const [scrollAreaEl, setScrollAreaEl] = useState<HTMLElement | null>(null);
 
   const scrollToInitialPosition = useCallback(async () => {
@@ -42,7 +43,12 @@ export function usePopoverOnScrollRef<T>(
   useEffect(() => {
     scrollAreaEl?.addEventListener('scroll', onScroll);
 
-    scrollToInitialPosition();
+    // Ticking tables can cause this effect to fire multiple times while the
+    // popover is still open. This check ensures that we only scroll 1x.
+    if (isScrollOnOpenEnabledRef.current) {
+      scrollToInitialPosition();
+      isScrollOnOpenEnabledRef.current = false;
+    }
 
     return () => {
       scrollAreaEl?.removeEventListener('scroll', onScroll);
@@ -58,6 +64,8 @@ export function usePopoverOnScrollRef<T>(
       window.clearTimeout(scrollTimeoutRef.current);
 
       if (isOpen) {
+        isScrollOnOpenEnabledRef.current = true;
+
         // setTimeout is necessary for popover to be available
         scrollTimeoutRef.current = window.setTimeout(() => {
           setScrollAreaEl(findScrollArea(ref.current));

From 69afe6024b7d34892e421ccae4a4c8d1a3d1b012 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Thu, 21 Mar 2024 10:07:19 -0500
Subject: [PATCH 11/40] JS api Picker component (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx |  2 +-
 packages/jsapi-components/src/index.ts        |  1 +
 .../src/spectrum/Picker/Picker.tsx            | 49 ++++++++++++++++
 .../src/spectrum/Picker/index.ts              |  1 +
 .../Picker/usePickerItemRowDeserializer.ts    | 57 +++++++++++++++++++
 .../jsapi-components/src/spectrum/index.ts    |  1 +
 6 files changed, 110 insertions(+), 1 deletion(-)
 create mode 100644 packages/jsapi-components/src/spectrum/Picker/Picker.tsx
 create mode 100644 packages/jsapi-components/src/spectrum/Picker/index.ts
 create mode 100644 packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
 create mode 100644 packages/jsapi-components/src/spectrum/index.ts

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 4485953c59..48e1de1c2d 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -158,7 +158,7 @@ export function Picker({
       getInitialScrollPosition == null
         ? defaultGetInitialScrollPosition({
             keyedItems: normalizedItems,
-            // TODO: add support for sections and items with descriptions since they
+            // TODO: #1890 add support for sections and items with descriptions since they
             // impact the height calculations
             itemHeight: PICKER_ITEM_HEIGHT,
             selectedKey,
diff --git a/packages/jsapi-components/src/index.ts b/packages/jsapi-components/src/index.ts
index 27b3769e57..2c519d75a6 100644
--- a/packages/jsapi-components/src/index.ts
+++ b/packages/jsapi-components/src/index.ts
@@ -2,6 +2,7 @@ export * from './HookTestUtils';
 export { default as TableInput } from './TableInput';
 export * from './RefreshTokenBootstrap';
 export * from './RefreshTokenUtils';
+export * from './spectrum';
 export * from './TableDropdown';
 export { default as useBroadcastChannel } from './useBroadcastChannel';
 export { default as useBroadcastLoginListener } from './useBroadcastLoginListener';
diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
new file mode 100644
index 0000000000..9b98f77ecc
--- /dev/null
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -0,0 +1,49 @@
+import {
+  NormalizedPickerItemData,
+  Picker as PickerBase,
+  PickerProps as PickerPropsBase,
+} from '@deephaven/components';
+import { dh } from '@deephaven/jsapi-types';
+import { PICKER_ITEM_HEIGHT } from '@deephaven/utils';
+import { useViewportData } from '../../useViewportData';
+import usePickerItemRowDeserializer from './usePickerItemRowDeserializer';
+
+export interface PickerProps extends PickerPropsBase {
+  table: dh.Table;
+  /* The column of values to use as item keys. Defaults to the first column. */
+  keyColumn?: string;
+  /* The column of values to display as primary text. Defaults to the `keyColumn` value. */
+  labelColumn?: string;
+}
+
+export function Picker({
+  table,
+  keyColumn: keyColumnName,
+  labelColumn: labelColumnName,
+  ...props
+}: PickerProps): JSX.Element {
+  const deserializeRow = usePickerItemRowDeserializer({
+    table,
+    keyColumnName,
+    labelColumnName,
+  });
+
+  const { viewportData, onScroll } = useViewportData<
+    NormalizedPickerItemData,
+    dh.Table
+  >({
+    reuseItemsOnTableResize: true,
+    table,
+    itemHeight: PICKER_ITEM_HEIGHT,
+    deserializeRow,
+  });
+
+  return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    <PickerBase {...props} onScroll={onScroll}>
+      {viewportData.items}
+    </PickerBase>
+  );
+}
+
+export default Picker;
diff --git a/packages/jsapi-components/src/spectrum/Picker/index.ts b/packages/jsapi-components/src/spectrum/Picker/index.ts
new file mode 100644
index 0000000000..c434d5d810
--- /dev/null
+++ b/packages/jsapi-components/src/spectrum/Picker/index.ts
@@ -0,0 +1 @@
+export * from './Picker';
diff --git a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
new file mode 100644
index 0000000000..77b31dc647
--- /dev/null
+++ b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
@@ -0,0 +1,57 @@
+import { useCallback, useMemo } from 'react';
+import { NormalizedPickerItemData } from '@deephaven/components';
+import { dh } from '@deephaven/jsapi-types';
+
+function formatValue(value: unknown): string | number | boolean {
+  if (
+    typeof value === 'string' ||
+    typeof value === 'number' ||
+    typeof value === 'boolean'
+  ) {
+    return value;
+  }
+
+  // TODO: #1889 Add better support for different data types.
+  return String(value);
+}
+
+export function usePickerItemRowDeserializer({
+  table,
+  keyColumnName,
+  labelColumnName,
+}: {
+  table: dh.Table;
+  keyColumnName?: string;
+  labelColumnName?: string;
+}): (row: dh.Row) => NormalizedPickerItemData {
+  const keyColumn = useMemo(
+    () =>
+      table.findColumn(
+        keyColumnName == null ? table.columns[0].name : keyColumnName
+      ),
+    [keyColumnName, table]
+  );
+
+  const labelColumn = useMemo(
+    () =>
+      labelColumnName == null ? keyColumn : table.findColumn(labelColumnName),
+    [keyColumn, labelColumnName, table]
+  );
+
+  const deserializeRow = useCallback(
+    (row: dh.Row): NormalizedPickerItemData => {
+      const key = formatValue(row.get(keyColumn));
+      const content = formatValue(row.get(labelColumn));
+
+      return {
+        key,
+        content,
+      };
+    },
+    [keyColumn, labelColumn]
+  );
+
+  return deserializeRow;
+}
+
+export default usePickerItemRowDeserializer;
diff --git a/packages/jsapi-components/src/spectrum/index.ts b/packages/jsapi-components/src/spectrum/index.ts
new file mode 100644
index 0000000000..c434d5d810
--- /dev/null
+++ b/packages/jsapi-components/src/spectrum/index.ts
@@ -0,0 +1 @@
+export * from './Picker';

From d668beb02f920a15645b85f10eacb6673b44508d Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Thu, 21 Mar 2024 14:14:14 -0500
Subject: [PATCH 12/40] Fixed a bug with selectedKey types always being strings
 (#1858)

---
 .../code-studio/src/styleguide/Pickers.tsx    | 30 ++++++++++--
 .../components/src/spectrum/picker/Picker.tsx | 46 +++++++++++++------
 .../src/spectrum/picker/PickerUtils.ts        | 29 ++++++++++--
 packages/jsapi-utils/src/ViewportDataUtils.ts |  4 +-
 packages/utils/src/UIConstants.ts             |  1 +
 5 files changed, 86 insertions(+), 24 deletions(-)

diff --git a/packages/code-studio/src/styleguide/Pickers.tsx b/packages/code-studio/src/styleguide/Pickers.tsx
index e347c6bd8c..55438ec037 100644
--- a/packages/code-studio/src/styleguide/Pickers.tsx
+++ b/packages/code-studio/src/styleguide/Pickers.tsx
@@ -1,10 +1,18 @@
-import React from 'react';
-import { Item, Picker, Section } from '@deephaven/components';
+import React, { useCallback, useState } from 'react';
+import { Picker, PickerItemKey, Section } from '@deephaven/components';
 import { vsPerson } from '@deephaven/icons';
-import { Flex, Icon, Text } from '@adobe/react-spectrum';
+import { Flex, Icon, Item, Text } from '@adobe/react-spectrum';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { sampleSectionIdAndClasses } from './utils';
 
+// Generate enough items to require scrolling
+const items = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'
+  .split('')
+  .map((key, i) => ({
+    key,
+    item: { key: (i + 1) * 100, content: `${key}${key}${key}` },
+  }));
+
 function PersonIcon(): JSX.Element {
   return (
     <Icon>
@@ -14,6 +22,12 @@ function PersonIcon(): JSX.Element {
 }
 
 export function Pickers(): JSX.Element {
+  const [selectedKey, setSelectedKey] = useState<PickerItemKey>();
+
+  const onChange = useCallback((key: PickerItemKey): void => {
+    setSelectedKey(key);
+  }, []);
+
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
     <div {...sampleSectionIdAndClasses('pickers')}>
@@ -24,7 +38,7 @@ export function Pickers(): JSX.Element {
           <Item>Aaa</Item>
         </Picker>
 
-        <Picker label="Mixed Children Types" tooltip>
+        <Picker label="Mixed Children Types" defaultSelectedKey={999} tooltip>
           {/* eslint-disable react/jsx-curly-brace-presence */}
           {'String 1'}
           {'String 2'}
@@ -76,6 +90,14 @@ export function Pickers(): JSX.Element {
             </Item>
           </Section>
         </Picker>
+
+        <Picker
+          label="Controlled"
+          selectedKey={selectedKey}
+          onChange={onChange}
+        >
+          {items}
+        </Picker>
       </Flex>
     </div>
   );
diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 48e1de1c2d..2a1ebf9c82 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -11,14 +11,15 @@ import { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
 import cl from 'classnames';
 import { Tooltip } from '../../popper';
 import {
+  isNormalizedPickerSection,
   NormalizedSpectrumPickerProps,
   normalizePickerItemList,
   normalizeTooltipOptions,
+  NormalizedPickerItem,
   PickerItemOrSection,
-  PickerItemKey,
   TooltipOptions,
-  NormalizedPickerItem,
-  isNormalizedPickerSection,
+  PickerItemKey,
+  getPickerItemKey,
 } from './PickerUtils';
 import { PickerItemContent } from './PickerItemContent';
 import { Item, Section } from '../shared';
@@ -125,7 +126,7 @@ export function Picker({
     (normalizedItem: NormalizedPickerItem) => {
       // In Windowed data scenarios, the `item` is loaded asynchronously.
       // Fallback to the top-level `key` if the `item` is not yet available.
-      const key = normalizedItem.item?.key ?? normalizedItem.key;
+      const key = getPickerItemKey(normalizedItem);
       const { item } = normalizedItem;
       const content = item?.content ?? '';
       const textValue = item?.textValue ?? '';
@@ -136,6 +137,13 @@ export function Picker({
         // but are used for accessibility purposes, so we set to an arbitrary
         // 'Empty' value so that they are not empty strings.
         <Item
+          // Note that setting the `key` prop explicitly on `Item` elements
+          // causes the picker to expect `selectedKey` and `defaultSelectedKey`
+          // to be strings. It also passes the stringified value of the key to
+          // `onSelectionChange` handlers` regardless of the actual type of the
+          // key. We can't really get around setting in order to support Windowed
+          // data, so we'll need to do some manual conversion of keys to strings
+          // in other places of this component.
           key={key as Key}
           textValue={textValue === '' ? 'Empty' : textValue}
         >
@@ -185,6 +193,20 @@ export function Picker({
     [onOpenChange, popoverOnOpenChange]
   );
 
+  const onSelectionChangeInternal = useCallback(
+    (key: PickerItemKey): void => {
+      // The `key` prop will always be a string due to us setting the `Item` key
+      // prop in `renderItem`. We need to convert it back to the original type.
+      const match = normalizedItems.find(
+        item => String(getPickerItemKey(item)) === key
+      );
+      const convertedKey = getPickerItemKey(match) ?? key;
+
+      (onChange ?? onSelectionChange)?.(convertedKey);
+    },
+    [normalizedItems, onChange, onSelectionChange]
+  );
+
   return (
     <SpectrumPicker
       // eslint-disable-next-line react/jsx-props-no-spreading
@@ -194,17 +216,15 @@ export function Picker({
       onOpenChange={onOpenChangeInternal}
       UNSAFE_className={cl('dh-picker', UNSAFE_className)}
       items={normalizedItems}
-      // Type assertions are necessary for `selectedKey`, `defaultSelectedKey`,
-      // and `onSelectionChange` due to Spectrum types not accounting for
-      // `boolean` keys
-      selectedKey={selectedKey as NormalizedSpectrumPickerProps['selectedKey']}
-      defaultSelectedKey={
-        defaultSelectedKey as NormalizedSpectrumPickerProps['defaultSelectedKey']
-      }
+      // Spectrum Picker treats keys as strings if the `key` prop is explicitly
+      // set on `Item` elements. Since we do this in `renderItem`, we need to
+      // ensure that `selectedKey` and `defaultSelectedKey` are strings in order
+      // for selection to work.
+      selectedKey={String(selectedKey)}
+      defaultSelectedKey={String(defaultSelectedKey)}
       // `onChange` is just an alias for `onSelectionChange`
       onSelectionChange={
-        (onChange ??
-          onSelectionChange) as NormalizedSpectrumPickerProps['onSelectionChange']
+        onSelectionChangeInternal as NormalizedSpectrumPickerProps['onSelectionChange']
       }
     >
       {itemOrSection => {
diff --git a/packages/components/src/spectrum/picker/PickerUtils.ts b/packages/components/src/spectrum/picker/PickerUtils.ts
index 28a3eabbf8..a046b86fcc 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.ts
+++ b/packages/components/src/spectrum/picker/PickerUtils.ts
@@ -2,7 +2,7 @@ import { isValidElement, Key, ReactElement, ReactNode } from 'react';
 import { SpectrumPickerProps } from '@adobe/react-spectrum';
 import type { ItemRenderer } from '@react-types/shared';
 import Log from '@deephaven/log';
-import { KeyedItem } from '@deephaven/utils';
+import { ITEM_KEY_PREFIX, KeyedItem } from '@deephaven/utils';
 import { Item, ItemProps, Section, SectionProps } from '../shared';
 import { PopperOptions } from '../../popper';
 
@@ -74,6 +74,26 @@ export type NormalizedSpectrumPickerProps =
 
 export type TooltipOptions = { placement: PopperOptions['placement'] };
 
+/**
+ * Picker uses a normalized item that includes a `key` prop and an optional
+ * `item` prop. This is mostly to support Windowed data where items are created
+ * before their data has been loaded (data gets set in the `item` prop). If
+ * data has loaded, return its `key`. If not, return the top-level `key` on the
+ * normalized item.
+ * @param item The normalized picker item or section
+ * @returns The `key` of the item or section
+ */
+export function getPickerItemKey<
+  TItem extends NormalizedPickerItem | NormalizedPickerSection,
+  TKey extends TItem extends NormalizedPickerItem
+    ? PickerItemKey | undefined
+    : TItem extends NormalizedPickerSection
+    ? Key | undefined
+    : undefined,
+>(item: TItem | null | undefined): TKey {
+  return (item?.item?.key ?? item?.key) as TKey;
+}
+
 /**
  * Determine if a node is a Section element.
  * @param node The node to check
@@ -219,8 +239,9 @@ function normalizePickerItem(
     ) as NormalizedPickerItem[];
 
     return {
-      key,
+      key: `${ITEM_KEY_PREFIX}_${key}`,
       item: {
+        key,
         title,
         items,
       },
@@ -234,8 +255,8 @@ function normalizePickerItem(
   const textValue = normalizeTextValue(itemOrSection);
 
   return {
-    key,
-    item: { content, textValue },
+    key: `${ITEM_KEY_PREFIX}_${key}`,
+    item: { key, content, textValue },
   };
 }
 
diff --git a/packages/jsapi-utils/src/ViewportDataUtils.ts b/packages/jsapi-utils/src/ViewportDataUtils.ts
index 1dec68d626..498b6784d4 100644
--- a/packages/jsapi-utils/src/ViewportDataUtils.ts
+++ b/packages/jsapi-utils/src/ViewportDataUtils.ts
@@ -2,7 +2,7 @@ import type { Key } from 'react';
 import clamp from 'lodash.clamp';
 import type { dh } from '@deephaven/jsapi-types';
 import Log from '@deephaven/log';
-import type { KeyedItem, ValueOf } from '@deephaven/utils';
+import { ITEM_KEY_PREFIX, KeyedItem, ValueOf } from '@deephaven/utils';
 
 export type OnTableUpdatedEvent = CustomEvent<{
   offset: number;
@@ -16,8 +16,6 @@ export type ViewportRow = dh.Row & { offsetInSnapshot: number };
 
 const log = Log.module('ViewportDataUtils');
 
-export const ITEM_KEY_PREFIX = 'DH_ITEM_KEY';
-
 /**
  * Create a key for a given index. The prefix is necessary to avoid collisions
  * with property values in the `item` property that may be used as keys once
diff --git a/packages/utils/src/UIConstants.ts b/packages/utils/src/UIConstants.ts
index cf18a264cc..3be0c189ef 100644
--- a/packages/utils/src/UIConstants.ts
+++ b/packages/utils/src/UIConstants.ts
@@ -1,6 +1,7 @@
 export const ACTION_ICON_HEIGHT = 24;
 export const COMBO_BOX_ITEM_HEIGHT = 32;
 export const COMBO_BOX_TOP_OFFSET = 4;
+export const ITEM_KEY_PREFIX = 'DH_ITEM_KEY';
 export const LIST_VIEW_ROW_HEIGHT = 32;
 export const PICKER_ITEM_HEIGHT = 32;
 export const PICKER_TOP_OFFSET = 4;

From 1a4f98c16f3d45b41c7aaefc89ff7fd3762f280a Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Thu, 21 Mar 2024 14:14:26 -0500
Subject: [PATCH 13/40] Updated e2e snapshots (#1858)

---
 .../pickers-chromium-linux.png                | Bin 8978 -> 9241 bytes
 .../pickers-firefox-linux.png                 | Bin 12833 -> 13411 bytes
 .../pickers-webkit-linux.png                  | Bin 8043 -> 8335 bytes
 3 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/tests/styleguide.spec.ts-snapshots/pickers-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/pickers-chromium-linux.png
index cbe3fbea245a18103befb9993de781e19fc5b8a2..0ad0edc4c8416b8ad4fc61283bc60078eae4a42f 100644
GIT binary patch
literal 9241
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

literal 8978
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

diff --git a/tests/styleguide.spec.ts-snapshots/pickers-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/pickers-firefox-linux.png
index 73cd095a5cca406697d79597d76bb3585548f037..f9c3fcca8ec216ccc2f116caab72d953a521e63f 100644
GIT binary patch
literal 13411
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

literal 12833
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

diff --git a/tests/styleguide.spec.ts-snapshots/pickers-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/pickers-webkit-linux.png
index 0d3fc182acd02572a5f739bd05f17a31e6795544..91bf51257bee41ab1bd7f66a2531de144aaa7baa 100644
GIT binary patch
literal 8335
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

literal 8043
zcmd6MS6EYBw>7@LDjh6<6v1df1p(<DKB82S-mCPcAiaaH1W=GJO`1xtp+kTW1gW9-
zNK+u81d`AKgmyNb@4Gqw#ea34=j=S$dnIdT?KS5fbIp;lK4@#I&{4BdQ&3RQsi{8G
zrJ(rR7-$Dj{so-hE&SyPT&~(YS9wNpe)0N(C`zWF;JT~!Oi|xIYir)|r5<LsXZzT$
z!Fx<s`i8h}|0ixe#!IZ!ywvu6hS#r{*oWVJ&f4$!kMLPdng%+ErZ?4~f8$*$WPKpi
z^6%qM;@PRGNrY8{z#%xnOKf#o)X3BGo<W8F3*fdCZ{-r1yf0m}5*D4H7uT6PY@my)
z?}N111k(z)1Gm{m(}sjTFR5@1p52`t&o^&+=igjd^ol9rBV*a*zL~^GL@;tcPd)Vc
z{Vj_=46%(%F4RasVNQ?fn*4v;;9V}P-_G@6j-?7vspJFYb#q#yk`zz4tY6F3i>~vv
zbr}c~pP_lv+Uf+~o^*)0`CNrrqgJ*w!s~b_iosSFW^pn*X07-%$*0+X&v4bM`eMig
z7GYU2%>u)KQaQPpfT>EoGDjGG7kg4=zdQA*{u%>^wEr*dHhszq+knTf@9*I{lyK8-
zj1Wo5;^2@|wzh>|o%CFi($e%?QW~)7t-0!!yU~9G#&26ckwhSY*#h!^4ryuZQrB~Z
z^QM>oI{!yGPls~*=<ON2O_}3j;8w|+HkY{+zG?b9vO5m764A{3Y>e95I|X4-#zE6o
zDeEPF5OfgLCMCt>48+o5aB*+^u*6`axA(Y6GuyP$;i;386ZV+x5VLycFB#*<sX}?(
zT=L$M_VCP1vz~SaEBCoxt!2k2xAAjrE$)P~7wi)2-sFkS3In;oz2f;<LJJ%oG6r)G
zkEDxX+D(^PjjAu3rUto8l^)@Pwn`1kmazE3@pb$>jf}_14{U7aw>;ai)C=hS!lYE7
z9HXGnR`ezv2-@i9;d=iQ)oZFPzr|tV{_YDC-5UK5Nd@Y4uMdWZ)_Fr&^2wv^02bC5
zXA~*7XJIjVev0<}sYjthkF~TIaPcnn&7LXhDP{UDlZBWOMa6hdIdzfvva+(gyk);y
zM|~pfrG=-+VIkwv?xj;1AAEXEhHeQhC6R%WNSNb()1U8rjl?xTj=P8|QMcFdJ~&xU
z?*5RIsC`>OczEX~ytWmAc)>FsjVU7$=5y22^_w-;eF<$_zt<D{jIJVdf2Ul(9}Z<a
zCUF`!ABH_bWoKoVTZ~kg`C*4M{El+@;^N|B*~He)yBuMyx}gJ2I-QZUS|Tat0))vT
z$1CU5)0LJoA>@x`Wv;~7U(NfLwZ4ihf|lf?sNAOzx3Wpz^Ju2U&?2AgX_sq@O&Qt8
z7kSf;0-42XAMIeuB|0FTB8xRa!|}j0BN!J4vk(E}sYQ7m9dVperMe}1frvpJH@ur3
zGNW9#%*`Ar<g-&ZQ5Hzr_`SZK`010V-N?vVu@mSSB)FqnL7bg7GBHnOqT;|5!<#aO
zRNMa^MQ~rJv&Zfc9y7=IsO2fsRY>r>$hvWz69j!9&(ageDdW4Bp4noyxjeHu$8Zrv
zOL`NllXm2{uuf$<DC5_!UnSffNJAgMYOjCR-GD$BXkLU=ye|9Ld^f|Kw4V<P4sNxz
z;f&>wS1uYa$RSpw@<SPcEUNQWeAM8+n30h15bCrSn78M}0|pOd%PADl)Zn`UJJD#V
z!ESFw;C^orYO|D5l9Eku0F*6Ef|jkO`!1*CFkwOz+7mwaN_-gj)h@h0g>ThlK#$U6
z>4#NGX2L+oc9)}=>!j#yT3eOaAmT5@4Fe1+ZI}3v7kapwTjs2s@d8UEz5zXhd)ki=
z!(CT%Cg@Tam(~)Or`YuhL+8r_^y*Dh26rx8ZVevGVViDohb@Ez6`0&Umh|o3GwF%X
z?hO`j=W@rzR+U%Mr+srC@1CLopSbrCfCsED@il&5c`-i7kFdZ$Xe!|+0fNTFJSRJA
z<w|Ee^i}8eOqE;C3RQ)}atTlva%|l@ELSRMg*b``BAG6lT%^)V1>uvA37SRmK|5f{
zL+pp;2Y&b&CN8dAj5!`(ImND~riPw7jb#S`4FH7|KkLkE11)TpMC3kX&W`i+OiqgB
zu?{pW1lFKu2Qqg%6Q8Qc_>!xJTwx`X8)UkTNq22R?XZFc5d{k?UrZl-cLBZDzsJNO
z3Pb14nCMA(=5v^Yv3v0(J(}YN8=Lg%G5o$t{D_n2(@46Ull@znH-`>=4f_jN&SGjE
zfu|6pSz$O`X;G^--t8{#irw6lwOhLzVczCDNIsWW00w^x0pVh}?H0qY=}fVgAfG*a
zKHK2d7#gL8GUPXHaIyC45Vlvx=)^)OzmBiRamva2>@*?*_Zr&9_jTgklE9eX0>CH~
zt-U)n*P8<|rQcsNLMAHpL{u&pg^7sp@~Tq`+0DF+RZgxs`8nx2MTL_nKbK`o3G#ai
zMEySWp=q5HxvcNPO@9-N{r&v$brM15F7%;QTX0O{=OPmv7MnWS-qh5jcC#>j5PMH4
zI#|pj3$ncjMXapY;h=1>*l>nLEs=giam&6;OikzLXtj67m@{*~T}=}Ab4t)&U<kwp
zB3^Xy__Sy2aWn?C?!VtHvWdH_t?1kB%_PF~{V~12^O$Sl`Wd<vvvnlm8^ZkZ^2f@&
zH>6E?3ZJ3R))e;_-LAIWy|bg9E6zL|L=203Tia~o*8A8H{c_`NG94~t=4;3rqH35N
z;wGLU0#h&1*F1IbjQtG5|Ae~^<3l9eBhxi_Dh$U9T#ITj{nQ}9%XAF*B6OB)0dtf}
z%Fp6B<O6>;CTC}7%lJ`k&T&7nPth!*DZWKK$Uus)9pm09)w@pbz}6NETvzqNvZcJp
z8lR~y%lJ@kPJs3k*4B0bz)@|Rv}WY#KFXE-kc`3r&bZAN`h2cu5itKO6J!||W^i%C
z2t!T@2;{w&<FF6aNwMB)939)#!TxRv^cFLx$I{HUkE=xfQQL&*N9E-oRLRWzN0Z;b
zTW=l;$+a9rhj6%NS9!f`Y}dTQE?T^bTjfhb<>loK=gJ^`b{l9|#zOZKUQkheu!_yB
za<T7fTnuOdmWG7|OP6|SaZ(>pvU~|YYyF1hYcm?dFD4^%K~XBcxL&m12B)O4Jpa>z
z{G)tP&fm^|z5XZf{Qd`NiTYpZUf*6$e^+?{Mv9#j{d(Q{|9oI7>c054N=6iN(YZ+<
z%Xo2Zd3yhXMzrHcDF4rQH?V^;2Al^zuK$Cvs8!H`S$Dd^A9`8zu>Ui^A*moD>q960
zAg#}WOu`p_$~Pz65{xr{hClCdkfHiPi$1UtrUH-}Obx8fJX@E|rnY@`pUoqhZMRCt
z{caAV<|8#vd=z-4j&B}0hg90{_I(4x78|@!R}JPTQ-h|5$}MX^qG<hUQrXv_sp!M=
zMc#|sHTLRHx=!jmHgT)6Lu%a0kG{;aci@*R_G&HLE}3yDTW#E|2^=cr^v<93X7$q+
zxYb_>C;M9YveD%E@T+QCE=ftWM)0mBxu<S3zTzkT@^H8r!;g)#=RB7v+GDi7dR9mf
z!`WgS2TxZ2`RZLyo)oPtBJfbg1RRikOyX1RG~K#*4PgPlN8&aKHIU=)1aj25sI6|k
zrAb9-_}_VGk}taaQbg2qoypF>m(94dSuEpI`m)(&<d~zEc-6+t9tVUr<+={s^6Yc!
z_qbf^w$v1xv~n7F9=cDjndO1LH{h)}9KO|4_lnQxK<prSR_QT=BCt}f+)`hSE?kjW
z#mnA;m@B|{$w)r(U^*-Cu3+#vbr@)^@d(?O#>|Dt3Y>3ul9P2H@2TB=X<wP@Z2iJI
zQOX6aYo;${=xuUDBY&<gAM^(@!?}Vt8Y6I=g@ODQx`CvSr!8)qb28O|pdTd`v$}@x
z)Bw3P6i=Jx(%NVE6e53uxVa)Gzdqfje|;RYd@Xl4<lSnQSwR!o(Fv2v{bS#_-jU|%
zia=gNW}~{Vmg9|cPW(;#mXBm@A)6IQa);O4$I)wradLZi`y9Rrt95uqn;=<5h957C
zma3HX@D&Zp9E>;^h@V@Q)AsdU1trljTaP~A=0-@lnbun@4$8A~Lq{6u$@wR7+q(j!
zOd%1w)otoaZI(Z6j2Z+@eSTF|?O)^Wo2Y0B8*4IE%K)8qe0_~-$R1jLYLITfm+l~=
z)K$8-HojoBOgdaB!0etMOchhXno0}4c--W~=RA3Br7q4PSLRLF4ZUL32wh7Uj7iOk
zQ@zy?C)RTXD0t6OZy`?GWM3M?d{a>V_H{bTo(!wQIWk_PjL18GMKJO<M&=^)uxYRd
z@$5qQnt=x{i*c$?OVeh#1BR{Vzcro<zgjB}5rXY8JkAZ|t#`GpU*EQ>ChrB6O#E11
z1vr7gVNY|~M{m}#N$+6v`%%4k`BCg%qtbWY%7h3DG)A`>&iL&R$JF5$@#FS@e7|G!
z+S>SYEnI(?{(PP{Zei@mK8h1;|EX9biFjf&#WUjfJ--^672gM5bw0Bc_OuR4*NTar
znuUoIo2xMm`@UkUxZTykT=HPyRj%N#27Rybz4hMH*p#HAzv;N-tnrw&_ZlRds8<Sw
zXj#jo@*r(3R9}i>xU#^UC*HE=sAzkcUT!oySID`eE~KQpzxmq!#2pJ}QAwxKwx-Ib
z$A!TTj|Z!<O+fv8-#b7)uI(O{KL4>lucaI;(h&Ay@!q<Gbjwz`3FXrhi->+R%HL}i
zgN*0Xm&4IEnzF2UFiV8fMyx@l&t?5>*Ymh4V+|HR4nfm;kBxfIlp^$P+uBda)Xk3~
zCO0}OjSp;+Yg7x2vYC*C7B^8GjO$250x3it*Jw(*izi<RZ-}g|QKpMWOy@ph9b71N
zgw0qBoePDzrnp%INf`1Q`&!y16b~c=aq|ruoI2j_3yk4T&MG<z>g!!b&EAP=^!%ij
z^vy|60)-9IQfT(xC;EV(_)&COUyVZ-$18kq`fYwAvVMuNZtBV5W?$8xxXBlyTiFc+
z_Ddx<Sh#4#Gw7}x4R7!_4D0K|#f#0s0qANo2WxnUO+agnhMr%&kHKf#L61umUl?^L
zK_97pw@eGpBCPkz+{30qRO6B1q5Z)cx+^9TsLW9MsC#rnvC&csCl5#&tdj*`_^weh
z4<!f+o@UL{g^A&8?fP$s7m3l}Y7++J#Xv@`{Dm_Qq|W`XT2dsX=`z25a;Nq7c%{0U
z)#O&}hi>7(WSA-Fhe%NYw@Nl86CpqW&1C%~hW18Ez>OTM0m%KE6%xY30lv4B-Evg5
z>xteoWiHO|e{yEJ`7zL8ZHA~LM!Vx~+>;nKNtq~p(MXR-dC<sjg&-(v9-MhTKTmhq
z^?$^n{&_Dkl9rr%i`s`O`Rt!<=Qjh1fyuf3q<wKIfD7Kb7k!R&7BXK5`xm-7KG|Ho
zw{CnyL8^K)H#L`*?bE}w`Pl>H{=t$S;9cJ1!b2cmW==So1n^ZlQ%yQL`-v*j>}9n!
z!t$S1G}YDmci=RZqDf;<K?CuzsVj0u>hxP=uzxJ$z5bWHRvO&*a*iIiXf4OjhfmM(
zPye2;>5+(#t<C@-kiZ~>l3hi6uNdne6n4QRQy6C3Bu;<ca8WWY2j$&~$eKG{?wcR_
z{8LXQBy?kDB*9J(kMlPv2-FZkH?t3tAHqwcAvd};7`~}-Ju)%~ZO#Di>hv+Ji!_n0
zUMwRWPq7A#dN5y~7`S9{R`k^Cap9xUl7W`HAZWs;>{2F+Cyu1OM<Ry!rk55D!Za#y
zfI-K|dH1Z0wR}KAlIFzD>VrA-7=R$8p6!2`f2#>QyyfHl$h633mDkNA>{z>hCGxNq
z)Tb*GCINa@tqxn=FjD@m{SYzO9pwN@`sT}1Hs_9~y$J#TV4GMN20yEu3MGa1VV)0{
zn+8_)6=mPCOB#G;p92kkZ-SK?F1!|{=|AB#BibI)gHd@zV^y+BxSQ5mR>xQJe(~r@
zA2u#a)CXs<XP};>QDY2^Sp8Xo4%Vm*kl3(cSQM8eIq51Ecs?|!x4fPKhWgvoHKn{U
zlseAWD2|c4QSNtG9O|s5T7dKM8M9I#&XC0F{|$wnG%eYZpT50NdL=t7F_VQ^(<*!a
zZj3ddtLn>o?MjkrT<lz<!}qvdAsNlZBd59a7TdPw#Qby2u>m5;J7YViv-5qzJkBVe
zHN@knTw#$g_j*KCq8@{<7s1inokj<i_QfJko7Q(1o~p>lQ6oLuUxwZ{LW)tp)i9WQ
z^`04GJn$j!8eO%(gwi@kbeW#JVT%gaa!J8-^2eo}Xd0}$!t26}TA2yuZ;!FSve9bm
zP;HmEyE)Ru8K*r+oX#~#u+uOp7Ss*e+{3#p=WWGcf86GW%*-Tyd*3=06e2^0<8owY
zkPi4e3%;sdSliEo%l6f4VMn1pxjFM~uVHb`J^?<&l1#NikurM3sNWB;#ojkHk(?nX
zp~qS9Z$^ZiT50JX<vC+%TODO9-mX8(Mq;U9Y3jI;x}&3#4I~MD4-B`OBq_>?hDQyB
za&}!3M3i#HyN52P5g6tg&zyEm7XS|0>(!vJlL_BJgp-jvhCI-!bf|`d5I5GxpdF=!
z|7Fpr^zy)yfrTqnd!!yPpShznm6?BY=a{^r)e?N%5YuH77xcz;|HMAPl9@QB$5g`k
zi&Y`4KeDGpKE-dHcy|0DOX~`t*UVwC6OzCH6b~mny<Gk%W4B!XKdhJ<1O;S~ak7+*
z3<|UJuJT&M+djMK`1tsb?<crdH-i+^*gT>6ps*EbXP`X4C^bPC2AuDVGJLy#|9)~(
z5_L1@t-s>p=ojSWExQo!U{?Ui<W-z5Zwi=B3Nn_U;F%^$@h|HKFoPD-a!<9N+ah+9
z3vDOLW@~E;$W%p+qcc6#XbyvK`cz4g93bajF8FgciZ4~kz;qVlKh_yPHgTspLD^K#
z#eekn^%y*3Oo}wWdts*f$E*+IImD?b0OsaKVWgU7uBtu7Cy1`ZXYtSh|0lP<#G5ZO
z`K>S{MV=^*QM9-HkADI~Uaz3)DZJ}A-0=zaTDdCQ&Na2m6u<0uIM}~hF`wxdX>P4b
zgtaAtowu3|tmxT{M<UwA|9dP7|BRLL>l+hNZ^p57VcGI+`@=8ff_&1zkMj6a)C<zm
zjEs%_HEF2X<m&=r9Hj1~tm>v&R~z5EcMk{~O#`^)A~t{v6ux}dVn>1qNE!d$G*lXF
zb6W>y6>2)u8sO#bPWUK3<#b{vYyyaraixji5(8W+16TKolYY)~tM2wo;f63%y|>(G
zrX<7voG(#m|MDE6taqFDoF1BYHH0BNF&nA;W-UHjIXmxc#tYrcO&WK8Sg9CQm~b*`
z>rj53bfLZaR9|0TnVk~!xpmYIaJ5I1!;*Zw^j7_nMT^hT@!TT@hIpkI7J<_c5At6w
zQ|0izgRUMePBc8|_=lQRKwuyx$Yr9u+IG5OW3sH$9C0$U-DyR;=3aZK43jXgcQ~rP
z8D#{s(5ZEJf$LxsbKOKYmT4_60BQr;@1-B0fIu17QN=p7-RRw-J9qAg<nqec-<44{
z#p)&2wL->(bEESwQCPZ3IYB!*I`|AKS1_0qhk(w=ePo8b&(`PttwkK;&E1DihuR>h
zav2>%{FBT<*4Nsr_0l4aAuS%u*!brCIk>GO1k%x5k5i`SDi~j9mvAAk_v99!p99KX
z=t;mCQ0f%?k;@a07VBK68{Q`;GeYvVz23aJEo=8?r0RN}a_rW8QCf1c-sfuAWXRSr
zy0+ofPv)6wRCV41hY*F%=2*kLZQ?^0Q8ww|8Rxy?>hP%0_0`q1Hrm*3K^~rNGE*$;
zi<E3(OHp8`^e5J>Wiih;A}R$0Y<prkg}vV>8gQ$!si6eH{K+K%Fn$%Jg)6T`9Vsjz
z!@_X6nS~)D1um1kk5Jd>*{ZBhxm>5qX&4y7Zl7xNB-4P@KaE62MA+ASZx=)!+IDth
zP=<4~ZE%~T(iT7bhIinwP0sJ%zdbxW`uh5uN%8>JRN^^~0RKBXJCl=>KPub$`!_K{
z$|j2^H%9ZiBNu35<KmLQYG1YUS!JAv?fjXI0#<EH3-duV%#XeO{L0J=YJm7mnm2m~
ztS2oFI_v`Bd%>eu(0^$iHR2-nh>Nz@sdV$x_BWm4PX+2}Z1VRWVgka;Vo=2EikSWs
zFM$z9**~6|a^7>!&`=tqpb$iGh(Z8(?-34^R@*B*wzp%_PDr802T(>!OG_qReaRq_
zIfCrd6U#NeRDngFkuxu*0F8*WuT!kH$uTI^U#NAo`fTAO%9fd{L?RN4O=_`RVXtb=
zjBD)rMn;|_kAk7Z@x!gzmPPX49mB(dLPA2~;^O<pf`YKOZ=+j$w?fIaN|YdT^Q;I)
zw%FWyRe<ZMd1lO!bLC&KhO#N(;xjZ->{$iBpce<J5G<vmF3NG7zwvnd($Wpl;B@7(
z5AWZni#S?dVpbkgH9foQ45p)aIqZ2tZKc{<QIcHL2R2z1_$TbuOz|k03KSVn+04oj
zyfKmCH`{;=J8uIXz-ZR#aTa3-_9|?uSO7|Set?<0Wm>^=3IRRK5Vi-aQMY-FlWj|M
zxd{t!S473=VYd9fUq7+RyHm^*;9Yx*53WsdRSYxLnQmo>IF_SOsr>v#y@WY<<^>K3
zbLia+tv?<BqTTwqBR!YAh8aZW)ePfB<^V29hmZ$=u6LDj`H6MGkTC#>?eg}G*OT~G
zri}P1I5;M*A`~eT(-XkZwb|q4*+xSCf@R*M@j3kG++C17z^VJj+PDfvorbccGD8W>
zF-nxyh?)wpS_+?0oA<hIf5Kp9gQ@$mv*@GqQN8@5^XYPQ<^f?58G0I7-}@p{+$^o}
z^|XMn@D3nI0#I@i1r*O=n^M|-RrsRr;y=##fxkYH1Hu{a$;t*}2ME+8*2`)r8{VW;
z6;)Gay+l!9FF>HBsCzJ5B53Cm3^xfggR2)@x~$;7>x%>CKm&4{Z)Rd;Jvw4J1&++t
z(G^_Z&0EwFrWL;4-j8*E=u{@m&ix{7%`)H>)}{%`04`q7wvCrgnoS{8lk!IoCrb_Z
z27A)N!^45Zk?}s!&Kv#6uF$=Re7CRR7XkT=!7yFl-h*hF#`4I{n>++69u*xOZoDY1
z0ZPhla6j0Xw;kFHaHut@Fl6GxmKc`BupGFYe?JD6+B3JQSGWgX_0p{8BlagpJ{I;D
zf6PHNbIJMkqRP@^Vo;Uyvr)8nz|g~$@ivt>&OIWrckp*0efcmu<j>KTA&zJt4h8+m
zs2xT%lpSx<Rf?)>=-1G;OtIOnE_-bGI+EYi7^!$#ZQJcWU-N>}`pNA`x;uCru4N?*
zNyl+`G|6Yg-|=mH9oS0a5Dj)J(Jgr8_R_+*@KuJ=^Uy7_j$^i_`#frl8`<bK?gD6{
zs5HT}K!R3|Y=)%u*es#Wq#@Y(4RO#}56N#<S<cuoJ#562Y%*-a0&x-zUAK}GV~Yj0
zd<4xZH-Gw+1s<%61&mE>h2a^2ZZ@@~zhr#o>M-#F7SgetV!j8Ja_gu=KbGr2-s!M<
z!taqh$}dE0)udZDZ`xWMu8rQ$8%?jhyf53;)%AiL*q;w8YNdo_Ce>*a-g6FkpKmYB
z1eEld%O$R9ZouXY-<mLWJ1&-eFkK1}Iv+XZrJq1U$0pwN1`iRJs3f_FB^i#?-!cUA
z%c%YgOUnbw4s{EMxfq_?_ViG2_%^XMQ50YkS1JA#H{*VPWqH|azkl*w<zIpd|7Hcf
zi7clyJ2|-oWTxH-ce?<<MgDD0koj+MlKKA;CqZdo5R*4m6%Cl~C_MktTSQ`p29JtL
z)H{L85%J-9d1$+#GZL5%{`7)Peg4CyV&dZuNZW~EORA^zs!7CcQfN}L`|AhJy;p#F
zB*t7!TLxYhli2_@EYV;0md+d1AKCxa^*~CRdDN*6;A!}UHd}GWgDVq&OrI2)^@mVt
z{2^2TyDik`Jr!*m5~%c);$nqNY4CWNo0~r~Zu<VRcl2NXVQHFxwf3=s(oWeSU#!ia
PZEQ6q&1aR6m+$@ykh<Tz


From 920ae45e906271ce7f28e71bf2a922cdc60b474c Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Thu, 21 Mar 2024 14:35:17 -0500
Subject: [PATCH 14/40] Fixed tests (#1858)

---
 .../src/spectrum/picker/PickerUtils.test.tsx  | 97 ++++++++++++-------
 .../src/spectrum/picker/PickerUtils.ts        |  4 +-
 2 files changed, 65 insertions(+), 36 deletions(-)

diff --git a/packages/components/src/spectrum/picker/PickerUtils.test.tsx b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
index 7434c6e8f8..eaf5378b57 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.test.tsx
+++ b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
@@ -1,4 +1,5 @@
 import React, { createElement } from 'react';
+import { ITEM_KEY_PREFIX } from '@deephaven/utils';
 import {
   NormalizedPickerItem,
   normalizeTooltipOptions,
@@ -24,50 +25,52 @@ const expectedItems = {
   numberLiteral: [
     999,
     {
-      content: 999,
-      key: 999,
-      textValue: '999',
+      key: `${ITEM_KEY_PREFIX}_999`,
+      item: { content: 999, key: 999, textValue: '999' },
     },
   ],
   stringLiteral: [
     'String',
     {
-      content: 'String',
-      key: 'String',
-      textValue: 'String',
+      key: `${ITEM_KEY_PREFIX}_String`,
+      item: { content: 'String', key: 'String', textValue: 'String' },
     },
   ],
   emptyStringLiteral: [
     '',
     {
-      content: '',
-      key: '',
-      textValue: '',
+      key: `${ITEM_KEY_PREFIX}_`,
+      item: { content: '', key: '', textValue: '' },
     },
   ],
   booleanLiteral: [
     false,
     {
-      content: false,
-      key: false,
-      textValue: 'false',
+      key: `${ITEM_KEY_PREFIX}_false`,
+      item: { content: false, key: false, textValue: 'false' },
     },
   ],
   singleStringChild: [
     <Item textValue="textValue">Single string</Item>,
     {
-      content: 'Single string',
-      key: 'textValue',
-      textValue: 'textValue',
+      key: `${ITEM_KEY_PREFIX}_textValue`,
+      item: {
+        content: 'Single string',
+        key: 'textValue',
+        textValue: 'textValue',
+      },
     },
   ],
   singleStringChildNoTextValue: [
     // eslint-disable-next-line react/jsx-key
     <Item>Single string child no textValue</Item>,
     {
-      content: 'Single string child no textValue',
-      key: 'Single string child no textValue',
-      textValue: 'Single string child no textValue',
+      key: `${ITEM_KEY_PREFIX}_Single string child no textValue`,
+      item: {
+        content: 'Single string child no textValue',
+        key: 'Single string child no textValue',
+        textValue: 'Single string child no textValue',
+      },
     },
   ],
   elementChildNoTextValue: [
@@ -75,7 +78,8 @@ const expectedItems = {
       <span>No textValue</span>
     </Item>,
     {
-      content: <span>No textValue</span>,
+      key: undefined,
+      item: { content: <span>No textValue</span> },
     },
   ],
   explicitKey: [
@@ -83,9 +87,12 @@ const expectedItems = {
       Explicit key
     </Item>,
     {
-      content: 'Explicit key',
-      key: 'explicit.key',
-      textValue: 'textValue',
+      key: `${ITEM_KEY_PREFIX}_explicit.key`,
+      item: {
+        content: 'Explicit key',
+        key: 'explicit.key',
+        textValue: 'textValue',
+      },
     },
   ],
   complex: [
@@ -94,9 +101,12 @@ const expectedItems = {
       <Text>Complex</Text>
     </Item>,
     {
-      content: [<i>i</i>, <Text>Complex</Text>],
-      key: 'textValue',
-      textValue: 'textValue',
+      key: `${ITEM_KEY_PREFIX}_textValue`,
+      item: {
+        content: [<i>i</i>, <Text>Complex</Text>],
+        key: 'textValue',
+        textValue: 'textValue',
+      },
     },
   ],
 } satisfies Record<string, [PickerItem, NormalizedPickerItem]>;
@@ -109,15 +119,19 @@ const expectedSections = {
   noTitle: [
     <Section>{expectedItems.singleStringChild[0]}</Section>,
     {
-      items: [expectedItems.singleStringChild[1]],
+      key: undefined,
+      item: { items: [expectedItems.singleStringChild[1]] },
     },
   ],
   title: [
     <Section title="Some Title">{expectedItems.singleStringChild[0]}</Section>,
     {
-      key: 'Some Title',
-      title: 'Some Title',
-      items: [expectedItems.singleStringChild[1]],
+      key: `${ITEM_KEY_PREFIX}_Some Title`,
+      item: {
+        key: 'Some Title',
+        title: 'Some Title',
+        items: [expectedItems.singleStringChild[1]],
+      },
     },
   ],
   explicitKey: [
@@ -125,9 +139,12 @@ const expectedSections = {
       {expectedItems.singleStringChild[0]}
     </Section>,
     {
-      key: 'Some Key',
-      title: 'Some Title',
-      items: [expectedItems.singleStringChild[1]],
+      key: `${ITEM_KEY_PREFIX}_Some Key`,
+      item: {
+        key: 'Some Key',
+        title: 'Some Title',
+        items: [expectedItems.singleStringChild[1]],
+      },
     },
   ],
 } satisfies Record<string, [PickerItem, NormalizedPickerSection]>;
@@ -185,8 +202,20 @@ describe('isPickerItemOrSection', () => {
 
 describe('isNormalizedPickerSection', () => {
   it.each([
-    [{ key: 'mock.key' } as NormalizedPickerItem, false],
-    [{ key: 'mock.key', items: [] } as NormalizedPickerSection, true],
+    [
+      {
+        key: undefined,
+        item: {},
+      } as NormalizedPickerItem,
+      false,
+    ],
+    [
+      {
+        key: undefined,
+        item: { items: [] },
+      } as NormalizedPickerSection,
+      true,
+    ],
   ])(
     'should return true for a normalized Picker section: %s',
     (obj, expected) => {
diff --git a/packages/components/src/spectrum/picker/PickerUtils.ts b/packages/components/src/spectrum/picker/PickerUtils.ts
index a046b86fcc..e9246fba18 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.ts
+++ b/packages/components/src/spectrum/picker/PickerUtils.ts
@@ -239,7 +239,7 @@ function normalizePickerItem(
     ) as NormalizedPickerItem[];
 
     return {
-      key: `${ITEM_KEY_PREFIX}_${key}`,
+      key: key == null ? key : `${ITEM_KEY_PREFIX}_${key}`,
       item: {
         key,
         title,
@@ -255,7 +255,7 @@ function normalizePickerItem(
   const textValue = normalizeTextValue(itemOrSection);
 
   return {
-    key: `${ITEM_KEY_PREFIX}_${key}`,
+    key: key == null ? key : `${ITEM_KEY_PREFIX}_${key}`,
     item: { key, content, textValue },
   };
 }

From e7b112dd50da904a96e41a777c4616b6abc7f40e Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Thu, 21 Mar 2024 16:07:35 -0500
Subject: [PATCH 15/40] selectedKey + defaultSelectedKey support (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx |  4 +--
 .../src/spectrum/Picker/Picker.tsx            | 21 ++++++++++--
 .../src/spectrum/Picker/PickerUtils.ts        | 33 +++++++++++++++++++
 .../src/spectrum/Picker/index.ts              |  1 +
 .../Picker/usePickerItemRowDeserializer.ts    |  9 ++---
 5 files changed, 58 insertions(+), 10 deletions(-)
 create mode 100644 packages/jsapi-components/src/spectrum/Picker/PickerUtils.ts

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 2a1ebf9c82..9c0d9711c8 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -220,8 +220,8 @@ export function Picker({
       // set on `Item` elements. Since we do this in `renderItem`, we need to
       // ensure that `selectedKey` and `defaultSelectedKey` are strings in order
       // for selection to work.
-      selectedKey={String(selectedKey)}
-      defaultSelectedKey={String(defaultSelectedKey)}
+      selectedKey={selectedKey?.toString()}
+      defaultSelectedKey={defaultSelectedKey?.toString()}
       // `onChange` is just an alias for `onSelectionChange`
       onSelectionChange={
         onSelectionChangeInternal as NormalizedSpectrumPickerProps['onSelectionChange']
diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
index 9b98f77ecc..945ba2d987 100644
--- a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -5,7 +5,9 @@ import {
 } from '@deephaven/components';
 import { dh } from '@deephaven/jsapi-types';
 import { PICKER_ITEM_HEIGHT } from '@deephaven/utils';
+import { useEffect } from 'react';
 import { useViewportData } from '../../useViewportData';
+import { getPickerKeyColumn } from './PickerUtils';
 import usePickerItemRowDeserializer from './usePickerItemRowDeserializer';
 
 export interface PickerProps extends PickerPropsBase {
@@ -20,6 +22,7 @@ export function Picker({
   table,
   keyColumn: keyColumnName,
   labelColumn: labelColumnName,
+  selectedKey,
   ...props
 }: PickerProps): JSX.Element {
   const deserializeRow = usePickerItemRowDeserializer({
@@ -28,7 +31,7 @@ export function Picker({
     labelColumnName,
   });
 
-  const { viewportData, onScroll } = useViewportData<
+  const { viewportData, onScroll, setViewport } = useViewportData<
     NormalizedPickerItemData,
     dh.Table
   >({
@@ -38,9 +41,23 @@ export function Picker({
     deserializeRow,
   });
 
+  useEffect(() => {
+    if (selectedKey == null) {
+      return;
+    }
+
+    const keyColumn = getPickerKeyColumn(table, keyColumnName);
+
+    // Set viewport to include the selected item so that its data will load and
+    // the real `key` will be available to show the selection in the UI.
+    table.seekRow(0, keyColumn, keyColumn.type, selectedKey).then(rowIndex => {
+      setViewport(rowIndex);
+    });
+  }, [keyColumnName, selectedKey, setViewport, table]);
+
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    <PickerBase {...props} onScroll={onScroll}>
+    <PickerBase {...props} selectedKey={selectedKey} onScroll={onScroll}>
       {viewportData.items}
     </PickerBase>
   );
diff --git a/packages/jsapi-components/src/spectrum/Picker/PickerUtils.ts b/packages/jsapi-components/src/spectrum/Picker/PickerUtils.ts
new file mode 100644
index 0000000000..f37767cd09
--- /dev/null
+++ b/packages/jsapi-components/src/spectrum/Picker/PickerUtils.ts
@@ -0,0 +1,33 @@
+import { dh } from '@deephaven/jsapi-types';
+
+/**
+ * Get the key column if column name is provided, otherwise use the first column.
+ * @param table The table to get the key column from
+ * @param keyColumnName The name of the column to use for key data
+ * @returns DH Column containing the key values
+ */
+export function getPickerKeyColumn(
+  table: dh.Table,
+  keyColumnName?: string
+): dh.Column {
+  return keyColumnName == null
+    ? table.columns[0]
+    : table.findColumn(keyColumnName);
+}
+
+/**
+ * Get the label column if column name is provided, otherwise use the key column.
+ * @param table The table to get the label column from
+ * @param keyColumn The key column to fallback to if the label column name is not provided
+ * @param labelColumnName The name of the column to use for label data
+ * @returns DH Column containing the label values
+ */
+export function getPickerLabelColumn(
+  table: dh.Table,
+  keyColumn: dh.Column,
+  labelColumnName?: string
+): dh.Column {
+  return labelColumnName == null
+    ? keyColumn
+    : table.findColumn(labelColumnName);
+}
diff --git a/packages/jsapi-components/src/spectrum/Picker/index.ts b/packages/jsapi-components/src/spectrum/Picker/index.ts
index c434d5d810..f8fadc724f 100644
--- a/packages/jsapi-components/src/spectrum/Picker/index.ts
+++ b/packages/jsapi-components/src/spectrum/Picker/index.ts
@@ -1 +1,2 @@
 export * from './Picker';
+export * from './PickerUtils';
diff --git a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
index 77b31dc647..6a67c93e9b 100644
--- a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
+++ b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
@@ -1,6 +1,7 @@
 import { useCallback, useMemo } from 'react';
 import { NormalizedPickerItemData } from '@deephaven/components';
 import { dh } from '@deephaven/jsapi-types';
+import { getPickerKeyColumn, getPickerLabelColumn } from './PickerUtils';
 
 function formatValue(value: unknown): string | number | boolean {
   if (
@@ -25,16 +26,12 @@ export function usePickerItemRowDeserializer({
   labelColumnName?: string;
 }): (row: dh.Row) => NormalizedPickerItemData {
   const keyColumn = useMemo(
-    () =>
-      table.findColumn(
-        keyColumnName == null ? table.columns[0].name : keyColumnName
-      ),
+    () => getPickerKeyColumn(table, keyColumnName),
     [keyColumnName, table]
   );
 
   const labelColumn = useMemo(
-    () =>
-      labelColumnName == null ? keyColumn : table.findColumn(labelColumnName),
+    () => getPickerLabelColumn(table, keyColumn, labelColumnName),
     [keyColumn, labelColumnName, table]
   );
 

From 31c7d2ed96ecd6d98cd2c1d88513b7cbe110c9c0 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Thu, 21 Mar 2024 16:16:53 -0500
Subject: [PATCH 16/40] Updated e2e snapshots (#1858)

---
 .../pickers-chromium-linux.png                | Bin 9241 -> 9447 bytes
 .../pickers-firefox-linux.png                 | Bin 13411 -> 14056 bytes
 .../pickers-webkit-linux.png                  | Bin 8335 -> 8546 bytes
 3 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/tests/styleguide.spec.ts-snapshots/pickers-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/pickers-chromium-linux.png
index 0ad0edc4c8416b8ad4fc61283bc60078eae4a42f..4772869dbcedadfa524a7ae3693f749b0092fb76 100644
GIT binary patch
literal 9447
zcmdsdXH-*L+ilQSJO@OMN>PfOBTc#jp^0Fl1f=(_BE5uOLQ@eD5RlNM_ZGTzNI<3c
z-XSO*LJ>j&gmzc-y!ZQY|J<K<T*e5jvDtgCwVw5qIp>oQbyWo#Dkdrj1VRH-e4+_~
z{6`;*eg2>XzaO}X3W7fru9^yuASHb)YY@oa5ZIH4+Fr?<v!1?MgwysN&!Lzh%<9wE
z-5-Tx|LM}Lr4s&++=VA}^qBqK=GRoh7F`S@g|*JO3o$(NkN$f27saGchplqPfSi?-
ze}Fc7j?ENDkR}Nsb5rK2OW*#{NsGVi3bU-_O3Og@55nO&FgpbDYWTwv>#q^yft<qY
z3%`b6<mku?1wY1aqm25OC<7loF6<m0u0TJg_;tCgpofazq``e~d`@sYlatzgAzYv<
zyWeAT+J-R2R%yK!UteN6E4+5?*WKwwu?DYm;7yIYc)XUie*RWto?gP<+7AsmuIPfN
zq~8mvH7*(rTO|!5wohupHa;dK6pV~$v&woH8&w~d!1es|Tvz(&C*eQd2tgM+&u)u|
zD0j#CyL)GmZ3%(YhQ@dy6h~1yI#sqhL2uu#w#A9te*bcj&^A+3>DKxA(NXa+B1hLB
zv-|l1`8*&Hr>f5e&l2{r7Y#pK7jSfD+0x6&KgoAEs;<XvneOiGj<`0bY3S<aHX0nx
z($g^fdgi<BOZ-j#gc}J;s;as!E}#2a(ng7!_n`Y#;)K0x{k+`V3P@3}j)0e<rUcnX
z|M@-7q@>%$NsQ0F?QB18q+Cnk0wpEtVKZr}!l#sDEv?3V=q+r41NN9wwjkx6$K*!y
z^t7@k5v^4-i-ko+MY)vDmx%0GRUXy|815}yO_BEgJhCHwIC55?)+E!_-#@+@C1ib4
zPY9|$Iy?l|jz&uS?#ao&<KyPmYma0dUuPS)UPD@Z*5{Wa9pn5sxVTVO`wjFAH&Fp6
zN6uCD-dX1Y&k?$k^{Q68Imb?tYOG64J!cErRG9eg+<B0YU?Al@|JHx@XJMS6K}mLY
zwq_ICuWhN{l{~(7Um@~1BO*mg3Hj*p<0=Io<ykRaUZo1Ngq)6!_m4`)^9>$DZO7F6
z8@5L9&GI(g%L1H4LjSZBdF{w-@9jpj>{`tR4}o590_TN`7a0*4=V*D`ne3=~x6PuJ
zcbD~mjeAc|PEN?{t%IXW%6_Wja6ZJ13YnX`i_ZuRP4Enlt*tHFk^BrMsBM1Z{{CQ0
z=WtldZ>J~`xD1?^(S#u;I@)O6BQ-S@aoAKrfAc0+SZijaEJ?dCz&NYtgWD)(ONy}O
zlLjnNWtX=pVkW4Y=jafA9cqlMB(+0HtIcXu4*NSh)eL&`YH5Q>aCDB}5wUx^+o*VY
zrs#E~boS~hf(dH*R$fMSYWcc+mPT`0fT~O*Hc`esR}7Bjmz51*JzDt0QJ{lMDr${A
ze?+^QQZqMPZr;AAk%M9qx5;im>}z8X1UHhKalsk$uONFB+WF(0a*9+{QKY%KYHa;%
z;CVK6FRxD=He)@Kq-7kuXu2;MHt^0&47h=sfq{X?(GGzy7*i0vw6<0dc#+n2D&~e9
z@y0>NW2(!Sbv-<)Q(1N^=jTraU09^t6s`KXtoJ6OY^O`YGjR&IFQ@0l+Ux5^dzqjw
zD#uEv)&H_OHo#SjIZPX}MY4&*?&iHH>Q_sZE`aO$7uJuDj{bP8u+jLhFYHLV#ZLhn
zfS0A0IqfdOSS5EA3Z}7xRbd=!Eg{iCp?r+WFj)C?@YiPpwSNkAuvm;8x~@QNTdrGJ
zS~5(Qx~@!f!t8X<wDW6s<Kaz*ss#m%9I(xMm3$s(U@iSHzIb6Knz44BLd3+(%Fm4E
z)}|Z3qpP>f;90@CfzIja>F)l%p0)ma$J!r=6RV$1dvkTA9WRA>#KrYW8;=bOE*AKh
zn1Ixvi1eS{OB()q8F8#pW$RbL&k)x3!9Qc*1}9@AJsk@NOsecGz1JV)Dtcxur#9GZ
zy?ZF@HkdkWme@^dq85tId#ZhO*}+0s()ZC{zgAI8IZ^b-CB()R8t_S?xq9sy)RkoK
zK&sjcLjDYMyy~-_scgeCn5$w(U~_8XSX-c#9o#bUvEO36a>df`cw~Tk4}3O=xRn*X
zjcUImdow8x7_;~>s$Vv#^pti_i?BWlbtlo~<eCmt&jpN=+?n@=)$C%UQlER;|F(m}
z?VYO`MMeB6A+lNF%>JXv@us?GjptcTby#GZAh?AOdztZjG4l4t$)77KIO&ZY7nhbS
zTxHG70`f>ToI?GlD!y~cM{(~i`D@A+8x(%{aOsdl%5N566-8_)`qg>8MiAFEEX#jQ
z_Np+xS44lgk(j%D27j19^P>FNZ^4k3)-#VJL2SQ^*&!t%mg_Qv6%q&=Wf=(PA?*fp
z3~{cGw3W2INlZ#gTF{mbn5;98_t=`q;nhLq8{l*6m&T0Td{zR;zTB*EDZ2CJ(7c?o
z3DfysGaApb)OQwF^rapinesgU@k4dL!fQ|yr()GGGiZ>~FyrW1H1P2+PHyh$la+5l
zqInB-`oQ1CPDn|Xs%bf|X=P9&G1{=9FTrfQ(Wk$n>&qxElun<xEqgnx^%l$)i!M<1
zQ%RG0{O6y4BD1Z6X>_tBKMxSkU%YJ4ZaZ6DrED(AC&r~~RBa!{apA(n&i3{^<N04p
zgXp!<^OU``w6yJAPvd~mFo~%ry`W;-+Tt{miAhc_;)%}Vla)2YVzErJ&h{B*+npU9
zWf3}A^6s<lo<d0{UOqks0S+BEOifKuCJk}D4j_G;<r8RO$krDc2t@tx!oN131JfuD
zHNg9agQ!7pT;qz+YC1aN1qnAQ>Wb}fb(Lwdlm@)%$g&`m-$)ET_~wwB6Gp=<Hewzr
zYq+7`FTG!Rx*hTrrIi==CNPkm)kKY!h9$j!B>)u?&E4_rj>NI)%<L?1v#`Yd9}S4-
z$JeXu=H#zjxk5!ltx>VuE9$qb4GOHfuffRz)6&wCr1bABn=fIHT_n0l_>n5*!>?x*
z4Ci%>k1IS*Whwec?XqBHB-qBVrApOdO)n>LpJ=p=GQeAgMwH~8p5Gc@?lr1(@7@NP
zrzyZ}cCHB?B}3ep<c7nAg14LJx3)^~E7vT96GrN~H^sIuu+z^#_DA(hUGw3;Y@)tn
zTz)Q$!(p!aG3}m@y5IJ8)|i7K&#ha=lz|U-@)oLWhAjn5E1!Ver8KG+!Ko14rZ(oY
z-NddYq!!L9Zb&ODq1f5kIaW^EXH9QB+0w#^71Lk2AsF46{kG!IsdB$y-6DN*RhA^k
z3=I!MZN9w}_|&9+e`_O`InlIqU_jm5%j-6$q};{JEF-jYXX!e!MY{g}jaufvk1VvA
z479X=y9vbDsdek?Z>-}~ocZPV==&`y{@?!>{D0z-Fb8K!ztHyIzt_Yo{5bmExYo1Z
zpwEdS{*T|I+V|(Ef8Fsa>~`7jTmS#N)ZzHL)mqecesRZkpzQVV`Aerw0eqtTBWuL!
znbC&$TkPziXnz|tv5lCoDHnLt=ZQQ!l*?GgBI+@ts|OY-l7Fd7Y7RoTJw*66+3!;%
z0C{B>0z*z!!Se)79OLui^Hfu$b2ydb)(*-Sy1KiydJ6P&a&jc^KL}5RE&@>FbT8{`
z`b|#{y~45Lmv@-l4hEk4l{-agYHGUqMRQGI?9`&f;@j-t_E||uiDGuVSv%LrQOUyg
z^UJHFQItDh_zl7va5o36U;3!>)-CqE<FY7ZXdg^(GO1?#QJ?hDjJlk>d{^%xSK!xl
z7UhWD*wQF=c|LLO{m&ml_zG(YZ3buP;^@n)QbpI=)ndFGDfFm)+C8mIlJE7^x?!A1
z_?v0%5Xksn(UM(7WY8#CVLCQhVKrLmEh3k|Ud-k-=Y3=nEam3v8r_tZ#xytZ1UFvd
zDph9cNzmSus)E{$*_$Y0(wU90`8_>7SEnVJgue3&3BiFG3QXPZJ4~YGbWqwFii+=1
zy2ZTW;^Iro40Qh~8A;~vPrl0(Zn68-t8YV(16JeSr~<Ve893U;Y`dh@B4R4B5)1Eg
z#aDY0D#lidC~6rbeSB+HhGy#Y4OoXMAo=!Bzdn4eq^ztpvo?&(7D%e0n|eNTP)<6=
zA4>VImbHbm6_z%g%9}KJMAbyrF!Y^0nyz+;=cuxoHoT8;iwD;<ky>u^Eq^*plYF8m
zdNnL*yvmy1oC~ZBIP*W*#$S+=;qdbE%5N@a6*VXEbEc}ra5&7Al@G{(J*zkQ`-QeR
zJEN=H{H?!3K$%^yQAtWUR->f*NhA(o@B7f3$QptSu2DQy<+j*y1!_I<z!Yn$qymfG
z+fTkkL!*(W$_gd4+U)-PIdA}5*c)Sp<0i@%Jn)&K_-bhvORyEgs&xhT?Ln2fl4D)m
z*vX51zlnSP6C#TtUxDL9j+LAkAV;dES*fTlk6ESp<~lF5uLp1ItwlJREG{qSmd2G1
z<eCLkv^nxIh({-FVQOj|tr39$DTz5A=*;=!O+uW%xN{bZ6PMMVc-4|*y_&u?H@mNE
ze~>v{y+-3be@1szQzcSbN<H{8>sXTO9It2^`>k6e0S{z@f`j=4#Z=FZ>>J%T=9k&=
z=k=115!-z|`0|CeiJlbY$TcEKFr*O21cA^;?fi_&a`E&W|NhUJhTDntjZ2gbG>-Lk
zIi`tF1vCBwO;6&+KQNSORy~5SUJ!5DJGgqqJSH|aXS>NPXJmvrXo~3)B^i?ypYCvn
z--PNW7#OV2ED>*+j{s`I5GI$m5Ng(f8;=}Qu2{AnWDF~Ej#>N>%r>-bRAV#qX-7##
zML>r+T|!1iW~$mDcwJ#Unq#z3PY>jKO<mnMU$kH7Mw4@MX;)X*P`ChGJ8xRbX1{M%
z%45ST#9JfL+sIVXb+}gm6pk>`Qhaz$7u={l61g!|Wkka?RwEM$s^I+w52G}3aKb{W
ziKrkvBMROmv%5?D%&c6IE1nOc03+dzvV5AB6V0s}$9uW94~sD0hFjjbzBkcy(WX7Z
zgz2ttOryzRIEeJU`D`93|KqnZUT5qW$^GI-=D=Y0Pq!aV5sy5=ugfSI)f|^RJY(Wm
zkTai3jO?K`cGzH@OG#O2UFyqe-$RlFRSk;lAQ0^*ZF`k&DrsU`J3Cf;9a-n0j>r0P
ziR@txWr$H*fY^Dt#B}{n{gK%}e>%0cw5%Q<;+2%u#tS}Omm4qC%PyX@kE^MP6g#Un
zsH>}+I_Q>%RyvD3f(r?OXD4ZVM`;UV0Kbn0l)`yJOCUS(8~e8^%U-pv&fZZ#XW}L(
z%i6oAmG5$^@k}F&%Le{3@tk#^Y6@r?8X8*M+|+q_c6{vXcewPzebXb@u&UmmJI;@@
z)89140~@E;XFpR518fMSR6ZU5X(|7hm*XX~D5IK^nWv5*V$`*@V~Cs6@Yz#*Kkj9@
zex>V*BS<)FY*4$Ya85~19T}NMlvYFBXW@!UtA4CzE5-Pv5q#sMH#0Mn?)vq7XyN#6
zAt5#30=zq^(xX{DRDb+2FqP)7YigQ0c7j%=pg0v)kTcjXhq5KG)lN;^YrJ=_Kg@OK
zE=JUkF^_)?3W4z6iss14&9>c%53BNBbD8yl!%uK?kv89IVPedSr`{@#07S%?{hZoa
zXm{VnVCWf`GK-4rM@w{+lLDqSvy0Q3N~P}?uIEgO6qlMPHmJXB+S_wGJn)*Pkro$f
zQe+_>kVw3Ie9DsslbqX^V&25Z#|sOKRC)HBLhBks(0=GxC$S&>hemss7+_NV8?`et
zGjwbLZKUE94EpvaTA(ypGTy0=R4aPufIHAYw%|jge27KsBP9Z~k-Sofz5LIg?a%t<
zr-DSij}8<m>6yDT0)s1^zA~=Q<W!JoS4-*5ibsTS0X!ymoD7_C;j_{|@fwDPiI2sl
zh&y-zYy1l4<L)j#HZ{)lr|hSI)R-4`GQzS>Rpp+(o*t=;EA!?EoBwgf+_1F8#l_W?
zwDAHU&j{Dm@o?9;v03)Fqzw{T@9m9<sPO=R-Q+lveZL{>^aV`G1qC<`)OX_jo1n()
z+^WejgU_@<QB7`aILXn}(pviQ;~!5?PXqoqAW+4|=jG)AflF9exDr0+Pjmg}E03)i
zPMA`|M@Kv`&$^Sc&&f_Z8|pAJk&FX~o3mEpLQ41GrSFn?9Q^N@?{D2l&80V@yu7Sy
z!p*zQd{2C1k;u$SY8wyp$$E>zYR5^Gl>7Q>L57<3c%O;j3DZRu&ozWO{4|>*4>)Oe
z1~Z(Co3nd*dU~qOT9jdixqvR7{f?{?lxz)))cBUz#_ks;=OO90gvA^@0;NtWvZU|d
zw{UUQN~$h)pKs~ZWYo)kW9ML0jn)v!?H!sJT&SEcEG?ei-Q8Vu<jr4bX=~#JAeHsr
zEH5bZ9UXtjO-hW4iil|8#!JWj{I)dIpQQujKicSLbb<1M)ZVh-&3ixW-}I&4F9d>K
z*Gu7o$H5+#2^WlefHZaE#tmfl<BPO~C@US-iGT;ln5a}iIP?Cq9Rgk_{+<-BaEY(d
zrB%Fs1&ehNshjK#8|s@b{KrZuX|C@8C&N#`DcFG&8B`5*98%;G7q6-<4+8GD*FGq_
z(Y70z2qhB}`M`&Dl9I@mC*p!aKDcm9lYzZ`5i%O--d)W4^3HW_AQ^$g0z-mBqocci
z8(#WNuD5nVB1P8Iv}R`NAz)CfQk8m2N=hO7+Ry#J+nR45Y;8!#hxVs5#f<E?;#zb1
z|7+5=<WL=;u|S^>NvNbjRsPAyAU(rgyzGulODo-+uC_aFVHC9^UZM#&l^iY6GD23m
z<8^6n3hTdq_!=DEFnS-WSFx-DH6Ih5J$oPv_`t-5Yv;U$l*?lNyKpbnVaul)C+}!j
zPIZsx%Q@E;B4u=@JshCkT~9bUIVIidC7tfV+1PUOa+Hyvx~8&9^^n3OY;0`A)K(gg
zwoIq$-IK0f?X$rz3v~7NYP74eD)*2Ly4!a{VRu@CJ0k5PNVG1lE^ab+%Ll|{&16-Q
zr5^%}G90`ekiD^Ce^h>*W_@b&vPzPq4lONHe!uLAvCZ0=#Z~T&iW=<1Q4)ZRHdr+6
zNT!@??<c4VW^0`%ARquXq*fT98DEkDeKCTkqN4g75gVUY3Iw~-Tow4h2ZP~}Obb`c
zejgg?`sVO;p}KRsXWmNPzxK_+1+k~?9{_q-t9v6+6pdYSJ;Y$pF|jGd$;m9BB+ZVj
zbGdJi=`5IjQfIh(?iERPK+S5t-+B}^IySy>(jrQx6vnW&&#T#Xk&f%wtRxViK##F-
z5#bTxtKhGvRPQ9K6F!lS<h(vsI;W2PL4M|yN-olqXR<zR40ZPEH1TlA4Q!83P*69`
z_t?O|jV2vQ{U=RqaB#3`Dn3+LgqqP&96pJ{uk^)hy(B;Xvqre?$sgnqBwd&<TKVm-
zA%s`t|Bj?Zb0j?F0wKiv_nikoY+Pc!<}~^8<;&YVcVQtb*J7ii7c|WlX?Ur3DV<on
z&r6i><0&Csff<uDy?8sIV79b8;pE`B&CZ^MHa{oGtfr=>Q>d##@tQ))`#5_ztfq68
zW0x{kE@3IWGn)xo$anW{2>L5D5>3IPr|W$lveY_Iu;6e=Mm4Ib{M-7k__$Drm>HEV
zDWByct<A^Z9?4<TKRZjpA3X+oXjU{>$rZ4Y<icOiUjOTRDSqW@*S*W%L#5)KRKc{W
zHQaFZ8+FOzuPKxi|AwpAeH4GSVBE_Lxh*6Q7MGLfTF=8950s+#5_9sMv2s`^@AJIO
z|NEsuW>@~@yH_s!7SJJ#8viAe8g=ygfRxZNF&UaRpNH`NImZ0Od65PJiQua_*X@JH
z>Hs$0Wp_~6_eN+Lx0az6=Xo9C)cYL6^MOE_^AJlXkA*;#nsd%|WA<mWa=IC8hL>p!
z%Uu#~BCH=2Ow~0s@JUN+=c%^V3Zpq}S~`BzWAF}w`>vdmp_0oZJgseQv06`RHP_|L
z@@Qoe^TLzHaA9)PZruW#CRj>s$|CW;=a_<-4(64Q;t+_Hq{*|j$-=yMGWeL~K0hr_
z!bWkzu+`d_Y7MWjFuJ80NHD@o;i2Kqem@#9_)V$!kKbKn^^nD%()=txHR>N&NXotC
z`#L<V1xN4H6St>JeGvPD+-w24@yk7$0Few&zv_BLX!9--k7e{;klv+)eCN-j{?%eZ
zvH1gWp;Xg&#^&T0kGN0zX&xGW-(hxTETYEt>$fwTg<Jy3_mmsOXrhLE86n*LqI`94
z?cnNuY_^f(X8HxQo^c`OfHCeg|NORa=C#)p`*zb20zeWTLepZ071)~0?27~pMaiR5
znx>NBnz?}DkmxoZ2?<5y2-;iA4?jy~;%Q>yx4RZ>*z~;ko%BwC$J~)XP38FUg*3b7
zQk-bO*A?5r%mjBM{IW{bdi(YW#z(LC*du7H$Rvk?mKdM?!rT!kY}K0+x75`7H6wpm
z_uLK;FsfF6rk-x<eb^Kl9x}RX(e3{8`$Kmec680*fyEa@Gva)ElsNE+?_I9-UtFZN
zDifh_-ik?kS07OLpyqAb0)~}}nC(V2SO^SpdiWffy*`>n$H<s>e0+R$-@#i;xi?wT
z1b-%OwvQdwQ;rwZ)71RT;8*t~OCemxL$_KA>ykuyw(@6^v#8^YA{;HL$1HY?A|K42
zjmT()o|?C}w=(ipuO*0T%pJ!MV5K^}{%aOwLO}*w8{5lC@S&nfkt(-N&Dr6G$g$Eh
zIicPJi`h9Add@RQ0J*l^WZQ#dPL}T>mM1epMHLvBU9%^PKr4$6gt@l41e2?rxbwUh
zM#2Jl?)<q>d+JMn3}nNuiQ4S8xV-PVd-LW^koR?fmPx2O7~To}@WBbete$Mg3FjDN
z9!ug2M*jovU~V^21~FXXQvYR_goCecB>YFfto%tS<`m^vzn1%GIt{T76ELYare^dl
z0A;eZJuRxC0fu}jrogkDi9>8|9*t-{uJqcuDqw)tb}n}YjiwhVQtnC#2?=CPom_j7
z$e7erN0Gja{>!6NRdxiR<J|@{Zq4Qf=q!bXho6WrR2-k2KyBv3$TbU~B%#2se`gK$
zS_Y`e;<Mv~j+F2#LfXdm$=J00*XPci8!3C9C3_S$64k6geke2~WbpWq8sx|<c^YOq
zW^l}cZcL7y<`N99a#n64UG`#jE%__d0@&9S6ikwcx2W;_l4CU5<wKd9$HoLFtiEC2
z1W6@RhMifrG~j2*tD$Huj~8c`zi;+@SN;X&Ii}8~gL(HI+IglbMjY~;7X;VJ)xNdz
zhi5~9w9-W&_hJZr#su8B0+R0P)y!2Aq0)aA0R@iHFSGxl-W`Xcl|6ofq@%Z}#!B>J
z8^4ae8Lfqx7aL&4EH7zjSOOZvz-;d1^wF@=I@hAR@pGeYmZf`ZTMN)F^fbS^w~>2I
z&B2k1y!u{3#<l4&F)_DJKsO@)VIZX;p*eDF{FLO;K0dzEPqa*ta7L@&Bik>@sQj*i
zyu7{{U+?vZ7GHr+P`m1@eO$Ns`Jb{YM5;e~@Cta1sBMp8(7Si*ZZkH$sdyLfV1rB%
zt3K=X7#oD+gviwH5!bBe940g@OzY7%NwQ%Qz+2`Q7U&rmatF=jfgHQ{NrQ@-TFckh
zH>iU-gs?1BBp%P^{TTaEJfa~E<RW7Wm#RQ=3v-70T1-+>VZ-)X@gbhE%RVB8qu1A_
zKH?_8z+w)%X-A~BgPm(gD%Jj(a&xP%=J$@o91wvV22HKC+91o#1|6|g*}{+!HzjTT
ziY<GYq=;557Z#ETN7W7ivXR1kVr@i|`K(MT)e6i(2?^Nb*s>Y)imK;ojB3X7H68<5
zOv?HAW%=EtUQ36$#;iSaiNEkwe*<)@m8UwMKS(YoD6l6O5*4I9yjDA$DCYN06Uo;W
z9G9aUXSdV^Us_t@RO?3>5=XB(oNkK8S5s8$<1I%Nfi9u5iaw;q(cpTQ<iXAt!xu_g
z(G(D?I^$=D%8k3RDX}~-rT*IzIiI)vP5|x>xpkD-du2>ZZF4gzHC1<DKW*-kG4Bvd
zfx~q5^o;I6*>|@mfj_q6nV^n<nC#Q7FW~6SjM5l=U7fouJqrp7<V<lB1zGd+s<`j3
z1ILJF0%p%=u~}9dQ>$Fyn*y=q?*e!N2eLgoJ!x%Yv56QNH!I~Qko}-o@#)i%N}gdT
zqUW{_bpaPFG%~XEW0(g>YAEf3%uX#XyOq9K(n%&QqR;WXJq)HgSZM?9-ct+;3WA|(
zy<P8;(?@s6zv+Vv0U})1uVzRJHDy0<PSXKe3*h_E?_W>XC-JI&r-#0<AvT3b9x-Ai
z<$dCNP`3eK6bZjBX$-J7NK(5*V%*oiZ-mP?9G&j8JEzF_8J=hJSHE)QhwWTr%2W;9
zD!lpGo!hr16bYH7TI%ZRQ4+K_rHcS|nDqg!DXL%#G%J+ewp30Iz3<<55}pEg)Un@~
zo8z6hmqGyA7GO{@H@)4`$uk4p3ULq>yf+nKrU!^J%1ayc@kU<?C(yC5WZ&~44txo|
zIkGWXsxRwn%v1q=C)>_%^8xw7|Jj!la{YQ!c%d6KDCYdns#0%~vN_fUAJXDh2zHCx
z+uJ>9m>EtkP8$$AN)k!w2M1m%DN>kk0#l%ULuNFF2d%!|UfP52f3O>4DJP<l$(c4<
zR=0s<@MxI^xQ>eV-yk3FwmH+^heOi&C3K#7uWasXS6HfG#J3#;4AJVd^`4{D=Iywo
z*g2(Nke`i+wjD1hmJ4IF?U@*qa$PP0bcn2BRoRWN1?`yY0J76?WXR7z!zQK~o+LVy
z$!WG4!X2D%t3zwY!WOVsu+`WQZ<=;wCO2NH$I%DAHKCGtkXi4(jZ%|6QVgbL8~m_V
zLC4A}01JKp{^OuEf8`&ESv^6H8y@8Vj^E$kzylB+!60Co-_FLCT_B`d(Fm`Y<OftS
znDX*KXlyt1*_ZR6yI!PwR$D*uNhmxc`>s-Go$V+J$YVN=swKOeWU$4<W1#u9bRs)9
zn^#C^yj=D`hvO~}3}n24jw@Mwi<z@c0kUL8($y@fFql%BTmu`>G`C@(#V;Rm-Q*wq
zJHk6cE*b<LjrT%rXtFp&o#7Jg9^1#JAMrFxtnJVYzatNX4e@DJeVs#jUibX^V6Fr6
z=1k*oLG`#e#uUI=_TA<6F9@yjkK%e4cXMAjbAmHKOPugMx(zaw_S2`A!o(ooKfl0G
zuqXiRC@4<FZ*lt@OTqa7?DtEMSKUE`U$`7nJJYqH_x5j$@QO|&Jq5(rqX^*M4ra)g
zrM4UV7VqVlAx@lSSV#mr=t9La|DVYAf57ey5n<uQwKW5*Gej>2=nR0bCOfKO(}i!r
zApqO_7frXdv~U2ZUyNRWl;nT6{i>w&)TREucVO3hfbGFjBV3{6ozz|+T~PglnpP{8
zR|g1J0K{uy?^48vgBJq<jUH%I03rZV>WWI+D6)?d&*$&>1*yN+e(oZJ_IF$~rTyX{
zwk}a=KX?Yo%a~7$i;Bv~Zs7m|wcFuiUNGaEe`n<DMpL}neP%uMlXSd$`8SGBzjYMg
Xmeu5;RK1!<CPpwh)h8v7p1t{BWD;Hs

literal 9241
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

diff --git a/tests/styleguide.spec.ts-snapshots/pickers-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/pickers-firefox-linux.png
index f9c3fcca8ec216ccc2f116caab72d953a521e63f..4d0a978a0632a01a1a259560526c6521d4baf6e4 100644
GIT binary patch
literal 14056
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

literal 13411
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

diff --git a/tests/styleguide.spec.ts-snapshots/pickers-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/pickers-webkit-linux.png
index 91bf51257bee41ab1bd7f66a2531de144aaa7baa..2e4fd232db05698fbc045e49d70ecfc973d8b8ac 100644
GIT binary patch
literal 8546
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
O=x?NzUsr(Meg0q3+6adL

literal 8335
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


From aa840a4ba1a7b91f68e99a2022d8b9c18001a506 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 08:26:44 -0500
Subject: [PATCH 17/40] Fixed tests (#1858)

---
 .../src/useInitializeViewportData.test.ts                 | 7 ++-----
 packages/jsapi-components/src/useViewportData.test.tsx    | 8 ++++++--
 packages/jsapi-utils/src/ViewportDataUtils.test.ts        | 3 +--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/jsapi-components/src/useInitializeViewportData.test.ts b/packages/jsapi-components/src/useInitializeViewportData.test.ts
index 97f5826c70..80b399bbcc 100644
--- a/packages/jsapi-components/src/useInitializeViewportData.test.ts
+++ b/packages/jsapi-components/src/useInitializeViewportData.test.ts
@@ -1,10 +1,7 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 import type { dh } from '@deephaven/jsapi-types';
-import {
-  generateEmptyKeyedItems,
-  ITEM_KEY_PREFIX,
-} from '@deephaven/jsapi-utils';
-import { KeyedItem, TestUtils } from '@deephaven/utils';
+import { generateEmptyKeyedItems } from '@deephaven/jsapi-utils';
+import { ITEM_KEY_PREFIX, KeyedItem, TestUtils } from '@deephaven/utils';
 import useInitializeViewportData from './useInitializeViewportData';
 import useTableSize from './useTableSize';
 
diff --git a/packages/jsapi-components/src/useViewportData.test.tsx b/packages/jsapi-components/src/useViewportData.test.tsx
index 14356415fd..23df497f3b 100644
--- a/packages/jsapi-components/src/useViewportData.test.tsx
+++ b/packages/jsapi-components/src/useViewportData.test.tsx
@@ -8,7 +8,11 @@ import {
   isClosed,
 } from '@deephaven/jsapi-utils';
 import { useOnScrollOffsetChangeCallback } from '@deephaven/react-hooks';
-import { SCROLL_DEBOUNCE_MS, TestUtils } from '@deephaven/utils';
+import {
+  ITEM_KEY_PREFIX,
+  SCROLL_DEBOUNCE_MS,
+  TestUtils,
+} from '@deephaven/utils';
 import useViewportData, { UseViewportDataProps } from './useViewportData';
 import { makeApiContextWrapper } from './HookTestUtils';
 import { useTableSize } from './useTableSize';
@@ -223,7 +227,7 @@ it('should update state on dh.Table.EVENT_UPDATED event', () => {
   const expectedItems = [
     ...expectedInitialItems.slice(0, expectedKeyIndex),
     {
-      key: String(expectedKeyIndex),
+      key: `${ITEM_KEY_PREFIX}_${expectedKeyIndex}`,
       item: row,
     },
     ...expectedInitialItems.slice(expectedKeyIndex + 1),
diff --git a/packages/jsapi-utils/src/ViewportDataUtils.test.ts b/packages/jsapi-utils/src/ViewportDataUtils.test.ts
index 76da0f18b2..92b1650c92 100644
--- a/packages/jsapi-utils/src/ViewportDataUtils.test.ts
+++ b/packages/jsapi-utils/src/ViewportDataUtils.test.ts
@@ -1,6 +1,6 @@
 import { act } from '@testing-library/react-hooks';
 import { dh } from '@deephaven/jsapi-types';
-import { TestUtils } from '@deephaven/utils';
+import { ITEM_KEY_PREFIX, TestUtils } from '@deephaven/utils';
 import {
   OnTableUpdatedEvent,
   RowDeserializer,
@@ -12,7 +12,6 @@ import {
   getSize,
   isClosed,
   padFirstAndLastRow,
-  ITEM_KEY_PREFIX,
 } from './ViewportDataUtils';
 
 const { asMock, createMockProxy } = TestUtils;

From 539a0fe0d02271c8fff7dcbc9af7e8097a23361a Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 08:30:32 -0500
Subject: [PATCH 18/40] Remove top-level key (#1858)

---
 .../src/spectrum/picker/PickerUtils.test.tsx        | 13 -------------
 .../components/src/spectrum/picker/PickerUtils.ts   |  4 +---
 packages/utils/src/DataUtils.ts                     | 12 +++++++-----
 3 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/packages/components/src/spectrum/picker/PickerUtils.test.tsx b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
index eaf5378b57..74f525d53d 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.test.tsx
+++ b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
@@ -1,5 +1,4 @@
 import React, { createElement } from 'react';
-import { ITEM_KEY_PREFIX } from '@deephaven/utils';
 import {
   NormalizedPickerItem,
   normalizeTooltipOptions,
@@ -25,35 +24,30 @@ const expectedItems = {
   numberLiteral: [
     999,
     {
-      key: `${ITEM_KEY_PREFIX}_999`,
       item: { content: 999, key: 999, textValue: '999' },
     },
   ],
   stringLiteral: [
     'String',
     {
-      key: `${ITEM_KEY_PREFIX}_String`,
       item: { content: 'String', key: 'String', textValue: 'String' },
     },
   ],
   emptyStringLiteral: [
     '',
     {
-      key: `${ITEM_KEY_PREFIX}_`,
       item: { content: '', key: '', textValue: '' },
     },
   ],
   booleanLiteral: [
     false,
     {
-      key: `${ITEM_KEY_PREFIX}_false`,
       item: { content: false, key: false, textValue: 'false' },
     },
   ],
   singleStringChild: [
     <Item textValue="textValue">Single string</Item>,
     {
-      key: `${ITEM_KEY_PREFIX}_textValue`,
       item: {
         content: 'Single string',
         key: 'textValue',
@@ -65,7 +59,6 @@ const expectedItems = {
     // eslint-disable-next-line react/jsx-key
     <Item>Single string child no textValue</Item>,
     {
-      key: `${ITEM_KEY_PREFIX}_Single string child no textValue`,
       item: {
         content: 'Single string child no textValue',
         key: 'Single string child no textValue',
@@ -78,7 +71,6 @@ const expectedItems = {
       <span>No textValue</span>
     </Item>,
     {
-      key: undefined,
       item: { content: <span>No textValue</span> },
     },
   ],
@@ -87,7 +79,6 @@ const expectedItems = {
       Explicit key
     </Item>,
     {
-      key: `${ITEM_KEY_PREFIX}_explicit.key`,
       item: {
         content: 'Explicit key',
         key: 'explicit.key',
@@ -101,7 +92,6 @@ const expectedItems = {
       <Text>Complex</Text>
     </Item>,
     {
-      key: `${ITEM_KEY_PREFIX}_textValue`,
       item: {
         content: [<i>i</i>, <Text>Complex</Text>],
         key: 'textValue',
@@ -119,14 +109,12 @@ const expectedSections = {
   noTitle: [
     <Section>{expectedItems.singleStringChild[0]}</Section>,
     {
-      key: undefined,
       item: { items: [expectedItems.singleStringChild[1]] },
     },
   ],
   title: [
     <Section title="Some Title">{expectedItems.singleStringChild[0]}</Section>,
     {
-      key: `${ITEM_KEY_PREFIX}_Some Title`,
       item: {
         key: 'Some Title',
         title: 'Some Title',
@@ -139,7 +127,6 @@ const expectedSections = {
       {expectedItems.singleStringChild[0]}
     </Section>,
     {
-      key: `${ITEM_KEY_PREFIX}_Some Key`,
       item: {
         key: 'Some Key',
         title: 'Some Title',
diff --git a/packages/components/src/spectrum/picker/PickerUtils.ts b/packages/components/src/spectrum/picker/PickerUtils.ts
index e9246fba18..1fbe5dbbd1 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.ts
+++ b/packages/components/src/spectrum/picker/PickerUtils.ts
@@ -2,7 +2,7 @@ import { isValidElement, Key, ReactElement, ReactNode } from 'react';
 import { SpectrumPickerProps } from '@adobe/react-spectrum';
 import type { ItemRenderer } from '@react-types/shared';
 import Log from '@deephaven/log';
-import { ITEM_KEY_PREFIX, KeyedItem } from '@deephaven/utils';
+import { KeyedItem } from '@deephaven/utils';
 import { Item, ItemProps, Section, SectionProps } from '../shared';
 import { PopperOptions } from '../../popper';
 
@@ -239,7 +239,6 @@ function normalizePickerItem(
     ) as NormalizedPickerItem[];
 
     return {
-      key: key == null ? key : `${ITEM_KEY_PREFIX}_${key}`,
       item: {
         key,
         title,
@@ -255,7 +254,6 @@ function normalizePickerItem(
   const textValue = normalizeTextValue(itemOrSection);
 
   return {
-    key: key == null ? key : `${ITEM_KEY_PREFIX}_${key}`,
     item: { key, content, textValue },
   };
 }
diff --git a/packages/utils/src/DataUtils.ts b/packages/utils/src/DataUtils.ts
index 4e82278e5d..40c75d2b60 100644
--- a/packages/utils/src/DataUtils.ts
+++ b/packages/utils/src/DataUtils.ts
@@ -4,13 +4,15 @@ export const EMPTY_MAP: ReadonlyMap<never, never> = new Map<never, never>();
 
 export const EMPTY_FUNCTION = (): void => undefined;
 
-export interface KeyedItem<
+export type KeyedItem<
   TItem,
   TKey extends string | number | boolean | undefined = string,
-> {
-  key: TKey;
-  item?: TItem;
-}
+> = TKey extends undefined
+  ? { key?: TKey; item?: TItem }
+  : {
+      key: TKey;
+      item?: TItem;
+    };
 
 export type SelectionT<T = string> = 'all' | Set<T>;
 

From af14c986be495e8ca88cc8bf74c408280407de62 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 09:14:13 -0500
Subject: [PATCH 19/40] Tests (#1858)

---
 packages/jsapi-utils/src/ViewportDataUtils.test.ts |  8 ++++++++
 packages/jsapi-utils/src/ViewportDataUtils.ts      | 12 ++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/jsapi-utils/src/ViewportDataUtils.test.ts b/packages/jsapi-utils/src/ViewportDataUtils.test.ts
index 92b1650c92..6543b48e39 100644
--- a/packages/jsapi-utils/src/ViewportDataUtils.test.ts
+++ b/packages/jsapi-utils/src/ViewportDataUtils.test.ts
@@ -12,6 +12,7 @@ import {
   getSize,
   isClosed,
   padFirstAndLastRow,
+  createKeyedItemKey,
 } from './ViewportDataUtils';
 
 const { asMock, createMockProxy } = TestUtils;
@@ -35,6 +36,13 @@ beforeEach(() => {
   TestUtils.asMock(deserializeRow).mockImplementation(row => row);
 });
 
+describe('createdKeyedItemKey', () => {
+  it('should append prefix to given index', () => {
+    const actual = createKeyedItemKey(10);
+    expect(actual).toEqual(`${ITEM_KEY_PREFIX}_10`);
+  });
+});
+
 describe('createKeyFromOffsetRow', () => {
   it.each([
     [{ offsetInSnapshot: 4 } as ViewportRow, 5, `${ITEM_KEY_PREFIX}_9`],
diff --git a/packages/jsapi-utils/src/ViewportDataUtils.ts b/packages/jsapi-utils/src/ViewportDataUtils.ts
index 498b6784d4..0c92fb5632 100644
--- a/packages/jsapi-utils/src/ViewportDataUtils.ts
+++ b/packages/jsapi-utils/src/ViewportDataUtils.ts
@@ -17,13 +17,13 @@ export type ViewportRow = dh.Row & { offsetInSnapshot: number };
 const log = Log.module('ViewportDataUtils');
 
 /**
- * Create a key for a given index. The prefix is necessary to avoid collisions
- * with property values in the `item` property that may be used as keys once
- * the item is loaded and rendered.
+ * Create a `KeyedItem.key` for a given index. The prefix is necessary to avoid
+ * collisions with property values in the `item` property that may be used as
+ * keys once the item is loaded and rendered.
  * @param index Index to create a key for.
  * @returns A unique key for the given index.
  */
-export function createItemKey(index: number): string {
+export function createKeyedItemKey(index: number): string {
   return `${ITEM_KEY_PREFIX}_${index}`;
 }
 
@@ -39,7 +39,7 @@ export function createKeyFromOffsetRow(
   row: ViewportRow,
   offset: number
 ): string {
-  return createItemKey(row.offsetInSnapshot + offset);
+  return createKeyedItemKey(row.offsetInSnapshot + offset);
 }
 
 /**
@@ -108,7 +108,7 @@ export function* generateEmptyKeyedItems<T>(
 ): Generator<KeyedItem<T>, void, unknown> {
   // eslint-disable-next-line no-plusplus
   for (let i = start; i <= end; ++i) {
-    yield { key: createItemKey(i) };
+    yield { key: createKeyedItemKey(i) };
   }
 }
 

From 9b961dda0bbdb1576cfcde7767b1f92e1154fb20 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 09:14:35 -0500
Subject: [PATCH 20/40] Cleanup (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx | 35 ++++++++---------
 .../src/spectrum/picker/PickerUtils.test.tsx  | 16 +-------
 .../src/spectrum/picker/PickerUtils.ts        | 36 +++++++++--------
 .../src/spectrum/Picker/Picker.tsx            | 27 +++++++------
 .../Picker/usePickerItemRowDeserializer.ts    |  9 +++++
 .../src/useInitializeViewportData.test.ts     | 39 +++++++++++--------
 6 files changed, 84 insertions(+), 78 deletions(-)

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 9c0d9711c8..fcec8a687d 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -124,18 +124,11 @@ export function Picker({
 
   const renderItem = useCallback(
     (normalizedItem: NormalizedPickerItem) => {
-      // In Windowed data scenarios, the `item` is loaded asynchronously.
-      // Fallback to the top-level `key` if the `item` is not yet available.
       const key = getPickerItemKey(normalizedItem);
-      const { item } = normalizedItem;
-      const content = item?.content ?? '';
-      const textValue = item?.textValue ?? '';
+      const content = normalizedItem.item?.content ?? '';
+      const textValue = normalizedItem.item?.textValue ?? '';
 
       return (
-        // The `textValue` prop gets used to provide the content of `<option>`
-        // elements that back the Spectrum Picker. These are not visible in the UI,
-        // but are used for accessibility purposes, so we set to an arbitrary
-        // 'Empty' value so that they are not empty strings.
         <Item
           // Note that setting the `key` prop explicitly on `Item` elements
           // causes the picker to expect `selectedKey` and `defaultSelectedKey`
@@ -145,6 +138,10 @@ export function Picker({
           // data, so we'll need to do some manual conversion of keys to strings
           // in other places of this component.
           key={key as Key}
+          // The `textValue` prop gets used to provide the content of `<option>`
+          // elements that back the Spectrum Picker. These are not visible in the UI,
+          // but are used for accessibility purposes, so we set to an arbitrary
+          // 'Empty' value so that they are not empty strings.
           textValue={textValue === '' ? 'Empty' : textValue}
         >
           <>
@@ -166,8 +163,8 @@ export function Picker({
       getInitialScrollPosition == null
         ? defaultGetInitialScrollPosition({
             keyedItems: normalizedItems,
-            // TODO: #1890 add support for sections and items with descriptions since they
-            // impact the height calculations
+            // TODO: #1890 & deephaven-plugins#371 add support for sections and
+            // items with descriptions since they impact the height calculations
             itemHeight: PICKER_ITEM_HEIGHT,
             selectedKey,
             topOffset: PICKER_TOP_OFFSET,
@@ -195,14 +192,16 @@ export function Picker({
 
   const onSelectionChangeInternal = useCallback(
     (key: PickerItemKey): void => {
-      // The `key` prop will always be a string due to us setting the `Item` key
-      // prop in `renderItem`. We need to convert it back to the original type.
-      const match = normalizedItems.find(
+      // The `key` arg will always be a string due to us setting the `Item` key
+      // prop in `renderItem`. We need to find the matching item to determine
+      // the actual key.
+      const selectedItem = normalizedItems.find(
         item => String(getPickerItemKey(item)) === key
       );
-      const convertedKey = getPickerItemKey(match) ?? key;
 
-      (onChange ?? onSelectionChange)?.(convertedKey);
+      const actualKey = getPickerItemKey(selectedItem) ?? key;
+
+      (onChange ?? onSelectionChange)?.(actualKey);
     },
     [normalizedItems, onChange, onSelectionChange]
   );
@@ -231,9 +230,7 @@ export function Picker({
         if (isNormalizedPickerSection(itemOrSection)) {
           return (
             <Section
-              // In Windowed data scenarios, the `item` is loaded asynchronously
-              // Fallback to the top-level `key` if the `item` is not yet available
-              key={itemOrSection.item?.key ?? itemOrSection.key}
+              key={getPickerItemKey(itemOrSection)}
               title={itemOrSection.item?.title}
               items={itemOrSection.item?.items}
             >
diff --git a/packages/components/src/spectrum/picker/PickerUtils.test.tsx b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
index 74f525d53d..ad8f8fac45 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.test.tsx
+++ b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
@@ -189,20 +189,8 @@ describe('isPickerItemOrSection', () => {
 
 describe('isNormalizedPickerSection', () => {
   it.each([
-    [
-      {
-        key: undefined,
-        item: {},
-      } as NormalizedPickerItem,
-      false,
-    ],
-    [
-      {
-        key: undefined,
-        item: { items: [] },
-      } as NormalizedPickerSection,
-      true,
-    ],
+    [{ item: {} } as NormalizedPickerItem, false],
+    [{ item: { items: [] } } as NormalizedPickerSection, true],
   ])(
     'should return true for a normalized Picker section: %s',
     (obj, expected) => {
diff --git a/packages/components/src/spectrum/picker/PickerUtils.ts b/packages/components/src/spectrum/picker/PickerUtils.ts
index 1fbe5dbbd1..c7ad2afce4 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.ts
+++ b/packages/components/src/spectrum/picker/PickerUtils.ts
@@ -57,7 +57,8 @@ export interface NormalizedPickerSectionData {
  * The Picker supports a variety of item types, including strings, numbers,
  * booleans, and more complex React elements. This type represents a normalized
  * form to make rendering items simpler and keep the logic of transformation
- * in separate util methods.
+ * in separate util methods. It also adheres to the `KeyedItem` interface to
+ * be compatible with Windowed data utils (e.g. `useViewportData`).
  */
 export type NormalizedPickerItem = KeyedItem<
   NormalizedPickerItemData,
@@ -116,6 +117,22 @@ export function isItemElement<T>(
   return isValidElement<ItemProps<T>>(node) && node.type === Item;
 }
 
+/**
+ * Determine if a node is a normalized Picker item array.
+ * @param node The node to check
+ * @returns True if the node is a normalized Picker item array
+ */
+export function isNormalizedPickerItemList(
+  node: PickerItemOrSection | PickerItemOrSection[] | NormalizedPickerItem[]
+): node is NormalizedPickerItem[] {
+  return (
+    Array.isArray(node) &&
+    node.length > 0 &&
+    !isPickerItemOrSection(node[0]) &&
+    'key' in node[0]
+  );
+}
+
 /**
  * Determine if a node is a Picker item or section. Valid types include strings,
  * numbers, booleans, Item elements, and Section elements.
@@ -134,17 +151,6 @@ export function isPickerItemOrSection(
   );
 }
 
-export function isNormalizedPickerItemList(
-  node: PickerItemOrSection | PickerItemOrSection[] | NormalizedPickerItem[]
-): node is NormalizedPickerItem[] {
-  return (
-    Array.isArray(node) &&
-    node.length > 0 &&
-    !isPickerItemOrSection(node[0]) &&
-    'key' in node[0]
-  );
-}
-
 /**
  * Determine if an object is a normalized Picker section.
  * @param maybeNormalizedPickerSection The object to check
@@ -239,11 +245,7 @@ function normalizePickerItem(
     ) as NormalizedPickerItem[];
 
     return {
-      item: {
-        key,
-        title,
-        items,
-      },
+      item: { key, title, items },
     };
   }
 
diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
index 945ba2d987..d1546a3926 100644
--- a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -41,19 +41,24 @@ export function Picker({
     deserializeRow,
   });
 
-  useEffect(() => {
-    if (selectedKey == null) {
-      return;
-    }
-
-    const keyColumn = getPickerKeyColumn(table, keyColumnName);
-
+  useEffect(
     // Set viewport to include the selected item so that its data will load and
     // the real `key` will be available to show the selection in the UI.
-    table.seekRow(0, keyColumn, keyColumn.type, selectedKey).then(rowIndex => {
-      setViewport(rowIndex);
-    });
-  }, [keyColumnName, selectedKey, setViewport, table]);
+    function setViewportFromSelectedKey() {
+      if (selectedKey == null) {
+        return;
+      }
+
+      const keyColumn = getPickerKeyColumn(table, keyColumnName);
+
+      table
+        .seekRow(0, keyColumn, keyColumn.type, selectedKey)
+        .then(rowIndex => {
+          setViewport(rowIndex);
+        });
+    },
+    [keyColumnName, selectedKey, setViewport, table]
+  );
 
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
diff --git a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
index 6a67c93e9b..d15fc70682 100644
--- a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
+++ b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
@@ -16,6 +16,15 @@ function formatValue(value: unknown): string | number | boolean {
   return String(value);
 }
 
+/**
+ * Returns a function that deserializes a row into a normalized picker item data
+ * object.
+ * @param table The table to get the key and label columns from
+ * @param keyColumnName The name of the column to use for key data
+ * @param labelColumnName The name of the column to use for label data
+ * @returns A function that deserializes a row into a normalized picker item
+ * data object
+ */
 export function usePickerItemRowDeserializer({
   table,
   keyColumnName,
diff --git a/packages/jsapi-components/src/useInitializeViewportData.test.ts b/packages/jsapi-components/src/useInitializeViewportData.test.ts
index 80b399bbcc..c3297b860f 100644
--- a/packages/jsapi-components/src/useInitializeViewportData.test.ts
+++ b/packages/jsapi-components/src/useInitializeViewportData.test.ts
@@ -1,6 +1,7 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 import type { dh } from '@deephaven/jsapi-types';
 import { generateEmptyKeyedItems } from '@deephaven/jsapi-utils';
+import { WindowedListData } from '@deephaven/react-hooks';
 import { ITEM_KEY_PREFIX, KeyedItem, TestUtils } from '@deephaven/utils';
 import useInitializeViewportData from './useInitializeViewportData';
 import useTableSize from './useTableSize';
@@ -19,13 +20,31 @@ const expectedInitial4: KeyedItem<unknown>[] = expectedInitialItems(
 const tableSize2 = TestUtils.createMockProxy<dh.Table>({ size: 2 });
 const expectedInitial2 = expectedInitialItems(tableSize2.size);
 
-function updatedItems(size: number): { key: string; item: string }[] {
+/**
+ * Update a given number of items in the given windowed data
+ * @param data Windowed data to update
+ * @param size Number of items to update
+ * @returns Updated items array
+ */
+function updateItems(
+  data: WindowedListData<{
+    key: string;
+    item?: unknown;
+  }>,
+  size: number
+): { key: string; item: string }[] {
   const items: { key: string; item: string }[] = [];
 
   for (let i = 0; i < size; i += 1) {
     items.push({ key: `${ITEM_KEY_PREFIX}_${i}`, item: `mock.item.${i}` });
   }
 
+  act(() => {
+    items.forEach(updatedItem => {
+      data.update(updatedItem.key, updatedItem);
+    });
+  });
+
   return items;
 }
 
@@ -60,14 +79,7 @@ describe.each([undefined, true, false])(
         }
       );
 
-      const updatedItems4 = updatedItems(tableSize4.size);
-
-      // Update items
-      act(() => {
-        updatedItems4.forEach(updatedItem => {
-          result.current.update(updatedItem.key, updatedItem);
-        });
-      });
+      const updatedItems4 = updateItems(result.current, tableSize4.size);
 
       expect(result.current.items).toEqual(updatedItems4);
 
@@ -106,14 +118,7 @@ describe.each([undefined, true, false])(
 
         expect(result.current.items).toEqual(expectedInitial4);
 
-        const updatedItems4 = updatedItems(tableSize4.size);
-
-        // Update items
-        act(() => {
-          updatedItems4.forEach(updatedItem => {
-            result.current.update(updatedItem.key, updatedItem);
-          });
-        });
+        const updatedItems4 = updateItems(result.current, tableSize4.size);
 
         expect(result.current.items).toEqual(updatedItems4);
 

From 89952adee1cfbd139bf1331abc48fda8a157798e Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 10:02:42 -0500
Subject: [PATCH 21/40] Tests (#1858)

---
 .../src/spectrum/picker/PickerUtils.test.tsx  | 74 +++++++++++++++++--
 .../src/spectrum/picker/PickerUtils.ts        | 55 ++++++++------
 2 files changed, 98 insertions(+), 31 deletions(-)

diff --git a/packages/components/src/spectrum/picker/PickerUtils.test.tsx b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
index ad8f8fac45..01a3b5b791 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.test.tsx
+++ b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
@@ -1,15 +1,19 @@
 import React, { createElement } from 'react';
 import {
+  getPickerItemKey,
+  INVALID_PICKER_ITEM_ERROR_MESSAGE,
+  isItemElement,
+  isNormalizedItemsWithKeysList,
+  isNormalizedPickerSection,
+  isPickerItemOrSection,
+  isSectionElement,
   NormalizedPickerItem,
-  normalizeTooltipOptions,
+  NormalizedPickerSection,
   normalizePickerItemList,
+  normalizeTooltipOptions,
   PickerItem,
-  isSectionElement,
-  isItemElement,
-  NormalizedPickerSection,
-  INVALID_PICKER_ITEM_ERROR_MESSAGE,
-  isPickerItemOrSection,
-  isNormalizedPickerSection,
+  PickerItemOrSection,
+  PickerSection,
 } from './PickerUtils';
 import type { PickerProps } from './Picker';
 import { Item, Section } from '../shared';
@@ -150,6 +154,62 @@ const children = {
   mixed: mixedItems as PickerProps['children'],
 };
 
+describe('getPickerItemKey', () => {
+  it.each([
+    [{ key: 'top-level.key', item: { key: 'item.key' } }, 'item.key'],
+    [{ key: 'top-level.key', item: {} }, 'top-level.key'],
+    [{ key: 'top-level.key' }, 'top-level.key'],
+    [{ item: { key: 'item.key' } }, 'item.key'],
+    [{}, undefined],
+  ] as NormalizedPickerItem[])(
+    'should return the item.key or fallback to the top-level key: %s, %s',
+    (given, expected) => {
+      const actual = getPickerItemKey(given);
+      expect(actual).toBe(expected);
+    }
+  );
+});
+
+describe('isNormalizedItemsWithKeysList', () => {
+  const mock = {
+    normalizedItemWithKey: {
+      key: 'some.key',
+      item: { content: '' },
+    } as NormalizedPickerItem,
+    normalizedSectionWithKey: {
+      key: 'some.key',
+      item: { items: [] },
+    } as NormalizedPickerSection,
+    item: (<Item>Item</Item>) as PickerItem,
+    section: (
+      <Section>
+        <Item>Item</Item>
+      </Section>
+    ) as PickerSection,
+  } as const;
+
+  it.each([
+    [['item'], false],
+    [['section'], false],
+    [['item', 'normalizedItemWithKey'], false],
+    [['section', 'normalizedItemWithKey'], false],
+    [[], true],
+    [['normalizedItemWithKey'], true],
+    [['normalizedSectionWithKey'], true],
+    [['normalizedItemWithKey', 'item'], true],
+    [['normalizedSectionWithKey', 'section'], true],
+  ] as [(keyof typeof mock)[], boolean][])(
+    'should return true for a normalized Picker item list: %s, %s',
+    (givenKeys, expected) => {
+      const given = givenKeys.map(key => mock[key]) as
+        | PickerItemOrSection[]
+        | (NormalizedPickerItem | NormalizedPickerSection)[];
+
+      expect(isNormalizedItemsWithKeysList(given)).toBe(expected);
+    }
+  );
+});
+
 describe('isSectionElement', () => {
   it.each([
     [createElement(Section), true],
diff --git a/packages/components/src/spectrum/picker/PickerUtils.ts b/packages/components/src/spectrum/picker/PickerUtils.ts
index c7ad2afce4..0c3b9bbb96 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.ts
+++ b/packages/components/src/spectrum/picker/PickerUtils.ts
@@ -118,18 +118,39 @@ export function isItemElement<T>(
 }
 
 /**
- * Determine if a node is a normalized Picker item array.
+ * Determine if a node is an array containing normalized items with keys.
+ * Note that this only checks the first node in the array.
  * @param node The node to check
- * @returns True if the node is a normalized Picker item array
+ * @returns True if the node is a normalized item with keys array
  */
-export function isNormalizedPickerItemList(
-  node: PickerItemOrSection | PickerItemOrSection[] | NormalizedPickerItem[]
-): node is NormalizedPickerItem[] {
+export function isNormalizedItemsWithKeysList(
+  node:
+    | PickerItemOrSection
+    | PickerItemOrSection[]
+    | (NormalizedPickerItem | NormalizedPickerSection)[]
+): node is (NormalizedPickerItem | NormalizedPickerSection)[] {
+  if (!Array.isArray(node)) {
+    return false;
+  }
+
+  if (node.length === 0) {
+    return true;
+  }
+
+  return !isPickerItemOrSection(node[0]) && 'key' in node[0];
+}
+
+/**
+ * Determine if an object is a normalized Picker section.
+ * @param maybeNormalizedPickerSection The object to check
+ * @returns True if the object is a normalized Picker section
+ */
+export function isNormalizedPickerSection(
+  maybeNormalizedPickerSection: NormalizedPickerItem | NormalizedPickerSection
+): maybeNormalizedPickerSection is NormalizedPickerSection {
   return (
-    Array.isArray(node) &&
-    node.length > 0 &&
-    !isPickerItemOrSection(node[0]) &&
-    'key' in node[0]
+    maybeNormalizedPickerSection.item != null &&
+    'items' in maybeNormalizedPickerSection.item
   );
 }
 
@@ -151,20 +172,6 @@ export function isPickerItemOrSection(
   );
 }
 
-/**
- * Determine if an object is a normalized Picker section.
- * @param maybeNormalizedPickerSection The object to check
- * @returns True if the object is a normalized Picker section
- */
-export function isNormalizedPickerSection(
-  maybeNormalizedPickerSection: NormalizedPickerItem | NormalizedPickerSection
-): maybeNormalizedPickerSection is NormalizedPickerSection {
-  return (
-    maybeNormalizedPickerSection.item != null &&
-    'items' in maybeNormalizedPickerSection.item
-  );
-}
-
 /**
  * Determine the `key` of a picker item or section.
  * @param itemOrSection The picker item or section
@@ -272,7 +279,7 @@ export function normalizePickerItemList(
     | NormalizedPickerItem[]
 ): (NormalizedPickerItem | NormalizedPickerSection)[] {
   // If already normalized, just return as-is
-  if (isNormalizedPickerItemList(itemsOrSections)) {
+  if (isNormalizedItemsWithKeysList(itemsOrSections)) {
     return itemsOrSections;
   }
 

From 2f9a5fafd04813797142874dfd117c3749e1a14f Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 10:10:43 -0500
Subject: [PATCH 22/40] Label (#1858)

---
 packages/components/src/spectrum/picker/PickerUtils.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/src/spectrum/picker/PickerUtils.test.tsx b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
index 01a3b5b791..578726a00f 100644
--- a/packages/components/src/spectrum/picker/PickerUtils.test.tsx
+++ b/packages/components/src/spectrum/picker/PickerUtils.test.tsx
@@ -199,7 +199,7 @@ describe('isNormalizedItemsWithKeysList', () => {
     [['normalizedItemWithKey', 'item'], true],
     [['normalizedSectionWithKey', 'section'], true],
   ] as [(keyof typeof mock)[], boolean][])(
-    'should return true for a normalized Picker item list: %s, %s',
+    'should return true for a normalized items with keys list: %s, %s',
     (givenKeys, expected) => {
       const given = givenKeys.map(key => mock[key]) as
         | PickerItemOrSection[]

From 8323201199ce7501488b0290ec575bde808a1674 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 11:48:56 -0500
Subject: [PATCH 23/40] getPositionOfSelectedItem (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx |  4 +-
 .../react-hooks/src/SpectrumUtils.test.ts     | 37 +++++++++++-
 packages/react-hooks/src/SpectrumUtils.ts     | 57 +++++++++++--------
 3 files changed, 71 insertions(+), 27 deletions(-)

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index fcec8a687d..78f91a55d0 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -2,7 +2,7 @@ import { Key, ReactNode, useCallback, useMemo } from 'react';
 import { DOMRef } from '@react-types/shared';
 import { Flex, Picker as SpectrumPicker, Text } from '@adobe/react-spectrum';
 import {
-  defaultGetInitialScrollPosition,
+  getPositionOfSelectedItem,
   findSpectrumPickerScrollArea,
   isElementOfType,
   usePopoverOnScrollRef,
@@ -161,7 +161,7 @@ export function Picker({
   const getInitialScrollPositionInternal = useCallback(
     () =>
       getInitialScrollPosition == null
-        ? defaultGetInitialScrollPosition({
+        ? getPositionOfSelectedItem({
             keyedItems: normalizedItems,
             // TODO: #1890 & deephaven-plugins#371 add support for sections and
             // items with descriptions since they impact the height calculations
diff --git a/packages/react-hooks/src/SpectrumUtils.test.ts b/packages/react-hooks/src/SpectrumUtils.test.ts
index aadc8d1643..5e7dc6ad25 100644
--- a/packages/react-hooks/src/SpectrumUtils.test.ts
+++ b/packages/react-hooks/src/SpectrumUtils.test.ts
@@ -1,4 +1,4 @@
-import { TestUtils } from '@deephaven/utils';
+import { KeyedItem, TestUtils } from '@deephaven/utils';
 import {
   createValidationProps,
   extractSpectrumHTMLElement,
@@ -6,6 +6,7 @@ import {
   findSpectrumComboBoxScrollArea,
   findSpectrumPickerScrollArea,
   findSpectrumPopoverScrollArea,
+  getPositionOfSelectedItem,
   identityExtractHTMLElement,
   ReactSpectrumComponent,
 } from './SpectrumUtils';
@@ -152,6 +153,40 @@ describe.each([
   }
 );
 
+describe('getPositionOfSelectedItem', () => {
+  const keyedItems: KeyedItem<{ key?: string; content: string }, string>[] = [
+    { key: 'top-level-key-1', item: { key: 'key-1', content: '1' } },
+    { key: 'top-level-key-2', item: { key: 'key-2', content: '2' } },
+    { key: 'top-level-key-3', item: { key: 'key-3', content: '3' } },
+    { key: 'top-level-key-4', item: { content: '4' } },
+  ];
+
+  const itemHeight = 8;
+  const topOffset = 2;
+
+  it.each([
+    ['top-level-key-2', 0],
+    ['key-2', 1],
+    ['key-3', 2],
+    ['key-4', 0],
+    ['top-level-key-4', 3],
+  ])(
+    'should find the position of the selected item: %s, %s',
+    async (selectedKey, expectedIndex) => {
+      const actual = await getPositionOfSelectedItem({
+        keyedItems,
+        itemHeight,
+        selectedKey,
+        topOffset,
+      });
+
+      const expected = itemHeight * expectedIndex + topOffset;
+
+      expect(actual).toBe(expected);
+    }
+  );
+});
+
 describe('identityExtractHTMLElement', () => {
   it.each([null, createMockProxy<Element>()])(
     'should return null if given object is not an HTMLElement',
diff --git a/packages/react-hooks/src/SpectrumUtils.ts b/packages/react-hooks/src/SpectrumUtils.ts
index 1261e4cd34..2f48b318ce 100644
--- a/packages/react-hooks/src/SpectrumUtils.ts
+++ b/packages/react-hooks/src/SpectrumUtils.ts
@@ -25,30 +25,6 @@ export function createValidationProps(
   };
 }
 
-export async function defaultGetInitialScrollPosition<
-  TKey extends string | number | boolean | undefined,
->({
-  keyedItems,
-  itemHeight,
-  selectedKey,
-  topOffset,
-}: {
-  keyedItems: KeyedItem<{ key?: TKey }, TKey>[];
-  itemHeight: number;
-  selectedKey: TKey | null | undefined;
-  topOffset: number;
-}): Promise<number> {
-  const i = keyedItems.findIndex(
-    item => item.item?.key === selectedKey || item.key === selectedKey
-  );
-
-  if (i <= 0) {
-    return 0;
-  }
-
-  return itemHeight * i + topOffset;
-}
-
 /**
  * Extract DOM node from React Spectrum component ref.
  * @param ref
@@ -111,6 +87,39 @@ export function findSpectrumPopoverScrollArea<
   return scrollArea;
 }
 
+/**
+ * Get the position of a selected item in a list of keyed items. The position is
+ * based on the index, item height, and top offset.
+ * @param keyedItems The list of keyed items
+ * @param itemHeight The height of each item
+ * @param selectedKey The key of the selected item
+ * @param topOffset The offset from the top of the list (e.g. if there is top
+ * padding surrounding the entire list)
+ */
+export async function getPositionOfSelectedItem<
+  TKey extends string | number | boolean | undefined,
+>({
+  keyedItems,
+  itemHeight,
+  selectedKey,
+  topOffset,
+}: {
+  keyedItems: KeyedItem<{ key?: TKey }, TKey>[];
+  itemHeight: number;
+  selectedKey: TKey | null | undefined;
+  topOffset: number;
+}): Promise<number> {
+  const i = keyedItems.findIndex(
+    item => (item.item?.key ?? item.key) === selectedKey
+  );
+
+  if (i <= 0) {
+    return topOffset;
+  }
+
+  return itemHeight * i + topOffset;
+}
+
 /**
  * Returns the given object if it is an HTMLElement. Otherwise returns null.
  * @param maybeHTMLElement

From 2b94503b7f33dcf30be24786637bc83feb9986bd Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 12:02:53 -0500
Subject: [PATCH 24/40] usePopoverOnScrollRef tests (#1858)

---
 .../src/usePopoverOnScrollRef.test.tsx        | 132 ++++++++++--------
 1 file changed, 75 insertions(+), 57 deletions(-)

diff --git a/packages/react-hooks/src/usePopoverOnScrollRef.test.tsx b/packages/react-hooks/src/usePopoverOnScrollRef.test.tsx
index 3d66935c15..d2673fd761 100644
--- a/packages/react-hooks/src/usePopoverOnScrollRef.test.tsx
+++ b/packages/react-hooks/src/usePopoverOnScrollRef.test.tsx
@@ -20,7 +20,7 @@ describe('usePopoverOnScrollRef', () => {
   const mock = {
     event: createMockProxy<Event>(),
     findScrollArea: jest.fn(),
-    getInitialScrollPosition: jest.fn<Promise<number>, []>(),
+    getInitialScrollPosition: jest.fn<Promise<number | null>, []>(),
     onScrollA: jest.fn(),
     onScrollB: jest.fn(),
     result: {
@@ -47,7 +47,7 @@ describe('usePopoverOnScrollRef', () => {
     asMock(mock.onScrollA).mockName('onScroll');
   });
 
-  function testCommon(getInitialScrollPosition?: () => Promise<number>) {
+  function testCommon(getInitialScrollPosition?: () => Promise<number | null>) {
     const renderResult = renderHook(
       props => usePopoverOnScrollRef(mock.findScrollArea, ...props),
       { initialProps: [mock.onScrollA, getInitialScrollPosition] as const }
@@ -74,75 +74,93 @@ describe('usePopoverOnScrollRef', () => {
     expect(mock.findScrollArea).not.toHaveBeenCalled();
   });
 
-  describe('onOpenChange callback', () => {
-    it.each([undefined, mock.getInitialScrollPosition])(
-      'should initialize scroll position on open if given getInitialScrollPosition callback: %s',
-      async getInitialScrollPosition => {
-        const { result } = testCommon(getInitialScrollPosition);
-
-        result.current.onOpenChange(true);
-
-        act(() => {
-          // deal with the setTimeout(..., 0)
-          jest.advanceTimersByTime(0);
-        });
+  describe.each([null, mock.result.getInitialScrollPosition])(
+    'onOpenChange callback',
+    position => {
+      it.each([undefined, mock.getInitialScrollPosition])(
+        'should initialize scroll position on open if given getInitialScrollPosition callback: %s',
+        async getInitialScrollPosition => {
+          asMock(mock.getInitialScrollPosition).mockResolvedValue(position);
+
+          const { result } = testCommon(getInitialScrollPosition);
+
+          result.current.onOpenChange(true);
+
+          act(() => {
+            // deal with the setTimeout(..., 0)
+            jest.advanceTimersByTime(0);
+          });
+
+          if (getInitialScrollPosition != null) {
+            expect(mock.getInitialScrollPosition).toHaveBeenCalled();
+
+            jest.runAllTimers();
+            await TestUtils.flushPromises();
+
+            if (position == null) {
+              expect(mock.result.findScrollArea.scroll).not.toHaveBeenCalled();
+            } else {
+              expect(mock.result.findScrollArea.scroll).toHaveBeenCalledWith(
+                0,
+                mock.result.getInitialScrollPosition
+              );
+            }
+          }
+        }
+      );
 
-        if (getInitialScrollPosition != null) {
-          expect(mock.getInitialScrollPosition).toHaveBeenCalled();
+      it.each([true, false])(
+        'should register a scroll handler on open',
+        testMultipleOpens => {
+          const { result } = testCommon();
 
-          jest.runAllTimers();
-          await TestUtils.flushPromises();
+          result.current.onOpenChange(true);
 
-          expect(mock.result.findScrollArea.scroll).toHaveBeenCalledWith(
-            0,
-            mock.result.getInitialScrollPosition
-          );
-        }
-      }
-    );
+          if (testMultipleOpens) {
+            result.current.onOpenChange(false);
+            result.current.onOpenChange(true);
+          }
 
-    it('should register a scroll handler on open', () => {
-      const { result } = testCommon();
+          expect(mock.findScrollArea).not.toHaveBeenCalled();
 
-      result.current.onOpenChange(true);
+          act(() => {
+            jest.advanceTimersByTime(0);
+          });
 
-      expect(mock.findScrollArea).not.toHaveBeenCalled();
+          expect(mock.findScrollArea).toHaveBeenCalledTimes(1);
 
-      act(() => {
-        jest.advanceTimersByTime(0);
-      });
-
-      expect(mock.findScrollArea).toHaveBeenCalledWith(
-        result.current.ref.current
-      );
-      expect(mock.result.findScrollArea.addEventListener).toHaveBeenCalledWith(
-        'scroll',
-        expect.any(Function)
+          expect(mock.findScrollArea).toHaveBeenCalledWith(
+            result.current.ref.current
+          );
+          expect(
+            mock.result.findScrollArea.addEventListener
+          ).toHaveBeenCalledWith('scroll', expect.any(Function));
+        }
       );
-    });
 
-    it('should call latest onScroll handler on scroll event', () => {
-      const { result, rerender } = testCommon();
+      it('should call latest onScroll handler on scroll event', () => {
+        const { result, rerender } = testCommon();
 
-      result.current.onOpenChange(true);
+        result.current.onOpenChange(true);
 
-      act(() => {
-        jest.advanceTimersByTime(0);
-      });
+        act(() => {
+          jest.advanceTimersByTime(0);
+        });
 
-      const scrollHandlerA = getLastRegisteredOnScrollHandler();
-      scrollHandlerA(mock.event);
+        const scrollHandlerA = getLastRegisteredOnScrollHandler();
+        scrollHandlerA(mock.event);
 
-      expect(mock.onScrollA).toHaveBeenCalledWith(mock.event);
+        expect(mock.onScrollA).toHaveBeenCalledWith(mock.event);
 
-      jest.clearAllMocks();
-      rerender([mock.onScrollB, undefined]);
+        jest.clearAllMocks();
+        rerender([mock.onScrollB, undefined]);
 
-      const scrollHandlerB = getLastRegisteredOnScrollHandler();
-      scrollHandlerB(mock.event);
+        const scrollHandlerB = getLastRegisteredOnScrollHandler();
+        scrollHandlerB(mock.event);
 
-      expect(mock.onScrollA).not.toHaveBeenCalled();
-      expect(mock.onScrollB).toHaveBeenCalledWith(mock.event);
-    });
-  });
+        expect(mock.onScrollA).not.toHaveBeenCalled();
+        expect(mock.onScrollB).toHaveBeenCalledWith(mock.event);
+      });
+    }
+  );
 });

From 613fc6cee0f0a127bc146bf7ec3dcac33cf11a44 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 12:03:35 -0500
Subject: [PATCH 25/40] label (#1858)

---
 packages/react-hooks/src/usePopoverOnScrollRef.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-hooks/src/usePopoverOnScrollRef.test.tsx b/packages/react-hooks/src/usePopoverOnScrollRef.test.tsx
index d2673fd761..7bdb1d33ca 100644
--- a/packages/react-hooks/src/usePopoverOnScrollRef.test.tsx
+++ b/packages/react-hooks/src/usePopoverOnScrollRef.test.tsx
@@ -75,7 +75,7 @@ describe('usePopoverOnScrollRef', () => {
   });
 
   describe.each([null, mock.result.getInitialScrollPosition])(
-    'onOpenChange callback',
+    'onOpenChange callback: %s',
     position => {
       it.each([undefined, mock.getInitialScrollPosition])(
         'should initialize scroll position on open if given getInitialScrollPosition callback: %s',

From a94aeb7d1e016e80a25ea3b556d3c5e5bffd6d58 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 12:06:28 -0500
Subject: [PATCH 26/40] Comment (#1858)

---
 packages/react-hooks/src/usePopoverOnScrollRef.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-hooks/src/usePopoverOnScrollRef.ts b/packages/react-hooks/src/usePopoverOnScrollRef.ts
index a805fabb21..34fd181a8a 100644
--- a/packages/react-hooks/src/usePopoverOnScrollRef.ts
+++ b/packages/react-hooks/src/usePopoverOnScrollRef.ts
@@ -14,7 +14,8 @@ export interface UsePopoverOnScrollRefResult<T> {
  * @param findScrollArea Function to retreive the DOM element to attach a scroll
  * event listener to
  * @param onScroll Scroll event listener function to attach
- * @param getInitialScrollPosition Function to retrieve the initial scroll position.
+ * @param getInitialScrollPosition Function to retrieve the initial scroll
+ * position. If it returns `null`, no scrolling will occur.
  */
 export function usePopoverOnScrollRef<T>(
   findScrollArea: (ref: T | null) => HTMLElement | null,

From 491c2759af651e0e4df80280b519ac86a64bdef6 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 12:08:05 -0500
Subject: [PATCH 27/40] Comment (#1858)

---
 packages/react-hooks/src/usePopoverOnScrollRef.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-hooks/src/usePopoverOnScrollRef.ts b/packages/react-hooks/src/usePopoverOnScrollRef.ts
index 34fd181a8a..688eac9145 100644
--- a/packages/react-hooks/src/usePopoverOnScrollRef.ts
+++ b/packages/react-hooks/src/usePopoverOnScrollRef.ts
@@ -15,7 +15,8 @@ export interface UsePopoverOnScrollRefResult<T> {
  * event listener to
  * @param onScroll Scroll event listener function to attach
  * @param getInitialScrollPosition Function to retrieve the initial scroll
- * position. If it returns `null`, no scrolling will occur.
+ * position. If no function is given, or if the function returns `null`, no
+ * initial scrolling will occur.
  */
 export function usePopoverOnScrollRef<T>(
   findScrollArea: (ref: T | null) => HTMLElement | null,

From 40b08ddd461d499827a7649e855e713f1f9dda84 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 12:23:07 -0500
Subject: [PATCH 28/40] PickerUtils tests (#1858)

---
 .../src/spectrum/Picker/PickerUtils.test.tsx  | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 packages/jsapi-components/src/spectrum/Picker/PickerUtils.test.tsx

diff --git a/packages/jsapi-components/src/spectrum/Picker/PickerUtils.test.tsx b/packages/jsapi-components/src/spectrum/Picker/PickerUtils.test.tsx
new file mode 100644
index 0000000000..a0f4a43735
--- /dev/null
+++ b/packages/jsapi-components/src/spectrum/Picker/PickerUtils.test.tsx
@@ -0,0 +1,49 @@
+import { type dh } from '@deephaven/jsapi-types';
+import { TestUtils } from '@deephaven/utils';
+import { getPickerKeyColumn, getPickerLabelColumn } from './PickerUtils';
+
+const { createMockProxy } = TestUtils;
+
+const keyColumn = createMockProxy<dh.Column>({ name: 'keyColumn' });
+const labelColumn = createMockProxy<dh.Column>({ name: 'labelColumn' });
+const otherColumn = createMockProxy<dh.Column>({ name: 'otherColumn' });
+
+const columns = [keyColumn, labelColumn, otherColumn];
+
+const table = createMockProxy<dh.Table>({
+  columns,
+  findColumn: jest.fn(
+    columnName => columns.find(column => column.name === columnName)!
+  ),
+});
+
+beforeEach(() => {
+  jest.clearAllMocks();
+  expect.hasAssertions();
+});
+
+describe('getPickerKeyColumn', () => {
+  it.each([
+    ['keyColumn', keyColumn],
+    [undefined, columns[0]],
+  ])(
+    'should return the given key column or fallback to the first column',
+    (keyColumnName, expectedColumn) => {
+      const actual = getPickerKeyColumn(table, keyColumnName);
+      expect(actual).toBe(expectedColumn);
+    }
+  );
+});
+
+describe('getPickerLabelColumn', () => {
+  it.each([
+    ['labelColumn', labelColumn],
+    [undefined, keyColumn],
+  ])(
+    'should return the given label column or fallback to the key column',
+    (labelColumnName, expectedColumn) => {
+      const actual = getPickerLabelColumn(table, keyColumn, labelColumnName);
+      expect(actual).toBe(expectedColumn);
+    }
+  );
+});

From a58678bd994b9ef01c541ace6aa545fe02f1dddd Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 17:12:42 -0500
Subject: [PATCH 29/40] Fixed scroll to item on subsequent popover opens
 (#1858)

---
 .../components/src/spectrum/picker/Picker.tsx |  2 +-
 packages/jsapi-components/src/index.ts        |  1 +
 .../src/spectrum/Picker/Picker.tsx            | 55 +++++++++++++------
 .../src/useGetItemIndexByValue.ts             | 40 ++++++++++++++
 packages/jsapi-utils/src/TableUtils.ts        | 31 +++++++++++
 5 files changed, 111 insertions(+), 18 deletions(-)
 create mode 100644 packages/jsapi-components/src/useGetItemIndexByValue.ts

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 78f91a55d0..7403636743 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -36,7 +36,7 @@ export type PickerProps = {
   /** The initial selected key in the collection (uncontrolled). */
   defaultSelectedKey?: PickerItemKey;
   /** Function to retrieve initial scroll position when opening the picker */
-  getInitialScrollPosition?: () => Promise<number>;
+  getInitialScrollPosition?: () => Promise<number | null>;
   /**
    * Handler that is called when the selection change.
    * Note that under the hood, this is just an alias for Spectrum's
diff --git a/packages/jsapi-components/src/index.ts b/packages/jsapi-components/src/index.ts
index 2c519d75a6..16f750045a 100644
--- a/packages/jsapi-components/src/index.ts
+++ b/packages/jsapi-components/src/index.ts
@@ -11,6 +11,7 @@ export { default as useDebouncedViewportSearch } from './useDebouncedViewportSea
 export * from './useDebouncedViewportSelectionFilter';
 export * from './useFilterConditionFactories';
 export * from './useFilteredItemsWithDefaultValue';
+export * from './useGetItemIndexByValue';
 export * from './useGetItemPosition';
 export { default as useInitializeViewportData } from './useInitializeViewportData';
 export * from './useSearchableViewportData';
diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
index d1546a3926..269c0a83fe 100644
--- a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -4,11 +4,12 @@ import {
   PickerProps as PickerPropsBase,
 } from '@deephaven/components';
 import { dh } from '@deephaven/jsapi-types';
-import { PICKER_ITEM_HEIGHT } from '@deephaven/utils';
-import { useEffect } from 'react';
+import { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
+import { useCallback, useEffect, useMemo } from 'react';
+import useGetItemIndexByValue from '../../useGetItemIndexByValue';
 import { useViewportData } from '../../useViewportData';
 import { getPickerKeyColumn } from './PickerUtils';
-import usePickerItemRowDeserializer from './usePickerItemRowDeserializer';
+import { usePickerItemRowDeserializer } from './usePickerItemRowDeserializer';
 
 export interface PickerProps extends PickerPropsBase {
   table: dh.Table;
@@ -25,12 +26,33 @@ export function Picker({
   selectedKey,
   ...props
 }: PickerProps): JSX.Element {
+  const keyColumn = useMemo(
+    () => getPickerKeyColumn(table, keyColumnName),
+    [keyColumnName, table]
+  );
+
   const deserializeRow = usePickerItemRowDeserializer({
     table,
     keyColumnName,
     labelColumnName,
   });
 
+  const getItemIndexByValue = useGetItemIndexByValue({
+    table,
+    columnName: keyColumn.name,
+    value: selectedKey,
+  });
+
+  const getInitialScrollPosition = useCallback(async () => {
+    const index = await getItemIndexByValue();
+
+    if (index == null) {
+      return null;
+    }
+
+    return index * PICKER_ITEM_HEIGHT + PICKER_TOP_OFFSET;
+  }, [getItemIndexByValue]);
+
   const { viewportData, onScroll, setViewport } = useViewportData<
     NormalizedPickerItemData,
     dh.Table
@@ -45,24 +67,23 @@ export function Picker({
     // Set viewport to include the selected item so that its data will load and
     // the real `key` will be available to show the selection in the UI.
     function setViewportFromSelectedKey() {
-      if (selectedKey == null) {
-        return;
-      }
-
-      const keyColumn = getPickerKeyColumn(table, keyColumnName);
-
-      table
-        .seekRow(0, keyColumn, keyColumn.type, selectedKey)
-        .then(rowIndex => {
-          setViewport(rowIndex);
-        });
+      getItemIndexByValue().then(index => {
+        if (index != null) {
+          setViewport(index);
+        }
+      });
     },
-    [keyColumnName, selectedKey, setViewport, table]
+    [getItemIndexByValue, setViewport]
   );
 
   return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    <PickerBase {...props} selectedKey={selectedKey} onScroll={onScroll}>
+    <PickerBase
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      {...props}
+      getInitialScrollPosition={getInitialScrollPosition}
+      selectedKey={selectedKey}
+      onScroll={onScroll}
+    >
       {viewportData.items}
     </PickerBase>
   );
diff --git a/packages/jsapi-components/src/useGetItemIndexByValue.ts b/packages/jsapi-components/src/useGetItemIndexByValue.ts
new file mode 100644
index 0000000000..fcb97bc18e
--- /dev/null
+++ b/packages/jsapi-components/src/useGetItemIndexByValue.ts
@@ -0,0 +1,40 @@
+import { useCallback } from 'react';
+import { dh } from '@deephaven/jsapi-types';
+import useTableUtils from './useTableUtils';
+
+/**
+ * Returns a function that gets the index of the first row containing a column
+ * value.
+ * @param columnName The name of the column to search
+ * @param value The value to search for
+ * @param table The table to search in
+ * @returns A function that returns the index of the first row containing the
+ * matching value, or `null` if no match is found
+ */
+export function useGetItemIndexByValue<TValue>({
+  columnName,
+  value,
+  table,
+}: {
+  columnName: string;
+  table: dh.Table | null;
+  value: TValue | null | undefined;
+}): () => Promise<number | null> {
+  const tableUtils = useTableUtils();
+
+  return useCallback(async () => {
+    if (table == null || value == null) {
+      return null;
+    }
+
+    const column = table.findColumn(columnName);
+    const columnValueType = tableUtils.getValueType(column.type);
+
+    // TODO: It seems that `seekRow` returns the index of the last row when
+    // no match is found. We need a way to distinguish between a match in the
+    // last row and no match at all and return `null` in the latter case.
+    return table.seekRow(0, column, columnValueType, value);
+  }, [columnName, table, tableUtils, value]);
+}
+
+export default useGetItemIndexByValue;
diff --git a/packages/jsapi-utils/src/TableUtils.ts b/packages/jsapi-utils/src/TableUtils.ts
index 235a4b6e58..ef606d1c26 100644
--- a/packages/jsapi-utils/src/TableUtils.ts
+++ b/packages/jsapi-utils/src/TableUtils.ts
@@ -876,6 +876,37 @@ export class TableUtils {
     return size > 0;
   }
 
+  getValueType(columnType?: string): string {
+    if (columnType == null) {
+      return this.dh.ValueType.STRING;
+    }
+
+    const columnDataType = TableUtils.getNormalizedType(columnType);
+
+    switch (columnDataType) {
+      case TableUtils.dataType.CHAR:
+      case TableUtils.dataType.STRING:
+        return this.dh.ValueType.STRING;
+
+      case TableUtils.dataType.DATETIME:
+        return this.dh.ValueType.DATETIME;
+
+      case TableUtils.dataType.DECIMAL:
+      case TableUtils.dataType.INT:
+        if (
+          TableUtils.isBigDecimalType(columnType) ||
+          TableUtils.isBigIntegerType(columnType)
+        ) {
+          return this.dh.ValueType.STRING;
+        }
+
+        return this.dh.ValueType.NUMBER;
+
+      default:
+        return this.dh.ValueType.STRING;
+    }
+  }
+
   /**
    * Create filter with the provided column and text. Handles multiple filters joined with && or ||
    * @param column The column to set the filter on

From 275378ade43ba15e6851453e32602b07c409320f Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Fri, 22 Mar 2024 17:43:06 -0500
Subject: [PATCH 30/40] getValueType tests (#1858)

---
 __mocks__/dh-core.js                        |  8 +++
 packages/jsapi-utils/src/TableUtils.test.ts | 68 +++++++++++++++++----
 packages/jsapi-utils/src/TableUtils.ts      |  5 ++
 3 files changed, 70 insertions(+), 11 deletions(-)

diff --git a/__mocks__/dh-core.js b/__mocks__/dh-core.js
index f3e669dad8..d0236df8e9 100644
--- a/__mocks__/dh-core.js
+++ b/__mocks__/dh-core.js
@@ -1989,6 +1989,13 @@ class SourceType {
   static Z = 'Z';
 }
 
+class ValueType {
+  static CHAR = 'CHAR';
+  static DATETIME = 'DATETIME';
+  static NUMBER = 'NUMBER';
+  static STRING = 'STRING';
+}
+
 const dh = {
   FilterCondition: FilterCondition,
   FilterValue: FilterValue,
@@ -2034,6 +2041,7 @@ const dh = {
     DayOfWeek,
   },
   DateWrapper: DateWrapper,
+  ValueType,
   ViewportData,
   VariableType,
   storage: {
diff --git a/packages/jsapi-utils/src/TableUtils.test.ts b/packages/jsapi-utils/src/TableUtils.test.ts
index bb6fe73655..8ea0185e16 100644
--- a/packages/jsapi-utils/src/TableUtils.test.ts
+++ b/packages/jsapi-utils/src/TableUtils.test.ts
@@ -1,15 +1,6 @@
 import dh from '@deephaven/jsapi-shim';
-import type {
-  Column,
-  CustomColumn,
-  DateWrapper,
-  FilterCondition,
-  FilterValue,
-  LongWrapper,
-  Sort,
-  Table,
-  TreeTable,
-} from '@deephaven/jsapi-types';
+import type { dh as DhType } from '@deephaven/jsapi-types';
+
 import {
   Operator as FilterOperator,
   Type as FilterType,
@@ -24,6 +15,16 @@ import { ColumnName } from './Formatter';
 import { createValueFilter, FilterConditionFactory } from './FilterUtils';
 import { getSize } from './ViewportDataUtils';
 
+type Column = DhType.Column;
+type CustomColumn = DhType.CustomColumn;
+type DateWrapper = DhType.DateWrapper;
+type FilterCondition = DhType.FilterCondition;
+type FilterValue = DhType.FilterValue;
+type LongWrapper = DhType.LongWrapper;
+type Sort = DhType.Sort;
+type Table = DhType.Table;
+type TreeTable = DhType.TreeTable;
+
 jest.mock('./FilterUtils');
 jest.mock('./ViewportDataUtils');
 
@@ -572,6 +573,51 @@ describe('executeAndWaitForEvent', () => {
   );
 });
 
+describe('getValueType', () => {
+  it.each([
+    // TODO: Is there a better mapping for boolean?
+    ['boolean', dh.ValueType.STRING],
+    ['java.lang.Boolean', dh.ValueType.STRING],
+    [TableUtils.dataType.BOOLEAN, dh.ValueType.STRING],
+
+    ['char', dh.ValueType.STRING],
+    ['java.lang.Character', dh.ValueType.STRING],
+    [TableUtils.dataType.CHAR, dh.ValueType.STRING],
+    ['java.lang.String', dh.ValueType.STRING],
+    [TableUtils.dataType.STRING, dh.ValueType.STRING],
+
+    ['io.deephaven.db.tables.utils.DBDateTime', dh.ValueType.DATETIME],
+    ['io.deephaven.time.DateTime', dh.ValueType.DATETIME],
+    ['com.illumon.iris.db.tables.utils.DBDateTime', dh.ValueType.DATETIME],
+    ['java.time.Instant', dh.ValueType.DATETIME],
+    ['java.time.ZonedDateTime', dh.ValueType.DATETIME],
+    [TableUtils.dataType.DATETIME, dh.ValueType.DATETIME],
+
+    ['double', dh.ValueType.NUMBER],
+    ['java.lang.Double', dh.ValueType.NUMBER],
+    ['float', dh.ValueType.NUMBER],
+    ['java.lang.Float', dh.ValueType.NUMBER],
+    ['java.math.BigDecimal', dh.ValueType.STRING],
+    [TableUtils.dataType.DECIMAL, dh.ValueType.NUMBER],
+
+    ['int', dh.ValueType.NUMBER],
+    ['java.lang.Integer', dh.ValueType.NUMBER],
+    ['long', dh.ValueType.NUMBER],
+    ['java.lang.Long', dh.ValueType.NUMBER],
+    ['short', dh.ValueType.NUMBER],
+    ['java.lang.Short', dh.ValueType.NUMBER],
+    ['byte', dh.ValueType.NUMBER],
+    ['java.lang.Byte', dh.ValueType.NUMBER],
+    ['java.math.BigInteger', dh.ValueType.STRING],
+    [TableUtils.dataType.INT, dh.ValueType.NUMBER],
+  ])(
+    'should return the correct value type for columnType: %s, %s',
+    (columnType, valueType) => {
+      expect(tableUtils.getValueType(columnType)).toBe(valueType);
+    }
+  );
+});
+
 describe('toggleSortForColumn', () => {
   it('toggles sort properly', () => {
     const columns = makeColumns();
diff --git a/packages/jsapi-utils/src/TableUtils.ts b/packages/jsapi-utils/src/TableUtils.ts
index ef606d1c26..792b1de94c 100644
--- a/packages/jsapi-utils/src/TableUtils.ts
+++ b/packages/jsapi-utils/src/TableUtils.ts
@@ -876,6 +876,11 @@ export class TableUtils {
     return size > 0;
   }
 
+  /**
+   * Get the `dh.ValueType` correspoding to the given `dh.Column.type` value.
+   * @param columnType The column type to get the value type for
+   * @returns The `dh.ValueType` corresponding to the column type
+   */
   getValueType(columnType?: string): string {
     if (columnType == null) {
       return this.dh.ValueType.STRING;

From 8f58c19b518989167a30de29818591f222a1d28c Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Mon, 25 Mar 2024 11:49:26 -0500
Subject: [PATCH 31/40] useGetItemIndexByValue test (#1858)

---
 .../src/useGetItemIndexByValue.test.ts        | 90 +++++++++++++++++++
 .../src/useGetItemIndexByValue.ts             |  9 +-
 packages/utils/src/TestUtils.ts               | 16 +++-
 3 files changed, 108 insertions(+), 7 deletions(-)
 create mode 100644 packages/jsapi-components/src/useGetItemIndexByValue.test.ts

diff --git a/packages/jsapi-components/src/useGetItemIndexByValue.test.ts b/packages/jsapi-components/src/useGetItemIndexByValue.test.ts
new file mode 100644
index 0000000000..239175e072
--- /dev/null
+++ b/packages/jsapi-components/src/useGetItemIndexByValue.test.ts
@@ -0,0 +1,90 @@
+import { renderHook } from '@testing-library/react-hooks';
+import { dh } from '@deephaven/jsapi-types';
+import { TableUtils } from '@deephaven/jsapi-utils';
+import { TestUtils } from '@deephaven/utils';
+import { useGetItemIndexByValue } from './useGetItemIndexByValue';
+import { useTableUtils } from './useTableUtils';
+
+jest.mock('./useTableUtils');
+
+const { asMock, createMockProxy } = TestUtils;
+
+const mock = {
+  columnType: 'mock.columnType',
+  columnValueType: 'mock.columnValueType',
+};
+
+const mockTable = createMockProxy<dh.Table>();
+const tableUtils = createMockProxy<TableUtils>();
+const column = createMockProxy<dh.Column>({
+  type: mock.columnType,
+});
+
+beforeEach(() => {
+  jest.clearAllMocks();
+  expect.hasAssertions();
+
+  asMock(useTableUtils).mockReturnValue(tableUtils);
+  asMock(mockTable.findColumn).mockReturnValue(column);
+  asMock(tableUtils.getValueType).mockReturnValue(mock.columnValueType);
+});
+
+describe('useGetItemIndexByValue', () => {
+  it.each([
+    [mockTable, null],
+    [null, 'mock.value'],
+  ])(
+    'should return `null` if the table or value is `null`',
+    async (table, value) => {
+      const { result } = renderHook(() =>
+        useGetItemIndexByValue({
+          columnName: 'mock.columnName',
+          table,
+          value,
+        })
+      );
+
+      const actual = await result.current();
+
+      expect(mockTable.findColumn).not.toHaveBeenCalled();
+      expect(tableUtils.getValueType).not.toHaveBeenCalled();
+      expect(mockTable.seekRow).not.toHaveBeenCalled();
+
+      expect(actual).toBeNull();
+    }
+  );
+
+  it.each([
+    ['mock.value', 42, 42],
+    ['mock.value', -1, null],
+  ])(
+    'should return a function that returns the index of the first row containing a column value or `null` if a row is not found: %s, %s, %s',
+    async (value, seekRowResult, expected) => {
+      const columnName = 'mock.columnName';
+
+      asMock(mockTable.seekRow).mockResolvedValue(seekRowResult);
+
+      const { result } = renderHook(() =>
+        useGetItemIndexByValue({
+          columnName,
+          table: mockTable,
+          value,
+        })
+      );
+
+      expect(useTableUtils).toHaveBeenCalledTimes(1);
+
+      const actual = await result.current();
+
+      expect(mockTable.findColumn).toHaveBeenCalledWith(columnName);
+      expect(tableUtils.getValueType).toHaveBeenCalledWith(mock.columnType);
+      expect(mockTable.seekRow).toHaveBeenCalledWith(
+        0,
+        column,
+        mock.columnValueType,
+        value
+      );
+      expect(actual).toBe(expected);
+    }
+  );
+});
diff --git a/packages/jsapi-components/src/useGetItemIndexByValue.ts b/packages/jsapi-components/src/useGetItemIndexByValue.ts
index fcb97bc18e..c1e91556af 100644
--- a/packages/jsapi-components/src/useGetItemIndexByValue.ts
+++ b/packages/jsapi-components/src/useGetItemIndexByValue.ts
@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { dh } from '@deephaven/jsapi-types';
-import useTableUtils from './useTableUtils';
+import { useTableUtils } from './useTableUtils';
 
 /**
  * Returns a function that gets the index of the first row containing a column
@@ -30,10 +30,9 @@ export function useGetItemIndexByValue<TValue>({
     const column = table.findColumn(columnName);
     const columnValueType = tableUtils.getValueType(column.type);
 
-    // TODO: It seems that `seekRow` returns the index of the last row when
-    // no match is found. We need a way to distinguish between a match in the
-    // last row and no match at all and return `null` in the latter case.
-    return table.seekRow(0, column, columnValueType, value);
+    const index = await table.seekRow(0, column, columnValueType, value);
+
+    return index === -1 ? null : index;
   }, [columnName, table, tableUtils, value]);
 }
 
diff --git a/packages/utils/src/TestUtils.ts b/packages/utils/src/TestUtils.ts
index 060569b03a..d121c470ce 100644
--- a/packages/utils/src/TestUtils.ts
+++ b/packages/utils/src/TestUtils.ts
@@ -66,10 +66,22 @@ class TestUtils {
    * // `asMock` will infer the type as jest.Mock<number, [string]> which gives
    * // us the ability to call `mockImplementation` in a type safe way.
    * TestUtils.asMock(someFunc).mockImplementation(name => name.split(',').length)
+   * @param fn The function to assert as a jest.Mock function.
+   * @param mockName Optional name to assign to the mock function. Defaults to the
+   * original function's name if it has one.
    */
   static asMock = <TResult, TArgs extends unknown[]>(
-    fn: (...args: TArgs) => TResult
-  ): jest.Mock<TResult, TArgs> => fn as unknown as jest.Mock<TResult, TArgs>;
+    fn: (...args: TArgs) => TResult,
+    mockName = fn.name
+  ): jest.Mock<TResult, TArgs> => {
+    const mockFn = fn as unknown as jest.Mock<TResult, TArgs>;
+
+    if (mockName) {
+      return mockFn.mockName(mockName);
+    }
+
+    return mockFn;
+  };
 
   /**
    * Selectively disable logging methods on `console` object. Uses spyOn so that

From 11d0750dac5932253628b8290e57824cc7698619 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Mon, 25 Mar 2024 11:58:10 -0500
Subject: [PATCH 32/40] test label (#1858)

---
 packages/jsapi-components/src/useGetItemIndexByValue.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/jsapi-components/src/useGetItemIndexByValue.test.ts b/packages/jsapi-components/src/useGetItemIndexByValue.test.ts
index 239175e072..8bbb81d22f 100644
--- a/packages/jsapi-components/src/useGetItemIndexByValue.test.ts
+++ b/packages/jsapi-components/src/useGetItemIndexByValue.test.ts
@@ -34,7 +34,7 @@ describe('useGetItemIndexByValue', () => {
     [mockTable, null],
     [null, 'mock.value'],
   ])(
-    'should return `null` if the table or value is `null`',
+    'should return `null` if the table or value is `null`: table: %s, value: "%s"',
     async (table, value) => {
       const { result } = renderHook(() =>
         useGetItemIndexByValue({

From d3327f57e8b440bbdd80c723375a90d97f4ad7f9 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Mon, 25 Mar 2024 12:09:12 -0500
Subject: [PATCH 33/40] Fixed boolean mapping (#1858)

---
 __mocks__/dh-core.js                        | 4 +++-
 packages/jsapi-utils/src/TableUtils.test.ts | 7 +++----
 packages/jsapi-utils/src/TableUtils.ts      | 5 ++++-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/__mocks__/dh-core.js b/__mocks__/dh-core.js
index d0236df8e9..ea451a37fc 100644
--- a/__mocks__/dh-core.js
+++ b/__mocks__/dh-core.js
@@ -1990,8 +1990,10 @@ class SourceType {
 }
 
 class ValueType {
-  static CHAR = 'CHAR';
+  static BOOLEAN = 'BOOLEAN';
   static DATETIME = 'DATETIME';
+  static DOUBLE = 'DOUBLE';
+  static LONG = 'LONG';
   static NUMBER = 'NUMBER';
   static STRING = 'STRING';
 }
diff --git a/packages/jsapi-utils/src/TableUtils.test.ts b/packages/jsapi-utils/src/TableUtils.test.ts
index 8ea0185e16..588859bd23 100644
--- a/packages/jsapi-utils/src/TableUtils.test.ts
+++ b/packages/jsapi-utils/src/TableUtils.test.ts
@@ -575,10 +575,9 @@ describe('executeAndWaitForEvent', () => {
 
 describe('getValueType', () => {
   it.each([
-    // TODO: Is there a better mapping for boolean?
-    ['boolean', dh.ValueType.STRING],
-    ['java.lang.Boolean', dh.ValueType.STRING],
-    [TableUtils.dataType.BOOLEAN, dh.ValueType.STRING],
+    ['boolean', dh.ValueType.BOOLEAN],
+    ['java.lang.Boolean', dh.ValueType.BOOLEAN],
+    [TableUtils.dataType.BOOLEAN, dh.ValueType.BOOLEAN],
 
     ['char', dh.ValueType.STRING],
     ['java.lang.Character', dh.ValueType.STRING],
diff --git a/packages/jsapi-utils/src/TableUtils.ts b/packages/jsapi-utils/src/TableUtils.ts
index 792b1de94c..06d28f6b52 100644
--- a/packages/jsapi-utils/src/TableUtils.ts
+++ b/packages/jsapi-utils/src/TableUtils.ts
@@ -877,7 +877,7 @@ export class TableUtils {
   }
 
   /**
-   * Get the `dh.ValueType` correspoding to the given `dh.Column.type` value.
+   * Get the `dh.ValueType` corresponding to the given `dh.Column.type` value.
    * @param columnType The column type to get the value type for
    * @returns The `dh.ValueType` corresponding to the column type
    */
@@ -889,6 +889,9 @@ export class TableUtils {
     const columnDataType = TableUtils.getNormalizedType(columnType);
 
     switch (columnDataType) {
+      case TableUtils.dataType.BOOLEAN:
+        return this.dh.ValueType.BOOLEAN;
+
       case TableUtils.dataType.CHAR:
       case TableUtils.dataType.STRING:
         return this.dh.ValueType.STRING;

From 4d117a8fa2d50ae515d67e88dbcbed7cccbc8c96 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Mon, 25 Mar 2024 13:56:42 -0500
Subject: [PATCH 34/40] Re-arranged test (#1858)

---
 packages/jsapi-utils/src/TableUtils.test.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/jsapi-utils/src/TableUtils.test.ts b/packages/jsapi-utils/src/TableUtils.test.ts
index 588859bd23..b891b676d5 100644
--- a/packages/jsapi-utils/src/TableUtils.test.ts
+++ b/packages/jsapi-utils/src/TableUtils.test.ts
@@ -596,7 +596,6 @@ describe('getValueType', () => {
     ['java.lang.Double', dh.ValueType.NUMBER],
     ['float', dh.ValueType.NUMBER],
     ['java.lang.Float', dh.ValueType.NUMBER],
-    ['java.math.BigDecimal', dh.ValueType.STRING],
     [TableUtils.dataType.DECIMAL, dh.ValueType.NUMBER],
 
     ['int', dh.ValueType.NUMBER],
@@ -607,8 +606,10 @@ describe('getValueType', () => {
     ['java.lang.Short', dh.ValueType.NUMBER],
     ['byte', dh.ValueType.NUMBER],
     ['java.lang.Byte', dh.ValueType.NUMBER],
-    ['java.math.BigInteger', dh.ValueType.STRING],
     [TableUtils.dataType.INT, dh.ValueType.NUMBER],
+
+    ['java.math.BigDecimal', dh.ValueType.STRING],
+    ['java.math.BigInteger', dh.ValueType.STRING],
   ])(
     'should return the correct value type for columnType: %s, %s',
     (columnType, valueType) => {

From 982c839b7ea459e066866018a0f8a07933a0c5ff Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Mon, 25 Mar 2024 17:27:28 -0500
Subject: [PATCH 35/40] Removed children prop (#1858)

---
 packages/jsapi-components/src/spectrum/Picker/Picker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
index 269c0a83fe..f598a0f77f 100644
--- a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -11,7 +11,7 @@ import { useViewportData } from '../../useViewportData';
 import { getPickerKeyColumn } from './PickerUtils';
 import { usePickerItemRowDeserializer } from './usePickerItemRowDeserializer';
 
-export interface PickerProps extends PickerPropsBase {
+export interface PickerProps extends Omit<PickerPropsBase, 'children'> {
   table: dh.Table;
   /* The column of values to use as item keys. Defaults to the first column. */
   keyColumn?: string;

From 39d57d2758cd9966a3a0f99723f70ccd0ad00227 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Tue, 26 Mar 2024 17:56:52 -0500
Subject: [PATCH 36/40] Default Formatter (#1858)

---
 .../src/spectrum/Picker/Picker.tsx            |  16 ++-
 .../usePickerItemRowDeserializer.test.ts      | 126 ++++++++++++++++++
 .../Picker/usePickerItemRowDeserializer.ts    |  16 ++-
 3 files changed, 150 insertions(+), 8 deletions(-)
 create mode 100644 packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.test.ts

diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
index f598a0f77f..ece2507f87 100644
--- a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -3,7 +3,9 @@ import {
   Picker as PickerBase,
   PickerProps as PickerPropsBase,
 } from '@deephaven/components';
-import { dh } from '@deephaven/jsapi-types';
+import { useApi } from '@deephaven/jsapi-bootstrap';
+import { dh as DhType } from '@deephaven/jsapi-types';
+import { Formatter } from '@deephaven/jsapi-utils';
 import { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
 import { useCallback, useEffect, useMemo } from 'react';
 import useGetItemIndexByValue from '../../useGetItemIndexByValue';
@@ -12,7 +14,7 @@ import { getPickerKeyColumn } from './PickerUtils';
 import { usePickerItemRowDeserializer } from './usePickerItemRowDeserializer';
 
 export interface PickerProps extends Omit<PickerPropsBase, 'children'> {
-  table: dh.Table;
+  table: DhType.Table;
   /* The column of values to use as item keys. Defaults to the first column. */
   keyColumn?: string;
   /* The column of values to display as primary text. Defaults to the `keyColumn` value. */
@@ -26,6 +28,13 @@ export function Picker({
   selectedKey,
   ...props
 }: PickerProps): JSX.Element {
+  const dh = useApi();
+
+  const formatValue = useMemo(() => {
+    const formatter = new Formatter(dh);
+    return formatter.getFormattedString.bind(formatter);
+  }, [dh]);
+
   const keyColumn = useMemo(
     () => getPickerKeyColumn(table, keyColumnName),
     [keyColumnName, table]
@@ -35,6 +44,7 @@ export function Picker({
     table,
     keyColumnName,
     labelColumnName,
+    formatValue,
   });
 
   const getItemIndexByValue = useGetItemIndexByValue({
@@ -55,7 +65,7 @@ export function Picker({
 
   const { viewportData, onScroll, setViewport } = useViewportData<
     NormalizedPickerItemData,
-    dh.Table
+    DhType.Table
   >({
     reuseItemsOnTableResize: true,
     table,
diff --git a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.test.ts b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.test.ts
new file mode 100644
index 0000000000..82e8312486
--- /dev/null
+++ b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.test.ts
@@ -0,0 +1,126 @@
+import { renderHook } from '@testing-library/react-hooks';
+import type { dh } from '@deephaven/jsapi-types';
+import { TestUtils } from '@deephaven/utils';
+import { usePickerItemRowDeserializer } from './usePickerItemRowDeserializer';
+import { getPickerKeyColumn, getPickerLabelColumn } from './PickerUtils';
+
+jest.mock('./PickerUtils');
+
+const { asMock, createMockProxy } = TestUtils;
+
+beforeEach(() => {
+  jest.clearAllMocks();
+  expect.hasAssertions();
+});
+
+describe('usePickerItemRowDeserializer', () => {
+  const table = createMockProxy<dh.Table>();
+  const row = createMockProxy<dh.Row>();
+  const keyColumnName = 'mock.keyColumnName';
+  const labelColumnName = 'mock.labelColumnName';
+  const keyColumn = createMockProxy<dh.Column>({ name: keyColumnName });
+  const labelColumn = createMockProxy<dh.Column>({ name: labelColumnName });
+  const formattedValue = 'mock.formattedValue';
+
+  const formatValue = jest.fn().mockName('formatValue');
+
+  beforeEach(() => {
+    asMock(getPickerKeyColumn).mockReturnValue(keyColumn);
+    asMock(getPickerLabelColumn).mockReturnValue(labelColumn);
+    asMock(formatValue).mockReturnValue(formattedValue);
+  });
+
+  it.each([
+    [
+      'String key + value',
+      'mock.keyValue',
+      'mock.labelValue',
+      undefined,
+      {
+        key: 'mock.keyValue',
+        content: 'mock.labelValue',
+      },
+    ],
+    [
+      'Number key + value',
+      888,
+      999,
+      undefined,
+      {
+        key: 888,
+        content: '999',
+      },
+    ],
+    [
+      'Boolean key + value (true, false)',
+      true,
+      false,
+      undefined,
+      {
+        key: true,
+        content: 'false',
+      },
+    ],
+    [
+      'Boolean key + value (false, true)',
+      false,
+      true,
+      undefined,
+      {
+        key: false,
+        content: 'true',
+      },
+    ],
+    [
+      'Object key',
+      {},
+      'mock.labelValue',
+      undefined,
+      {
+        key: String({}),
+        content: 'mock.labelValue',
+      },
+    ],
+    [
+      'Custom formatValue',
+      'mock.keyValue',
+      'mock.labelValue',
+      formatValue,
+      {
+        key: 'mock.keyValue',
+        content: formattedValue,
+      },
+    ],
+  ])(
+    'should return a function that deserializes a row into a normalized picker item data object: %s',
+    (_label, keyValue, labelValue, givenFormatValue, expected) => {
+      asMock(row.get).mockImplementation((column: dh.Column) =>
+        column === keyColumn ? keyValue : labelValue
+      );
+
+      const { result } = renderHook(() =>
+        usePickerItemRowDeserializer({
+          table,
+          keyColumnName,
+          labelColumnName,
+          formatValue: givenFormatValue,
+        })
+      );
+
+      expect(getPickerKeyColumn).toHaveBeenCalledWith(table, keyColumnName);
+      expect(getPickerLabelColumn).toHaveBeenCalledWith(
+        table,
+        keyColumn,
+        labelColumnName
+      );
+
+      const actual = result.current(row);
+
+      if (givenFormatValue) {
+        expect(formatValue).toHaveBeenCalledWith(labelValue, labelColumn.type);
+      }
+
+      expect(actual).toEqual(expected);
+    }
+  );
+});
diff --git a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
index d15fc70682..017e1a5304 100644
--- a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
+++ b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.ts
@@ -3,7 +3,7 @@ import { NormalizedPickerItemData } from '@deephaven/components';
 import { dh } from '@deephaven/jsapi-types';
 import { getPickerKeyColumn, getPickerLabelColumn } from './PickerUtils';
 
-function formatValue(value: unknown): string | number | boolean {
+function defaultFormatKey(value: unknown): string | number | boolean {
   if (
     typeof value === 'string' ||
     typeof value === 'number' ||
@@ -12,7 +12,10 @@ function formatValue(value: unknown): string | number | boolean {
     return value;
   }
 
-  // TODO: #1889 Add better support for different data types.
+  return String(value);
+}
+
+function defaultFormatValue(value: unknown, _columnType: string): string {
   return String(value);
 }
 
@@ -22,6 +25,7 @@ function formatValue(value: unknown): string | number | boolean {
  * @param table The table to get the key and label columns from
  * @param keyColumnName The name of the column to use for key data
  * @param labelColumnName The name of the column to use for label data
+ * @param formatValue Optional function to format the label value
  * @returns A function that deserializes a row into a normalized picker item
  * data object
  */
@@ -29,10 +33,12 @@ export function usePickerItemRowDeserializer({
   table,
   keyColumnName,
   labelColumnName,
+  formatValue = defaultFormatValue,
 }: {
   table: dh.Table;
   keyColumnName?: string;
   labelColumnName?: string;
+  formatValue?: (value: unknown, columnType: string) => string;
 }): (row: dh.Row) => NormalizedPickerItemData {
   const keyColumn = useMemo(
     () => getPickerKeyColumn(table, keyColumnName),
@@ -46,15 +52,15 @@ export function usePickerItemRowDeserializer({
 
   const deserializeRow = useCallback(
     (row: dh.Row): NormalizedPickerItemData => {
-      const key = formatValue(row.get(keyColumn));
-      const content = formatValue(row.get(labelColumn));
+      const key = defaultFormatKey(row.get(keyColumn));
+      const content = formatValue(row.get(labelColumn), labelColumn.type);
 
       return {
         key,
         content,
       };
     },
-    [keyColumn, labelColumn]
+    [formatValue, keyColumn, labelColumn]
   );
 
   return deserializeRow;

From fad37c9ea678ceb85a6a80ec541514931c92180f Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Tue, 26 Mar 2024 17:58:51 -0500
Subject: [PATCH 37/40] Tweaked test (#1858)

---
 .../src/spectrum/Picker/usePickerItemRowDeserializer.test.ts  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.test.ts b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.test.ts
index 82e8312486..3d2fdfd33f 100644
--- a/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.test.ts
+++ b/packages/jsapi-components/src/spectrum/Picker/usePickerItemRowDeserializer.test.ts
@@ -74,11 +74,11 @@ describe('usePickerItemRowDeserializer', () => {
     [
       'Object key',
       {},
-      'mock.labelValue',
+      {},
       undefined,
       {
         key: String({}),
-        content: 'mock.labelValue',
+        content: String({}),
       },
     ],
     [

From 290d2ffe6426225e62a1c0f427b62981725d2e07 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Wed, 27 Mar 2024 10:27:48 -0500
Subject: [PATCH 38/40] Addressed review comments (#1858)

---
 packages/components/src/spectrum/picker/Picker.tsx | 14 +++++++-------
 .../src/spectrum/Picker/Picker.tsx                 | 14 ++++++++++++--
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/packages/components/src/spectrum/picker/Picker.tsx b/packages/components/src/spectrum/picker/Picker.tsx
index 7403636743..07dfb080dd 100644
--- a/packages/components/src/spectrum/picker/Picker.tsx
+++ b/packages/components/src/spectrum/picker/Picker.tsx
@@ -7,7 +7,11 @@ import {
   isElementOfType,
   usePopoverOnScrollRef,
 } from '@deephaven/react-hooks';
-import { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
+import {
+  EMPTY_FUNCTION,
+  PICKER_ITEM_HEIGHT,
+  PICKER_TOP_OFFSET,
+} from '@deephaven/utils';
 import cl from 'classnames';
 import { Tooltip } from '../../popper';
 import {
@@ -45,7 +49,7 @@ export type PickerProps = {
    */
   onChange?: (key: PickerItemKey) => void;
 
-  /** Handler that is called when the popover is scrolled. */
+  /** Handler that is called when the picker is scrolled. */
   onScroll?: (event: Event) => void;
 
   /**
@@ -87,10 +91,6 @@ function createTooltipContent(content: ReactNode) {
   return content;
 }
 
-function noOp(): void {
-  // No-op
-}
-
 /**
  * Picker component for selecting items from a list of items. Items can be
  * provided via the `items` prop or as children. Each item can be a string,
@@ -106,7 +106,7 @@ export function Picker({
   getInitialScrollPosition,
   onChange,
   onOpenChange,
-  onScroll = noOp,
+  onScroll = EMPTY_FUNCTION,
   onSelectionChange,
   // eslint-disable-next-line camelcase
   UNSAFE_className,
diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
index ece2507f87..028cad09c2 100644
--- a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -19,6 +19,8 @@ export interface PickerProps extends Omit<PickerPropsBase, 'children'> {
   keyColumn?: string;
   /* The column of values to display as primary text. Defaults to the `keyColumn` value. */
   labelColumn?: string;
+
+  // TODO #1890 : descriptionColumn, iconColumn
 }
 
 export function Picker({
@@ -77,11 +79,19 @@ export function Picker({
     // Set viewport to include the selected item so that its data will load and
     // the real `key` will be available to show the selection in the UI.
     function setViewportFromSelectedKey() {
+      let isCanceled = false;
+
       getItemIndexByValue().then(index => {
-        if (index != null) {
-          setViewport(index);
+        if (index == null || isCanceled) {
+          return;
         }
+
+        setViewport(index);
       });
+
+      return () => {
+        isCanceled = true;
+      };
     },
     [getItemIndexByValue, setViewport]
   );

From 435b095f927ebf766b6446855d8bd591f7f0ac27 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Wed, 27 Mar 2024 11:35:53 -0500
Subject: [PATCH 39/40] Added catch for promise (#1858)

---
 .../src/spectrum/Picker/Picker.tsx            | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
index 028cad09c2..1cf7312bea 100644
--- a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -6,6 +6,7 @@ import {
 import { useApi } from '@deephaven/jsapi-bootstrap';
 import { dh as DhType } from '@deephaven/jsapi-types';
 import { Formatter } from '@deephaven/jsapi-utils';
+import Log from '@deephaven/log';
 import { PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
 import { useCallback, useEffect, useMemo } from 'react';
 import useGetItemIndexByValue from '../../useGetItemIndexByValue';
@@ -13,6 +14,8 @@ import { useViewportData } from '../../useViewportData';
 import { getPickerKeyColumn } from './PickerUtils';
 import { usePickerItemRowDeserializer } from './usePickerItemRowDeserializer';
 
+const log = Log.module('Picker');
+
 export interface PickerProps extends Omit<PickerPropsBase, 'children'> {
   table: DhType.Table;
   /* The column of values to use as item keys. Defaults to the first column. */
@@ -81,13 +84,17 @@ export function Picker({
     function setViewportFromSelectedKey() {
       let isCanceled = false;
 
-      getItemIndexByValue().then(index => {
-        if (index == null || isCanceled) {
-          return;
-        }
-
-        setViewport(index);
-      });
+      getItemIndexByValue()
+        .then(index => {
+          if (index == null || isCanceled) {
+            return;
+          }
+
+          setViewport(index);
+        })
+        .catch(err => {
+          log.error('Error setting viewport from selected key', err);
+        });
 
       return () => {
         isCanceled = true;

From 4b70ed07617fd8130798fc557c7a325f4f0e0218 Mon Sep 17 00:00:00 2001
From: Brian Ingles <brianingles@deephaven.io>
Date: Wed, 27 Mar 2024 12:17:15 -0500
Subject: [PATCH 40/40] Logger namespace (#1858)

---
 package-lock.json                                        | 2 +-
 packages/jsapi-components/src/spectrum/Picker/Picker.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c250db85ee..13b44523a2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30961,7 +30961,7 @@
         "@deephaven/react-hooks": "file:../react-hooks",
         "@deephaven/utils": "file:../utils",
         "@types/plotly.js": "^2.12.11",
-        "buffer": "*",
+        "buffer": "^6.0.3",
         "deep-equal": "^2.0.5",
         "lodash.debounce": "^4.0.8",
         "lodash.set": "^4.3.2",
diff --git a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
index 1cf7312bea..7d3b1f2bbd 100644
--- a/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
+++ b/packages/jsapi-components/src/spectrum/Picker/Picker.tsx
@@ -14,7 +14,7 @@ import { useViewportData } from '../../useViewportData';
 import { getPickerKeyColumn } from './PickerUtils';
 import { usePickerItemRowDeserializer } from './usePickerItemRowDeserializer';
 
-const log = Log.module('Picker');
+const log = Log.module('jsapi-components.Picker');
 
 export interface PickerProps extends Omit<PickerPropsBase, 'children'> {
   table: DhType.Table;