@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.
Files changed (421) hide show
  1. package/CHANGELOG.md +282 -96
  2. package/RichTreeView/RichTreeView.js +11 -6
  3. package/RichTreeView/RichTreeView.plugins.d.ts +3 -6
  4. package/RichTreeView/RichTreeView.plugins.js +1 -2
  5. package/RichTreeView/RichTreeView.types.d.ts +4 -3
  6. package/RichTreeView/index.d.ts +1 -1
  7. package/SimpleTreeView/SimpleTreeView.js +12 -8
  8. package/SimpleTreeView/SimpleTreeView.plugins.d.ts +3 -6
  9. package/SimpleTreeView/SimpleTreeView.plugins.js +1 -2
  10. package/SimpleTreeView/SimpleTreeView.types.d.ts +4 -3
  11. package/TreeItemIcon/TreeItemIcon.js +15 -11
  12. package/esm/RichTreeView/RichTreeView.js +10 -5
  13. package/esm/RichTreeView/RichTreeView.plugins.d.ts +3 -6
  14. package/esm/RichTreeView/RichTreeView.plugins.js +1 -2
  15. package/esm/RichTreeView/RichTreeView.types.d.ts +4 -3
  16. package/esm/RichTreeView/index.d.ts +1 -1
  17. package/esm/SimpleTreeView/SimpleTreeView.js +11 -7
  18. package/esm/SimpleTreeView/SimpleTreeView.plugins.d.ts +3 -6
  19. package/esm/SimpleTreeView/SimpleTreeView.plugins.js +1 -2
  20. package/esm/SimpleTreeView/SimpleTreeView.types.d.ts +4 -3
  21. package/esm/TreeItemIcon/TreeItemIcon.js +15 -11
  22. package/esm/hooks/useTreeItemUtils/useTreeItemUtils.js +1 -1
  23. package/esm/index.js +1 -1
  24. package/esm/internals/TreeViewProvider/TreeViewContext.d.ts +1 -1
  25. package/esm/internals/TreeViewProvider/TreeViewProvider.js +14 -4
  26. package/esm/internals/TreeViewProvider/TreeViewProvider.types.d.ts +6 -5
  27. package/esm/internals/TreeViewProvider/TreeViewStyleContext.d.ts +23 -0
  28. package/esm/internals/TreeViewProvider/TreeViewStyleContext.js +3 -1
  29. package/esm/internals/hooks/useSelector.js +1 -4
  30. package/esm/internals/index.d.ts +2 -3
  31. package/esm/internals/index.js +1 -1
  32. package/esm/internals/models/events.d.ts +2 -6
  33. package/esm/internals/models/plugin.d.ts +63 -38
  34. package/esm/internals/models/treeView.d.ts +0 -5
  35. package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +35 -21
  36. package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts +144 -10
  37. package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js +21 -1
  38. package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts +1 -1
  39. package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.d.ts +0 -1
  40. package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.js +0 -7
  41. package/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +3 -30
  42. package/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.d.ts +476 -28
  43. package/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js +21 -1
  44. package/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.d.ts +0 -1
  45. package/esm/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.d.ts +90 -4
  46. package/esm/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js +12 -25
  47. package/esm/internals/plugins/useTreeViewItems/useTreeViewItems.utils.d.ts +12 -1
  48. package/esm/internals/plugins/useTreeViewItems/useTreeViewItems.utils.js +31 -0
  49. package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.js +3 -6
  50. package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.d.ts +43 -9
  51. package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js +12 -2
  52. package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.d.ts +1 -1
  53. package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +2 -2
  54. package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +39 -40
  55. package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.d.ts +186 -30
  56. package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js +36 -1
  57. package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts +3 -6
  58. package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.d.ts +0 -7
  59. package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +5 -24
  60. package/esm/internals/useTreeView/extractPluginParamsFromProps.d.ts +0 -2
  61. package/esm/internals/useTreeView/extractPluginParamsFromProps.js +1 -5
  62. package/esm/internals/useTreeView/useTreeView.d.ts +10 -1
  63. package/esm/internals/useTreeView/useTreeView.js +22 -25
  64. package/esm/internals/useTreeView/useTreeView.types.d.ts +1 -3
  65. package/esm/internals/useTreeView/useTreeViewBuildContext.js +9 -11
  66. package/esm/internals/utils/models.d.ts +7 -0
  67. package/esm/internals/utils/models.js +23 -0
  68. package/esm/internals/utils/selectors.d.ts +1 -1
  69. package/esm/utils/cache.d.ts +1 -1
  70. package/esm/utils/cache.js +1 -1
  71. package/hooks/useTreeItemUtils/useTreeItemUtils.js +1 -1
  72. package/index.js +1 -1
  73. package/internals/TreeViewProvider/TreeViewContext.d.ts +1 -1
  74. package/internals/TreeViewProvider/TreeViewProvider.js +14 -4
  75. package/internals/TreeViewProvider/TreeViewProvider.types.d.ts +6 -5
  76. package/internals/TreeViewProvider/TreeViewStyleContext.d.ts +23 -0
  77. package/internals/TreeViewProvider/TreeViewStyleContext.js +3 -1
  78. package/internals/hooks/useSelector.js +1 -5
  79. package/internals/index.d.ts +2 -3
  80. package/internals/index.js +13 -7
  81. package/internals/models/events.d.ts +2 -6
  82. package/internals/models/plugin.d.ts +63 -38
  83. package/internals/models/treeView.d.ts +0 -5
  84. package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +33 -19
  85. package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts +144 -10
  86. package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js +22 -2
  87. package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts +1 -1
  88. package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.d.ts +0 -1
  89. package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.js +1 -9
  90. package/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +2 -30
  91. package/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.d.ts +476 -28
  92. package/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js +21 -1
  93. package/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.d.ts +0 -1
  94. package/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.d.ts +90 -4
  95. package/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js +12 -25
  96. package/internals/plugins/useTreeViewItems/useTreeViewItems.utils.d.ts +12 -1
  97. package/internals/plugins/useTreeViewItems/useTreeViewItems.utils.js +34 -2
  98. package/internals/plugins/useTreeViewLabel/useTreeViewLabel.js +3 -6
  99. package/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.d.ts +43 -9
  100. package/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js +13 -3
  101. package/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.d.ts +1 -1
  102. package/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +2 -2
  103. package/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +37 -38
  104. package/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.d.ts +186 -30
  105. package/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js +37 -2
  106. package/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts +3 -6
  107. package/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.d.ts +0 -7
  108. package/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +6 -26
  109. package/internals/useTreeView/extractPluginParamsFromProps.d.ts +0 -2
  110. package/internals/useTreeView/extractPluginParamsFromProps.js +1 -5
  111. package/internals/useTreeView/useTreeView.d.ts +10 -1
  112. package/internals/useTreeView/useTreeView.js +22 -25
  113. package/internals/useTreeView/useTreeView.types.d.ts +1 -3
  114. package/internals/useTreeView/useTreeViewBuildContext.js +9 -11
  115. package/internals/utils/models.d.ts +7 -0
  116. package/internals/utils/models.js +30 -0
  117. package/internals/utils/selectors.d.ts +1 -1
  118. package/package.json +4 -12
  119. package/utils/cache.d.ts +1 -1
  120. package/utils/cache.js +1 -1
  121. package/esm/internals/plugins/useTreeViewIcons/index.d.ts +0 -2
  122. package/esm/internals/plugins/useTreeViewIcons/index.js +0 -1
  123. package/esm/internals/plugins/useTreeViewIcons/useTreeViewIcons.d.ts +0 -3
  124. package/esm/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +0 -24
  125. package/esm/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.d.ts +0 -42
  126. package/esm/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +0 -1
  127. package/esm/internals/plugins/useTreeViewItemCustomization/index.d.ts +0 -2
  128. package/esm/internals/plugins/useTreeViewItemCustomization/index.js +0 -1
  129. package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +0 -3
  130. package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +0 -24
  131. package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +0 -42
  132. package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +0 -1
  133. package/esm/internals/useTreeView/useTreeViewModels.d.ts +0 -7
  134. package/esm/internals/useTreeView/useTreeViewModels.js +0 -62
  135. package/internals/plugins/useTreeViewIcons/index.d.ts +0 -2
  136. package/internals/plugins/useTreeViewIcons/index.js +0 -12
  137. package/internals/plugins/useTreeViewIcons/useTreeViewIcons.d.ts +0 -3
  138. package/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +0 -32
  139. package/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.d.ts +0 -42
  140. package/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +0 -5
  141. package/internals/plugins/useTreeViewItemCustomization/index.d.ts +0 -2
  142. package/internals/plugins/useTreeViewItemCustomization/index.js +0 -12
  143. package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +0 -3
  144. package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +0 -32
  145. package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +0 -42
  146. package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +0 -5
  147. package/internals/useTreeView/useTreeViewModels.d.ts +0 -7
  148. package/internals/useTreeView/useTreeViewModels.js +0 -71
  149. package/modern/RichTreeView/RichTreeView.d.ts +0 -18
  150. package/modern/RichTreeView/RichTreeView.js +0 -322
  151. package/modern/RichTreeView/RichTreeView.plugins.d.ts +0 -13
  152. package/modern/RichTreeView/RichTreeView.plugins.js +0 -10
  153. package/modern/RichTreeView/RichTreeView.types.d.ts +0 -52
  154. package/modern/RichTreeView/RichTreeView.types.js +0 -1
  155. package/modern/RichTreeView/index.d.ts +0 -5
  156. package/modern/RichTreeView/index.js +0 -3
  157. package/modern/RichTreeView/richTreeViewClasses.d.ts +0 -5
  158. package/modern/RichTreeView/richTreeViewClasses.js +0 -6
  159. package/modern/SimpleTreeView/SimpleTreeView.d.ts +0 -20
  160. package/modern/SimpleTreeView/SimpleTreeView.js +0 -265
  161. package/modern/SimpleTreeView/SimpleTreeView.plugins.d.ts +0 -12
  162. package/modern/SimpleTreeView/SimpleTreeView.plugins.js +0 -10
  163. package/modern/SimpleTreeView/SimpleTreeView.types.d.ts +0 -51
  164. package/modern/SimpleTreeView/SimpleTreeView.types.js +0 -1
  165. package/modern/SimpleTreeView/index.d.ts +0 -3
  166. package/modern/SimpleTreeView/index.js +0 -3
  167. package/modern/SimpleTreeView/simpleTreeViewClasses.d.ts +0 -5
  168. package/modern/SimpleTreeView/simpleTreeViewClasses.js +0 -6
  169. package/modern/TreeItem/TreeItem.d.ts +0 -33
  170. package/modern/TreeItem/TreeItem.js +0 -408
  171. package/modern/TreeItem/TreeItem.types.d.ts +0 -107
  172. package/modern/TreeItem/TreeItem.types.js +0 -1
  173. package/modern/TreeItem/index.d.ts +0 -4
  174. package/modern/TreeItem/index.js +0 -2
  175. package/modern/TreeItem/treeItemClasses.d.ts +0 -55
  176. package/modern/TreeItem/treeItemClasses.js +0 -8
  177. package/modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.d.ts +0 -7
  178. package/modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js +0 -74
  179. package/modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.d.ts +0 -6
  180. package/modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.js +0 -1
  181. package/modern/TreeItemDragAndDropOverlay/index.d.ts +0 -2
  182. package/modern/TreeItemDragAndDropOverlay/index.js +0 -1
  183. package/modern/TreeItemIcon/TreeItemIcon.d.ts +0 -7
  184. package/modern/TreeItemIcon/TreeItemIcon.js +0 -74
  185. package/modern/TreeItemIcon/TreeItemIcon.types.d.ts +0 -40
  186. package/modern/TreeItemIcon/TreeItemIcon.types.js +0 -1
  187. package/modern/TreeItemIcon/index.d.ts +0 -2
  188. package/modern/TreeItemIcon/index.js +0 -1
  189. package/modern/TreeItemLabelInput/TreeItemLabelInput.d.ts +0 -5
  190. package/modern/TreeItemLabelInput/TreeItemLabelInput.js +0 -24
  191. package/modern/TreeItemLabelInput/TreeItemLabelInput.types.d.ts +0 -14
  192. package/modern/TreeItemLabelInput/TreeItemLabelInput.types.js +0 -1
  193. package/modern/TreeItemLabelInput/index.d.ts +0 -2
  194. package/modern/TreeItemLabelInput/index.js +0 -1
  195. package/modern/TreeItemProvider/TreeItemProvider.d.ts +0 -7
  196. package/modern/TreeItemProvider/TreeItemProvider.js +0 -45
  197. package/modern/TreeItemProvider/TreeItemProvider.types.d.ts +0 -7
  198. package/modern/TreeItemProvider/TreeItemProvider.types.js +0 -1
  199. package/modern/TreeItemProvider/index.d.ts +0 -2
  200. package/modern/TreeItemProvider/index.js +0 -1
  201. package/modern/hooks/index.d.ts +0 -3
  202. package/modern/hooks/index.js +0 -3
  203. package/modern/hooks/useTreeItemModel.d.ts +0 -2
  204. package/modern/hooks/useTreeItemModel.js +0 -11
  205. package/modern/hooks/useTreeItemUtils/index.d.ts +0 -1
  206. package/modern/hooks/useTreeItemUtils/index.js +0 -1
  207. package/modern/hooks/useTreeItemUtils/useTreeItemUtils.d.ts +0 -42
  208. package/modern/hooks/useTreeItemUtils/useTreeItemUtils.js +0 -165
  209. package/modern/hooks/useTreeViewApiRef.d.ts +0 -7
  210. package/modern/hooks/useTreeViewApiRef.js +0 -7
  211. package/modern/icons/icons.d.ts +0 -6
  212. package/modern/icons/icons.js +0 -9
  213. package/modern/icons/index.d.ts +0 -1
  214. package/modern/icons/index.js +0 -1
  215. package/modern/index.d.ts +0 -12
  216. package/modern/index.js +0 -22
  217. package/modern/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.d.ts +0 -5
  218. package/modern/internals/TreeViewItemDepthContext/TreeViewItemDepthContext.js +0 -5
  219. package/modern/internals/TreeViewItemDepthContext/index.d.ts +0 -1
  220. package/modern/internals/TreeViewItemDepthContext/index.js +0 -1
  221. package/modern/internals/TreeViewProvider/TreeViewChildrenItemProvider.d.ts +0 -17
  222. package/modern/internals/TreeViewProvider/TreeViewChildrenItemProvider.js +0 -49
  223. package/modern/internals/TreeViewProvider/TreeViewContext.d.ts +0 -8
  224. package/modern/internals/TreeViewProvider/TreeViewContext.js +0 -15
  225. package/modern/internals/TreeViewProvider/TreeViewProvider.d.ts +0 -9
  226. package/modern/internals/TreeViewProvider/TreeViewProvider.js +0 -32
  227. package/modern/internals/TreeViewProvider/TreeViewProvider.types.d.ts +0 -21
  228. package/modern/internals/TreeViewProvider/TreeViewProvider.types.js +0 -1
  229. package/modern/internals/TreeViewProvider/TreeViewStyleContext.d.ts +0 -33
  230. package/modern/internals/TreeViewProvider/TreeViewStyleContext.js +0 -13
  231. package/modern/internals/TreeViewProvider/index.d.ts +0 -3
  232. package/modern/internals/TreeViewProvider/index.js +0 -2
  233. package/modern/internals/components/RichTreeViewItems.d.ts +0 -32
  234. package/modern/internals/components/RichTreeViewItems.js +0 -68
  235. package/modern/internals/corePlugins/corePlugins.d.ts +0 -9
  236. package/modern/internals/corePlugins/corePlugins.js +0 -8
  237. package/modern/internals/corePlugins/index.d.ts +0 -2
  238. package/modern/internals/corePlugins/index.js +0 -1
  239. package/modern/internals/corePlugins/useTreeViewId/index.d.ts +0 -2
  240. package/modern/internals/corePlugins/useTreeViewId/index.js +0 -1
  241. package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.d.ts +0 -3
  242. package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.js +0 -39
  243. package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.selectors.d.ts +0 -36
  244. package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.selectors.js +0 -9
  245. package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.types.d.ts +0 -20
  246. package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.types.js +0 -1
  247. package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.utils.d.ts +0 -21
  248. package/modern/internals/corePlugins/useTreeViewId/useTreeViewId.utils.js +0 -26
  249. package/modern/internals/corePlugins/useTreeViewInstanceEvents/index.d.ts +0 -2
  250. package/modern/internals/corePlugins/useTreeViewInstanceEvents/index.js +0 -1
  251. package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.d.ts +0 -3
  252. package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.js +0 -29
  253. package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.d.ts +0 -22
  254. package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.js +0 -1
  255. package/modern/internals/corePlugins/useTreeViewOptionalPlugins/index.d.ts +0 -2
  256. package/modern/internals/corePlugins/useTreeViewOptionalPlugins/index.js +0 -1
  257. package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.d.ts +0 -3
  258. package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.js +0 -12
  259. package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.d.ts +0 -8
  260. package/modern/internals/corePlugins/useTreeViewOptionalPlugins/useTreeViewOptionalPlugins.types.js +0 -1
  261. package/modern/internals/hooks/useInstanceEventHandler.d.ts +0 -15
  262. package/modern/internals/hooks/useInstanceEventHandler.js +0 -77
  263. package/modern/internals/hooks/useLazyRef.d.ts +0 -1
  264. package/modern/internals/hooks/useLazyRef.js +0 -1
  265. package/modern/internals/hooks/useOnMount.d.ts +0 -1
  266. package/modern/internals/hooks/useOnMount.js +0 -1
  267. package/modern/internals/hooks/useSelector.d.ts +0 -4
  268. package/modern/internals/hooks/useSelector.js +0 -9
  269. package/modern/internals/hooks/useTimeout.d.ts +0 -1
  270. package/modern/internals/hooks/useTimeout.js +0 -1
  271. package/modern/internals/index.d.ts +0 -34
  272. package/modern/internals/index.js +0 -24
  273. package/modern/internals/models/events.d.ts +0 -9
  274. package/modern/internals/models/events.js +0 -1
  275. package/modern/internals/models/helpers.d.ts +0 -7
  276. package/modern/internals/models/helpers.js +0 -1
  277. package/modern/internals/models/index.d.ts +0 -4
  278. package/modern/internals/models/index.js +0 -4
  279. package/modern/internals/models/itemPlugin.d.ts +0 -43
  280. package/modern/internals/models/itemPlugin.js +0 -1
  281. package/modern/internals/models/plugin.d.ts +0 -151
  282. package/modern/internals/models/plugin.js +0 -1
  283. package/modern/internals/models/treeView.d.ts +0 -32
  284. package/modern/internals/models/treeView.js +0 -1
  285. package/modern/internals/plugins/useTreeViewExpansion/index.d.ts +0 -2
  286. package/modern/internals/plugins/useTreeViewExpansion/index.js +0 -1
  287. package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.d.ts +0 -3
  288. package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +0 -134
  289. package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts +0 -184
  290. package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js +0 -24
  291. package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts +0 -102
  292. package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.js +0 -1
  293. package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.d.ts +0 -7
  294. package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.js +0 -19
  295. package/modern/internals/plugins/useTreeViewFocus/index.d.ts +0 -2
  296. package/modern/internals/plugins/useTreeViewFocus/index.js +0 -1
  297. package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.d.ts +0 -3
  298. package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +0 -135
  299. package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.d.ts +0 -182
  300. package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js +0 -34
  301. package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.d.ts +0 -45
  302. package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.js +0 -1
  303. package/modern/internals/plugins/useTreeViewIcons/index.d.ts +0 -2
  304. package/modern/internals/plugins/useTreeViewIcons/index.js +0 -1
  305. package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.d.ts +0 -3
  306. package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +0 -24
  307. package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.d.ts +0 -42
  308. package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +0 -1
  309. package/modern/internals/plugins/useTreeViewItemCustomization/index.d.ts +0 -2
  310. package/modern/internals/plugins/useTreeViewItemCustomization/index.js +0 -1
  311. package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +0 -3
  312. package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +0 -24
  313. package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +0 -42
  314. package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +0 -1
  315. package/modern/internals/plugins/useTreeViewItems/index.d.ts +0 -3
  316. package/modern/internals/plugins/useTreeViewItems/index.js +0 -2
  317. package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.d.ts +0 -3
  318. package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.js +0 -325
  319. package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.d.ts +0 -1058
  320. package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js +0 -113
  321. package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.types.d.ts +0 -205
  322. package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.types.js +0 -1
  323. package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.utils.d.ts +0 -4
  324. package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.utils.js +0 -8
  325. package/modern/internals/plugins/useTreeViewJSXItems/index.d.ts +0 -2
  326. package/modern/internals/plugins/useTreeViewJSXItems/index.js +0 -1
  327. package/modern/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.d.ts +0 -3
  328. package/modern/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.js +0 -183
  329. package/modern/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.types.d.ts +0 -35
  330. package/modern/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.types.js +0 -1
  331. package/modern/internals/plugins/useTreeViewKeyboardNavigation/index.d.ts +0 -2
  332. package/modern/internals/plugins/useTreeViewKeyboardNavigation/index.js +0 -1
  333. package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.d.ts +0 -3
  334. package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js +0 -273
  335. package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types.d.ts +0 -30
  336. package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types.js +0 -1
  337. package/modern/internals/plugins/useTreeViewLabel/index.d.ts +0 -2
  338. package/modern/internals/plugins/useTreeViewLabel/index.js +0 -1
  339. package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.d.ts +0 -3
  340. package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.itemPlugin.d.ts +0 -2
  341. package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.itemPlugin.js +0 -72
  342. package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.js +0 -73
  343. package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.d.ts +0 -68
  344. package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js +0 -24
  345. package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.d.ts +0 -60
  346. package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.js +0 -1
  347. package/modern/internals/plugins/useTreeViewLazyLoading/index.d.ts +0 -1
  348. package/modern/internals/plugins/useTreeViewLazyLoading/index.js +0 -1
  349. package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.d.ts +0 -247
  350. package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js +0 -27
  351. package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.d.ts +0 -82
  352. package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.js +0 -1
  353. package/modern/internals/plugins/useTreeViewSelection/index.d.ts +0 -2
  354. package/modern/internals/plugins/useTreeViewSelection/index.js +0 -1
  355. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.d.ts +0 -3
  356. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.d.ts +0 -2
  357. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +0 -80
  358. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +0 -234
  359. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.d.ts +0 -363
  360. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js +0 -46
  361. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts +0 -145
  362. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.js +0 -1
  363. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.d.ts +0 -38
  364. package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +0 -126
  365. package/modern/internals/useTreeView/extractPluginParamsFromProps.d.ts +0 -22
  366. package/modern/internals/useTreeView/extractPluginParamsFromProps.js +0 -46
  367. package/modern/internals/useTreeView/index.d.ts +0 -1
  368. package/modern/internals/useTreeView/index.js +0 -1
  369. package/modern/internals/useTreeView/useTreeView.d.ts +0 -9
  370. package/modern/internals/useTreeView/useTreeView.js +0 -114
  371. package/modern/internals/useTreeView/useTreeView.types.d.ts +0 -23
  372. package/modern/internals/useTreeView/useTreeView.types.js +0 -1
  373. package/modern/internals/useTreeView/useTreeViewBuildContext.d.ts +0 -18
  374. package/modern/internals/useTreeView/useTreeViewBuildContext.js +0 -101
  375. package/modern/internals/useTreeView/useTreeViewModels.d.ts +0 -7
  376. package/modern/internals/useTreeView/useTreeViewModels.js +0 -62
  377. package/modern/internals/useTreeView/useTreeViewPlugins.d.ts +0 -0
  378. package/modern/internals/useTreeView/useTreeViewPlugins.js +0 -0
  379. package/modern/internals/utils/TreeViewStore.d.ts +0 -12
  380. package/modern/internals/utils/TreeViewStore.js +0 -24
  381. package/modern/internals/utils/cleanupTracking/CleanupTracking.d.ts +0 -9
  382. package/modern/internals/utils/cleanupTracking/CleanupTracking.js +0 -1
  383. package/modern/internals/utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.d.ts +0 -7
  384. package/modern/internals/utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js +0 -18
  385. package/modern/internals/utils/cleanupTracking/TimerBasedCleanupTracking.d.ts +0 -9
  386. package/modern/internals/utils/cleanupTracking/TimerBasedCleanupTracking.js +0 -38
  387. package/modern/internals/utils/plugins.d.ts +0 -2
  388. package/modern/internals/utils/plugins.js +0 -4
  389. package/modern/internals/utils/publishTreeViewEvent.d.ts +0 -5
  390. package/modern/internals/utils/publishTreeViewEvent.js +0 -3
  391. package/modern/internals/utils/selectors.d.ts +0 -16
  392. package/modern/internals/utils/selectors.js +0 -46
  393. package/modern/internals/utils/tree.d.ts +0 -32
  394. package/modern/internals/utils/tree.js +0 -203
  395. package/modern/internals/utils/utils.d.ts +0 -2
  396. package/modern/internals/utils/utils.js +0 -17
  397. package/modern/internals/zero-styled/index.d.ts +0 -3
  398. package/modern/internals/zero-styled/index.js +0 -7
  399. package/modern/models/events.d.ts +0 -4
  400. package/modern/models/events.js +0 -1
  401. package/modern/models/index.d.ts +0 -3
  402. package/modern/models/index.js +0 -5
  403. package/modern/models/items.d.ts +0 -13
  404. package/modern/models/items.js +0 -1
  405. package/modern/package.json +0 -1
  406. package/modern/themeAugmentation/components.d.ts +0 -21
  407. package/modern/themeAugmentation/index.d.ts +0 -3
  408. package/modern/themeAugmentation/index.js +0 -0
  409. package/modern/themeAugmentation/overrides.d.ts +0 -16
  410. package/modern/themeAugmentation/props.d.ts +0 -14
  411. package/modern/useTreeItem/index.d.ts +0 -2
  412. package/modern/useTreeItem/index.js +0 -1
  413. package/modern/useTreeItem/useTreeItem.d.ts +0 -2
  414. package/modern/useTreeItem/useTreeItem.js +0 -282
  415. package/modern/useTreeItem/useTreeItem.types.d.ts +0 -201
  416. package/modern/useTreeItem/useTreeItem.types.js +0 -1
  417. package/modern/utils/cache.d.ts +0 -38
  418. package/modern/utils/cache.js +0 -31
  419. package/modern/utils/index.d.ts +0 -1
  420. package/modern/utils/index.js +0 -1
  421. package/tsconfig.build.tsbuildinfo +0 -1
