@deephaven/components 0.74.1-beta.5 → 0.75.0

package/dist/spectrum/listView/ListView.js

@@ -7,16 +7,11 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || 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 { ListView as SpectrumListView } from '@adobe/react-spectrum';
 import { EMPTY_FUNCTION } from '@deephaven/utils';
-import { extractSpectrumHTMLElement, useContentRect, useOnScrollRef } from '@deephaven/react-hooks';
-import { Flex } from "../layout.js";
-import { normalizeItemList, normalizeTooltipOptions, useRenderNormalizedItem, useStringifiedMultiSelection } from "../utils/index.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { normalizeTooltipOptions, wrapItemChildren } from "../utils/index.js";
+import { ListViewWrapper } from "./ListViewWrapper.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ListView(_ref) {
-  var _spectrumListViewProp;
   var {
       children,
       tooltip = true,
@@ -29,63 +24,15 @@ export function ListView(_ref) {
       onSelectionChange
     } = _ref,
     spectrumListViewProps = _objectWithoutProperties(_ref, _excluded);
-  var normalizedItems = useMemo(() => normalizeItemList(children), [children]);
   var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip, 'bottom'), [tooltip]);
-  var renderNormalizedItem = useRenderNormalizedItem(tooltipOptions);
-  var {
-    selectedStringKeys,
-    defaultSelectedStringKeys,
-    disabledStringKeys,
-    onStringSelectionChange
-  } = useStringifiedMultiSelection({
-    normalizedItems,
-    selectedKeys,
-    defaultSelectedKeys,
-    disabledKeys,
-    onChange: onChange !== null && onChange !== void 0 ? onChange : onSelectionChange
-  });
-  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, {
-    ref: contentRectRef,
-    direction: "column",
-    flex: (_spectrumListViewProp = spectrumListViewProps.flex) !== null && _spectrumListViewProp !== void 0 ? _spectrumListViewProp : 1,
-    minHeight: 0,
-    UNSAFE_className: cl('dh-list-view', UNSAFE_className),
-    children: contentRect.height === 0 ?
-    /*#__PURE__*/
-    // Use &nbsp; to ensure content has a non-zero height. This ensures the
-    // container will also have a non-zero height unless its height is
-    // explicitly set to zero. Example use case:
-    // 1. Tab containing ListView is visible. Container height is non-zero.
-    //    ListView is rendered.
-    // 2. Tab is hidden. Container height is explicitly constrained to zero.
-    //    ListView is not rendered.
-    // 3. Tab is shown again. Height constraint is removed. Resize observer
-    //    fires and shows non-zero height due to the &nbsp; (without this,
-    //    the height would remain zero forever since ListView hasn't rendered yet)
-    // 4. ListView is rendered again.
-    _jsx(_Fragment, {
-      children: "\xA0"
-    }) : /*#__PURE__*/_jsx(SpectrumListView
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    , _objectSpread(_objectSpread({}, spectrumListViewProps), {}, {
-      ref: scrollRef,
-      items: normalizedItems,
-      selectedKeys: selectedStringKeys,
-      defaultSelectedKeys: defaultSelectedStringKeys,
-      disabledKeys: disabledStringKeys,
-      onSelectionChange: onStringSelectionChange,
-      children: renderNormalizedItem
-    }))
-  });
+  var wrappedItems = useMemo(() => wrapItemChildren(children, tooltipOptions), [children, tooltipOptions]);
+  return /*#__PURE__*/_jsx(ListViewWrapper
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _objectSpread(_objectSpread({}, spectrumListViewProps), {}, {
+    UNSAFE_className: "dh-list-view",
+    onScroll: onScroll,
+    children: wrappedItems
+  }));
 }
 export default ListView;
 //# sourceMappingURL=ListView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","names":["useMemo","cl","ListView","SpectrumListView","EMPTY_FUNCTION","extractSpectrumHTMLElement","useContentRect","useOnScrollRef","Flex","normalizeItemList","normalizeTooltipOptions","useRenderNormalizedItem","useStringifiedMultiSelection","Fragment","_Fragment","jsx","_jsx","_ref","_spectrumListViewProp","children","tooltip","selectedKeys","defaultSelectedKeys","disabledKeys","UNSAFE_className","onChange","onScroll","onSelectionChange","spectrumListViewProps","_objectWithoutProperties","_excluded","normalizedItems","tooltipOptions","renderNormalizedItem","selectedStringKeys","defaultSelectedStringKeys","disabledStringKeys","onStringSelectionChange","scrollRef","ref","contentRectRef","contentRect","direction","flex","minHeight","height","_objectSpread","items"],"sources":["../../../src/spectrum/listView/ListView.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport cl from 'classnames';\nimport {\n  ListView as SpectrumListView,\n  SpectrumListViewProps,\n} from '@adobe/react-spectrum';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\nimport {\n  extractSpectrumHTMLElement,\n  useContentRect,\n  useOnScrollRef,\n} from '@deephaven/react-hooks';\nimport { Flex } from '../layout';\nimport {\n  ItemElementOrPrimitive,\n  ItemKey,\n  ItemSelection,\n  NormalizedItem,\n  normalizeItemList,\n  normalizeTooltipOptions,\n  TooltipOptions,\n  useRenderNormalizedItem,\n  useStringifiedMultiSelection,\n} from '../utils';\n\nexport type ListViewProps = {\n  children:\n    | ItemElementOrPrimitive\n    | ItemElementOrPrimitive[]\n    | NormalizedItem[];\n  /** Can be set to true or a TooltipOptions to enable item tooltips */\n  tooltip?: boolean | TooltipOptions;\n  selectedKeys?: 'all' | Iterable<ItemKey>;\n  defaultSelectedKeys?: 'all' | Iterable<ItemKey>;\n  disabledKeys?: Iterable<ItemKey>;\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?: (keys: ItemSelection) => 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?: (keys: ItemSelection) => void;\n} & Omit<\n  SpectrumListViewProps<NormalizedItem>,\n  | 'children'\n  | 'items'\n  | 'selectedKeys'\n  | 'defaultSelectedKeys'\n  | 'disabledKeys'\n  | 'onSelectionChange'\n>;\n\nexport function ListView({\n  children,\n  tooltip = true,\n  selectedKeys,\n  defaultSelectedKeys,\n  disabledKeys,\n  UNSAFE_className,\n  onChange,\n  onScroll = EMPTY_FUNCTION,\n  onSelectionChange,\n  ...spectrumListViewProps\n}: ListViewProps): JSX.Element | null {\n  const normalizedItems = useMemo(\n    () => normalizeItemList(children),\n    [children]\n  );\n\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip, 'bottom'),\n    [tooltip]\n  );\n\n  const renderNormalizedItem = useRenderNormalizedItem(tooltipOptions);\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  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\n  );\n\n  return (\n    <Flex\n      ref={contentRectRef}\n      direction=\"column\"\n      flex={spectrumListViewProps.flex ?? 1}\n      minHeight={0}\n      UNSAFE_className={cl('dh-list-view', UNSAFE_className)}\n    >\n      {contentRect.height === 0 ? (\n        // Use &nbsp; to ensure content has a non-zero height. This ensures the\n        // container will also have a non-zero height unless its height is\n        // explicitly set to zero. Example use case:\n        // 1. Tab containing ListView is visible. Container height is non-zero.\n        //    ListView is rendered.\n        // 2. Tab is hidden. Container height is explicitly constrained to zero.\n        //    ListView is not rendered.\n        // 3. Tab is shown again. Height constraint is removed. Resize observer\n        //    fires and shows non-zero height due to the &nbsp; (without this,\n        //    the height would remain zero forever since ListView hasn't rendered yet)\n        // 4. ListView is rendered again.\n        <>&nbsp;</>\n      ) : (\n        <SpectrumListView\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...spectrumListViewProps}\n          ref={scrollRef}\n          items={normalizedItems}\n          selectedKeys={selectedStringKeys}\n          defaultSelectedKeys={defaultSelectedStringKeys}\n          disabledKeys={disabledStringKeys}\n          onSelectionChange={onStringSelectionChange}\n        >\n          {renderNormalizedItem}\n        </SpectrumListView>\n      )}\n    </Flex>\n  );\n}\n\nexport default ListView;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,EAAE,MAAM,YAAY;AAC3B,SACEC,QAAQ,IAAIC,gBAAgB,QAEvB,uBAAuB;AAC9B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SACEC,0BAA0B,EAC1BC,cAAc,EACdC,cAAc,QACT,wBAAwB;AAAC,SACvBC,IAAI;AAAA,SAMXC,iBAAiB,EACjBC,uBAAuB,EAEvBC,uBAAuB,EACvBC,4BAA4B;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAuC9B,OAAO,SAASd,QAAQA,CAAAe,IAAA,EAWc;EAAA,IAAAC,qBAAA;EAAA,IAXb;MACvBC,QAAQ;MACRC,OAAO,GAAG,IAAI;MACdC,YAAY;MACZC,mBAAmB;MACnBC,YAAY;MACZC,gBAAgB;MAChBC,QAAQ;MACRC,QAAQ,GAAGtB,cAAc;MACzBuB;IAEa,CAAC,GAAAV,IAAA;IADXW,qBAAqB,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAExB,IAAMC,eAAe,GAAG/B,OAAO,CAC7B,MAAMS,iBAAiB,CAACU,QAAQ,CAAC,EACjC,CAACA,QAAQ,CACX,CAAC;EAED,IAAMa,cAAc,GAAGhC,OAAO,CAC5B,MAAMU,uBAAuB,CAACU,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMa,oBAAoB,GAAGtB,uBAAuB,CAACqB,cAAc,CAAC;EAEpE,IAAM;IACJE,kBAAkB;IAClBC,yBAAyB;IACzBC,kBAAkB;IAClBC;EACF,CAAC,GAAGzB,4BAA4B,CAAC;IAC/BmB,eAAe;IACfV,YAAY;IACZC,mBAAmB;IACnBC,YAAY;IACZE,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIE;EACxB,CAAC,CAAC;EAEF,IAAMW,SAAS,GAAG/B,cAAc,CAACmB,QAAQ,EAAErB,0BAA0B,CAAC;;EAEtE;EACA;EACA;EACA,IAAM;IAAEkC,GAAG,EAAEC,cAAc;IAAEC;EAAY,CAAC,GAAGnC,cAAc,CACzDD,0BACF,CAAC;EAED,oBACEW,IAAA,CAACR,IAAI;IACH+B,GAAG,EAAEC,cAAe;IACpBE,SAAS,EAAC,QAAQ;IAClBC,IAAI,GAAAzB,qBAAA,GAAEU,qBAAqB,CAACe,IAAI,cAAAzB,qBAAA,cAAAA,qBAAA,GAAI,CAAE;IACtC0B,SAAS,EAAE,CAAE;IACbpB,gBAAgB,EAAEvB,EAAE,CAAC,cAAc,EAAEuB,gBAAgB,CAAE;IAAAL,QAAA,EAEtDsB,WAAW,CAACI,MAAM,KAAK,CAAC;IAAA;IACvB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA7B,IAAA,CAAAF,SAAA;MAAAK,QAAA,EAAE;IAAM,CAAE,CAAC,gBAEXH,IAAA,CAACb;IACC;IAAA,EAAA2C,aAAA,CAAAA,aAAA,KACIlB,qBAAqB;MACzBW,GAAG,EAAED,SAAU;MACfS,KAAK,EAAEhB,eAAgB;MACvBV,YAAY,EAAEa,kBAAmB;MACjCZ,mBAAmB,EAAEa,yBAA0B;MAC/CZ,YAAY,EAAEa,kBAAmB;MACjCT,iBAAiB,EAAEU,uBAAwB;MAAAlB,QAAA,EAE1Cc;IAAoB,EACL;EACnB,CACG,CAAC;AAEX;AAEA,eAAe/B,QAAQ"}
