@deephaven/jsapi-components 0.84.0 → 0.84.1-alpha-shared-types.2

package/dist/spectrum/ComboBox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { NormalizedItem, SpectrumComboBoxProps } from '@deephaven/components';
+import { PickerWithTableProps } from './PickerProps';
+export type ComboBoxProps = PickerWithTableProps<SpectrumComboBoxProps<NormalizedItem>>;
+export declare function ComboBox(props: ComboBoxProps): JSX.Element;
+export default ComboBox;
+//# sourceMappingURL=ComboBox.d.ts.map

package/dist/spectrum/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../src/spectrum/ComboBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,cAAc,EACd,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAGrD,MAAM,MAAM,aAAa,GAAG,oBAAoB,CAC9C,qBAAqB,CAAC,cAAc,CAAC,CACtC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsB1D;AAED,eAAe,QAAQ,CAAC"}

package/dist/spectrum/ComboBox.js

@@ -0,0 +1,31 @@
+var _excluded = ["onInputChange", "onSearchTextChange"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { ComboBoxNormalized } from '@deephaven/components';
+import { useCallback } from 'react';
+import { usePickerProps } from "./utils/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ComboBox(props) {
+  var _usePickerProps = usePickerProps(props),
+    {
+      onInputChange: onInputChangeInternal,
+      onSearchTextChange
+    } = _usePickerProps,
+    pickerProps = _objectWithoutProperties(_usePickerProps, _excluded);
+  var onInputChange = useCallback(value => {
+    onInputChangeInternal === null || onInputChangeInternal === void 0 ? void 0 : onInputChangeInternal(value);
+    onSearchTextChange(value);
+  }, [onInputChangeInternal, onSearchTextChange]);
+  return /*#__PURE__*/_jsx(ComboBoxNormalized
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _objectSpread(_objectSpread({}, pickerProps), {}, {
+    onInputChange: onInputChange
+  }));
+}
+export default ComboBox;
+//# sourceMappingURL=ComboBox.js.map

package/dist/spectrum/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","names":["ComboBoxNormalized","useCallback","usePickerProps","jsx","_jsx","ComboBox","props","_usePickerProps","onInputChange","onInputChangeInternal","onSearchTextChange","pickerProps","_objectWithoutProperties","_excluded","value","_objectSpread"],"sources":["../../src/spectrum/ComboBox.tsx"],"sourcesContent":["import {\n  ComboBoxNormalized,\n  NormalizedItem,\n  SpectrumComboBoxProps,\n} from '@deephaven/components';\nimport { useCallback } from 'react';\nimport { PickerWithTableProps } from './PickerProps';\nimport { usePickerProps } from './utils';\n\nexport type ComboBoxProps = PickerWithTableProps<\n  SpectrumComboBoxProps<NormalizedItem>\n>;\n\nexport function ComboBox(props: ComboBoxProps): JSX.Element {\n  const {\n    onInputChange: onInputChangeInternal,\n    onSearchTextChange,\n    ...pickerProps\n  } = usePickerProps<ComboBoxProps>(props);\n\n  const onInputChange = useCallback(\n    (value: string) => {\n      onInputChangeInternal?.(value);\n      onSearchTextChange(value);\n    },\n    [onInputChangeInternal, onSearchTextChange]\n  );\n\n  return (\n    <ComboBoxNormalized\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...pickerProps}\n      onInputChange={onInputChange}\n    />\n  );\n}\n\nexport default ComboBox;\n"],"mappings":";;;;;;;;AAAA,SACEA,kBAAkB,QAGb,uBAAuB;AAC9B,SAASC,WAAW,QAAQ,OAAO;AAAC,SAE3BC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMvB,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAe;EAC1D,IAAAC,eAAA,GAIIL,cAAc,CAAgBI,KAAK,CAAC;IAJlC;MACJE,aAAa,EAAEC,qBAAqB;MACpCC;IAEF,CAAC,GAAAH,eAAA;IADII,WAAW,GAAAC,wBAAA,CAAAL,eAAA,EAAAM,SAAA;EAGhB,IAAML,aAAa,GAAGP,WAAW,CAC9Ba,KAAa,IAAK;IACjBL,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAGK,KAAK,CAAC;IAC9BJ,kBAAkB,CAACI,KAAK,CAAC;EAC3B,CAAC,EACD,CAACL,qBAAqB,EAAEC,kBAAkB,CAC5C,CAAC;EAED,oBACEN,IAAA,CAACJ;EACC;EAAA,EAAAe,aAAA,CAAAA,aAAA,KACIJ,WAAW;IACfH,aAAa,EAAEA;EAAc,EAC9B,CAAC;AAEN;AAEA,eAAeH,QAAQ"}

package/dist/spectrum/Picker.d.ts

@@ -1,14 +1,5 @@
 /// <reference types="react" />
-import { PickerProps as PickerBaseProps } from '@deephaven/components';
-import { dh as DhType } from '@deephaven/jsapi-types';
-import { Settings } from '@deephaven/jsapi-utils';
-export interface PickerProps extends Omit<PickerBaseProps, 'children'> {
-    table: DhType.Table;
-    keyColumn?: string;
-    labelColumn?: string;
-    iconColumn?: string;
-    settings?: Settings;
-}
-export declare function Picker({ table, keyColumn: keyColumnName, labelColumn: labelColumnName, iconColumn: iconColumnName, settings, onChange, onSelectionChange, ...props }: PickerProps): JSX.Element;
+import { PickerProps } from './PickerProps';
+export declare function Picker(props: PickerProps): JSX.Element;
 export default Picker;
 //# sourceMappingURL=Picker.d.ts.map

package/dist/spectrum/Picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../src/spectrum/Picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAOL,WAAW,IAAI,eAAe,EAE/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAWlD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAAc,EAC1B,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0G3B;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../src/spectrum/Picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAStD;AAED,eAAe,MAAM,CAAC"}

package/dist/spectrum/Picker.js

@@ -1,113 +1,16 @@
-var _excluded = ["table", "keyColumn", "labelColumn", "iconColumn", "settings", "onChange", "onSelectionChange"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { PickerNormalized, useSpectrumThemeProvider } from '@deephaven/components';
-import Log from '@deephaven/log';
-import { PICKER_ITEM_HEIGHTS, PICKER_TOP_OFFSET } from '@deephaven/utils';
-import useFormatter from "../useFormatter.js";
-import useGetItemIndexByValue from "../useGetItemIndexByValue.js";
-import { useViewportData } from "../useViewportData.js";
-import { getItemKeyColumn } from "./utils/itemUtils.js";
-import { useItemRowDeserializer } from "./utils/useItemRowDeserializer.js";
+import { PickerNormalized } from '@deephaven/components';
+import { usePickerProps } from "./utils/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-var log = Log.module('jsapi-components.Picker');
-export function Picker(_ref) {
-  var {
-      table,
-      keyColumn: keyColumnName,
-      labelColumn: labelColumnName,
-      iconColumn: iconColumnName,
-      settings,
-      onChange,
-      onSelectionChange
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var {
-    scale
-  } = useSpectrumThemeProvider();
-  var itemHeight = PICKER_ITEM_HEIGHTS[scale];
-  var {
-    getFormattedString: formatValue
-  } = useFormatter(settings);
-
-  // `null` is a valid value for `selectedKey` in controlled mode, so we check
-  // for explicit `undefined` to identify uncontrolled mode.
-  var isUncontrolled = props.selectedKey === undefined;
-  var [uncontrolledSelectedKey, setUncontrolledSelectedKey] = useState(props.defaultSelectedKey);
-  var keyColumn = useMemo(() => getItemKeyColumn(table, keyColumnName), [keyColumnName, table]);
-  var deserializeRow = useItemRowDeserializer({
-    table,
-    iconColumnName,
-    keyColumnName,
-    labelColumnName,
-    formatValue
-  });
-  var getItemIndexByValue = useGetItemIndexByValue({
-    table,
-    columnName: keyColumn.name,
-    value: isUncontrolled ? uncontrolledSelectedKey : props.selectedKey
-  });
-  var getInitialScrollPosition = useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
-    var index = yield getItemIndexByValue();
-    if (index == null) {
-      return null;
-    }
-    return index * itemHeight + PICKER_TOP_OFFSET;
-  }), [getItemIndexByValue, itemHeight]);
-  var {
-    viewportData,
-    onScroll,
-    setViewport
-  } = useViewportData({
-    reuseItemsOnTableResize: true,
-    table,
-    itemHeight,
-    deserializeRow
-  });
-  var normalizedItems = viewportData.items;
-  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.
-  function setViewportFromSelectedKey() {
-    var isCanceled = false;
-    getItemIndexByValue().then(index => {
-      if (index == null || isCanceled) {
-        return;
-      }
-      setViewport(index);
-    }).catch(err => {
-      log.error('Error setting viewport from selected key', err);
-    });
-    return () => {
-      isCanceled = true;
-    };
-  }, [getItemIndexByValue, settings, setViewport]);
-  var onSelectionChangeInternal = useCallback(key => {
-    var _ref3;
-    // If our component is uncontrolled, track the selected key internally
-    // so that we can scroll to the selected item if the user re-opens
-    if (isUncontrolled) {
-      setUncontrolledSelectedKey(key);
-    }
-    (_ref3 = onChange !== null && onChange !== void 0 ? onChange : onSelectionChange) === null || _ref3 === void 0 ? void 0 : _ref3(key);
-  }, [isUncontrolled, onChange, onSelectionChange]);
+export function Picker(props) {
+  var pickerProps = usePickerProps(props);
   return /*#__PURE__*/_jsx(PickerNormalized
   // eslint-disable-next-line react/jsx-props-no-spreading
-  , _objectSpread(_objectSpread({}, props), {}, {
-    normalizedItems: normalizedItems,
-    showItemIcons: iconColumnName != null,
-    getInitialScrollPosition: getInitialScrollPosition,
-    onChange: onSelectionChangeInternal,
-    onScroll: onScroll
-  }));
+  , _objectSpread({}, pickerProps));
 }
 export default Picker;
 //# sourceMappingURL=Picker.js.map

