@mui/x-tree-view 8.0.0-beta.2 → 8.0.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/CHANGELOG.md +423 -96
- package/RichTreeView/RichTreeView.js +11 -6
- package/RichTreeView/RichTreeView.plugins.d.ts +3 -6
- package/RichTreeView/RichTreeView.plugins.js +1 -2
- package/RichTreeView/RichTreeView.types.d.ts +4 -3
- package/RichTreeView/index.d.ts +1 -1
- package/SimpleTreeView/SimpleTreeView.js +12 -8
- package/SimpleTreeView/SimpleTreeView.plugins.d.ts +3 -6
- package/SimpleTreeView/SimpleTreeView.plugins.js +1 -2
- package/SimpleTreeView/SimpleTreeView.types.d.ts +4 -3
- package/TreeItemIcon/TreeItemIcon.js +15 -11
- package/esm/RichTreeView/RichTreeView.js +10 -5
- package/esm/RichTreeView/RichTreeView.plugins.d.ts +3 -6
- package/esm/RichTreeView/RichTreeView.plugins.js +1 -2
- package/esm/RichTreeView/RichTreeView.types.d.ts +4 -3
- package/esm/RichTreeView/index.d.ts +1 -1
- package/esm/SimpleTreeView/SimpleTreeView.js +11 -7
- package/esm/SimpleTreeView/SimpleTreeView.plugins.d.ts +3 -6
- package/esm/SimpleTreeView/SimpleTreeView.plugins.js +1 -2
- package/esm/SimpleTreeView/SimpleTreeView.types.d.ts +4 -3
- package/esm/TreeItemIcon/TreeItemIcon.js +15 -11
- package/esm/hooks/useTreeItemUtils/useTreeItemUtils.js +1 -1
- package/esm/index.js +1 -1
- package/esm/internals/TreeViewProvider/TreeViewContext.d.ts +1 -1
- package/esm/internals/TreeViewProvider/TreeViewProvider.js +14 -4
- package/esm/internals/TreeViewProvider/TreeViewProvider.types.d.ts +6 -5
- package/esm/internals/TreeViewProvider/TreeViewStyleContext.d.ts +23 -0
- package/esm/internals/TreeViewProvider/TreeViewStyleContext.js +3 -1
- package/esm/internals/hooks/useSelector.js +1 -4
- package/esm/internals/index.d.ts +2 -3
- package/esm/internals/index.js +1 -1
- package/esm/internals/models/events.d.ts +2 -6
- package/esm/internals/models/plugin.d.ts +63 -38
- package/esm/internals/models/treeView.d.ts +0 -5
- package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +35 -21
- package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts +144 -10
- package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js +21 -1
- package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts +1 -1
- package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.d.ts +0 -1
- package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.js +0 -7
- package/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +3 -30
- package/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.d.ts +476 -28
- package/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js +21 -1
- package/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.d.ts +0 -1
- package/esm/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.d.ts +90 -4
- package/esm/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js +12 -25
- package/esm/internals/plugins/useTreeViewItems/useTreeViewItems.utils.d.ts +12 -1
- package/esm/internals/plugins/useTreeViewItems/useTreeViewItems.utils.js +31 -0
- package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.js +3 -6
- package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.d.ts +43 -9
- package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js +12 -2
- package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.d.ts +1 -1
- package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +2 -2
- package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +39 -40
- package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.d.ts +186 -30
- package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js +36 -1
- package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts +3 -6
- package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.d.ts +0 -7
- package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +5 -24
- package/esm/internals/useTreeView/extractPluginParamsFromProps.d.ts +0 -2
- package/esm/internals/useTreeView/extractPluginParamsFromProps.js +1 -5
- package/esm/internals/useTreeView/useTreeView.d.ts +10 -1
- package/esm/internals/useTreeView/useTreeView.js +22 -25
- package/esm/internals/useTreeView/useTreeView.types.d.ts +1 -3
- package/esm/internals/useTreeView/useTreeViewBuildContext.js +9 -11
- package/esm/internals/utils/models.d.ts +7 -0
- package/esm/internals/utils/models.js +23 -0
- package/esm/internals/utils/selectors.d.ts +1 -1
- package/esm/utils/cache.d.ts +1 -1
- package/esm/utils/cache.js +1 -1
- package/hooks/useTreeItemUtils/useTreeItemUtils.js +1 -1
- package/index.js +1 -1
- package/internals/TreeViewProvider/TreeViewContext.d.ts +1 -1
- package/internals/TreeViewProvider/TreeViewProvider.js +14 -4
- package/internals/TreeViewProvider/TreeViewProvider.types.d.ts +6 -5
- package/internals/TreeViewProvider/TreeViewStyleContext.d.ts +23 -0
- package/internals/TreeViewProvider/TreeViewStyleContext.js +3 -1
- package/internals/hooks/useSelector.js +1 -5
- package/internals/index.d.ts +2 -3
- package/internals/index.js +13 -7
- package/internals/models/events.d.ts +2 -6
- package/internals/models/plugin.d.ts +63 -38
- package/internals/models/treeView.d.ts +0 -5
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +33 -19
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts +144 -10
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js +22 -2
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts +1 -1
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.d.ts +0 -1
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.js +1 -9
- package/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +2 -30
- package/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.d.ts +476 -28
- package/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js +21 -1
- package/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.d.ts +0 -1
- package/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.d.ts +90 -4
- package/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js +12 -25
- package/internals/plugins/useTreeViewItems/useTreeViewItems.utils.d.ts +12 -1
- package/internals/plugins/useTreeViewItems/useTreeViewItems.utils.js +34 -2
- package/internals/plugins/useTreeViewLabel/useTreeViewLabel.js +3 -6
- package/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.d.ts +43 -9
- package/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js +13 -3
- package/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.d.ts +1 -1
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +2 -2
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +37 -38
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.d.ts +186 -30
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js +37 -2
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts +3 -6
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.d.ts +0 -7
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +6 -26
- package/internals/useTreeView/extractPluginParamsFromProps.d.ts +0 -2
- package/internals/useTreeView/extractPluginParamsFromProps.js +1 -5
- package/internals/useTreeView/useTreeView.d.ts +10 -1
- package/internals/useTreeView/useTreeView.js +22 -25
- package/internals/useTreeView/useTreeView.types.d.ts +1 -3
- package/internals/useTreeView/useTreeViewBuildContext.js +9 -11
- package/internals/utils/models.d.ts +7 -0
- package/internals/utils/models.js +30 -0
- package/internals/utils/selectors.d.ts +1 -1
- package/package.json +7 -15
- package/utils/cache.d.ts +1 -1
- package/utils/cache.js +1 -1
- package/esm/internals/plugins/useTreeViewIcons/index.d.ts +0 -2
- package/esm/internals/plugins/useTreeViewIcons/index.js +0 -1
- package/esm/internals/plugins/useTreeViewIcons/useTreeViewIcons.d.ts +0 -3
- package/esm/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +0 -24
- package/esm/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.d.ts +0 -42
- package/esm/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +0 -1
- package/esm/internals/plugins/useTreeViewItemCustomization/index.d.ts +0 -2
- package/esm/internals/plugins/useTreeViewItemCustomization/index.js +0 -1
- package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +0 -3
- package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +0 -24
- package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +0 -42
- package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +0 -1
- package/esm/internals/useTreeView/useTreeViewModels.d.ts +0 -7
- package/esm/internals/useTreeView/useTreeViewModels.js +0 -62
- package/internals/plugins/useTreeViewIcons/index.d.ts +0 -2
- package/internals/plugins/useTreeViewIcons/index.js +0 -12
- package/internals/plugins/useTreeViewIcons/useTreeViewIcons.d.ts +0 -3
- package/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +0 -32
- package/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.d.ts +0 -42
- package/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +0 -5
- package/internals/plugins/useTreeViewItemCustomization/index.d.ts +0 -2
- package/internals/plugins/useTreeViewItemCustomization/index.js +0 -12
- package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +0 -3
- package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +0 -32
- package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +0 -42
- package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +0 -5
- package/internals/useTreeView/useTreeViewModels.d.ts +0 -7
- package/internals/useTreeView/useTreeViewModels.js +0 -71
- package/modern/RichTreeView/RichTreeView.d.ts +0 -18
- package/modern/RichTreeView/RichTreeView.js +0 -322
- package/modern/RichTreeView/RichTreeView.plugins.d.ts +0 -13
- package/modern/RichTreeView/RichTreeView.plugins.js +0 -10
- package/modern/RichTreeView/RichTreeView.types.d.ts +0 -52
- package/modern/RichTreeView/RichTreeView.types.js +0 -1
- package/modern/RichTreeView/index.d.ts +0 -5
- package/modern/RichTreeView/index.js +0 -3
- package/modern/RichTreeView/richTreeViewClasses.d.ts +0 -5
- package/modern/RichTreeView/richTreeViewClasses.js +0 -6
- package/modern/SimpleTreeView/SimpleTreeView.d.ts +0 -20
- package/modern/SimpleTreeView/SimpleTreeView.js +0 -265
- package/modern/SimpleTreeView/SimpleTreeView.plugins.d.ts +0 -12
- package/modern/SimpleTreeView/SimpleTreeView.plugins.js +0 -10
- package/modern/SimpleTreeView/SimpleTreeView.types.d.ts +0 -51
- package/modern/SimpleTreeView/SimpleTreeView.types.js +0 -1
- package/modern/SimpleTreeView/index.d.ts +0 -3
- package/modern/SimpleTreeView/index.js +0 -3
- package/modern/SimpleTreeView/simpleTreeViewClasses.d.ts +0 -5
- package/modern/SimpleTreeView/simpleTreeViewClasses.js +0 -6
- package/modern/TreeItem/TreeItem.d.ts +0 -33
- package/modern/TreeItem/TreeItem.js +0 -408
- package/modern/TreeItem/TreeItem.types.d.ts +0 -107
- package/modern/TreeItem/TreeItem.types.js +0 -1
- package/modern/TreeItem/index.d.ts +0 -4
- package/modern/TreeItem/index.js +0 -2
- package/modern/TreeItem/treeItemClasses.d.ts +0 -55
- package/modern/TreeItem/treeItemClasses.js +0 -8
- package/modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.d.ts +0 -7
- package/modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js +0 -74
- package/modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.d.ts +0 -6
- package/modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.js +0 -1
- package/modern/TreeItemDragAndDropOverlay/index.d.ts +0 -2
- package/modern/TreeItemDragAndDropOverlay/index.js +0 -1
- package/modern/TreeItemIcon/TreeItemIcon.d.ts +0 -7
- package/modern/TreeItemIcon/TreeItemIcon.js +0 -74
- package/modern/TreeItemIcon/TreeItemIcon.types.d.ts +0 -40
- package/modern/TreeItemIcon/TreeItemIcon.types.js +0 -1
- package/modern/TreeItemIcon/index.d.ts +0 -2
- package/modern/TreeItemIcon/index.js +0 -1
- package/modern/TreeItemLabelInput/TreeItemLabelInput.d.ts +0 -5
- package/modern/TreeItemLabelInput/TreeItemLabelInput.js +0 -24
- package/modern/TreeItemLabelInput/TreeItemLabelInput.types.d.ts +0 -14
- package/modern/TreeItemLabelInput/TreeItemLabelInput.types.js +0 -1
- package/modern/TreeItemLabelInput/index.d.ts +0 -2
- package/modern/TreeItemLabelInput/index.js +0 -1
- package/modern/TreeItemProvider/TreeItemProvider.d.ts +0 -7
- package/modern/TreeItemProvider/TreeItemProvider.js +0 -45
- package/modern/TreeItemProvider/TreeItemProvider.types.d.ts +0 -7
- package/modern/TreeItemProvider/TreeItemProvider.types.js +0 -1
- package/modern/TreeItemProvider/index.d.ts +0 -2
- package/modern/TreeItemProvider/index.js +0 -1
- package/modern/hooks/index.d.ts +0 -3
- package/modern/hooks/index.js +0 -3
- package/modern/hooks/useTreeItemModel.d.ts +0 -2
- package/modern/hooks/useTreeItemModel.js +0 -11
- package/modern/hooks/useTreeItemUtils/index.d.ts +0 -1
- package/modern/hooks/useTreeItemUtils/index.js +0 -1
- package/modern/hooks/useTreeItemUtils/useTreeItemUtils.d.ts +0 -42
- package/modern/hooks/useTreeItemUtils/useTreeItemUtils.js +0 -165
- package/modern/hooks/useTreeViewApiRef.d.ts +0 -7
- package/modern/hooks/useTreeViewApiRef.js +0 -7
- package/modern/icons/icons.d.ts +0 -6
- package/modern/icons/icons.js +0 -9
- package/modern/icons/index.d.ts +0 -1
- package/modern/icons/index.js +0 -1
- package/modern/index.d.ts +0 -12
- package/modern/index.js +0 -22
- package/modern/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.d.ts +0 -5
- package/modern/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.js +0 -5
- package/modern/internals/TreeViewItemDepthContext/index.d.ts +0 -1
- package/modern/internals/TreeViewItemDepthContext/index.js +0 -1
- package/modern/internals/TreeViewProvider/TreeViewChildrenItemProvider.d.ts +0 -17
- package/modern/internals/TreeViewProvider/TreeViewChildrenItemProvider.js +0 -49
- package/modern/internals/TreeViewProvider/TreeViewContext.d.ts +0 -8
- package/modern/internals/TreeViewProvider/TreeViewContext.js +0 -15
- package/modern/internals/TreeViewProvider/TreeViewProvider.d.ts +0 -9
- package/modern/internals/TreeViewProvider/TreeViewProvider.js +0 -32
- package/modern/internals/TreeViewProvider/TreeViewProvider.types.d.ts +0 -21
- package/modern/internals/TreeViewProvider/TreeViewProvider.types.js +0 -1
- package/modern/internals/TreeViewProvider/TreeViewStyleContext.d.ts +0 -33
- package/modern/internals/TreeViewProvider/TreeViewStyleContext.js +0 -13
- package/modern/internals/TreeViewProvider/index.d.ts +0 -3
- package/modern/internals/TreeViewProvider/index.js +0 -2
- package/modern/internals/components/RichTreeViewItems.d.ts +0 -32
- package/modern/internals/components/RichTreeViewItems.js +0 -68
- package/modern/internals/corePlugins/corePlugins.d.ts +0 -9
- package/modern/internals/corePlugins/corePlugins.js +0 -8
- package/modern/internals/corePlugins/index.d.ts +0 -2
- package/modern/internals/corePlugins/index.js +0 -1
- package/modern/internals/corePlugins/useTreeViewId/index.d.ts +0 -2
- package/modern/internals/corePlugins/useTreeViewId/index.js +0 -1
- package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.d.ts +0 -3
- package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.js +0 -39
- package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.selectors.d.ts +0 -36
- package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.selectors.js +0 -9
- package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.types.d.ts +0 -20
- package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.types.js +0 -1
- package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.utils.d.ts +0 -21
- package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.utils.js +0 -26
- package/modern/internals/corePlugins/useTreeViewInstanceEvents/index.d.ts +0 -2
- package/modern/internals/corePlugins/useTreeViewInstanceEvents/index.js +0 -1
- package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.d.ts +0 -3
- package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.js +0 -29
- package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.d.ts +0 -22
- package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.js +0 -1
- package/modern/internals/corePlugins/useTreeViewOptionalPlugins/index.d.ts +0 -2
- package/modern/internals/corePlugins/useTreeViewOptionalPlugins/index.js +0 -1
- package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.d.ts +0 -3
- package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.js +0 -12
- package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.d.ts +0 -8
- package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.js +0 -1
- package/modern/internals/hooks/useInstanceEventHandler.d.ts +0 -15
- package/modern/internals/hooks/useInstanceEventHandler.js +0 -77
- package/modern/internals/hooks/useLazyRef.d.ts +0 -1
- package/modern/internals/hooks/useLazyRef.js +0 -1
- package/modern/internals/hooks/useOnMount.d.ts +0 -1
- package/modern/internals/hooks/useOnMount.js +0 -1
- package/modern/internals/hooks/useSelector.d.ts +0 -4
- package/modern/internals/hooks/useSelector.js +0 -9
- package/modern/internals/hooks/useTimeout.d.ts +0 -1
- package/modern/internals/hooks/useTimeout.js +0 -1
- package/modern/internals/index.d.ts +0 -34
- package/modern/internals/index.js +0 -24
- package/modern/internals/models/events.d.ts +0 -9
- package/modern/internals/models/events.js +0 -1
- package/modern/internals/models/helpers.d.ts +0 -7
- package/modern/internals/models/helpers.js +0 -1
- package/modern/internals/models/index.d.ts +0 -4
- package/modern/internals/models/index.js +0 -4
- package/modern/internals/models/itemPlugin.d.ts +0 -43
- package/modern/internals/models/itemPlugin.js +0 -1
- package/modern/internals/models/plugin.d.ts +0 -151
- package/modern/internals/models/plugin.js +0 -1
- package/modern/internals/models/treeView.d.ts +0 -32
- package/modern/internals/models/treeView.js +0 -1
- package/modern/internals/plugins/useTreeViewExpansion/index.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewExpansion/index.js +0 -1
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +0 -134
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts +0 -184
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js +0 -24
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts +0 -102
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.js +0 -1
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.d.ts +0 -7
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.js +0 -19
- package/modern/internals/plugins/useTreeViewFocus/index.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewFocus/index.js +0 -1
- package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +0 -135
- package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.d.ts +0 -182
- package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js +0 -34
- package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.d.ts +0 -45
- package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.js +0 -1
- package/modern/internals/plugins/useTreeViewIcons/index.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewIcons/index.js +0 -1
- package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +0 -24
- package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.d.ts +0 -42
- package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +0 -1
- package/modern/internals/plugins/useTreeViewItemCustomization/index.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewItemCustomization/index.js +0 -1
- package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +0 -24
- package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +0 -42
- package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +0 -1
- package/modern/internals/plugins/useTreeViewItems/index.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewItems/index.js +0 -2
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.js +0 -325
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.d.ts +0 -1058
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js +0 -113
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.types.d.ts +0 -205
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.types.js +0 -1
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.utils.d.ts +0 -4
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.utils.js +0 -8
- package/modern/internals/plugins/useTreeViewJSXItems/index.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewJSXItems/index.js +0 -1
- package/modern/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.js +0 -183
- package/modern/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.types.d.ts +0 -35
- package/modern/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.types.js +0 -1
- package/modern/internals/plugins/useTreeViewKeyboardNavigation/index.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewKeyboardNavigation/index.js +0 -1
- package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js +0 -273
- package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types.d.ts +0 -30
- package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types.js +0 -1
- package/modern/internals/plugins/useTreeViewLabel/index.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewLabel/index.js +0 -1
- package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.itemPlugin.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.itemPlugin.js +0 -72
- package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.js +0 -73
- package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.d.ts +0 -68
- package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js +0 -24
- package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.d.ts +0 -60
- package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.js +0 -1
- package/modern/internals/plugins/useTreeViewLazyLoading/index.d.ts +0 -1
- package/modern/internals/plugins/useTreeViewLazyLoading/index.js +0 -1
- package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.d.ts +0 -247
- package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js +0 -27
- package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.d.ts +0 -82
- package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.js +0 -1
- package/modern/internals/plugins/useTreeViewSelection/index.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewSelection/index.js +0 -1
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.d.ts +0 -3
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.d.ts +0 -2
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +0 -80
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +0 -234
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.d.ts +0 -363
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js +0 -46
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts +0 -145
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.js +0 -1
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.d.ts +0 -38
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +0 -126
- package/modern/internals/useTreeView/extractPluginParamsFromProps.d.ts +0 -22
- package/modern/internals/useTreeView/extractPluginParamsFromProps.js +0 -46
- package/modern/internals/useTreeView/index.d.ts +0 -1
- package/modern/internals/useTreeView/index.js +0 -1
- package/modern/internals/useTreeView/useTreeView.d.ts +0 -9
- package/modern/internals/useTreeView/useTreeView.js +0 -114
- package/modern/internals/useTreeView/useTreeView.types.d.ts +0 -23
- package/modern/internals/useTreeView/useTreeView.types.js +0 -1
- package/modern/internals/useTreeView/useTreeViewBuildContext.d.ts +0 -18
- package/modern/internals/useTreeView/useTreeViewBuildContext.js +0 -101
- package/modern/internals/useTreeView/useTreeViewModels.d.ts +0 -7
- package/modern/internals/useTreeView/useTreeViewModels.js +0 -62
- package/modern/internals/useTreeView/useTreeViewPlugins.d.ts +0 -0
- package/modern/internals/useTreeView/useTreeViewPlugins.js +0 -0
- package/modern/internals/utils/TreeViewStore.d.ts +0 -12
- package/modern/internals/utils/TreeViewStore.js +0 -24
- package/modern/internals/utils/cleanupTracking/CleanupTracking.d.ts +0 -9
- package/modern/internals/utils/cleanupTracking/CleanupTracking.js +0 -1
- package/modern/internals/utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.d.ts +0 -7
- package/modern/internals/utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js +0 -18
- package/modern/internals/utils/cleanupTracking/TimerBasedCleanupTracking.d.ts +0 -9
- package/modern/internals/utils/cleanupTracking/TimerBasedCleanupTracking.js +0 -38
- package/modern/internals/utils/plugins.d.ts +0 -2
- package/modern/internals/utils/plugins.js +0 -4
- package/modern/internals/utils/publishTreeViewEvent.d.ts +0 -5
- package/modern/internals/utils/publishTreeViewEvent.js +0 -3
- package/modern/internals/utils/selectors.d.ts +0 -16
- package/modern/internals/utils/selectors.js +0 -46
- package/modern/internals/utils/tree.d.ts +0 -32
- package/modern/internals/utils/tree.js +0 -203
- package/modern/internals/utils/utils.d.ts +0 -2
- package/modern/internals/utils/utils.js +0 -17
- package/modern/internals/zero-styled/index.d.ts +0 -3
- package/modern/internals/zero-styled/index.js +0 -7
- package/modern/models/events.d.ts +0 -4
- package/modern/models/events.js +0 -1
- package/modern/models/index.d.ts +0 -3
- package/modern/models/index.js +0 -5
- package/modern/models/items.d.ts +0 -13
- package/modern/models/items.js +0 -1
- package/modern/package.json +0 -1
- package/modern/themeAugmentation/components.d.ts +0 -21
- package/modern/themeAugmentation/index.d.ts +0 -3
- package/modern/themeAugmentation/index.js +0 -0
- package/modern/themeAugmentation/overrides.d.ts +0 -16
- package/modern/themeAugmentation/props.d.ts +0 -14
- package/modern/useTreeItem/index.d.ts +0 -2
- package/modern/useTreeItem/index.js +0 -1
- package/modern/useTreeItem/useTreeItem.d.ts +0 -2
- package/modern/useTreeItem/useTreeItem.js +0 -282
- package/modern/useTreeItem/useTreeItem.types.d.ts +0 -201
- package/modern/useTreeItem/useTreeItem.types.js +0 -1
- package/modern/utils/cache.d.ts +0 -38
- package/modern/utils/cache.js +0 -31
- package/modern/utils/index.d.ts +0 -1
- package/modern/utils/index.js +0 -1
- package/tsconfig.build.tsbuildinfo +0 -1
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { useTreeViewContext } from "./TreeViewContext.js";
|
|
4
|
-
import { escapeOperandAttributeSelector } from "../utils/utils.js";
|
|
5
|
-
import { selectorItemOrderedChildrenIds } from "../plugins/useTreeViewItems/useTreeViewItems.selectors.js";
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
export const TreeViewChildrenItemContext = /*#__PURE__*/React.createContext(null);
|
|
8
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
9
|
-
TreeViewChildrenItemContext.displayName = 'TreeViewChildrenItemContext';
|
|
10
|
-
}
|
|
11
|
-
export function TreeViewChildrenItemProvider(props) {
|
|
12
|
-
const {
|
|
13
|
-
children,
|
|
14
|
-
itemId = null,
|
|
15
|
-
idAttribute
|
|
16
|
-
} = props;
|
|
17
|
-
const {
|
|
18
|
-
instance,
|
|
19
|
-
store,
|
|
20
|
-
rootRef
|
|
21
|
-
} = useTreeViewContext();
|
|
22
|
-
const childrenIdAttrToIdRef = React.useRef(new Map());
|
|
23
|
-
React.useEffect(() => {
|
|
24
|
-
if (!rootRef.current) {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
const previousChildrenIds = selectorItemOrderedChildrenIds(store.value, itemId ?? null) ?? [];
|
|
28
|
-
const escapedIdAttr = escapeOperandAttributeSelector(idAttribute ?? rootRef.current.id);
|
|
29
|
-
const childrenElements = rootRef.current.querySelectorAll(`${itemId == null ? '' : `*[id="${escapedIdAttr}"] `}[role="treeitem"]:not(*[id="${escapedIdAttr}"] [role="treeitem"] [role="treeitem"])`);
|
|
30
|
-
const childrenIds = Array.from(childrenElements).map(child => childrenIdAttrToIdRef.current.get(child.id));
|
|
31
|
-
const hasChanged = childrenIds.length !== previousChildrenIds.length || childrenIds.some((childId, index) => childId !== previousChildrenIds[index]);
|
|
32
|
-
if (hasChanged) {
|
|
33
|
-
instance.setJSXItemsOrderedChildrenIds(itemId ?? null, childrenIds);
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
const value = React.useMemo(() => ({
|
|
37
|
-
registerChild: (childIdAttribute, childItemId) => childrenIdAttrToIdRef.current.set(childIdAttribute, childItemId),
|
|
38
|
-
unregisterChild: childIdAttribute => childrenIdAttrToIdRef.current.delete(childIdAttribute),
|
|
39
|
-
parentId: itemId
|
|
40
|
-
}), [itemId]);
|
|
41
|
-
return /*#__PURE__*/_jsx(TreeViewChildrenItemContext.Provider, {
|
|
42
|
-
value: value,
|
|
43
|
-
children: children
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
process.env.NODE_ENV !== "production" ? TreeViewChildrenItemProvider.propTypes = {
|
|
47
|
-
children: PropTypes.node,
|
|
48
|
-
id: PropTypes.string
|
|
49
|
-
} : void 0;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeViewAnyPluginSignature } from "../models/index.js";
|
|
3
|
-
import { TreeViewContextValue } from "./TreeViewProvider.types.js";
|
|
4
|
-
/**
|
|
5
|
-
* @ignore - internal component.
|
|
6
|
-
*/
|
|
7
|
-
export declare const TreeViewContext: React.Context<TreeViewContextValue<any> | null>;
|
|
8
|
-
export declare const useTreeViewContext: <TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []>() => TreeViewContextValue<TSignatures, TOptionalSignatures>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @ignore - internal component.
|
|
4
|
-
*/
|
|
5
|
-
export const TreeViewContext = /*#__PURE__*/React.createContext(null);
|
|
6
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
7
|
-
TreeViewContext.displayName = 'TreeViewContext';
|
|
8
|
-
}
|
|
9
|
-
export const useTreeViewContext = () => {
|
|
10
|
-
const context = React.useContext(TreeViewContext);
|
|
11
|
-
if (context == null) {
|
|
12
|
-
throw new Error(['MUI X: Could not find the Tree View context.', 'It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.', 'This can also happen if you are bundling multiple versions of the Tree View.'].join('\n'));
|
|
13
|
-
}
|
|
14
|
-
return context;
|
|
15
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeViewProviderProps } from "./TreeViewProvider.types.js";
|
|
3
|
-
import { TreeViewAnyPluginSignature } from "../models/index.js";
|
|
4
|
-
/**
|
|
5
|
-
* Sets up the contexts for the underlying Tree Item components.
|
|
6
|
-
*
|
|
7
|
-
* @ignore - do not document.
|
|
8
|
-
*/
|
|
9
|
-
export declare function TreeViewProvider<TSignatures extends readonly TreeViewAnyPluginSignature[]>(props: TreeViewProviderProps<TSignatures>): React.JSX.Element;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeViewContext } from "./TreeViewContext.js";
|
|
3
|
-
import { TreeViewStyleContext } from "./TreeViewStyleContext.js";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
const EMPTY_OBJECT = {};
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Sets up the contexts for the underlying Tree Item components.
|
|
9
|
-
*
|
|
10
|
-
* @ignore - do not document.
|
|
11
|
-
*/
|
|
12
|
-
export function TreeViewProvider(props) {
|
|
13
|
-
const {
|
|
14
|
-
contextValue,
|
|
15
|
-
classes = EMPTY_OBJECT,
|
|
16
|
-
children
|
|
17
|
-
} = props;
|
|
18
|
-
|
|
19
|
-
// TODO: Add the icons to this context and drop useTreeViewIcons
|
|
20
|
-
const styleContextValue = React.useMemo(() => ({
|
|
21
|
-
classes
|
|
22
|
-
}), [classes]);
|
|
23
|
-
return /*#__PURE__*/_jsx(TreeViewContext.Provider, {
|
|
24
|
-
value: contextValue,
|
|
25
|
-
children: /*#__PURE__*/_jsx(TreeViewStyleContext.Provider, {
|
|
26
|
-
value: styleContextValue,
|
|
27
|
-
children: contextValue.wrapRoot({
|
|
28
|
-
children
|
|
29
|
-
})
|
|
30
|
-
})
|
|
31
|
-
});
|
|
32
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { MergeSignaturesProperty, TreeItemWrapper, TreeRootWrapper, TreeViewAnyPluginSignature, TreeViewInstance, TreeViewItemPluginResponse, TreeViewPublicAPI } from "../models/index.js";
|
|
3
|
-
import { TreeViewStore } from "../utils/TreeViewStore.js";
|
|
4
|
-
import { TreeViewCorePluginSignatures } from "../corePlugins/index.js";
|
|
5
|
-
import type { TreeItemProps } from '../../TreeItem/TreeItem.types';
|
|
6
|
-
import { TreeViewClasses } from "./TreeViewStyleContext.js";
|
|
7
|
-
export type TreeViewItemPluginsRunner = (props: TreeItemProps) => Required<TreeViewItemPluginResponse>;
|
|
8
|
-
export type TreeViewContextValue<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> = MergeSignaturesProperty<[...TreeViewCorePluginSignatures, ...TSignatures], 'contextValue'> & Partial<MergeSignaturesProperty<TOptionalSignatures, 'contextValue'>> & {
|
|
9
|
-
instance: TreeViewInstance<TSignatures, TOptionalSignatures>;
|
|
10
|
-
publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
|
|
11
|
-
store: TreeViewStore<TSignatures>;
|
|
12
|
-
rootRef: React.RefObject<HTMLUListElement | null>;
|
|
13
|
-
wrapItem: TreeItemWrapper<TSignatures>;
|
|
14
|
-
wrapRoot: TreeRootWrapper;
|
|
15
|
-
runItemPlugins: TreeViewItemPluginsRunner;
|
|
16
|
-
};
|
|
17
|
-
export interface TreeViewProviderProps<TSignatures extends readonly TreeViewAnyPluginSignature[]> {
|
|
18
|
-
contextValue: TreeViewContextValue<TSignatures>;
|
|
19
|
-
children: React.ReactNode;
|
|
20
|
-
classes: Partial<TreeViewClasses> | undefined;
|
|
21
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface TreeViewClasses {
|
|
3
|
-
/** Styles applied to the root element. */
|
|
4
|
-
root: string;
|
|
5
|
-
/** Styles applied to the item's root element. */
|
|
6
|
-
item: string;
|
|
7
|
-
/** Styles applied to the item's content element. */
|
|
8
|
-
itemContent: string;
|
|
9
|
-
/** Styles applied to the item's transition element. */
|
|
10
|
-
itemGroupTransition: string;
|
|
11
|
-
/** Styles applied to the item's icon container element icon. */
|
|
12
|
-
itemIconContainer: string;
|
|
13
|
-
/** Styles applied to the item's label element. */
|
|
14
|
-
itemLabel: string;
|
|
15
|
-
/** Styles applied to the item's label input element (visible only when editing is enabled). */
|
|
16
|
-
itemLabelInput: string;
|
|
17
|
-
/** Styles applied to the item's checkbox element. */
|
|
18
|
-
itemCheckbox: string;
|
|
19
|
-
/** Styles applied to the item's drag and drop overlay element. */
|
|
20
|
-
itemDragAndDropOverlay: string;
|
|
21
|
-
/** Styles applied to the item's error icon element */
|
|
22
|
-
itemErrorIcon: string;
|
|
23
|
-
/** Styles applied to the item's loading icon element */
|
|
24
|
-
itemLoadingIcon: string;
|
|
25
|
-
}
|
|
26
|
-
export interface TreeViewStyleContextValue {
|
|
27
|
-
classes: Partial<TreeViewClasses>;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* @ignore - internal component.
|
|
31
|
-
*/
|
|
32
|
-
export declare const TreeViewStyleContext: React.Context<TreeViewStyleContextValue>;
|
|
33
|
-
export declare const useTreeViewStyleContext: () => TreeViewStyleContextValue;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @ignore - internal component.
|
|
4
|
-
*/
|
|
5
|
-
export const TreeViewStyleContext = /*#__PURE__*/React.createContext({
|
|
6
|
-
classes: {}
|
|
7
|
-
});
|
|
8
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
9
|
-
TreeViewStyleContext.displayName = 'TreeViewStyleContext';
|
|
10
|
-
}
|
|
11
|
-
export const useTreeViewStyleContext = () => {
|
|
12
|
-
return React.useContext(TreeViewStyleContext);
|
|
13
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/utils/types';
|
|
3
|
-
import { TreeItem, TreeItemProps } from "../../TreeItem/index.js";
|
|
4
|
-
import { TreeViewItemId } from "../../models/index.js";
|
|
5
|
-
export declare function RichTreeViewItems(props: RichTreeViewItemsProps): React.JSX.Element;
|
|
6
|
-
interface RichTreeViewItemsOwnerState {
|
|
7
|
-
itemId: TreeViewItemId;
|
|
8
|
-
label: string;
|
|
9
|
-
}
|
|
10
|
-
export interface RichTreeViewItemsSlots {
|
|
11
|
-
/**
|
|
12
|
-
* Custom component to render a Tree Item.
|
|
13
|
-
* @default TreeItem.
|
|
14
|
-
*/
|
|
15
|
-
item?: React.JSXElementConstructor<TreeItemProps>;
|
|
16
|
-
}
|
|
17
|
-
export interface RichTreeViewItemsSlotProps {
|
|
18
|
-
item?: SlotComponentProps<typeof TreeItem, {}, RichTreeViewItemsOwnerState>;
|
|
19
|
-
}
|
|
20
|
-
export interface RichTreeViewItemsProps {
|
|
21
|
-
/**
|
|
22
|
-
* Overridable component slots.
|
|
23
|
-
* @default {}
|
|
24
|
-
*/
|
|
25
|
-
slots?: RichTreeViewItemsSlots;
|
|
26
|
-
/**
|
|
27
|
-
* The props used for each component slot.
|
|
28
|
-
* @default {}
|
|
29
|
-
*/
|
|
30
|
-
slotProps?: RichTreeViewItemsSlotProps;
|
|
31
|
-
}
|
|
32
|
-
export {};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
const _excluded = ["ownerState"];
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import useSlotProps from '@mui/utils/useSlotProps';
|
|
6
|
-
import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
|
|
7
|
-
import { TreeItem } from "../../TreeItem/index.js";
|
|
8
|
-
import { useSelector } from "../hooks/useSelector.js";
|
|
9
|
-
import { selectorItemMeta, selectorItemOrderedChildrenIds } from "../plugins/useTreeViewItems/useTreeViewItems.selectors.js";
|
|
10
|
-
import { useTreeViewContext } from "../TreeViewProvider/index.js";
|
|
11
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
const RichTreeViewItemsContext = /*#__PURE__*/React.createContext(null);
|
|
13
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
14
|
-
RichTreeViewItemsContext.displayName = 'RichTreeViewItemsProvider';
|
|
15
|
-
}
|
|
16
|
-
const WrappedTreeItem = /*#__PURE__*/React.memo(function WrappedTreeItem({
|
|
17
|
-
itemSlot,
|
|
18
|
-
itemSlotProps,
|
|
19
|
-
itemId
|
|
20
|
-
}) {
|
|
21
|
-
const renderItemForRichTreeView = React.useContext(RichTreeViewItemsContext);
|
|
22
|
-
const {
|
|
23
|
-
store
|
|
24
|
-
} = useTreeViewContext();
|
|
25
|
-
const itemMeta = useSelector(store, selectorItemMeta, itemId);
|
|
26
|
-
const children = useSelector(store, selectorItemOrderedChildrenIds, itemId);
|
|
27
|
-
const Item = itemSlot ?? TreeItem;
|
|
28
|
-
const _useSlotProps = useSlotProps({
|
|
29
|
-
elementType: Item,
|
|
30
|
-
externalSlotProps: itemSlotProps,
|
|
31
|
-
additionalProps: {
|
|
32
|
-
label: itemMeta?.label,
|
|
33
|
-
id: itemMeta?.idAttribute,
|
|
34
|
-
itemId
|
|
35
|
-
},
|
|
36
|
-
ownerState: {
|
|
37
|
-
itemId,
|
|
38
|
-
label: itemMeta?.label
|
|
39
|
-
}
|
|
40
|
-
}),
|
|
41
|
-
itemProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded);
|
|
42
|
-
return /*#__PURE__*/_jsx(Item, _extends({}, itemProps, {
|
|
43
|
-
children: children?.map(renderItemForRichTreeView)
|
|
44
|
-
}));
|
|
45
|
-
}, fastObjectShallowCompare);
|
|
46
|
-
export function RichTreeViewItems(props) {
|
|
47
|
-
const {
|
|
48
|
-
slots,
|
|
49
|
-
slotProps
|
|
50
|
-
} = props;
|
|
51
|
-
const {
|
|
52
|
-
store
|
|
53
|
-
} = useTreeViewContext();
|
|
54
|
-
const itemSlot = slots?.item;
|
|
55
|
-
const itemSlotProps = slotProps?.item;
|
|
56
|
-
const items = useSelector(store, selectorItemOrderedChildrenIds, null);
|
|
57
|
-
const renderItem = React.useCallback(itemId => {
|
|
58
|
-
return /*#__PURE__*/_jsx(WrappedTreeItem, {
|
|
59
|
-
itemSlot: itemSlot,
|
|
60
|
-
itemSlotProps: itemSlotProps,
|
|
61
|
-
itemId: itemId
|
|
62
|
-
}, itemId);
|
|
63
|
-
}, [itemSlot, itemSlotProps]);
|
|
64
|
-
return /*#__PURE__*/_jsx(RichTreeViewItemsContext.Provider, {
|
|
65
|
-
value: renderItem,
|
|
66
|
-
children: items.map(renderItem)
|
|
67
|
-
});
|
|
68
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { UseTreeViewIdParameters } from "./useTreeViewId/index.js";
|
|
2
|
-
import { ConvertPluginsIntoSignatures } from "../models/index.js";
|
|
3
|
-
/**
|
|
4
|
-
* Internal plugins that create the tools used by the other plugins.
|
|
5
|
-
* These plugins are used by the Tree View components.
|
|
6
|
-
*/
|
|
7
|
-
export declare const TREE_VIEW_CORE_PLUGINS: readonly [import("..").TreeViewPlugin<import("./useTreeViewInstanceEvents").UseTreeViewInstanceEventsSignature>, import("..").TreeViewPlugin<import("./useTreeViewOptionalPlugins").UseTreeViewOptionalPluginsSignature>, import("..").TreeViewPlugin<import("./useTreeViewId").UseTreeViewIdSignature>];
|
|
8
|
-
export type TreeViewCorePluginSignatures = ConvertPluginsIntoSignatures<typeof TREE_VIEW_CORE_PLUGINS>;
|
|
9
|
-
export interface TreeViewCorePluginParameters extends UseTreeViewIdParameters {}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { useTreeViewInstanceEvents } from "./useTreeViewInstanceEvents/index.js";
|
|
2
|
-
import { useTreeViewOptionalPlugins } from "./useTreeViewOptionalPlugins/index.js";
|
|
3
|
-
import { useTreeViewId } from "./useTreeViewId/index.js";
|
|
4
|
-
/**
|
|
5
|
-
* Internal plugins that create the tools used by the other plugins.
|
|
6
|
-
* These plugins are used by the Tree View components.
|
|
7
|
-
*/
|
|
8
|
-
export const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents, useTreeViewOptionalPlugins, useTreeViewId];
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TREE_VIEW_CORE_PLUGINS } from "./corePlugins.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTreeViewId } from "./useTreeViewId.js";
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useSelector } from "../../hooks/useSelector.js";
|
|
4
|
-
import { selectorTreeViewId } from "./useTreeViewId.selectors.js";
|
|
5
|
-
import { createTreeViewDefaultId } from "./useTreeViewId.utils.js";
|
|
6
|
-
export const useTreeViewId = ({
|
|
7
|
-
params,
|
|
8
|
-
store
|
|
9
|
-
}) => {
|
|
10
|
-
React.useEffect(() => {
|
|
11
|
-
store.update(prevState => {
|
|
12
|
-
if (params.id === prevState.id.providedTreeId && prevState.id.treeId !== undefined) {
|
|
13
|
-
return prevState;
|
|
14
|
-
}
|
|
15
|
-
return _extends({}, prevState, {
|
|
16
|
-
id: _extends({}, prevState.id, {
|
|
17
|
-
treeId: params.id ?? createTreeViewDefaultId()
|
|
18
|
-
})
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
}, [store, params.id]);
|
|
22
|
-
const treeId = useSelector(store, selectorTreeViewId);
|
|
23
|
-
return {
|
|
24
|
-
getRootProps: () => ({
|
|
25
|
-
id: treeId
|
|
26
|
-
})
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
useTreeViewId.params = {
|
|
30
|
-
id: true
|
|
31
|
-
};
|
|
32
|
-
useTreeViewId.getInitialState = ({
|
|
33
|
-
id
|
|
34
|
-
}) => ({
|
|
35
|
-
id: {
|
|
36
|
-
treeId: undefined,
|
|
37
|
-
providedTreeId: id
|
|
38
|
-
}
|
|
39
|
-
});
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { TreeViewRootSelector } from "../../utils/selectors.js";
|
|
2
|
-
import { UseTreeViewIdSignature } from "./useTreeViewId.types.js";
|
|
3
|
-
/**
|
|
4
|
-
* Get the id attribute of the tree view.
|
|
5
|
-
* @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
|
|
6
|
-
* @returns {string} The id attribute of the tree view.
|
|
7
|
-
*/
|
|
8
|
-
export declare const selectorTreeViewId: ((state: import("./useTreeViewId.types").UseTreeViewIdState & Partial<{}> & {
|
|
9
|
-
cacheKey: import("../../models").TreeViewStateCacheKey;
|
|
10
|
-
}) => string | undefined) & {
|
|
11
|
-
clearCache: () => void;
|
|
12
|
-
resultsCount: () => number;
|
|
13
|
-
resetResultsCount: () => void;
|
|
14
|
-
} & {
|
|
15
|
-
resultFunc: (resultFuncArgs_0: {
|
|
16
|
-
treeId: string | undefined;
|
|
17
|
-
providedTreeId: string | undefined;
|
|
18
|
-
}) => string | undefined;
|
|
19
|
-
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
20
|
-
treeId: string | undefined;
|
|
21
|
-
providedTreeId: string | undefined;
|
|
22
|
-
}) => string | undefined) & {
|
|
23
|
-
clearCache: () => void;
|
|
24
|
-
resultsCount: () => number;
|
|
25
|
-
resetResultsCount: () => void;
|
|
26
|
-
};
|
|
27
|
-
lastResult: () => string | undefined;
|
|
28
|
-
dependencies: [TreeViewRootSelector<UseTreeViewIdSignature>];
|
|
29
|
-
recomputations: () => number;
|
|
30
|
-
resetRecomputations: () => void;
|
|
31
|
-
dependencyRecomputations: () => number;
|
|
32
|
-
resetDependencyRecomputations: () => void;
|
|
33
|
-
} & {
|
|
34
|
-
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
35
|
-
memoize: typeof import("reselect").weakMapMemoize;
|
|
36
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { createSelector } from "../../utils/selectors.js";
|
|
2
|
-
const selectorTreeViewIdState = state => state.id;
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Get the id attribute of the tree view.
|
|
6
|
-
* @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
|
|
7
|
-
* @returns {string} The id attribute of the tree view.
|
|
8
|
-
*/
|
|
9
|
-
export const selectorTreeViewId = createSelector(selectorTreeViewIdState, idState => idState.treeId);
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { TreeViewPluginSignature } from "../../models/index.js";
|
|
2
|
-
export interface UseTreeViewIdParameters {
|
|
3
|
-
/**
|
|
4
|
-
* This prop is used to help implement the accessibility logic.
|
|
5
|
-
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
6
|
-
*/
|
|
7
|
-
id?: string;
|
|
8
|
-
}
|
|
9
|
-
export type UseTreeViewIdDefaultizedParameters = UseTreeViewIdParameters;
|
|
10
|
-
export interface UseTreeViewIdState {
|
|
11
|
-
id: {
|
|
12
|
-
treeId: string | undefined;
|
|
13
|
-
providedTreeId: string | undefined;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
export type UseTreeViewIdSignature = TreeViewPluginSignature<{
|
|
17
|
-
params: UseTreeViewIdParameters;
|
|
18
|
-
defaultizedParams: UseTreeViewIdDefaultizedParameters;
|
|
19
|
-
state: UseTreeViewIdState;
|
|
20
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { TreeViewItemId } from "../../../models/index.js";
|
|
2
|
-
export declare const createTreeViewDefaultId: () => string;
|
|
3
|
-
/**
|
|
4
|
-
* Generate the id attribute (i.e.: the `id` attribute passed to the DOM element) of a Tree Item.
|
|
5
|
-
* If the user explicitly defined an id attribute, it will be returned.
|
|
6
|
-
* Otherwise, the method creates a unique id for the item based on the Tree View id attribute and the item `itemId`
|
|
7
|
-
* @param {object} params The parameters to determine the id attribute of the item.
|
|
8
|
-
* @param {TreeViewItemId} params.itemId The id of the item to get the id attribute of.
|
|
9
|
-
* @param {string | undefined} params.idAttribute The id attribute of the item if explicitly defined by the user.
|
|
10
|
-
* @param {string} params.treeId The id attribute of the Tree View.
|
|
11
|
-
* @returns {string} The id attribute of the item.
|
|
12
|
-
*/
|
|
13
|
-
export declare const generateTreeItemIdAttribute: ({
|
|
14
|
-
id,
|
|
15
|
-
treeId,
|
|
16
|
-
itemId
|
|
17
|
-
}: {
|
|
18
|
-
id: TreeViewItemId | undefined;
|
|
19
|
-
treeId: string | undefined;
|
|
20
|
-
itemId: string;
|
|
21
|
-
}) => string;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
let globalTreeViewDefaultId = 0;
|
|
2
|
-
export const createTreeViewDefaultId = () => {
|
|
3
|
-
globalTreeViewDefaultId += 1;
|
|
4
|
-
return `mui-tree-view-${globalTreeViewDefaultId}`;
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Generate the id attribute (i.e.: the `id` attribute passed to the DOM element) of a Tree Item.
|
|
9
|
-
* If the user explicitly defined an id attribute, it will be returned.
|
|
10
|
-
* Otherwise, the method creates a unique id for the item based on the Tree View id attribute and the item `itemId`
|
|
11
|
-
* @param {object} params The parameters to determine the id attribute of the item.
|
|
12
|
-
* @param {TreeViewItemId} params.itemId The id of the item to get the id attribute of.
|
|
13
|
-
* @param {string | undefined} params.idAttribute The id attribute of the item if explicitly defined by the user.
|
|
14
|
-
* @param {string} params.treeId The id attribute of the Tree View.
|
|
15
|
-
* @returns {string} The id attribute of the item.
|
|
16
|
-
*/
|
|
17
|
-
export const generateTreeItemIdAttribute = ({
|
|
18
|
-
id,
|
|
19
|
-
treeId = '',
|
|
20
|
-
itemId
|
|
21
|
-
}) => {
|
|
22
|
-
if (id != null) {
|
|
23
|
-
return id;
|
|
24
|
-
}
|
|
25
|
-
return `${treeId}-${itemId}`;
|
|
26
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTreeViewInstanceEvents } from "./useTreeViewInstanceEvents.js";
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { EventManager } from '@mui/x-internals/EventManager';
|
|
3
|
-
const isSyntheticEvent = event => {
|
|
4
|
-
return event.isPropagationStopped !== undefined;
|
|
5
|
-
};
|
|
6
|
-
export const useTreeViewInstanceEvents = () => {
|
|
7
|
-
const [eventManager] = React.useState(() => new EventManager());
|
|
8
|
-
const publishEvent = React.useCallback((...args) => {
|
|
9
|
-
const [name, params, event = {}] = args;
|
|
10
|
-
event.defaultMuiPrevented = false;
|
|
11
|
-
if (isSyntheticEvent(event) && event.isPropagationStopped()) {
|
|
12
|
-
return;
|
|
13
|
-
}
|
|
14
|
-
eventManager.emit(name, params, event);
|
|
15
|
-
}, [eventManager]);
|
|
16
|
-
const subscribeEvent = React.useCallback((event, handler) => {
|
|
17
|
-
eventManager.on(event, handler);
|
|
18
|
-
return () => {
|
|
19
|
-
eventManager.removeListener(event, handler);
|
|
20
|
-
};
|
|
21
|
-
}, [eventManager]);
|
|
22
|
-
return {
|
|
23
|
-
instance: {
|
|
24
|
-
$$publishEvent: publishEvent,
|
|
25
|
-
$$subscribeEvent: subscribeEvent
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
useTreeViewInstanceEvents.params = {};
|
package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { TreeViewPluginSignature } from "../../models/index.js";
|
|
2
|
-
import { TreeViewEventListener } from "../../models/events.js";
|
|
3
|
-
export interface UseTreeViewInstanceEventsInstance {
|
|
4
|
-
/**
|
|
5
|
-
* Should never be used directly.
|
|
6
|
-
* Please use `useInstanceEventHandler` instead.
|
|
7
|
-
* @param {string} eventName Name of the event to subscribe to.
|
|
8
|
-
* @param {TreeViewEventListener<any>} handler Event handler to call when the event is published.
|
|
9
|
-
* @returns {() => void} Cleanup function.
|
|
10
|
-
*/
|
|
11
|
-
$$subscribeEvent: (eventName: string, handler: TreeViewEventListener<any>) => () => void;
|
|
12
|
-
/**
|
|
13
|
-
* Should never be used directly.
|
|
14
|
-
* Please use `publishTreeViewEvent` instead.
|
|
15
|
-
* @param {string} eventName Name of the event to publish.
|
|
16
|
-
* @param {any} params The params to publish with the event.
|
|
17
|
-
*/
|
|
18
|
-
$$publishEvent: (eventName: string, params: any) => void;
|
|
19
|
-
}
|
|
20
|
-
export type UseTreeViewInstanceEventsSignature = TreeViewPluginSignature<{
|
|
21
|
-
instance: UseTreeViewInstanceEventsInstance;
|
|
22
|
-
}>;
|
package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTreeViewOptionalPlugins } from "./useTreeViewOptionalPlugins.js";
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { TreeViewPlugin, TreeViewAnyPluginSignature, TreeViewPluginSignature } from "../../models/index.js";
|
|
2
|
-
interface UseTreeViewOptionalPluginsInstance {
|
|
3
|
-
getAvailablePlugins: () => Set<TreeViewPlugin<TreeViewAnyPluginSignature>>;
|
|
4
|
-
}
|
|
5
|
-
export type UseTreeViewOptionalPluginsSignature = TreeViewPluginSignature<{
|
|
6
|
-
instance: UseTreeViewOptionalPluginsInstance;
|
|
7
|
-
}>;
|
|
8
|
-
export {};
|
package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { CleanupTracking } from "../utils/cleanupTracking/CleanupTracking.js";
|
|
2
|
-
import { TreeViewAnyPluginSignature, TreeViewUsedEvents } from "../models/index.js";
|
|
3
|
-
import { TreeViewEventListener } from "../models/events.js";
|
|
4
|
-
import { UseTreeViewInstanceEventsInstance } from "../corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.js";
|
|
5
|
-
interface RegistryContainer {
|
|
6
|
-
registry: CleanupTracking | null;
|
|
7
|
-
}
|
|
8
|
-
export declare function createUseInstanceEventHandler(registryContainer: RegistryContainer): <Instance extends UseTreeViewInstanceEventsInstance & {
|
|
9
|
-
$$signature: TreeViewAnyPluginSignature;
|
|
10
|
-
}, E extends keyof TreeViewUsedEvents<Instance["$$signature"]>>(instance: Instance, eventName: E, handler: TreeViewEventListener<TreeViewUsedEvents<Instance["$$signature"]>[E]>) => void;
|
|
11
|
-
export declare const unstable_resetCleanupTracking: () => void;
|
|
12
|
-
export declare const useInstanceEventHandler: <Instance extends UseTreeViewInstanceEventsInstance & {
|
|
13
|
-
$$signature: TreeViewAnyPluginSignature;
|
|
14
|
-
}, E extends keyof TreeViewUsedEvents<Instance["$$signature"]>>(instance: Instance, eventName: E, handler: TreeViewEventListener<TreeViewUsedEvents<Instance["$$signature"]>[E]>) => void;
|
|
15
|
-
export {};
|