@@ -1,2 +0,0 @@
1
- export { TreeItemDragAndDropOverlay } from "./TreeItemDragAndDropOverlay.js";
2
- export type { TreeItemDragAndDropOverlayProps } from './TreeItemDragAndDropOverlay.types';
@@ -1 +0,0 @@
1
- export { TreeItemDragAndDropOverlay } from "./TreeItemDragAndDropOverlay.js";
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { TreeItemIconProps } from "./TreeItemIcon.types.js";
3
- declare function TreeItemIcon(props: TreeItemIconProps): React.JSX.Element | null;
4
- declare namespace TreeItemIcon {
5
- var propTypes: any;
6
- }
7
- export { TreeItemIcon };
@@ -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,2 +0,0 @@
1
- export { TreeItemIcon } from "./TreeItemIcon.js";
2
- export type { TreeItemIconProps, TreeItemIconSlots, TreeItemIconSlotProps } from './TreeItemIcon.types';
@@ -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,2 +0,0 @@
1
- export { TreeItemLabelInput } from "./TreeItemLabelInput.js";
2
- export type { TreeItemLabelInputProps } from './TreeItemLabelInput.types';
@@ -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,7 +0,0 @@
1
- import * as React from 'react';
2
- import { TreeViewItemId } from "../models/index.js";
3
- export interface TreeItemProviderProps {
4
- children: React.ReactNode;
5
- itemId: TreeViewItemId;
6
- id: string | undefined;
7
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- export { TreeItemProvider } from "./TreeItemProvider.js";
2
- export type { TreeItemProviderProps } from './TreeItemProvider.types';
@@ -1 +0,0 @@
1
- export { TreeItemProvider } from "./TreeItemProvider.js";
@@ -1,3 +0,0 @@
1
- export { useTreeViewApiRef } from "./useTreeViewApiRef.js";
2
- export { useTreeItemUtils } from "./useTreeItemUtils/index.js";
3
- export { useTreeItemModel } from "./useTreeItemModel.js";
@@ -1,3 +0,0 @@
1
- export { useTreeViewApiRef } from "./useTreeViewApiRef.js";
2
- export { useTreeItemUtils } from "./useTreeItemUtils/index.js";
3
- export { useTreeItemModel } from "./useTreeItemModel.js";
@@ -1,2 +0,0 @@
1
- import { TreeViewBaseItem, TreeViewDefaultItemModelProperties, TreeViewItemId } from "../models/index.js";
2
- export declare const useTreeItemModel: <R extends {} = TreeViewDefaultItemModelProperties>(itemId: TreeViewItemId) => TreeViewBaseItem<R> | null;
@@ -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>;
@@ -1,7 +0,0 @@
1
- 'use client';
2
-
3
- import * as React from 'react';
4
- /**
5
- * Hook that instantiates a [[TreeViewApiRef]].
6
- */
7
- export const useTreeViewApiRef = () => React.useRef(undefined);
@@ -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
- };
@@ -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');
@@ -1 +0,0 @@
1
- export * from "./icons.js";
@@ -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,5 +0,0 @@
1
- import * as React from 'react';
2
- export const TreeViewItemDepthContext = /*#__PURE__*/React.createContext(() => -1);
3
- if (process.env.NODE_ENV !== 'production') {
4
- TreeViewItemDepthContext.displayName = 'TreeViewItemDepthContext';
5
- }
@@ -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 {};