@deephaven/jsapi-components 0.82.0 → 0.82.1-alpha-combobox.15

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;AAC/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,CAQ1D;AAED,eAAe,QAAQ,CAAC"}

package/dist/spectrum/ComboBox.js

@@ -0,0 +1,16 @@
+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); }
+import { ComboBoxNormalized } from '@deephaven/components';
+import { usePickerProps } from "./utils/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ComboBox(props) {
+  var pickerProps = usePickerProps(props);
+  return /*#__PURE__*/_jsx(ComboBoxNormalized
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _objectSpread({}, pickerProps));
+}
+export default ComboBox;
+//# sourceMappingURL=ComboBox.js.map

package/dist/spectrum/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","names":["ComboBoxNormalized","usePickerProps","jsx","_jsx","ComboBox","props","pickerProps","_objectSpread"],"sources":["../../src/spectrum/ComboBox.tsx"],"sourcesContent":["import {\n  ComboBoxNormalized,\n  NormalizedItem,\n  SpectrumComboBoxProps,\n} from '@deephaven/components';\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 pickerProps = usePickerProps(props);\n  return (\n    <ComboBoxNormalized\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...pickerProps}\n    />\n  );\n}\n\nexport default ComboBox;\n"],"mappings":";;;;;AAAA,SACEA,kBAAkB,QAGb,uBAAuB;AAAC,SAEtBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMvB,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAe;EAC1D,IAAMC,WAAW,GAAGL,cAAc,CAACI,KAAK,CAAC;EACzC,oBACEF,IAAA,CAACH;EACC;EAAA,EAAAO,aAAA,KACID,WAAW,CAChB,CAAC;AAEN;AAEA,eAAeF,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    props.defaultSelectedKey\n  );\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): 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":"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"}
+{"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(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;EAEzC,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/usePickerProps.d.ts

@@ -0,0 +1,21 @@
+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;
+};
+/**
+ * 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, 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,EAEd,iBAAiB,EAGlB,MAAM,uBAAuB,CAAC;AAK/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;CAClC,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,EACL,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,CAsGvD;AAED,eAAe,cAAc,CAAC"}

package/dist/spectrum/utils/usePickerProps.js

@@ -0,0 +1,120 @@
+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 Log from '@deephaven/log';
+import { PICKER_TOP_OFFSET } from '@deephaven/utils';
+import useFormatter from "../../useFormatter.js";
+import { getItemKeyColumn } from "./itemUtils.js";
+import useItemRowDeserializer from "./useItemRowDeserializer.js";
+import useGetItemIndexByValue from "../../useGetItemIndexByValue.js";
+import useViewportData from "../../useViewportData.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 {
+      table,
+      keyColumn: keyColumnName,
+      labelColumn: labelColumnName,
+      iconColumn: iconColumnName,
+      settings,
+      onChange,
+      onSelectionChange
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var {
+    itemHeight
+  } = usePickerItemScale();
+  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]);
+  return _objectSpread(_objectSpread({}, props), {}, {
+    normalizedItems,
+    showItemIcons: iconColumnName != null,
+    getInitialScrollPosition,
+    onChange: onSelectionChangeInternal,
+    onScroll
+  });
+}
+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","Log","PICKER_TOP_OFFSET","useFormatter","getItemKeyColumn","useItemRowDeserializer","useGetItemIndexByValue","useViewportData","log","module","usePickerProps","_ref","table","keyColumn","keyColumnName","labelColumn","labelColumnName","iconColumn","iconColumnName","settings","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","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/utils/usePickerProps.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  ItemKey,\n  NormalizedItem,\n  NormalizedItemData,\n  NormalizedSection,\n  NormalizedSectionData,\n  usePickerItemScale,\n} from '@deephaven/components';\nimport { dh as DhType } from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport { PICKER_TOP_OFFSET } from '@deephaven/utils';\nimport useFormatter from '../../useFormatter';\nimport type { PickerWithTableProps } from '../PickerProps';\nimport { getItemKeyColumn } from './itemUtils';\nimport useItemRowDeserializer from './useItemRowDeserializer';\nimport useGetItemIndexByValue from '../../useGetItemIndexByValue';\nimport useViewportData from '../../useViewportData';\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};\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,\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 } = 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    ...props,\n    normalizedItems,\n    showItemIcons: iconColumnName != null,\n    getInitialScrollPosition,\n    onChange: onSelectionChangeInternal,\n    onScroll,\n  };\n}\n\nexport default usePickerProps;\n"],"mappings":"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"}

package/dist/usePickerWithSelectedValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePickerWithSelectedValues.d.ts","sourceRoot":"","sources":["../src/usePickerWithSelectedValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAkC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAGL,sBAAsB,EACvB,MAAM,wBAAwB,CAAC;AAMhC,OAAO,EAEL,SAAS,EAET,UAAU,EAGX,MAAM,kBAAkB,CAAC;AAE1B,OAAwB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK3E,MAAM,WAAW,iCAAiC,CAAC,KAAK,EAAE,MAAM;IAC9D,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;IAC7C,4BAA4B,EAAE,OAAO,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,4BAA4B,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACtD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,EACzD,UAAU,EACV,UAAU,EACV,cAAc,EACd,wBAA6B,EAC7B,cAAsB,GACvB,EAAE;IACD,UAAU,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACnD,wBAAwB,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,iCAAiC,CAAC,KAAK,EAAE,MAAM,CAAC,CAwNnD;AAED,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"usePickerWithSelectedValues.d.ts","sourceRoot":"","sources":["../src/usePickerWithSelectedValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAkC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAGL,sBAAsB,EACvB,MAAM,wBAAwB,CAAC;AAOhC,OAAO,EACL,SAAS,EAET,UAAU,EAGX,MAAM,kBAAkB,CAAC;AAE1B,OAAwB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK3E,MAAM,WAAW,iCAAiC,CAAC,KAAK,EAAE,MAAM;IAC9D,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;IAC7C,4BAA4B,EAAE,OAAO,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,4BAA4B,EAAE,OAAO,CAAC;IACtC,WAAW,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACtD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,EACzD,UAAU,EACV,UAAU,EACV,cAAc,EACd,wBAA6B,EAC7B,cAAsB,GACvB,EAAE;IACD,UAAU,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACnD,wBAAwB,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,iCAAiC,CAAC,KAAK,EAAE,MAAM,CAAC,CA0NnD;AAED,eAAe,2BAA2B,CAAC"}

package/dist/usePickerWithSelectedValues.js

@@ -1,7 +1,8 @@
 import { useCallback, useMemo, useState } from 'react';
 import { createSearchTextFilter, createSelectedValuesFilter } from '@deephaven/jsapi-utils';
 import { useDebouncedCallback, useDebouncedValue, usePromiseFactory } from '@deephaven/react-hooks';
-import { COMBO_BOX_ITEM_HEIGHT, SEARCH_DEBOUNCE_MS, VIEWPORT_PADDING, VIEWPORT_SIZE } from '@deephaven/utils';
+import { usePickerItemScale } from '@deephaven/components';
+import { SEARCH_DEBOUNCE_MS, VIEWPORT_PADDING, VIEWPORT_SIZE } from '@deephaven/utils';
 import useFilterConditionFactories from "./useFilterConditionFactories.js";
 import useViewportData from "./useViewportData.js";
 import useViewportFilter from "./useViewportFilter.js";
@@ -26,6 +27,9 @@ export function usePickerWithSelectedValues(_ref) {
     filterConditionFactories = [],
     trimSearchText = false
   } = _ref;
+  var {
+    itemHeight
+  } = usePickerItemScale();
   var tableUtils = useTableUtils();
 
   // `searchText` should always be up to date for controlled search input.
@@ -70,7 +74,7 @@ export function usePickerWithSelectedValues(_ref) {
   useTableClose(listTable);
   var list = useViewportData({
     table: listTable,
-    itemHeight: COMBO_BOX_ITEM_HEIGHT,
+    itemHeight,
     viewportSize: VIEWPORT_SIZE,
     viewportPadding: VIEWPORT_PADDING
   });

package/dist/usePickerWithSelectedValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePickerWithSelectedValues.js","names":["useCallback","useMemo","useState","createSearchTextFilter","createSelectedValuesFilter","useDebouncedCallback","useDebouncedValue","usePromiseFactory","COMBO_BOX_ITEM_HEIGHT","SEARCH_DEBOUNCE_MS","VIEWPORT_PADDING","VIEWPORT_SIZE","useFilterConditionFactories","useViewportData","useViewportFilter","useTableUtils","useTableClose","usePickerWithSelectedValues","_ref","maybeTable","columnName","mapItemToValue","filterConditionFactories","trimSearchText","tableUtils","searchText","setSearchText","appliedSearchText","setAppliedSearchText","applySearchText","text","trim","searchTextMaybeTrimmed","selectedKey","setSelectedKey","selectedValueMap","setSelectedValueMap","Map","data","valueExists","isLoading","valueExistsIsLoading","doesColumnValueExist","isDebouncing","isApplyingFilter","searchTextExists","searchTextFilter","excludeSelectedValuesFilter","Set","keys","listTable","createDistinctSortedColumnTable","list","table","itemHeight","viewportSize","viewportPadding","hasSearchTextWithZeroResults","length","size","searchTextIsInSelectedValues","has","onDebouncedSearchTextChange","onSearchTextChange","setSelectedKeyOnNextFrame","onSelectKey","key","item","viewportData","findItem","value","prev","next","set","onAddValues","values","onRemoveValues","delete","filter"],"sources":["../src/usePickerWithSelectedValues.ts"],"sourcesContent":["import { Key, useCallback, useMemo, useState } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  createSearchTextFilter,\n  createSelectedValuesFilter,\n  FilterConditionFactory,\n} from '@deephaven/jsapi-utils';\nimport {\n  useDebouncedCallback,\n  useDebouncedValue,\n  usePromiseFactory,\n} from '@deephaven/react-hooks';\nimport {\n  COMBO_BOX_ITEM_HEIGHT,\n  KeyedItem,\n  SEARCH_DEBOUNCE_MS,\n  SelectionT,\n  VIEWPORT_PADDING,\n  VIEWPORT_SIZE,\n} from '@deephaven/utils';\nimport useFilterConditionFactories from './useFilterConditionFactories';\nimport useViewportData, { UseViewportDataResult } from './useViewportData';\nimport useViewportFilter from './useViewportFilter';\nimport useTableUtils from './useTableUtils';\nimport useTableClose from './useTableClose';\n\nexport interface UsePickerWithSelectedValuesResult<TItem, TValue> {\n  list: UseViewportDataResult<TItem, dh.Table>;\n  hasSearchTextWithZeroResults: boolean;\n  searchText: string;\n  searchTextExists: boolean | null;\n  searchTextIsInSelectedValues: boolean;\n  selectedKey: Key | null;\n  selectedValueMap: ReadonlyMap<TValue, { value: TValue }>;\n  onSearchTextChange: (searchText: string) => void;\n  onSelectKey: (key: Key | null) => void;\n  onAddValues: (values: ReadonlySet<TValue>) => void;\n  onRemoveValues: (values: SelectionT<TValue>) => void;\n}\n\n/**\n * Manages a list of available items that can be searched and selected. Selected\n * items are removed from the list and managed in a selectedValueMap data\n * structure. Useful for components that contain a picker but show selected\n * values in a separate component.\n * @param maybeTable The table to get the list of items from\n * @param columnName The column name to get the list of items from\n * @param mapItemToValue A function to map an item to a value\n * @param filterConditionFactories Optional filter condition factories to apply to the list\n * @param trimSearchText Whether to trim the search text before filtering. Defaults to false\n */\nexport function usePickerWithSelectedValues<TItem, TValue>({\n  maybeTable,\n  columnName,\n  mapItemToValue,\n  filterConditionFactories = [],\n  trimSearchText = false,\n}: {\n  maybeTable: dh.Table | null;\n  columnName: string;\n  mapItemToValue: (item: KeyedItem<TItem>) => TValue;\n  filterConditionFactories?: FilterConditionFactory[];\n  trimSearchText?: boolean;\n}): UsePickerWithSelectedValuesResult<TItem, TValue> {\n  const tableUtils = useTableUtils();\n\n  // `searchText` should always be up to date for controlled search input.\n  // `appliedSearchText` will get updated after a delay to avoid updating\n  // filters on every key stroke. It will also be trimmed of leading / trailing\n  // spaces if `trimSearchText` is true.\n  const [searchText, setSearchText] = useState('');\n  const [appliedSearchText, setAppliedSearchText] = useState('');\n\n  const applySearchText = useCallback(\n    (text: string) => {\n      setAppliedSearchText(trimSearchText ? text.trim() : text);\n    },\n    [trimSearchText]\n  );\n\n  const searchTextMaybeTrimmed = useMemo(\n    () => (trimSearchText ? searchText.trim() : searchText),\n    [searchText, trimSearchText]\n  );\n\n  const [selectedKey, setSelectedKey] = useState<Key | null>(null);\n  const [selectedValueMap, setSelectedValueMap] = useState<\n    Map<TValue, { value: TValue }>\n  >(() => new Map());\n\n  const { data: valueExists, isLoading: valueExistsIsLoading } =\n    usePromiseFactory(tableUtils.doesColumnValueExist, [\n      maybeTable,\n      columnName,\n      appliedSearchText,\n      false /* isCaseSensitive */,\n    ]);\n\n  // The `searchTextFilter` starts getting applied to the list whenever\n  // `appliedSearchText` changes, after which there is a small delay before the\n  // items are in sync. Use a debounce timer to allow a little extra time\n  // before calculating `searchTextExists` below. Note that there are 2 debounce\n  // timers at play here:\n  // 1. `onDebouncedSearchTextChange` applies the search text after user stops typing\n  // 2. `useDebouncedValue` debounces whenever the result of the first debounce\n  //    changes, and `isApplyingFilter` will be true while this 2nd timer is active.\n  const { isDebouncing: isApplyingFilter } = useDebouncedValue(\n    appliedSearchText,\n    SEARCH_DEBOUNCE_MS\n  );\n\n  // If value exists check is still loading or if debounce hasn't completed, set\n  // `searchTextExists` to null since it is indeterminate.\n  const searchTextExists =\n    isApplyingFilter || valueExistsIsLoading ? null : valueExists;\n\n  const searchTextFilter = useMemo(\n    () => createSearchTextFilter(tableUtils, columnName, appliedSearchText),\n    [appliedSearchText, columnName, tableUtils]\n  );\n\n  // Filter out selected values from the picker\n  const excludeSelectedValuesFilter = useMemo(\n    () =>\n      createSelectedValuesFilter(\n        tableUtils,\n        columnName,\n        new Set(selectedValueMap.keys()),\n        false,\n        true\n      ),\n    [columnName, selectedValueMap, tableUtils]\n  );\n\n  const { data: listTable } = usePromiseFactory(\n    tableUtils.createDistinctSortedColumnTable,\n    [maybeTable, columnName, 'asc', ...filterConditionFactories]\n  );\n\n  useTableClose(listTable);\n\n  const list = useViewportData<TItem, dh.Table>({\n    table: listTable,\n    itemHeight: COMBO_BOX_ITEM_HEIGHT,\n    viewportSize: VIEWPORT_SIZE,\n    viewportPadding: VIEWPORT_PADDING,\n  });\n\n  const hasSearchTextWithZeroResults =\n    searchTextMaybeTrimmed.length > 0 && list.size === 0;\n  const searchTextIsInSelectedValues = selectedValueMap.has(\n    searchTextMaybeTrimmed as TValue\n  );\n\n  const onDebouncedSearchTextChange = useDebouncedCallback(\n    applySearchText,\n    SEARCH_DEBOUNCE_MS\n  );\n\n  const onSearchTextChange = useCallback(\n    (text: string) => {\n      setSearchText(text);\n      onDebouncedSearchTextChange(text);\n    },\n    [onDebouncedSearchTextChange]\n  );\n\n  const setSelectedKeyOnNextFrame = useDebouncedCallback(setSelectedKey, 0);\n\n  const onSelectKey = useCallback(\n    (key: Key | null) => {\n      setSearchText('');\n      applySearchText('');\n\n      // Set the selection temporarily to avoid the picker staying open\n      setSelectedKey(key);\n\n      // Clear the selection on next frame since selected items get removed from\n      // the list and added to `selectedValues` Map\n      setSelectedKeyOnNextFrame(null);\n\n      // key will be null in scenarios where search text doesn't match an item\n      // and user clicks outside of picker\n      if (key == null) {\n        return;\n      }\n\n      const item = list.viewportData.findItem(key);\n\n      if (item == null) {\n        return;\n      }\n\n      const value = mapItemToValue(item);\n\n      setSelectedValueMap(prev => {\n        const next = new Map(prev);\n        next.set(value, { value });\n        return next;\n      });\n    },\n    [\n      applySearchText,\n      setSelectedKeyOnNextFrame,\n      list.viewportData,\n      mapItemToValue,\n    ]\n  );\n\n  const onAddValues = useCallback((values: ReadonlySet<TValue>) => {\n    setSelectedValueMap(prev => {\n      if (values.size === 0) {\n        return prev;\n      }\n\n      const next = new Map(prev);\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const value of values) {\n        next.set(value, { value });\n      }\n\n      return next;\n    });\n  }, []);\n\n  const onRemoveValues = useCallback((values: SelectionT<TValue>) => {\n    setSelectedValueMap(prev => {\n      if (values === 'all') {\n        return new Map();\n      }\n\n      const next = new Map(prev);\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const value of values) {\n        next.delete(value);\n      }\n\n      return next;\n    });\n  }, []);\n\n  const filter = useFilterConditionFactories(\n    list.table,\n    searchTextFilter,\n    excludeSelectedValuesFilter\n  );\n\n  useViewportFilter(list, filter);\n\n  return useMemo(\n    () => ({\n      list,\n      hasSearchTextWithZeroResults,\n      searchText,\n      searchTextExists,\n      searchTextIsInSelectedValues,\n      selectedKey,\n      selectedValueMap,\n      onSearchTextChange,\n      onSelectKey,\n      onAddValues,\n      onRemoveValues,\n    }),\n    [\n      hasSearchTextWithZeroResults,\n      list,\n      onAddValues,\n      onRemoveValues,\n      onSearchTextChange,\n      onSelectKey,\n      searchText,\n      searchTextExists,\n      searchTextIsInSelectedValues,\n      selectedKey,\n      selectedValueMap,\n    ]\n  );\n}\n\nexport default usePickerWithSelectedValues;\n"],"mappings":"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"}
+{"version":3,"file":"usePickerWithSelectedValues.js","names":["useCallback","useMemo","useState","createSearchTextFilter","createSelectedValuesFilter","useDebouncedCallback","useDebouncedValue","usePromiseFactory","usePickerItemScale","SEARCH_DEBOUNCE_MS","VIEWPORT_PADDING","VIEWPORT_SIZE","useFilterConditionFactories","useViewportData","useViewportFilter","useTableUtils","useTableClose","usePickerWithSelectedValues","_ref","maybeTable","columnName","mapItemToValue","filterConditionFactories","trimSearchText","itemHeight","tableUtils","searchText","setSearchText","appliedSearchText","setAppliedSearchText","applySearchText","text","trim","searchTextMaybeTrimmed","selectedKey","setSelectedKey","selectedValueMap","setSelectedValueMap","Map","data","valueExists","isLoading","valueExistsIsLoading","doesColumnValueExist","isDebouncing","isApplyingFilter","searchTextExists","searchTextFilter","excludeSelectedValuesFilter","Set","keys","listTable","createDistinctSortedColumnTable","list","table","viewportSize","viewportPadding","hasSearchTextWithZeroResults","length","size","searchTextIsInSelectedValues","has","onDebouncedSearchTextChange","onSearchTextChange","setSelectedKeyOnNextFrame","onSelectKey","key","item","viewportData","findItem","value","prev","next","set","onAddValues","values","onRemoveValues","delete","filter"],"sources":["../src/usePickerWithSelectedValues.ts"],"sourcesContent":["import { Key, useCallback, useMemo, useState } from 'react';\nimport type { dh } from '@deephaven/jsapi-types';\nimport {\n  createSearchTextFilter,\n  createSelectedValuesFilter,\n  FilterConditionFactory,\n} from '@deephaven/jsapi-utils';\nimport {\n  useDebouncedCallback,\n  useDebouncedValue,\n  usePromiseFactory,\n} from '@deephaven/react-hooks';\nimport { usePickerItemScale } from '@deephaven/components';\nimport {\n  KeyedItem,\n  SEARCH_DEBOUNCE_MS,\n  SelectionT,\n  VIEWPORT_PADDING,\n  VIEWPORT_SIZE,\n} from '@deephaven/utils';\nimport useFilterConditionFactories from './useFilterConditionFactories';\nimport useViewportData, { UseViewportDataResult } from './useViewportData';\nimport useViewportFilter from './useViewportFilter';\nimport useTableUtils from './useTableUtils';\nimport useTableClose from './useTableClose';\n\nexport interface UsePickerWithSelectedValuesResult<TItem, TValue> {\n  list: UseViewportDataResult<TItem, dh.Table>;\n  hasSearchTextWithZeroResults: boolean;\n  searchText: string;\n  searchTextExists: boolean | null;\n  searchTextIsInSelectedValues: boolean;\n  selectedKey: Key | null;\n  selectedValueMap: ReadonlyMap<TValue, { value: TValue }>;\n  onSearchTextChange: (searchText: string) => void;\n  onSelectKey: (key: Key | null) => void;\n  onAddValues: (values: ReadonlySet<TValue>) => void;\n  onRemoveValues: (values: SelectionT<TValue>) => void;\n}\n\n/**\n * Manages a list of available items that can be searched and selected. Selected\n * items are removed from the list and managed in a selectedValueMap data\n * structure. Useful for components that contain a picker but show selected\n * values in a separate component.\n * @param maybeTable The table to get the list of items from\n * @param columnName The column name to get the list of items from\n * @param mapItemToValue A function to map an item to a value\n * @param filterConditionFactories Optional filter condition factories to apply to the list\n * @param trimSearchText Whether to trim the search text before filtering. Defaults to false\n */\nexport function usePickerWithSelectedValues<TItem, TValue>({\n  maybeTable,\n  columnName,\n  mapItemToValue,\n  filterConditionFactories = [],\n  trimSearchText = false,\n}: {\n  maybeTable: dh.Table | null;\n  columnName: string;\n  mapItemToValue: (item: KeyedItem<TItem>) => TValue;\n  filterConditionFactories?: FilterConditionFactory[];\n  trimSearchText?: boolean;\n}): UsePickerWithSelectedValuesResult<TItem, TValue> {\n  const { itemHeight } = usePickerItemScale();\n\n  const tableUtils = useTableUtils();\n\n  // `searchText` should always be up to date for controlled search input.\n  // `appliedSearchText` will get updated after a delay to avoid updating\n  // filters on every key stroke. It will also be trimmed of leading / trailing\n  // spaces if `trimSearchText` is true.\n  const [searchText, setSearchText] = useState('');\n  const [appliedSearchText, setAppliedSearchText] = useState('');\n\n  const applySearchText = useCallback(\n    (text: string) => {\n      setAppliedSearchText(trimSearchText ? text.trim() : text);\n    },\n    [trimSearchText]\n  );\n\n  const searchTextMaybeTrimmed = useMemo(\n    () => (trimSearchText ? searchText.trim() : searchText),\n    [searchText, trimSearchText]\n  );\n\n  const [selectedKey, setSelectedKey] = useState<Key | null>(null);\n  const [selectedValueMap, setSelectedValueMap] = useState<\n    Map<TValue, { value: TValue }>\n  >(() => new Map());\n\n  const { data: valueExists, isLoading: valueExistsIsLoading } =\n    usePromiseFactory(tableUtils.doesColumnValueExist, [\n      maybeTable,\n      columnName,\n      appliedSearchText,\n      false /* isCaseSensitive */,\n    ]);\n\n  // The `searchTextFilter` starts getting applied to the list whenever\n  // `appliedSearchText` changes, after which there is a small delay before the\n  // items are in sync. Use a debounce timer to allow a little extra time\n  // before calculating `searchTextExists` below. Note that there are 2 debounce\n  // timers at play here:\n  // 1. `onDebouncedSearchTextChange` applies the search text after user stops typing\n  // 2. `useDebouncedValue` debounces whenever the result of the first debounce\n  //    changes, and `isApplyingFilter` will be true while this 2nd timer is active.\n  const { isDebouncing: isApplyingFilter } = useDebouncedValue(\n    appliedSearchText,\n    SEARCH_DEBOUNCE_MS\n  );\n\n  // If value exists check is still loading or if debounce hasn't completed, set\n  // `searchTextExists` to null since it is indeterminate.\n  const searchTextExists =\n    isApplyingFilter || valueExistsIsLoading ? null : valueExists;\n\n  const searchTextFilter = useMemo(\n    () => createSearchTextFilter(tableUtils, columnName, appliedSearchText),\n    [appliedSearchText, columnName, tableUtils]\n  );\n\n  // Filter out selected values from the picker\n  const excludeSelectedValuesFilter = useMemo(\n    () =>\n      createSelectedValuesFilter(\n        tableUtils,\n        columnName,\n        new Set(selectedValueMap.keys()),\n        false,\n        true\n      ),\n    [columnName, selectedValueMap, tableUtils]\n  );\n\n  const { data: listTable } = usePromiseFactory(\n    tableUtils.createDistinctSortedColumnTable,\n    [maybeTable, columnName, 'asc', ...filterConditionFactories]\n  );\n\n  useTableClose(listTable);\n\n  const list = useViewportData<TItem, dh.Table>({\n    table: listTable,\n    itemHeight,\n    viewportSize: VIEWPORT_SIZE,\n    viewportPadding: VIEWPORT_PADDING,\n  });\n\n  const hasSearchTextWithZeroResults =\n    searchTextMaybeTrimmed.length > 0 && list.size === 0;\n  const searchTextIsInSelectedValues = selectedValueMap.has(\n    searchTextMaybeTrimmed as TValue\n  );\n\n  const onDebouncedSearchTextChange = useDebouncedCallback(\n    applySearchText,\n    SEARCH_DEBOUNCE_MS\n  );\n\n  const onSearchTextChange = useCallback(\n    (text: string) => {\n      setSearchText(text);\n      onDebouncedSearchTextChange(text);\n    },\n    [onDebouncedSearchTextChange]\n  );\n\n  const setSelectedKeyOnNextFrame = useDebouncedCallback(setSelectedKey, 0);\n\n  const onSelectKey = useCallback(\n    (key: Key | null) => {\n      setSearchText('');\n      applySearchText('');\n\n      // Set the selection temporarily to avoid the picker staying open\n      setSelectedKey(key);\n\n      // Clear the selection on next frame since selected items get removed from\n      // the list and added to `selectedValues` Map\n      setSelectedKeyOnNextFrame(null);\n\n      // key will be null in scenarios where search text doesn't match an item\n      // and user clicks outside of picker\n      if (key == null) {\n        return;\n      }\n\n      const item = list.viewportData.findItem(key);\n\n      if (item == null) {\n        return;\n      }\n\n      const value = mapItemToValue(item);\n\n      setSelectedValueMap(prev => {\n        const next = new Map(prev);\n        next.set(value, { value });\n        return next;\n      });\n    },\n    [\n      applySearchText,\n      setSelectedKeyOnNextFrame,\n      list.viewportData,\n      mapItemToValue,\n    ]\n  );\n\n  const onAddValues = useCallback((values: ReadonlySet<TValue>) => {\n    setSelectedValueMap(prev => {\n      if (values.size === 0) {\n        return prev;\n      }\n\n      const next = new Map(prev);\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const value of values) {\n        next.set(value, { value });\n      }\n\n      return next;\n    });\n  }, []);\n\n  const onRemoveValues = useCallback((values: SelectionT<TValue>) => {\n    setSelectedValueMap(prev => {\n      if (values === 'all') {\n        return new Map();\n      }\n\n      const next = new Map(prev);\n\n      // eslint-disable-next-line no-restricted-syntax\n      for (const value of values) {\n        next.delete(value);\n      }\n\n      return next;\n    });\n  }, []);\n\n  const filter = useFilterConditionFactories(\n    list.table,\n    searchTextFilter,\n    excludeSelectedValuesFilter\n  );\n\n  useViewportFilter(list, filter);\n\n  return useMemo(\n    () => ({\n      list,\n      hasSearchTextWithZeroResults,\n      searchText,\n      searchTextExists,\n      searchTextIsInSelectedValues,\n      selectedKey,\n      selectedValueMap,\n      onSearchTextChange,\n      onSelectKey,\n      onAddValues,\n      onRemoveValues,\n    }),\n    [\n      hasSearchTextWithZeroResults,\n      list,\n      onAddValues,\n      onRemoveValues,\n      onSearchTextChange,\n      onSelectKey,\n      searchText,\n      searchTextExists,\n      searchTextIsInSelectedValues,\n      selectedKey,\n      selectedValueMap,\n    ]\n  );\n}\n\nexport default usePickerWithSelectedValues;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/jsapi-components",
-  "version": "0.82.0",
+  "version": "0.82.1-alpha-combobox.15+516eef0b",
   "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.82.0",
-    "@deephaven/jsapi-bootstrap": "^0.82.0",
+    "@deephaven/components": "^0.82.1-alpha-combobox.15+516eef0b",
+    "@deephaven/jsapi-bootstrap": "^0.82.1-alpha-combobox.15+516eef0b",
     "@deephaven/jsapi-types": "1.0.0-dev0.34.0",
-    "@deephaven/jsapi-utils": "^0.82.0",
-    "@deephaven/log": "^0.82.0",
-    "@deephaven/react-hooks": "^0.82.0",
-    "@deephaven/utils": "^0.82.0",
+    "@deephaven/jsapi-utils": "^0.82.1-alpha-combobox.15+516eef0b",
+    "@deephaven/log": "^0.82.1-alpha-combobox.15+516eef0b",
+    "@deephaven/react-hooks": "^0.82.1-alpha-combobox.15+516eef0b",
+    "@deephaven/utils": "^0.82.1-alpha-combobox.15+516eef0b",
     "@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.82.0",
+    "@deephaven/jsapi-shim": "^0.82.1-alpha-combobox.15+516eef0b",
     "react-test-renderer": "^17.0.2"
   },
   "peerDependencies": {
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c804b1518d77f908fdc5525197fd8c87c3e27b10"
+  "gitHead": "516eef0bc7d23cc1adc0997ca4f48399b2d9836f"
 }