@hitachivantara/uikit-react-core 6.8.2 → 6.9.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/Accordion/Accordion.js +69 -80
- package/dist/Accordion/Accordion.styles.js +21 -16
- package/dist/ActionBar/ActionBar.js +18 -17
- package/dist/ActionBar/ActionBar.styles.js +12 -15
- package/dist/ActionsGeneric/ActionsGeneric.js +72 -98
- package/dist/ActionsGeneric/ActionsGeneric.styles.js +17 -14
- package/dist/AppSwitcher/Action/Action.js +96 -111
- package/dist/AppSwitcher/Action/Action.styles.js +44 -48
- package/dist/AppSwitcher/AppSwitcher.js +70 -98
- package/dist/AppSwitcher/AppSwitcher.styles.js +50 -53
- package/dist/Avatar/Avatar.js +66 -111
- package/dist/Avatar/Avatar.styles.js +62 -52
- package/dist/AvatarGroup/AvatarGroup.js +49 -78
- package/dist/AvatarGroup/AvatarGroup.styles.js +40 -60
- package/dist/AvatarGroup/AvatarGroupContext.js +13 -16
- package/dist/Badge/Badge.js +40 -49
- package/dist/Badge/Badge.styles.js +50 -50
- package/dist/Banner/Banner.js +51 -83
- package/dist/Banner/Banner.styles.js +13 -22
- package/dist/Banner/BannerContent/BannerContent.js +35 -56
- package/dist/Banner/BannerContent/BannerContent.styles.js +31 -36
- package/dist/BaseCheckBox/BaseCheckBox.js +71 -88
- package/dist/BaseCheckBox/BaseCheckBox.styles.js +24 -31
- package/dist/BaseCheckBox/CheckBoxIcon.js +57 -73
- package/dist/BaseDropdown/BaseDropdown.js +147 -189
- package/dist/BaseDropdown/BaseDropdown.styles.js +72 -84
- package/dist/BaseDropdown/BaseDropdownPanel.js +69 -86
- package/dist/BaseDropdown/utils.js +77 -76
- package/dist/BaseInput/BaseInput.js +53 -89
- package/dist/BaseInput/BaseInput.styles.js +85 -105
- package/dist/BaseInput/validations.js +72 -69
- package/dist/BaseRadio/BaseRadio.js +61 -85
- package/dist/BaseRadio/BaseRadio.styles.js +26 -31
- package/dist/BaseRadio/RadioIcon.js +43 -48
- package/dist/BaseSwitch/BaseSwitch.js +70 -108
- package/dist/BaseSwitch/BaseSwitch.styles.js +94 -113
- package/dist/BreadCrumb/BreadCrumb.js +84 -106
- package/dist/BreadCrumb/BreadCrumb.styles.js +20 -17
- package/dist/BreadCrumb/Page/Page.js +24 -34
- package/dist/BreadCrumb/Page/Page.styles.js +20 -25
- package/dist/BreadCrumb/PathElement/PathElement.js +17 -17
- package/dist/BreadCrumb/PathElement/PathElement.styles.js +9 -7
- package/dist/BreadCrumb/utils.js +19 -27
- package/dist/BulkActions/BulkActions.js +57 -96
- package/dist/BulkActions/BulkActions.styles.js +37 -45
- package/dist/Button/Button.js +67 -95
- package/dist/Button/Button.styles.js +107 -124
- package/dist/ButtonBase/ButtonBase.js +32 -51
- package/dist/ButtonBase/ButtonBase.styles.js +21 -30
- package/dist/Calendar/Calendar.js +73 -101
- package/dist/Calendar/Calendar.styles.js +14 -32
- package/dist/Calendar/CalendarHeader/CalendarHeader.js +91 -118
- package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js +11 -16
- package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js +36 -50
- package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.js +12 -18
- package/dist/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js +23 -43
- package/dist/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.js +21 -24
- package/dist/Calendar/CalendarNavigation/Navigation/Navigation.js +43 -59
- package/dist/Calendar/CalendarNavigation/Navigation/Navigation.styles.js +21 -24
- package/dist/Calendar/SingleCalendar/CalendarCell.js +60 -84
- package/dist/Calendar/SingleCalendar/CalendarCell.styles.js +39 -56
- package/dist/Calendar/SingleCalendar/SingleCalendar.js +121 -154
- package/dist/Calendar/SingleCalendar/SingleCalendar.styles.js +53 -68
- package/dist/Calendar/model.js +45 -62
- package/dist/Calendar/utils.js +233 -128
- package/dist/Card/Card.js +35 -53
- package/dist/Card/Card.styles.js +37 -50
- package/dist/Card/Content/Content.js +15 -27
- package/dist/Card/Content/Content.styles.js +5 -10
- package/dist/Card/Header/Header.js +22 -35
- package/dist/Card/Header/Header.styles.js +22 -25
- package/dist/Card/Media/Media.js +16 -26
- package/dist/Card/Media/Media.styles.js +6 -7
- package/dist/Carousel/Carousel.js +179 -207
- package/dist/Carousel/Carousel.styles.js +141 -166
- package/dist/Carousel/CarouselControls.js +48 -62
- package/dist/Carousel/CarouselSlide/CarouselSlide.js +19 -25
- package/dist/Carousel/CarouselSlide/CarouselSlide.styles.js +10 -11
- package/dist/Carousel/CarouselThumbnails.js +29 -36
- package/dist/CheckBox/CheckBox.js +112 -182
- package/dist/CheckBox/CheckBox.styles.js +48 -57
- package/dist/CheckBoxGroup/CheckBoxGroup.js +154 -245
- package/dist/CheckBoxGroup/CheckBoxGroup.styles.js +29 -35
- package/dist/ColorPicker/ColorPicker.js +146 -222
- package/dist/ColorPicker/ColorPicker.styles.js +40 -45
- package/dist/ColorPicker/Picker/Fields.js +125 -141
- package/dist/ColorPicker/Picker/Picker.js +51 -50
- package/dist/ColorPicker/Picker/Picker.styles.js +42 -42
- package/dist/ColorPicker/PresetColors/PresetColors.js +25 -28
- package/dist/ColorPicker/PresetColors/PresetColors.styles.js +17 -17
- package/dist/ColorPicker/SavedColors/SavedColors.js +37 -41
- package/dist/ColorPicker/SavedColors/SavedColors.styles.js +27 -29
- package/dist/ColorPicker/Swatch.js +22 -37
- package/dist/Container/Container.js +37 -58
- package/dist/Container/Container.styles.js +12 -13
- package/dist/Controls/Controls.js +50 -74
- package/dist/Controls/Controls.styles.js +16 -13
- package/dist/Controls/LeftControl/LeftControl.js +25 -38
- package/dist/Controls/LeftControl/LeftControl.styles.js +7 -7
- package/dist/Controls/RightControl/RightControl.js +31 -46
- package/dist/Controls/RightControl/RightControl.styles.js +9 -7
- package/dist/Controls/context/ControlsContext.js +5 -6
- package/dist/DatePicker/DatePicker.js +286 -339
- package/dist/DatePicker/DatePicker.styles.js +25 -40
- package/dist/DatePicker/useVisibleDate.js +142 -126
- package/dist/DatePicker/utils.js +17 -26
- package/dist/Dialog/Actions/Actions.js +19 -29
- package/dist/Dialog/Actions/Actions.styles.js +20 -20
- package/dist/Dialog/Content/Content.js +29 -46
- package/dist/Dialog/Content/Content.styles.js +14 -15
- package/dist/Dialog/Dialog.js +49 -69
- package/dist/Dialog/Dialog.styles.js +33 -46
- package/dist/Dialog/Title/Title.js +20 -42
- package/dist/Dialog/Title/Title.styles.js +14 -16
- package/dist/Dialog/context.js +5 -6
- package/dist/DotPagination/DotPagination.js +44 -59
- package/dist/DotPagination/DotPagination.styles.js +44 -47
- package/dist/Drawer/Drawer.js +37 -64
- package/dist/Drawer/Drawer.styles.js +18 -21
- package/dist/DropDownMenu/DropDownMenu.js +88 -124
- package/dist/DropDownMenu/DropDownMenu.styles.js +12 -21
- package/dist/Dropdown/Dropdown.js +221 -310
- package/dist/Dropdown/Dropdown.styles.js +39 -48
- package/dist/Dropdown/List/List.js +194 -176
- package/dist/Dropdown/List/List.styles.js +23 -24
- package/dist/Dropdown/utils.js +15 -16
- package/dist/DropdownButton/DropdownButton.js +42 -46
- package/dist/DropdownButton/DropdownButton.styles.js +37 -47
- package/dist/EmptyState/EmptyState.js +48 -61
- package/dist/EmptyState/EmptyState.styles.js +31 -31
- package/dist/FileUploader/DropZone/DropZone.js +141 -179
- package/dist/FileUploader/DropZone/DropZone.styles.js +55 -68
- package/dist/FileUploader/File/File.js +85 -75
- package/dist/FileUploader/File/File.styles.js +55 -60
- package/dist/FileUploader/FileList/FileList.js +19 -28
- package/dist/FileUploader/FileList/FileList.styles.js +15 -16
- package/dist/FileUploader/FileUploader.js +35 -55
- package/dist/FileUploader/FileUploader.styles.js +4 -7
- package/dist/FileUploader/Preview/Preview.js +37 -52
- package/dist/FileUploader/Preview/Preview.styles.js +22 -28
- package/dist/FileUploader/utils.js +24 -11
- package/dist/FilterGroup/Counter/Counter.js +31 -43
- package/dist/FilterGroup/Counter/Counter.styles.js +12 -15
- package/dist/FilterGroup/FilterContent/FilterContent.js +138 -177
- package/dist/FilterGroup/FilterContent/FilterContent.styles.js +46 -53
- package/dist/FilterGroup/FilterContent/HeaderButton.js +77 -100
- package/dist/FilterGroup/FilterGroup.js +87 -136
- package/dist/FilterGroup/FilterGroup.styles.js +9 -10
- package/dist/FilterGroup/FilterGroupContext.js +68 -73
- package/dist/FilterGroup/LeftPanel/LeftPanel.js +28 -31
- package/dist/FilterGroup/LeftPanel/LeftPanel.styles.js +6 -11
- package/dist/FilterGroup/RightPanel/RightPanel.js +118 -151
- package/dist/FilterGroup/RightPanel/RightPanel.styles.js +17 -27
- package/dist/Focus/Focus.js +248 -344
- package/dist/Focus/Focus.styles.js +28 -39
- package/dist/Focus/utils.js +14 -20
- package/dist/Footer/Footer.js +36 -38
- package/dist/Footer/Footer.styles.js +40 -43
- package/dist/FormElement/Adornment/Adornment.js +38 -49
- package/dist/FormElement/Adornment/Adornment.styles.js +14 -15
- package/dist/FormElement/CharCounter/CharCounter.js +51 -73
- package/dist/FormElement/CharCounter/CharCounter.styles.js +12 -10
- package/dist/FormElement/FormElement.js +53 -31
- package/dist/FormElement/FormElement.styles.js +4 -7
- package/dist/FormElement/InfoMessage/InfoMessage.js +26 -41
- package/dist/FormElement/InfoMessage/InfoMessage.styles.js +11 -9
- package/dist/FormElement/Label/Label.js +33 -56
- package/dist/FormElement/Label/Label.styles.js +11 -9
- package/dist/FormElement/LabelContainer.js +46 -55
- package/dist/FormElement/Suggestions/Suggestions.js +46 -71
- package/dist/FormElement/Suggestions/Suggestions.styles.js +9 -16
- package/dist/FormElement/WarningText/WarningText.js +41 -62
- package/dist/FormElement/WarningText/WarningText.styles.js +25 -28
- package/dist/FormElement/context.js +6 -10
- package/dist/FormElement/utils.js +54 -58
- package/dist/GlobalActions/GlobalActions.js +53 -59
- package/dist/GlobalActions/GlobalActions.styles.js +67 -76
- package/dist/Grid/Grid.js +82 -112
- package/dist/Grid/Grid.styles.js +37 -38
- package/dist/Header/Actions/Actions.js +15 -17
- package/dist/Header/Actions/Actions.styles.js +12 -15
- package/dist/Header/Brand/Brand.js +27 -23
- package/dist/Header/Brand/Brand.styles.js +16 -14
- package/dist/Header/Header.js +22 -31
- package/dist/Header/Header.styles.js +32 -30
- package/dist/Header/Navigation/MenuBar/Bar.js +23 -36
- package/dist/Header/Navigation/MenuBar/Bar.styles.js +54 -61
- package/dist/Header/Navigation/MenuBar/MenuBar.js +20 -26
- package/dist/Header/Navigation/MenuItem/MenuItem.js +104 -120
- package/dist/Header/Navigation/MenuItem/MenuItem.styles.js +48 -63
- package/dist/Header/Navigation/Navigation.js +32 -37
- package/dist/Header/Navigation/Navigation.styles.js +11 -17
- package/dist/Header/Navigation/useSelectionPath.js +17 -20
- package/dist/Header/Navigation/utils/FocusContext.js +23 -20
- package/dist/Header/Navigation/utils/SelectionContext.js +4 -4
- package/dist/IconButton/IconButton.js +25 -32
- package/dist/IconContainer/IconContainer.js +55 -76
- package/dist/InlineEditor/InlineEditor.js +105 -131
- package/dist/InlineEditor/InlineEditor.styles.js +44 -53
- package/dist/Input/Input.js +385 -461
- package/dist/Input/Input.styles.js +34 -47
- package/dist/Input/icons.js +16 -21
- package/dist/Input/utils.js +8 -11
- package/dist/List/List.js +196 -247
- package/dist/List/List.styles.js +44 -49
- package/dist/List/useSelectableList.js +11 -8
- package/dist/List/utils.js +24 -33
- package/dist/ListContainer/ListContainer.js +52 -65
- package/dist/ListContainer/ListContainer.styles.js +7 -10
- package/dist/ListContainer/ListContext/ListContext.js +4 -4
- package/dist/ListContainer/ListItem/ListItem.js +79 -117
- package/dist/ListContainer/ListItem/ListItem.styles.js +57 -78
- package/dist/Loading/Loading.js +31 -46
- package/dist/Loading/Loading.styles.js +41 -48
- package/dist/LoadingContainer/LoadingContainer.js +34 -40
- package/dist/LoadingContainer/LoadingContainer.styles.js +17 -18
- package/dist/Login/Login.js +22 -29
- package/dist/Login/Login.styles.js +20 -21
- package/dist/MultiButton/MultiButton.js +41 -59
- package/dist/MultiButton/MultiButton.styles.js +117 -137
- package/dist/NumberInput/NumberInput.js +51 -50
- package/dist/NumberInput/NumberInput.styles.js +5 -10
- package/dist/OverflowTooltip/OverflowTooltip.js +55 -75
- package/dist/OverflowTooltip/OverflowTooltip.styles.js +19 -23
- package/dist/Pagination/Pagination.js +176 -164
- package/dist/Pagination/Pagination.styles.js +86 -90
- package/dist/Pagination/Select.js +51 -60
- package/dist/Pagination/Select.styles.js +13 -19
- package/dist/Panel/Panel.js +19 -20
- package/dist/Panel/Panel.styles.js +12 -15
- package/dist/ProgressBar/ProgressBar.js +40 -53
- package/dist/ProgressBar/ProgressBar.styles.js +28 -40
- package/dist/QueryBuilder/ConfirmationDialog.js +35 -28
- package/dist/QueryBuilder/Context.js +308 -322
- package/dist/QueryBuilder/QueryBuilder.js +108 -137
- package/dist/QueryBuilder/QueryBuilder.styles.js +117 -108
- package/dist/QueryBuilder/Rule/Attribute.js +56 -63
- package/dist/QueryBuilder/Rule/Operator.js +53 -58
- package/dist/QueryBuilder/Rule/Rule.js +70 -88
- package/dist/QueryBuilder/Rule/Rule.styles.js +49 -56
- package/dist/QueryBuilder/RuleGroup.js +160 -206
- package/dist/QueryBuilder/Value/BooleanValue.js +38 -37
- package/dist/QueryBuilder/Value/DateTimeValue.js +233 -299
- package/dist/QueryBuilder/Value/EmptyValue.js +14 -14
- package/dist/QueryBuilder/Value/NumericValue.js +152 -204
- package/dist/QueryBuilder/Value/TextValue.js +38 -54
- package/dist/QueryBuilder/Value/Value.js +42 -67
- package/dist/QueryBuilder/types.js +4 -4
- package/dist/QueryBuilder/utils/index.js +40 -74
- package/dist/QueryBuilder/utils/reducer.js +86 -92
- package/dist/Radio/Radio.js +96 -145
- package/dist/Radio/Radio.styles.js +47 -55
- package/dist/RadioGroup/RadioGroup.js +98 -159
- package/dist/RadioGroup/RadioGroup.styles.js +28 -34
- package/dist/ScrollToHorizontal/HorizontalScrollListItem/HorizontalScrollListItem.js +34 -51
- package/dist/ScrollToHorizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js +39 -48
- package/dist/ScrollToHorizontal/ScrollToHorizontal.js +56 -91
- package/dist/ScrollToHorizontal/ScrollToHorizontal.styles.js +28 -32
- package/dist/ScrollToVertical/ScrollToVertical.js +45 -77
- package/dist/ScrollToVertical/ScrollToVertical.styles.js +31 -38
- package/dist/ScrollToVertical/VerticalScrollListItem/VerticalScrollListItem.js +30 -39
- package/dist/ScrollToVertical/VerticalScrollListItem/VerticalScrollListItem.styles.js +44 -51
- package/dist/SearchInput/SearchInput.js +27 -25
- package/dist/SearchInput/SearchInput.styles.js +6 -7
- package/dist/Section/Section.js +69 -104
- package/dist/Section/Section.styles.js +53 -57
- package/dist/Select/Option.js +29 -46
- package/dist/Select/OptionGroup.js +18 -30
- package/dist/Select/Select.js +163 -219
- package/dist/Select/Select.styles.js +26 -32
- package/dist/SelectionList/SelectionList.js +162 -216
- package/dist/SelectionList/SelectionList.styles.js +36 -36
- package/dist/SimpleGrid/SimpleGrid.js +16 -27
- package/dist/SimpleGrid/SimpleGrid.styles.js +28 -39
- package/dist/Skeleton/Skeleton.js +26 -44
- package/dist/Skeleton/Skeleton.styles.js +43 -66
- package/dist/Slider/Slider.js +316 -431
- package/dist/Slider/Slider.styles.js +183 -216
- package/dist/Slider/SliderInput/SliderInput.js +38 -57
- package/dist/Slider/SliderInput/SliderInput.styles.js +13 -14
- package/dist/Slider/base.js +221 -243
- package/dist/Slider/utils.js +247 -233
- package/dist/Snackbar/Snackbar.js +59 -88
- package/dist/Snackbar/Snackbar.styles.js +25 -42
- package/dist/Snackbar/SnackbarContent/SnackbarContent.js +31 -50
- package/dist/Snackbar/SnackbarContent/SnackbarContent.styles.js +27 -30
- package/dist/SnackbarProvider/SnackbarProvider.js +73 -105
- package/dist/SnackbarProvider/SnackbarProvider.styles.js +20 -26
- package/dist/Stack/Stack.js +74 -84
- package/dist/Stack/Stack.styles.js +14 -33
- package/dist/StatusIcon/StatusIcon.js +78 -102
- package/dist/StatusIcon/StatusIcon.styles.js +42 -52
- package/dist/Switch/Switch.js +91 -138
- package/dist/Switch/Switch.styles.js +49 -60
- package/dist/Table/Table.js +62 -66
- package/dist/Table/Table.styles.js +23 -28
- package/dist/Table/TableBody/TableBody.js +45 -56
- package/dist/Table/TableBody/TableBody.styles.js +8 -7
- package/dist/Table/TableCell/TableCell.js +37 -66
- package/dist/Table/TableCell/TableCell.styles.js +125 -162
- package/dist/Table/TableContainer/TableContainer.js +18 -28
- package/dist/Table/TableContainer/TableContainer.styles.js +8 -12
- package/dist/Table/TableContext.js +4 -4
- package/dist/Table/TableHead/TableHead.js +27 -39
- package/dist/Table/TableHead/TableHead.styles.js +10 -7
- package/dist/Table/TableHeader/TableHeader.js +73 -124
- package/dist/Table/TableHeader/TableHeader.styles.js +135 -150
- package/dist/Table/TableHeader/utils.js +11 -15
- package/dist/Table/TableRow/TableRow.js +32 -51
- package/dist/Table/TableRow/TableRow.styles.js +64 -84
- package/dist/Table/TableSection/TableSection.js +21 -20
- package/dist/Table/TableSection/TableSection.styles.js +63 -96
- package/dist/Table/TableSectionContext.js +4 -4
- package/dist/Table/hooks/useHvBulkActions.js +54 -89
- package/dist/Table/hooks/useHvFilters.js +4 -4
- package/dist/Table/hooks/useHvGlobalFilter.js +4 -4
- package/dist/Table/hooks/useHvHeaderGroups.js +73 -82
- package/dist/Table/hooks/useHvPagination.js +31 -51
- package/dist/Table/hooks/useHvResizeColumns.js +25 -31
- package/dist/Table/hooks/useHvRowExpand.js +54 -69
- package/dist/Table/hooks/useHvRowSelection.js +294 -420
- package/dist/Table/hooks/useHvRowState.js +4 -4
- package/dist/Table/hooks/useHvSortBy.js +23 -30
- package/dist/Table/hooks/useHvSticky.js +114 -154
- package/dist/Table/hooks/useHvTable.js +40 -64
- package/dist/Table/hooks/useHvTableStyles.js +51 -82
- package/dist/Table/renderers/DateColumnCell.js +12 -13
- package/dist/Table/renderers/DefaultCell.js +13 -20
- package/dist/Table/renderers/DropdownColumnCell.js +4 -4
- package/dist/Table/renderers/ProgressColumnCell.js +43 -47
- package/dist/Table/renderers/SwitchColumnCell.js +37 -50
- package/dist/Table/renderers/renderers.js +146 -183
- package/dist/Tabs/Tab/Tab.js +21 -31
- package/dist/Tabs/Tab/Tab.styles.js +44 -54
- package/dist/Tabs/Tabs.js +23 -28
- package/dist/Tabs/Tabs.styles.js +9 -14
- package/dist/Tag/Tag.js +86 -129
- package/dist/Tag/Tag.styles.js +63 -88
- package/dist/TagsInput/TagsInput.js +349 -417
- package/dist/TagsInput/TagsInput.styles.js +77 -90
- package/dist/TextArea/TextArea.js +207 -274
- package/dist/TextArea/TextArea.styles.js +25 -20
- package/dist/TimeAgo/TimeAgo.js +24 -30
- package/dist/TimeAgo/TimeAgo.styles.js +4 -7
- package/dist/TimeAgo/formatUtils.js +57 -65
- package/dist/TimeAgo/useTimeAgo.js +18 -18
- package/dist/TimeAgo/useTimeout.js +14 -14
- package/dist/TimePicker/Placeholder.js +46 -52
- package/dist/TimePicker/TimePicker.js +164 -214
- package/dist/TimePicker/TimePicker.styles.js +30 -39
- package/dist/TimePicker/Unit/Unit.js +63 -49
- package/dist/TimePicker/Unit/Unit.styles.js +41 -46
- package/dist/ToggleButton/ToggleButton.js +25 -34
- package/dist/Tooltip/Tooltip.js +41 -51
- package/dist/Tooltip/Tooltip.styles.js +25 -26
- package/dist/TreeView/TreeItem/DefaultContent.js +51 -72
- package/dist/TreeView/TreeItem/TreeItem.js +102 -140
- package/dist/TreeView/TreeItem/TreeItem.styles.js +56 -70
- package/dist/TreeView/TreeItem/useHvTreeItem.js +38 -53
- package/dist/TreeView/TreeView.js +65 -62
- package/dist/TreeView/TreeView.styles.js +11 -13
- package/dist/TreeView/internals/DescendantProvider.js +120 -120
- package/dist/TreeView/internals/TreeViewProvider.js +32 -26
- package/dist/TreeView/internals/corePlugins.js +8 -4
- package/dist/TreeView/internals/hooks/plugins/defaultPlugins.js +10 -10
- package/dist/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.js +20 -22
- package/dist/TreeView/internals/hooks/plugins/useTreeViewExpansion.js +39 -61
- package/dist/TreeView/internals/hooks/plugins/useTreeViewFocus.js +56 -80
- package/dist/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.js +149 -211
- package/dist/TreeView/internals/hooks/plugins/useTreeViewNodes.js +42 -68
- package/dist/TreeView/internals/hooks/plugins/useTreeViewSelection.js +162 -195
- package/dist/TreeView/internals/hooks/useInstanceEventHandler.js +52 -74
- package/dist/TreeView/internals/hooks/useTreeView.js +54 -69
- package/dist/TreeView/internals/hooks/useTreeViewInstanceEvents.js +28 -33
- package/dist/TreeView/internals/hooks/useTreeViewModels.js +34 -43
- package/dist/TreeView/internals/hooks/utils.js +28 -42
- package/dist/TreeView/internals/utils/EventManager.js +49 -58
- package/dist/TreeView/internals/utils/FinalizationRegistryBasedCleanupTracking.js +14 -18
- package/dist/TreeView/internals/utils/TimerBasedCleanupTracking.js +33 -37
- package/dist/TreeView/internals/utils/publishTreeViewEvent.js +5 -5
- package/dist/Typography/Typography.js +34 -51
- package/dist/Typography/Typography.styles.js +20 -23
- package/dist/VerticalNavigation/Actions/Action.js +23 -42
- package/dist/VerticalNavigation/Actions/Action.styles.js +21 -28
- package/dist/VerticalNavigation/Actions/Actions.js +15 -31
- package/dist/VerticalNavigation/Actions/Actions.styles.js +13 -19
- package/dist/VerticalNavigation/Header/Header.js +51 -91
- package/dist/VerticalNavigation/Header/Header.styles.js +22 -32
- package/dist/VerticalNavigation/Navigation/Navigation.js +183 -267
- package/dist/VerticalNavigation/Navigation/Navigation.styles.js +14 -24
- package/dist/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js +9 -17
- package/dist/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js +30 -32
- package/dist/VerticalNavigation/NavigationSlider/NavigationSlider.js +45 -63
- package/dist/VerticalNavigation/NavigationSlider/NavigationSlider.styles.js +23 -33
- package/dist/VerticalNavigation/NavigationSlider/utils.js +56 -39
- package/dist/VerticalNavigation/TreeView/TreeView.js +515 -664
- package/dist/VerticalNavigation/TreeView/TreeView.styles.js +10 -16
- package/dist/VerticalNavigation/TreeView/TreeViewContext.js +5 -6
- package/dist/VerticalNavigation/TreeView/TreeViewItem.js +319 -414
- package/dist/VerticalNavigation/TreeView/TreeViewItem.styles.js +91 -143
- package/dist/VerticalNavigation/VerticalNavigation.js +70 -97
- package/dist/VerticalNavigation/VerticalNavigation.styles.js +31 -45
- package/dist/VerticalNavigation/VerticalNavigationContext.js +8 -10
- package/dist/hooks/useClickOutside.js +21 -23
- package/dist/hooks/useComputation.js +13 -13
- package/dist/hooks/useControlled.js +10 -17
- package/dist/hooks/useEnhancedEffect.js +5 -5
- package/dist/hooks/useExpandable.js +24 -31
- package/dist/hooks/useFocus.js +31 -34
- package/dist/hooks/useForkRef.js +19 -19
- package/dist/hooks/useImageLoaded.js +26 -26
- package/dist/hooks/useIsMounted.js +13 -13
- package/dist/hooks/useLabels.js +7 -7
- package/dist/hooks/useScrollTo.js +101 -130
- package/dist/hooks/useUniqueId.js +6 -6
- package/dist/hooks/useWidth.js +10 -13
- package/dist/icons.js +77 -88
- package/dist/index.d.ts +8 -8
- package/dist/index.js +226 -554
- package/dist/providers/Provider.js +44 -75
- package/dist/providers/ThemeProvider.js +79 -71
- package/dist/providers/utils.js +40 -47
- package/dist/themes/index.js +6 -5
- package/dist/themes/next.js +132 -271
- package/dist/themes/pentaho.js +832 -1173
- package/dist/types/generic.js +5 -4
- package/dist/utils/Callout.js +123 -171
- package/dist/utils/CounterLabel.js +14 -15
- package/dist/utils/deepMerge.js +13 -15
- package/dist/utils/document.js +8 -8
- package/dist/utils/focusUtils.js +6 -7
- package/dist/utils/focusableElementFinder.js +23 -26
- package/dist/utils/helpers.js +15 -23
- package/dist/utils/iconVariant.js +15 -12
- package/dist/utils/keyboardUtils.js +28 -28
- package/dist/utils/multiSelectionEventHandler.js +37 -52
- package/dist/utils/scroll.js +50 -76
- package/dist/utils/setId.js +4 -4
- package/dist/utils/theme.js +11 -8
- package/dist/utils/useSavedState.js +19 -16
- package/package.json +5 -5
|
@@ -1,443 +1,317 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo, useCallback } from "react";
|
|
3
|
-
import { actions, ensurePluginOrder, useGetLatest, useMountedLayoutEffect, makePropGetter } from "react-table";
|
|
4
1
|
import { useLabels } from "../../hooks/useLabels.js";
|
|
5
2
|
import { HvCheckBox } from "../../CheckBox/CheckBox.js";
|
|
3
|
+
import { useCallback, useMemo } from "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { actions, ensurePluginOrder, makePropGetter, useGetLatest, useMountedLayoutEffect } from "react-table";
|
|
6
|
+
//#region src/Table/hooks/useHvRowSelection.tsx
|
|
6
7
|
actions.resetSelectedRows = "resetSelectedRows";
|
|
7
8
|
actions.toggleAllRowsSelected = "toggleAllRowsSelected";
|
|
8
9
|
actions.toggleRowSelected = "toggleRowSelected";
|
|
9
10
|
actions.toggleAllPageRowsSelected = "toggleAllPageRowsSelected";
|
|
10
11
|
actions.resetLockedSelectionRows = "resetLockedSelectionRows";
|
|
11
12
|
actions.toggleRowLockedSelection = "toggleRowLockedSelection";
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
var DEFAULT_LABELS = { selectRowCheckBoxAriaLabel: "Select this row" };
|
|
14
|
+
var hideHeaderVariants = ["checkbox", "actions"];
|
|
15
|
+
var CellWithCheckBox = ({ row, labels: labelsProp }) => {
|
|
16
|
+
const labels = useLabels(DEFAULT_LABELS, labelsProp);
|
|
17
|
+
const { onChange, checked, disabled, indeterminate } = row.getToggleRowSelectedProps();
|
|
18
|
+
return /* @__PURE__ */ jsx(HvCheckBox, {
|
|
19
|
+
onChange,
|
|
20
|
+
checked,
|
|
21
|
+
disabled,
|
|
22
|
+
indeterminate,
|
|
23
|
+
"aria-label": labels.selectRowCheckBoxAriaLabel
|
|
24
|
+
});
|
|
14
25
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
disabled,
|
|
25
|
-
indeterminate,
|
|
26
|
-
"aria-label": labels.selectRowCheckBoxAriaLabel
|
|
27
|
-
}
|
|
28
|
-
);
|
|
26
|
+
var visibleColumnsHook = (columns) => {
|
|
27
|
+
return [{
|
|
28
|
+
id: "_hv_selection",
|
|
29
|
+
variant: "checkbox",
|
|
30
|
+
width: 32,
|
|
31
|
+
sticky: "left",
|
|
32
|
+
disableGlobalFilter: true,
|
|
33
|
+
Cell: CellWithCheckBox
|
|
34
|
+
}, ...columns];
|
|
29
35
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
width: 32,
|
|
35
|
-
// this will only work when using useHvTableSticky
|
|
36
|
-
// but ensures it stays left of any sticky column
|
|
37
|
-
sticky: "left",
|
|
38
|
-
disableGlobalFilter: true,
|
|
39
|
-
Cell: CellWithCheckBox
|
|
40
|
-
};
|
|
41
|
-
return [selectionColumn, ...columns];
|
|
36
|
+
var getHeaderPropsHook = (props, { column }) => {
|
|
37
|
+
const nextProps = {};
|
|
38
|
+
if (hideHeaderVariants.includes(column.variant)) nextProps["aria-hidden"] = true;
|
|
39
|
+
return [props, nextProps];
|
|
42
40
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
if (hideHeaderVariants.includes(column.variant)) {
|
|
46
|
-
nextProps["aria-hidden"] = true;
|
|
47
|
-
}
|
|
48
|
-
return [props, nextProps];
|
|
41
|
+
var getRowPropsHook = (props, { row }) => {
|
|
42
|
+
return [props, { selected: row.isSelected }];
|
|
49
43
|
};
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
var defaultGetToggleRowSelectedProps = (props, meta) => {
|
|
45
|
+
const { instance, row } = meta;
|
|
46
|
+
const { manualRowSelectedKey = "isSelected" } = instance;
|
|
47
|
+
let checked = false;
|
|
48
|
+
if (row.original?.[manualRowSelectedKey]) checked = true;
|
|
49
|
+
else checked = row.isSelected;
|
|
50
|
+
return [props, {
|
|
51
|
+
onChange: (e, check) => {
|
|
52
|
+
row.toggleRowSelected(check ?? e?.target?.checked);
|
|
53
|
+
},
|
|
54
|
+
disabled: row.isSelectionLocked,
|
|
55
|
+
checked,
|
|
56
|
+
indeterminate: row.isSomeSelected
|
|
57
|
+
}];
|
|
55
58
|
};
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
},
|
|
71
|
-
disabled: row.isSelectionLocked,
|
|
72
|
-
checked,
|
|
73
|
-
indeterminate: row.isSomeSelected
|
|
74
|
-
}
|
|
75
|
-
];
|
|
76
|
-
};
|
|
77
|
-
const defaultGetToggleAllRowsSelectedProps = (props, { instance }) => [
|
|
78
|
-
props,
|
|
79
|
-
{
|
|
80
|
-
onChange: (e) => {
|
|
81
|
-
instance.toggleAllRowsSelected(e.target.checked);
|
|
82
|
-
},
|
|
83
|
-
checked: instance.isAllRowsSelected,
|
|
84
|
-
indeterminate: Boolean(
|
|
85
|
-
!instance.isAllRowsSelected && Object.keys(instance.state.selectedRowIds).length
|
|
86
|
-
)
|
|
87
|
-
}
|
|
88
|
-
];
|
|
89
|
-
const defaultGetToggleAllPageRowsSelectedProps = (props, { instance }) => [
|
|
90
|
-
props,
|
|
91
|
-
{
|
|
92
|
-
onChange(e) {
|
|
93
|
-
instance.toggleAllPageRowsSelected(e.target.checked);
|
|
94
|
-
},
|
|
95
|
-
checked: instance.isAllPageRowsSelected,
|
|
96
|
-
indeterminate: Boolean(
|
|
97
|
-
!instance.isAllPageRowsSelected && instance.page.some(({ id }) => instance.state.selectedRowIds[id])
|
|
98
|
-
)
|
|
99
|
-
}
|
|
100
|
-
];
|
|
59
|
+
var defaultGetToggleAllRowsSelectedProps = (props, { instance }) => [props, {
|
|
60
|
+
onChange: (e) => {
|
|
61
|
+
instance.toggleAllRowsSelected(e.target.checked);
|
|
62
|
+
},
|
|
63
|
+
checked: instance.isAllRowsSelected,
|
|
64
|
+
indeterminate: Boolean(!instance.isAllRowsSelected && Object.keys(instance.state.selectedRowIds).length)
|
|
65
|
+
}];
|
|
66
|
+
var defaultGetToggleAllPageRowsSelectedProps = (props, { instance }) => [props, {
|
|
67
|
+
onChange(e) {
|
|
68
|
+
instance.toggleAllPageRowsSelected(e.target.checked);
|
|
69
|
+
},
|
|
70
|
+
checked: instance.isAllPageRowsSelected,
|
|
71
|
+
indeterminate: Boolean(!instance.isAllPageRowsSelected && instance.page.some(({ id }) => instance.state.selectedRowIds[id]))
|
|
72
|
+
}];
|
|
101
73
|
function reducer(state, action, previousState, instance) {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
if (!isSelectionLocked && !row.isGrouped) {
|
|
196
|
-
if (selectAll) {
|
|
197
|
-
newSelectedRowIds[rowId] = true;
|
|
198
|
-
} else {
|
|
199
|
-
delete newSelectedRowIds[rowId];
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
if (selectSubRows && getSubRows(row)) {
|
|
203
|
-
getSubRows(row).forEach((subrow) => {
|
|
204
|
-
handleRowById(subrow.id);
|
|
205
|
-
});
|
|
206
|
-
}
|
|
207
|
-
};
|
|
208
|
-
page.forEach((row) => handleRowById(row.id));
|
|
209
|
-
return {
|
|
210
|
-
...state,
|
|
211
|
-
selectedRowIds: newSelectedRowIds
|
|
212
|
-
};
|
|
213
|
-
}
|
|
214
|
-
if (action.type === actions.resetLockedSelectionRows) {
|
|
215
|
-
return {
|
|
216
|
-
...state,
|
|
217
|
-
lockedSelectionRowIds: instance.initialState.lockedSelectionRowIds || {}
|
|
218
|
-
};
|
|
219
|
-
}
|
|
220
|
-
if (action.type === actions.toggleRowLockedSelection) {
|
|
221
|
-
const { id, value: setLockedSelection } = action;
|
|
222
|
-
const { rowsById, selectSubRows = true, getSubRows } = instance;
|
|
223
|
-
const isLockedSelection = state.lockedSelectionRowIds[id];
|
|
224
|
-
const shouldExist = setLockedSelection ?? !isLockedSelection;
|
|
225
|
-
if (isLockedSelection === shouldExist) {
|
|
226
|
-
return state;
|
|
227
|
-
}
|
|
228
|
-
const newLockedSelectionRowIds = { ...state.lockedSelectionRowIds };
|
|
229
|
-
const handleRowById = (rowId) => {
|
|
230
|
-
const row = rowsById[rowId];
|
|
231
|
-
if (!row.isGrouped) {
|
|
232
|
-
if (shouldExist) {
|
|
233
|
-
newLockedSelectionRowIds[rowId] = true;
|
|
234
|
-
} else {
|
|
235
|
-
delete newLockedSelectionRowIds[rowId];
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
if (selectSubRows && getSubRows(row)) {
|
|
239
|
-
getSubRows(row).forEach((subrow) => {
|
|
240
|
-
handleRowById(subrow.id);
|
|
241
|
-
});
|
|
242
|
-
}
|
|
243
|
-
};
|
|
244
|
-
handleRowById(id);
|
|
245
|
-
return {
|
|
246
|
-
...state,
|
|
247
|
-
lockedSelectionRowIds: newLockedSelectionRowIds
|
|
248
|
-
};
|
|
249
|
-
}
|
|
250
|
-
return state;
|
|
74
|
+
if (action.type === actions.init) return {
|
|
75
|
+
selectedRowIds: {},
|
|
76
|
+
lockedSelectionRowIds: {},
|
|
77
|
+
...state
|
|
78
|
+
};
|
|
79
|
+
if (action.type === actions.resetSelectedRows) return {
|
|
80
|
+
...state,
|
|
81
|
+
selectedRowIds: instance.initialState.selectedRowIds || {}
|
|
82
|
+
};
|
|
83
|
+
if (action.type === actions.toggleAllRowsSelected) {
|
|
84
|
+
const { value: setSelected } = action;
|
|
85
|
+
const { isAllRowsSelected, rowsById, initialRowsById, nonGroupedRowsById = rowsById, applyToggleAllRowsSelectedToPrefilteredRows } = instance;
|
|
86
|
+
const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
|
|
87
|
+
const selectAll = setSelected ?? !isAllRowsSelected;
|
|
88
|
+
const selectedRowIds = { ...state.selectedRowIds };
|
|
89
|
+
if (selectAll) Object.keys(rowsToSelect).forEach((rowId) => {
|
|
90
|
+
if (!state.lockedSelectionRowIds[rowId]) selectedRowIds[rowId] = true;
|
|
91
|
+
});
|
|
92
|
+
else Object.keys(rowsToSelect).forEach((rowId) => {
|
|
93
|
+
if (!state.lockedSelectionRowIds[rowId]) delete selectedRowIds[rowId];
|
|
94
|
+
});
|
|
95
|
+
return {
|
|
96
|
+
...state,
|
|
97
|
+
selectedRowIds
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
if (action.type === actions.toggleRowSelected) {
|
|
101
|
+
const { id, value: setSelected } = action;
|
|
102
|
+
if (state.lockedSelectionRowIds[id]) return state;
|
|
103
|
+
const { rowsById, selectSubRows = true, getSubRows } = instance;
|
|
104
|
+
const isSelected = state.selectedRowIds[id];
|
|
105
|
+
const shouldExist = setSelected ?? !isSelected;
|
|
106
|
+
if (isSelected === shouldExist) return state;
|
|
107
|
+
const newSelectedRowIds = { ...state.selectedRowIds };
|
|
108
|
+
const handleRowById = (rowId) => {
|
|
109
|
+
const row = rowsById[rowId];
|
|
110
|
+
if (!row.isGrouped) if (shouldExist) newSelectedRowIds[rowId] = true;
|
|
111
|
+
else delete newSelectedRowIds[rowId];
|
|
112
|
+
if (selectSubRows && getSubRows(row)) getSubRows(row).forEach((subrow) => {
|
|
113
|
+
handleRowById(subrow.id);
|
|
114
|
+
});
|
|
115
|
+
};
|
|
116
|
+
handleRowById(id);
|
|
117
|
+
return {
|
|
118
|
+
...state,
|
|
119
|
+
selectedRowIds: newSelectedRowIds
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
if (action.type === actions.toggleAllPageRowsSelected) {
|
|
123
|
+
const { value: setSelected } = action;
|
|
124
|
+
const { page, rowsById, selectSubRows = true, isAllPageRowsSelected, getSubRows } = instance;
|
|
125
|
+
const selectAll = setSelected ?? !isAllPageRowsSelected;
|
|
126
|
+
const newSelectedRowIds = { ...state.selectedRowIds };
|
|
127
|
+
const handleRowById = (rowId) => {
|
|
128
|
+
const row = rowsById[rowId];
|
|
129
|
+
if (!state.lockedSelectionRowIds[rowId] && !row.isGrouped) if (selectAll) newSelectedRowIds[rowId] = true;
|
|
130
|
+
else delete newSelectedRowIds[rowId];
|
|
131
|
+
if (selectSubRows && getSubRows(row)) getSubRows(row).forEach((subrow) => {
|
|
132
|
+
handleRowById(subrow.id);
|
|
133
|
+
});
|
|
134
|
+
};
|
|
135
|
+
page.forEach((row) => handleRowById(row.id));
|
|
136
|
+
return {
|
|
137
|
+
...state,
|
|
138
|
+
selectedRowIds: newSelectedRowIds
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
if (action.type === actions.resetLockedSelectionRows) return {
|
|
142
|
+
...state,
|
|
143
|
+
lockedSelectionRowIds: instance.initialState.lockedSelectionRowIds || {}
|
|
144
|
+
};
|
|
145
|
+
if (action.type === actions.toggleRowLockedSelection) {
|
|
146
|
+
const { id, value: setLockedSelection } = action;
|
|
147
|
+
const { rowsById, selectSubRows = true, getSubRows } = instance;
|
|
148
|
+
const isLockedSelection = state.lockedSelectionRowIds[id];
|
|
149
|
+
const shouldExist = setLockedSelection ?? !isLockedSelection;
|
|
150
|
+
if (isLockedSelection === shouldExist) return state;
|
|
151
|
+
const newLockedSelectionRowIds = { ...state.lockedSelectionRowIds };
|
|
152
|
+
const handleRowById = (rowId) => {
|
|
153
|
+
const row = rowsById[rowId];
|
|
154
|
+
if (!row.isGrouped) if (shouldExist) newLockedSelectionRowIds[rowId] = true;
|
|
155
|
+
else delete newLockedSelectionRowIds[rowId];
|
|
156
|
+
if (selectSubRows && getSubRows(row)) getSubRows(row).forEach((subrow) => {
|
|
157
|
+
handleRowById(subrow.id);
|
|
158
|
+
});
|
|
159
|
+
};
|
|
160
|
+
handleRowById(id);
|
|
161
|
+
return {
|
|
162
|
+
...state,
|
|
163
|
+
lockedSelectionRowIds: newLockedSelectionRowIds
|
|
164
|
+
};
|
|
165
|
+
}
|
|
166
|
+
return state;
|
|
251
167
|
}
|
|
252
168
|
function getRowIsSelected(row, selectedRowIds, getSubRows) {
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
allChildrenSelected = false;
|
|
268
|
-
}
|
|
269
|
-
});
|
|
270
|
-
if (allChildrenSelected) {
|
|
271
|
-
return true;
|
|
272
|
-
}
|
|
273
|
-
if (someSelected) {
|
|
274
|
-
return null;
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
return false;
|
|
169
|
+
if (selectedRowIds[row.id]) return true;
|
|
170
|
+
const subRows = getSubRows(row);
|
|
171
|
+
if (subRows?.length) {
|
|
172
|
+
let allChildrenSelected = true;
|
|
173
|
+
let someSelected = false;
|
|
174
|
+
subRows.forEach((subRow) => {
|
|
175
|
+
if (someSelected && !allChildrenSelected) return;
|
|
176
|
+
if (getRowIsSelected(subRow, selectedRowIds, getSubRows)) someSelected = true;
|
|
177
|
+
else allChildrenSelected = false;
|
|
178
|
+
});
|
|
179
|
+
if (allChildrenSelected) return true;
|
|
180
|
+
if (someSelected) return null;
|
|
181
|
+
}
|
|
182
|
+
return false;
|
|
278
183
|
}
|
|
279
184
|
function useInstance(instance) {
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
const getToggleAllPageRowsSelectedProps = makePropGetter(
|
|
390
|
-
getHooks().getToggleAllPageRowsSelectedProps,
|
|
391
|
-
{ instance: getInstance() }
|
|
392
|
-
);
|
|
393
|
-
const toggleRowLockedSelection = useCallback(
|
|
394
|
-
(id, value) => dispatch({ type: actions.toggleRowLockedSelection, id, value }),
|
|
395
|
-
[dispatch]
|
|
396
|
-
);
|
|
397
|
-
Object.assign(instance, {
|
|
398
|
-
selectedFlatRows,
|
|
399
|
-
isNoRowsSelected,
|
|
400
|
-
isNoPageRowsSelected,
|
|
401
|
-
isAllRowsSelected,
|
|
402
|
-
isAllPageRowsSelected,
|
|
403
|
-
isAllSelectableRowsSelected,
|
|
404
|
-
isAllSelectablePageRowsSelected,
|
|
405
|
-
isAllSelectableRowsUnselected,
|
|
406
|
-
isAllSelectablePageRowsUnselected,
|
|
407
|
-
toggleRowSelected,
|
|
408
|
-
toggleAllRowsSelected,
|
|
409
|
-
getToggleAllRowsSelectedProps,
|
|
410
|
-
getToggleAllPageRowsSelectedProps,
|
|
411
|
-
toggleAllPageRowsSelected,
|
|
412
|
-
toggleRowLockedSelection
|
|
413
|
-
});
|
|
185
|
+
const { data, rows, getHooks, plugins, rowsById, initialRowsById, nonGroupedRowsById = rowsById, autoResetSelectedRows = true, autoResetLockedSelectionRows = true, state: { selectedRowIds, lockedSelectionRowIds }, selectSubRows = true, dispatch, page, getSubRows, applyToggleAllRowsSelectedToPrefilteredRows } = instance;
|
|
186
|
+
ensurePluginOrder(plugins, [
|
|
187
|
+
"useFilters",
|
|
188
|
+
"useGroupBy",
|
|
189
|
+
"useSortBy",
|
|
190
|
+
"useExpanded",
|
|
191
|
+
"usePagination"
|
|
192
|
+
], "useHvRowSelection");
|
|
193
|
+
const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
|
|
194
|
+
const selectedFlatRows = useMemo(() => {
|
|
195
|
+
const selectedRows = [];
|
|
196
|
+
rows.forEach((row) => {
|
|
197
|
+
const isSelected = selectSubRows ? getRowIsSelected(row, selectedRowIds, getSubRows) : !!selectedRowIds[row.id];
|
|
198
|
+
row.isSelected = !!isSelected;
|
|
199
|
+
row.isSomeSelected = isSelected === null;
|
|
200
|
+
if (isSelected) selectedRows.push(row);
|
|
201
|
+
});
|
|
202
|
+
return selectedRows;
|
|
203
|
+
}, [
|
|
204
|
+
rows,
|
|
205
|
+
selectSubRows,
|
|
206
|
+
selectedRowIds,
|
|
207
|
+
getSubRows
|
|
208
|
+
]);
|
|
209
|
+
const existsLockedRows = !!Object.keys(lockedSelectionRowIds).length;
|
|
210
|
+
const isNoRowsSelected = !(Object.keys(rowsToSelect).length && selectedFlatRows.length);
|
|
211
|
+
let isNoPageRowsSelected;
|
|
212
|
+
let isAllRowsSelected;
|
|
213
|
+
let isAllPageRowsSelected;
|
|
214
|
+
let isAllSelectableRowsUnselected;
|
|
215
|
+
let isAllSelectablePageRowsUnselected;
|
|
216
|
+
let isAllSelectableRowsSelected;
|
|
217
|
+
let isAllSelectablePageRowsSelected;
|
|
218
|
+
if (isNoRowsSelected) {
|
|
219
|
+
isAllRowsSelected = false;
|
|
220
|
+
isAllPageRowsSelected = false;
|
|
221
|
+
isAllSelectableRowsSelected = existsLockedRows && !Object.keys(rowsToSelect).some((id) => !lockedSelectionRowIds[id]);
|
|
222
|
+
isAllSelectablePageRowsSelected = isAllSelectableRowsSelected;
|
|
223
|
+
isAllSelectableRowsUnselected = isAllSelectableRowsSelected;
|
|
224
|
+
isAllSelectablePageRowsUnselected = isAllSelectableRowsSelected;
|
|
225
|
+
isNoPageRowsSelected = true;
|
|
226
|
+
} else {
|
|
227
|
+
isAllRowsSelected = !Object.keys(rowsToSelect).some((id) => !selectedRowIds[id]);
|
|
228
|
+
if (isAllRowsSelected) {
|
|
229
|
+
isAllSelectableRowsSelected = true;
|
|
230
|
+
isAllSelectablePageRowsSelected = true;
|
|
231
|
+
isAllSelectableRowsUnselected = existsLockedRows && Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).length === 0;
|
|
232
|
+
isAllSelectablePageRowsUnselected = isAllSelectableRowsUnselected;
|
|
233
|
+
isNoPageRowsSelected = false;
|
|
234
|
+
isAllPageRowsSelected = true;
|
|
235
|
+
} else {
|
|
236
|
+
isAllSelectableRowsSelected = existsLockedRows && !Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).some((id) => !selectedRowIds[id]);
|
|
237
|
+
isAllSelectableRowsUnselected = !existsLockedRows || !Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).some((id) => selectedRowIds[id]);
|
|
238
|
+
isAllPageRowsSelected = !(page?.length && page.some(({ id }) => !selectedRowIds[id]));
|
|
239
|
+
if (isAllPageRowsSelected) {
|
|
240
|
+
isAllSelectablePageRowsSelected = true;
|
|
241
|
+
isAllSelectablePageRowsUnselected = existsLockedRows && page && page.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).length === 0;
|
|
242
|
+
isNoPageRowsSelected = false;
|
|
243
|
+
} else {
|
|
244
|
+
isAllSelectablePageRowsSelected = existsLockedRows && !(page?.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).some(({ id }) => !selectedRowIds[id]));
|
|
245
|
+
isAllSelectablePageRowsUnselected = !existsLockedRows || !(page?.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).some(({ id }) => selectedRowIds[id]));
|
|
246
|
+
isNoPageRowsSelected = !(page?.length && page.some(({ id }) => selectedRowIds[id]));
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
const getAutoResetSelectedRows = useGetLatest(autoResetSelectedRows);
|
|
251
|
+
const getAutoResetLockedSelectionRows = useGetLatest(autoResetLockedSelectionRows);
|
|
252
|
+
useMountedLayoutEffect(() => {
|
|
253
|
+
if (getAutoResetSelectedRows()) dispatch({ type: actions.resetSelectedRows });
|
|
254
|
+
if (getAutoResetLockedSelectionRows()) dispatch({ type: actions.resetLockedSelectionRows });
|
|
255
|
+
}, [dispatch, data]);
|
|
256
|
+
const toggleAllRowsSelected = useCallback((value) => dispatch({
|
|
257
|
+
type: actions.toggleAllRowsSelected,
|
|
258
|
+
value
|
|
259
|
+
}), [dispatch]);
|
|
260
|
+
const toggleAllPageRowsSelected = useCallback((value) => dispatch({
|
|
261
|
+
type: actions.toggleAllPageRowsSelected,
|
|
262
|
+
value
|
|
263
|
+
}), [dispatch]);
|
|
264
|
+
const toggleRowSelected = useCallback((id, value) => dispatch({
|
|
265
|
+
type: actions.toggleRowSelected,
|
|
266
|
+
id,
|
|
267
|
+
value
|
|
268
|
+
}), [dispatch]);
|
|
269
|
+
const getInstance = useGetLatest(instance);
|
|
270
|
+
const getToggleAllRowsSelectedProps = makePropGetter(getHooks().getToggleAllRowsSelectedProps, { instance: getInstance() });
|
|
271
|
+
const getToggleAllPageRowsSelectedProps = makePropGetter(getHooks().getToggleAllPageRowsSelectedProps, { instance: getInstance() });
|
|
272
|
+
const toggleRowLockedSelection = useCallback((id, value) => dispatch({
|
|
273
|
+
type: actions.toggleRowLockedSelection,
|
|
274
|
+
id,
|
|
275
|
+
value
|
|
276
|
+
}), [dispatch]);
|
|
277
|
+
Object.assign(instance, {
|
|
278
|
+
selectedFlatRows,
|
|
279
|
+
isNoRowsSelected,
|
|
280
|
+
isNoPageRowsSelected,
|
|
281
|
+
isAllRowsSelected,
|
|
282
|
+
isAllPageRowsSelected,
|
|
283
|
+
isAllSelectableRowsSelected,
|
|
284
|
+
isAllSelectablePageRowsSelected,
|
|
285
|
+
isAllSelectableRowsUnselected,
|
|
286
|
+
isAllSelectablePageRowsUnselected,
|
|
287
|
+
toggleRowSelected,
|
|
288
|
+
toggleAllRowsSelected,
|
|
289
|
+
getToggleAllRowsSelectedProps,
|
|
290
|
+
getToggleAllPageRowsSelectedProps,
|
|
291
|
+
toggleAllPageRowsSelected,
|
|
292
|
+
toggleRowLockedSelection
|
|
293
|
+
});
|
|
414
294
|
}
|
|
415
295
|
function prepareRow(row, { instance }) {
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
);
|
|
424
|
-
row.toggleRowLockedSelection = (set) => instance.toggleRowLockedSelection(row.id, set);
|
|
425
|
-
row.isSelectionLocked = instance.state?.lockedSelectionRowIds?.[row.id] || false;
|
|
296
|
+
row.toggleRowSelected = (set) => instance.toggleRowSelected(row.id, set);
|
|
297
|
+
row.getToggleRowSelectedProps = makePropGetter(instance.getHooks().getToggleRowSelectedProps, {
|
|
298
|
+
instance,
|
|
299
|
+
row
|
|
300
|
+
});
|
|
301
|
+
row.toggleRowLockedSelection = (set) => instance.toggleRowLockedSelection(row.id, set);
|
|
302
|
+
row.isSelectionLocked = instance.state?.lockedSelectionRowIds?.[row.id] || false;
|
|
426
303
|
}
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
hooks.useInstance.push(useInstance);
|
|
438
|
-
hooks.prepareRow.push(prepareRow);
|
|
304
|
+
var useHvRowSelection = (hooks) => {
|
|
305
|
+
hooks.visibleColumns.push(visibleColumnsHook);
|
|
306
|
+
hooks.getRowProps.push(getRowPropsHook);
|
|
307
|
+
hooks.getHeaderProps.push(getHeaderPropsHook);
|
|
308
|
+
hooks.getToggleRowSelectedProps = [defaultGetToggleRowSelectedProps];
|
|
309
|
+
hooks.getToggleAllRowsSelectedProps = [defaultGetToggleAllRowsSelectedProps];
|
|
310
|
+
hooks.getToggleAllPageRowsSelectedProps = [defaultGetToggleAllPageRowsSelectedProps];
|
|
311
|
+
hooks.stateReducers.push(reducer);
|
|
312
|
+
hooks.useInstance.push(useInstance);
|
|
313
|
+
hooks.prepareRow.push(prepareRow);
|
|
439
314
|
};
|
|
440
315
|
useHvRowSelection.pluginName = "useHvRowSelection";
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
};
|
|
316
|
+
//#endregion
|
|
317
|
+
export { useHvRowSelection };
|