@deephaven/components 0.72.1-beta.4 → 0.72.1-core-plugins.9

package/dist/spectrum/listView/ListViewNormalized.js

@@ -0,0 +1,82 @@
+var _excluded = ["normalizedItems", "tooltip", "selectedKeys", "defaultSelectedKeys", "disabledKeys", "showItemIcons", "actions", "UNSAFE_className", "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 _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 { useMemo } from 'react';
+import cl from 'classnames';
+import { normalizeTooltipOptions, useRenderNormalizedItem, useStringifiedMultiSelection } from "../utils/index.js";
+import { ListViewWrapper } from "./ListViewWrapper.js";
+import { createElement as _createElement } from "react";
+/**
+ * ListView supporting normalized item data. This component mostly exists to
+ * decouple some of the logic needed to support table data. Specifically it
+ * handles item rendering configurations as well as converting selection keys
+ * to / from strings. This makes it easier to test logic in isolation without
+ * a dependency on JS apis (e.g. in the Styleguide).
+ *
+ * Note that This component will usually not be used directly. Instead, it is
+ * recommended to use
+ * - `@deephaven/components`'s `ListView` for non-table data sources
+ * - `@deephaven/jsapi-components`'s `ListView` for table data sources
+ */
+export function ListViewNormalized(_ref) {
+  var {
+      normalizedItems,
+      tooltip = true,
+      selectedKeys,
+      defaultSelectedKeys,
+      disabledKeys,
+      showItemIcons,
+      actions,
+      UNSAFE_className,
+      onChange,
+      onSelectionChange
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip, 'bottom'), [tooltip]);
+  var renderNormalizedItem = useRenderNormalizedItem({
+    itemIconSlot: 'illustration',
+    // Descriptions introduce variable item heights which throws off setting
+    // viewport on windowed data. For now not going to implement description
+    // support in Picker.
+    // https://github.com/deephaven/web-client-ui/issues/1958
+    showItemDescriptions: false,
+    showItemIcons,
+    tooltipOptions,
+    actions
+  });
+
+  // Spectrum doesn't re-render if only the `renderNormalizedItems` function
+  // changes, so we create a key from its dependencies that can be used to force
+  // re-render.
+  var forceRerenderKey = "".concat(showItemIcons, "-").concat(tooltipOptions === null || tooltipOptions === void 0 ? void 0 : tooltipOptions.placement);
+  var {
+    selectedStringKeys,
+    defaultSelectedStringKeys,
+    disabledStringKeys,
+    onStringSelectionChange
+  } = useStringifiedMultiSelection({
+    normalizedItems,
+    selectedKeys,
+    defaultSelectedKeys,
+    disabledKeys,
+    onChange: onChange !== null && onChange !== void 0 ? onChange : onSelectionChange
+  });
+  return /*#__PURE__*/_createElement(ListViewWrapper
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _objectSpread(_objectSpread({}, props), {}, {
+    UNSAFE_className: cl('dh-list-view-normalized', UNSAFE_className),
+    key: forceRerenderKey,
+    items: normalizedItems,
+    selectedKeys: selectedStringKeys,
+    defaultSelectedKeys: defaultSelectedStringKeys,
+    disabledKeys: disabledStringKeys,
+    onSelectionChange: onStringSelectionChange
+  }), renderNormalizedItem);
+}
+export default ListViewNormalized;
+//# sourceMappingURL=ListViewNormalized.js.map