package/dist/spectrum/Picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.js","names":["useCallback","useEffect","useMemo","useState","PickerNormalized","useSpectrumThemeProvider","Log","PICKER_ITEM_HEIGHTS","PICKER_TOP_OFFSET","useFormatter","useGetItemIndexByValue","useViewportData","getItemKeyColumn","useItemRowDeserializer","jsx","_jsx","log","module","Picker","_ref","table","keyColumn","keyColumnName","labelColumn","labelColumnName","iconColumn","iconColumnName","settings","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","scale","itemHeight","getFormattedString","formatValue","isUncontrolled","selectedKey","undefined","uncontrolledSelectedKey","setUncontrolledSelectedKey","defaultSelectedKey","deserializeRow","getItemIndexByValue","columnName","name","value","getInitialScrollPosition","_asyncToGenerator","index","viewportData","onScroll","setViewport","reuseItemsOnTableResize","normalizedItems","items","setViewportFromSelectedKey","isCanceled","then","catch","err","error","onSelectionChangeInternal","key","_ref3","_objectSpread","showItemIcons"],"sources":["../../src/spectrum/Picker.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  ItemKey,\n  NormalizedItem,\n  NormalizedItemData,\n  NormalizedSection,\n  NormalizedSectionData,\n  PickerNormalized,\n  PickerProps as PickerBaseProps,\n  useSpectrumThemeProvider,\n} from '@deephaven/components';\nimport { dh as DhType } from '@deephaven/jsapi-types';\nimport { Settings } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { PICKER_ITEM_HEIGHTS, PICKER_TOP_OFFSET } from '@deephaven/utils';\nimport useFormatter from '../useFormatter';\nimport useGetItemIndexByValue from '../useGetItemIndexByValue';\nimport { useViewportData } from '../useViewportData';\nimport { getItemKeyColumn } from './utils/itemUtils';\nimport { useItemRowDeserializer } from './utils/useItemRowDeserializer';\n\nconst log = Log.module('jsapi-components.Picker');\n\nexport interface PickerProps extends Omit<PickerBaseProps, 'children'> {\n  table: DhType.Table;\n  /* The column of values to use as item keys. Defaults to the first column. */\n  keyColumn?: string;\n  /* The column of values to display as primary text. Defaults to the `keyColumn` value. */\n  labelColumn?: string;\n\n  /* The column of values to map to icons. */\n  iconColumn?: string;\n\n  settings?: Settings;\n}\n\nexport function Picker({\n  table,\n  keyColumn: keyColumnName,\n  labelColumn: labelColumnName,\n  iconColumn: iconColumnName,\n  settings,\n  onChange,\n  onSelectionChange,\n  ...props\n}: PickerProps): JSX.Element {\n  const { scale } = useSpectrumThemeProvider();\n  const itemHeight = PICKER_ITEM_HEIGHTS[scale];\n\n  const { getFormattedString: formatValue } = useFormatter(settings);\n\n  // `null` is a valid value for `selectedKey` in controlled mode, so we check\n  // for explicit `undefined` to identify uncontrolled mode.\n  const isUncontrolled = props.selectedKey === undefined;\n  const [uncontrolledSelectedKey, setUncontrolledSelectedKey] = useState<\n    ItemKey | null | undefined\n  >(props.defaultSelectedKey);\n\n  const keyColumn = useMemo(\n    () => getItemKeyColumn(table, keyColumnName),\n    [keyColumnName, table]\n  );\n\n  const deserializeRow = useItemRowDeserializer({\n    table,\n    iconColumnName,\n    keyColumnName,\n    labelColumnName,\n    formatValue,\n  });\n\n  const getItemIndexByValue = useGetItemIndexByValue({\n    table,\n    columnName: keyColumn.name,\n    value: isUncontrolled ? uncontrolledSelectedKey : props.selectedKey,\n  });\n\n  const getInitialScrollPosition = useCallback(async () => {\n    const index = await getItemIndexByValue();\n\n    if (index == null) {\n      return null;\n    }\n\n    return index * itemHeight + PICKER_TOP_OFFSET;\n  }, [getItemIndexByValue, itemHeight]);\n\n  const { viewportData, onScroll, setViewport } = useViewportData<\n    NormalizedItemData | NormalizedSectionData,\n    DhType.Table\n  >({\n    reuseItemsOnTableResize: true,\n    table,\n    itemHeight,\n    deserializeRow,\n  });\n\n  const normalizedItems = viewportData.items as (\n    | NormalizedItem\n    | NormalizedSection\n  )[];\n\n  useEffect(\n    // Set viewport to include the selected item so that its data will load and\n    // the real `key` will be available to show the selection in the UI.\n    function setViewportFromSelectedKey() {\n      let isCanceled = false;\n\n      getItemIndexByValue()\n        .then(index => {\n          if (index == null || isCanceled) {\n            return;\n          }\n\n          setViewport(index);\n        })\n        .catch(err => {\n          log.error('Error setting viewport from selected key', err);\n        });\n\n      return () => {\n        isCanceled = true;\n      };\n    },\n    [getItemIndexByValue, settings, setViewport]\n  );\n\n  const onSelectionChangeInternal = useCallback(\n    (key: ItemKey | null): void => {\n      // If our component is uncontrolled, track the selected key internally\n      // so that we can scroll to the selected item if the user re-opens\n      if (isUncontrolled) {\n        setUncontrolledSelectedKey(key);\n      }\n\n      (onChange ?? onSelectionChange)?.(key);\n    },\n    [isUncontrolled, onChange, onSelectionChange]\n  );\n\n  return (\n    <PickerNormalized\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n      normalizedItems={normalizedItems}\n      showItemIcons={iconColumnName != null}\n      getInitialScrollPosition={getInitialScrollPosition}\n      onChange={onSelectionChangeInternal}\n      onScroll={onScroll}\n    />\n  );\n}\n\nexport default Picker;\n"],"mappings":";;;;;;;;;;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACjE,SAMEC,gBAAgB,EAEhBC,wBAAwB,QACnB,uBAAuB;AAG9B,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,kBAAkB;AAAC,OACnEC,YAAY;AAAA,OACZC,sBAAsB;AAAA,SACpBC,eAAe;AAAA,SACfC,gBAAgB;AAAA,SAChBC,sBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/B,IAAMC,GAAG,GAAGV,GAAG,CAACW,MAAM,CAAC,yBAAyB,CAAC;AAejD,OAAO,SAASC,MAAMA,CAAAC,IAAA,EASO;EAAA,IATN;MACrBC,KAAK;MACLC,SAAS,EAAEC,aAAa;MACxBC,WAAW,EAAEC,eAAe;MAC5BC,UAAU,EAAEC,cAAc;MAC1BC,QAAQ;MACRC,QAAQ;MACRC;IAEW,CAAC,GAAAV,IAAA;IADTW,KAAK,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAER,IAAM;IAAEC;EAAM,CAAC,GAAG5B,wBAAwB,CAAC,CAAC;EAC5C,IAAM6B,UAAU,GAAG3B,mBAAmB,CAAC0B,KAAK,CAAC;EAE7C,IAAM;IAAEE,kBAAkB,EAAEC;EAAY,CAAC,GAAG3B,YAAY,CAACkB,QAAQ,CAAC;;EAElE;EACA;EACA,IAAMU,cAAc,GAAGP,KAAK,CAACQ,WAAW,KAAKC,SAAS;EACtD,IAAM,CAACC,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGtC,QAAQ,CAEpE2B,KAAK,CAACY,kBAAkB,CAAC;EAE3B,IAAMrB,SAAS,GAAGnB,OAAO,CACvB,MAAMU,gBAAgB,CAACQ,KAAK,EAAEE,aAAa,CAAC,EAC5C,CAACA,aAAa,EAAEF,KAAK,CACvB,CAAC;EAED,IAAMuB,cAAc,GAAG9B,sBAAsB,CAAC;IAC5CO,KAAK;IACLM,cAAc;IACdJ,aAAa;IACbE,eAAe;IACfY;EACF,CAAC,CAAC;EAEF,IAAMQ,mBAAmB,GAAGlC,sBAAsB,CAAC;IACjDU,KAAK;IACLyB,UAAU,EAAExB,SAAS,CAACyB,IAAI;IAC1BC,KAAK,EAAEV,cAAc,GAAGG,uBAAuB,GAAGV,KAAK,CAACQ;EAC1D,CAAC,CAAC;EAEF,IAAMU,wBAAwB,GAAGhD,WAAW,eAAAiD,iBAAA,CAAC,aAAY;IACvD,IAAMC,KAAK,SAASN,mBAAmB,CAAC,CAAC;IAEzC,IAAIM,KAAK,IAAI,IAAI,EAAE;MACjB,OAAO,IAAI;IACb;IAEA,OAAOA,KAAK,GAAGhB,UAAU,GAAG1B,iBAAiB;EAC/C,CAAC,GAAE,CAACoC,mBAAmB,EAAEV,UAAU,CAAC,CAAC;EAErC,IAAM;IAAEiB,YAAY;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAG1C,eAAe,CAG7D;IACA2C,uBAAuB,EAAE,IAAI;IAC7BlC,KAAK;IACLc,UAAU;IACVS;EACF,CAAC,CAAC;EAEF,IAAMY,eAAe,GAAGJ,YAAY,CAACK,KAGlC;EAEHvD,SAAS;EACP;EACA;EACA,SAASwD,0BAA0BA,CAAA,EAAG;IACpC,IAAIC,UAAU,GAAG,KAAK;IAEtBd,mBAAmB,CAAC,CAAC,CAClBe,IAAI,CAACT,KAAK,IAAI;MACb,IAAIA,KAAK,IAAI,IAAI,IAAIQ,UAAU,EAAE;QAC/B;MACF;MAEAL,WAAW,CAACH,KAAK,CAAC;IACpB,CAAC,CAAC,CACDU,KAAK,CAACC,GAAG,IAAI;MACZ7C,GAAG,CAAC8C,KAAK,CAAC,0CAA0C,EAAED,GAAG,CAAC;IAC5D,CAAC,CAAC;IAEJ,OAAO,MAAM;MACXH,UAAU,GAAG,IAAI;IACnB,CAAC;EACH,CAAC,EACD,CAACd,mBAAmB,EAAEjB,QAAQ,EAAE0B,WAAW,CAC7C,CAAC;EAED,IAAMU,yBAAyB,GAAG/D,WAAW,CAC1CgE,GAAmB,IAAW;IAAA,IAAAC,KAAA;IAC7B;IACA;IACA,IAAI5B,cAAc,EAAE;MAClBI,0BAA0B,CAACuB,GAAG,CAAC;IACjC;IAEA,CAAAC,KAAA,GAACrC,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC,iBAAiB,cAAAoC,KAAA,uBAA9BA,KAAA,CAAkCD,GAAG,CAAC;EACxC,CAAC,EACD,CAAC3B,cAAc,EAAET,QAAQ,EAAEC,iBAAiB,CAC9C,CAAC;EAED,oBACEd,IAAA,CAACX;EACC;EAAA,EAAA8D,aAAA,CAAAA,aAAA,KACIpC,KAAK;IACTyB,eAAe,EAAEA,eAAgB;IACjCY,aAAa,EAAEzC,cAAc,IAAI,IAAK;IACtCsB,wBAAwB,EAAEA,wBAAyB;IACnDpB,QAAQ,EAAEmC,yBAA0B;IACpCX,QAAQ,EAAEA;EAAS,EACpB,CAAC;AAEN;AAEA,eAAelC,MAAM"}
+{"version":3,"file":"Picker.js","names":["PickerNormalized","usePickerProps","jsx","_jsx","Picker","props","pickerProps","_objectSpread"],"sources":["../../src/spectrum/Picker.tsx"],"sourcesContent":["import { PickerNormalized } from '@deephaven/components';\nimport { PickerProps } from './PickerProps';\nimport { usePickerProps } from './utils';\n\nexport function Picker(props: PickerProps): JSX.Element {\n  const pickerProps = usePickerProps<PickerProps>(props);\n\n  return (\n    <PickerNormalized\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...pickerProps}\n    />\n  );\n}\n\nexport default Picker;\n"],"mappings":";;;;;AAAA,SAASA,gBAAgB,QAAQ,uBAAuB;AAAC,SAEhDC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEvB,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAe;EACtD,IAAMC,WAAW,GAAGL,cAAc,CAAcI,KAAK,CAAC;EAEtD,oBACEF,IAAA,CAACH;EACC;EAAA,EAAAO,aAAA,KACID,WAAW,CAChB,CAAC;AAEN;AAEA,eAAeF,MAAM"}

package/dist/spectrum/PickerProps.d.ts

@@ -0,0 +1,12 @@
+import { NormalizedItem, PickerPropsT, SpectrumPickerProps } from '@deephaven/components';
+import { dh as DhType } from '@deephaven/jsapi-types';
+import { Settings } from '@deephaven/jsapi-utils';
+export type PickerWithTableProps<TProps> = Omit<PickerPropsT<TProps>, 'children'> & {
+    table: DhType.Table;
+    keyColumn?: string;
+    labelColumn?: string;
+    iconColumn?: string;
+    settings?: Settings;
+};
+export type PickerProps = PickerWithTableProps<SpectrumPickerProps<NormalizedItem>>;
+//# sourceMappingURL=PickerProps.d.ts.map

package/dist/spectrum/PickerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerProps.d.ts","sourceRoot":"","sources":["../../src/spectrum/PickerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,MAAM,MAAM,oBAAoB,CAAC,MAAM,IAAI,IAAI,CAC7C,YAAY,CAAC,MAAM,CAAC,EACpB,UAAU,CACX,GAAG;IACF,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAC5C,mBAAmB,CAAC,cAAc,CAAC,CACpC,CAAC"}

package/dist/spectrum/PickerProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PickerProps.js.map

package/dist/spectrum/PickerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerProps.js","names":[],"sources":["../../src/spectrum/PickerProps.ts"],"sourcesContent":["import {\n  NormalizedItem,\n  PickerPropsT,\n  SpectrumPickerProps,\n} from '@deephaven/components';\nimport { dh as DhType } from '@deephaven/jsapi-types';\nimport { Settings } from '@deephaven/jsapi-utils';\n\nexport type PickerWithTableProps<TProps> = Omit<\n  PickerPropsT<TProps>,\n  'children'\n> & {\n  table: DhType.Table;\n  /* The column of values to use as item keys. Defaults to the first column. */\n  keyColumn?: string;\n  /* The column of values to display as primary text. Defaults to the `keyColumn` value. */\n  labelColumn?: string;\n\n  /* The column of values to map to icons. */\n  iconColumn?: string;\n\n  settings?: Settings;\n};\n\nexport type PickerProps = PickerWithTableProps<\n  SpectrumPickerProps<NormalizedItem>\n>;\n"],"mappings":""}

package/dist/spectrum/index.d.ts

@@ -1,3 +1,5 @@
+export * from './ComboBox';
 export * from './ListView';
 export * from './Picker';
+export * from './PickerProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/spectrum/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spectrum/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spectrum/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/dist/spectrum/index.js

@@ -1,3 +1,5 @@
+export * from "./ComboBox.js";
 export * from "./ListView.js";
 export * from "./Picker.js";
+export * from "./PickerProps.js";
 //# sourceMappingURL=index.js.map

package/dist/spectrum/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/spectrum/index.ts"],"sourcesContent":["export * from './ListView';\nexport * from './Picker';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/spectrum/index.ts"],"sourcesContent":["export * from './ComboBox';\nexport * from './ListView';\nexport * from './Picker';\nexport * from './PickerProps';\n"],"mappings":""}

package/dist/spectrum/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './itemUtils';
 export * from './useItemRowDeserializer';
+export * from './usePickerProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/spectrum/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC"}

package/dist/spectrum/utils/index.js

@@ -1,3 +1,4 @@
 export * from "./itemUtils.js";
 export * from "./useItemRowDeserializer.js";
+export * from "./usePickerProps.js";
 //# sourceMappingURL=index.js.map

package/dist/spectrum/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/spectrum/utils/index.ts"],"sourcesContent":["export * from './itemUtils';\nexport * from './useItemRowDeserializer';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/spectrum/utils/index.ts"],"sourcesContent":["export * from './itemUtils';\nexport * from './useItemRowDeserializer';\nexport * from './usePickerProps';\n"],"mappings":""}

package/dist/spectrum/utils/useItemRowDeserializer.d.ts

@@ -11,7 +11,7 @@ import { dh } from '@deephaven/jsapi-types';
  * @returns A function that deserializes a row into a normalized item data object
  */
 export declare function useItemRowDeserializer({ table, descriptionColumnName, iconColumnName, keyColumnName, labelColumnName, formatValue, }: {
-    table: dh.Table;
+    table?: dh.Table | null;
     descriptionColumnName?: string;
     iconColumnName?: string;
     keyColumnName?: string;

package/dist/spectrum/utils/useItemRowDeserializer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useItemRowDeserializer.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/useItemRowDeserializer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAmB5C;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,qBAAqB,EACrB,cAAc,EACd,aAAa,EACb,eAAe,EACf,WAAgC,GACjC,EAAE;IACD,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;IAChB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9D,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,kBAAkB,CAgDtC;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"useItemRowDeserializer.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/useItemRowDeserializer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAoB5C;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,qBAAqB,EACrB,cAAc,EACd,aAAa,EACb,eAAe,EACf,WAAgC,GACjC,EAAE;IACD,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9D,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,kBAAkB,CA8DtC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/spectrum/utils/useItemRowDeserializer.js

@@ -1,4 +1,5 @@
 import { useCallback, useMemo } from 'react';
+import { assertNotNull } from '@deephaven/utils';
 import { getItemKeyColumn, getItemLabelColumn } from "./itemUtils.js";
 function defaultFormatKey(value) {
   if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
@@ -29,11 +30,18 @@ export function useItemRowDeserializer(_ref) {
     labelColumnName,
     formatValue = defaultFormatValue
   } = _ref;
-  var keyColumn = useMemo(() => getItemKeyColumn(table, keyColumnName), [keyColumnName, table]);
-  var labelColumn = useMemo(() => getItemLabelColumn(table, keyColumn, labelColumnName), [keyColumn, labelColumnName, table]);
-  var descriptionColumn = useMemo(() => descriptionColumnName == null ? null : table.findColumn(descriptionColumnName), [descriptionColumnName, table]);
-  var iconColumn = useMemo(() => iconColumnName == null ? null : table.findColumn(iconColumnName), [iconColumnName, table]);
+  var keyColumn = useMemo(() => table == null ? null : getItemKeyColumn(table, keyColumnName), [keyColumnName, table]);
+  var labelColumn = useMemo(() => table == null || keyColumn == null ? null : getItemLabelColumn(table, keyColumn, labelColumnName), [keyColumn, labelColumnName, table]);
+  var descriptionColumn = useMemo(() => table == null || descriptionColumnName == null ? null : table.findColumn(descriptionColumnName), [descriptionColumnName, table]);
+  var iconColumn = useMemo(() => table == null || iconColumnName == null ? null : table.findColumn(iconColumnName), [iconColumnName, table]);
   var deserializeRow = useCallback(row => {
+    // `deserializeRow` can be created on a null `table` which results in null
+    // `keyColumn` + `labelColumn`, but it should never actually be called.
+    // The assumption is that the `table` will eventually be non-null,
+    // `deserializeRow` will be recreated, and then applied to the non-null
+    // table.
+    assertNotNull(keyColumn, 'keyColumn cannot be null.');
+    assertNotNull(labelColumn, 'labelColumn cannot be null.');
     var key = defaultFormatKey(row.get(keyColumn));
     var content = formatValue(row.get(labelColumn), labelColumn.type);
     var description = descriptionColumn == null ? undefined : formatValue(row.get(descriptionColumn), descriptionColumn.type);

package/dist/spectrum/utils/useItemRowDeserializer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItemRowDeserializer.js","names":["useCallback","useMemo","getItemKeyColumn","getItemLabelColumn","defaultFormatKey","value","String","defaultFormatValue","_columnType","useItemRowDeserializer","_ref","table","descriptionColumnName","iconColumnName","keyColumnName","labelColumnName","formatValue","keyColumn","labelColumn","descriptionColumn","findColumn","iconColumn","deserializeRow","row","key","get","content","type","description","undefined","icon","textValue"],"sources":["../../../src/spectrum/utils/useItemRowDeserializer.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { NormalizedItemData } from '@deephaven/components';\nimport { dh } from '@deephaven/jsapi-types';\nimport { getItemKeyColumn, getItemLabelColumn } from './itemUtils';\n\nfunction defaultFormatKey(value: unknown): string | number | boolean {\n  if (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  ) {\n    return value;\n  }\n\n  return String(value);\n}\n\nfunction defaultFormatValue(value: unknown, _columnType: string): string {\n  return String(value);\n}\n\n/**\n * Returns a function that deserializes a row into a normalized item data object.\n * @param table The table to get the key and label columns from\n * @param descriptionColumnName The name of the column to use for description data\n * @param iconColumnName The name of the column to use for icon data\n * @param keyColumnName The name of the column to use for key data\n * @param labelColumnName The name of the column to use for label data\n * @param formatValue Optional function to format the label value\n * @returns A function that deserializes a row into a normalized item data object\n */\nexport function useItemRowDeserializer({\n  table,\n  descriptionColumnName,\n  iconColumnName,\n  keyColumnName,\n  labelColumnName,\n  formatValue = defaultFormatValue,\n}: {\n  table: dh.Table;\n  descriptionColumnName?: string;\n  iconColumnName?: string;\n  keyColumnName?: string;\n  labelColumnName?: string;\n  formatValue?: (value: unknown, columnType: string) => string;\n}): (row: dh.Row) => NormalizedItemData {\n  const keyColumn = useMemo(\n    () => getItemKeyColumn(table, keyColumnName),\n    [keyColumnName, table]\n  );\n\n  const labelColumn = useMemo(\n    () => getItemLabelColumn(table, keyColumn, labelColumnName),\n    [keyColumn, labelColumnName, table]\n  );\n\n  const descriptionColumn = useMemo(\n    () =>\n      descriptionColumnName == null\n        ? null\n        : table.findColumn(descriptionColumnName),\n    [descriptionColumnName, table]\n  );\n\n  const iconColumn = useMemo(\n    () => (iconColumnName == null ? null : table.findColumn(iconColumnName)),\n    [iconColumnName, table]\n  );\n\n  const deserializeRow = useCallback(\n    (row: dh.Row): NormalizedItemData => {\n      const key = defaultFormatKey(row.get(keyColumn));\n      const content = formatValue(row.get(labelColumn), labelColumn.type);\n\n      const description =\n        descriptionColumn == null\n          ? undefined\n          : formatValue(row.get(descriptionColumn), descriptionColumn.type);\n\n      const icon = iconColumn == null ? undefined : row.get(iconColumn);\n\n      return {\n        key,\n        content,\n        textValue: content,\n        description,\n        icon,\n      };\n    },\n    [descriptionColumn, formatValue, iconColumn, keyColumn, labelColumn]\n  );\n\n  return deserializeRow;\n}\n\nexport default useItemRowDeserializer;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAGpCC,gBAAgB,EAAEC,kBAAkB;AAE7C,SAASC,gBAAgBA,CAACC,KAAc,EAA6B;EACnE,IACE,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,SAAS,EAC1B;IACA,OAAOA,KAAK;EACd;EAEA,OAAOC,MAAM,CAACD,KAAK,CAAC;AACtB;AAEA,SAASE,kBAAkBA,CAACF,KAAc,EAAEG,WAAmB,EAAU;EACvE,OAAOF,MAAM,CAACD,KAAK,CAAC;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,sBAAsBA,CAAAC,IAAA,EAcE;EAAA,IAdD;IACrCC,KAAK;IACLC,qBAAqB;IACrBC,cAAc;IACdC,aAAa;IACbC,eAAe;IACfC,WAAW,GAAGT;EAQhB,CAAC,GAAAG,IAAA;EACC,IAAMO,SAAS,GAAGhB,OAAO,CACvB,MAAMC,gBAAgB,CAACS,KAAK,EAAEG,aAAa,CAAC,EAC5C,CAACA,aAAa,EAAEH,KAAK,CACvB,CAAC;EAED,IAAMO,WAAW,GAAGjB,OAAO,CACzB,MAAME,kBAAkB,CAACQ,KAAK,EAAEM,SAAS,EAAEF,eAAe,CAAC,EAC3D,CAACE,SAAS,EAAEF,eAAe,EAAEJ,KAAK,CACpC,CAAC;EAED,IAAMQ,iBAAiB,GAAGlB,OAAO,CAC/B,MACEW,qBAAqB,IAAI,IAAI,GACzB,IAAI,GACJD,KAAK,CAACS,UAAU,CAACR,qBAAqB,CAAC,EAC7C,CAACA,qBAAqB,EAAED,KAAK,CAC/B,CAAC;EAED,IAAMU,UAAU,GAAGpB,OAAO,CACxB,MAAOY,cAAc,IAAI,IAAI,GAAG,IAAI,GAAGF,KAAK,CAACS,UAAU,CAACP,cAAc,CAAE,EACxE,CAACA,cAAc,EAAEF,KAAK,CACxB,CAAC;EAED,IAAMW,cAAc,GAAGtB,WAAW,CAC/BuB,GAAW,IAAyB;IACnC,IAAMC,GAAG,GAAGpB,gBAAgB,CAACmB,GAAG,CAACE,GAAG,CAACR,SAAS,CAAC,CAAC;IAChD,IAAMS,OAAO,GAAGV,WAAW,CAACO,GAAG,CAACE,GAAG,CAACP,WAAW,CAAC,EAAEA,WAAW,CAACS,IAAI,CAAC;IAEnE,IAAMC,WAAW,GACfT,iBAAiB,IAAI,IAAI,GACrBU,SAAS,GACTb,WAAW,CAACO,GAAG,CAACE,GAAG,CAACN,iBAAiB,CAAC,EAAEA,iBAAiB,CAACQ,IAAI,CAAC;IAErE,IAAMG,IAAI,GAAGT,UAAU,IAAI,IAAI,GAAGQ,SAAS,GAAGN,GAAG,CAACE,GAAG,CAACJ,UAAU,CAAC;IAEjE,OAAO;MACLG,GAAG;MACHE,OAAO;MACPK,SAAS,EAAEL,OAAO;MAClBE,WAAW;MACXE;IACF,CAAC;EACH,CAAC,EACD,CAACX,iBAAiB,EAAEH,WAAW,EAAEK,UAAU,EAAEJ,SAAS,EAAEC,WAAW,CACrE,CAAC;EAED,OAAOI,cAAc;AACvB;AAEA,eAAeb,sBAAsB"}
+{"version":3,"file":"useItemRowDeserializer.js","names":["useCallback","useMemo","assertNotNull","getItemKeyColumn","getItemLabelColumn","defaultFormatKey","value","String","defaultFormatValue","_columnType","useItemRowDeserializer","_ref","table","descriptionColumnName","iconColumnName","keyColumnName","labelColumnName","formatValue","keyColumn","labelColumn","descriptionColumn","findColumn","iconColumn","deserializeRow","row","key","get","content","type","description","undefined","icon","textValue"],"sources":["../../../src/spectrum/utils/useItemRowDeserializer.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { NormalizedItemData } from '@deephaven/components';\nimport { dh } from '@deephaven/jsapi-types';\nimport { assertNotNull } from '@deephaven/utils';\nimport { getItemKeyColumn, getItemLabelColumn } from './itemUtils';\n\nfunction defaultFormatKey(value: unknown): string | number | boolean {\n  if (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  ) {\n    return value;\n  }\n\n  return String(value);\n}\n\nfunction defaultFormatValue(value: unknown, _columnType: string): string {\n  return String(value);\n}\n\n/**\n * Returns a function that deserializes a row into a normalized item data object.\n * @param table The table to get the key and label columns from\n * @param descriptionColumnName The name of the column to use for description data\n * @param iconColumnName The name of the column to use for icon data\n * @param keyColumnName The name of the column to use for key data\n * @param labelColumnName The name of the column to use for label data\n * @param formatValue Optional function to format the label value\n * @returns A function that deserializes a row into a normalized item data object\n */\nexport function useItemRowDeserializer({\n  table,\n  descriptionColumnName,\n  iconColumnName,\n  keyColumnName,\n  labelColumnName,\n  formatValue = defaultFormatValue,\n}: {\n  table?: dh.Table | null;\n  descriptionColumnName?: string;\n  iconColumnName?: string;\n  keyColumnName?: string;\n  labelColumnName?: string;\n  formatValue?: (value: unknown, columnType: string) => string;\n}): (row: dh.Row) => NormalizedItemData {\n  const keyColumn = useMemo(\n    () => (table == null ? null : getItemKeyColumn(table, keyColumnName)),\n    [keyColumnName, table]\n  );\n\n  const labelColumn = useMemo(\n    () =>\n      table == null || keyColumn == null\n        ? null\n        : getItemLabelColumn(table, keyColumn, labelColumnName),\n    [keyColumn, labelColumnName, table]\n  );\n\n  const descriptionColumn = useMemo(\n    () =>\n      table == null || descriptionColumnName == null\n        ? null\n        : table.findColumn(descriptionColumnName),\n    [descriptionColumnName, table]\n  );\n\n  const iconColumn = useMemo(\n    () =>\n      table == null || iconColumnName == null\n        ? null\n        : table.findColumn(iconColumnName),\n    [iconColumnName, table]\n  );\n\n  const deserializeRow = useCallback(\n    (row: dh.Row): NormalizedItemData => {\n      // `deserializeRow` can be created on a null `table` which results in null\n      // `keyColumn` + `labelColumn`, but it should never actually be called.\n      // The assumption is that the `table` will eventually be non-null,\n      // `deserializeRow` will be recreated, and then applied to the non-null\n      // table.\n      assertNotNull(keyColumn, 'keyColumn cannot be null.');\n      assertNotNull(labelColumn, 'labelColumn cannot be null.');\n\n      const key = defaultFormatKey(row.get(keyColumn));\n      const content = formatValue(row.get(labelColumn), labelColumn.type);\n\n      const description =\n        descriptionColumn == null\n          ? undefined\n          : formatValue(row.get(descriptionColumn), descriptionColumn.type);\n\n      const icon = iconColumn == null ? undefined : row.get(iconColumn);\n\n      return {\n        key,\n        content,\n        textValue: content,\n        description,\n        icon,\n      };\n    },\n    [descriptionColumn, formatValue, iconColumn, keyColumn, labelColumn]\n  );\n\n  return deserializeRow;\n}\n\nexport default useItemRowDeserializer;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAG5C,SAASC,aAAa,QAAQ,kBAAkB;AAAC,SACxCC,gBAAgB,EAAEC,kBAAkB;AAE7C,SAASC,gBAAgBA,CAACC,KAAc,EAA6B;EACnE,IACE,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,SAAS,EAC1B;IACA,OAAOA,KAAK;EACd;EAEA,OAAOC,MAAM,CAACD,KAAK,CAAC;AACtB;AAEA,SAASE,kBAAkBA,CAACF,KAAc,EAAEG,WAAmB,EAAU;EACvE,OAAOF,MAAM,CAACD,KAAK,CAAC;AACtB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,sBAAsBA,CAAAC,IAAA,EAcE;EAAA,IAdD;IACrCC,KAAK;IACLC,qBAAqB;IACrBC,cAAc;IACdC,aAAa;IACbC,eAAe;IACfC,WAAW,GAAGT;EAQhB,CAAC,GAAAG,IAAA;EACC,IAAMO,SAAS,GAAGjB,OAAO,CACvB,MAAOW,KAAK,IAAI,IAAI,GAAG,IAAI,GAAGT,gBAAgB,CAACS,KAAK,EAAEG,aAAa,CAAE,EACrE,CAACA,aAAa,EAAEH,KAAK,CACvB,CAAC;EAED,IAAMO,WAAW,GAAGlB,OAAO,CACzB,MACEW,KAAK,IAAI,IAAI,IAAIM,SAAS,IAAI,IAAI,GAC9B,IAAI,GACJd,kBAAkB,CAACQ,KAAK,EAAEM,SAAS,EAAEF,eAAe,CAAC,EAC3D,CAACE,SAAS,EAAEF,eAAe,EAAEJ,KAAK,CACpC,CAAC;EAED,IAAMQ,iBAAiB,GAAGnB,OAAO,CAC/B,MACEW,KAAK,IAAI,IAAI,IAAIC,qBAAqB,IAAI,IAAI,GAC1C,IAAI,GACJD,KAAK,CAACS,UAAU,CAACR,qBAAqB,CAAC,EAC7C,CAACA,qBAAqB,EAAED,KAAK,CAC/B,CAAC;EAED,IAAMU,UAAU,GAAGrB,OAAO,CACxB,MACEW,KAAK,IAAI,IAAI,IAAIE,cAAc,IAAI,IAAI,GACnC,IAAI,GACJF,KAAK,CAACS,UAAU,CAACP,cAAc,CAAC,EACtC,CAACA,cAAc,EAAEF,KAAK,CACxB,CAAC;EAED,IAAMW,cAAc,GAAGvB,WAAW,CAC/BwB,GAAW,IAAyB;IACnC;IACA;IACA;IACA;IACA;IACAtB,aAAa,CAACgB,SAAS,EAAE,2BAA2B,CAAC;IACrDhB,aAAa,CAACiB,WAAW,EAAE,6BAA6B,CAAC;IAEzD,IAAMM,GAAG,GAAGpB,gBAAgB,CAACmB,GAAG,CAACE,GAAG,CAACR,SAAS,CAAC,CAAC;IAChD,IAAMS,OAAO,GAAGV,WAAW,CAACO,GAAG,CAACE,GAAG,CAACP,WAAW,CAAC,EAAEA,WAAW,CAACS,IAAI,CAAC;IAEnE,IAAMC,WAAW,GACfT,iBAAiB,IAAI,IAAI,GACrBU,SAAS,GACTb,WAAW,CAACO,GAAG,CAACE,GAAG,CAACN,iBAAiB,CAAC,EAAEA,iBAAiB,CAACQ,IAAI,CAAC;IAErE,IAAMG,IAAI,GAAGT,UAAU,IAAI,IAAI,GAAGQ,SAAS,GAAGN,GAAG,CAACE,GAAG,CAACJ,UAAU,CAAC;IAEjE,OAAO;MACLG,GAAG;MACHE,OAAO;MACPK,SAAS,EAAEL,OAAO;MAClBE,WAAW;MACXE;IACF,CAAC;EACH,CAAC,EACD,CAACX,iBAAiB,EAAEH,WAAW,EAAEK,UAAU,EAAEJ,SAAS,EAAEC,WAAW,CACrE,CAAC;EAED,OAAOI,cAAc;AACvB;AAEA,eAAeb,sBAAsB"}

package/dist/spectrum/utils/usePickerProps.d.ts

@@ -0,0 +1,22 @@
+import { ItemKey, NormalizedItem, NormalizedSection } from '@deephaven/components';
+import type { PickerWithTableProps } from '../PickerProps';
+/** Props that are derived by `usePickerProps`. */
+export type UsePickerDerivedProps = {
+    normalizedItems: (NormalizedItem | NormalizedSection)[];
+    showItemIcons: boolean;
+    getInitialScrollPosition: () => Promise<number | null>;
+    onChange: (key: ItemKey | null) => void;
+    onScroll: (event: Event) => void;
+    onSearchTextChange: (searchText: string) => void;
+};
+/**
+ * Props that are passed through untouched. (should exclude all of the
+ * destructured props passed into `usePickerProps` that are not in the spread
+ * ...props)
+) */
+export type UsePickerPassthroughProps<TProps> = Omit<PickerWithTableProps<TProps>, 'table' | 'keyColumn' | 'labelColumn' | 'iconColumn' | 'settings' | 'onChange' | 'onSelectionChange'>;
+/** Props returned by `usePickerProps` hook. */
+export type UsePickerProps<TProps> = UsePickerDerivedProps & UsePickerPassthroughProps<TProps>;
+export declare function usePickerProps<TProps>({ table: tableSource, keyColumn: keyColumnName, labelColumn: labelColumnName, iconColumn: iconColumnName, settings, onChange, onSelectionChange, ...props }: PickerWithTableProps<TProps>): UsePickerProps<TProps>;
+export default usePickerProps;
+//# sourceMappingURL=usePickerProps.d.ts.map

package/dist/spectrum/utils/usePickerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerProps.d.ts","sourceRoot":"","sources":["../../../src/spectrum/utils/usePickerProps.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,cAAc,EACd,iBAAiB,EAElB,MAAM,uBAAuB,CAAC;AAM/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAQ3D,kDAAkD;AAClD,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,EAAE,CAAC,cAAc,GAAG,iBAAiB,CAAC,EAAE,CAAC;IACxD,aAAa,EAAE,OAAO,CAAC;IACvB,wBAAwB,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvD,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF;;;;IAII;AACJ,MAAM,MAAM,yBAAyB,CAAC,MAAM,IAAI,IAAI,CAClD,oBAAoB,CAAC,MAAM,CAAC,EAC1B,OAAO,GACP,WAAW,GACX,aAAa,GACb,YAAY,GACZ,UAAU,GACV,UAAU,GACV,mBAAmB,CACtB,CAAC;AAEF,+CAA+C;AAC/C,MAAM,MAAM,cAAc,CAAC,MAAM,IAAI,qBAAqB,GACxD,yBAAyB,CAAC,MAAM,CAAC,CAAC;AAEpC,wBAAgB,cAAc,CAAC,MAAM,EAAE,EACrC,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAAc,EAC1B,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAwHvD;AAED,eAAe,cAAc,CAAC"}

package/dist/spectrum/utils/usePickerProps.js

@@ -0,0 +1,136 @@
+var _excluded = ["table", "keyColumn", "labelColumn", "iconColumn", "settings", "onChange", "onSelectionChange"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { usePickerItemScale } from '@deephaven/components';
+import { TableUtils } from '@deephaven/jsapi-utils';
+import Log from '@deephaven/log';
+import { usePromiseFactory } from '@deephaven/react-hooks';
+import { PICKER_TOP_OFFSET } from '@deephaven/utils';
+import useFormatter from "../../useFormatter.js";
+import { getItemKeyColumn, getItemLabelColumn } from "./itemUtils.js";
+import { useItemRowDeserializer } from "./useItemRowDeserializer.js";
+import { useGetItemIndexByValue } from "../../useGetItemIndexByValue.js";
+import useSearchableViewportData from "../../useSearchableViewportData.js";
+var log = Log.module('jsapi-components.usePickerProps');
+
+/** Props that are derived by `usePickerProps`. */
+
+/** 
+ * Props that are passed through untouched. (should exclude all of the
+ * destructured props passed into `usePickerProps` that are not in the spread
+ * ...props)
+) */
+
+/** Props returned by `usePickerProps` hook. */
+
+export function usePickerProps(_ref) {
+  var _keyColumn$name;
+  var {
+      table: tableSource,
+      keyColumn: keyColumnName,
+      labelColumn: labelColumnName,
+      iconColumn: iconColumnName,
+      settings,
+      onChange,
+      onSelectionChange
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var {
+    itemHeight
+  } = usePickerItemScale();
+  var {
+    getFormattedString: formatValue,
+    timeZone
+  } = useFormatter(settings);
+
+  // `null` is a valid value for `selectedKey` in controlled mode, so we check
+  // for explicit `undefined` to identify uncontrolled mode.
+  var isUncontrolled = props.selectedKey === undefined;
+  var [uncontrolledSelectedKey, setUncontrolledSelectedKey] = useState(props.defaultSelectedKey);
+
+  // Copy table so we can apply filters without affecting the original table.
+  // (Note that this call is not actually applying any filters. Filter will be
+  // applied in `useSearchableViewportData`.)
+  var {
+    data: tableCopy
+  } = usePromiseFactory(TableUtils.copyTableAndApplyFilters, [tableSource]);
+  var keyColumn = useMemo(() => tableCopy == null ? null : getItemKeyColumn(tableCopy, keyColumnName), [keyColumnName, tableCopy]);
+  var labelColumn = useMemo(() => tableCopy == null || keyColumn == null ? null : getItemLabelColumn(tableCopy, keyColumn, labelColumnName), [keyColumn, labelColumnName, tableCopy]);
+  var searchColumnNames = useMemo(() => labelColumn == null ? [] : [labelColumn.name], [labelColumn]);
+  var deserializeRow = useItemRowDeserializer({
+    table: tableCopy,
+    iconColumnName,
+    keyColumnName,
+    labelColumnName,
+    formatValue
+  });
+  var getItemIndexByValue = useGetItemIndexByValue({
+    table: tableCopy,
+    columnName: (_keyColumn$name = keyColumn === null || keyColumn === void 0 ? void 0 : keyColumn.name) !== null && _keyColumn$name !== void 0 ? _keyColumn$name : null,
+    value: isUncontrolled ? uncontrolledSelectedKey : props.selectedKey
+  });
+  var getInitialScrollPosition = useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
+    var index = yield getItemIndexByValue();
+    if (index == null) {
+      return null;
+    }
+    return index * itemHeight + PICKER_TOP_OFFSET;
+  }), [getItemIndexByValue, itemHeight]);
+  var {
+    onScroll,
+    onSearchTextChange,
+    setViewport,
+    viewportData
+  } = useSearchableViewportData({
+    reuseItemsOnTableResize: true,
+    table: tableCopy,
+    itemHeight,
+    deserializeRow,
+    searchColumnNames,
+    timeZone
+  });
+  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.
+  function setViewportFromSelectedKey() {
+    var isCanceled = false;
+    getItemIndexByValue().then(index => {
+      if (index == null || isCanceled) {
+        return;
+      }
+      setViewport(index);
+    }).catch(err => {
+      log.error('Error setting viewport from selected key', err);
+    });
+    return () => {
+      isCanceled = true;
+    };
+  }, [getItemIndexByValue, settings, setViewport]);
+  var onSelectionChangeInternal = useCallback(key => {
+    var _ref3;
+    // If our component is uncontrolled, track the selected key internally
+    // so that we can scroll to the selected item if the user re-opens
+    if (isUncontrolled) {
+      setUncontrolledSelectedKey(key);
+    }
+    (_ref3 = onChange !== null && onChange !== void 0 ? onChange : onSelectionChange) === null || _ref3 === void 0 ? void 0 : _ref3(key);
+  }, [isUncontrolled, onChange, onSelectionChange]);
+  return _objectSpread(_objectSpread({}, props), {}, {
+    normalizedItems: viewportData.items,
+    showItemIcons: iconColumnName != null,
+    getInitialScrollPosition,
+    onChange: onSelectionChangeInternal,
+    onScroll,
+    onSearchTextChange
+  });
+}
+export default usePickerProps;
+//# sourceMappingURL=usePickerProps.js.map

package/dist/spectrum/utils/usePickerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerProps.js","names":["useCallback","useEffect","useMemo","useState","usePickerItemScale","TableUtils","Log","usePromiseFactory","PICKER_TOP_OFFSET","useFormatter","getItemKeyColumn","getItemLabelColumn","useItemRowDeserializer","useGetItemIndexByValue","useSearchableViewportData","log","module","usePickerProps","_ref","_keyColumn$name","table","tableSource","keyColumn","keyColumnName","labelColumn","labelColumnName","iconColumn","iconColumnName","settings","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","itemHeight","getFormattedString","formatValue","timeZone","isUncontrolled","selectedKey","undefined","uncontrolledSelectedKey","setUncontrolledSelectedKey","defaultSelectedKey","data","tableCopy","copyTableAndApplyFilters","searchColumnNames","name","deserializeRow","getItemIndexByValue","columnName","value","getInitialScrollPosition","_asyncToGenerator","index","onScroll","onSearchTextChange","setViewport","viewportData","reuseItemsOnTableResize","setViewportFromSelectedKey","isCanceled","then","catch","err","error","onSelectionChangeInternal","key","_ref3","_objectSpread","normalizedItems","items","showItemIcons"],"sources":["../../../src/spectrum/utils/usePickerProps.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  ItemKey,\n  NormalizedItem,\n  NormalizedSection,\n  usePickerItemScale,\n} from '@deephaven/components';\nimport { TableUtils } from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { usePromiseFactory } from '@deephaven/react-hooks';\nimport { PICKER_TOP_OFFSET } from '@deephaven/utils';\nimport useFormatter from '../../useFormatter';\nimport type { PickerWithTableProps } from '../PickerProps';\nimport { getItemKeyColumn, getItemLabelColumn } from './itemUtils';\nimport { useItemRowDeserializer } from './useItemRowDeserializer';\nimport { useGetItemIndexByValue } from '../../useGetItemIndexByValue';\nimport useSearchableViewportData from '../../useSearchableViewportData';\n\nconst log = Log.module('jsapi-components.usePickerProps');\n\n/** Props that are derived by `usePickerProps`. */\nexport type UsePickerDerivedProps = {\n  normalizedItems: (NormalizedItem | NormalizedSection)[];\n  showItemIcons: boolean;\n  getInitialScrollPosition: () => Promise<number | null>;\n  onChange: (key: ItemKey | null) => void;\n  onScroll: (event: Event) => void;\n  onSearchTextChange: (searchText: string) => void;\n};\n\n/** \n * Props that are passed through untouched. (should exclude all of the\n * destructured props passed into `usePickerProps` that are not in the spread\n * ...props)\n) */\nexport type UsePickerPassthroughProps<TProps> = Omit<\n  PickerWithTableProps<TProps>,\n  | 'table'\n  | 'keyColumn'\n  | 'labelColumn'\n  | 'iconColumn'\n  | 'settings'\n  | 'onChange'\n  | 'onSelectionChange'\n>;\n\n/** Props returned by `usePickerProps` hook. */\nexport type UsePickerProps<TProps> = UsePickerDerivedProps &\n  UsePickerPassthroughProps<TProps>;\n\nexport function usePickerProps<TProps>({\n  table: tableSource,\n  keyColumn: keyColumnName,\n  labelColumn: labelColumnName,\n  iconColumn: iconColumnName,\n  settings,\n  onChange,\n  onSelectionChange,\n  ...props\n}: PickerWithTableProps<TProps>): UsePickerProps<TProps> {\n  const { itemHeight } = usePickerItemScale();\n\n  const { getFormattedString: formatValue, timeZone } = useFormatter(settings);\n\n  // `null` is a valid value for `selectedKey` in controlled mode, so we check\n  // for explicit `undefined` to identify uncontrolled mode.\n  const isUncontrolled = props.selectedKey === undefined;\n  const [uncontrolledSelectedKey, setUncontrolledSelectedKey] = useState<\n    ItemKey | null | undefined\n  >(props.defaultSelectedKey);\n\n  // Copy table so we can apply filters without affecting the original table.\n  // (Note that this call is not actually applying any filters. Filter will be\n  // applied in `useSearchableViewportData`.)\n  const { data: tableCopy } = usePromiseFactory(\n    TableUtils.copyTableAndApplyFilters,\n    [tableSource]\n  );\n\n  const keyColumn = useMemo(\n    () =>\n      tableCopy == null ? null : getItemKeyColumn(tableCopy, keyColumnName),\n    [keyColumnName, tableCopy]\n  );\n\n  const labelColumn = useMemo(\n    () =>\n      tableCopy == null || keyColumn == null\n        ? null\n        : getItemLabelColumn(tableCopy, keyColumn, labelColumnName),\n    [keyColumn, labelColumnName, tableCopy]\n  );\n\n  const searchColumnNames = useMemo(\n    () => (labelColumn == null ? [] : [labelColumn.name]),\n    [labelColumn]\n  );\n\n  const deserializeRow = useItemRowDeserializer({\n    table: tableCopy,\n    iconColumnName,\n    keyColumnName,\n    labelColumnName,\n    formatValue,\n  });\n\n  const getItemIndexByValue = useGetItemIndexByValue({\n    table: tableCopy,\n    columnName: keyColumn?.name ?? null,\n    value: isUncontrolled ? uncontrolledSelectedKey : props.selectedKey,\n  });\n\n  const getInitialScrollPosition = useCallback(async () => {\n    const index = await getItemIndexByValue();\n\n    if (index == null) {\n      return null;\n    }\n\n    return index * itemHeight + PICKER_TOP_OFFSET;\n  }, [getItemIndexByValue, itemHeight]);\n\n  const { onScroll, onSearchTextChange, setViewport, viewportData } =\n    useSearchableViewportData({\n      reuseItemsOnTableResize: true,\n      table: tableCopy,\n      itemHeight,\n      deserializeRow,\n      searchColumnNames,\n      timeZone,\n    });\n\n  useEffect(\n    // Set viewport to include the selected item so that its data will load and\n    // the real `key` will be available to show the selection in the UI.\n    function setViewportFromSelectedKey() {\n      let isCanceled = false;\n\n      getItemIndexByValue()\n        .then(index => {\n          if (index == null || isCanceled) {\n            return;\n          }\n\n          setViewport(index);\n        })\n        .catch(err => {\n          log.error('Error setting viewport from selected key', err);\n        });\n\n      return () => {\n        isCanceled = true;\n      };\n    },\n    [getItemIndexByValue, settings, setViewport]\n  );\n\n  const onSelectionChangeInternal = useCallback(\n    (key: ItemKey | null): void => {\n      // If our component is uncontrolled, track the selected key internally\n      // so that we can scroll to the selected item if the user re-opens\n      if (isUncontrolled) {\n        setUncontrolledSelectedKey(key);\n      }\n\n      (onChange ?? onSelectionChange)?.(key);\n    },\n    [isUncontrolled, onChange, onSelectionChange]\n  );\n\n  return {\n    ...props,\n    normalizedItems: viewportData.items,\n    showItemIcons: iconColumnName != null,\n    getInitialScrollPosition,\n    onChange: onSelectionChangeInternal,\n    onScroll,\n    onSearchTextChange,\n  };\n}\n\nexport default usePickerProps;\n"],"mappings":"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"}

package/dist/useGetItemIndexByValue.d.ts

@@ -9,7 +9,7 @@ import { dh } from '@deephaven/jsapi-types';
  * matching value, or `null` if no match is found
  */
 export declare function useGetItemIndexByValue<TValue>({ columnName, value, table, }: {
-    columnName: string;
+    columnName: string | null;
     table: dh.Table | null;
     value: TValue | null | undefined;
 }): () => Promise<number | null>;

package/dist/useGetItemIndexByValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetItemIndexByValue.d.ts","sourceRoot":"","sources":["../src/useGetItemIndexByValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAG5C;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,EAC7C,UAAU,EACV,KAAK,EACL,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAClC,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAc/B;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"useGetItemIndexByValue.d.ts","sourceRoot":"","sources":["../src/useGetItemIndexByValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAG5C;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,EAC7C,UAAU,EACV,KAAK,EACL,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAClC,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAc/B;AAED,eAAe,sBAAsB,CAAC"}

package/dist/useGetItemIndexByValue.js

@@ -19,7 +19,7 @@ export function useGetItemIndexByValue(_ref) {
   } = _ref;
   var tableUtils = useTableUtils();
   return useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
-    if (table == null || value == null) {
+    if (table == null || value == null || columnName == null) {
       return null;
     }
     var column = table.findColumn(columnName);

package/dist/useGetItemIndexByValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetItemIndexByValue.js","names":["useCallback","useTableUtils","useGetItemIndexByValue","_ref","columnName","value","table","tableUtils","_asyncToGenerator","column","findColumn","columnValueType","getValueType","type","index","seekRow"],"sources":["../src/useGetItemIndexByValue.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { dh } from '@deephaven/jsapi-types';\nimport { useTableUtils } from './useTableUtils';\n\n/**\n * Returns a function that gets the index of the first row containing a column\n * value.\n * @param columnName The name of the column to search\n * @param value The value to search for\n * @param table The table to search in\n * @returns A function that returns the index of the first row containing the\n * matching value, or `null` if no match is found\n */\nexport function useGetItemIndexByValue<TValue>({\n  columnName,\n  value,\n  table,\n}: {\n  columnName: string;\n  table: dh.Table | null;\n  value: TValue | null | undefined;\n}): () => Promise<number | null> {\n  const tableUtils = useTableUtils();\n\n  return useCallback(async () => {\n    if (table == null || value == null) {\n      return null;\n    }\n\n    const column = table.findColumn(columnName);\n    const columnValueType = tableUtils.getValueType(column.type);\n\n    const index = await table.seekRow(0, column, columnValueType, value);\n    return index === -1 ? null : index;\n  }, [columnName, table, tableUtils, value]);\n}\n\nexport default useGetItemIndexByValue;\n"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAAC,SAE3BC,aAAa;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAAAC,IAAA,EAQL;EAAA,IARc;IAC7CC,UAAU;IACVC,KAAK;IACLC;EAKF,CAAC,GAAAH,IAAA;EACC,IAAMI,UAAU,GAAGN,aAAa,CAAC,CAAC;EAElC,OAAOD,WAAW,eAAAQ,iBAAA,CAAC,aAAY;IAC7B,IAAIF,KAAK,IAAI,IAAI,IAAID,KAAK,IAAI,IAAI,EAAE;MAClC,OAAO,IAAI;IACb;IAEA,IAAMI,MAAM,GAAGH,KAAK,CAACI,UAAU,CAACN,UAAU,CAAC;IAC3C,IAAMO,eAAe,GAAGJ,UAAU,CAACK,YAAY,CAACH,MAAM,CAACI,IAAI,CAAC;IAE5D,IAAMC,KAAK,SAASR,KAAK,CAACS,OAAO,CAAC,CAAC,EAAEN,MAAM,EAAEE,eAAe,EAAEN,KAAK,CAAC;IACpE,OAAOS,KAAK,KAAK,CAAC,CAAC,GAAG,IAAI,GAAGA,KAAK;EACpC,CAAC,GAAE,CAACV,UAAU,EAAEE,KAAK,EAAEC,UAAU,EAAEF,KAAK,CAAC,CAAC;AAC5C;AAEA,eAAeH,sBAAsB"}
+{"version":3,"file":"useGetItemIndexByValue.js","names":["useCallback","useTableUtils","useGetItemIndexByValue","_ref","columnName","value","table","tableUtils","_asyncToGenerator","column","findColumn","columnValueType","getValueType","type","index","seekRow"],"sources":["../src/useGetItemIndexByValue.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { dh } from '@deephaven/jsapi-types';\nimport { useTableUtils } from './useTableUtils';\n\n/**\n * Returns a function that gets the index of the first row containing a column\n * value.\n * @param columnName The name of the column to search\n * @param value The value to search for\n * @param table The table to search in\n * @returns A function that returns the index of the first row containing the\n * matching value, or `null` if no match is found\n */\nexport function useGetItemIndexByValue<TValue>({\n  columnName,\n  value,\n  table,\n}: {\n  columnName: string | null;\n  table: dh.Table | null;\n  value: TValue | null | undefined;\n}): () => Promise<number | null> {\n  const tableUtils = useTableUtils();\n\n  return useCallback(async () => {\n    if (table == null || value == null || columnName == null) {\n      return null;\n    }\n\n    const column = table.findColumn(columnName);\n    const columnValueType = tableUtils.getValueType(column.type);\n\n    const index = await table.seekRow(0, column, columnValueType, value);\n    return index === -1 ? null : index;\n  }, [columnName, table, tableUtils, value]);\n}\n\nexport default useGetItemIndexByValue;\n"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAAC,SAE3BC,aAAa;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAAAC,IAAA,EAQL;EAAA,IARc;IAC7CC,UAAU;IACVC,KAAK;IACLC;EAKF,CAAC,GAAAH,IAAA;EACC,IAAMI,UAAU,GAAGN,aAAa,CAAC,CAAC;EAElC,OAAOD,WAAW,eAAAQ,iBAAA,CAAC,aAAY;IAC7B,IAAIF,KAAK,IAAI,IAAI,IAAID,KAAK,IAAI,IAAI,IAAID,UAAU,IAAI,IAAI,EAAE;MACxD,OAAO,IAAI;IACb;IAEA,IAAMK,MAAM,GAAGH,KAAK,CAACI,UAAU,CAACN,UAAU,CAAC;IAC3C,IAAMO,eAAe,GAAGJ,UAAU,CAACK,YAAY,CAACH,MAAM,CAACI,IAAI,CAAC;IAE5D,IAAMC,KAAK,SAASR,KAAK,CAACS,OAAO,CAAC,CAAC,EAAEN,MAAM,EAAEE,eAAe,EAAEN,KAAK,CAAC;IACpE,OAAOS,KAAK,KAAK,CAAC,CAAC,GAAG,IAAI,GAAGA,KAAK;EACpC,CAAC,GAAE,CAACV,UAAU,EAAEE,KAAK,EAAEC,UAAU,EAAEF,KAAK,CAAC,CAAC;AAC5C;AAEA,eAAeH,sBAAsB"}

package/dist/useViewportData.d.ts

@@ -7,8 +7,8 @@ export interface UseViewportDataProps<TItem, TTable extends dh.Table | dh.TreeTa
     table: TTable | null;
     itemHeight?: number;
     scrollDebounce?: number;
-    viewportSize?: number;
     viewportPadding?: number;
+    viewportSize?: number;
     deserializeRow?: RowDeserializer<TItem>;
 }
 export interface UseViewportDataResult<TItem, TTable extends dh.Table | dh.TreeTable> {

package/dist/useViewportData.d.ts.map

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

package/dist/useViewportData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewportData.js","names":["useCallback","useEffect","useMemo","useRef","defaultRowDeserializer","isClosed","createOnTableUpdatedHandler","Log","useApi","useOnScrollOffsetChangeCallback","SCROLL_DEBOUNCE_MS","useInitializeViewportData","useSetPaddedViewportCallback","useTableSize","useTableListener","log","module","useViewportData","_ref","table","itemHeight","scrollDebounce","viewportSize","viewportPadding","deserializeRow","reuseItemsOnTableResize","currentViewportFirstRowRef","viewportData","setPaddedViewport","setViewport","firstRow","current","debug","applyFiltersAndRefresh","filters","applyFilter","dh","onTableUpdatedRef","onTableUpdated","event","_onTableUpdatedRef$cu","call","Table","EVENT_UPDATED","size","onScroll"],"sources":["../src/useViewportData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  RowDeserializer,\n  defaultRowDeserializer,\n  isClosed,\n  createOnTableUpdatedHandler,\n  OnTableUpdatedEvent,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport {\n  useOnScrollOffsetChangeCallback,\n  WindowedListData,\n} from '@deephaven/react-hooks';\nimport { KeyedItem, SCROLL_DEBOUNCE_MS } from '@deephaven/utils';\nimport useInitializeViewportData from './useInitializeViewportData';\nimport useSetPaddedViewportCallback from './useSetPaddedViewportCallback';\nimport useTableSize from './useTableSize';\nimport useTableListener from './useTableListener';\n\nconst log = Log.module('useViewportData');\n\nexport interface UseViewportDataProps<\n  TItem,\n  TTable extends dh.Table | dh.TreeTable,\n> {\n  reuseItemsOnTableResize?: boolean;\n  table: TTable | null;\n  itemHeight?: number;\n  scrollDebounce?: number;\n  viewportSize?: number;\n  viewportPadding?: number;\n  deserializeRow?: RowDeserializer<TItem>;\n}\n\nexport interface UseViewportDataResult<\n  TItem,\n  TTable extends dh.Table | dh.TreeTable,\n> {\n  /** Manages deserialized row items associated with a DH Table */\n  viewportData: WindowedListData<KeyedItem<TItem>>;\n  /** Size of the underlying Table */\n  size: number;\n\n  table: TTable | null;\n  /** Apply filters and refresh viewport. */\n  applyFiltersAndRefresh: (filters: dh.FilterCondition[]) => void;\n  /** Set the viewport of the Table */\n  setViewport: (firstRow: number) => void;\n  /** Handler for scroll events to update viewport */\n  onScroll: (event: Event) => void;\n}\n\n/**\n * Sets up state management for windowed Table viewports. Returns a ListData\n * instance for managing items associated with the Table + a `setViewport`\n * callback for changing the current viewport.\n *\n * IMPORTANT: this will create an empty KeyedItem object for every row in the\n * source table. This is intended for \"human\" sized tables such as those used in\n * admin panels. This is not suitable for \"machine\" scale with millions+ rows.\n * @param table The Table to viewport.\n * @param itemHeight The height of each item in the viewport.\n * @param scrollDebounce The number of milliseconds to debounce scroll events.\n * @param viewportSize The number of items to display in the viewport.\n * @param viewportPadding The number of items to fetch at start and end of the viewport.\n * @param deserializeRow A function to deserialize a row from the Table.\n * @param reuseItemsOnTableResize If true, existing items will be re-used when\n * the table size changes.\n * @returns An object for managing Table viewport state.\n */\nexport function useViewportData<TItem, TTable extends dh.Table | dh.TreeTable>({\n  table,\n  itemHeight = 1,\n  scrollDebounce = SCROLL_DEBOUNCE_MS,\n  viewportSize = 10,\n  viewportPadding = 50,\n  deserializeRow = defaultRowDeserializer,\n  reuseItemsOnTableResize = false,\n}: UseViewportDataProps<TItem, TTable>): UseViewportDataResult<TItem, TTable> {\n  const currentViewportFirstRowRef = useRef<number>(0);\n\n  const viewportData = useInitializeViewportData<TItem>(\n    table,\n    reuseItemsOnTableResize\n  );\n\n  const setPaddedViewport = useSetPaddedViewportCallback(\n    table,\n    viewportSize,\n    viewportPadding\n  );\n\n  const setViewport = useCallback(\n    (firstRow: number) => {\n      currentViewportFirstRowRef.current = firstRow;\n\n      if (table && !isClosed(table)) {\n        setPaddedViewport(firstRow);\n      } else {\n        log.debug('setViewport called on closed table.', table);\n      }\n    },\n    [table, setPaddedViewport]\n  );\n\n  const applyFiltersAndRefresh = useCallback(\n    (filters: dh.FilterCondition[]) => {\n      if (table && !isClosed(table)) {\n        table.applyFilter(filters);\n        setViewport(0);\n      } else {\n        log.debug('applyFiltersAndRefresh called on closed table.', table);\n      }\n    },\n    [setViewport, table]\n  );\n\n  const dh = useApi();\n\n  // Store the memoized callback in a ref so that changes to `viewportData`\n  // don't invalidate the memoization of `onTableUpdated`. This prevents\n  // `useTableListener` from unnecessarily re-subscribing to the same event over\n  // and over.\n  const onTableUpdatedRef = useRef<(event: OnTableUpdatedEvent) => void>();\n  onTableUpdatedRef.current = useMemo(\n    () => createOnTableUpdatedHandler(viewportData, deserializeRow),\n    [deserializeRow, viewportData]\n  );\n\n  const onTableUpdated = useCallback((event: OnTableUpdatedEvent) => {\n    onTableUpdatedRef.current?.(event);\n  }, []);\n\n  useTableListener(table, dh.Table.EVENT_UPDATED, onTableUpdated);\n\n  const size = useTableSize(table);\n\n  useEffect(() => {\n    log.debug('Initializing viewport');\n\n    // Hydrate the viewport with real data. This will fetch data from index\n    // 0 to the end of the viewport + padding.\n    setViewport(0);\n  }, [table, setViewport]);\n\n  useEffect(() => {\n    setViewport(currentViewportFirstRowRef.current);\n  }, [setViewport, size]);\n\n  const onScroll = useOnScrollOffsetChangeCallback(\n    itemHeight,\n    setViewport,\n    scrollDebounce\n  );\n\n  return useMemo(\n    () => ({\n      viewportData,\n      size,\n      table,\n      applyFiltersAndRefresh,\n      setViewport,\n      onScroll,\n    }),\n    [applyFiltersAndRefresh, onScroll, setViewport, size, table, viewportData]\n  );\n}\n\nexport default useViewportData;\n"],"mappings":"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"}
+{"version":3,"file":"useViewportData.js","names":["useCallback","useEffect","useMemo","useRef","defaultRowDeserializer","isClosed","createOnTableUpdatedHandler","Log","useApi","useOnScrollOffsetChangeCallback","SCROLL_DEBOUNCE_MS","useInitializeViewportData","useSetPaddedViewportCallback","useTableSize","useTableListener","log","module","useViewportData","_ref","table","itemHeight","scrollDebounce","viewportSize","viewportPadding","deserializeRow","reuseItemsOnTableResize","currentViewportFirstRowRef","viewportData","setPaddedViewport","setViewport","firstRow","current","debug","applyFiltersAndRefresh","filters","applyFilter","dh","onTableUpdatedRef","onTableUpdated","event","_onTableUpdatedRef$cu","call","Table","EVENT_UPDATED","size","onScroll"],"sources":["../src/useViewportData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  RowDeserializer,\n  defaultRowDeserializer,\n  isClosed,\n  createOnTableUpdatedHandler,\n  OnTableUpdatedEvent,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport {\n  useOnScrollOffsetChangeCallback,\n  WindowedListData,\n} from '@deephaven/react-hooks';\nimport { KeyedItem, SCROLL_DEBOUNCE_MS } from '@deephaven/utils';\nimport useInitializeViewportData from './useInitializeViewportData';\nimport useSetPaddedViewportCallback from './useSetPaddedViewportCallback';\nimport useTableSize from './useTableSize';\nimport useTableListener from './useTableListener';\n\nconst log = Log.module('useViewportData');\n\nexport interface UseViewportDataProps<\n  TItem,\n  TTable extends dh.Table | dh.TreeTable,\n> {\n  reuseItemsOnTableResize?: boolean;\n  table: TTable | null;\n  itemHeight?: number;\n  scrollDebounce?: number;\n  viewportPadding?: number;\n  viewportSize?: number;\n  deserializeRow?: RowDeserializer<TItem>;\n}\n\nexport interface UseViewportDataResult<\n  TItem,\n  TTable extends dh.Table | dh.TreeTable,\n> {\n  /** Manages deserialized row items associated with a DH Table */\n  viewportData: WindowedListData<KeyedItem<TItem>>;\n  /** Size of the underlying Table */\n  size: number;\n\n  table: TTable | null;\n  /** Apply filters and refresh viewport. */\n  applyFiltersAndRefresh: (filters: dh.FilterCondition[]) => void;\n  /** Set the viewport of the Table */\n  setViewport: (firstRow: number) => void;\n  /** Handler for scroll events to update viewport */\n  onScroll: (event: Event) => void;\n}\n\n/**\n * Sets up state management for windowed Table viewports. Returns a ListData\n * instance for managing items associated with the Table + a `setViewport`\n * callback for changing the current viewport.\n *\n * IMPORTANT: this will create an empty KeyedItem object for every row in the\n * source table. This is intended for \"human\" sized tables such as those used in\n * admin panels. This is not suitable for \"machine\" scale with millions+ rows.\n * @param table The Table to viewport.\n * @param itemHeight The height of each item in the viewport.\n * @param scrollDebounce The number of milliseconds to debounce scroll events.\n * @param viewportSize The number of items to display in the viewport.\n * @param viewportPadding The number of items to fetch at start and end of the viewport.\n * @param deserializeRow A function to deserialize a row from the Table.\n * @param reuseItemsOnTableResize If true, existing items will be re-used when\n * the table size changes.\n * @returns An object for managing Table viewport state.\n */\nexport function useViewportData<TItem, TTable extends dh.Table | dh.TreeTable>({\n  table,\n  itemHeight = 1,\n  scrollDebounce = SCROLL_DEBOUNCE_MS,\n  viewportSize = 10,\n  viewportPadding = 50,\n  deserializeRow = defaultRowDeserializer,\n  reuseItemsOnTableResize = false,\n}: UseViewportDataProps<TItem, TTable>): UseViewportDataResult<TItem, TTable> {\n  const currentViewportFirstRowRef = useRef<number>(0);\n\n  const viewportData = useInitializeViewportData<TItem>(\n    table,\n    reuseItemsOnTableResize\n  );\n\n  const setPaddedViewport = useSetPaddedViewportCallback(\n    table,\n    viewportSize,\n    viewportPadding\n  );\n\n  const setViewport = useCallback(\n    (firstRow: number) => {\n      currentViewportFirstRowRef.current = firstRow;\n\n      if (table && !isClosed(table)) {\n        setPaddedViewport(firstRow);\n      } else {\n        log.debug('setViewport called on closed table.', table);\n      }\n    },\n    [table, setPaddedViewport]\n  );\n\n  const applyFiltersAndRefresh = useCallback(\n    (filters: dh.FilterCondition[]) => {\n      if (table && !isClosed(table)) {\n        table.applyFilter(filters);\n        setViewport(0);\n      } else {\n        log.debug('applyFiltersAndRefresh called on closed table.', table);\n      }\n    },\n    [setViewport, table]\n  );\n\n  const dh = useApi();\n\n  // Store the memoized callback in a ref so that changes to `viewportData`\n  // don't invalidate the memoization of `onTableUpdated`. This prevents\n  // `useTableListener` from unnecessarily re-subscribing to the same event over\n  // and over.\n  const onTableUpdatedRef = useRef<(event: OnTableUpdatedEvent) => void>();\n  onTableUpdatedRef.current = useMemo(\n    () => createOnTableUpdatedHandler(viewportData, deserializeRow),\n    [deserializeRow, viewportData]\n  );\n\n  const onTableUpdated = useCallback((event: OnTableUpdatedEvent) => {\n    onTableUpdatedRef.current?.(event);\n  }, []);\n\n  useTableListener(table, dh.Table.EVENT_UPDATED, onTableUpdated);\n\n  const size = useTableSize(table);\n\n  useEffect(() => {\n    log.debug('Initializing viewport');\n\n    // Hydrate the viewport with real data. This will fetch data from index\n    // 0 to the end of the viewport + padding.\n    setViewport(0);\n  }, [table, setViewport]);\n\n  useEffect(() => {\n    setViewport(currentViewportFirstRowRef.current);\n  }, [setViewport, size]);\n\n  const onScroll = useOnScrollOffsetChangeCallback(\n    itemHeight,\n    setViewport,\n    scrollDebounce\n  );\n\n  return useMemo(\n    () => ({\n      viewportData,\n      size,\n      table,\n      applyFiltersAndRefresh,\n      setViewport,\n      onScroll,\n    }),\n    [applyFiltersAndRefresh, onScroll, setViewport, size, table, viewportData]\n  );\n}\n\nexport default useViewportData;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/jsapi-components",
-  "version": "0.84.0",
+  "version": "0.84.1-alpha-shared-types.2+63e86071",
   "description": "Deephaven JSAPI Components",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -22,13 +22,13 @@
     "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^0.84.0",
-    "@deephaven/jsapi-bootstrap": "^0.84.0",
+    "@deephaven/components": "^0.84.1-alpha-shared-types.2+63e86071",
+    "@deephaven/jsapi-bootstrap": "^0.84.1-alpha-shared-types.2+63e86071",
     "@deephaven/jsapi-types": "1.0.0-dev0.34.0",
-    "@deephaven/jsapi-utils": "^0.84.0",
-    "@deephaven/log": "^0.84.0",
-    "@deephaven/react-hooks": "^0.84.0",
-    "@deephaven/utils": "^0.84.0",
+    "@deephaven/jsapi-utils": "^0.84.1-alpha-shared-types.2+63e86071",
+    "@deephaven/log": "^0.84.1-alpha-shared-types.2+63e86071",
+    "@deephaven/react-hooks": "^0.84.1-alpha-shared-types.2+63e86071",
+    "@deephaven/utils": "^0.84.1-alpha-shared-types.2+63e86071",
     "@types/js-cookie": "^3.0.3",
     "classnames": "^2.3.2",
     "js-cookie": "^3.0.5",
@@ -36,7 +36,7 @@
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@deephaven/jsapi-shim": "^0.84.0",
+    "@deephaven/jsapi-shim": "^0.84.1-alpha-shared-types.2+63e86071",
     "react-test-renderer": "^17.0.2"
   },
   "peerDependencies": {
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "22fc1939f0dc5b42b4a7fa5d16556548519eeb6b"
+  "gitHead": "63e86071a6914cfacb8cd40ec6baa41432f7d72b"
 }