@mui/x-tree-view 8.0.0-beta.3 → 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 +282 -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 +4 -12
- 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 +0,0 @@
|
|
|
1
|
-
export { TreeItemDragAndDropOverlay } from "./TreeItemDragAndDropOverlay.js";
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import PropTypes from 'prop-types';
|
|
6
|
-
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
7
|
-
import useSlotProps from '@mui/utils/useSlotProps';
|
|
8
|
-
import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
|
|
9
|
-
import { TreeViewCollapseIcon, TreeViewExpandIcon } from "../icons/index.js";
|
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
function TreeItemIcon(props) {
|
|
12
|
-
const {
|
|
13
|
-
slots,
|
|
14
|
-
slotProps,
|
|
15
|
-
status
|
|
16
|
-
} = props;
|
|
17
|
-
const context = useTreeViewContext();
|
|
18
|
-
const contextIcons = _extends({}, context.icons.slots, {
|
|
19
|
-
expandIcon: context.icons.slots.expandIcon ?? TreeViewExpandIcon,
|
|
20
|
-
collapseIcon: context.icons.slots.collapseIcon ?? TreeViewCollapseIcon
|
|
21
|
-
});
|
|
22
|
-
const contextIconProps = context.icons.slotProps;
|
|
23
|
-
let iconName;
|
|
24
|
-
if (slots?.icon) {
|
|
25
|
-
iconName = 'icon';
|
|
26
|
-
} else if (status.expandable) {
|
|
27
|
-
if (status.expanded) {
|
|
28
|
-
iconName = 'collapseIcon';
|
|
29
|
-
} else {
|
|
30
|
-
iconName = 'expandIcon';
|
|
31
|
-
}
|
|
32
|
-
} else {
|
|
33
|
-
iconName = 'endIcon';
|
|
34
|
-
}
|
|
35
|
-
const Icon = slots?.[iconName] ?? contextIcons[iconName];
|
|
36
|
-
const iconProps = useSlotProps({
|
|
37
|
-
elementType: Icon,
|
|
38
|
-
externalSlotProps: tempOwnerState => _extends({}, resolveComponentProps(contextIconProps[iconName], tempOwnerState), resolveComponentProps(slotProps?.[iconName], tempOwnerState)),
|
|
39
|
-
// TODO: Add proper ownerState
|
|
40
|
-
ownerState: {}
|
|
41
|
-
});
|
|
42
|
-
if (!Icon) {
|
|
43
|
-
return null;
|
|
44
|
-
}
|
|
45
|
-
return /*#__PURE__*/_jsx(Icon, _extends({}, iconProps));
|
|
46
|
-
}
|
|
47
|
-
process.env.NODE_ENV !== "production" ? TreeItemIcon.propTypes = {
|
|
48
|
-
// ----------------------------- Warning --------------------------------
|
|
49
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
50
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
51
|
-
// ----------------------------------------------------------------------
|
|
52
|
-
/**
|
|
53
|
-
* The props used for each component slot.
|
|
54
|
-
* @default {}
|
|
55
|
-
*/
|
|
56
|
-
slotProps: PropTypes.object,
|
|
57
|
-
/**
|
|
58
|
-
* Overridable component slots.
|
|
59
|
-
* @default {}
|
|
60
|
-
*/
|
|
61
|
-
slots: PropTypes.object,
|
|
62
|
-
status: PropTypes.shape({
|
|
63
|
-
disabled: PropTypes.bool.isRequired,
|
|
64
|
-
editable: PropTypes.bool.isRequired,
|
|
65
|
-
editing: PropTypes.bool.isRequired,
|
|
66
|
-
error: PropTypes.bool.isRequired,
|
|
67
|
-
expandable: PropTypes.bool.isRequired,
|
|
68
|
-
expanded: PropTypes.bool.isRequired,
|
|
69
|
-
focused: PropTypes.bool.isRequired,
|
|
70
|
-
loading: PropTypes.bool.isRequired,
|
|
71
|
-
selected: PropTypes.bool.isRequired
|
|
72
|
-
}).isRequired
|
|
73
|
-
} : void 0;
|
|
74
|
-
export { TreeItemIcon };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/utils/types';
|
|
3
|
-
import { UseTreeItemStatus } from "../useTreeItem/index.js";
|
|
4
|
-
export interface TreeItemIconSlots {
|
|
5
|
-
/**
|
|
6
|
-
* The icon used to collapse the item.
|
|
7
|
-
*/
|
|
8
|
-
collapseIcon?: React.ElementType;
|
|
9
|
-
/**
|
|
10
|
-
* The icon used to expand the item.
|
|
11
|
-
*/
|
|
12
|
-
expandIcon?: React.ElementType;
|
|
13
|
-
/**
|
|
14
|
-
* The icon displayed next to an end item.
|
|
15
|
-
*/
|
|
16
|
-
endIcon?: React.ElementType;
|
|
17
|
-
/**
|
|
18
|
-
* The icon to display next to the Tree Item's label.
|
|
19
|
-
*/
|
|
20
|
-
icon?: React.ElementType;
|
|
21
|
-
}
|
|
22
|
-
export interface TreeItemIconSlotProps {
|
|
23
|
-
collapseIcon?: SlotComponentProps<'svg', {}, {}>;
|
|
24
|
-
expandIcon?: SlotComponentProps<'svg', {}, {}>;
|
|
25
|
-
endIcon?: SlotComponentProps<'svg', {}, {}>;
|
|
26
|
-
icon?: SlotComponentProps<'svg', {}, {}>;
|
|
27
|
-
}
|
|
28
|
-
export interface TreeItemIconProps {
|
|
29
|
-
status: UseTreeItemStatus;
|
|
30
|
-
/**
|
|
31
|
-
* Overridable component slots.
|
|
32
|
-
* @default {}
|
|
33
|
-
*/
|
|
34
|
-
slots?: TreeItemIconSlots;
|
|
35
|
-
/**
|
|
36
|
-
* The props used for each component slot.
|
|
37
|
-
* @default {}
|
|
38
|
-
*/
|
|
39
|
-
slotProps?: TreeItemIconSlotProps;
|
|
40
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TreeItemIcon } from "./TreeItemIcon.js";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @ignore - internal component.
|
|
3
|
-
*/
|
|
4
|
-
declare const TreeItemLabelInput: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, {}>;
|
|
5
|
-
export { TreeItemLabelInput };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import { styled } from "../internals/zero-styled/index.js";
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* @ignore - internal component.
|
|
6
|
-
*/
|
|
7
|
-
const TreeItemLabelInput = styled('input', {
|
|
8
|
-
name: 'MuiTreeItem',
|
|
9
|
-
slot: 'LabelInput',
|
|
10
|
-
overridesResolver: (props, styles) => styles.labelInput
|
|
11
|
-
})(({
|
|
12
|
-
theme
|
|
13
|
-
}) => _extends({}, theme.typography.body1, {
|
|
14
|
-
width: '100%',
|
|
15
|
-
backgroundColor: (theme.vars || theme).palette.background.paper,
|
|
16
|
-
borderRadius: theme.shape.borderRadius,
|
|
17
|
-
border: 'none',
|
|
18
|
-
padding: '0 2px',
|
|
19
|
-
boxSizing: 'border-box',
|
|
20
|
-
'&:focus': {
|
|
21
|
-
outline: `1px solid ${(theme.vars || theme).palette.primary.main}`
|
|
22
|
-
}
|
|
23
|
-
}));
|
|
24
|
-
export { TreeItemLabelInput };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeViewCancellableEventHandler } from "../models/index.js";
|
|
3
|
-
export interface TreeItemLabelInputProps {
|
|
4
|
-
value?: string;
|
|
5
|
-
/**
|
|
6
|
-
* Used to determine if the target of keydown or blur events is the input and prevent the event from propagating to the root.
|
|
7
|
-
*/
|
|
8
|
-
'data-element'?: 'labelInput';
|
|
9
|
-
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
10
|
-
onKeyDown?: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLInputElement>>;
|
|
11
|
-
onBlur?: TreeViewCancellableEventHandler<React.FocusEvent<HTMLInputElement>>;
|
|
12
|
-
autoFocus?: true;
|
|
13
|
-
type?: 'text';
|
|
14
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TreeItemLabelInput } from "./TreeItemLabelInput.js";
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeItemProviderProps } from "./TreeItemProvider.types.js";
|
|
3
|
-
declare function TreeItemProvider(props: TreeItemProviderProps): React.JSX.Element;
|
|
4
|
-
declare namespace TreeItemProvider {
|
|
5
|
-
var propTypes: any;
|
|
6
|
-
}
|
|
7
|
-
export { TreeItemProvider };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
|
|
6
|
-
import { generateTreeItemIdAttribute } from "../internals/corePlugins/useTreeViewId/useTreeViewId.utils.js";
|
|
7
|
-
import { useSelector } from "../internals/hooks/useSelector.js";
|
|
8
|
-
import { selectorTreeViewId } from "../internals/corePlugins/useTreeViewId/useTreeViewId.selectors.js";
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
function TreeItemProvider(props) {
|
|
11
|
-
const {
|
|
12
|
-
children,
|
|
13
|
-
itemId,
|
|
14
|
-
id
|
|
15
|
-
} = props;
|
|
16
|
-
const {
|
|
17
|
-
wrapItem,
|
|
18
|
-
instance,
|
|
19
|
-
store
|
|
20
|
-
} = useTreeViewContext();
|
|
21
|
-
const treeId = useSelector(store, selectorTreeViewId);
|
|
22
|
-
const idAttribute = generateTreeItemIdAttribute({
|
|
23
|
-
itemId,
|
|
24
|
-
treeId,
|
|
25
|
-
id
|
|
26
|
-
});
|
|
27
|
-
return /*#__PURE__*/_jsx(React.Fragment, {
|
|
28
|
-
children: wrapItem({
|
|
29
|
-
children,
|
|
30
|
-
itemId,
|
|
31
|
-
instance,
|
|
32
|
-
idAttribute
|
|
33
|
-
})
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
process.env.NODE_ENV !== "production" ? TreeItemProvider.propTypes = {
|
|
37
|
-
// ----------------------------- Warning --------------------------------
|
|
38
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
39
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
40
|
-
// ----------------------------------------------------------------------
|
|
41
|
-
children: PropTypes.node,
|
|
42
|
-
id: PropTypes.string,
|
|
43
|
-
itemId: PropTypes.string.isRequired
|
|
44
|
-
} : void 0;
|
|
45
|
-
export { TreeItemProvider };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TreeItemProvider } from "./TreeItemProvider.js";
|
package/modern/hooks/index.d.ts
DELETED
package/modern/hooks/index.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
|
|
4
|
-
import { useSelector } from "../internals/hooks/useSelector.js";
|
|
5
|
-
import { selectorItemModel } from "../internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js";
|
|
6
|
-
export const useTreeItemModel = itemId => {
|
|
7
|
-
const {
|
|
8
|
-
store
|
|
9
|
-
} = useTreeViewContext();
|
|
10
|
-
return useSelector(store, selectorItemModel, itemId);
|
|
11
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTreeItemUtils } from "./useTreeItemUtils.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTreeItemUtils } from "./useTreeItemUtils.js";
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { UseTreeViewLazyLoadingSignature } from '../../internals/plugins/useTreeViewLazyLoading';
|
|
3
|
-
import type { UseTreeViewSelectionSignature } from '../../internals/plugins/useTreeViewSelection';
|
|
4
|
-
import type { UseTreeViewExpansionSignature } from '../../internals/plugins/useTreeViewExpansion';
|
|
5
|
-
import type { UseTreeViewItemsSignature } from '../../internals/plugins/useTreeViewItems';
|
|
6
|
-
import type { UseTreeViewFocusSignature } from '../../internals/plugins/useTreeViewFocus';
|
|
7
|
-
import { UseTreeViewLabelSignature } from "../../internals/plugins/useTreeViewLabel/index.js";
|
|
8
|
-
import type { UseTreeItemStatus } from '../../useTreeItem';
|
|
9
|
-
import { TreeViewPublicAPI } from "../../internals/models/index.js";
|
|
10
|
-
export interface UseTreeItemInteractions {
|
|
11
|
-
handleExpansion: (event: React.MouseEvent) => void;
|
|
12
|
-
handleSelection: (event: React.MouseEvent) => void;
|
|
13
|
-
handleCheckboxSelection: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
14
|
-
toggleItemEditing: () => void;
|
|
15
|
-
handleSaveItemLabel: (event: React.SyntheticEvent, label: string) => void;
|
|
16
|
-
handleCancelItemLabelEditing: (event: React.SyntheticEvent) => void;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Plugins that need to be present in the Tree View in order for `useTreeItemUtils` to work correctly.
|
|
20
|
-
*/
|
|
21
|
-
type UseTreeItemUtilsMinimalPlugins = readonly [UseTreeViewSelectionSignature, UseTreeViewExpansionSignature, UseTreeViewItemsSignature, UseTreeViewFocusSignature];
|
|
22
|
-
/**
|
|
23
|
-
* Plugins that `useTreeItemUtils` can use if they are present, but are not required.
|
|
24
|
-
*/
|
|
25
|
-
export type UseTreeItemUtilsOptionalPlugins = readonly [UseTreeViewLabelSignature, UseTreeViewLazyLoadingSignature];
|
|
26
|
-
interface UseTreeItemUtilsReturnValue<TSignatures extends UseTreeItemUtilsMinimalPlugins, TOptionalSignatures extends UseTreeItemUtilsOptionalPlugins> {
|
|
27
|
-
interactions: UseTreeItemInteractions;
|
|
28
|
-
status: UseTreeItemStatus;
|
|
29
|
-
/**
|
|
30
|
-
* The object the allows Tree View manipulation.
|
|
31
|
-
*/
|
|
32
|
-
publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
|
|
33
|
-
}
|
|
34
|
-
export declare const itemHasChildren: (reactChildren: React.ReactNode) => boolean;
|
|
35
|
-
export declare const useTreeItemUtils: <TSignatures extends UseTreeItemUtilsMinimalPlugins = UseTreeItemUtilsMinimalPlugins, TOptionalSignatures extends UseTreeItemUtilsOptionalPlugins = UseTreeItemUtilsOptionalPlugins>({
|
|
36
|
-
itemId,
|
|
37
|
-
children
|
|
38
|
-
}: {
|
|
39
|
-
itemId: string;
|
|
40
|
-
children?: React.ReactNode;
|
|
41
|
-
}) => UseTreeItemUtilsReturnValue<TSignatures, TOptionalSignatures>;
|
|
42
|
-
export {};
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { useTreeViewContext } from "../../internals/TreeViewProvider/index.js";
|
|
4
|
-
import { useTreeViewLabel } from "../../internals/plugins/useTreeViewLabel/index.js";
|
|
5
|
-
import { hasPlugin } from "../../internals/utils/plugins.js";
|
|
6
|
-
import { useSelector } from "../../internals/hooks/useSelector.js";
|
|
7
|
-
import { selectorIsItemExpandable, selectorIsItemExpanded } from "../../internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
|
|
8
|
-
import { selectorIsItemFocused } from "../../internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js";
|
|
9
|
-
import { selectorIsItemDisabled } from "../../internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js";
|
|
10
|
-
import { selectorIsItemSelected, selectorIsMultiSelectEnabled } from "../../internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js";
|
|
11
|
-
import { selectorGetTreeItemError, selectorIsItemLoading, selectorIsLazyLoadingEnabled } from "../../internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js";
|
|
12
|
-
import { selectorIsItemBeingEdited, selectorIsItemEditable } from "../../internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js";
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Plugins that need to be present in the Tree View in order for `useTreeItemUtils` to work correctly.
|
|
16
|
-
*/
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Plugins that `useTreeItemUtils` can use if they are present, but are not required.
|
|
20
|
-
*/
|
|
21
|
-
|
|
22
|
-
export const itemHasChildren = reactChildren => {
|
|
23
|
-
if (Array.isArray(reactChildren)) {
|
|
24
|
-
return reactChildren.length > 0 && reactChildren.some(itemHasChildren);
|
|
25
|
-
}
|
|
26
|
-
return Boolean(reactChildren);
|
|
27
|
-
};
|
|
28
|
-
export const useTreeItemUtils = ({
|
|
29
|
-
itemId,
|
|
30
|
-
children
|
|
31
|
-
}) => {
|
|
32
|
-
const {
|
|
33
|
-
instance,
|
|
34
|
-
store,
|
|
35
|
-
publicAPI
|
|
36
|
-
} = useTreeViewContext();
|
|
37
|
-
const isItemExpandable = useSelector(store, selectorIsItemExpandable, itemId);
|
|
38
|
-
const isLazyLoadingEnabled = useSelector(store, selectorIsLazyLoadingEnabled);
|
|
39
|
-
const isMultiSelectEnabled = useSelector(store, selectorIsMultiSelectEnabled);
|
|
40
|
-
const loading = useSelector(store, state => isLazyLoadingEnabled ? selectorIsItemLoading(state, itemId) : false);
|
|
41
|
-
const error = useSelector(store, state => isLazyLoadingEnabled ? Boolean(selectorGetTreeItemError(state, itemId)) : false);
|
|
42
|
-
const isExpandable = itemHasChildren(children) || isItemExpandable;
|
|
43
|
-
const isExpanded = useSelector(store, selectorIsItemExpanded, itemId);
|
|
44
|
-
const isFocused = useSelector(store, selectorIsItemFocused, itemId);
|
|
45
|
-
const isSelected = useSelector(store, selectorIsItemSelected, itemId);
|
|
46
|
-
const isDisabled = useSelector(store, selectorIsItemDisabled, itemId);
|
|
47
|
-
const isEditing = useSelector(store, selectorIsItemBeingEdited, itemId);
|
|
48
|
-
const isEditable = useSelector(store, selectorIsItemEditable, itemId);
|
|
49
|
-
const status = {
|
|
50
|
-
expandable: isExpandable,
|
|
51
|
-
expanded: isExpanded,
|
|
52
|
-
focused: isFocused,
|
|
53
|
-
selected: isSelected,
|
|
54
|
-
disabled: isDisabled,
|
|
55
|
-
editing: isEditing,
|
|
56
|
-
editable: isEditable,
|
|
57
|
-
loading,
|
|
58
|
-
error
|
|
59
|
-
};
|
|
60
|
-
const handleExpansion = event => {
|
|
61
|
-
if (status.disabled) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
if (!status.focused) {
|
|
65
|
-
instance.focusItem(event, itemId);
|
|
66
|
-
}
|
|
67
|
-
const multiple = isMultiSelectEnabled && (event.shiftKey || event.ctrlKey || event.metaKey);
|
|
68
|
-
|
|
69
|
-
// If already expanded and trying to toggle selection don't close
|
|
70
|
-
if (status.expandable && !(multiple && selectorIsItemExpanded(store.value, itemId))) {
|
|
71
|
-
// make sure the children selection is propagated again
|
|
72
|
-
instance.setItemExpansion({
|
|
73
|
-
event,
|
|
74
|
-
itemId
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
const handleSelection = event => {
|
|
79
|
-
if (status.disabled) {
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
if (!status.focused) {
|
|
83
|
-
instance.focusItem(event, itemId);
|
|
84
|
-
}
|
|
85
|
-
const multiple = isMultiSelectEnabled && (event.shiftKey || event.ctrlKey || event.metaKey);
|
|
86
|
-
if (multiple) {
|
|
87
|
-
if (event.shiftKey) {
|
|
88
|
-
instance.expandSelectionRange(event, itemId);
|
|
89
|
-
} else {
|
|
90
|
-
instance.setItemSelection({
|
|
91
|
-
event,
|
|
92
|
-
itemId,
|
|
93
|
-
keepExistingSelection: true
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
} else {
|
|
97
|
-
instance.setItemSelection({
|
|
98
|
-
event,
|
|
99
|
-
itemId,
|
|
100
|
-
shouldBeSelected: true
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
const handleCheckboxSelection = event => {
|
|
105
|
-
const hasShift = event.nativeEvent.shiftKey;
|
|
106
|
-
if (isMultiSelectEnabled && hasShift) {
|
|
107
|
-
instance.expandSelectionRange(event, itemId);
|
|
108
|
-
} else {
|
|
109
|
-
instance.setItemSelection({
|
|
110
|
-
event,
|
|
111
|
-
itemId,
|
|
112
|
-
keepExistingSelection: isMultiSelectEnabled,
|
|
113
|
-
shouldBeSelected: event.target.checked
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
const toggleItemEditing = () => {
|
|
118
|
-
if (!hasPlugin(instance, useTreeViewLabel)) {
|
|
119
|
-
return;
|
|
120
|
-
}
|
|
121
|
-
if (isEditable) {
|
|
122
|
-
if (isEditing) {
|
|
123
|
-
instance.setEditedItemId(null);
|
|
124
|
-
} else {
|
|
125
|
-
instance.setEditedItemId(itemId);
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
const handleSaveItemLabel = (event, newLabel) => {
|
|
130
|
-
if (!hasPlugin(instance, useTreeViewLabel)) {
|
|
131
|
-
return;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
// As a side effect of `instance.focusItem` called here and in `handleCancelItemLabelEditing` the `labelInput` is blurred
|
|
135
|
-
// The `onBlur` event is triggered, which calls `handleSaveItemLabel` again.
|
|
136
|
-
// To avoid creating an unwanted behavior we need to check if the item is being edited before calling `updateItemLabel`
|
|
137
|
-
if (selectorIsItemBeingEdited(store.value, itemId)) {
|
|
138
|
-
instance.updateItemLabel(itemId, newLabel);
|
|
139
|
-
toggleItemEditing();
|
|
140
|
-
instance.focusItem(event, itemId);
|
|
141
|
-
}
|
|
142
|
-
};
|
|
143
|
-
const handleCancelItemLabelEditing = event => {
|
|
144
|
-
if (!hasPlugin(instance, useTreeViewLabel)) {
|
|
145
|
-
return;
|
|
146
|
-
}
|
|
147
|
-
if (selectorIsItemBeingEdited(store.value, itemId)) {
|
|
148
|
-
toggleItemEditing();
|
|
149
|
-
instance.focusItem(event, itemId);
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
|
-
const interactions = {
|
|
153
|
-
handleExpansion,
|
|
154
|
-
handleSelection,
|
|
155
|
-
handleCheckboxSelection,
|
|
156
|
-
toggleItemEditing,
|
|
157
|
-
handleSaveItemLabel,
|
|
158
|
-
handleCancelItemLabelEditing
|
|
159
|
-
};
|
|
160
|
-
return {
|
|
161
|
-
interactions,
|
|
162
|
-
status,
|
|
163
|
-
publicAPI
|
|
164
|
-
};
|
|
165
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeViewAnyPluginSignature, TreeViewPublicAPI } from "../internals/models/index.js";
|
|
3
|
-
import { RichTreeViewPluginSignatures } from "../RichTreeView/RichTreeView.plugins.js";
|
|
4
|
-
/**
|
|
5
|
-
* Hook that instantiates a [[TreeViewApiRef]].
|
|
6
|
-
*/
|
|
7
|
-
export declare const useTreeViewApiRef: <TSignatures extends readonly TreeViewAnyPluginSignature[] = RichTreeViewPluginSignatures>() => React.RefObject<TreeViewPublicAPI<TSignatures> | undefined>;
|
package/modern/icons/icons.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const TreeViewExpandIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
2
|
-
muiName: string;
|
|
3
|
-
};
|
|
4
|
-
export declare const TreeViewCollapseIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
5
|
-
muiName: string;
|
|
6
|
-
};
|
package/modern/icons/icons.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { createSvgIcon } from '@mui/material/utils';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
export const TreeViewExpandIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
|
|
5
|
-
d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
|
|
6
|
-
}), 'TreeViewExpandIcon');
|
|
7
|
-
export const TreeViewCollapseIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
|
|
8
|
-
d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
|
|
9
|
-
}), 'TreeViewCollapseIcon');
|
package/modern/icons/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./icons.js";
|
package/modern/icons/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./icons.js";
|
package/modern/index.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export * from "./SimpleTreeView/index.js";
|
|
2
|
-
export * from "./RichTreeView/index.js";
|
|
3
|
-
export * from "./TreeItem/index.js";
|
|
4
|
-
export * from "./useTreeItem/index.js";
|
|
5
|
-
export * from "./TreeItemIcon/index.js";
|
|
6
|
-
export * from "./TreeItemProvider/index.js";
|
|
7
|
-
export * from "./TreeItemDragAndDropOverlay/index.js";
|
|
8
|
-
export * from "./TreeItemLabelInput/index.js";
|
|
9
|
-
export { unstable_resetCleanupTracking } from "./internals/hooks/useInstanceEventHandler.js";
|
|
10
|
-
export * from "./models/index.js";
|
|
11
|
-
export * from "./icons/index.js";
|
|
12
|
-
export * from "./hooks/index.js";
|
package/modern/index.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @mui/x-tree-view v8.0.0-beta.3
|
|
3
|
-
*
|
|
4
|
-
* @license MIT
|
|
5
|
-
* This source code is licensed under the MIT license found in the
|
|
6
|
-
* LICENSE file in the root directory of this source tree.
|
|
7
|
-
*/
|
|
8
|
-
// Tree View
|
|
9
|
-
export * from "./SimpleTreeView/index.js";
|
|
10
|
-
export * from "./RichTreeView/index.js";
|
|
11
|
-
|
|
12
|
-
// Tree Item
|
|
13
|
-
export * from "./TreeItem/index.js";
|
|
14
|
-
export * from "./useTreeItem/index.js";
|
|
15
|
-
export * from "./TreeItemIcon/index.js";
|
|
16
|
-
export * from "./TreeItemProvider/index.js";
|
|
17
|
-
export * from "./TreeItemDragAndDropOverlay/index.js";
|
|
18
|
-
export * from "./TreeItemLabelInput/index.js";
|
|
19
|
-
export { unstable_resetCleanupTracking } from "./internals/hooks/useInstanceEventHandler.js";
|
|
20
|
-
export * from "./models/index.js";
|
|
21
|
-
export * from "./icons/index.js";
|
|
22
|
-
export * from "./hooks/index.js";
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeViewItemId } from "../../models/index.js";
|
|
3
|
-
import { TreeViewState } from "../models/index.js";
|
|
4
|
-
import type { UseTreeViewItemsSignature } from '../plugins/useTreeViewItems';
|
|
5
|
-
export declare const TreeViewItemDepthContext: React.Context<number | ((state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: TreeViewItemId) => number)>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TreeViewItemDepthContext } from "./TreeViewItemDepthContext.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { TreeViewItemDepthContext } from "./TreeViewItemDepthContext.js";
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare const TreeViewChildrenItemContext: React.Context<TreeViewChildrenItemContextValue | null>;
|
|
3
|
-
interface TreeViewChildrenItemProviderProps {
|
|
4
|
-
itemId: string | null;
|
|
5
|
-
idAttribute: string | null;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare function TreeViewChildrenItemProvider(props: TreeViewChildrenItemProviderProps): React.JSX.Element;
|
|
9
|
-
export declare namespace TreeViewChildrenItemProvider {
|
|
10
|
-
var propTypes: any;
|
|
11
|
-
}
|
|
12
|
-
interface TreeViewChildrenItemContextValue {
|
|
13
|
-
registerChild: (idAttribute: string, itemId: string) => void;
|
|
14
|
-
unregisterChild: (idAttribute: string) => void;
|
|
15
|
-
parentId: string | null;
|
|
16
|
-
}
|
|
17
|
-
export {};
|