+{"version":3,"file":"ListView.js","names":["useMemo","EMPTY_FUNCTION","normalizeTooltipOptions","wrapItemChildren","ListViewWrapper","jsx","_jsx","ListView","_ref","children","tooltip","selectedKeys","defaultSelectedKeys","disabledKeys","UNSAFE_className","onChange","onScroll","onSelectionChange","spectrumListViewProps","_objectWithoutProperties","_excluded","tooltipOptions","wrappedItems","_objectSpread"],"sources":["../../../src/spectrum/listView/ListView.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { SpectrumListViewProps } from '@adobe/react-spectrum';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\nimport {\n  ItemKey,\n  ItemSelection,\n  NormalizedItem,\n  normalizeTooltipOptions,\n  TooltipOptions,\n  wrapItemChildren,\n} from '../utils';\nimport { ListViewWrapper } from './ListViewWrapper';\nimport { ItemElementOrPrimitive } from '../shared';\n\nexport type ListViewProps = {\n  children: ItemElementOrPrimitive | ItemElementOrPrimitive[];\n  /** Can be set to true or a TooltipOptions to enable item tooltips */\n  tooltip?: boolean | TooltipOptions;\n  selectedKeys?: 'all' | Iterable<ItemKey>;\n  defaultSelectedKeys?: 'all' | Iterable<ItemKey>;\n  disabledKeys?: Iterable<ItemKey>;\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?: (keys: ItemSelection) => 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?: (keys: ItemSelection) => void;\n} & Omit<\n  SpectrumListViewProps<NormalizedItem>,\n  | 'children'\n  | 'items'\n  | 'selectedKeys'\n  | 'defaultSelectedKeys'\n  | 'disabledKeys'\n  | 'onSelectionChange'\n>;\n\nexport function ListView({\n  children,\n  tooltip = true,\n  selectedKeys,\n  defaultSelectedKeys,\n  disabledKeys,\n  UNSAFE_className,\n  onChange,\n  onScroll = EMPTY_FUNCTION,\n  onSelectionChange,\n  ...spectrumListViewProps\n}: ListViewProps): JSX.Element | null {\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip, 'bottom'),\n    [tooltip]\n  );\n\n  const wrappedItems = useMemo(\n    () => wrapItemChildren(children, tooltipOptions),\n    [children, tooltipOptions]\n  );\n\n  return (\n    <ListViewWrapper\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...spectrumListViewProps}\n      UNSAFE_className=\"dh-list-view\"\n      onScroll={onScroll}\n    >\n      {wrappedItems}\n    </ListViewWrapper>\n  );\n}\n\nexport default ListView;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,cAAc,QAAQ,kBAAkB;AAAC,SAKhDC,uBAAuB,EAEvBC,gBAAgB;AAAA,SAETC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoCxB,OAAO,SAASC,QAAQA,CAAAC,IAAA,EAWc;EAAA,IAXb;MACvBC,QAAQ;MACRC,OAAO,GAAG,IAAI;MACdC,YAAY;MACZC,mBAAmB;MACnBC,YAAY;MACZC,gBAAgB;MAChBC,QAAQ;MACRC,QAAQ,GAAGf,cAAc;MACzBgB;IAEa,CAAC,GAAAT,IAAA;IADXU,qBAAqB,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAExB,IAAMC,cAAc,GAAGrB,OAAO,CAC5B,MAAME,uBAAuB,CAACQ,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMY,YAAY,GAAGtB,OAAO,CAC1B,MAAMG,gBAAgB,CAACM,QAAQ,EAAEY,cAAc,CAAC,EAChD,CAACZ,QAAQ,EAAEY,cAAc,CAC3B,CAAC;EAED,oBACEf,IAAA,CAACF;EACC;EAAA,EAAAmB,aAAA,CAAAA,aAAA,KACIL,qBAAqB;IACzBJ,gBAAgB,EAAC,cAAc;IAC/BE,QAAQ,EAAEA,QAAS;IAAAP,QAAA,EAElBa;EAAY,EACE,CAAC;AAEtB;AAEA,eAAef,QAAQ"}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { NormalizedItem } from '../utils';
+import type { ListViewProps } from './ListView';
+export interface ListViewNormalizedProps extends Omit<ListViewProps, 'children'> {
+    normalizedItems: NormalizedItem[];
+    showItemIcons: boolean;
+}
+/**
+ * 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 declare function ListViewNormalized({ normalizedItems, tooltip, selectedKeys, defaultSelectedKeys, disabledKeys, showItemIcons, UNSAFE_className, onChange, onSelectionChange, ...props }: ListViewNormalizedProps): JSX.Element;
+export default ListViewNormalized;
+//# sourceMappingURL=ListViewNormalized.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewNormalized.d.ts","sourceRoot":"","sources":["../../../src/spectrum/listView/ListViewNormalized.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,cAAc,EAIf,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACvC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,OAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAkDvC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/spectrum/listView/ListViewNormalized.js

@@ -0,0 +1,80 @@
+var _excluded = ["normalizedItems", "tooltip", "selectedKeys", "defaultSelectedKeys", "disabledKeys", "showItemIcons", "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,
+      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
+  });
+
+  // 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","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  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}\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  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  });\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,SAG1BC,uBAAuB,EACvBC,uBAAuB,EACvBC,4BAA4B;AAAA,SAGrBC,eAAe;AAAA,SAAAC,aAAA,IAAAC,cAAA;AAQxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAWO;EAAA,IAXN;MACjCC,eAAe;MACfC,OAAO,GAAG,IAAI;MACdC,YAAY;MACZC,mBAAmB;MACnBC,YAAY;MACZC,aAAa;MACbC,gBAAgB;MAChBC,QAAQ;MACRC;IAEuB,CAAC,GAAAT,IAAA;IADrBU,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAER,IAAMC,cAAc,GAAGtB,OAAO,CAC5B,MAAME,uBAAuB,CAACS,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMY,oBAAoB,GAAGpB,uBAAuB,CAAC;IACnDqB,YAAY,EAAE,cAAc;IAC5B;IACA;IACA;IACA;IACAC,oBAAoB,EAAE,KAAK;IAC3BV,aAAa;IACbO;EACF,CAAC,CAAC;;EAEF;EACA;EACA;EACA,IAAMI,gBAAgB,MAAAC,MAAA,CAAMZ,aAAa,OAAAY,MAAA,CAAIL,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEM,SAAS,CAAE;EAExE,IAAM;IACJC,kBAAkB;IAClBC,yBAAyB;IACzBC,kBAAkB;IAClBC;EACF,CAAC,GAAG5B,4BAA4B,CAAC;IAC/BM,eAAe;IACfE,YAAY;IACZC,mBAAmB;IACnBC,YAAY;IACZG,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC;EACxB,CAAC,CAAC;EAEF,oBACEX,cAAA,CAACF;EACC;EAAA,EAAA4B,aAAA,CAAAA,aAAA,KACId,KAAK;IACTH,gBAAgB,EAAEf,EAAE,CAAC,yBAAyB,EAAEe,gBAAgB,CAAE;IAClEkB,GAAG,EAAER,gBAAiB;IACtBS,KAAK,EAAEzB,eAAgB;IACvBE,YAAY,EAAEiB,kBAAmB;IACjChB,mBAAmB,EAAEiB,yBAA0B;IAC/ChB,YAAY,EAAEiB,kBAAmB;IACjCb,iBAAiB,EAAEc;EAAwB,IAE1CT,oBACc,CAAC;AAEtB;AAEA,eAAef,kBAAkB"}

package/dist/spectrum/listView/ListViewWrapper.css

@@ -0,0 +1,39 @@
+.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*=react-spectrum-ListViewItem-thumbnail] {
+  height: var(--dh-list-view-item-icon-compact);
+  width: var(--dh-list-view-item-icon-compact);
+}
+
+.dh-list-view-wrapper-density-regular svg[class*=react-spectrum-ListViewItem-thumbnail] {
+  height: var(--dh-list-view-item-icon-regular);
+  width: var(--dh-list-view-item-icon-regular);
+}
+
+.dh-list-view-wrapper-density-spacious svg[class*=react-spectrum-ListViewItem-thumbnail] {
+  height: var(--dh-list-view-item-icon-spacious);
+  width: 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;;;AAIA;EACE;EACA;;;AAKF;EACE;EACA;;;AAKF;EACE;EACA","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  svg[class*='react-spectrum-ListViewItem-thumbnail'] {\n    height: var(--dh-list-view-item-icon-compact);\n    width: var(--dh-list-view-item-icon-compact);\n  }\n}\n\n.dh-list-view-wrapper-density-regular {\n  svg[class*='react-spectrum-ListViewItem-thumbnail'] {\n    height: var(--dh-list-view-item-icon-regular);\n    width: var(--dh-list-view-item-icon-regular);\n  }\n}\n\n.dh-list-view-wrapper-density-spacious {\n  svg[class*='react-spectrum-ListViewItem-thumbnail'] {\n    height: var(--dh-list-view-item-icon-spacious);\n    width: 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\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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spectrum/listView/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"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

@@ -1,2 +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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/spectrum/listView/index.ts"],"sourcesContent":["export * from './ListView';\n"],"mappings":""}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/Picker.tsx"],"names":[],"mappings":";AASA,OAAO,EACL,6BAA6B,EAC7B,aAAa,EAEb,OAAO,EAEP,cAAc,EAGf,MAAM,oBAAoB,CAAC;AAK5B,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IAE1C,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAEnC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7B,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;;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;AAEF;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAc,EACd,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAyB,EACzB,iBAAiB,EAEjB,gBAAgB,EAChB,GAAG,mBAAmB,EACvB,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAuF3B;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/Picker.tsx"],"names":[],"mappings":";AAUA,OAAO,EACL,6BAA6B,EAC7B,aAAa,EAEb,OAAO,EAEP,cAAc,EAGf,MAAM,oBAAoB,CAAC;AAK5B,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IAE1C,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAEnC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7B,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;;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;AAEF;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAc,EACd,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAyB,EACzB,iBAAiB,EAEjB,gBAAgB,EAChB,GAAG,mBAAmB,EACvB,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAuF3B;AAED,eAAe,MAAM,CAAC"}

package/dist/spectrum/picker/Picker.js

@@ -11,7 +11,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { useCallback, useMemo, useState } from 'react';
 import { Picker as SpectrumPicker } from '@adobe/react-spectrum';
 import cl from 'classnames';
-import { EMPTY_FUNCTION, PICKER_ITEM_HEIGHTS, PICKER_TOP_OFFSET } from '@deephaven/utils';
+import { EMPTY_FUNCTION, ensureArray, PICKER_ITEM_HEIGHTS, PICKER_TOP_OFFSET } from '@deephaven/utils';
 import { getPositionOfSelectedItemElement, normalizeTooltipOptions, isItemElementWithDescription, isSectionElement } from "../utils/itemUtils.js";
 import { wrapItemChildren } from "../utils/itemWrapperUtils.js";
 import usePickerScrollOnOpen from "./usePickerScrollOnOpen.js";
@@ -48,7 +48,7 @@ export function Picker(_ref) {
   // for explicit `undefined` to identify uncontrolled mode.
   var isUncontrolled = selectedKey === undefined;
   var [uncontrolledSelectedKey, setUncontrolledSelectedKey] = useState(defaultSelectedKey);
-  var wrappedItems = useMemo(() => wrapItemChildren(children, tooltipOptions), [children, tooltipOptions]);
+  var wrappedItems = useMemo(() => ensureArray(wrapItemChildren(children, tooltipOptions)), [children, tooltipOptions]);
 
   // Item descriptions and Section elements introduce variable item heights.
   // This throws off scroll position calculations, so we disable auto scrolling

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

@@ -1 +1 @@
-{"version":3,"file":"Picker.js","names":["useCallback","useMemo","useState","Picker","SpectrumPicker","cl","EMPTY_FUNCTION","PICKER_ITEM_HEIGHTS","PICKER_TOP_OFFSET","getPositionOfSelectedItemElement","normalizeTooltipOptions","isItemElementWithDescription","isSectionElement","wrapItemChildren","usePickerScrollOnOpen","useSpectrumThemeProvider","jsx","_jsx","_ref","children","tooltip","defaultSelectedKey","selectedKey","onChange","onOpenChange","onScroll","onSelectionChange","UNSAFE_className","spectrumPickerProps","_objectWithoutProperties","_excluded","scale","itemHeight","tooltipOptions","isUncontrolled","undefined","uncontrolledSelectedKey","setUncontrolledSelectedKey","wrappedItems","disableScrollOnOpen","some","item","getInitialScrollPosition","_asyncToGenerator","items","topOffset","onSelectionChangeInternal","key","_ref3","ref","scrollRef","onOpenChangeInternal","_objectSpread"],"sources":["../../../src/spectrum/picker/Picker.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport type { DOMRef } from '@react-types/shared';\nimport { Picker as SpectrumPicker } from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport {\n  EMPTY_FUNCTION,\n  PICKER_ITEM_HEIGHTS,\n  PICKER_TOP_OFFSET,\n} from '@deephaven/utils';\nimport {\n  NormalizedSpectrumPickerProps,\n  ItemOrSection,\n  getPositionOfSelectedItemElement,\n  ItemKey,\n  normalizeTooltipOptions,\n  TooltipOptions,\n  isItemElementWithDescription,\n  isSectionElement,\n} from '../utils/itemUtils';\nimport { wrapItemChildren } from '../utils/itemWrapperUtils';\nimport usePickerScrollOnOpen from './usePickerScrollOnOpen';\nimport { useSpectrumThemeProvider } from '../../theme';\n\nexport type PickerProps = {\n  children: ItemOrSection | ItemOrSection[];\n\n  /** Can be set to true or a TooltipOptions to enable item tooltips */\n  tooltip?: boolean | TooltipOptions;\n\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: ItemKey | null;\n\n  /** The initial selected key in the collection (uncontrolled). */\n  defaultSelectedKey?: ItemKey;\n\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 * 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 function Picker({\n  children,\n  tooltip = true,\n  defaultSelectedKey,\n  selectedKey,\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 { scale } = useSpectrumThemeProvider();\n  const itemHeight = PICKER_ITEM_HEIGHTS[scale];\n\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip),\n    [tooltip]\n  );\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 = selectedKey === undefined;\n  const [uncontrolledSelectedKey, setUncontrolledSelectedKey] =\n    useState(defaultSelectedKey);\n\n  const wrappedItems = useMemo(\n    () => wrapItemChildren(children, tooltipOptions),\n    [children, tooltipOptions]\n  );\n\n  // Item descriptions and Section elements introduce variable item heights.\n  // This throws off scroll position calculations, so we disable auto scrolling\n  // if either of these are found.\n  const disableScrollOnOpen = useMemo(\n    () =>\n      wrappedItems.some(\n        item => isSectionElement(item) || isItemElementWithDescription(item)\n      ),\n    [wrappedItems]\n  );\n\n  const getInitialScrollPosition = useCallback(\n    async () =>\n      disableScrollOnOpen\n        ? null\n        : getPositionOfSelectedItemElement({\n            items: wrappedItems,\n            itemHeight,\n            selectedKey: isUncontrolled ? uncontrolledSelectedKey : selectedKey,\n            topOffset: PICKER_TOP_OFFSET,\n          }),\n    [\n      disableScrollOnOpen,\n      isUncontrolled,\n      itemHeight,\n      selectedKey,\n      uncontrolledSelectedKey,\n      wrappedItems,\n    ]\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  const { ref: scrollRef, onOpenChange: onOpenChangeInternal } =\n    usePickerScrollOnOpen({\n      getInitialScrollPosition,\n      onScroll,\n      onOpenChange,\n    });\n\n  return (\n    <SpectrumPicker\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...spectrumPickerProps}\n      ref={scrollRef as DOMRef<HTMLDivElement>}\n      UNSAFE_className={cl('dh-picker', UNSAFE_className)}\n      selectedKey={selectedKey as NormalizedSpectrumPickerProps['selectedKey']}\n      defaultSelectedKey={\n        defaultSelectedKey as NormalizedSpectrumPickerProps['defaultSelectedKey']\n      }\n      onSelectionChange={onSelectionChangeInternal}\n      onOpenChange={onOpenChangeInternal}\n    >\n      {wrappedItems}\n    </SpectrumPicker>\n  );\n}\n\nexport default Picker;\n"],"mappings":"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"}
+{"version":3,"file":"Picker.js","names":["useCallback","useMemo","useState","Picker","SpectrumPicker","cl","EMPTY_FUNCTION","ensureArray","PICKER_ITEM_HEIGHTS","PICKER_TOP_OFFSET","getPositionOfSelectedItemElement","normalizeTooltipOptions","isItemElementWithDescription","isSectionElement","wrapItemChildren","usePickerScrollOnOpen","useSpectrumThemeProvider","jsx","_jsx","_ref","children","tooltip","defaultSelectedKey","selectedKey","onChange","onOpenChange","onScroll","onSelectionChange","UNSAFE_className","spectrumPickerProps","_objectWithoutProperties","_excluded","scale","itemHeight","tooltipOptions","isUncontrolled","undefined","uncontrolledSelectedKey","setUncontrolledSelectedKey","wrappedItems","disableScrollOnOpen","some","item","getInitialScrollPosition","_asyncToGenerator","items","topOffset","onSelectionChangeInternal","key","_ref3","ref","scrollRef","onOpenChangeInternal","_objectSpread"],"sources":["../../../src/spectrum/picker/Picker.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport type { DOMRef } from '@react-types/shared';\nimport { Picker as SpectrumPicker } from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport {\n  EMPTY_FUNCTION,\n  ensureArray,\n  PICKER_ITEM_HEIGHTS,\n  PICKER_TOP_OFFSET,\n} from '@deephaven/utils';\nimport {\n  NormalizedSpectrumPickerProps,\n  ItemOrSection,\n  getPositionOfSelectedItemElement,\n  ItemKey,\n  normalizeTooltipOptions,\n  TooltipOptions,\n  isItemElementWithDescription,\n  isSectionElement,\n} from '../utils/itemUtils';\nimport { wrapItemChildren } from '../utils/itemWrapperUtils';\nimport usePickerScrollOnOpen from './usePickerScrollOnOpen';\nimport { useSpectrumThemeProvider } from '../../theme';\n\nexport type PickerProps = {\n  children: ItemOrSection | ItemOrSection[];\n\n  /** Can be set to true or a TooltipOptions to enable item tooltips */\n  tooltip?: boolean | TooltipOptions;\n\n  /** The currently selected key in the collection (controlled). */\n  selectedKey?: ItemKey | null;\n\n  /** The initial selected key in the collection (uncontrolled). */\n  defaultSelectedKey?: ItemKey;\n\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 * 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 function Picker({\n  children,\n  tooltip = true,\n  defaultSelectedKey,\n  selectedKey,\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 { scale } = useSpectrumThemeProvider();\n  const itemHeight = PICKER_ITEM_HEIGHTS[scale];\n\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip),\n    [tooltip]\n  );\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 = selectedKey === undefined;\n  const [uncontrolledSelectedKey, setUncontrolledSelectedKey] =\n    useState(defaultSelectedKey);\n\n  const wrappedItems = useMemo(\n    () => ensureArray(wrapItemChildren(children, tooltipOptions)),\n    [children, tooltipOptions]\n  );\n\n  // Item descriptions and Section elements introduce variable item heights.\n  // This throws off scroll position calculations, so we disable auto scrolling\n  // if either of these are found.\n  const disableScrollOnOpen = useMemo(\n    () =>\n      wrappedItems.some(\n        item => isSectionElement(item) || isItemElementWithDescription(item)\n      ),\n    [wrappedItems]\n  );\n\n  const getInitialScrollPosition = useCallback(\n    async () =>\n      disableScrollOnOpen\n        ? null\n        : getPositionOfSelectedItemElement({\n            items: wrappedItems,\n            itemHeight,\n            selectedKey: isUncontrolled ? uncontrolledSelectedKey : selectedKey,\n            topOffset: PICKER_TOP_OFFSET,\n          }),\n    [\n      disableScrollOnOpen,\n      isUncontrolled,\n      itemHeight,\n      selectedKey,\n      uncontrolledSelectedKey,\n      wrappedItems,\n    ]\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  const { ref: scrollRef, onOpenChange: onOpenChangeInternal } =\n    usePickerScrollOnOpen({\n      getInitialScrollPosition,\n      onScroll,\n      onOpenChange,\n    });\n\n  return (\n    <SpectrumPicker\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...spectrumPickerProps}\n      ref={scrollRef as DOMRef<HTMLDivElement>}\n      UNSAFE_className={cl('dh-picker', UNSAFE_className)}\n      selectedKey={selectedKey as NormalizedSpectrumPickerProps['selectedKey']}\n      defaultSelectedKey={\n        defaultSelectedKey as NormalizedSpectrumPickerProps['defaultSelectedKey']\n      }\n      onSelectionChange={onSelectionChangeInternal}\n      onOpenChange={onOpenChangeInternal}\n    >\n      {wrappedItems}\n    </SpectrumPicker>\n  );\n}\n\nexport default Picker;\n"],"mappings":"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"}

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

@@ -3,6 +3,7 @@ import type { PickerProps as PickerBaseProps } from './Picker';
 import { NormalizedItem, NormalizedSection } from '../utils';
 export interface PickerNormalizedProps extends Omit<PickerBaseProps, 'children'> {
     normalizedItems: (NormalizedItem | NormalizedSection)[];
+    showItemIcons: boolean;
     getInitialScrollPosition?: () => Promise<number | null | undefined>;
     onScroll?: (event: Event) => void;
 }
@@ -11,6 +12,6 @@ export interface PickerNormalizedProps extends Omit<PickerBaseProps, 'children'>
  * as children and uses a render item function to render the items. This is
  * necessary to support windowed data.
  */
-export declare function PickerNormalized({ normalizedItems, tooltip, selectedKey, defaultSelectedKey, disabledKeys, UNSAFE_className, getInitialScrollPosition, onChange, onOpenChange, onScroll, onSelectionChange, ...props }: PickerNormalizedProps): JSX.Element;
+export declare function PickerNormalized({ normalizedItems, tooltip, selectedKey, defaultSelectedKey, disabledKeys, showItemIcons, UNSAFE_className, getInitialScrollPosition, onChange, onOpenChange, onScroll, onSelectionChange, ...props }: PickerNormalizedProps): JSX.Element;
 export default PickerNormalized;
 //# sourceMappingURL=PickerNormalized.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PickerNormalized.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/PickerNormalized.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAE/D,OAAO,EAGL,cAAc,EACd,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AAGlB,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzC,eAAe,EAAE,CAAC,cAAc,GAAG,iBAAiB,CAAC,EAAE,CAAC;IACxD,wBAAwB,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,OAAc,EACd,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACR,YAAY,EACZ,QAAyB,EACzB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAiErC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PickerNormalized.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/PickerNormalized.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAE/D,OAAO,EAGL,cAAc,EACd,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AAGlB,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzC,eAAe,EAAE,CAAC,cAAc,GAAG,iBAAiB,CAAC,EAAE,CAAC;IACxD,aAAa,EAAE,OAAO,CAAC;IACvB,wBAAwB,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,OAAc,EACd,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACR,YAAY,EACZ,QAAyB,EACzB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAgFrC;AAED,eAAe,gBAAgB,CAAC"}