@deephaven/components 0.66.1 → 0.66.2-alpha-ui-picker.18

package/dist/spectrum/Item.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Wrapping Spectrum `Item` components will break functionality due to the way
+ * they are consumed by collection components. They are only used to pass data
+ * and don't render anything on their own, so they don't need to be wrapped.
+ * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/collections/src/Item.ts#L17
+ */
+import { Item } from '@adobe/react-spectrum';
+export type { ItemProps } from '@react-types/shared';
+export { Item };
+export default Item;
+//# sourceMappingURL=Item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/spectrum/Item.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,CAAC;AAEhB,eAAe,IAAI,CAAC"}

package/dist/spectrum/Item.js

@@ -0,0 +1,10 @@
+/**
+ * Wrapping Spectrum `Item` components will break functionality due to the way
+ * they are consumed by collection components. They are only used to pass data
+ * and don't render anything on their own, so they don't need to be wrapped.
+ * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/collections/src/Item.ts#L17
+ */
+import { Item } from '@adobe/react-spectrum';
+export { Item };
+export default Item;
+//# sourceMappingURL=Item.js.map

package/dist/spectrum/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","names":["Item"],"sources":["../../src/spectrum/Item.tsx"],"sourcesContent":["/**\n * Wrapping Spectrum `Item` components will break functionality due to the way\n * they are consumed by collection components. They are only used to pass data\n * and don't render anything on their own, so they don't need to be wrapped.\n * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/collections/src/Item.ts#L17\n */\nimport { Item } from '@adobe/react-spectrum';\n\nexport type { ItemProps } from '@react-types/shared';\n\nexport { Item };\n\nexport default Item;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,uBAAuB;AAI5C,SAASA,IAAI;AAEb,eAAeA,IAAI"}

package/dist/spectrum/Section.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Wrapping Spectrum `Section` components will break functionality due to the way
+ * they are consumed by collection components. They are only used to pass data
+ * and don't render anything on their own, so they don't need to be wrapped.
+ * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/collections/src/Section.ts#L18
+ */
+import { Section } from '@adobe/react-spectrum';
+export type { SectionProps } from '@react-types/shared';
+export { Section };
+export default Section;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/spectrum/Section.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,eAAe,OAAO,CAAC"}

package/dist/spectrum/Section.js

@@ -0,0 +1,10 @@
+/**
+ * Wrapping Spectrum `Section` components will break functionality due to the way
+ * they are consumed by collection components. They are only used to pass data
+ * and don't render anything on their own, so they don't need to be wrapped.
+ * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/collections/src/Section.ts#L18
+ */
+import { Section } from '@adobe/react-spectrum';
+export { Section };
+export default Section;
+//# sourceMappingURL=Section.js.map

package/dist/spectrum/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":["Section"],"sources":["../../src/spectrum/Section.tsx"],"sourcesContent":["/**\n * Wrapping Spectrum `Section` components will break functionality due to the way\n * they are consumed by collection components. They are only used to pass data\n * and don't render anything on their own, so they don't need to be wrapped.\n * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/collections/src/Section.ts#L18\n */\nimport { Section } from '@adobe/react-spectrum';\n\nexport type { SectionProps } from '@react-types/shared';\n\nexport { Section };\n\nexport default Section;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,uBAAuB;AAI/C,SAASA,OAAO;AAEhB,eAAeA,OAAO"}

package/dist/spectrum/index.d.ts

@@ -1,2 +1,4 @@
 export * from './picker';
+export * from './Item';
+export * from './Section';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/spectrum/index.js

@@ -1,2 +1,4 @@
 export * from "./picker/index.js";
+export * from "./Item.js";
+export * from "./Section.js";
 //# sourceMappingURL=index.js.map

package/dist/spectrum/index.js.map

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { NormalizedSpectrumPickerProps, PickerItem, PickerItemKey, TooltipOptions } from './PickerUtils';
+import { NormalizedSpectrumPickerProps, PickerItemOrSection, PickerItemKey, TooltipOptions } from './PickerUtils';
 export type PickerProps = {
-    children: PickerItem | PickerItem[];
+    children: PickerItemOrSection | PickerItemOrSection[];
     /** Can be set to true or a TooltipOptions to enable item tooltips */
     tooltip?: boolean | TooltipOptions;
     /** The currently selected key in the collection (controlled). */
@@ -28,6 +28,6 @@ export type PickerProps = {
  * 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, onChange, onSelectionChange, ...spectrumPickerProps }: PickerProps): JSX.Element;
+export declare function Picker({ children, tooltip, defaultSelectedKey, selectedKey, onChange, onSelectionChange, UNSAFE_className, ...spectrumPickerProps }: PickerProps): JSX.Element;
 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":";AAGA,OAAO,EACL,6BAA6B,EAG7B,UAAU,EACV,aAAa,EACb,cAAc,EACf,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACpC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACnC,iEAAiE;IACjE,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CAClD,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,OAAO,EACP,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,GAAG,mBAAmB,EACvB,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAuC3B;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/Picker.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,6BAA6B,EAG7B,mBAAmB,EACnB,aAAa,EACb,cAAc,EAGf,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;IACtD,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACnC,iEAAiE;IACjE,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CAClD,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,iBAAiB,EAEjB,gBAAgB,EAChB,GAAG,mBAAmB,EACvB,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAiE3B;AAED,eAAe,MAAM,CAAC"}

package/dist/spectrum/picker/Picker.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "tooltip", "defaultSelectedKey", "selectedKey", "onChange", "onSelectionChange"];
+var _excluded = ["children", "tooltip", "defaultSelectedKey", "selectedKey", "onChange", "onSelectionChange", "UNSAFE_className"];
 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,11 +6,14 @@ 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 { useMemo } from 'react';
-import { Item, Picker as SpectrumPicker } from '@adobe/react-spectrum';
+import { useCallback, useMemo } from 'react';
+import { Picker as SpectrumPicker } from '@adobe/react-spectrum';
+import cl from 'classnames';
 import { Tooltip } from "../../popper/index.js";
-import { normalizePickerItemList, normalizeTooltipOptions } from "./PickerUtils.js";
+import { normalizePickerItemList, normalizeTooltipOptions, isNormalizedPickerSection } from "./PickerUtils.js";
 import { PickerItemContent } from "./PickerItemContent.js";
+import { Item } from "../Item.js";
+import { Section } from "../Section.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -23,18 +26,44 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export function Picker(_ref) {
   var {
       children,
-      tooltip,
+      tooltip = true,
       defaultSelectedKey,
       selectedKey,
       onChange,
-      onSelectionChange
+      onSelectionChange,
+      // eslint-disable-next-line camelcase
+      UNSAFE_className
     } = _ref,
     spectrumPickerProps = _objectWithoutProperties(_ref, _excluded);
   var normalizedItems = useMemo(() => normalizePickerItemList(children), [children]);
   var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip), [tooltip]);