package/dist/spectrum/listView/ListViewNormalized.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewNormalized.js","names":["useMemo","cl","normalizeTooltipOptions","useRenderNormalizedItem","useStringifiedMultiSelection","ListViewWrapper","createElement","_createElement","ListViewNormalized","_ref","normalizedItems","tooltip","selectedKeys","defaultSelectedKeys","disabledKeys","showItemIcons","actions","UNSAFE_className","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","tooltipOptions","renderNormalizedItem","itemIconSlot","showItemDescriptions","forceRerenderKey","concat","placement","selectedStringKeys","defaultSelectedStringKeys","disabledStringKeys","onStringSelectionChange","_objectSpread","key","items"],"sources":["../../../src/spectrum/listView/ListViewNormalized.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport cl from 'classnames';\nimport {\n  ListActions,\n  NormalizedItem,\n  normalizeTooltipOptions,\n  useRenderNormalizedItem,\n  useStringifiedMultiSelection,\n} from '../utils';\nimport type { ListViewProps } from './ListView';\nimport { ListViewWrapper } from './ListViewWrapper';\n\nexport interface ListViewNormalizedProps\n  extends Omit<ListViewProps, 'children'> {\n  normalizedItems: NormalizedItem[];\n  showItemIcons: boolean;\n  actions?: ListActions<unknown>;\n}\n\n/**\n * ListView supporting normalized item data. This component mostly exists to\n * decouple some of the logic needed to support table data. Specifically it\n * handles item rendering configurations as well as converting selection keys\n * to / from strings. This makes it easier to test logic in isolation without\n * a dependency on JS apis (e.g. in the Styleguide).\n *\n * Note that This component will usually not be used directly. Instead, it is\n * recommended to use\n * - `@deephaven/components`'s `ListView` for non-table data sources\n * - `@deephaven/jsapi-components`'s `ListView` for table data sources\n */\nexport function ListViewNormalized({\n  normalizedItems,\n  tooltip = true,\n  selectedKeys,\n  defaultSelectedKeys,\n  disabledKeys,\n  showItemIcons,\n  actions,\n  UNSAFE_className,\n  onChange,\n  onSelectionChange,\n  ...props\n}: ListViewNormalizedProps): JSX.Element {\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip, 'bottom'),\n    [tooltip]\n  );\n\n  const renderNormalizedItem = useRenderNormalizedItem({\n    itemIconSlot: 'illustration',\n    // Descriptions introduce variable item heights which throws off setting\n    // viewport on windowed data. For now not going to implement description\n    // support in Picker.\n    // https://github.com/deephaven/web-client-ui/issues/1958\n    showItemDescriptions: false,\n    showItemIcons,\n    tooltipOptions,\n    actions,\n  });\n\n  // Spectrum doesn't re-render if only the `renderNormalizedItems` function\n  // changes, so we create a key from its dependencies that can be used to force\n  // re-render.\n  const forceRerenderKey = `${showItemIcons}-${tooltipOptions?.placement}`;\n\n  const {\n    selectedStringKeys,\n    defaultSelectedStringKeys,\n    disabledStringKeys,\n    onStringSelectionChange,\n  } = useStringifiedMultiSelection({\n    normalizedItems,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onChange: onChange ?? onSelectionChange,\n  });\n\n  return (\n    <ListViewWrapper\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n      UNSAFE_className={cl('dh-list-view-normalized', UNSAFE_className)}\n      key={forceRerenderKey}\n      items={normalizedItems}\n      selectedKeys={selectedStringKeys}\n      defaultSelectedKeys={defaultSelectedStringKeys}\n      disabledKeys={disabledStringKeys}\n      onSelectionChange={onStringSelectionChange}\n    >\n      {renderNormalizedItem}\n    </ListViewWrapper>\n  );\n}\n\nexport default ListViewNormalized;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,EAAE,MAAM,YAAY;AAAC,SAI1BC,uBAAuB,EACvBC,uBAAuB,EACvBC,4BAA4B;AAAA,SAGrBC,eAAe;AAAA,SAAAC,aAAA,IAAAC,cAAA;AASxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAYO;EAAA,IAZN;MACjCC,eAAe;MACfC,OAAO,GAAG,IAAI;MACdC,YAAY;MACZC,mBAAmB;MACnBC,YAAY;MACZC,aAAa;MACbC,OAAO;MACPC,gBAAgB;MAChBC,QAAQ;MACRC;IAEuB,CAAC,GAAAV,IAAA;IADrBW,KAAK,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAER,IAAMC,cAAc,GAAGvB,OAAO,CAC5B,MAAME,uBAAuB,CAACS,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMa,oBAAoB,GAAGrB,uBAAuB,CAAC;IACnDsB,YAAY,EAAE,cAAc;IAC5B;IACA;IACA;IACA;IACAC,oBAAoB,EAAE,KAAK;IAC3BX,aAAa;IACbQ,cAAc;IACdP;EACF,CAAC,CAAC;;EAEF;EACA;EACA;EACA,IAAMW,gBAAgB,MAAAC,MAAA,CAAMb,aAAa,OAAAa,MAAA,CAAIL,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEM,SAAS,CAAE;EAExE,IAAM;IACJC,kBAAkB;IAClBC,yBAAyB;IACzBC,kBAAkB;IAClBC;EACF,CAAC,GAAG7B,4BAA4B,CAAC;IAC/BM,eAAe;IACfE,YAAY;IACZC,mBAAmB;IACnBC,YAAY;IACZI,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC;EACxB,CAAC,CAAC;EAEF,oBACEZ,cAAA,CAACF;EACC;EAAA,EAAA6B,aAAA,CAAAA,aAAA,KACId,KAAK;IACTH,gBAAgB,EAAEhB,EAAE,CAAC,yBAAyB,EAAEgB,gBAAgB,CAAE;IAClEkB,GAAG,EAAER,gBAAiB;IACtBS,KAAK,EAAE1B,eAAgB;IACvBE,YAAY,EAAEkB,kBAAmB;IACjCjB,mBAAmB,EAAEkB,yBAA0B;IAC/CjB,YAAY,EAAEkB,kBAAmB;IACjCb,iBAAiB,EAAEc;EAAwB,IAE1CT,oBACc,CAAC;AAEtB;AAEA,eAAehB,kBAAkB"}

package/dist/spectrum/listView/ListViewWrapper.css

@@ -0,0 +1,48 @@
+.dh-list-view-wrapper {
+  --dh-list-view-item-icon-compact: 16px;
+  --dh-list-view-item-icon-regular: 18px;
+  --dh-list-view-item-icon-spacious: 24px;
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+.dh-list-view-wrapper > div {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+}
+.dh-list-view-wrapper > div > div > div {
+  transition: none !important;
+}
+
+.dh-list-view-wrapper-scale-large {
+  --dh-list-view-item-icon-compact: 20px;
+  --dh-list-view-item-icon-regular: 24px;
+  --dh-list-view-item-icon-spacious: 30px;
+}
+
+.dh-list-view-wrapper-density-compact svg[class*=spectrum-Icon] {
+  height: var(--dh-list-view-item-icon-compact);
+  width: var(--dh-list-view-item-icon-compact);
+}
+.dh-list-view-wrapper-density-compact button {
+  height: var(--dh-list-view-item-icon-compact);
+}
+
+.dh-list-view-wrapper-density-regular svg[class*=spectrum-Icon] {
+  height: var(--dh-list-view-item-icon-regular);
+  width: var(--dh-list-view-item-icon-regular);
+}
+.dh-list-view-wrapper-density-regular button {
+  height: var(--dh-list-view-item-icon-regular);
+}
+
+.dh-list-view-wrapper-density-spacious svg[class*=spectrum-Icon] {
+  height: var(--dh-list-view-item-icon-spacious);
+  width: var(--dh-list-view-item-icon-spacious);
+}
+.dh-list-view-wrapper-density-spacious button {
+  height: var(--dh-list-view-item-icon-spacious);
+}
+
+/*# sourceMappingURL=ListViewWrapper.css.map */

package/dist/spectrum/listView/ListViewWrapper.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/spectrum/listView/ListViewWrapper.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EAGA;EACA;EACA;;AAEA;EAGE;EACA;EACA;;AACA;EAEE;;;AAKN;EACE;EACA;EACA;;;AAKA;EACE;EACA;;AAGF;EACE;;;AAMF;EACE;EACA;;AAGF;EACE;;;AAMF;EACE;EACA;;AAGF;EACE","file":"ListViewWrapper.css","sourcesContent":[".dh-list-view-wrapper {\n  --dh-list-view-item-icon-compact: 16px;\n  --dh-list-view-item-icon-regular: 18px;\n  --dh-list-view-item-icon-spacious: 24px;\n\n  // set the wrapper to grow to the size of the parent container\n  height: 100%;\n  width: 100%;\n  position: relative;\n\n  > div {\n    // absolute position the list view to fill the wrapper\n    // so that it will grow and shrink with the wrapper\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    > div > div {\n      // disable the transition on the list view items\n      transition: none !important;\n    }\n  }\n}\n\n.dh-list-view-wrapper-scale-large {\n  --dh-list-view-item-icon-compact: 20px;\n  --dh-list-view-item-icon-regular: 24px;\n  --dh-list-view-item-icon-spacious: 30px;\n}\n\n.dh-list-view-wrapper-density-compact {\n  // Ensure icons don't change the item height\n  svg[class*='spectrum-Icon'] {\n    height: var(--dh-list-view-item-icon-compact);\n    width: var(--dh-list-view-item-icon-compact);\n  }\n  // Ensure action buttons don't change the item height\n  button {\n    height: var(--dh-list-view-item-icon-compact);\n  }\n}\n\n.dh-list-view-wrapper-density-regular {\n  // Ensure icons don't change the item height\n  svg[class*='spectrum-Icon'] {\n    height: var(--dh-list-view-item-icon-regular);\n    width: var(--dh-list-view-item-icon-regular);\n  }\n  // Ensure action buttons don't change the item height\n  button {\n    height: var(--dh-list-view-item-icon-regular);\n  }\n}\n\n.dh-list-view-wrapper-density-spacious {\n  // Ensure icons don't change the item height\n  svg[class*='spectrum-Icon'] {\n    height: var(--dh-list-view-item-icon-spacious);\n    width: var(--dh-list-view-item-icon-spacious);\n  }\n  // Ensure action buttons don't change the item height\n  button {\n    height: var(--dh-list-view-item-icon-spacious);\n  }\n}\n"]}

package/dist/spectrum/listView/ListViewWrapper.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { SpectrumListViewProps } from '@adobe/react-spectrum';
+import './ListViewWrapper.scss';
+export interface ListViewWrapperProps<T> extends SpectrumListViewProps<T> {
+    /** Handler that is called when the picker is scrolled. */
+    onScroll?: (event: Event) => void;
+}
+/**
+ * Helper component to wrap a ListView with the appropriate styling + scroll
+ * handling. This is used by both the `@deephaven/components` `ListView` and
+ * the `@deephaven/jsapi-components` `ListView` (via `ListViewNormalized`) to
+ * ensure consistency.
+ *
+ * Note that This component will usually not be used directly. Instead, it is
+ * recommended to use
+ * - `@deephaven/components`'s `ListView` for non-table data sources
+ * - `@deephaven/jsapi-components`'s `ListView` for table data sources
+ */
+export declare function ListViewWrapper<T>(props: ListViewWrapperProps<T>): JSX.Element;
+export default ListViewWrapper;
+//# sourceMappingURL=ListViewWrapper.d.ts.map

package/dist/spectrum/listView/ListViewWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewWrapper.d.ts","sourceRoot":"","sources":["../../../src/spectrum/listView/ListViewWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;AAW/B,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IACvE,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAC7B,GAAG,CAAC,OAAO,CAoDb;AAED,eAAe,eAAe,CAAC"}

package/dist/spectrum/listView/ListViewWrapper.js

@@ -0,0 +1,71 @@
+var _excluded = ["onScroll"];
+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 { ListView as SpectrumListView } from '@adobe/react-spectrum';
+import { extractSpectrumHTMLElement, useContentRect, useOnScrollRef } from '@deephaven/react-hooks';
+import { EMPTY_FUNCTION } from '@deephaven/utils';
+import cl from 'classnames';
+import { useSpectrumThemeProvider } from "../../theme/index.js";
+import { Flex } from "../layout.js";
+import { separateSpectrumProps } from "../utils/index.js";
+import "./ListViewWrapper.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Helper component to wrap a ListView with the appropriate styling + scroll
+ * handling. This is used by both the `@deephaven/components` `ListView` and
+ * the `@deephaven/jsapi-components` `ListView` (via `ListViewNormalized`) to
+ * ensure consistency.
+ *
+ * Note that This component will usually not be used directly. Instead, it is
+ * recommended to use
+ * - `@deephaven/components`'s `ListView` for non-table data sources
+ * - `@deephaven/jsapi-components`'s `ListView` for table data sources
+ */
+export function ListViewWrapper(props) {
+  var _styleProps$minHeight, _listViewProps$densit;
+  var {
+    ariaLabelProps,
+    componentProps,
+    styleProps
+  } = separateSpectrumProps(props);
+  var {
+      onScroll = EMPTY_FUNCTION
+    } = componentProps,
+    listViewProps = _objectWithoutProperties(componentProps, _excluded);
+  var {
+    scale
+  } = useSpectrumThemeProvider();
+  var scrollRef = useOnScrollRef(onScroll, extractSpectrumHTMLElement);
+
+  // Spectrum ListView crashes when it has zero height. Track the contentRect
+  // of the parent container and only render the ListView when it has a non-zero
+  // height. See https://github.com/adobe/react-spectrum/issues/6213
+  var {
+    ref: contentRectRef,
+    contentRect
+  } = useContentRect(extractSpectrumHTMLElement);
+  return /*#__PURE__*/_jsx(Flex, _objectSpread(_objectSpread({
+    direction: "column",
+    ref: contentRectRef
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, styleProps), {}, {
+    // Set min-height to 1px so that `ListView` is rendered whenever container
+    // is visible. This prevents the height from shrinking to zero as a result
+    // of a parent grid or flex container calculating content sizes. The
+    // container height can still be zero when it is not being displayed such
+    // as when one of its parents have `display: none`.
+    minHeight: (_styleProps$minHeight = styleProps.minHeight) !== null && _styleProps$minHeight !== void 0 ? _styleProps$minHeight : 1,
+    UNSAFE_className: cl('dh-list-view-wrapper', "dh-list-view-wrapper-density-".concat((_listViewProps$densit = listViewProps.density) !== null && _listViewProps$densit !== void 0 ? _listViewProps$densit : 'regular'), "dh-list-view-wrapper-scale-".concat(scale), styleProps.UNSAFE_className),
+    children: contentRect.height === 0 ? null : /*#__PURE__*/_jsx(SpectrumListView, _objectSpread(_objectSpread({
+      ref: scrollRef
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, ariaLabelProps), listViewProps))
+  }));
+}
+export default ListViewWrapper;
+//# sourceMappingURL=ListViewWrapper.js.map

package/dist/spectrum/listView/ListViewWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewWrapper.js","names":["ListView","SpectrumListView","extractSpectrumHTMLElement","useContentRect","useOnScrollRef","EMPTY_FUNCTION","cl","useSpectrumThemeProvider","Flex","separateSpectrumProps","jsx","_jsx","ListViewWrapper","props","_styleProps$minHeight","_listViewProps$densit","ariaLabelProps","componentProps","styleProps","onScroll","listViewProps","_objectWithoutProperties","_excluded","scale","scrollRef","ref","contentRectRef","contentRect","_objectSpread","direction","minHeight","UNSAFE_className","concat","density","children","height"],"sources":["../../../src/spectrum/listView/ListViewWrapper.tsx"],"sourcesContent":["import {\n  ListView as SpectrumListView,\n  SpectrumListViewProps,\n} from '@adobe/react-spectrum';\nimport {\n  extractSpectrumHTMLElement,\n  useContentRect,\n  useOnScrollRef,\n} from '@deephaven/react-hooks';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\nimport cl from 'classnames';\nimport { useSpectrumThemeProvider } from '../../theme';\nimport { Flex } from '../layout';\nimport { separateSpectrumProps } from '../utils';\nimport './ListViewWrapper.scss';\n\nexport interface ListViewWrapperProps<T> extends SpectrumListViewProps<T> {\n  /** Handler that is called when the picker is scrolled. */\n  onScroll?: (event: Event) => void;\n}\n\n/**\n * Helper component to wrap a ListView with the appropriate styling + scroll\n * handling. This is used by both the `@deephaven/components` `ListView` and\n * the `@deephaven/jsapi-components` `ListView` (via `ListViewNormalized`) to\n * ensure consistency.\n *\n * Note that This component will usually not be used directly. Instead, it is\n * recommended to use\n * - `@deephaven/components`'s `ListView` for non-table data sources\n * - `@deephaven/jsapi-components`'s `ListView` for table data sources\n */\nexport function ListViewWrapper<T>(\n  props: ListViewWrapperProps<T>\n): JSX.Element {\n  const { ariaLabelProps, componentProps, styleProps } =\n    separateSpectrumProps(props);\n\n  const { onScroll = EMPTY_FUNCTION, ...listViewProps } = componentProps;\n\n  const { scale } = useSpectrumThemeProvider();\n\n  const scrollRef = useOnScrollRef(onScroll, extractSpectrumHTMLElement);\n\n  // Spectrum ListView crashes when it has zero height. Track the contentRect\n  // of the parent container and only render the ListView when it has a non-zero\n  // height. See https://github.com/adobe/react-spectrum/issues/6213\n  const { ref: contentRectRef, contentRect } = useContentRect(\n    extractSpectrumHTMLElement<HTMLDivElement>\n  );\n\n  return (\n    <Flex\n      direction=\"column\"\n      ref={contentRectRef}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...styleProps}\n      // Set min-height to 1px so that `ListView` is rendered whenever container\n      // is visible. This prevents the height from shrinking to zero as a result\n      // of a parent grid or flex container calculating content sizes. The\n      // container height can still be zero when it is not being displayed such\n      // as when one of its parents have `display: none`.\n      minHeight={styleProps.minHeight ?? 1}\n      UNSAFE_className={cl(\n        'dh-list-view-wrapper',\n        `dh-list-view-wrapper-density-${listViewProps.density ?? 'regular'}`,\n        `dh-list-view-wrapper-scale-${scale}`,\n        styleProps.UNSAFE_className\n      )}\n    >\n      {/**\n       * Only render ListView if parent is visible. Some time in the future we\n       * should consider using `checkVisibility()` once it has better browser\n       * support.\n       */}\n      {contentRect.height === 0 ? null : (\n        <SpectrumListView\n          ref={scrollRef}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...ariaLabelProps}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...listViewProps}\n        />\n      )}\n    </Flex>\n  );\n}\n\nexport default ListViewWrapper;\n"],"mappings":";;;;;;;;AAAA,SACEA,QAAQ,IAAIC,gBAAgB,QAEvB,uBAAuB;AAC9B,SACEC,0BAA0B,EAC1BC,cAAc,EACdC,cAAc,QACT,wBAAwB;AAC/B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,OAAOC,EAAE,MAAM,YAAY;AAAC,SACnBC,wBAAwB;AAAA,SACxBC,IAAI;AAAA,SACJC,qBAAqB;AAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQ9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAC7BC,KAA8B,EACjB;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACb,IAAM;IAAEC,cAAc;IAAEC,cAAc;IAAEC;EAAW,CAAC,GAClDT,qBAAqB,CAACI,KAAK,CAAC;EAE9B,IAAM;MAAEM,QAAQ,GAAGd;IAAiC,CAAC,GAAGY,cAAc;IAAhCG,aAAa,GAAAC,wBAAA,CAAKJ,cAAc,EAAAK,SAAA;EAEtE,IAAM;IAAEC;EAAM,CAAC,GAAGhB,wBAAwB,CAAC,CAAC;EAE5C,IAAMiB,SAAS,GAAGpB,cAAc,CAACe,QAAQ,EAAEjB,0BAA0B,CAAC;;EAEtE;EACA;EACA;EACA,IAAM;IAAEuB,GAAG,EAAEC,cAAc;IAAEC;EAAY,CAAC,GAAGxB,cAAc,CACzDD,0BACF,CAAC;EAED,oBACES,IAAA,CAACH,IAAI,EAAAoB,aAAA,CAAAA,aAAA;IACHC,SAAS,EAAC,QAAQ;IAClBJ,GAAG,EAAEC;IACL;EAAA,GACIR,UAAU;IACd;IACA;IACA;IACA;IACA;IACAY,SAAS,GAAAhB,qBAAA,GAAEI,UAAU,CAACY,SAAS,cAAAhB,qBAAA,cAAAA,qBAAA,GAAI,CAAE;IACrCiB,gBAAgB,EAAEzB,EAAE,CAClB,sBAAsB,kCAAA0B,MAAA,EAAAjB,qBAAA,GACUK,aAAa,CAACa,OAAO,cAAAlB,qBAAA,cAAAA,qBAAA,GAAI,SAAS,iCAAAiB,MAAA,CACpCT,KAAK,GACnCL,UAAU,CAACa,gBACb,CAAE;IAAAG,QAAA,EAODP,WAAW,CAACQ,MAAM,KAAK,CAAC,GAAG,IAAI,gBAC9BxB,IAAA,CAACV,gBAAgB,EAAA2B,aAAA,CAAAA,aAAA;MACfH,GAAG,EAAED;MACL;IAAA,GACIR,cAAc,GAEdI,aAAa,CAClB;EACF,EACG,CAAC;AAEX;AAEA,eAAeR,eAAe"}

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

@@ -0,0 +1,4 @@
+export * from './ListView';
+export * from './ListViewNormalized';
+export * from './ListViewWrapper';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spectrum/listView/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}

package/dist/spectrum/listView/index.js

@@ -0,0 +1,4 @@
+export * from "./ListView.js";
+export * from "./ListViewNormalized.js";
+export * from "./ListViewWrapper.js";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,37 +1,23 @@
-/// <reference types="react" />
-import { NormalizedSpectrumPickerProps, NormalizedItem, ItemOrSection, TooltipOptions, ItemKey } from '../utils/itemUtils';
-export type PickerProps = {
-    children: ItemOrSection | ItemOrSection[] | NormalizedItem[];
-    /** Can be set to true or a TooltipOptions to enable item tooltips */
-    tooltip?: boolean | TooltipOptions;
-    /** The currently selected key in the collection (controlled). */
-    selectedKey?: ItemKey | null;
-    /** The initial selected key in the collection (uncontrolled). */
-    defaultSelectedKey?: ItemKey;
-    /** Function to retrieve initial scroll position when opening the picker */
-    getInitialScrollPosition?: () => Promise<number | null>;
-    /**
-     * Handler that is called when the selection change.
-     * Note that under the hood, this is just an alias for Spectrum's
-     * `onSelectionChange`. We are renaming for better consistency with other
-     * components.
-     */
-    onChange?: (key: ItemKey) => void;
-    /** Handler that is called when the picker is scrolled. */
-    onScroll?: (event: Event) => void;
-    /**
-     * Handler that is called when the selection changes.
-     * @deprecated Use `onChange` instead
-     */
-    onSelectionChange?: (key: ItemKey) => void;
-} & Omit<NormalizedSpectrumPickerProps, 'children' | 'items' | 'onSelectionChange' | 'selectedKey' | 'defaultSelectedKey'>;
+import { SpectrumPickerProps } from '@adobe/react-spectrum';
+import React from 'react';
+import type { NormalizedItem } from '../utils';
 /**
  * Picker component for selecting items from a list of items. Items can be
- * provided via the `items` prop or as children. Each item can be a string,
- * number, boolean, or a Spectrum <Item> element. The remaining props are just
- * pass through props for the Spectrum Picker component.
+ * provided via the `children` prop. Each item can be a string,	number, boolean,
+ * or a Spectrum <Item> element. The remaining props are just	pass through props
+ * for the Spectrum Picker component.
  * See https://react-spectrum.adobe.com/react-spectrum/Picker.html
  */
-export declare function Picker({ children, tooltip, defaultSelectedKey, selectedKey, getInitialScrollPosition, onChange, onOpenChange, onScroll, onSelectionChange, UNSAFE_className, ...spectrumPickerProps }: PickerProps): JSX.Element;
+export declare const Picker: React.ForwardRefExoticComponent<Omit<SpectrumPickerProps<NormalizedItem>, "children" | "items" | "selectedKey" | "defaultSelectedKey" | "disabledKeys" | "onSelectionChange" | "defaultItems"> & {
+    children: import("../utils").ItemOrSection<unknown> | import("../utils").ItemOrSection<unknown>[];
+    tooltip?: boolean | import("../utils").TooltipOptions | undefined;
+    selectedKey?: import("../utils").ItemKey | null | undefined;
+    defaultSelectedKey?: import("../utils").ItemKey | undefined;
+    disabledKeys?: Iterable<import("../utils").ItemKey> | undefined;
+    onChange?: ((key: import("../utils").ItemKey | null) => void) | undefined;
+    onOpenChange?: ((isOpen: boolean) => void) | undefined;
+    onScroll?: ((event: Event) => void) | undefined;
+    onSelectionChange?: ((key: import("../utils").ItemKey | null) => void) | undefined;
+} & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
 export default Picker;
 //# sourceMappingURL=Picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/Picker.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAEL,6BAA6B,EAG7B,cAAc,EACd,aAAa,EACb,cAAc,EACd,OAAO,EAER,MAAM,oBAAoB,CAAC;AAK5B,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7D,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACnC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2EAA2E;IAC3E,wBAAwB,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACxD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAElC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,GAKK,IAAI,CACR,6BAA6B,EAC3B,UAAU,GACV,OAAO,GACP,mBAAmB,GACnB,aAAa,GACb,oBAAoB,CACvB,CAAC;AAsBF;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAc,EACd,kBAAkB,EAClB,WAAW,EACX,wBAAwB,EACxB,QAAQ,EACR,YAAY,EACZ,QAAyB,EACzB,iBAAiB,EAEjB,gBAAgB,EAChB,GAAG,mBAAmB,EACvB,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAoI3B;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAK/C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;mFAgCjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/spectrum/picker/Picker.js

@@ -1,4 +1,5 @@
-var _excluded = ["children", "tooltip", "defaultSelectedKey", "selectedKey", "getInitialScrollPosition", "onChange", "onOpenChange", "onScroll", "onSelectionChange", "UNSAFE_className"];
+var _excluded = ["UNSAFE_className"],
+  _excluded2 = ["defaultSelectedKey", "disabledKeys", "selectedKey", "ref"];
 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; }
@@ -6,146 +7,46 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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 { useCallback, useMemo } from 'react';
-import { Flex, Picker as SpectrumPicker } from '@adobe/react-spectrum';
-import { getPositionOfSelectedItem, findSpectrumPickerScrollArea, isElementOfType, usePopoverOnScrollRef } from '@deephaven/react-hooks';
-import { EMPTY_FUNCTION, PICKER_ITEM_HEIGHT, PICKER_TOP_OFFSET } from '@deephaven/utils';
+import { Picker as SpectrumPicker } from '@adobe/react-spectrum';
 import cl from 'classnames';
-import { Tooltip } from "../../popper/index.js";
-import { isNormalizedSection, normalizeItemList, normalizeTooltipOptions, getItemKey } from "../utils/itemUtils.js";
-import { PickerItemContent } from "./PickerItemContent.js";
-import { Item, Section } from "../shared.js";
-import { Text } from "../Text.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Create tooltip content optionally wrapping with a Flex column for array
- * content. This is needed for Items containing description `Text` elements.
- */
-function createTooltipContent(content) {
-  if (typeof content === 'boolean') {
-    return String(content);
-  }
-  if (Array.isArray(content)) {
-    return /*#__PURE__*/_jsx(Flex, {
-      direction: "column",
-      alignItems: "start",
-      children: content.filter(node => isElementOfType(node, Text))
-    });
-  }
-  return content;
-}
-
+import React from 'react';
+import useMultiRef from "./useMultiRef.js";
+import { usePickerProps } from "./usePickerProps.js";
 /**
  * Picker component for selecting items from a list of items. Items can be
- * provided via the `items` prop or as children. Each item can be a string,
- * number, boolean, or a Spectrum <Item> element. The remaining props are just
- * pass through props for the Spectrum Picker component.
+ * provided via the `children` prop. Each item can be a string,	number, boolean,
+ * or a Spectrum <Item> element. The remaining props are just	pass through props
+ * for the Spectrum Picker component.
  * See https://react-spectrum.adobe.com/react-spectrum/Picker.html
  */
-export function Picker(_ref) {
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Picker = /*#__PURE__*/React.forwardRef(function Picker(_ref, ref) {
   var {
-      children,
-      tooltip = true,
-      defaultSelectedKey,
-      selectedKey,
-      getInitialScrollPosition,
-      onChange,
-      onOpenChange,
-      onScroll = EMPTY_FUNCTION,
-      onSelectionChange,
-      // eslint-disable-next-line camelcase
       UNSAFE_className
     } = _ref,
-    spectrumPickerProps = _objectWithoutProperties(_ref, _excluded);
-  var normalizedItems = useMemo(() => normalizeItemList(children), [children]);
-  var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip), [tooltip]);
-  var renderItem = useCallback(normalizedItem => {
-    var _normalizedItem$item$, _normalizedItem$item, _normalizedItem$item$2, _normalizedItem$item2;
-    var key = getItemKey(normalizedItem);
-    var content = (_normalizedItem$item$ = (_normalizedItem$item = normalizedItem.item) === null || _normalizedItem$item === void 0 ? void 0 : _normalizedItem$item.content) !== null && _normalizedItem$item$ !== void 0 ? _normalizedItem$item$ : '';
-    var textValue = (_normalizedItem$item$2 = (_normalizedItem$item2 = normalizedItem.item) === null || _normalizedItem$item2 === void 0 ? void 0 : _normalizedItem$item2.textValue) !== null && _normalizedItem$item$2 !== void 0 ? _normalizedItem$item$2 : '';
-    return /*#__PURE__*/_jsx(Item
-    // Note that setting the `key` prop explicitly on `Item` elements
-    // causes the picker to expect `selectedKey` and `defaultSelectedKey`
-    // to be strings. It also passes the stringified value of the key to
-    // `onSelectionChange` handlers` regardless of the actual type of the
-    // key. We can't really get around setting in order to support Windowed
-    // data, so we'll need to do some manual conversion of keys to strings
-    // in other places of this component.
-    , {
-      // The `textValue` prop gets used to provide the content of `<option>`
-      // elements that back the Spectrum Picker. These are not visible in the UI,
-      // but are used for accessibility purposes, so we set to an arbitrary
-      // 'Empty' value so that they are not empty strings.
-      textValue: textValue === '' ? 'Empty' : textValue,
-      children: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(PickerItemContent, {
-          children: content
-        }), tooltipOptions == null || content === '' ? null : /*#__PURE__*/_jsx(Tooltip, {
-          options: tooltipOptions,
-          children: createTooltipContent(content)
-        })]
-      })
-    }, key);
-  }, [tooltipOptions]);
-  var getInitialScrollPositionInternal = useCallback(() => getInitialScrollPosition == null ? getPositionOfSelectedItem({
-    keyedItems: normalizedItems,
-    // TODO: #1890 & deephaven-plugins#371 add support for sections and
-    // items with descriptions since they impact the height calculations
-    itemHeight: PICKER_ITEM_HEIGHT,
-    selectedKey,
-    topOffset: PICKER_TOP_OFFSET
-  }) : getInitialScrollPosition(), [getInitialScrollPosition, normalizedItems, selectedKey]);
-  var {
-    ref: scrollRef,
-    onOpenChange: popoverOnOpenChange
-  } = usePopoverOnScrollRef(findSpectrumPickerScrollArea, onScroll, getInitialScrollPositionInternal);
-  var onOpenChangeInternal = useCallback(isOpen => {
-    // Attach scroll event handling
-    popoverOnOpenChange(isOpen);
-    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
-  }, [onOpenChange, popoverOnOpenChange]);
-  var onSelectionChangeInternal = useCallback(key => {
-    var _getItemKey, _ref2;
-    // The `key` arg will always be a string due to us setting the `Item` key
-    // prop in `renderItem`. We need to find the matching item to determine
-    // the actual key.
-    var selectedItem = normalizedItems.find(item => String(getItemKey(item)) === key);
-    var actualKey = (_getItemKey = getItemKey(selectedItem)) !== null && _getItemKey !== void 0 ? _getItemKey : key;
-    (_ref2 = onChange !== null && onChange !== void 0 ? onChange : onSelectionChange) === null || _ref2 === void 0 ? void 0 : _ref2(actualKey);
-  }, [normalizedItems, onChange, onSelectionChange]);
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _usePickerProps = usePickerProps(props),
+    {
+      defaultSelectedKey,
+      disabledKeys,
+      selectedKey,
+      ref: scrollRef
+    } = _usePickerProps,
+    pickerProps = _objectWithoutProperties(_usePickerProps, _excluded2);
+  var pickerRef = useMultiRef(ref, scrollRef);
   return /*#__PURE__*/_jsx(SpectrumPicker
   // eslint-disable-next-line react/jsx-props-no-spreading
-  , _objectSpread(_objectSpread({}, spectrumPickerProps), {}, {
-    // The `ref` prop type defined by React Spectrum is incorrect here
-    ref: scrollRef,
-    onOpenChange: onOpenChangeInternal,
-    UNSAFE_className: cl('dh-picker', UNSAFE_className),
-    items: normalizedItems
-    // Spectrum Picker treats keys as strings if the `key` prop is explicitly
-    // set on `Item` elements. Since we do this in `renderItem`, we need to
-    // ensure that `selectedKey` and `defaultSelectedKey` are strings in order
-    // for selection to work.
-    ,
-    selectedKey: selectedKey === null || selectedKey === void 0 ? void 0 : selectedKey.toString(),
-    defaultSelectedKey: defaultSelectedKey === null || defaultSelectedKey === void 0 ? void 0 : defaultSelectedKey.toString()
-    // `onChange` is just an alias for `onSelectionChange`
+  , _objectSpread(_objectSpread({}, pickerProps), {}, {
+    ref: pickerRef,
+    UNSAFE_className: cl('dh-picker', UNSAFE_className)
+    // Type assertions are necessary here since Spectrum types don't account
+    // for number and boolean key values even though they are valid runtime
+    // values.
     ,
-    onSelectionChange: onSelectionChangeInternal,
-    children: itemOrSection => {
-      if (isNormalizedSection(itemOrSection)) {
-        var _itemOrSection$item, _itemOrSection$item2;
-        return /*#__PURE__*/_jsx(Section, {
-          title: (_itemOrSection$item = itemOrSection.item) === null || _itemOrSection$item === void 0 ? void 0 : _itemOrSection$item.title,
-          items: (_itemOrSection$item2 = itemOrSection.item) === null || _itemOrSection$item2 === void 0 ? void 0 : _itemOrSection$item2.items,
-          children: renderItem
-        }, getItemKey(itemOrSection));
-      }
-      return renderItem(itemOrSection);
-    }
+    defaultSelectedKey: defaultSelectedKey,
+    disabledKeys: disabledKeys,
+    selectedKey: selectedKey
   }));
-}
+});
 export default Picker;
 //# sourceMappingURL=Picker.js.map

package/dist/spectrum/picker/Picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.js","names":["useCallback","useMemo","Flex","Picker","SpectrumPicker","getPositionOfSelectedItem","findSpectrumPickerScrollArea","isElementOfType","usePopoverOnScrollRef","EMPTY_FUNCTION","PICKER_ITEM_HEIGHT","PICKER_TOP_OFFSET","cl","Tooltip","isNormalizedSection","normalizeItemList","normalizeTooltipOptions","getItemKey","PickerItemContent","Item","Section","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","createTooltipContent","content","String","Array","isArray","direction","alignItems","children","filter","node","_ref","tooltip","defaultSelectedKey","selectedKey","getInitialScrollPosition","onChange","onOpenChange","onScroll","onSelectionChange","UNSAFE_className","spectrumPickerProps","_objectWithoutProperties","_excluded","normalizedItems","tooltipOptions","renderItem","normalizedItem","_normalizedItem$item$","_normalizedItem$item","_normalizedItem$item$2","_normalizedItem$item2","key","item","textValue","options","getInitialScrollPositionInternal","keyedItems","itemHeight","topOffset","ref","scrollRef","popoverOnOpenChange","onOpenChangeInternal","isOpen","onSelectionChangeInternal","_getItemKey","_ref2","selectedItem","find","actualKey","_objectSpread","items","toString","itemOrSection","_itemOrSection$item","_itemOrSection$item2","title"],"sources":["../../../src/spectrum/picker/Picker.tsx"],"sourcesContent":["import { Key, ReactNode, useCallback, useMemo } from 'react';\nimport { DOMRef } from '@react-types/shared';\nimport { Flex, Picker as SpectrumPicker } from '@adobe/react-spectrum';\nimport {\n  getPositionOfSelectedItem,\n  findSpectrumPickerScrollArea,\n  isElementOfType,\n  usePopoverOnScrollRef,\n} from '@deephaven/react-hooks';\nimport {\n  EMPTY_FUNCTION,\n  PICKER_ITEM_HEIGHT,\n  PICKER_TOP_OFFSET,\n} from '@deephaven/utils';\nimport cl from 'classnames';\nimport { Tooltip } from '../../popper';\nimport {\n  isNormalizedSection,\n  NormalizedSpectrumPickerProps,\n  normalizeItemList,\n  normalizeTooltipOptions,\n  NormalizedItem,\n  ItemOrSection,\n  TooltipOptions,\n  ItemKey,\n  getItemKey,\n} from '../utils/itemUtils';\nimport { PickerItemContent } from './PickerItemContent';\nimport { Item, Section } from '../shared';\nimport { Text } from '../Text';\n\nexport type PickerProps = {\n  children: ItemOrSection | ItemOrSection[] | NormalizedItem[];\n  /** Can be set to true or a TooltipOptions to enable item tooltips */\n  tooltip?: boolean | TooltipOptions;\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: ItemKey | null;\n  /** The initial selected key in the collection (uncontrolled). */\n  defaultSelectedKey?: ItemKey;\n  /** Function to retrieve initial scroll position when opening the picker */\n  getInitialScrollPosition?: () => Promise<number | null>;\n  /**\n   * Handler that is called when the selection change.\n   * Note that under the hood, this is just an alias for Spectrum's\n   * `onSelectionChange`. We are renaming for better consistency with other\n   * components.\n   */\n  onChange?: (key: ItemKey) => void;\n\n  /** Handler that is called when the picker is scrolled. */\n  onScroll?: (event: Event) => void;\n\n  /**\n   * Handler that is called when the selection changes.\n   * @deprecated Use `onChange` instead\n   */\n  onSelectionChange?: (key: ItemKey) => void;\n} /*\n * Support remaining SpectrumPickerProps.\n * Note that `selectedKey`, `defaultSelectedKey`, and `onSelectionChange` are\n * re-defined above to account for boolean types which aren't included in the\n * React `Key` type, but are actually supported by the Spectrum Picker component.\n */ & Omit<\n  NormalizedSpectrumPickerProps,\n  | 'children'\n  | 'items'\n  | 'onSelectionChange'\n  | 'selectedKey'\n  | 'defaultSelectedKey'\n>;\n\n/**\n * Create tooltip content optionally wrapping with a Flex column for array\n * content. This is needed for Items containing description `Text` elements.\n */\nfunction createTooltipContent(content: ReactNode) {\n  if (typeof content === 'boolean') {\n    return String(content);\n  }\n\n  if (Array.isArray(content)) {\n    return (\n      <Flex direction=\"column\" alignItems=\"start\">\n        {content.filter(node => isElementOfType(node, Text))}\n      </Flex>\n    );\n  }\n\n  return content;\n}\n\n/**\n * Picker component for selecting items from a list of items. Items can be\n * provided via the `items` prop or as children. Each item can be a string,\n * number, boolean, or a Spectrum <Item> element. The remaining props are just\n * pass through props for the Spectrum Picker component.\n * See https://react-spectrum.adobe.com/react-spectrum/Picker.html\n */\nexport function Picker({\n  children,\n  tooltip = true,\n  defaultSelectedKey,\n  selectedKey,\n  getInitialScrollPosition,\n  onChange,\n  onOpenChange,\n  onScroll = EMPTY_FUNCTION,\n  onSelectionChange,\n  // eslint-disable-next-line camelcase\n  UNSAFE_className,\n  ...spectrumPickerProps\n}: PickerProps): JSX.Element {\n  const normalizedItems = useMemo(\n    () => normalizeItemList(children),\n    [children]\n  );\n\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip),\n    [tooltip]\n  );\n\n  const renderItem = useCallback(\n    (normalizedItem: NormalizedItem) => {\n      const key = getItemKey(normalizedItem);\n      const content = normalizedItem.item?.content ?? '';\n      const textValue = normalizedItem.item?.textValue ?? '';\n\n      return (\n        <Item\n          // Note that setting the `key` prop explicitly on `Item` elements\n          // causes the picker to expect `selectedKey` and `defaultSelectedKey`\n          // to be strings. It also passes the stringified value of the key to\n          // `onSelectionChange` handlers` regardless of the actual type of the\n          // key. We can't really get around setting in order to support Windowed\n          // data, so we'll need to do some manual conversion of keys to strings\n          // in other places of this component.\n          key={key as Key}\n          // The `textValue` prop gets used to provide the content of `<option>`\n          // elements that back the Spectrum Picker. These are not visible in the UI,\n          // but are used for accessibility purposes, so we set to an arbitrary\n          // 'Empty' value so that they are not empty strings.\n          textValue={textValue === '' ? 'Empty' : textValue}\n        >\n          <>\n            <PickerItemContent>{content}</PickerItemContent>\n            {tooltipOptions == null || content === '' ? null : (\n              <Tooltip options={tooltipOptions}>\n                {createTooltipContent(content)}\n              </Tooltip>\n            )}\n          </>\n        </Item>\n      );\n    },\n    [tooltipOptions]\n  );\n\n  const getInitialScrollPositionInternal = useCallback(\n    () =>\n      getInitialScrollPosition == null\n        ? getPositionOfSelectedItem({\n            keyedItems: normalizedItems,\n            // TODO: #1890 & deephaven-plugins#371 add support for sections and\n            // items with descriptions since they impact the height calculations\n            itemHeight: PICKER_ITEM_HEIGHT,\n            selectedKey,\n            topOffset: PICKER_TOP_OFFSET,\n          })\n        : getInitialScrollPosition(),\n    [getInitialScrollPosition, normalizedItems, selectedKey]\n  );\n\n  const { ref: scrollRef, onOpenChange: popoverOnOpenChange } =\n    usePopoverOnScrollRef(\n      findSpectrumPickerScrollArea,\n      onScroll,\n      getInitialScrollPositionInternal\n    );\n\n  const onOpenChangeInternal = useCallback(\n    (isOpen: boolean): void => {\n      // Attach scroll event handling\n      popoverOnOpenChange(isOpen);\n\n      onOpenChange?.(isOpen);\n    },\n    [onOpenChange, popoverOnOpenChange]\n  );\n\n  const onSelectionChangeInternal = useCallback(\n    (key: ItemKey): void => {\n      // The `key` arg will always be a string due to us setting the `Item` key\n      // prop in `renderItem`. We need to find the matching item to determine\n      // the actual key.\n      const selectedItem = normalizedItems.find(\n        item => String(getItemKey(item)) === key\n      );\n\n      const actualKey = getItemKey(selectedItem) ?? key;\n\n      (onChange ?? onSelectionChange)?.(actualKey);\n    },\n    [normalizedItems, onChange, onSelectionChange]\n  );\n\n  return (\n    <SpectrumPicker\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...spectrumPickerProps}\n      // The `ref` prop type defined by React Spectrum is incorrect here\n      ref={scrollRef as unknown as DOMRef<HTMLDivElement>}\n      onOpenChange={onOpenChangeInternal}\n      UNSAFE_className={cl('dh-picker', UNSAFE_className)}\n      items={normalizedItems}\n      // Spectrum Picker treats keys as strings if the `key` prop is explicitly\n      // set on `Item` elements. Since we do this in `renderItem`, we need to\n      // ensure that `selectedKey` and `defaultSelectedKey` are strings in order\n      // for selection to work.\n      selectedKey={selectedKey?.toString()}\n      defaultSelectedKey={defaultSelectedKey?.toString()}\n      // `onChange` is just an alias for `onSelectionChange`\n      onSelectionChange={\n        onSelectionChangeInternal as NormalizedSpectrumPickerProps['onSelectionChange']\n      }\n    >\n      {itemOrSection => {\n        if (isNormalizedSection(itemOrSection)) {\n          return (\n            <Section\n              key={getItemKey(itemOrSection)}\n              title={itemOrSection.item?.title}\n              items={itemOrSection.item?.items}\n            >\n              {renderItem}\n            </Section>\n          );\n        }\n\n        return renderItem(itemOrSection);\n      }}\n    </SpectrumPicker>\n  );\n}\n\nexport default Picker;\n"],"mappings":"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"}
+{"version":3,"file":"Picker.js","names":["Picker","SpectrumPicker","cl","React","useMultiRef","usePickerProps","jsx","_jsx","forwardRef","_ref","ref","UNSAFE_className","props","_objectWithoutProperties","_excluded","_usePickerProps","defaultSelectedKey","disabledKeys","selectedKey","scrollRef","pickerProps","_excluded2","pickerRef","_objectSpread"],"sources":["../../../src/spectrum/picker/Picker.tsx"],"sourcesContent":["import {\n  Picker as SpectrumPicker,\n  SpectrumPickerProps,\n} from '@adobe/react-spectrum';\nimport type { DOMRef } from '@react-types/shared';\nimport cl from 'classnames';\nimport React from 'react';\nimport type { NormalizedItem } from '../utils';\nimport type { PickerProps } from './PickerProps';\nimport useMultiRef from './useMultiRef';\nimport { usePickerProps } from './usePickerProps';\n\n/**\n * Picker component for selecting items from a list of items. Items can be\n * provided via the `children` prop. Each item can be a string,\tnumber, boolean,\n * or a Spectrum <Item> element. The remaining props are just\tpass through props\n * for the Spectrum Picker component.\n * See https://react-spectrum.adobe.com/react-spectrum/Picker.html\n */\nexport const Picker = React.forwardRef(function Picker(\n  { UNSAFE_className, ...props }: PickerProps,\n  ref: DOMRef<HTMLDivElement>\n): JSX.Element {\n  const {\n    defaultSelectedKey,\n    disabledKeys,\n    selectedKey,\n    ref: scrollRef,\n    ...pickerProps\n  } = usePickerProps(props);\n  const pickerRef = useMultiRef(ref, scrollRef);\n  return (\n    <SpectrumPicker\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...pickerProps}\n      ref={pickerRef}\n      UNSAFE_className={cl('dh-picker', UNSAFE_className)}\n      // Type assertions are necessary here since Spectrum types don't account\n      // for number and boolean key values even though they are valid runtime\n      // values.\n      defaultSelectedKey={\n        defaultSelectedKey as SpectrumPickerProps<NormalizedItem>['defaultSelectedKey']\n      }\n      disabledKeys={\n        disabledKeys as SpectrumPickerProps<NormalizedItem>['disabledKeys']\n      }\n      selectedKey={\n        selectedKey as SpectrumPickerProps<NormalizedItem>['selectedKey']\n      }\n    />\n  );\n});\n\nexport default Picker;\n"],"mappings":";;;;;;;;;AAAA,SACEA,MAAM,IAAIC,cAAc,QAEnB,uBAAuB;AAE9B,OAAOC,EAAE,MAAM,YAAY;AAC3B,OAAOC,KAAK,MAAM,OAAO;AAAC,OAGnBC,WAAW;AAAA,SACTC,cAAc;AAEvB;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,OAAO,IAAMP,MAAM,gBAAGG,KAAK,CAACK,UAAU,CAAC,SAASR,MAAMA,CAAAS,IAAA,EAEpDC,GAA2B,EACd;EAAA,IAFb;MAAEC;IAAwC,CAAC,GAAAF,IAAA;IAApBG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAG5B,IAAAC,eAAA,GAMIV,cAAc,CAACO,KAAK,CAAC;IANnB;MACJI,kBAAkB;MAClBC,YAAY;MACZC,WAAW;MACXR,GAAG,EAAES;IAEP,CAAC,GAAAJ,eAAA;IADIK,WAAW,GAAAP,wBAAA,CAAAE,eAAA,EAAAM,UAAA;EAEhB,IAAMC,SAAS,GAAGlB,WAAW,CAACM,GAAG,EAAES,SAAS,CAAC;EAC7C,oBACEZ,IAAA,CAACN;EACC;EAAA,EAAAsB,aAAA,CAAAA,aAAA,KACIH,WAAW;IACfV,GAAG,EAAEY,SAAU;IACfX,gBAAgB,EAAET,EAAE,CAAC,WAAW,EAAES,gBAAgB;IAClD;IACA;IACA;IAAA;IACAK,kBAAkB,EAChBA,kBACD;IACDC,YAAY,EACVA,YACD;IACDC,WAAW,EACTA;EACD,EACF,CAAC;AAEN,CAAC,CAAC;AAEF,eAAelB,MAAM"}

package/dist/spectrum/picker/PickerNormalized.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { PickerNormalizedProps } from './PickerProps';
+/**
+ * Picker that takes an array of `NormalizedItem` or `NormalizedSection` items
+ * as children and uses a render item function to render the items. This is
+ * necessary to support windowed data.
+ */
+export declare function PickerNormalized({ UNSAFE_className, ...props }: PickerNormalizedProps): JSX.Element;
+export default PickerNormalized;
+//# sourceMappingURL=PickerNormalized.d.ts.map

package/dist/spectrum/picker/PickerNormalized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerNormalized.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/PickerNormalized.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAkBrC;AAED,eAAe,gBAAgB,CAAC"}