@deephaven/components 1.22.1-alpha-pivot-builder.0 → 1.22.2-alpha-pivot-builder.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AutoCompleteInput.js +41 -79
- package/dist/AutoCompleteInput.js.map +1 -1
- package/dist/AutoResizeTextarea.js +29 -13
- package/dist/AutoResizeTextarea.js.map +1 -1
- package/dist/BasicModal.js +17 -15
- package/dist/BasicModal.js.map +1 -1
- package/dist/BulkActionBar.js +3 -5
- package/dist/BulkActionBar.js.map +1 -1
- package/dist/Button.js +24 -25
- package/dist/Button.js.map +1 -1
- package/dist/CardFlip.js +4 -6
- package/dist/CardFlip.js.map +1 -1
- package/dist/Checkbox.js +22 -13
- package/dist/Checkbox.js.map +1 -1
- package/dist/Collapse.js +6 -9
- package/dist/Collapse.js.map +1 -1
- package/dist/CopyButton.js +14 -6
- package/dist/CopyButton.js.map +1 -1
- package/dist/CustomTimeSelect.js +49 -88
- package/dist/CustomTimeSelect.js.map +1 -1
- package/dist/DateInput.js +25 -10
- package/dist/DateInput.js.map +1 -1
- package/dist/DateInputUtils.js +1 -3
- package/dist/DateInputUtils.js.map +1 -1
- package/dist/DateTimeInput.js +28 -12
- package/dist/DateTimeInput.js.map +1 -1
- package/dist/DebouncedSearchInput.js +10 -19
- package/dist/DebouncedSearchInput.js.map +1 -1
- package/dist/DragUtils.js +15 -6
- package/dist/DragUtils.js.map +1 -1
- package/dist/DraggableItemList.js +42 -57
- package/dist/DraggableItemList.js.map +1 -1
- package/dist/EditableItemList.js +28 -13
- package/dist/EditableItemList.js.map +1 -1
- package/dist/ErrorBoundary.js +6 -11
- package/dist/ErrorBoundary.js.map +1 -1
- package/dist/ErrorView.js +20 -8
- package/dist/ErrorView.js.map +1 -1
- package/dist/HierarchicalCheckboxMenu.js +30 -28
- package/dist/HierarchicalCheckboxMenu.js.map +1 -1
- package/dist/ItemList.js +96 -168
- package/dist/ItemList.js.map +1 -1
- package/dist/ItemListItem.js +46 -60
- package/dist/ItemListItem.js.map +1 -1
- package/dist/LoadingOverlay.js +13 -9
- package/dist/LoadingOverlay.js.map +1 -1
- package/dist/LoadingSpinner.js +3 -4
- package/dist/LoadingSpinner.js.map +1 -1
- package/dist/MaskedInput.js +44 -41
- package/dist/MaskedInput.js.map +1 -1
- package/dist/MaskedInputUtils.js +1 -3
- package/dist/MaskedInputUtils.js.map +1 -1
- package/dist/Option.js +1 -3
- package/dist/Option.js.map +1 -1
- package/dist/RadioGroup.js +17 -9
- package/dist/RadioGroup.js.map +1 -1
- package/dist/RadioItem.js +25 -14
- package/dist/RadioItem.js.map +1 -1
- package/dist/RandomAreaPlotAnimation.js +17 -13
- package/dist/RandomAreaPlotAnimation.js.map +1 -1
- package/dist/SearchInput.js +13 -14
- package/dist/SearchInput.js.map +1 -1
- package/dist/SearchableCombobox.js +3 -5
- package/dist/SearchableCombobox.js.map +1 -1
- package/dist/Select.js +5 -7
- package/dist/Select.js.map +1 -1
- package/dist/SelectValueList.js +21 -30
- package/dist/SelectValueList.js.map +1 -1
- package/dist/SocketedButton.js +18 -17
- package/dist/SocketedButton.js.map +1 -1
- package/dist/SplitButtonGroup.js +4 -6
- package/dist/SplitButtonGroup.js.map +1 -1
- package/dist/TableViewEmptyState.js +14 -6
- package/dist/TableViewEmptyState.js.map +1 -1
- package/dist/TextWithTooltip.js +3 -4
- package/dist/TextWithTooltip.js.map +1 -1
- package/dist/TimeInput.js +29 -12
- package/dist/TimeInput.js.map +1 -1
- package/dist/TimeSlider.js +46 -38
- package/dist/TimeSlider.js.map +1 -1
- package/dist/ToastNotification.js +9 -10
- package/dist/ToastNotification.js.map +1 -1
- package/dist/UISwitch.js +8 -9
- package/dist/UISwitch.js.map +1 -1
- package/dist/actions/ConfirmActionButton.js +7 -9
- package/dist/actions/ConfirmActionButton.js.map +1 -1
- package/dist/actions/IconActionButton.js +3 -5
- package/dist/actions/IconActionButton.js.map +1 -1
- package/dist/context-actions/ContextActionUtils.js +1 -3
- package/dist/context-actions/ContextActionUtils.js.map +1 -1
- package/dist/context-actions/ContextActions.js +8 -18
- package/dist/context-actions/ContextActions.js.map +1 -1
- package/dist/context-actions/ContextMenu.js +53 -89
- package/dist/context-actions/ContextMenu.js.map +1 -1
- package/dist/context-actions/ContextMenuItem.js +11 -11
- package/dist/context-actions/ContextMenuItem.js.map +1 -1
- package/dist/context-actions/ContextMenuRoot.js +6 -11
- package/dist/context-actions/ContextMenuRoot.js.map +1 -1
- package/dist/context-actions/GlobalContextAction.js +2 -6
- package/dist/context-actions/GlobalContextAction.js.map +1 -1
- package/dist/context-actions/GlobalContextActions.js +4 -7
- package/dist/context-actions/GlobalContextActions.js.map +1 -1
- package/dist/dialogs/ActionButtonDialogTrigger.js +7 -9
- package/dist/dialogs/ActionButtonDialogTrigger.js.map +1 -1
- package/dist/dialogs/ConfirmationDialog.js +8 -11
- package/dist/dialogs/ConfirmationDialog.js.map +1 -1
- package/dist/menu-actions/DropdownMenu.js +12 -22
- package/dist/menu-actions/DropdownMenu.js.map +1 -1
- package/dist/menu-actions/Menu.js +19 -45
- package/dist/menu-actions/Menu.js.map +1 -1
- package/dist/modal/DebouncedModal.js +8 -9
- package/dist/modal/DebouncedModal.js.map +1 -1
- package/dist/modal/InfoModal.js +6 -7
- package/dist/modal/InfoModal.js.map +1 -1
- package/dist/modal/Modal.js +27 -15
- package/dist/modal/Modal.js.map +1 -1
- package/dist/modal/ModalBody.js +4 -6
- package/dist/modal/ModalBody.js.map +1 -1
- package/dist/modal/ModalFooter.js +3 -5
- package/dist/modal/ModalFooter.js.map +1 -1
- package/dist/modal/ModalHeader.js +7 -8
- package/dist/modal/ModalHeader.js.map +1 -1
- package/dist/navigation/DashboardList.js +17 -6
- package/dist/navigation/DashboardList.js.map +1 -1
- package/dist/navigation/Menu.js +4 -5
- package/dist/navigation/Menu.js.map +1 -1
- package/dist/navigation/MenuItem.js +7 -10
- package/dist/navigation/MenuItem.js.map +1 -1
- package/dist/navigation/NavTab.js +14 -17
- package/dist/navigation/NavTab.js.map +1 -1
- package/dist/navigation/NavTabList.js +39 -33
- package/dist/navigation/NavTabList.js.map +1 -1
- package/dist/navigation/Page.js +5 -7
- package/dist/navigation/Page.js.map +1 -1
- package/dist/navigation/Stack.js +20 -7
- package/dist/navigation/Stack.js.map +1 -1
- package/dist/popper/Popper.js +30 -57
- package/dist/popper/Popper.js.map +1 -1
- package/dist/popper/Tooltip.js +24 -54
- package/dist/popper/Tooltip.js.map +1 -1
- package/dist/shortcuts/Shortcut.js +10 -15
- package/dist/shortcuts/Shortcut.js.map +1 -1
- package/dist/shortcuts/ShortcutRegistry.js +1 -3
- package/dist/shortcuts/ShortcutRegistry.js.map +1 -1
- package/dist/spectrum/ActionGroup.js +7 -9
- package/dist/spectrum/ActionGroup.js.map +1 -1
- package/dist/spectrum/ActionMenu.js +3 -5
- package/dist/spectrum/ActionMenu.js.map +1 -1
- package/dist/spectrum/CheckboxGroup.js +1 -3
- package/dist/spectrum/CheckboxGroup.js.map +1 -1
- package/dist/spectrum/Heading.js +2 -4
- package/dist/spectrum/Heading.js.map +1 -1
- package/dist/spectrum/ItemContent.js +16 -10
- package/dist/spectrum/ItemContent.js.map +1 -1
- package/dist/spectrum/ItemTooltip.js +2 -4
- package/dist/spectrum/ItemTooltip.js.map +1 -1
- package/dist/spectrum/TabPanels.js +3 -4
- package/dist/spectrum/TabPanels.js.map +1 -1
- package/dist/spectrum/Text.js +2 -4
- package/dist/spectrum/Text.js.map +1 -1
- package/dist/spectrum/View.js +11 -14
- package/dist/spectrum/View.js.map +1 -1
- package/dist/spectrum/comboBox/ComboBox.js +5 -9
- package/dist/spectrum/comboBox/ComboBox.js.map +1 -1
- package/dist/spectrum/comboBox/ComboBoxNormalized.js +3 -7
- package/dist/spectrum/comboBox/ComboBoxNormalized.js.map +1 -1
- package/dist/spectrum/listView/ListView.js +11 -11
- package/dist/spectrum/listView/ListView.js.map +1 -1
- package/dist/spectrum/listView/ListViewNormalized.js +22 -24
- package/dist/spectrum/listView/ListViewNormalized.js.map +1 -1
- package/dist/spectrum/listView/ListViewWrapper.js +11 -15
- package/dist/spectrum/listView/ListViewWrapper.js.map +1 -1
- package/dist/spectrum/multiSelect/MultiSelect.js +113 -100
- package/dist/spectrum/multiSelect/MultiSelect.js.map +1 -1
- package/dist/spectrum/multiSelect/MultiSelectListBox.js +9 -11
- package/dist/spectrum/multiSelect/MultiSelectListBox.js.map +1 -1
- package/dist/spectrum/multiSelect/MultiSelectNormalized.js +3 -7
- package/dist/spectrum/multiSelect/MultiSelectNormalized.js.map +1 -1
- package/dist/spectrum/multiSelect/MultiSelectTag.js +5 -7
- package/dist/spectrum/multiSelect/MultiSelectTag.js.map +1 -1
- package/dist/spectrum/multiSelect/useMultiSelectFilter.js +20 -14
- package/dist/spectrum/multiSelect/useMultiSelectFilter.js.map +1 -1
- package/dist/spectrum/multiSelect/useMultiSelectKeyboard.js +27 -20
- package/dist/spectrum/multiSelect/useMultiSelectKeyboard.js.map +1 -1
- package/dist/spectrum/multiSelect/useMultiSelectLoadingSpinner.js +14 -7
- package/dist/spectrum/multiSelect/useMultiSelectLoadingSpinner.js.map +1 -1
- package/dist/spectrum/multiSelect/useMultiSelectNormalizedProps.js +20 -22
- package/dist/spectrum/multiSelect/useMultiSelectNormalizedProps.js.map +1 -1
- package/dist/spectrum/multiSelect/useMultiSelectScrollListener.js +13 -6
- package/dist/spectrum/multiSelect/useMultiSelectScrollListener.js.map +1 -1
- package/dist/spectrum/multiSelect/useMultiSelectState.js +16 -9
- package/dist/spectrum/multiSelect/useMultiSelectState.js.map +1 -1
- package/dist/spectrum/picker/Picker.js +5 -9
- package/dist/spectrum/picker/Picker.js.map +1 -1
- package/dist/spectrum/picker/PickerNormalized.js +2 -6
- package/dist/spectrum/picker/PickerNormalized.js.map +1 -1
- package/dist/spectrum/picker/usePickerItemScale.js +2 -3
- package/dist/spectrum/picker/usePickerItemScale.js.map +1 -1
- package/dist/spectrum/picker/usePickerNormalizedProps.js +31 -33
- package/dist/spectrum/picker/usePickerNormalizedProps.js.map +1 -1
- package/dist/spectrum/picker/usePickerProps.js +26 -29
- package/dist/spectrum/picker/usePickerProps.js.map +1 -1
- package/dist/spectrum/picker/usePickerScrollOnOpen.js +6 -9
- package/dist/spectrum/picker/usePickerScrollOnOpen.js.map +1 -1
- package/dist/spectrum/utils/itemUtils.js +4 -6
- package/dist/spectrum/utils/itemUtils.js.map +1 -1
- package/dist/spectrum/utils/propsUtils.js +35 -37
- package/dist/spectrum/utils/propsUtils.js.map +1 -1
- package/dist/spectrum/utils/themeUtils.js +5 -7
- package/dist/spectrum/utils/themeUtils.js.map +1 -1
- package/dist/spectrum/utils/useOnChangeTrackUncontrolled.js +13 -6
- package/dist/spectrum/utils/useOnChangeTrackUncontrolled.js.map +1 -1
- package/dist/spectrum/utils/useRenderNormalizedItem.js +5 -7
- package/dist/spectrum/utils/useRenderNormalizedItem.js.map +1 -1
- package/dist/spectrum/utils/useStaticItemInitialScrollPosition.js +4 -6
- package/dist/spectrum/utils/useStaticItemInitialScrollPosition.js.map +1 -1
- package/dist/spectrum/utils/useStringifiedMultiSelection.js +5 -7
- package/dist/spectrum/utils/useStringifiedMultiSelection.js.map +1 -1
- package/dist/spectrum/utils/useStringifiedSelection.js +5 -7
- package/dist/spectrum/utils/useStringifiedSelection.js.map +1 -1
- package/dist/theme/FontBootstrap.js +13 -5
- package/dist/theme/FontBootstrap.js.map +1 -1
- package/dist/theme/FontsLoaded.js +1 -3
- package/dist/theme/FontsLoaded.js.map +1 -1
- package/dist/theme/Logo.js +2 -4
- package/dist/theme/Logo.js.map +1 -1
- package/dist/theme/SpectrumThemeProvider.js +17 -9
- package/dist/theme/SpectrumThemeProvider.js.map +1 -1
- package/dist/theme/ThemePicker.js +4 -5
- package/dist/theme/ThemePicker.js.map +1 -1
- package/dist/theme/ThemeProvider.js +20 -8
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/ThemeUtils.js +35 -19
- package/dist/theme/ThemeUtils.js.map +1 -1
- package/dist/theme/useExternalTheme.js +16 -7
- package/dist/theme/useExternalTheme.js.map +1 -1
- package/dist/transitions/FadeTransition.js +5 -6
- package/dist/transitions/FadeTransition.js.map +1 -1
- package/dist/transitions/SlideTransition.js +6 -7
- package/dist/transitions/SlideTransition.js.map +1 -1
- package/package.json +8 -8
|
@@ -20,15 +20,11 @@ import { createElement as _createElement } from "react";
|
|
|
20
20
|
* collection.
|
|
21
21
|
*/
|
|
22
22
|
export function ComboBoxNormalized(_ref) {
|
|
23
|
-
var
|
|
24
|
-
UNSAFE_className
|
|
25
|
-
} = _ref,
|
|
23
|
+
var UNSAFE_className = _ref.UNSAFE_className,
|
|
26
24
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
27
25
|
var _usePickerNormalizedP = usePickerNormalizedProps(props),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
ref
|
|
31
|
-
} = _usePickerNormalizedP,
|
|
26
|
+
forceRerenderKey = _usePickerNormalizedP.forceRerenderKey,
|
|
27
|
+
ref = _usePickerNormalizedP.ref,
|
|
32
28
|
pickerProps = _objectWithoutProperties(_usePickerNormalizedP, _excluded2);
|
|
33
29
|
return /*#__PURE__*/_createElement(SpectrumComboBox
|
|
34
30
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -1 +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,
|
|
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,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":[]}
|
|
@@ -13,17 +13,17 @@ import { normalizeTooltipOptions, wrapItemChildren } from "../utils/index.js";
|
|
|
13
13
|
import { ListViewWrapper } from "./ListViewWrapper.js";
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
15
|
export function ListView(_ref) {
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
16
|
+
var children = _ref.children,
|
|
17
|
+
_ref$tooltip = _ref.tooltip,
|
|
18
|
+
tooltip = _ref$tooltip === void 0 ? true : _ref$tooltip,
|
|
19
|
+
selectedKeys = _ref.selectedKeys,
|
|
20
|
+
defaultSelectedKeys = _ref.defaultSelectedKeys,
|
|
21
|
+
disabledKeys = _ref.disabledKeys,
|
|
22
|
+
UNSAFE_className = _ref.UNSAFE_className,
|
|
23
|
+
onChange = _ref.onChange,
|
|
24
|
+
_ref$onScroll = _ref.onScroll,
|
|
25
|
+
onScroll = _ref$onScroll === void 0 ? EMPTY_FUNCTION : _ref$onScroll,
|
|
26
|
+
onSelectionChange = _ref.onSelectionChange,
|
|
27
27
|
spectrumListViewProps = _objectWithoutProperties(_ref, _excluded);
|
|
28
28
|
var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip, 'bottom'), [tooltip]);
|
|
29
29
|
var wrappedItems = useMemo(() => wrapItemChildren(children, tooltipOptions), [children, tooltipOptions]);
|
|
@@ -1 +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,
|
|
1
|
+
{"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":[]}
|
|
@@ -23,18 +23,17 @@ import { ListViewWrapper } from "./ListViewWrapper.js";
|
|
|
23
23
|
* - `@deephaven/jsapi-components`'s `ListView` for table data sources
|
|
24
24
|
*/
|
|
25
25
|
export function ListViewNormalized(_ref) {
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
} = _ref,
|
|
26
|
+
var normalizedItems = _ref.normalizedItems,
|
|
27
|
+
_ref$tooltip = _ref.tooltip,
|
|
28
|
+
tooltip = _ref$tooltip === void 0 ? true : _ref$tooltip,
|
|
29
|
+
selectedKeys = _ref.selectedKeys,
|
|
30
|
+
defaultSelectedKeys = _ref.defaultSelectedKeys,
|
|
31
|
+
disabledKeys = _ref.disabledKeys,
|
|
32
|
+
showItemIcons = _ref.showItemIcons,
|
|
33
|
+
actions = _ref.actions,
|
|
34
|
+
UNSAFE_className = _ref.UNSAFE_className,
|
|
35
|
+
onChange = _ref.onChange,
|
|
36
|
+
onSelectionChange = _ref.onSelectionChange,
|
|
38
37
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
39
38
|
var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip, 'bottom'), [tooltip]);
|
|
40
39
|
var renderNormalizedItem = useRenderNormalizedItem({
|
|
@@ -53,18 +52,17 @@ export function ListViewNormalized(_ref) {
|
|
|
53
52
|
// changes, so we create a key from its dependencies that can be used to force
|
|
54
53
|
// re-render.
|
|
55
54
|
var forceRerenderKey = "".concat(showItemIcons, "-").concat(tooltipOptions === null || tooltipOptions === void 0 ? void 0 : tooltipOptions.placement);
|
|
56
|
-
var {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
});
|
|
55
|
+
var _useStringifiedMultiS = useStringifiedMultiSelection({
|
|
56
|
+
normalizedItems,
|
|
57
|
+
selectedKeys,
|
|
58
|
+
defaultSelectedKeys,
|
|
59
|
+
disabledKeys,
|
|
60
|
+
onChange: onChange !== null && onChange !== void 0 ? onChange : onSelectionChange
|
|
61
|
+
}),
|
|
62
|
+
selectedStringKeys = _useStringifiedMultiS.selectedStringKeys,
|
|
63
|
+
defaultSelectedStringKeys = _useStringifiedMultiS.defaultSelectedStringKeys,
|
|
64
|
+
disabledStringKeys = _useStringifiedMultiS.disabledStringKeys,
|
|
65
|
+
onStringSelectionChange = _useStringifiedMultiS.onStringSelectionChange;
|
|
68
66
|
return /*#__PURE__*/_createElement(ListViewWrapper
|
|
69
67
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
70
68
|
, _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -1 +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,
|
|
1
|
+
{"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":[]}
|
|
@@ -28,27 +28,23 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
28
28
|
*/
|
|
29
29
|
export function ListViewWrapper(props) {
|
|
30
30
|
var _styleProps$minHeight, _listViewProps$densit;
|
|
31
|
-
var
|
|
32
|
-
ariaLabelProps,
|
|
33
|
-
componentProps,
|
|
34
|
-
styleProps
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
onScroll = EMPTY_FUNCTION
|
|
38
|
-
} = componentProps,
|
|
31
|
+
var _separateSpectrumProp = separateSpectrumProps(props),
|
|
32
|
+
ariaLabelProps = _separateSpectrumProp.ariaLabelProps,
|
|
33
|
+
componentProps = _separateSpectrumProp.componentProps,
|
|
34
|
+
styleProps = _separateSpectrumProp.styleProps;
|
|
35
|
+
var _componentProps$onScr = componentProps.onScroll,
|
|
36
|
+
onScroll = _componentProps$onScr === void 0 ? EMPTY_FUNCTION : _componentProps$onScr,
|
|
39
37
|
listViewProps = _objectWithoutProperties(componentProps, _excluded);
|
|
40
|
-
var
|
|
41
|
-
scale
|
|
42
|
-
} = useSpectrumThemeProvider();
|
|
38
|
+
var _useSpectrumThemeProv = useSpectrumThemeProvider(),
|
|
39
|
+
scale = _useSpectrumThemeProv.scale;
|
|
43
40
|
var scrollRef = useOnScrollRef(onScroll, extractSpectrumHTMLElement);
|
|
44
41
|
|
|
45
42
|
// Spectrum ListView crashes when it has zero height. Track the contentRect
|
|
46
43
|
// of the parent container and only render the ListView when it has a non-zero
|
|
47
44
|
// height. See https://github.com/adobe/react-spectrum/issues/6213
|
|
48
|
-
var
|
|
49
|
-
ref
|
|
50
|
-
contentRect
|
|
51
|
-
} = useContentRect(extractSpectrumHTMLElement);
|
|
45
|
+
var _useContentRect = useContentRect(extractSpectrumHTMLElement),
|
|
46
|
+
contentRectRef = _useContentRect.ref,
|
|
47
|
+
contentRect = _useContentRect.contentRect;
|
|
52
48
|
return /*#__PURE__*/_jsx(Flex, _objectSpread(_objectSpread({
|
|
53
49
|
direction: "column",
|
|
54
50
|
ref: contentRectRef
|
|
@@ -1 +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","
|
|
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","_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":[]}
|
|
@@ -53,58 +53,74 @@ function toCssDimension(value) {
|
|
|
53
53
|
*/
|
|
54
54
|
function MultiSelectInner(props, forwardedRef) {
|
|
55
55
|
var _ref2, _toCssDimension, _triggerRef$current2;
|
|
56
|
-
var
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
56
|
+
var children = props.children,
|
|
57
|
+
_props$tooltip = props.tooltip,
|
|
58
|
+
tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
|
|
59
|
+
propSelectedKeys = props.selectedKeys,
|
|
60
|
+
defaultSelectedKeys = props.defaultSelectedKeys,
|
|
61
|
+
propDisabledKeys = props.disabledKeys,
|
|
62
|
+
propOnChange = props.onChange,
|
|
63
|
+
propOnSelectionChange = props.onSelectionChange,
|
|
64
|
+
onOpenChange = props.onOpenChange,
|
|
65
|
+
_props$onScroll = props.onScroll,
|
|
66
|
+
onScroll = _props$onScroll === void 0 ? EMPTY_FUNCTION : _props$onScroll,
|
|
67
|
+
label = props.label,
|
|
68
|
+
description = props.description,
|
|
69
|
+
errorMessage = props.errorMessage,
|
|
70
|
+
_props$isRequired = props.isRequired,
|
|
71
|
+
isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
|
|
72
|
+
_props$isDisabled = props.isDisabled,
|
|
73
|
+
isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
|
|
74
|
+
_props$isReadOnly = props.isReadOnly,
|
|
75
|
+
isReadOnly = _props$isReadOnly === void 0 ? false : _props$isReadOnly,
|
|
76
|
+
validationState = props.validationState,
|
|
77
|
+
_props$isQuiet = props.isQuiet,
|
|
78
|
+
isQuiet = _props$isQuiet === void 0 ? false : _props$isQuiet,
|
|
79
|
+
_props$labelPosition = props.labelPosition,
|
|
80
|
+
labelPosition = _props$labelPosition === void 0 ? 'top' : _props$labelPosition,
|
|
81
|
+
labelAlign = props.labelAlign,
|
|
82
|
+
necessityIndicator = props.necessityIndicator,
|
|
83
|
+
contextualHelp = props.contextualHelp,
|
|
84
|
+
controlledInputValue = props.inputValue,
|
|
85
|
+
_props$defaultInputVa = props.defaultInputValue,
|
|
86
|
+
defaultInputValue = _props$defaultInputVa === void 0 ? '' : _props$defaultInputVa,
|
|
87
|
+
onInputChange = props.onInputChange,
|
|
88
|
+
_props$shouldFocusWra = props.shouldFocusWrap,
|
|
89
|
+
shouldFocusWrap = _props$shouldFocusWra === void 0 ? false : _props$shouldFocusWra,
|
|
90
|
+
loadingState = props.loadingState,
|
|
91
|
+
_props$menuTrigger = props.menuTrigger,
|
|
92
|
+
menuTrigger = _props$menuTrigger === void 0 ? 'input' : _props$menuTrigger,
|
|
93
|
+
_props$align = props.align,
|
|
94
|
+
align = _props$align === void 0 ? 'start' : _props$align,
|
|
95
|
+
_props$direction = props.direction,
|
|
96
|
+
direction = _props$direction === void 0 ? 'bottom' : _props$direction,
|
|
97
|
+
_props$shouldFlip = props.shouldFlip,
|
|
98
|
+
shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
|
|
99
|
+
menuWidth = props.menuWidth,
|
|
100
|
+
_props$allowsCustomVa = props.allowsCustomValue,
|
|
101
|
+
allowsCustomValue = _props$allowsCustomVa === void 0 ? false : _props$allowsCustomVa,
|
|
102
|
+
_props$formValue = props.formValue,
|
|
103
|
+
formValue = _props$formValue === void 0 ? 'key' : _props$formValue,
|
|
104
|
+
_props$validationBeha = props.validationBehavior,
|
|
105
|
+
validationBehavior = _props$validationBeha === void 0 ? 'aria' : _props$validationBeha,
|
|
106
|
+
_props$autoFocus = props.autoFocus,
|
|
107
|
+
autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
|
|
108
|
+
name = props.name,
|
|
109
|
+
id = props.id,
|
|
110
|
+
_props$isHidden = props.isHidden,
|
|
111
|
+
isHidden = _props$isHidden === void 0 ? false : _props$isHidden,
|
|
112
|
+
onFocus = props.onFocus,
|
|
113
|
+
onBlur = props.onBlur,
|
|
114
|
+
onFocusChange = props.onFocusChange,
|
|
115
|
+
onKeyDown = props.onKeyDown,
|
|
116
|
+
onKeyUp = props.onKeyUp,
|
|
117
|
+
onSearchTextChange = props.onSearchTextChange,
|
|
118
|
+
selectedItemLabels = props.selectedItemLabels,
|
|
119
|
+
UNSAFE_className = props.UNSAFE_className,
|
|
120
|
+
ariaLabel = props['aria-label'],
|
|
121
|
+
ariaLabelledby = props['aria-labelledby'],
|
|
122
|
+
ariaDescribedby = props['aria-describedby'],
|
|
123
|
+
ariaDetails = props['aria-details'],
|
|
108
124
|
styleProps = _objectWithoutProperties(props, _excluded);
|
|
109
125
|
|
|
110
126
|
// Spectrum's onOpenChange omits the trigger reason; relay it via ref.
|
|
@@ -156,19 +172,18 @@ function MultiSelectInner(props, forwardedRef) {
|
|
|
156
172
|
var _ref, _itemLabelMap$get;
|
|
157
173
|
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;
|
|
158
174
|
}, [itemLabelMap, selectedItemLabels]);
|
|
159
|
-
var {
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
});
|
|
175
|
+
var _useMultiSelectFilter = useMultiSelectFilter({
|
|
176
|
+
allEntries,
|
|
177
|
+
wrappedChildren,
|
|
178
|
+
inputValue: controlledInputValue,
|
|
179
|
+
defaultInputValue,
|
|
180
|
+
onInputChange,
|
|
181
|
+
onSearchTextChange
|
|
182
|
+
}),
|
|
183
|
+
searchText = _useMultiSelectFilter.searchText,
|
|
184
|
+
setSearchText = _useMultiSelectFilter.setSearchText,
|
|
185
|
+
filteredItems = _useMultiSelectFilter.filteredItems,
|
|
186
|
+
filteredJsxChildren = _useMultiSelectFilter.filteredJsxChildren;
|
|
172
187
|
var emptyMessage = useMemo(() => {
|
|
173
188
|
if (filteredItems.length > 0) {
|
|
174
189
|
return undefined;
|
|
@@ -182,41 +197,39 @@ function MultiSelectInner(props, forwardedRef) {
|
|
|
182
197
|
}
|
|
183
198
|
return 'No results';
|
|
184
199
|
}, [filteredItems.length, loadingState]);
|
|
185
|
-
var {
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
inputRef
|
|
219
|
-
});
|
|
200
|
+
var _useMultiSelectState = useMultiSelectState({
|
|
201
|
+
selectedKeys: propSelectedKeys,
|
|
202
|
+
defaultSelectedKeys,
|
|
203
|
+
disabledKeys: propDisabledKeys,
|
|
204
|
+
onChange: propOnChange,
|
|
205
|
+
onSelectionChange: propOnSelectionChange,
|
|
206
|
+
allKeys
|
|
207
|
+
}),
|
|
208
|
+
selectedKeys = _useMultiSelectState.selectedKeys,
|
|
209
|
+
selectedKeyArray = _useMultiSelectState.selectedKeyArray,
|
|
210
|
+
listBoxDisabledKeys = _useMultiSelectState.listBoxDisabledKeys,
|
|
211
|
+
toggleKey = _useMultiSelectState.toggleKey,
|
|
212
|
+
applyListBoxSelection = _useMultiSelectState.applyListBoxSelection;
|
|
213
|
+
var _useMultiSelectKeyboa = useMultiSelectKeyboard({
|
|
214
|
+
filteredItems,
|
|
215
|
+
allItems,
|
|
216
|
+
shouldFocusWrap,
|
|
217
|
+
overlayState,
|
|
218
|
+
openOverlay,
|
|
219
|
+
closeOverlay,
|
|
220
|
+
isReadOnly,
|
|
221
|
+
isDisabled,
|
|
222
|
+
searchText,
|
|
223
|
+
setSearchText,
|
|
224
|
+
selectedKeys,
|
|
225
|
+
toggleKey,
|
|
226
|
+
allowsCustomValue,
|
|
227
|
+
menuTrigger,
|
|
228
|
+
onKeyDown,
|
|
229
|
+
listBoxContainerRef: unwrappedListBoxRef,
|
|
230
|
+
inputRef
|
|
231
|
+
}),
|
|
232
|
+
handleInputKeyDown = _useMultiSelectKeyboa.handleInputKeyDown;
|
|
220
233
|
useMultiSelectScrollListener({
|
|
221
234
|
containerRef: unwrappedListBoxRef,
|
|
222
235
|
isOpen: overlayState.isOpen,
|