+  var renderItem = useCallback(_ref2 => {
+    var {
+      key,
+      content,
+      textValue
+    } = _ref2;
+    return (
+      /*#__PURE__*/
+      // 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.
+      _jsxs(Item, {
+        textValue: textValue === '' ? 'Empty' : textValue,
+        children: [/*#__PURE__*/_jsx(PickerItemContent, {
+          children: content
+        }), tooltipOptions == null || content === '' ? null : /*#__PURE__*/_jsx(Tooltip, {
+          options: tooltipOptions,
+          children: typeof content === 'boolean' ? String(content) : content
+        })]
+      }, key)
+    );
+  }, [tooltipOptions]);
   return /*#__PURE__*/_jsx(SpectrumPicker
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _objectSpread(_objectSpread({}, spectrumPickerProps), {}, {
+    UNSAFE_className: cl('dh-picker', UNSAFE_className),
     items: normalizedItems
     // Type assertions are necessary for `selectedKey`, `defaultSelectedKey`,
     // and `onSelectionChange` due to Spectrum types not accounting for
@@ -45,20 +74,15 @@ export function Picker(_ref) {
     // `onChange` is just an alias for `onSelectionChange`
     ,
     onSelectionChange: onChange !== null && onChange !== void 0 ? onChange : onSelectionChange,
-    children: _ref2 => {
-      var {
-        content,
-        textValue
-      } = _ref2;
-      return /*#__PURE__*/_jsxs(Item, {
-        textValue: textValue === '' ? 'Empty' : textValue,
-        children: [/*#__PURE__*/_jsx(PickerItemContent, {
-          children: content
-        }), tooltipOptions == null || content === '' ? null : /*#__PURE__*/_jsx(Tooltip, {
-          options: tooltipOptions,
-          children: content
-        })]
-      });
+    children: itemOrSection => {
+      if (isNormalizedPickerSection(itemOrSection)) {
+        return /*#__PURE__*/_jsx(Section, {
+          title: itemOrSection.title,
+          items: itemOrSection.items,
+          children: renderItem
+        }, itemOrSection.key);
+      }
+      return renderItem(itemOrSection);
     }
   }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Picker.js","names":["useMemo","Item","Picker","SpectrumPicker","Tooltip","normalizePickerItemList","normalizeTooltipOptions","PickerItemContent","jsx","_jsx","jsxs","_jsxs","_ref","children","tooltip","defaultSelectedKey","selectedKey","onChange","onSelectionChange","spectrumPickerProps","_objectWithoutProperties","_excluded","normalizedItems","tooltipOptions","_objectSpread","items","_ref2","content","textValue","options"],"sources":["../../../src/spectrum/picker/Picker.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Item, Picker as SpectrumPicker } from '@adobe/react-spectrum';\nimport { Tooltip } from '../../popper';\nimport {\n  NormalizedSpectrumPickerProps,\n  normalizePickerItemList,\n  normalizeTooltipOptions,\n  PickerItem,\n  PickerItemKey,\n  TooltipOptions,\n} from './PickerUtils';\nimport { PickerItemContent } from './PickerItemContent';\n\nexport type PickerProps = {\n  children: PickerItem | PickerItem[];\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?: PickerItemKey | null;\n  /** The initial selected key in the collection (uncontrolled). */\n  defaultSelectedKey?: PickerItemKey;\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: PickerItemKey) => void;\n  /**\n   * Handler that is called when the selection changes.\n   * @deprecated Use `onChange` instead\n   */\n  onSelectionChange?: (key: PickerItemKey) => 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 `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,\n  defaultSelectedKey,\n  selectedKey,\n  onChange,\n  onSelectionChange,\n  ...spectrumPickerProps\n}: PickerProps): JSX.Element {\n  const normalizedItems = useMemo(\n    () => normalizePickerItemList(children),\n    [children]\n  );\n\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip),\n    [tooltip]\n  );\n\n  return (\n    <SpectrumPicker\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...spectrumPickerProps}\n      items={normalizedItems}\n      // Type assertions are necessary for `selectedKey`, `defaultSelectedKey`,\n      // and `onSelectionChange` due to Spectrum types not accounting for\n      // `boolean` keys\n      selectedKey={selectedKey as NormalizedSpectrumPickerProps['selectedKey']}\n      defaultSelectedKey={\n        defaultSelectedKey as NormalizedSpectrumPickerProps['defaultSelectedKey']\n      }\n      // `onChange` is just an alias for `onSelectionChange`\n      onSelectionChange={\n        (onChange ??\n          onSelectionChange) as NormalizedSpectrumPickerProps['onSelectionChange']\n      }\n    >\n      {({ content, textValue }) => (\n        <Item textValue={textValue === '' ? 'Empty' : textValue}>\n          <PickerItemContent>{content}</PickerItemContent>\n          {tooltipOptions == null || content === '' ? null : (\n            <Tooltip options={tooltipOptions}>{content}</Tooltip>\n          )}\n        </Item>\n      )}\n    </SpectrumPicker>\n  );\n}\n\nexport default Picker;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,IAAI,EAAEC,MAAM,IAAIC,cAAc,QAAQ,uBAAuB;AAAC,SAC9DC,OAAO;AAAA,SAGdC,uBAAuB,EACvBC,uBAAuB;AAAA,SAKhBC,iBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAoC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAST,MAAMA,CAAAU,IAAA,EAQO;EAAA,IARN;MACrBC,QAAQ;MACRC,OAAO;MACPC,kBAAkB;MAClBC,WAAW;MACXC,QAAQ;MACRC;IAEW,CAAC,GAAAN,IAAA;IADTO,mBAAmB,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAEtB,IAAMC,eAAe,GAAGtB,OAAO,CAC7B,MAAMK,uBAAuB,CAACQ,QAAQ,CAAC,EACvC,CAACA,QAAQ,CACX,CAAC;EAED,IAAMU,cAAc,GAAGvB,OAAO,CAC5B,MAAMM,uBAAuB,CAACQ,OAAO,CAAC,EACtC,CAACA,OAAO,CACV,CAAC;EAED,oBACEL,IAAA,CAACN;EACC;EAAA,EAAAqB,aAAA,CAAAA,aAAA,KACIL,mBAAmB;IACvBM,KAAK,EAAEH;IACP;IACA;IACA;IAAA;IACAN,WAAW,EAAEA,WAA4D;IACzED,kBAAkB,EAChBA;IAEF;IAAA;IACAG,iBAAiB,EACdD,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GACPC,iBACH;IAAAL,QAAA,EAEAa,KAAA;MAAA,IAAC;QAAEC,OAAO;QAAEC;MAAU,CAAC,GAAAF,KAAA;MAAA,oBACtBf,KAAA,CAACV,IAAI;QAAC2B,SAAS,EAAEA,SAAS,KAAK,EAAE,GAAG,OAAO,GAAGA,SAAU;QAAAf,QAAA,gBACtDJ,IAAA,CAACF,iBAAiB;UAAAM,QAAA,EAAEc;QAAO,CAAoB,CAAC,EAC/CJ,cAAc,IAAI,IAAI,IAAII,OAAO,KAAK,EAAE,GAAG,IAAI,gBAC9ClB,IAAA,CAACL,OAAO;UAACyB,OAAO,EAAEN,cAAe;UAAAV,QAAA,EAAEc;QAAO,CAAU,CACrD;MAAA,CACG,CAAC;IAAA;EACR,EACa,CAAC;AAErB;AAEA,eAAezB,MAAM"}
+{"version":3,"file":"Picker.js","names":["useCallback","useMemo","Picker","SpectrumPicker","cl","Tooltip","normalizePickerItemList","normalizeTooltipOptions","isNormalizedPickerSection","PickerItemContent","Item","Section","jsx","_jsx","jsxs","_jsxs","_ref","children","tooltip","defaultSelectedKey","selectedKey","onChange","onSelectionChange","UNSAFE_className","spectrumPickerProps","_objectWithoutProperties","_excluded","normalizedItems","tooltipOptions","renderItem","_ref2","key","content","textValue","options","String","_objectSpread","items","itemOrSection","title"],"sources":["../../../src/spectrum/picker/Picker.tsx"],"sourcesContent":["import { Key, useCallback, useMemo } from 'react';\nimport { Picker as SpectrumPicker } from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport { Tooltip } from '../../popper';\nimport {\n  NormalizedSpectrumPickerProps,\n  normalizePickerItemList,\n  normalizeTooltipOptions,\n  PickerItemOrSection,\n  PickerItemKey,\n  TooltipOptions,\n  NormalizedPickerItem,\n  isNormalizedPickerSection,\n} from './PickerUtils';\nimport { PickerItemContent } from './PickerItemContent';\nimport { Item } from '../Item';\nimport { Section } from '../Section';\n\nexport type PickerProps = {\n  children: PickerItemOrSection | PickerItemOrSection[];\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?: PickerItemKey | null;\n  /** The initial selected key in the collection (uncontrolled). */\n  defaultSelectedKey?: PickerItemKey;\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: PickerItemKey) => void;\n  /**\n   * Handler that is called when the selection changes.\n   * @deprecated Use `onChange` instead\n   */\n  onSelectionChange?: (key: PickerItemKey) => 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 `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  onChange,\n  onSelectionChange,\n  // eslint-disable-next-line camelcase\n  UNSAFE_className,\n  ...spectrumPickerProps\n}: PickerProps): JSX.Element {\n  const normalizedItems = useMemo(\n    () => normalizePickerItemList(children),\n    [children]\n  );\n\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip),\n    [tooltip]\n  );\n\n  const renderItem = useCallback(\n    ({ key, content, textValue }: NormalizedPickerItem) => (\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      <Item key={key as Key} textValue={textValue === '' ? 'Empty' : textValue}>\n        <PickerItemContent>{content}</PickerItemContent>\n        {tooltipOptions == null || content === '' ? null : (\n          <Tooltip options={tooltipOptions}>\n            {typeof content === 'boolean' ? String(content) : content}\n          </Tooltip>\n        )}\n      </Item>\n    ),\n    [tooltipOptions]\n  );\n\n  return (\n    <SpectrumPicker\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...spectrumPickerProps}\n      UNSAFE_className={cl('dh-picker', UNSAFE_className)}\n      items={normalizedItems}\n      // Type assertions are necessary for `selectedKey`, `defaultSelectedKey`,\n      // and `onSelectionChange` due to Spectrum types not accounting for\n      // `boolean` keys\n      selectedKey={selectedKey as NormalizedSpectrumPickerProps['selectedKey']}\n      defaultSelectedKey={\n        defaultSelectedKey as NormalizedSpectrumPickerProps['defaultSelectedKey']\n      }\n      // `onChange` is just an alias for `onSelectionChange`\n      onSelectionChange={\n        (onChange ??\n          onSelectionChange) as NormalizedSpectrumPickerProps['onSelectionChange']\n      }\n    >\n      {itemOrSection => {\n        if (isNormalizedPickerSection(itemOrSection)) {\n          return (\n            <Section\n              key={itemOrSection.key}\n              title={itemOrSection.title}\n              items={itemOrSection.items}\n            >\n              {renderItem}\n            </Section>\n          );\n        }\n\n        return renderItem(itemOrSection);\n      }}\n    </SpectrumPicker>\n  );\n}\n\nexport default Picker;\n"],"mappings":";;;;;;;;AAAA,SAAcA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACjD,SAASC,MAAM,IAAIC,cAAc,QAAQ,uBAAuB;AAChE,OAAOC,EAAE,MAAM,YAAY;AAAC,SACnBC,OAAO;AAAA,SAGdC,uBAAuB,EACvBC,uBAAuB,EAKvBC,yBAAyB;AAAA,SAElBC,iBAAiB;AAAA,SACjBC,IAAI;AAAA,SACJC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAoChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASb,MAAMA,CAAAc,IAAA,EAUO;EAAA,IAVN;MACrBC,QAAQ;MACRC,OAAO,GAAG,IAAI;MACdC,kBAAkB;MAClBC,WAAW;MACXC,QAAQ;MACRC,iBAAiB;MACjB;MACAC;IAEW,CAAC,GAAAP,IAAA;IADTQ,mBAAmB,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAEtB,IAAMC,eAAe,GAAG1B,OAAO,CAC7B,MAAMK,uBAAuB,CAACW,QAAQ,CAAC,EACvC,CAACA,QAAQ,CACX,CAAC;EAED,IAAMW,cAAc,GAAG3B,OAAO,CAC5B,MAAMM,uBAAuB,CAACW,OAAO,CAAC,EACtC,CAACA,OAAO,CACV,CAAC;EAED,IAAMW,UAAU,GAAG7B,WAAW,CAC5B8B,KAAA;IAAA,IAAC;MAAEC,GAAG;MAAEC,OAAO;MAAEC;IAAgC,CAAC,GAAAH,KAAA;IAAA;MAAA;MAChD;MACA;MACA;MACA;MACAf,KAAA,CAACL,IAAI;QAAkBuB,SAAS,EAAEA,SAAS,KAAK,EAAE,GAAG,OAAO,GAAGA,SAAU;QAAAhB,QAAA,gBACvEJ,IAAA,CAACJ,iBAAiB;UAAAQ,QAAA,EAAEe;QAAO,CAAoB,CAAC,EAC/CJ,cAAc,IAAI,IAAI,IAAII,OAAO,KAAK,EAAE,GAAG,IAAI,gBAC9CnB,IAAA,CAACR,OAAO;UAAC6B,OAAO,EAAEN,cAAe;UAAAX,QAAA,EAC9B,OAAOe,OAAO,KAAK,SAAS,GAAGG,MAAM,CAACH,OAAO,CAAC,GAAGA;QAAO,CAClD,CACV;MAAA,GANQD,GAOL;IAAC;EAAA,CACR,EACD,CAACH,cAAc,CACjB,CAAC;EAED,oBACEf,IAAA,CAACV;EACC;EAAA,EAAAiC,aAAA,CAAAA,aAAA,KACIZ,mBAAmB;IACvBD,gBAAgB,EAAEnB,EAAE,CAAC,WAAW,EAAEmB,gBAAgB,CAAE;IACpDc,KAAK,EAAEV;IACP;IACA;IACA;IAAA;IACAP,WAAW,EAAEA,WAA4D;IACzED,kBAAkB,EAChBA;IAEF;IAAA;IACAG,iBAAiB,EACdD,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GACPC,iBACH;IAAAL,QAAA,EAEAqB,aAAa,IAAI;MAChB,IAAI9B,yBAAyB,CAAC8B,aAAa,CAAC,EAAE;QAC5C,oBACEzB,IAAA,CAACF,OAAO;UAEN4B,KAAK,EAAED,aAAa,CAACC,KAAM;UAC3BF,KAAK,EAAEC,aAAa,CAACD,KAAM;UAAApB,QAAA,EAE1BY;QAAU,GAJNS,aAAa,CAACP,GAKZ,CAAC;MAEd;MAEA,OAAOF,UAAU,CAACS,aAAa,CAAC;IAClC;EAAC,EACa,CAAC;AAErB;AAEA,eAAepC,MAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"PickerItemContent.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/PickerItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EAAE,OAAO,GAClB,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CActC;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PickerItemContent.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/PickerItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EAAE,OAAO,GAClB,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAoBtC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/spectrum/picker/PickerItemContent.js

@@ -21,6 +21,11 @@ export function PickerItemContent(_ref) {
       children: "\xA0"
     });
   }
+  if (typeof content === 'boolean') {
+    // Boolean values need to be stringified to render
+    // eslint-disable-next-line no-param-reassign
+    content = String(content);
+  }
   return /*#__PURE__*/_jsx(Text, {
     UNSAFE_className: stylesCommon.spectrumEllipsis,
     children: content

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

@@ -1 +1 @@
-{"version":3,"file":"PickerItemContent.js","names":["isValidElement","Text","stylesCommon","Fragment","_Fragment","jsx","_jsx","PickerItemContent","_ref","children","content","UNSAFE_className","spectrumEllipsis"],"sources":["../../../src/spectrum/picker/PickerItemContent.tsx"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\nimport { Text } from '@adobe/react-spectrum';\nimport stylesCommon from '../../SpectrumComponent.module.scss';\n\nexport interface PickerItemContentProps {\n  children: ReactNode;\n}\n\n/**\n * Picker item content. Text content will be wrapped in a Spectrum Text\n * component with ellipsis overflow handling.\n */\nexport function PickerItemContent({\n  children: content,\n}: PickerItemContentProps): JSX.Element {\n  if (isValidElement(content)) {\n    return content;\n  }\n\n  if (content === '') {\n    // Prevent the item height from collapsing when the content is empty\n    // eslint-disable-next-line no-param-reassign\n    content = <>&nbsp;</>;\n  }\n\n  return (\n    <Text UNSAFE_className={stylesCommon.spectrumEllipsis}>{content}</Text>\n  );\n}\n\nexport default PickerItemContent;\n"],"mappings":"AAAA,SAASA,cAAc,QAAmB,OAAO;AACjD,SAASC,IAAI,QAAQ,uBAAuB;AAAC,OACtCC,YAAY;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMnB;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAEO;EAAA,IAFN;IAChCC,QAAQ,EAAEC;EACY,CAAC,GAAAF,IAAA;EACvB,kBAAIR,cAAc,CAACU,OAAO,CAAC,EAAE;IAC3B,OAAOA,OAAO;EAChB;EAEA,IAAIA,OAAO,KAAK,EAAE,EAAE;IAClB;IACA;IACAA,OAAO,gBAAGJ,IAAA,CAAAF,SAAA;MAAAK,QAAA,EAAE;IAAM,CAAE,CAAC;EACvB;EAEA,oBACEH,IAAA,CAACL,IAAI;IAACU,gBAAgB,EAAET,YAAY,CAACU,gBAAiB;IAAAH,QAAA,EAAEC;EAAO,CAAO,CAAC;AAE3E;AAEA,eAAeH,iBAAiB"}
+{"version":3,"file":"PickerItemContent.js","names":["isValidElement","Text","stylesCommon","Fragment","_Fragment","jsx","_jsx","PickerItemContent","_ref","children","content","String","UNSAFE_className","spectrumEllipsis"],"sources":["../../../src/spectrum/picker/PickerItemContent.tsx"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\nimport { Text } from '@adobe/react-spectrum';\nimport stylesCommon from '../../SpectrumComponent.module.scss';\n\nexport interface PickerItemContentProps {\n  children: ReactNode;\n}\n\n/**\n * Picker item content. Text content will be wrapped in a Spectrum Text\n * component with ellipsis overflow handling.\n */\nexport function PickerItemContent({\n  children: content,\n}: PickerItemContentProps): JSX.Element {\n  if (isValidElement(content)) {\n    return content;\n  }\n\n  if (content === '') {\n    // Prevent the item height from collapsing when the content is empty\n    // eslint-disable-next-line no-param-reassign\n    content = <>&nbsp;</>;\n  }\n\n  if (typeof content === 'boolean') {\n    // Boolean values need to be stringified to render\n    // eslint-disable-next-line no-param-reassign\n    content = String(content);\n  }\n\n  return (\n    <Text UNSAFE_className={stylesCommon.spectrumEllipsis}>{content}</Text>\n  );\n}\n\nexport default PickerItemContent;\n"],"mappings":"AAAA,SAASA,cAAc,QAAmB,OAAO;AACjD,SAASC,IAAI,QAAQ,uBAAuB;AAAC,OACtCC,YAAY;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMnB;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAEO;EAAA,IAFN;IAChCC,QAAQ,EAAEC;EACY,CAAC,GAAAF,IAAA;EACvB,kBAAIR,cAAc,CAACU,OAAO,CAAC,EAAE;IAC3B,OAAOA,OAAO;EAChB;EAEA,IAAIA,OAAO,KAAK,EAAE,EAAE;IAClB;IACA;IACAA,OAAO,gBAAGJ,IAAA,CAAAF,SAAA;MAAAK,QAAA,EAAE;IAAM,CAAE,CAAC;EACvB;EAEA,IAAI,OAAOC,OAAO,KAAK,SAAS,EAAE;IAChC;IACA;IACAA,OAAO,GAAGC,MAAM,CAACD,OAAO,CAAC;EAC3B;EAEA,oBACEJ,IAAA,CAACL,IAAI;IAACW,gBAAgB,EAAEV,YAAY,CAACW,gBAAiB;IAAAJ,QAAA,EAAEC;EAAO,CAAO,CAAC;AAE3E;AAEA,eAAeH,iBAAiB"}

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

@@ -1,9 +1,23 @@
 import { Key, ReactElement, ReactNode } from 'react';
-import type { SpectrumPickerProps } from '@adobe/react-spectrum';
-import type { ItemProps } from '@react-types/shared';
+import { SpectrumPickerProps } from '@adobe/react-spectrum';
+import type { ItemRenderer } from '@react-types/shared';
+import { ItemProps } from '../Item';
+import { SectionProps } from '../Section';
 import { PopperOptions } from '../../popper';
-export type ItemElement = ReactElement<ItemProps<unknown>>;
+export declare const INVALID_PICKER_ITEM_ERROR_MESSAGE = "Picker items must be strings, numbers, booleans, <Item> or <Section> elements:";
+/**
+ * React Spectrum <Section> supports an `ItemRenderer` function as a child. The
+ * DH picker makes use of this internally, but we don't want to support it as
+ * an incoming prop.
+ */
+type SectionPropsNoItemRenderer<T> = Omit<SectionProps<T>, 'children'> & {
+    children: Exclude<SectionProps<T>['children'], ItemRenderer<T>>;
+};
+type ItemElement = ReactElement<ItemProps<unknown>>;
+type SectionElement = ReactElement<SectionPropsNoItemRenderer<unknown>>;
 export type PickerItem = number | string | boolean | ItemElement;
+export type PickerSection = SectionElement;
+export type PickerItemOrSection = PickerItem | PickerSection;
 /**
  * Augment the Spectrum selection key type to include boolean values.
  * The Spectrum Picker already supports this, but the built in types don't
@@ -27,20 +41,51 @@ export interface NormalizedPickerItem {
     content: ReactNode;
     textValue: string;
 }
+export interface NormalizedPickerSection {
+    key: Key;
+    title?: ReactNode;
+    items: NormalizedPickerItem[];
+}
 export type NormalizedSpectrumPickerProps = SpectrumPickerProps<NormalizedPickerItem>;
 export type TooltipOptions = {
     placement: PopperOptions['placement'];
 };
+/**
+ * Determine if a node is a Section element.
+ * @param node The node to check
+ * @returns True if the node is a Section element
+ */
+export declare function isSectionElement<T>(node: ReactNode): node is ReactElement<SectionProps<T>>;
+/**
+ * Determine if a node is an Item element.
+ * @param node The node to check
+ * @returns True if the node is an Item element
+ */
+export declare function isItemElement<T>(node: ReactNode): node is ReactElement<ItemProps<T>>;
+/**
+ * Determine if a node is a Picker item or section. Valid types include strings,
+ * numbers, booleans, Item elements, and Section elements.
+ * @param node The node to check
+ * @returns True if the node is a Picker item or section
+ */
+export declare function isPickerItemOrSection(node: ReactNode): node is PickerItemOrSection;
+/**
+ * Determine if an object is a normalized Picker section.
+ * @param maybeNormalizedPickerSection The object to check
+ * @returns True if the object is a normalized Picker section
+ */
+export declare function isNormalizedPickerSection(maybeNormalizedPickerSection: NormalizedPickerItem | NormalizedPickerSection): maybeNormalizedPickerSection is NormalizedPickerSection;
 /**
  * Get normalized picker items from a picker item or array of picker items.
- * @param items A picker item or array of picker items
+ * @param itemsOrSections A picker item or array of picker items
  * @returns An array of normalized picker items
  */
-export declare function normalizePickerItemList(items: PickerItem | PickerItem[]): NormalizedPickerItem[];
+export declare function normalizePickerItemList(itemsOrSections: PickerItemOrSection | PickerItemOrSection[]): (NormalizedPickerItem | NormalizedPickerSection)[];
 /**
  * Returns a TooltipOptions object or null if options is false or null.
  * @param options
  * @returns TooltipOptions or null
  */
 export declare function normalizeTooltipOptions(options?: boolean | TooltipOptions | null): PopperOptions | null;
+export {};
 //# sourceMappingURL=PickerUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PickerUtils.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/PickerUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;AAEjE;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,OAAO,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,4BAA4B,GAAG,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;AAExE;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,6BAA6B,GACvC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG;IAAE,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;AA+DvE;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,GAC/B,oBAAoB,EAAE,CAGxB;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,IAAI,GACxC,aAAa,GAAG,IAAI,CAUtB"}
+{"version":3,"file":"PickerUtils.d.ts","sourceRoot":"","sources":["../../../src/spectrum/picker/PickerUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,eAAO,MAAM,iCAAiC,mFACoC,CAAC;AAEnF;;;;GAIG;AACH,KAAK,0BAA0B,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,KAAK,WAAW,GAAG,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;AACpD,KAAK,cAAc,GAAG,YAAY,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;AACjE,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC;AAC3C,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,aAAa,CAAC;AAE7D;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,OAAO,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,4BAA4B,GAAG,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;AAExE;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,6BAA6B,GACvC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG;IAAE,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;AAEvE;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,IAAI,EAAE,SAAS,GACd,IAAI,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAEvC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAC7B,IAAI,EAAE,SAAS,GACd,IAAI,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAEpC;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,SAAS,GACd,IAAI,IAAI,mBAAmB,CAQ7B;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,4BAA4B,EAAE,oBAAoB,GAAG,uBAAuB,GAC3E,4BAA4B,IAAI,uBAAuB,CAEzD;AAqGD;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,eAAe,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,GAC3D,CAAC,oBAAoB,GAAG,uBAAuB,CAAC,EAAE,CAKpD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,IAAI,GACxC,aAAa,GAAG,IAAI,CAUtB"}

package/dist/spectrum/picker/PickerUtils.js

@@ -1,3 +1,16 @@
+import { isValidElement } from 'react';
+import Log from '@deephaven/log';
+import { Item } from "../Item.js";
+import { Section } from "../Section.js";
+var log = Log.module('PickerUtils');
+export var INVALID_PICKER_ITEM_ERROR_MESSAGE = 'Picker items must be strings, numbers, booleans, <Item> or <Section> elements:';
+
+/**
+ * React Spectrum <Section> supports an `ItemRenderer` function as a child. The
+ * DH picker makes use of this internally, but we don't want to support it as
+ * an incoming prop.
+ */
+
 /**
  * Augment the Spectrum selection key type to include boolean values.
  * The Spectrum Picker already supports this, but the built in types don't
@@ -18,25 +31,67 @@
  */
 
 /**
- * Determine the `key` of a picker item.
- * @param item The picker item
+ * Determine if a node is a Section element.
+ * @param node The node to check
+ * @returns True if the node is a Section element
+ */
+export function isSectionElement(node) {
+  return /*#__PURE__*/isValidElement(node) && node.type === Section;
+}
+
+/**
+ * Determine if a node is an Item element.
+ * @param node The node to check
+ * @returns True if the node is an Item element
+ */
+export function isItemElement(node) {
+  return /*#__PURE__*/isValidElement(node) && node.type === Item;
+}
+
+/**
+ * Determine if a node is a Picker item or section. Valid types include strings,
+ * numbers, booleans, Item elements, and Section elements.
+ * @param node The node to check
+ * @returns True if the node is a Picker item or section
+ */
+export function isPickerItemOrSection(node) {
+  return typeof node === 'string' || typeof node === 'number' || typeof node === 'boolean' || isItemElement(node) || isSectionElement(node);
+}
+
+/**
+ * Determine if an object is a normalized Picker section.
+ * @param maybeNormalizedPickerSection The object to check
+ * @returns True if the object is a normalized Picker section
+ */
+export function isNormalizedPickerSection(maybeNormalizedPickerSection) {
+  return 'items' in maybeNormalizedPickerSection;
+}
+
+/**
+ * Determine the `key` of a picker item or section.
+ * @param itemOrSection The picker item or section
  * @returns A `PickerItemKey` for the picker item
  */
-function normalizeItemKey(item) {
-  var _item$props$textValue;
+
+function normalizeItemKey(itemOrSection) {
+  var _itemOrSection$props$;
   // string, number, or boolean
-  if (typeof item !== 'object') {
-    return item;
+  if (typeof itemOrSection !== 'object') {
+    return itemOrSection;
   }
 
-  // `ItemElement` with `key` prop set
-  if (item.key != null) {
-    return item.key;
+  // If `key` prop is explicitly set
+  if (itemOrSection.key != null) {
+    return itemOrSection.key;
   }
-  if (typeof item.props.children === 'string') {
-    return item.props.children;
+
+  // Section element
+  if (isSectionElement(itemOrSection)) {
+    return typeof itemOrSection.props.title === 'string' ? itemOrSection.props.title : '';
   }
-  return (_item$props$textValue = item.props.textValue) !== null && _item$props$textValue !== void 0 ? _item$props$textValue : '';
+
+  // Item element
+  return (_itemOrSection$props$ = itemOrSection.props.textValue) !== null && _itemOrSection$props$ !== void 0 ? _itemOrSection$props$ : typeof itemOrSection.props.children === 'string' ? itemOrSection.props.children : '';
 }
 
 /**
@@ -59,13 +114,31 @@ function normalizeTextValue(item) {
 
 /**
  * Normalize a picker item to an object form.
- * @param item item to normalize
+ * @param itemOrSection item to normalize
  * @returns NormalizedPickerItem object
  */
-function normalizePickerItem(item) {
-  var key = normalizeItemKey(item);
-  var content = typeof item === 'object' ? item.props.children : String(item);
-  var textValue = normalizeTextValue(item);
+function normalizePickerItem(itemOrSection) {
+  if (!isPickerItemOrSection(itemOrSection)) {
+    log.debug(INVALID_PICKER_ITEM_ERROR_MESSAGE, itemOrSection);
+    throw new Error(INVALID_PICKER_ITEM_ERROR_MESSAGE);
+  }
+  if (isSectionElement(itemOrSection)) {
+    var _key = normalizeItemKey(itemOrSection);
+    var {
+      title
+    } = itemOrSection.props;
+    var items = normalizePickerItemList(itemOrSection.props.children).filter(
+    // We don't support nested section elements
+    childItem => !isSectionElement(childItem));
+    return {
+      key: _key,
+      title,
+      items
+    };
+  }
+  var key = normalizeItemKey(itemOrSection);
+  var content = isItemElement(itemOrSection) ? itemOrSection.props.children : itemOrSection;
+  var textValue = normalizeTextValue(itemOrSection);
   return {
     key,
     content,
@@ -75,11 +148,11 @@ function normalizePickerItem(item) {
 
 /**
  * Get normalized picker items from a picker item or array of picker items.
- * @param items A picker item or array of picker items
+ * @param itemsOrSections A picker item or array of picker items
  * @returns An array of normalized picker items
  */
-export function normalizePickerItemList(items) {
-  var itemsArray = Array.isArray(items) ? items : [items];
+export function normalizePickerItemList(itemsOrSections) {
+  var itemsArray = Array.isArray(itemsOrSections) ? itemsOrSections : [itemsOrSections];
   return itemsArray.map(normalizePickerItem);
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"PickerUtils.js","names":["normalizeItemKey","item","_item$props$textValue","key","props","children","textValue","normalizeTextValue","String","normalizePickerItem","content","normalizePickerItemList","items","itemsArray","Array","isArray","map","normalizeTooltipOptions","options","placement"],"sources":["../../../src/spectrum/picker/PickerUtils.ts"],"sourcesContent":["import { Key, ReactElement, ReactNode } from 'react';\nimport type { SpectrumPickerProps } from '@adobe/react-spectrum';\nimport type { ItemProps } from '@react-types/shared';\nimport { PopperOptions } from '../../popper';\n\nexport type ItemElement = ReactElement<ItemProps<unknown>>;\nexport type PickerItem = number | string | boolean | ItemElement;\n\n/**\n * Augment the Spectrum selection key type to include boolean values.\n * The Spectrum Picker already supports this, but the built in types don't\n * reflect it.\n */\nexport type PickerItemKey = Key | boolean;\n\n/**\n * Augment the Spectrum selection change handler type to include boolean keys.\n * The Spectrum Picker already supports this, but the built in types don't\n * reflect it.\n */\nexport type PickerSelectionChangeHandler = (key: PickerItemKey) => void;\n\n/**\n * The Picker supports a variety of item types, including strings, numbers,\n * booleans, and more complex React elements. This type represents a normalized\n * form to make rendering items simpler and keep the logic of transformation\n * in separate util methods.\n */\nexport interface NormalizedPickerItem {\n  key: PickerItemKey;\n  content: ReactNode;\n  textValue: string;\n}\n\nexport type NormalizedSpectrumPickerProps =\n  SpectrumPickerProps<NormalizedPickerItem>;\n\nexport type TooltipOptions = { placement: PopperOptions['placement'] };\n\n/**\n * Determine the `key` of a picker item.\n * @param item The picker item\n * @returns A `PickerItemKey` for the picker item\n */\nfunction normalizeItemKey(item: PickerItem): PickerItemKey {\n  // string, number, or boolean\n  if (typeof item !== 'object') {\n    return item;\n  }\n\n  // `ItemElement` with `key` prop set\n  if (item.key != null) {\n    return item.key;\n  }\n\n  if (typeof item.props.children === 'string') {\n    return item.props.children;\n  }\n\n  return item.props.textValue ?? '';\n}\n\n/**\n * Get a normalized `textValue` for a picker item ensuring it is a string.\n * @param item The picker item\n * @returns A string `textValue` for the picker item\n */\nfunction normalizeTextValue(item: PickerItem): string {\n  if (typeof item !== 'object') {\n    return String(item);\n  }\n\n  if (item.props.textValue != null) {\n    return item.props.textValue;\n  }\n\n  if (typeof item.props.children === 'string') {\n    return item.props.children;\n  }\n\n  return '';\n}\n\n/**\n * Normalize a picker item to an object form.\n * @param item item to normalize\n * @returns NormalizedPickerItem object\n */\nfunction normalizePickerItem(item: PickerItem): NormalizedPickerItem {\n  const key = normalizeItemKey(item);\n  const content = typeof item === 'object' ? item.props.children : String(item);\n  const textValue = normalizeTextValue(item);\n\n  return {\n    key,\n    content,\n    textValue,\n  };\n}\n\n/**\n * Get normalized picker items from a picker item or array of picker items.\n * @param items A picker item or array of picker items\n * @returns An array of normalized picker items\n */\nexport function normalizePickerItemList(\n  items: PickerItem | PickerItem[]\n): NormalizedPickerItem[] {\n  const itemsArray = Array.isArray(items) ? items : [items];\n  return itemsArray.map(normalizePickerItem);\n}\n\n/**\n * Returns a TooltipOptions object or null if options is false or null.\n * @param options\n * @returns TooltipOptions or null\n */\nexport function normalizeTooltipOptions(\n  options?: boolean | TooltipOptions | null\n): PopperOptions | null {\n  if (options == null || options === false) {\n    return null;\n  }\n\n  if (options === true) {\n    return { placement: 'top-start' };\n  }\n\n  return options;\n}\n"],"mappings":"AAQA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA,SAASA,gBAAgBA,CAACC,IAAgB,EAAiB;EAAA,IAAAC,qBAAA;EACzD;EACA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;IAC5B,OAAOA,IAAI;EACb;;EAEA;EACA,IAAIA,IAAI,CAACE,GAAG,IAAI,IAAI,EAAE;IACpB,OAAOF,IAAI,CAACE,GAAG;EACjB;EAEA,IAAI,OAAOF,IAAI,CAACG,KAAK,CAACC,QAAQ,KAAK,QAAQ,EAAE;IAC3C,OAAOJ,IAAI,CAACG,KAAK,CAACC,QAAQ;EAC5B;EAEA,QAAAH,qBAAA,GAAOD,IAAI,CAACG,KAAK,CAACE,SAAS,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,EAAE;AACnC;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASK,kBAAkBA,CAACN,IAAgB,EAAU;EACpD,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,OAAOO,MAAM,CAACP,IAAI,CAAC;EACrB;EAEA,IAAIA,IAAI,CAACG,KAAK,CAACE,SAAS,IAAI,IAAI,EAAE;IAChC,OAAOL,IAAI,CAACG,KAAK,CAACE,SAAS;EAC7B;EAEA,IAAI,OAAOL,IAAI,CAACG,KAAK,CAACC,QAAQ,KAAK,QAAQ,EAAE;IAC3C,OAAOJ,IAAI,CAACG,KAAK,CAACC,QAAQ;EAC5B;EAEA,OAAO,EAAE;AACX;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASI,mBAAmBA,CAACR,IAAgB,EAAwB;EACnE,IAAME,GAAG,GAAGH,gBAAgB,CAACC,IAAI,CAAC;EAClC,IAAMS,OAAO,GAAG,OAAOT,IAAI,KAAK,QAAQ,GAAGA,IAAI,CAACG,KAAK,CAACC,QAAQ,GAAGG,MAAM,CAACP,IAAI,CAAC;EAC7E,IAAMK,SAAS,GAAGC,kBAAkB,CAACN,IAAI,CAAC;EAE1C,OAAO;IACLE,GAAG;IACHO,OAAO;IACPJ;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,uBAAuBA,CACrCC,KAAgC,EACR;EACxB,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,GAAG,CAACA,KAAK,CAAC;EACzD,OAAOC,UAAU,CAACG,GAAG,CAACP,mBAAmB,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,uBAAuBA,CACrCC,OAAyC,EACnB;EACtB,IAAIA,OAAO,IAAI,IAAI,IAAIA,OAAO,KAAK,KAAK,EAAE;IACxC,OAAO,IAAI;EACb;EAEA,IAAIA,OAAO,KAAK,IAAI,EAAE;IACpB,OAAO;MAAEC,SAAS,EAAE;IAAY,CAAC;EACnC;EAEA,OAAOD,OAAO;AAChB"}
+{"version":3,"file":"PickerUtils.js","names":["isValidElement","Log","Item","Section","log","module","INVALID_PICKER_ITEM_ERROR_MESSAGE","isSectionElement","node","type","isItemElement","isPickerItemOrSection","isNormalizedPickerSection","maybeNormalizedPickerSection","normalizeItemKey","itemOrSection","_itemOrSection$props$","key","props","title","textValue","children","normalizeTextValue","item","String","normalizePickerItem","debug","Error","items","normalizePickerItemList","filter","childItem","content","itemsOrSections","itemsArray","Array","isArray","map","normalizeTooltipOptions","options","placement"],"sources":["../../../src/spectrum/picker/PickerUtils.ts"],"sourcesContent":["import { isValidElement, Key, ReactElement, ReactNode } from 'react';\nimport { SpectrumPickerProps } from '@adobe/react-spectrum';\nimport type { ItemRenderer } from '@react-types/shared';\nimport Log from '@deephaven/log';\nimport { Item, ItemProps } from '../Item';\nimport { Section, SectionProps } from '../Section';\nimport { PopperOptions } from '../../popper';\n\nconst log = Log.module('PickerUtils');\n\nexport const INVALID_PICKER_ITEM_ERROR_MESSAGE =\n  'Picker items must be strings, numbers, booleans, <Item> or <Section> elements:';\n\n/**\n * React Spectrum <Section> supports an `ItemRenderer` function as a child. The\n * DH picker makes use of this internally, but we don't want to support it as\n * an incoming prop.\n */\ntype SectionPropsNoItemRenderer<T> = Omit<SectionProps<T>, 'children'> & {\n  children: Exclude<SectionProps<T>['children'], ItemRenderer<T>>;\n};\n\ntype ItemElement = ReactElement<ItemProps<unknown>>;\ntype SectionElement = ReactElement<SectionPropsNoItemRenderer<unknown>>;\n\nexport type PickerItem = number | string | boolean | ItemElement;\nexport type PickerSection = SectionElement;\nexport type PickerItemOrSection = PickerItem | PickerSection;\n\n/**\n * Augment the Spectrum selection key type to include boolean values.\n * The Spectrum Picker already supports this, but the built in types don't\n * reflect it.\n */\nexport type PickerItemKey = Key | boolean;\n\n/**\n * Augment the Spectrum selection change handler type to include boolean keys.\n * The Spectrum Picker already supports this, but the built in types don't\n * reflect it.\n */\nexport type PickerSelectionChangeHandler = (key: PickerItemKey) => void;\n\n/**\n * The Picker supports a variety of item types, including strings, numbers,\n * booleans, and more complex React elements. This type represents a normalized\n * form to make rendering items simpler and keep the logic of transformation\n * in separate util methods.\n */\nexport interface NormalizedPickerItem {\n  key: PickerItemKey;\n  content: ReactNode;\n  textValue: string;\n}\n\nexport interface NormalizedPickerSection {\n  key: Key;\n  title?: ReactNode;\n  items: NormalizedPickerItem[];\n}\n\nexport type NormalizedSpectrumPickerProps =\n  SpectrumPickerProps<NormalizedPickerItem>;\n\nexport type TooltipOptions = { placement: PopperOptions['placement'] };\n\n/**\n * Determine if a node is a Section element.\n * @param node The node to check\n * @returns True if the node is a Section element\n */\nexport function isSectionElement<T>(\n  node: ReactNode\n): node is ReactElement<SectionProps<T>> {\n  return isValidElement<SectionProps<T>>(node) && node.type === Section;\n}\n\n/**\n * Determine if a node is an Item element.\n * @param node The node to check\n * @returns True if the node is an Item element\n */\nexport function isItemElement<T>(\n  node: ReactNode\n): node is ReactElement<ItemProps<T>> {\n  return isValidElement<ItemProps<T>>(node) && node.type === Item;\n}\n\n/**\n * Determine if a node is a Picker item or section. Valid types include strings,\n * numbers, booleans, Item elements, and Section elements.\n * @param node The node to check\n * @returns True if the node is a Picker item or section\n */\nexport function isPickerItemOrSection(\n  node: ReactNode\n): node is PickerItemOrSection {\n  return (\n    typeof node === 'string' ||\n    typeof node === 'number' ||\n    typeof node === 'boolean' ||\n    isItemElement(node) ||\n    isSectionElement(node)\n  );\n}\n\n/**\n * Determine if an object is a normalized Picker section.\n * @param maybeNormalizedPickerSection The object to check\n * @returns True if the object is a normalized Picker section\n */\nexport function isNormalizedPickerSection(\n  maybeNormalizedPickerSection: NormalizedPickerItem | NormalizedPickerSection\n): maybeNormalizedPickerSection is NormalizedPickerSection {\n  return 'items' in maybeNormalizedPickerSection;\n}\n\n/**\n * Determine the `key` of a picker item or section.\n * @param itemOrSection The picker item or section\n * @returns A `PickerItemKey` for the picker item\n */\nfunction normalizeItemKey(item: PickerItem): PickerItemKey;\nfunction normalizeItemKey(section: PickerSection): Key;\nfunction normalizeItemKey(\n  itemOrSection: PickerItem | PickerSection\n): Key | PickerItemKey {\n  // string, number, or boolean\n  if (typeof itemOrSection !== 'object') {\n    return itemOrSection;\n  }\n\n  // If `key` prop is explicitly set\n  if (itemOrSection.key != null) {\n    return itemOrSection.key;\n  }\n\n  // Section element\n  if (isSectionElement(itemOrSection)) {\n    return typeof itemOrSection.props.title === 'string'\n      ? itemOrSection.props.title\n      : '';\n  }\n\n  // Item element\n  return (\n    itemOrSection.props.textValue ??\n    (typeof itemOrSection.props.children === 'string'\n      ? itemOrSection.props.children\n      : '')\n  );\n}\n\n/**\n * Get a normalized `textValue` for a picker item ensuring it is a string.\n * @param item The picker item\n * @returns A string `textValue` for the picker item\n */\nfunction normalizeTextValue(item: PickerItem): string {\n  if (typeof item !== 'object') {\n    return String(item);\n  }\n\n  if (item.props.textValue != null) {\n    return item.props.textValue;\n  }\n\n  if (typeof item.props.children === 'string') {\n    return item.props.children;\n  }\n\n  return '';\n}\n\n/**\n * Normalize a picker item to an object form.\n * @param itemOrSection item to normalize\n * @returns NormalizedPickerItem object\n */\nfunction normalizePickerItem(\n  itemOrSection: PickerItemOrSection\n): NormalizedPickerItem | NormalizedPickerSection {\n  if (!isPickerItemOrSection(itemOrSection)) {\n    log.debug(INVALID_PICKER_ITEM_ERROR_MESSAGE, itemOrSection);\n    throw new Error(INVALID_PICKER_ITEM_ERROR_MESSAGE);\n  }\n\n  if (isSectionElement(itemOrSection)) {\n    const key = normalizeItemKey(itemOrSection);\n    const { title } = itemOrSection.props;\n\n    const items = normalizePickerItemList(itemOrSection.props.children).filter(\n      // We don't support nested section elements\n      childItem => !isSectionElement(childItem)\n    ) as NormalizedPickerItem[];\n\n    return {\n      key,\n      title,\n      items,\n    };\n  }\n\n  const key = normalizeItemKey(itemOrSection);\n  const content = isItemElement(itemOrSection)\n    ? itemOrSection.props.children\n    : itemOrSection;\n  const textValue = normalizeTextValue(itemOrSection);\n\n  return {\n    key,\n    content,\n    textValue,\n  };\n}\n\n/**\n * Get normalized picker items from a picker item or array of picker items.\n * @param itemsOrSections A picker item or array of picker items\n * @returns An array of normalized picker items\n */\nexport function normalizePickerItemList(\n  itemsOrSections: PickerItemOrSection | PickerItemOrSection[]\n): (NormalizedPickerItem | NormalizedPickerSection)[] {\n  const itemsArray = Array.isArray(itemsOrSections)\n    ? itemsOrSections\n    : [itemsOrSections];\n  return itemsArray.map(normalizePickerItem);\n}\n\n/**\n * Returns a TooltipOptions object or null if options is false or null.\n * @param options\n * @returns TooltipOptions or null\n */\nexport function normalizeTooltipOptions(\n  options?: boolean | TooltipOptions | null\n): PopperOptions | null {\n  if (options == null || options === false) {\n    return null;\n  }\n\n  if (options === true) {\n    return { placement: 'top-start' };\n  }\n\n  return options;\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAsC,OAAO;AAGpE,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SACxBC,IAAI;AAAA,SACJC,OAAO;AAGhB,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,aAAa,CAAC;AAErC,OAAO,IAAMC,iCAAiC,GAC5C,gFAAgF;;AAElF;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC9BC,IAAe,EACwB;EACvC,OAAO,aAAAR,cAAc,CAAkBQ,IAAI,CAAC,IAAIA,IAAI,CAACC,IAAI,KAAKN,OAAO;AACvE;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,aAAaA,CAC3BF,IAAe,EACqB;EACpC,OAAO,aAAAR,cAAc,CAAeQ,IAAI,CAAC,IAAIA,IAAI,CAACC,IAAI,KAAKP,IAAI;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,qBAAqBA,CACnCH,IAAe,EACc;EAC7B,OACE,OAAOA,IAAI,KAAK,QAAQ,IACxB,OAAOA,IAAI,KAAK,QAAQ,IACxB,OAAOA,IAAI,KAAK,SAAS,IACzBE,aAAa,CAACF,IAAI,CAAC,IACnBD,gBAAgB,CAACC,IAAI,CAAC;AAE1B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,yBAAyBA,CACvCC,4BAA4E,EACnB;EACzD,OAAO,OAAO,IAAIA,4BAA4B;AAChD;;AAEA;AACA;AACA;AACA;AACA;;AAGA,SAASC,gBAAgBA,CACvBC,aAAyC,EACpB;EAAA,IAAAC,qBAAA;EACrB;EACA,IAAI,OAAOD,aAAa,KAAK,QAAQ,EAAE;IACrC,OAAOA,aAAa;EACtB;;EAEA;EACA,IAAIA,aAAa,CAACE,GAAG,IAAI,IAAI,EAAE;IAC7B,OAAOF,aAAa,CAACE,GAAG;EAC1B;;EAEA;EACA,IAAIV,gBAAgB,CAACQ,aAAa,CAAC,EAAE;IACnC,OAAO,OAAOA,aAAa,CAACG,KAAK,CAACC,KAAK,KAAK,QAAQ,GAChDJ,aAAa,CAACG,KAAK,CAACC,KAAK,GACzB,EAAE;EACR;;EAEA;EACA,QAAAH,qBAAA,GACED,aAAa,CAACG,KAAK,CAACE,SAAS,cAAAJ,qBAAA,cAAAA,qBAAA,GAC5B,OAAOD,aAAa,CAACG,KAAK,CAACG,QAAQ,KAAK,QAAQ,GAC7CN,aAAa,CAACG,KAAK,CAACG,QAAQ,GAC5B,EAAE;AAEV;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAACC,IAAgB,EAAU;EACpD,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,OAAOC,MAAM,CAACD,IAAI,CAAC;EACrB;EAEA,IAAIA,IAAI,CAACL,KAAK,CAACE,SAAS,IAAI,IAAI,EAAE;IAChC,OAAOG,IAAI,CAACL,KAAK,CAACE,SAAS;EAC7B;EAEA,IAAI,OAAOG,IAAI,CAACL,KAAK,CAACG,QAAQ,KAAK,QAAQ,EAAE;IAC3C,OAAOE,IAAI,CAACL,KAAK,CAACG,QAAQ;EAC5B;EAEA,OAAO,EAAE;AACX;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASI,mBAAmBA,CAC1BV,aAAkC,EACc;EAChD,IAAI,CAACJ,qBAAqB,CAACI,aAAa,CAAC,EAAE;IACzCX,GAAG,CAACsB,KAAK,CAACpB,iCAAiC,EAAES,aAAa,CAAC;IAC3D,MAAM,IAAIY,KAAK,CAACrB,iCAAiC,CAAC;EACpD;EAEA,IAAIC,gBAAgB,CAACQ,aAAa,CAAC,EAAE;IACnC,IAAME,IAAG,GAAGH,gBAAgB,CAACC,aAAa,CAAC;IAC3C,IAAM;MAAEI;IAAM,CAAC,GAAGJ,aAAa,CAACG,KAAK;IAErC,IAAMU,KAAK,GAAGC,uBAAuB,CAACd,aAAa,CAACG,KAAK,CAACG,QAAQ,CAAC,CAACS,MAAM;IACxE;IACAC,SAAS,IAAI,CAACxB,gBAAgB,CAACwB,SAAS,CAC1C,CAA2B;IAE3B,OAAO;MACLd,GAAG,EAAHA,IAAG;MACHE,KAAK;MACLS;IACF,CAAC;EACH;EAEA,IAAMX,GAAG,GAAGH,gBAAgB,CAACC,aAAa,CAAC;EAC3C,IAAMiB,OAAO,GAAGtB,aAAa,CAACK,aAAa,CAAC,GACxCA,aAAa,CAACG,KAAK,CAACG,QAAQ,GAC5BN,aAAa;EACjB,IAAMK,SAAS,GAAGE,kBAAkB,CAACP,aAAa,CAAC;EAEnD,OAAO;IACLE,GAAG;IACHe,OAAO;IACPZ;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,uBAAuBA,CACrCI,eAA4D,EACR;EACpD,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACH,eAAe,CAAC,GAC7CA,eAAe,GACf,CAACA,eAAe,CAAC;EACrB,OAAOC,UAAU,CAACG,GAAG,CAACZ,mBAAmB,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASa,uBAAuBA,CACrCC,OAAyC,EACnB;EACtB,IAAIA,OAAO,IAAI,IAAI,IAAIA,OAAO,KAAK,KAAK,EAAE;IACxC,OAAO,IAAI;EACb;EAEA,IAAIA,OAAO,KAAK,IAAI,EAAE;IACpB,OAAO;MAAEC,SAAS,EAAE;IAAY,CAAC;EACnC;EAEA,OAAOD,OAAO;AAChB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.66.1",
+  "version": "0.66.2-alpha-ui-picker.18+d04b0cfd",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,13 +25,14 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "^3.34.1",
-    "@deephaven/icons": "^0.66.0",
-    "@deephaven/log": "^0.66.0",
-    "@deephaven/react-hooks": "^0.66.0",
-    "@deephaven/utils": "^0.66.0",
+    "@deephaven/icons": "^0.66.2-alpha-ui-picker.18+d04b0cfd",
+    "@deephaven/log": "^0.66.2-alpha-ui-picker.18+d04b0cfd",
+    "@deephaven/react-hooks": "^0.66.2-alpha-ui-picker.18+d04b0cfd",
+    "@deephaven/utils": "^0.66.2-alpha-ui-picker.18+d04b0cfd",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@react-spectrum/theme-default": "^3.5.1",
+    "@react-types/shared": "^3.22.1",
     "bootstrap": "4.6.2",
     "classnames": "^2.3.1",
     "event-target-shim": "^6.0.2",
@@ -52,7 +53,7 @@
     "react-dom": "^17.x"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.66.0"
+    "@deephaven/mocks": "^0.66.2-alpha-ui-picker.18+d04b0cfd"
   },
   "files": [
     "dist",
@@ -66,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d91d833e22658a26c0dbcdb2b9d835e1ad25c57d"
+  "gitHead": "d04b0cfdcdb9de17afc8d7ad0c07c34e8ded20b9"
 }