@deephaven/components 1.22.1 → 1.22.2-alpha-pivot-builder.0

package/dist/spectrum/comboBox/ComboBoxNormalized.js

@@ -20,15 +20,11 @@ import { createElement as _createElement } from "react";
  * collection.
  */
 export function ComboBoxNormalized(_ref) {
-  var {
-      UNSAFE_className
-    } = _ref,
+  var UNSAFE_className = _ref.UNSAFE_className,
     props = _objectWithoutProperties(_ref, _excluded);
   var _usePickerNormalizedP = usePickerNormalizedProps(props),
-    {
-      forceRerenderKey,
-      ref
-    } = _usePickerNormalizedP,
+    forceRerenderKey = _usePickerNormalizedP.forceRerenderKey,
+    ref = _usePickerNormalizedP.ref,
     pickerProps = _objectWithoutProperties(_usePickerNormalizedP, _excluded2);
   return /*#__PURE__*/_createElement(SpectrumComboBox
   // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/spectrum/comboBox/ComboBoxNormalized.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxNormalized.js","names":["ComboBox","SpectrumComboBox","cl","usePickerNormalizedProps","createElement","_createElement","ComboBoxNormalized","_ref","UNSAFE_className","props","_objectWithoutProperties","_excluded","_usePickerNormalizedP","forceRerenderKey","ref","pickerProps","_excluded2","_objectSpread","key"],"sources":["../../../src/spectrum/comboBox/ComboBoxNormalized.tsx"],"sourcesContent":["import { ComboBox as SpectrumComboBox } from '@adobe/react-spectrum';\nimport { type FocusableRef } from '@react-types/shared';\nimport cl from 'classnames';\nimport {\n  type PickerNormalizedPropsT,\n  usePickerNormalizedProps,\n} from '../picker';\nimport { type ComboBoxProps } from './ComboBox';\n\nexport type ComboBoxNormalizedProps = PickerNormalizedPropsT<ComboBoxProps>;\n\n/**\n * ComboBox that takes an array of `NormalizedItem` or `NormalizedSection` items\n * as children and uses a render item function to render the items. `NormalizedItem`\n * and `NormalizedSection` datums always provide a `key` property but have an\n * optional `item` property that can be lazy loaded. This is necessary to support\n * windowed data since we need a representative key for every item in the\n * collection.\n */\nexport function ComboBoxNormalized({\n  UNSAFE_className,\n  ...props\n}: ComboBoxNormalizedProps): JSX.Element {\n  const { forceRerenderKey, ref, ...pickerProps } =\n    usePickerNormalizedProps<ComboBoxNormalizedProps>(props);\n\n  return (\n    <SpectrumComboBox\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...pickerProps}\n      key={forceRerenderKey}\n      ref={ref as FocusableRef<HTMLElement>}\n      UNSAFE_className={cl(\n        'dh-combobox',\n        'dh-combobox-normalized',\n        UNSAFE_className\n      )}\n    />\n  );\n}\n\nexport default ComboBoxNormalized;\n"],"mappings":";;;;;;;;;AAAA,SAASA,QAAQ,IAAIC,gBAAgB,QAAQ,uBAAuB;AAEpE,OAAOC,EAAE,MAAM,YAAY;AAAC,SAG1BC,wBAAwB;AAAA,SAAAC,aAAA,IAAAC,cAAA;AAM1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAGO;EAAA,IAHN;MACjCC;IAEuB,CAAC,GAAAD,IAAA;IADrBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,IAAAC,qBAAA,GACET,wBAAwB,CAA0BM,KAAK,CAAC;IADpD;MAAEI,gBAAgB;MAAEC;IAAoB,CAAC,GAAAF,qBAAA;IAAbG,WAAW,GAAAL,wBAAA,CAAAE,qBAAA,EAAAI,UAAA;EAG7C,oBACEX,cAAA,CAACJ;EACC;EAAA,EAAAgB,aAAA,CAAAA,aAAA,KACIF,WAAW;IACfG,GAAG,EAAEL,gBAAiB;IACtBC,GAAG,EAAEA,GAAiC;IACtCN,gBAAgB,EAAEN,EAAE,CAClB,aAAa,EACb,wBAAwB,EACxBM,gBACF;EAAE,EACH,CAAC;AAEN;AAEA,eAAeF,kBAAkB","ignoreList":[]}
+{"version":3,"file":"ComboBoxNormalized.js","names":["ComboBox","SpectrumComboBox","cl","usePickerNormalizedProps","createElement","_createElement","ComboBoxNormalized","_ref","UNSAFE_className","props","_objectWithoutProperties","_excluded","_usePickerNormalizedP","forceRerenderKey","ref","pickerProps","_excluded2","_objectSpread","key"],"sources":["../../../src/spectrum/comboBox/ComboBoxNormalized.tsx"],"sourcesContent":["import { ComboBox as SpectrumComboBox } from '@adobe/react-spectrum';\nimport { type FocusableRef } from '@react-types/shared';\nimport cl from 'classnames';\nimport {\n  type PickerNormalizedPropsT,\n  usePickerNormalizedProps,\n} from '../picker';\nimport { type ComboBoxProps } from './ComboBox';\n\nexport type ComboBoxNormalizedProps = PickerNormalizedPropsT<ComboBoxProps>;\n\n/**\n * ComboBox that takes an array of `NormalizedItem` or `NormalizedSection` items\n * as children and uses a render item function to render the items. `NormalizedItem`\n * and `NormalizedSection` datums always provide a `key` property but have an\n * optional `item` property that can be lazy loaded. This is necessary to support\n * windowed data since we need a representative key for every item in the\n * collection.\n */\nexport function ComboBoxNormalized({\n  UNSAFE_className,\n  ...props\n}: ComboBoxNormalizedProps): JSX.Element {\n  const { forceRerenderKey, ref, ...pickerProps } =\n    usePickerNormalizedProps<ComboBoxNormalizedProps>(props);\n\n  return (\n    <SpectrumComboBox\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...pickerProps}\n      key={forceRerenderKey}\n      ref={ref as FocusableRef<HTMLElement>}\n      UNSAFE_className={cl(\n        'dh-combobox',\n        'dh-combobox-normalized',\n        UNSAFE_className\n      )}\n    />\n  );\n}\n\nexport default ComboBoxNormalized;\n"],"mappings":";;;;;;;;;AAAA,SAASA,QAAQ,IAAIC,gBAAgB,QAAQ,uBAAuB;AAEpE,OAAOC,EAAE,MAAM,YAAY;AAAC,SAG1BC,wBAAwB;AAAA,SAAAC,aAAA,IAAAC,cAAA;AAM1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAGO;EAAA,IAFvCC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IACbC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,IAAAC,qBAAA,GACET,wBAAwB,CAA0BM,KAAK,CAAC;IADlDI,gBAAgB,GAAAD,qBAAA,CAAhBC,gBAAgB;IAAEC,GAAG,GAAAF,qBAAA,CAAHE,GAAG;IAAKC,WAAW,GAAAL,wBAAA,CAAAE,qBAAA,EAAAI,UAAA;EAG7C,oBACEX,cAAA,CAACJ;EACC;EAAA,EAAAgB,aAAA,CAAAA,aAAA,KACIF,WAAW;IACfG,GAAG,EAAEL,gBAAiB;IACtBC,GAAG,EAAEA,GAAiC;IACtCN,gBAAgB,EAAEN,EAAE,CAClB,aAAa,EACb,wBAAwB,EACxBM,gBACF;EAAE,EACH,CAAC;AAEN;AAEA,eAAeF,kBAAkB","ignoreList":[]}

package/dist/spectrum/listView/ListView.js

@@ -13,17 +13,17 @@ 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 {
-      children,
-      tooltip = true,
-      selectedKeys,
-      defaultSelectedKeys,
-      disabledKeys,
-      UNSAFE_className,
-      onChange,
-      onScroll = EMPTY_FUNCTION,
-      onSelectionChange
-    } = _ref,
+  var children = _ref.children,
+    _ref$tooltip = _ref.tooltip,
+    tooltip = _ref$tooltip === void 0 ? true : _ref$tooltip,
+    selectedKeys = _ref.selectedKeys,
+    defaultSelectedKeys = _ref.defaultSelectedKeys,
+    disabledKeys = _ref.disabledKeys,
+    UNSAFE_className = _ref.UNSAFE_className,
+    onChange = _ref.onChange,
+    _ref$onScroll = _ref.onScroll,
+    onScroll = _ref$onScroll === void 0 ? EMPTY_FUNCTION : _ref$onScroll,
+    onSelectionChange = _ref.onSelectionChange,
     spectrumListViewProps = _objectWithoutProperties(_ref, _excluded);
   var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip, 'bottom'), [tooltip]);
   var wrappedItems = useMemo(() => wrapItemChildren(children, tooltipOptions), [children, tooltipOptions]);

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","names":["useMemo","cl","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 { type SpectrumListViewProps } from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\nimport {\n  type MultipleItemSelectionProps,\n  type NormalizedItem,\n  normalizeTooltipOptions,\n  type TooltipOptions,\n  wrapItemChildren,\n} from '../utils';\nimport { ListViewWrapper, type ListViewWrapperProps } from './ListViewWrapper';\nimport { type ItemElementOrPrimitive } from '../shared';\n\nexport type ListViewProps = MultipleItemSelectionProps & {\n  children?:\n    | ItemElementOrPrimitive\n    | ItemElementOrPrimitive[]\n    | null\n    | undefined;\n  /** Can be set to true or a TooltipOptions to enable item tooltips */\n  tooltip?: boolean | TooltipOptions;\n\n  /** Handler that is called when the picker is scrolled. */\n  onScroll?: (event: Event) => 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={cl('dh-list-view', UNSAFE_className)}\n      selectedKeys={\n        selectedKeys as ListViewWrapperProps<unknown>['selectedKeys']\n      }\n      defaultSelectedKeys={\n        defaultSelectedKeys as ListViewWrapperProps<unknown>['defaultSelectedKeys']\n      }\n      disabledKeys={\n        disabledKeys as ListViewWrapperProps<unknown>['disabledKeys']\n      }\n      onScroll={onScroll}\n      onSelectionChange={onChange ?? onSelectionChange}\n    >\n      {wrappedItems}\n    </ListViewWrapper>\n  );\n}\n\nexport default ListView;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,cAAc,QAAQ,kBAAkB;AAAC,SAIhDC,uBAAuB,EAEvBC,gBAAgB;AAAA,SAETC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwBxB,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,GAAGtB,OAAO,CAC5B,MAAMG,uBAAuB,CAACQ,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMY,YAAY,GAAGvB,OAAO,CAC1B,MAAMI,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,EAAEd,EAAE,CAAC,cAAc,EAAEc,gBAAgB,CAAE;IACvDH,YAAY,EACVA,YACD;IACDC,mBAAmB,EACjBA,mBACD;IACDC,YAAY,EACVA,YACD;IACDG,QAAQ,EAAEA,QAAS;IACnBC,iBAAiB,EAAEF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIE,iBAAkB;IAAAR,QAAA,EAEhDa;EAAY,EACE,CAAC;AAEtB;AAEA,eAAef,QAAQ","ignoreList":[]}
+{"version":3,"file":"ListView.js","names":["useMemo","cl","EMPTY_FUNCTION","normalizeTooltipOptions","wrapItemChildren","ListViewWrapper","jsx","_jsx","ListView","_ref","children","_ref$tooltip","tooltip","selectedKeys","defaultSelectedKeys","disabledKeys","UNSAFE_className","onChange","_ref$onScroll","onScroll","onSelectionChange","spectrumListViewProps","_objectWithoutProperties","_excluded","tooltipOptions","wrappedItems","_objectSpread"],"sources":["../../../src/spectrum/listView/ListView.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { type SpectrumListViewProps } from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport { EMPTY_FUNCTION } from '@deephaven/utils';\nimport {\n  type MultipleItemSelectionProps,\n  type NormalizedItem,\n  normalizeTooltipOptions,\n  type TooltipOptions,\n  wrapItemChildren,\n} from '../utils';\nimport { ListViewWrapper, type ListViewWrapperProps } from './ListViewWrapper';\nimport { type ItemElementOrPrimitive } from '../shared';\n\nexport type ListViewProps = MultipleItemSelectionProps & {\n  children?:\n    | ItemElementOrPrimitive\n    | ItemElementOrPrimitive[]\n    | null\n    | undefined;\n  /** Can be set to true or a TooltipOptions to enable item tooltips */\n  tooltip?: boolean | TooltipOptions;\n\n  /** Handler that is called when the picker is scrolled. */\n  onScroll?: (event: Event) => 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={cl('dh-list-view', UNSAFE_className)}\n      selectedKeys={\n        selectedKeys as ListViewWrapperProps<unknown>['selectedKeys']\n      }\n      defaultSelectedKeys={\n        defaultSelectedKeys as ListViewWrapperProps<unknown>['defaultSelectedKeys']\n      }\n      disabledKeys={\n        disabledKeys as ListViewWrapperProps<unknown>['disabledKeys']\n      }\n      onScroll={onScroll}\n      onSelectionChange={onChange ?? onSelectionChange}\n    >\n      {wrappedItems}\n    </ListViewWrapper>\n  );\n}\n\nexport default ListView;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,cAAc,QAAQ,kBAAkB;AAAC,SAIhDC,uBAAuB,EAEvBC,gBAAgB;AAAA,SAETC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwBxB,OAAO,SAASC,QAAQA,CAAAC,IAAA,EAWc;EAAA,IAVpCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CACRG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;IACdE,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IACnBC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IAAAC,aAAA,GAAAT,IAAA,CACRU,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAGhB,cAAc,GAAAgB,aAAA;IACzBE,iBAAiB,GAAAX,IAAA,CAAjBW,iBAAiB;IACdC,qBAAqB,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA;EAExB,IAAMC,cAAc,GAAGxB,OAAO,CAC5B,MAAMG,uBAAuB,CAACS,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMa,YAAY,GAAGzB,OAAO,CAC1B,MAAMI,gBAAgB,CAACM,QAAQ,EAAEc,cAAc,CAAC,EAChD,CAACd,QAAQ,EAAEc,cAAc,CAC3B,CAAC;EAED,oBACEjB,IAAA,CAACF;EACC;EAAA,EAAAqB,aAAA,CAAAA,aAAA,KACIL,qBAAqB;IACzBL,gBAAgB,EAAEf,EAAE,CAAC,cAAc,EAAEe,gBAAgB,CAAE;IACvDH,YAAY,EACVA,YACD;IACDC,mBAAmB,EACjBA,mBACD;IACDC,YAAY,EACVA,YACD;IACDI,QAAQ,EAAEA,QAAS;IACnBC,iBAAiB,EAAEH,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIG,iBAAkB;IAAAV,QAAA,EAEhDe;EAAY,EACE,CAAC;AAEtB;AAEA,eAAejB,QAAQ","ignoreList":[]}

package/dist/spectrum/listView/ListViewNormalized.js

@@ -23,18 +23,17 @@ import { ListViewWrapper } from "./ListViewWrapper.js";
  * - `@deephaven/jsapi-components`'s `ListView` for table data sources
  */
 export function ListViewNormalized(_ref) {
-  var {
-      normalizedItems,
-      tooltip = true,
-      selectedKeys,
-      defaultSelectedKeys,
-      disabledKeys,
-      showItemIcons,
-      actions,
-      UNSAFE_className,
-      onChange,
-      onSelectionChange
-    } = _ref,
+  var normalizedItems = _ref.normalizedItems,
+    _ref$tooltip = _ref.tooltip,
+    tooltip = _ref$tooltip === void 0 ? true : _ref$tooltip,
+    selectedKeys = _ref.selectedKeys,
+    defaultSelectedKeys = _ref.defaultSelectedKeys,
+    disabledKeys = _ref.disabledKeys,
+    showItemIcons = _ref.showItemIcons,
+    actions = _ref.actions,
+    UNSAFE_className = _ref.UNSAFE_className,
+    onChange = _ref.onChange,
+    onSelectionChange = _ref.onSelectionChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip, 'bottom'), [tooltip]);
   var renderNormalizedItem = useRenderNormalizedItem({
@@ -53,18 +52,17 @@ export function ListViewNormalized(_ref) {
   // 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
-  });
+  var _useStringifiedMultiS = useStringifiedMultiSelection({
+      normalizedItems,
+      selectedKeys,
+      defaultSelectedKeys,
+      disabledKeys,
+      onChange: onChange !== null && onChange !== void 0 ? onChange : onSelectionChange
+    }),
+    selectedStringKeys = _useStringifiedMultiS.selectedStringKeys,
+    defaultSelectedStringKeys = _useStringifiedMultiS.defaultSelectedStringKeys,
+    disabledStringKeys = _useStringifiedMultiS.disabledStringKeys,
+    onStringSelectionChange = _useStringifiedMultiS.onStringSelectionChange;
   return /*#__PURE__*/_createElement(ListViewWrapper
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _objectSpread(_objectSpread({}, props), {}, {

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

@@ -1 +1 @@
-{"version":3,"file":"ListViewNormalized.js","names":["useMemo","createElement","_createElement","cl","normalizeTooltipOptions","useRenderNormalizedItem","useStringifiedMultiSelection","ListViewWrapper","ListViewNormalized","_ref","normalizedItems","tooltip","selectedKeys","defaultSelectedKeys","disabledKeys","showItemIcons","actions","UNSAFE_className","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","tooltipOptions","renderNormalizedItem","itemIconSlot","showItemDescriptions","forceRerenderKey","concat","placement","selectedStringKeys","defaultSelectedStringKeys","disabledStringKeys","onStringSelectionChange","_objectSpread","key","items"],"sources":["../../../src/spectrum/listView/ListViewNormalized.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport cl from 'classnames';\nimport {\n  type ListActions,\n  type NormalizedItem,\n  normalizeTooltipOptions,\n  useRenderNormalizedItem,\n  useStringifiedMultiSelection,\n} from '../utils';\nimport type { ListViewProps } from './ListView';\nimport { ListViewWrapper } from './ListViewWrapper';\n\nexport interface ListViewNormalizedProps\n  extends Omit<ListViewProps, 'children'> {\n  normalizedItems: NormalizedItem[];\n  showItemIcons: boolean;\n  actions?: ListActions<unknown>;\n}\n\n/**\n * ListView supporting normalized item data. This component mostly exists to\n * decouple some of the logic needed to support table data. Specifically it\n * handles item rendering configurations as well as converting selection keys\n * to / from strings. This makes it easier to test logic in isolation without\n * a dependency on JS apis (e.g. in the Styleguide).\n *\n * Note that This component will usually not be used directly. Instead, it is\n * recommended to use\n * - `@deephaven/components`'s `ListView` for non-table data sources\n * - `@deephaven/jsapi-components`'s `ListView` for table data sources\n */\nexport function ListViewNormalized({\n  normalizedItems,\n  tooltip = true,\n  selectedKeys,\n  defaultSelectedKeys,\n  disabledKeys,\n  showItemIcons,\n  actions,\n  UNSAFE_className,\n  onChange,\n  onSelectionChange,\n  ...props\n}: ListViewNormalizedProps): JSX.Element {\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip, 'bottom'),\n    [tooltip]\n  );\n\n  const renderNormalizedItem = useRenderNormalizedItem({\n    itemIconSlot: 'illustration',\n    // Descriptions introduce variable item heights which throws off setting\n    // viewport on windowed data. For now not going to implement description\n    // support in Picker.\n    // https://github.com/deephaven/web-client-ui/issues/1958\n    showItemDescriptions: false,\n    showItemIcons,\n    tooltipOptions,\n    actions,\n  });\n\n  // Spectrum doesn't re-render if only the `renderNormalizedItems` function\n  // changes, so we create a key from its dependencies that can be used to force\n  // re-render.\n  const forceRerenderKey = `${showItemIcons}-${tooltipOptions?.placement}`;\n\n  const {\n    selectedStringKeys,\n    defaultSelectedStringKeys,\n    disabledStringKeys,\n    onStringSelectionChange,\n  } = useStringifiedMultiSelection({\n    normalizedItems,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onChange: onChange ?? onSelectionChange,\n  });\n\n  return (\n    <ListViewWrapper\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n      UNSAFE_className={cl('dh-list-view-normalized', UNSAFE_className)}\n      key={forceRerenderKey}\n      items={normalizedItems}\n      selectedKeys={selectedStringKeys}\n      defaultSelectedKeys={defaultSelectedStringKeys}\n      disabledKeys={disabledStringKeys}\n      onSelectionChange={onStringSelectionChange}\n    >\n      {renderNormalizedItem}\n    </ListViewWrapper>\n  );\n}\n\nexport default ListViewNormalized;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,EAAAC,aAAA,IAAAC,cAAA,QAAQ,OAAO;AAC/B,OAAOC,EAAE,MAAM,YAAY;AAAC,SAI1BC,uBAAuB,EACvBC,uBAAuB,EACvBC,4BAA4B;AAAA,SAGrBC,eAAe;AASxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAYO;EAAA,IAZN;MACjCC,eAAe;MACfC,OAAO,GAAG,IAAI;MACdC,YAAY;MACZC,mBAAmB;MACnBC,YAAY;MACZC,aAAa;MACbC,OAAO;MACPC,gBAAgB;MAChBC,QAAQ;MACRC;IAEuB,CAAC,GAAAV,IAAA;IADrBW,KAAK,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAER,IAAMC,cAAc,GAAGvB,OAAO,CAC5B,MAAMI,uBAAuB,CAACO,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMa,oBAAoB,GAAGnB,uBAAuB,CAAC;IACnDoB,YAAY,EAAE,cAAc;IAC5B;IACA;IACA;IACA;IACAC,oBAAoB,EAAE,KAAK;IAC3BX,aAAa;IACbQ,cAAc;IACdP;EACF,CAAC,CAAC;;EAEF;EACA;EACA;EACA,IAAMW,gBAAgB,MAAAC,MAAA,CAAMb,aAAa,OAAAa,MAAA,CAAIL,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEM,SAAS,CAAE;EAExE,IAAM;IACJC,kBAAkB;IAClBC,yBAAyB;IACzBC,kBAAkB;IAClBC;EACF,CAAC,GAAG3B,4BAA4B,CAAC;IAC/BI,eAAe;IACfE,YAAY;IACZC,mBAAmB;IACnBC,YAAY;IACZI,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC;EACxB,CAAC,CAAC;EAEF,oBACEjB,cAAA,CAACK;EACC;EAAA,EAAA2B,aAAA,CAAAA,aAAA,KACId,KAAK;IACTH,gBAAgB,EAAEd,EAAE,CAAC,yBAAyB,EAAEc,gBAAgB,CAAE;IAClEkB,GAAG,EAAER,gBAAiB;IACtBS,KAAK,EAAE1B,eAAgB;IACvBE,YAAY,EAAEkB,kBAAmB;IACjCjB,mBAAmB,EAAEkB,yBAA0B;IAC/CjB,YAAY,EAAEkB,kBAAmB;IACjCb,iBAAiB,EAAEc;EAAwB,IAE1CT,oBACc,CAAC;AAEtB;AAEA,eAAehB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"ListViewNormalized.js","names":["useMemo","createElement","_createElement","cl","normalizeTooltipOptions","useRenderNormalizedItem","useStringifiedMultiSelection","ListViewWrapper","ListViewNormalized","_ref","normalizedItems","_ref$tooltip","tooltip","selectedKeys","defaultSelectedKeys","disabledKeys","showItemIcons","actions","UNSAFE_className","onChange","onSelectionChange","props","_objectWithoutProperties","_excluded","tooltipOptions","renderNormalizedItem","itemIconSlot","showItemDescriptions","forceRerenderKey","concat","placement","_useStringifiedMultiS","selectedStringKeys","defaultSelectedStringKeys","disabledStringKeys","onStringSelectionChange","_objectSpread","key","items"],"sources":["../../../src/spectrum/listView/ListViewNormalized.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport cl from 'classnames';\nimport {\n  type ListActions,\n  type NormalizedItem,\n  normalizeTooltipOptions,\n  useRenderNormalizedItem,\n  useStringifiedMultiSelection,\n} from '../utils';\nimport type { ListViewProps } from './ListView';\nimport { ListViewWrapper } from './ListViewWrapper';\n\nexport interface ListViewNormalizedProps\n  extends Omit<ListViewProps, 'children'> {\n  normalizedItems: NormalizedItem[];\n  showItemIcons: boolean;\n  actions?: ListActions<unknown>;\n}\n\n/**\n * ListView supporting normalized item data. This component mostly exists to\n * decouple some of the logic needed to support table data. Specifically it\n * handles item rendering configurations as well as converting selection keys\n * to / from strings. This makes it easier to test logic in isolation without\n * a dependency on JS apis (e.g. in the Styleguide).\n *\n * Note that This component will usually not be used directly. Instead, it is\n * recommended to use\n * - `@deephaven/components`'s `ListView` for non-table data sources\n * - `@deephaven/jsapi-components`'s `ListView` for table data sources\n */\nexport function ListViewNormalized({\n  normalizedItems,\n  tooltip = true,\n  selectedKeys,\n  defaultSelectedKeys,\n  disabledKeys,\n  showItemIcons,\n  actions,\n  UNSAFE_className,\n  onChange,\n  onSelectionChange,\n  ...props\n}: ListViewNormalizedProps): JSX.Element {\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip, 'bottom'),\n    [tooltip]\n  );\n\n  const renderNormalizedItem = useRenderNormalizedItem({\n    itemIconSlot: 'illustration',\n    // Descriptions introduce variable item heights which throws off setting\n    // viewport on windowed data. For now not going to implement description\n    // support in Picker.\n    // https://github.com/deephaven/web-client-ui/issues/1958\n    showItemDescriptions: false,\n    showItemIcons,\n    tooltipOptions,\n    actions,\n  });\n\n  // Spectrum doesn't re-render if only the `renderNormalizedItems` function\n  // changes, so we create a key from its dependencies that can be used to force\n  // re-render.\n  const forceRerenderKey = `${showItemIcons}-${tooltipOptions?.placement}`;\n\n  const {\n    selectedStringKeys,\n    defaultSelectedStringKeys,\n    disabledStringKeys,\n    onStringSelectionChange,\n  } = useStringifiedMultiSelection({\n    normalizedItems,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onChange: onChange ?? onSelectionChange,\n  });\n\n  return (\n    <ListViewWrapper\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n      UNSAFE_className={cl('dh-list-view-normalized', UNSAFE_className)}\n      key={forceRerenderKey}\n      items={normalizedItems}\n      selectedKeys={selectedStringKeys}\n      defaultSelectedKeys={defaultSelectedStringKeys}\n      disabledKeys={disabledStringKeys}\n      onSelectionChange={onStringSelectionChange}\n    >\n      {renderNormalizedItem}\n    </ListViewWrapper>\n  );\n}\n\nexport default ListViewNormalized;\n"],"mappings":";;;;;;;;AAAA,SAASA,OAAO,EAAAC,aAAA,IAAAC,cAAA,QAAQ,OAAO;AAC/B,OAAOC,EAAE,MAAM,YAAY;AAAC,SAI1BC,uBAAuB,EACvBC,uBAAuB,EACvBC,4BAA4B;AAAA,SAGrBC,eAAe;AASxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAYO;EAAA,IAXvCC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAAC,YAAA,GAAAF,IAAA,CACfG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;IACdE,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IACnBC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,gBAAgB,GAAAT,IAAA,CAAhBS,gBAAgB;IAChBC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,iBAAiB,GAAAX,IAAA,CAAjBW,iBAAiB;IACdC,KAAK,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA;EAER,IAAMC,cAAc,GAAGxB,OAAO,CAC5B,MAAMI,uBAAuB,CAACQ,OAAO,EAAE,QAAQ,CAAC,EAChD,CAACA,OAAO,CACV,CAAC;EAED,IAAMa,oBAAoB,GAAGpB,uBAAuB,CAAC;IACnDqB,YAAY,EAAE,cAAc;IAC5B;IACA;IACA;IACA;IACAC,oBAAoB,EAAE,KAAK;IAC3BX,aAAa;IACbQ,cAAc;IACdP;EACF,CAAC,CAAC;;EAEF;EACA;EACA;EACA,IAAMW,gBAAgB,MAAAC,MAAA,CAAMb,aAAa,OAAAa,MAAA,CAAIL,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEM,SAAS,CAAE;EAExE,IAAAC,qBAAA,GAKIzB,4BAA4B,CAAC;MAC/BI,eAAe;MACfG,YAAY;MACZC,mBAAmB;MACnBC,YAAY;MACZI,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC;IACxB,CAAC,CAAC;IAVAY,kBAAkB,GAAAD,qBAAA,CAAlBC,kBAAkB;IAClBC,yBAAyB,GAAAF,qBAAA,CAAzBE,yBAAyB;IACzBC,kBAAkB,GAAAH,qBAAA,CAAlBG,kBAAkB;IAClBC,uBAAuB,GAAAJ,qBAAA,CAAvBI,uBAAuB;EASzB,oBACEjC,cAAA,CAACK;EACC;EAAA,EAAA6B,aAAA,CAAAA,aAAA,KACIf,KAAK;IACTH,gBAAgB,EAAEf,EAAE,CAAC,yBAAyB,EAAEe,gBAAgB,CAAE;IAClEmB,GAAG,EAAET,gBAAiB;IACtBU,KAAK,EAAE5B,eAAgB;IACvBG,YAAY,EAAEmB,kBAAmB;IACjClB,mBAAmB,EAAEmB,yBAA0B;IAC/ClB,YAAY,EAAEmB,kBAAmB;IACjCd,iBAAiB,EAAEe;EAAwB,IAE1CV,oBACc,CAAC;AAEtB;AAEA,eAAejB,kBAAkB","ignoreList":[]}

package/dist/spectrum/listView/ListViewWrapper.js

@@ -28,27 +28,23 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 export function ListViewWrapper(props) {
   var _styleProps$minHeight, _listViewProps$densit;
-  var {
-    ariaLabelProps,
-    componentProps,
-    styleProps
-  } = separateSpectrumProps(props);
-  var {
-      onScroll = EMPTY_FUNCTION
-    } = componentProps,
+  var _separateSpectrumProp = separateSpectrumProps(props),
+    ariaLabelProps = _separateSpectrumProp.ariaLabelProps,
+    componentProps = _separateSpectrumProp.componentProps,
+    styleProps = _separateSpectrumProp.styleProps;
+  var _componentProps$onScr = componentProps.onScroll,
+    onScroll = _componentProps$onScr === void 0 ? EMPTY_FUNCTION : _componentProps$onScr,
     listViewProps = _objectWithoutProperties(componentProps, _excluded);
-  var {
-    scale
-  } = useSpectrumThemeProvider();
+  var _useSpectrumThemeProv = useSpectrumThemeProvider(),
+    scale = _useSpectrumThemeProv.scale;
   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);
+  var _useContentRect = useContentRect(extractSpectrumHTMLElement),
+    contentRectRef = _useContentRect.ref,
+    contentRect = _useContentRect.contentRect;
   return /*#__PURE__*/_jsx(Flex, _objectSpread(_objectSpread({
     direction: "column",
     ref: contentRectRef

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

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

package/dist/spectrum/multiSelect/MultiSelect.js

@@ -53,58 +53,74 @@ function toCssDimension(value) {
  */
 function MultiSelectInner(props, forwardedRef) {
   var _ref2, _toCssDimension, _triggerRef$current2;
-  var {
-      children,
-      tooltip = true,
-      selectedKeys: propSelectedKeys,
-      defaultSelectedKeys,
-      disabledKeys: propDisabledKeys,
-      onChange: propOnChange,
-      onSelectionChange: propOnSelectionChange,
-      onOpenChange,
-      onScroll = EMPTY_FUNCTION,
-      label,
-      description,
-      errorMessage,
-      isRequired = false,
-      isDisabled = false,
-      isReadOnly = false,
-      validationState,
-      isQuiet = false,
-      labelPosition = 'top',
-      labelAlign,
-      necessityIndicator,
-      contextualHelp,
-      inputValue: controlledInputValue,
-      defaultInputValue = '',
-      onInputChange,
-      shouldFocusWrap = false,
-      loadingState,
-      menuTrigger = 'input',
-      align = 'start',
-      direction = 'bottom',
-      shouldFlip = true,
-      menuWidth,
-      allowsCustomValue = false,
-      formValue = 'key',
-      validationBehavior = 'aria',
-      autoFocus = false,
-      name,
-      id,
-      isHidden = false,
-      onFocus,
-      onBlur,
-      onFocusChange,
-      onKeyDown,
-      onKeyUp,
-      onSearchTextChange,
-      selectedItemLabels,
-      UNSAFE_className,
-      'aria-label': ariaLabel,
-      'aria-labelledby': ariaLabelledby,
-      'aria-describedby': ariaDescribedby,
-      'aria-details': ariaDetails
-    } = props,
+  var children = props.children,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
+    propSelectedKeys = props.selectedKeys,
+    defaultSelectedKeys = props.defaultSelectedKeys,
+    propDisabledKeys = props.disabledKeys,
+    propOnChange = props.onChange,
+    propOnSelectionChange = props.onSelectionChange,
+    onOpenChange = props.onOpenChange,
+    _props$onScroll = props.onScroll,
+    onScroll = _props$onScroll === void 0 ? EMPTY_FUNCTION : _props$onScroll,
+    label = props.label,
+    description = props.description,
+    errorMessage = props.errorMessage,
+    _props$isRequired = props.isRequired,
+    isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
+    _props$isDisabled = props.isDisabled,
+    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
+    _props$isReadOnly = props.isReadOnly,
+    isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
+    validationState = props.validationState,
+    _props$isQuiet = props.isQuiet,
+    isQuiet = _props$isQuiet === void 0 ? false : _props$isQuiet,
+    _props$labelPosition = props.labelPosition,
+    labelPosition = _props$labelPosition === void 0 ? 'top' : _props$labelPosition,
+    labelAlign = props.labelAlign,
+    necessityIndicator = props.necessityIndicator,
+    contextualHelp = props.contextualHelp,
+    controlledInputValue = props.inputValue,
+    _props$defaultInputVa = props.defaultInputValue,
+    defaultInputValue = _props$defaultInputVa === void 0 ? '' : _props$defaultInputVa,
+    onInputChange = props.onInputChange,
+    _props$shouldFocusWra = props.shouldFocusWrap,
+    shouldFocusWrap = _props$shouldFocusWra === void 0 ? false : _props$shouldFocusWra,
+    loadingState = props.loadingState,
+    _props$menuTrigger = props.menuTrigger,
+    menuTrigger = _props$menuTrigger === void 0 ? 'input' : _props$menuTrigger,
+    _props$align = props.align,
+    align = _props$align === void 0 ? 'start' : _props$align,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'bottom' : _props$direction,
+    _props$shouldFlip = props.shouldFlip,
+    shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
+    menuWidth = props.menuWidth,
+    _props$allowsCustomVa = props.allowsCustomValue,
+    allowsCustomValue = _props$allowsCustomVa === void 0 ? false : _props$allowsCustomVa,
+    _props$formValue = props.formValue,
+    formValue = _props$formValue === void 0 ? 'key' : _props$formValue,
+    _props$validationBeha = props.validationBehavior,
+    validationBehavior = _props$validationBeha === void 0 ? 'aria' : _props$validationBeha,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    name = props.name,
+    id = props.id,
+    _props$isHidden = props.isHidden,
+    isHidden = _props$isHidden === void 0 ? false : _props$isHidden,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onFocusChange = props.onFocusChange,
+    onKeyDown = props.onKeyDown,
+    onKeyUp = props.onKeyUp,
+    onSearchTextChange = props.onSearchTextChange,
+    selectedItemLabels = props.selectedItemLabels,
+    UNSAFE_className = props.UNSAFE_className,
+    ariaLabel = props['aria-label'],
+    ariaLabelledby = props['aria-labelledby'],
+    ariaDescribedby = props['aria-describedby'],
+    ariaDetails = props['aria-details'],
     styleProps = _objectWithoutProperties(props, _excluded);
 
   // Spectrum's onOpenChange omits the trigger reason; relay it via ref.
@@ -156,19 +172,18 @@ function MultiSelectInner(props, forwardedRef) {
     var _ref, _itemLabelMap$get;
     return (_ref = (_itemLabelMap$get = itemLabelMap.get(key)) !== null && _itemLabelMap$get !== void 0 ? _itemLabelMap$get : selectedItemLabels === null || selectedItemLabels === void 0 ? void 0 : selectedItemLabels.get(key)) !== null && _ref !== void 0 ? _ref : key;
   }, [itemLabelMap, selectedItemLabels]);
-  var {
-    searchText,
-    setSearchText,
-    filteredItems,
-    filteredJsxChildren
-  } = useMultiSelectFilter({
-    allEntries,
-    wrappedChildren,
-    inputValue: controlledInputValue,
-    defaultInputValue,
-    onInputChange,
-    onSearchTextChange
-  });
+  var _useMultiSelectFilter = useMultiSelectFilter({
+      allEntries,
+      wrappedChildren,
+      inputValue: controlledInputValue,
+      defaultInputValue,
+      onInputChange,
+      onSearchTextChange
+    }),
+    searchText = _useMultiSelectFilter.searchText,
+    setSearchText = _useMultiSelectFilter.setSearchText,
+    filteredItems = _useMultiSelectFilter.filteredItems,
+    filteredJsxChildren = _useMultiSelectFilter.filteredJsxChildren;
   var emptyMessage = useMemo(() => {
     if (filteredItems.length > 0) {
       return undefined;
@@ -182,41 +197,39 @@ function MultiSelectInner(props, forwardedRef) {
     }
     return 'No results';
   }, [filteredItems.length, loadingState]);
-  var {
-    selectedKeys,
-    selectedKeyArray,
-    listBoxDisabledKeys,
-    toggleKey,
-    applyListBoxSelection
-  } = useMultiSelectState({
-    selectedKeys: propSelectedKeys,
-    defaultSelectedKeys,
-    disabledKeys: propDisabledKeys,
-    onChange: propOnChange,
-    onSelectionChange: propOnSelectionChange,
-    allKeys
-  });
-  var {
-    handleInputKeyDown
-  } = useMultiSelectKeyboard({
-    filteredItems,
-    allItems,
-    shouldFocusWrap,
-    overlayState,
-    openOverlay,
-    closeOverlay,
-    isReadOnly,
-    isDisabled,
-    searchText,
-    setSearchText,
-    selectedKeys,
-    toggleKey,
-    allowsCustomValue,
-    menuTrigger,
-    onKeyDown,
-    listBoxContainerRef: unwrappedListBoxRef,
-    inputRef
-  });
+  var _useMultiSelectState = useMultiSelectState({
+      selectedKeys: propSelectedKeys,
+      defaultSelectedKeys,
+      disabledKeys: propDisabledKeys,
+      onChange: propOnChange,
+      onSelectionChange: propOnSelectionChange,
+      allKeys
+    }),
+    selectedKeys = _useMultiSelectState.selectedKeys,
+    selectedKeyArray = _useMultiSelectState.selectedKeyArray,
+    listBoxDisabledKeys = _useMultiSelectState.listBoxDisabledKeys,
+    toggleKey = _useMultiSelectState.toggleKey,
+    applyListBoxSelection = _useMultiSelectState.applyListBoxSelection;
+  var _useMultiSelectKeyboa = useMultiSelectKeyboard({
+      filteredItems,
+      allItems,
+      shouldFocusWrap,
+      overlayState,
+      openOverlay,
+      closeOverlay,
+      isReadOnly,
+      isDisabled,
+      searchText,
+      setSearchText,
+      selectedKeys,
+      toggleKey,
+      allowsCustomValue,
+      menuTrigger,
+      onKeyDown,
+      listBoxContainerRef: unwrappedListBoxRef,
+      inputRef
+    }),
+    handleInputKeyDown = _useMultiSelectKeyboa.handleInputKeyDown;
   useMultiSelectScrollListener({
     containerRef: unwrappedListBoxRef,
     isOpen: overlayState.isOpen,