@fluentui/react-tree 9.0.0-beta.3 → 9.0.0-beta.30

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 (307) hide show
  1. package/CHANGELOG.json +1566 -1
  2. package/CHANGELOG.md +423 -2
  3. package/dist/index.d.ts +408 -131
  4. package/lib/FlatTree.js +1 -0
  5. package/lib/FlatTree.js.map +1 -0
  6. package/lib/Tree.js +0 -1
  7. package/lib/Tree.js.map +1 -1
  8. package/lib/TreeItem.js +0 -1
  9. package/lib/TreeItem.js.map +1 -1
  10. package/lib/TreeItemLayout.js +0 -1
  11. package/lib/TreeItemLayout.js.map +1 -1
  12. package/lib/TreeItemPersonaLayout.js +0 -1
  13. package/lib/TreeItemPersonaLayout.js.map +1 -1
  14. package/lib/components/FlatTree/FlatTree.js +13 -0
  15. package/lib/components/FlatTree/FlatTree.js.map +1 -0
  16. package/lib/components/FlatTree/FlatTree.types.js +1 -0
  17. package/lib/components/FlatTree/FlatTree.types.js.map +1 -0
  18. package/lib/components/FlatTree/index.js +6 -0
  19. package/lib/components/FlatTree/index.js.map +1 -0
  20. package/lib/components/FlatTree/useFlatControllableCheckedItems.js +63 -0
  21. package/lib/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -0
  22. package/lib/components/FlatTree/useFlatTree.js +3 -0
  23. package/lib/components/FlatTree/useFlatTree.js.map +1 -0
  24. package/lib/components/FlatTree/useFlatTreeNavigation.js +74 -0
  25. package/lib/components/FlatTree/useFlatTreeNavigation.js.map +1 -0
  26. package/lib/components/FlatTree/useFlatTreeStyles.styles.js +20 -0
  27. package/lib/components/FlatTree/useFlatTreeStyles.styles.js.map +1 -0
  28. package/lib/components/FlatTree/useHeadlessFlatTree.js +117 -0
  29. package/lib/components/FlatTree/useHeadlessFlatTree.js.map +1 -0
  30. package/lib/components/Tree/Tree.js +8 -15
  31. package/lib/components/Tree/Tree.js.map +1 -1
  32. package/lib/components/Tree/Tree.types.js +1 -2
  33. package/lib/components/Tree/Tree.types.js.map +1 -1
  34. package/lib/components/Tree/index.js +2 -3
  35. package/lib/components/Tree/index.js.map +1 -1
  36. package/lib/components/Tree/renderTree.js +7 -13
  37. package/lib/components/Tree/renderTree.js.map +1 -1
  38. package/lib/components/Tree/useControllableCheckedItems.js +94 -0
  39. package/lib/components/Tree/useControllableCheckedItems.js.map +1 -0
  40. package/lib/components/Tree/useTree.js +55 -112
  41. package/lib/components/Tree/useTree.js.map +1 -1
  42. package/lib/components/Tree/useTreeContextValues.js +14 -22
  43. package/lib/components/Tree/useTreeContextValues.js.map +1 -1
  44. package/lib/components/Tree/useTreeNavigation.js +52 -0
  45. package/lib/components/Tree/useTreeNavigation.js.map +1 -0
  46. package/lib/components/Tree/{useTreeStyles.js → useTreeStyles.styles.js} +7 -3
  47. package/lib/components/Tree/useTreeStyles.styles.js.map +1 -0
  48. package/lib/components/TreeItem/TreeItem.js +16 -9
  49. package/lib/components/TreeItem/TreeItem.js.map +1 -1
  50. package/lib/components/TreeItem/TreeItem.types.js +1 -2
  51. package/lib/components/TreeItem/TreeItem.types.js.map +1 -1
  52. package/lib/components/TreeItem/index.js +2 -2
  53. package/lib/components/TreeItem/index.js.map +1 -1
  54. package/lib/components/TreeItem/renderTreeItem.js +7 -25
  55. package/lib/components/TreeItem/renderTreeItem.js.map +1 -1
  56. package/lib/components/TreeItem/useTreeItem.js +163 -234
  57. package/lib/components/TreeItem/useTreeItem.js.map +1 -1
  58. package/lib/components/TreeItem/useTreeItemContextValues.js +20 -16
  59. package/lib/components/TreeItem/useTreeItemContextValues.js.map +1 -1
  60. package/lib/components/TreeItem/useTreeItemStyles.styles.js +100 -0
  61. package/lib/components/TreeItem/useTreeItemStyles.styles.js.map +1 -0
  62. package/lib/components/TreeItemChevron.js +24 -0
  63. package/lib/components/TreeItemChevron.js.map +1 -0
  64. package/lib/components/TreeItemLayout/TreeItemLayout.js +8 -8
  65. package/lib/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
  66. package/lib/components/TreeItemLayout/TreeItemLayout.types.js +1 -2
  67. package/lib/components/TreeItemLayout/TreeItemLayout.types.js.map +1 -1
  68. package/lib/components/TreeItemLayout/index.js +1 -2
  69. package/lib/components/TreeItemLayout/index.js.map +1 -1
  70. package/lib/components/TreeItemLayout/renderTreeItemLayout.js +8 -21
  71. package/lib/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
  72. package/lib/components/TreeItemLayout/useTreeItemLayout.js +99 -40
  73. package/lib/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
  74. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js +237 -0
  75. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map +1 -0
  76. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js +9 -9
  77. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
  78. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js +1 -2
  79. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js.map +1 -1
  80. package/lib/components/TreeItemPersonaLayout/index.js +1 -2
  81. package/lib/components/TreeItemPersonaLayout/index.js.map +1 -1
  82. package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +10 -27
  83. package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
  84. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +40 -48
  85. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
  86. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +9 -10
  87. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
  88. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js +210 -0
  89. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map +1 -0
  90. package/lib/contexts/index.js +0 -1
  91. package/lib/contexts/index.js.map +1 -1
  92. package/lib/contexts/treeContext.js +13 -15
  93. package/lib/contexts/treeContext.js.map +1 -1
  94. package/lib/contexts/treeItemContext.js +16 -10
  95. package/lib/contexts/treeItemContext.js.map +1 -1
  96. package/lib/hooks/useControllableOpenItems.js +28 -0
  97. package/lib/hooks/useControllableOpenItems.js.map +1 -0
  98. package/lib/hooks/useRootTree.js +139 -0
  99. package/lib/hooks/useRootTree.js.map +1 -0
  100. package/lib/hooks/useRovingTabIndexes.js +30 -49
  101. package/lib/hooks/useRovingTabIndexes.js.map +1 -1
  102. package/lib/hooks/useSubtree.js +39 -0
  103. package/lib/hooks/useSubtree.js.map +1 -0
  104. package/lib/index.js +3 -4
  105. package/lib/index.js.map +1 -1
  106. package/lib/utils/ImmutableMap.js +41 -0
  107. package/lib/utils/ImmutableMap.js.map +1 -0
  108. package/lib/utils/ImmutableSet.js +42 -33
  109. package/lib/utils/ImmutableSet.js.map +1 -1
  110. package/lib/utils/assert.js +5 -5
  111. package/lib/utils/assert.js.map +1 -1
  112. package/lib/utils/createCheckedItems.js +18 -0
  113. package/lib/utils/createCheckedItems.js.map +1 -0
  114. package/lib/utils/createHTMLElementWalker.js +67 -0
  115. package/lib/utils/createHTMLElementWalker.js.map +1 -0
  116. package/lib/utils/createHeadlessTree.js +188 -0
  117. package/lib/utils/createHeadlessTree.js.map +1 -0
  118. package/lib/utils/createOpenItems.js +10 -0
  119. package/lib/utils/createOpenItems.js.map +1 -0
  120. package/lib/utils/flattenTree.js +54 -29
  121. package/lib/utils/flattenTree.js.map +1 -1
  122. package/lib/utils/getTreeItemValueFromElement.js +4 -0
  123. package/lib/utils/getTreeItemValueFromElement.js.map +1 -0
  124. package/lib/utils/nextTypeAheadElement.js +11 -12
  125. package/lib/utils/nextTypeAheadElement.js.map +1 -1
  126. package/lib/utils/normalizeOpenItems.js +6 -5
  127. package/lib/utils/normalizeOpenItems.js.map +1 -1
  128. package/lib/utils/tokens.js +14 -14
  129. package/lib/utils/tokens.js.map +1 -1
  130. package/lib/utils/treeItemFilter.js +2 -3
  131. package/lib/utils/treeItemFilter.js.map +1 -1
  132. package/lib-commonjs/FlatTree.js +6 -0
  133. package/lib-commonjs/FlatTree.js.map +1 -0
  134. package/lib-commonjs/Tree.js +3 -5
  135. package/lib-commonjs/Tree.js.map +1 -1
  136. package/lib-commonjs/TreeItem.js +3 -5
  137. package/lib-commonjs/TreeItem.js.map +1 -1
  138. package/lib-commonjs/TreeItemLayout.js +3 -5
  139. package/lib-commonjs/TreeItemLayout.js.map +1 -1
  140. package/lib-commonjs/TreeItemPersonaLayout.js +3 -5
  141. package/lib-commonjs/TreeItemPersonaLayout.js.map +1 -1
  142. package/lib-commonjs/components/FlatTree/FlatTree.js +20 -0
  143. package/lib-commonjs/components/FlatTree/FlatTree.js.map +1 -0
  144. package/lib-commonjs/components/FlatTree/FlatTree.types.js +4 -0
  145. package/lib-commonjs/components/FlatTree/FlatTree.types.js.map +1 -0
  146. package/lib-commonjs/components/FlatTree/index.js +21 -0
  147. package/lib-commonjs/components/FlatTree/index.js.map +1 -0
  148. package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js +78 -0
  149. package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -0
  150. package/lib-commonjs/components/FlatTree/useFlatTree.js +12 -0
  151. package/lib-commonjs/components/FlatTree/useFlatTree.js.map +1 -0
  152. package/lib-commonjs/components/FlatTree/useFlatTreeNavigation.js +82 -0
  153. package/lib-commonjs/components/FlatTree/useFlatTreeNavigation.js.map +1 -0
  154. package/lib-commonjs/components/FlatTree/useFlatTreeStyles.styles.js +36 -0
  155. package/lib-commonjs/components/FlatTree/useFlatTreeStyles.styles.js.map +1 -0
  156. package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js +114 -0
  157. package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js.map +1 -0
  158. package/lib-commonjs/components/Tree/Tree.js +17 -23
  159. package/lib-commonjs/components/Tree/Tree.js.map +1 -1
  160. package/lib-commonjs/components/Tree/Tree.types.js +1 -3
  161. package/lib-commonjs/components/Tree/Tree.types.js.map +1 -1
  162. package/lib-commonjs/components/Tree/index.js +8 -10
  163. package/lib-commonjs/components/Tree/index.js.map +1 -1
  164. package/lib-commonjs/components/Tree/renderTree.js +14 -19
  165. package/lib-commonjs/components/Tree/renderTree.js.map +1 -1
  166. package/lib-commonjs/components/Tree/useControllableCheckedItems.js +103 -0
  167. package/lib-commonjs/components/Tree/useControllableCheckedItems.js.map +1 -0
  168. package/lib-commonjs/components/Tree/useTree.js +61 -116
  169. package/lib-commonjs/components/Tree/useTree.js.map +1 -1
  170. package/lib-commonjs/components/Tree/useTreeContextValues.js +19 -26
  171. package/lib-commonjs/components/Tree/useTreeContextValues.js.map +1 -1
  172. package/lib-commonjs/components/Tree/useTreeNavigation.js +60 -0
  173. package/lib-commonjs/components/Tree/useTreeNavigation.js.map +1 -0
  174. package/lib-commonjs/components/Tree/useTreeStyles.styles.js +41 -0
  175. package/lib-commonjs/components/Tree/useTreeStyles.styles.js.map +1 -0
  176. package/lib-commonjs/components/TreeItem/TreeItem.js +17 -18
  177. package/lib-commonjs/components/TreeItem/TreeItem.js.map +1 -1
  178. package/lib-commonjs/components/TreeItem/TreeItem.types.js +3 -4
  179. package/lib-commonjs/components/TreeItem/TreeItem.types.js.map +1 -1
  180. package/lib-commonjs/components/TreeItem/index.js +8 -9
  181. package/lib-commonjs/components/TreeItem/index.js.map +1 -1
  182. package/lib-commonjs/components/TreeItem/renderTreeItem.js +14 -33
  183. package/lib-commonjs/components/TreeItem/renderTreeItem.js.map +1 -1
  184. package/lib-commonjs/components/TreeItem/useTreeItem.js +172 -250
  185. package/lib-commonjs/components/TreeItem/useTreeItem.js.map +1 -1
  186. package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js +25 -20
  187. package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js.map +1 -1
  188. package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js +202 -0
  189. package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js.map +1 -0
  190. package/lib-commonjs/components/TreeItemChevron.js +33 -0
  191. package/lib-commonjs/components/TreeItemChevron.js.map +1 -0
  192. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js +15 -16
  193. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
  194. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.types.js +1 -3
  195. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.types.js.map +1 -1
  196. package/lib-commonjs/components/TreeItemLayout/index.js +7 -9
  197. package/lib-commonjs/components/TreeItemLayout/index.js.map +1 -1
  198. package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js +14 -28
  199. package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
  200. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js +105 -52
  201. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
  202. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js +392 -0
  203. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map +1 -0
  204. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js +17 -18
  205. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
  206. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js +1 -3
  207. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js.map +1 -1
  208. package/lib-commonjs/components/TreeItemPersonaLayout/index.js +7 -9
  209. package/lib-commonjs/components/TreeItemPersonaLayout/index.js.map +1 -1
  210. package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +17 -35
  211. package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
  212. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +47 -61
  213. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
  214. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +16 -15
  215. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
  216. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js +379 -0
  217. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map +1 -0
  218. package/lib-commonjs/contexts/index.js +4 -6
  219. package/lib-commonjs/contexts/index.js.map +1 -1
  220. package/lib-commonjs/contexts/treeContext.js +26 -18
  221. package/lib-commonjs/contexts/treeContext.js.map +1 -1
  222. package/lib-commonjs/contexts/treeItemContext.js +30 -13
  223. package/lib-commonjs/contexts/treeItemContext.js.map +1 -1
  224. package/lib-commonjs/hooks/useControllableOpenItems.js +39 -0
  225. package/lib-commonjs/hooks/useControllableOpenItems.js.map +1 -0
  226. package/lib-commonjs/hooks/useRootTree.js +143 -0
  227. package/lib-commonjs/hooks/useRootTree.js.map +1 -0
  228. package/lib-commonjs/hooks/useRovingTabIndexes.js +36 -55
  229. package/lib-commonjs/hooks/useRovingTabIndexes.js.map +1 -1
  230. package/lib-commonjs/hooks/useSubtree.js +43 -0
  231. package/lib-commonjs/hooks/useSubtree.js.map +1 -0
  232. package/lib-commonjs/index.js +53 -181
  233. package/lib-commonjs/index.js.map +1 -1
  234. package/lib-commonjs/utils/ImmutableMap.js +49 -0
  235. package/lib-commonjs/utils/ImmutableMap.js.map +1 -0
  236. package/lib-commonjs/utils/ImmutableSet.js +47 -38
  237. package/lib-commonjs/utils/ImmutableSet.js.map +1 -1
  238. package/lib-commonjs/utils/assert.js +11 -9
  239. package/lib-commonjs/utils/assert.js.map +1 -1
  240. package/lib-commonjs/utils/createCheckedItems.js +26 -0
  241. package/lib-commonjs/utils/createCheckedItems.js.map +1 -0
  242. package/lib-commonjs/utils/createHTMLElementWalker.js +75 -0
  243. package/lib-commonjs/utils/createHTMLElementWalker.js.map +1 -0
  244. package/lib-commonjs/utils/createHeadlessTree.js +202 -0
  245. package/lib-commonjs/utils/createHeadlessTree.js.map +1 -0
  246. package/lib-commonjs/utils/createOpenItems.js +18 -0
  247. package/lib-commonjs/utils/createOpenItems.js.map +1 -0
  248. package/lib-commonjs/utils/flattenTree.js +21 -34
  249. package/lib-commonjs/utils/flattenTree.js.map +1 -1
  250. package/lib-commonjs/utils/getTreeItemValueFromElement.js +18 -0
  251. package/lib-commonjs/utils/getTreeItemValueFromElement.js.map +1 -0
  252. package/lib-commonjs/utils/nextTypeAheadElement.js +16 -16
  253. package/lib-commonjs/utils/nextTypeAheadElement.js.map +1 -1
  254. package/lib-commonjs/utils/normalizeOpenItems.js +11 -9
  255. package/lib-commonjs/utils/normalizeOpenItems.js.map +1 -1
  256. package/lib-commonjs/utils/tokens.js +29 -20
  257. package/lib-commonjs/utils/tokens.js.map +1 -1
  258. package/lib-commonjs/utils/treeItemFilter.js +7 -7
  259. package/lib-commonjs/utils/treeItemFilter.js.map +1 -1
  260. package/package.json +26 -17
  261. package/lib/components/Tree/useTreeStyles.js.map +0 -1
  262. package/lib/components/TreeItem/useTreeItemStyles.js +0 -203
  263. package/lib/components/TreeItem/useTreeItemStyles.js.map +0 -1
  264. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.js +0 -98
  265. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.js.map +0 -1
  266. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js +0 -115
  267. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js.map +0 -1
  268. package/lib/hooks/index.js +0 -4
  269. package/lib/hooks/index.js.map +0 -1
  270. package/lib/hooks/useFlatTree.js +0 -49
  271. package/lib/hooks/useFlatTree.js.map +0 -1
  272. package/lib/hooks/useFlatTreeNavigation.js +0 -74
  273. package/lib/hooks/useFlatTreeNavigation.js.map +0 -1
  274. package/lib/hooks/useHTMLElementWalker.js +0 -80
  275. package/lib/hooks/useHTMLElementWalker.js.map +0 -1
  276. package/lib/hooks/useNestedTreeNavigation.js +0 -59
  277. package/lib/hooks/useNestedTreeNavigation.js.map +0 -1
  278. package/lib/hooks/useOpenItemsState.js +0 -22
  279. package/lib/hooks/useOpenItemsState.js.map +0 -1
  280. package/lib/utils/createUnfilteredFlatTree.js +0 -77
  281. package/lib/utils/createUnfilteredFlatTree.js.map +0 -1
  282. package/lib/utils/createVisibleFlatTree.js +0 -80
  283. package/lib/utils/createVisibleFlatTree.js.map +0 -1
  284. package/lib-commonjs/components/Tree/useTreeStyles.js +0 -27
  285. package/lib-commonjs/components/Tree/useTreeStyles.js.map +0 -1
  286. package/lib-commonjs/components/TreeItem/useTreeItemStyles.js +0 -210
  287. package/lib-commonjs/components/TreeItem/useTreeItemStyles.js.map +0 -1
  288. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js +0 -105
  289. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js.map +0 -1
  290. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js +0 -122
  291. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js.map +0 -1
  292. package/lib-commonjs/hooks/index.js +0 -10
  293. package/lib-commonjs/hooks/index.js.map +0 -1
  294. package/lib-commonjs/hooks/useFlatTree.js +0 -56
  295. package/lib-commonjs/hooks/useFlatTree.js.map +0 -1
  296. package/lib-commonjs/hooks/useFlatTreeNavigation.js +0 -81
  297. package/lib-commonjs/hooks/useFlatTreeNavigation.js.map +0 -1
  298. package/lib-commonjs/hooks/useHTMLElementWalker.js +0 -88
  299. package/lib-commonjs/hooks/useHTMLElementWalker.js.map +0 -1
  300. package/lib-commonjs/hooks/useNestedTreeNavigation.js +0 -66
  301. package/lib-commonjs/hooks/useNestedTreeNavigation.js.map +0 -1
  302. package/lib-commonjs/hooks/useOpenItemsState.js +0 -29
  303. package/lib-commonjs/hooks/useOpenItemsState.js.map +0 -1
  304. package/lib-commonjs/utils/createUnfilteredFlatTree.js +0 -84
  305. package/lib-commonjs/utils/createUnfilteredFlatTree.js.map +0 -1
  306. package/lib-commonjs/utils/createVisibleFlatTree.js +0 -87
  307. package/lib-commonjs/utils/createVisibleFlatTree.js.map +0 -1
@@ -0,0 +1,379 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ treeItemPersonaLayoutClassNames: ()=>treeItemPersonaLayoutClassNames,
13
+ useTreeItemPersonaLayoutStyles_unstable: ()=>useTreeItemPersonaLayoutStyles_unstable
14
+ });
15
+ const _react = require("@griffel/react");
16
+ const _treeItemContext = require("../../contexts/treeItemContext");
17
+ const treeItemPersonaLayoutClassNames = {
18
+ root: 'fui-TreeItemPersonaLayout',
19
+ media: 'fui-TreeItemPersonaLayout__media',
20
+ description: 'fui-TreeItemPersonaLayout__description',
21
+ main: 'fui-TreeItemPersonaLayout__main',
22
+ expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',
23
+ aside: 'fui-TreeItemPersonaLayout__aside',
24
+ actions: 'fui-TreeItemPersonaLayout__actions',
25
+ selector: 'fui-TreeItemPersonaLayout__selector'
26
+ };
27
+ /**
28
+ * Styles for the root slot
29
+ */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
30
+ base: {
31
+ mc9l5x: "f13qh94s",
32
+ wkccdc: "f1y0tuzo",
33
+ Budl1dq: "fellwe7",
34
+ zoa1oz: "f1pam7zy",
35
+ Bt984gj: "f122n59",
36
+ Bahqtrf: "fk6fouc",
37
+ Be2twd7: "fkhj508",
38
+ Bhrd7zp: "figsok6",
39
+ Bg96gwp: "f1i3iumi",
40
+ lj723h: "flvvhsy",
41
+ ecr2s2: "f1wfn5kd",
42
+ zt0xaq: "f5na5aj",
43
+ Bi91k9c: "fnwyq0v",
44
+ Jwef8y: "f1t94bn6",
45
+ tbva4x: "f1oboesa"
46
+ },
47
+ leaf: {
48
+ uwmqm3: [
49
+ "f1k1erfc",
50
+ "faevyjx"
51
+ ]
52
+ },
53
+ branch: {
54
+ uwmqm3: [
55
+ "fo100m9",
56
+ "f6yw3pu"
57
+ ]
58
+ }
59
+ }, {
60
+ d: [
61
+ ".f13qh94s{display:-ms-grid;display:grid;}",
62
+ ".f1y0tuzo{-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;}",
63
+ ".fellwe7{-ms-grid-columns:auto auto 1fr auto;grid-template-columns:auto auto 1fr auto;}",
64
+ ".f1pam7zy{grid-template-areas:\"expandIcon media main aside\" \"expandIcon media description aside\";}",
65
+ ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
66
+ ".fk6fouc{font-family:var(--fontFamilyBase);}",
67
+ ".fkhj508{font-size:var(--fontSizeBase300);}",
68
+ ".figsok6{font-weight:var(--fontWeightRegular);}",
69
+ ".f1i3iumi{line-height:var(--lineHeightBase300);}",
70
+ ".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}",
71
+ ".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}",
72
+ ".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}",
73
+ ".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}"
74
+ ],
75
+ a: [
76
+ ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}",
77
+ ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}",
78
+ ".f5na5aj:active .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}"
79
+ ],
80
+ h: [
81
+ ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
82
+ ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
83
+ ".f1oboesa:hover .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}"
84
+ ]
85
+ });
86
+ /**
87
+ * Styles for the expand icon slot
88
+ */ const useMediaStyles = /*#__PURE__*/ (0, _react["__styles"])({
89
+ base: {
90
+ mc9l5x: "f22iagw",
91
+ Bt984gj: "f122n59",
92
+ a9b677: "f1szoe96",
93
+ Bqenvij: "f1d2rq10",
94
+ Ijaq50: "f11uok23",
95
+ Br312pm: "f1qdfnnj",
96
+ nk6f5a: "f1s27gz",
97
+ Bw0ie65: "f86d0yl",
98
+ z8tnut: "f1g0x7ka",
99
+ z189sj: [
100
+ "f7x41pl",
101
+ "fruq291"
102
+ ],
103
+ Byoj8tv: "f1qch9an",
104
+ uwmqm3: [
105
+ "fgiv446",
106
+ "ffczdla"
107
+ ]
108
+ }
109
+ }, {
110
+ d: [
111
+ ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
112
+ ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
113
+ ".f1szoe96{width:32px;}",
114
+ ".f1d2rq10{height:32px;}",
115
+ ".f11uok23{-ms-grid-row:media;grid-row-start:media;}",
116
+ ".f1qdfnnj{-ms-grid-column:media;grid-column-start:media;}",
117
+ ".f1s27gz{-ms-grid-row-span:media;grid-row-end:media;}",
118
+ ".f86d0yl{-ms-grid-column-span:media;grid-column-end:media;}",
119
+ ".f1g0x7ka{padding-top:0;}",
120
+ ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
121
+ ".fruq291{padding-left:var(--spacingHorizontalXS);}",
122
+ ".f1qch9an{padding-bottom:0;}",
123
+ ".fgiv446{padding-left:var(--spacingHorizontalXXS);}",
124
+ ".ffczdla{padding-right:var(--spacingHorizontalXXS);}"
125
+ ]
126
+ });
127
+ const useMainStyles = /*#__PURE__*/ (0, _react["__styles"])({
128
+ base: {
129
+ Ijaq50: "f17iroih",
130
+ Br312pm: "fppdkoh",
131
+ nk6f5a: "fsb8d6n",
132
+ Bw0ie65: "f6k5g14",
133
+ z8tnut: "f1ngh7ph",
134
+ z189sj: [
135
+ "f7x41pl",
136
+ "fruq291"
137
+ ],
138
+ Byoj8tv: "f5o476b",
139
+ uwmqm3: [
140
+ "f1f5gg8d",
141
+ "f1vdfbxk"
142
+ ]
143
+ },
144
+ withDescription: {
145
+ z8tnut: "f1ngh7ph",
146
+ z189sj: [
147
+ "f7x41pl",
148
+ "fruq291"
149
+ ],
150
+ Byoj8tv: "f1qch9an",
151
+ uwmqm3: [
152
+ "f1f5gg8d",
153
+ "f1vdfbxk"
154
+ ]
155
+ }
156
+ }, {
157
+ d: [
158
+ ".f17iroih{-ms-grid-row:main;grid-row-start:main;}",
159
+ ".fppdkoh{-ms-grid-column:main;grid-column-start:main;}",
160
+ ".fsb8d6n{-ms-grid-row-span:main;grid-row-end:main;}",
161
+ ".f6k5g14{-ms-grid-column-span:main;grid-column-end:main;}",
162
+ ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}",
163
+ ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
164
+ ".fruq291{padding-left:var(--spacingHorizontalXS);}",
165
+ ".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}",
166
+ ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
167
+ ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
168
+ ".f1qch9an{padding-bottom:0;}"
169
+ ]
170
+ });
171
+ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
172
+ base: {
173
+ Ijaq50: "ffekjdo",
174
+ Br312pm: "f12wtlaa",
175
+ nk6f5a: "f1blqr63",
176
+ Bw0ie65: "f2ve1i",
177
+ Bahqtrf: "fk6fouc",
178
+ Be2twd7: "fy9rknc",
179
+ Bhrd7zp: "figsok6",
180
+ Bg96gwp: "fwrc4pm",
181
+ z8tnut: "f1g0x7ka",
182
+ z189sj: [
183
+ "f7x41pl",
184
+ "fruq291"
185
+ ],
186
+ Byoj8tv: "f5o476b",
187
+ uwmqm3: [
188
+ "f1f5gg8d",
189
+ "f1vdfbxk"
190
+ ]
191
+ }
192
+ }, {
193
+ d: [
194
+ ".ffekjdo{-ms-grid-row:description;grid-row-start:description;}",
195
+ ".f12wtlaa{-ms-grid-column:description;grid-column-start:description;}",
196
+ ".f1blqr63{-ms-grid-row-span:description;grid-row-end:description;}",
197
+ ".f2ve1i{-ms-grid-column-span:description;grid-column-end:description;}",
198
+ ".fk6fouc{font-family:var(--fontFamilyBase);}",
199
+ ".fy9rknc{font-size:var(--fontSizeBase200);}",
200
+ ".figsok6{font-weight:var(--fontWeightRegular);}",
201
+ ".fwrc4pm{line-height:var(--lineHeightBase200);}",
202
+ ".f1g0x7ka{padding-top:0;}",
203
+ ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
204
+ ".fruq291{padding-left:var(--spacingHorizontalXS);}",
205
+ ".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}",
206
+ ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
207
+ ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}"
208
+ ]
209
+ });
210
+ /**
211
+ * Styles for the action icon slot
212
+ */ const useActionsStyles = /*#__PURE__*/ (0, _react["__styles"])({
213
+ base: {
214
+ mc9l5x: "f22iagw",
215
+ Frg6f3: [
216
+ "fcgxt0o",
217
+ "f1ujusj6"
218
+ ],
219
+ qhf8xq: "f10pi13n",
220
+ Bj3rh1h: "f19g0ac",
221
+ Ijaq50: "fobksn0",
222
+ Br312pm: "fmy5l6f",
223
+ nk6f5a: "fzqypwc",
224
+ Bw0ie65: "f1tmftl3",
225
+ z8tnut: "f1g0x7ka",
226
+ z189sj: [
227
+ "f1vdfbxk",
228
+ "f1f5gg8d"
229
+ ],
230
+ Byoj8tv: "f1qch9an",
231
+ uwmqm3: [
232
+ "f1f5gg8d",
233
+ "f1vdfbxk"
234
+ ]
235
+ }
236
+ }, {
237
+ d: [
238
+ ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
239
+ ".fcgxt0o{margin-left:auto;}",
240
+ ".f1ujusj6{margin-right:auto;}",
241
+ ".f10pi13n{position:relative;}",
242
+ ".f19g0ac{z-index:1;}",
243
+ ".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}",
244
+ ".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}",
245
+ ".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}",
246
+ ".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}",
247
+ ".f1g0x7ka{padding-top:0;}",
248
+ ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
249
+ ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
250
+ ".f1qch9an{padding-bottom:0;}"
251
+ ]
252
+ });
253
+ /**
254
+ * Styles for the action icon slot
255
+ */ const useAsideStyles = /*#__PURE__*/ (0, _react["__styles"])({
256
+ base: {
257
+ mc9l5x: "f22iagw",
258
+ Frg6f3: [
259
+ "fcgxt0o",
260
+ "f1ujusj6"
261
+ ],
262
+ Bt984gj: "f122n59",
263
+ Bj3rh1h: "f11zp4z2",
264
+ Ijaq50: "fobksn0",
265
+ Br312pm: "fmy5l6f",
266
+ nk6f5a: "fzqypwc",
267
+ Bw0ie65: "f1tmftl3",
268
+ z8tnut: "f1g0x7ka",
269
+ z189sj: [
270
+ "fw5db7e",
271
+ "f1uw59to"
272
+ ],
273
+ Byoj8tv: "f1qch9an",
274
+ uwmqm3: [
275
+ "f1uw59to",
276
+ "fw5db7e"
277
+ ],
278
+ i8kkvl: "f1ufnopg",
279
+ Belr9w4: "f14sijuj"
280
+ }
281
+ }, {
282
+ d: [
283
+ ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
284
+ ".fcgxt0o{margin-left:auto;}",
285
+ ".f1ujusj6{margin-right:auto;}",
286
+ ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
287
+ ".f11zp4z2{z-index:0;}",
288
+ ".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}",
289
+ ".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}",
290
+ ".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}",
291
+ ".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}",
292
+ ".f1g0x7ka{padding-top:0;}",
293
+ ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
294
+ ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
295
+ ".f1qch9an{padding-bottom:0;}",
296
+ ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
297
+ ".f14sijuj{row-gap:var(--spacingHorizontalXS);}"
298
+ ]
299
+ });
300
+ /**
301
+ * Styles for the expand icon slot
302
+ */ const useExpandIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
303
+ base: {
304
+ mc9l5x: "f22iagw",
305
+ Bt984gj: "f122n59",
306
+ Brf1p80: "f4d9j23",
307
+ Bf4jedk: "f17fgpbq",
308
+ B7ck84d: "f1ewtqcl",
309
+ sj55zd: "f11d4kpn",
310
+ Ijaq50: "f1e6rimv",
311
+ Br312pm: "f10hsf66",
312
+ nk6f5a: "foflfm0",
313
+ Bw0ie65: "f1b3ebjb",
314
+ Bh6795r: "f1jhi6b8",
315
+ Bnnss6s: "fi64zpg",
316
+ xawz: "f1rmlqtg",
317
+ z8tnut: "f1ywm7hm",
318
+ z189sj: [
319
+ "fhxju0i",
320
+ "f1cnd47f"
321
+ ],
322
+ Byoj8tv: "f14wxoun",
323
+ uwmqm3: [
324
+ "f1cnd47f",
325
+ "fhxju0i"
326
+ ]
327
+ }
328
+ }, {
329
+ d: [
330
+ ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
331
+ ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
332
+ ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}",
333
+ ".f17fgpbq{min-width:24px;}",
334
+ ".f1ewtqcl{box-sizing:border-box;}",
335
+ ".f11d4kpn{color:var(--colorNeutralForeground3);}",
336
+ ".f1e6rimv{-ms-grid-row:expandIcon;grid-row-start:expandIcon;}",
337
+ ".f10hsf66{-ms-grid-column:expandIcon;grid-column-start:expandIcon;}",
338
+ ".foflfm0{-ms-grid-row-span:expandIcon;grid-row-end:expandIcon;}",
339
+ ".f1b3ebjb{-ms-grid-column-span:expandIcon;grid-column-end:expandIcon;}",
340
+ ".f1jhi6b8{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}",
341
+ ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}",
342
+ ".f1rmlqtg{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}",
343
+ ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
344
+ ".fhxju0i{padding-right:0;}",
345
+ ".f1cnd47f{padding-left:0;}",
346
+ ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}"
347
+ ]
348
+ });
349
+ const useTreeItemPersonaLayoutStyles_unstable = (state)=>{
350
+ const rootStyles = useRootStyles();
351
+ const mediaStyles = useMediaStyles();
352
+ const descriptionStyles = useDescriptionStyles();
353
+ const actionsStyles = useActionsStyles();
354
+ const asideStyles = useAsideStyles();
355
+ const expandIconStyles = useExpandIconStyles();
356
+ const mainStyles = useMainStyles();
357
+ const itemType = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.itemType);
358
+ state.root.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.root, rootStyles.base, rootStyles[itemType], state.root.className);
359
+ state.media.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);
360
+ if (state.main) {
361
+ state.main.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.description && mainStyles.withDescription, state.main.className);
362
+ }
363
+ if (state.description) {
364
+ state.description.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);
365
+ }
366
+ if (state.actions) {
367
+ state.actions.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.actions, actionsStyles.base, state.actions.className);
368
+ }
369
+ if (state.aside) {
370
+ state.aside.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);
371
+ }
372
+ if (state.expandIcon) {
373
+ state.expandIcon.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);
374
+ }
375
+ if (state.selector) {
376
+ state.selector.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.selector, state.selector.className);
377
+ }
378
+ return state;
379
+ }; //# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useTreeItemPersonaLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemPersonaLayoutClassNames = {\n root: 'fui-TreeItemPersonaLayout',\n media: 'fui-TreeItemPersonaLayout__media',\n description: 'fui-TreeItemPersonaLayout__description',\n main: 'fui-TreeItemPersonaLayout__main',\n expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n aside: 'fui-TreeItemPersonaLayout__aside',\n actions: 'fui-TreeItemPersonaLayout__actions',\n selector: 'fui-TreeItemPersonaLayout__selector'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f13qh94s\",\n wkccdc: \"f1y0tuzo\",\n Budl1dq: \"fellwe7\",\n zoa1oz: \"f1pam7zy\",\n Bt984gj: \"f122n59\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n lj723h: \"flvvhsy\",\n ecr2s2: \"f1wfn5kd\",\n zt0xaq: \"f5na5aj\",\n Bi91k9c: \"fnwyq0v\",\n Jwef8y: \"f1t94bn6\",\n tbva4x: \"f1oboesa\"\n },\n leaf: {\n uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n },\n branch: {\n uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n }\n}, {\n d: [\".f13qh94s{display:-ms-grid;display:grid;}\", \".f1y0tuzo{-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;}\", \".fellwe7{-ms-grid-columns:auto auto 1fr auto;grid-template-columns:auto auto 1fr auto;}\", \".f1pam7zy{grid-template-areas:\\\"expandIcon media main aside\\\" \\\"expandIcon media description aside\\\";}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\"],\n a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f5na5aj:active .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\"],\n h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1oboesa:hover .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useMediaStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\",\n Ijaq50: \"f11uok23\",\n Br312pm: \"f1qdfnnj\",\n nk6f5a: \"f1s27gz\",\n Bw0ie65: \"f86d0yl\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".f11uok23{-ms-grid-row:media;grid-row-start:media;}\", \".f1qdfnnj{-ms-grid-column:media;grid-column-start:media;}\", \".f1s27gz{-ms-grid-row-span:media;grid-row-end:media;}\", \".f86d0yl{-ms-grid-column-span:media;grid-column-end:media;}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f1qch9an{padding-bottom:0;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\nconst useMainStyles = /*#__PURE__*/__styles({\n base: {\n Ijaq50: \"f17iroih\",\n Br312pm: \"fppdkoh\",\n nk6f5a: \"fsb8d6n\",\n Bw0ie65: \"f6k5g14\",\n z8tnut: \"f1ngh7ph\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f5o476b\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n withDescription: {\n z8tnut: \"f1ngh7ph\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".f17iroih{-ms-grid-row:main;grid-row-start:main;}\", \".fppdkoh{-ms-grid-column:main;grid-column-start:main;}\", \".fsb8d6n{-ms-grid-row-span:main;grid-row-end:main;}\", \".f6k5g14{-ms-grid-column-span:main;grid-column-end:main;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\nconst useDescriptionStyles = /*#__PURE__*/__styles({\n base: {\n Ijaq50: \"ffekjdo\",\n Br312pm: \"f12wtlaa\",\n nk6f5a: \"f1blqr63\",\n Bw0ie65: \"f2ve1i\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f5o476b\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".ffekjdo{-ms-grid-row:description;grid-row-start:description;}\", \".f12wtlaa{-ms-grid-column:description;grid-column-start:description;}\", \".f1blqr63{-ms-grid-row-span:description;grid-row-end:description;}\", \".f2ve1i{-ms-grid-column-span:description;grid-column-end:description;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n qhf8xq: \"f10pi13n\",\n Bj3rh1h: \"f19g0ac\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}\", \".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}\", \".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}\", \".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n Bt984gj: \"f122n59\",\n Bj3rh1h: \"f11zp4z2\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n i8kkvl: \"f1ufnopg\",\n Belr9w4: \"f14sijuj\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}\", \".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}\", \".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}\", \".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n Bf4jedk: \"f17fgpbq\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f11d4kpn\",\n Ijaq50: \"f1e6rimv\",\n Br312pm: \"f10hsf66\",\n nk6f5a: \"foflfm0\",\n Bw0ie65: \"f1b3ebjb\",\n Bh6795r: \"f1jhi6b8\",\n Bnnss6s: \"fi64zpg\",\n xawz: \"f1rmlqtg\",\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1e6rimv{-ms-grid-row:expandIcon;grid-row-start:expandIcon;}\", \".f10hsf66{-ms-grid-column:expandIcon;grid-column-start:expandIcon;}\", \".foflfm0{-ms-grid-row-span:expandIcon;grid-row-end:expandIcon;}\", \".f1b3ebjb{-ms-grid-column-span:expandIcon;grid-column-end:expandIcon;}\", \".f1jhi6b8{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1rmlqtg{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Apply styling to the TreeItemPersonaLayout slots based on the state\n */\nexport const useTreeItemPersonaLayoutStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const mediaStyles = useMediaStyles();\n const descriptionStyles = useDescriptionStyles();\n const actionsStyles = useActionsStyles();\n const asideStyles = useAsideStyles();\n const expandIconStyles = useExpandIconStyles();\n const mainStyles = useMainStyles();\n const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootStyles.base, rootStyles[itemType], state.root.className);\n state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);\n if (state.main) {\n state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.description && mainStyles.withDescription, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);\n }\n if (state.actions) {\n state.actions.className = mergeClasses(treeItemPersonaLayoutClassNames.actions, actionsStyles.base, state.actions.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);\n }\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(treeItemPersonaLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n }\n if (state.selector) {\n state.selector.className = mergeClasses(treeItemPersonaLayoutClassNames.selector, state.selector.className);\n }\n return state;\n};\n//# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map"],"names":["treeItemPersonaLayoutClassNames","useTreeItemPersonaLayoutStyles_unstable","root","media","description","main","expandIcon","aside","actions","selector","useRootStyles","__styles","base","mc9l5x","wkccdc","Budl1dq","zoa1oz","Bt984gj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","lj723h","ecr2s2","zt0xaq","Bi91k9c","Jwef8y","tbva4x","leaf","uwmqm3","branch","d","a","h","useMediaStyles","a9b677","Bqenvij","Ijaq50","Br312pm","nk6f5a","Bw0ie65","z8tnut","z189sj","Byoj8tv","useMainStyles","withDescription","useDescriptionStyles","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","B7ck84d","sj55zd","Bh6795r","Bnnss6s","xawz","state","rootStyles","mediaStyles","descriptionStyles","actionsStyles","asideStyles","expandIconStyles","mainStyles","itemType","useTreeItemContext_unstable","ctx","className","mergeClasses"],"mappings":"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"}
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- const tslib_1 = /*#__PURE__*/require("tslib");
7
- tslib_1.__exportStar(require("./treeContext"), exports);
8
- tslib_1.__exportStar(require("./treeItemContext"), exports);
9
- //# sourceMappingURL=index.js.map
5
+ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./treeContext"), exports);
7
+ _exportStar(require("./treeItemContext"), exports);
@@ -1 +1 @@
1
- {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tree/src/contexts/index.ts"],"sourcesContent":["export * from './treeContext';\nexport * from './treeItemContext';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './treeContext';\nexport * from './treeItemContext';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA"}
@@ -1,24 +1,32 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.useTreeContext_unstable = exports.TreeProvider = exports.TreeContext = void 0;
7
- const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
8
- const ImmutableSet_1 = /*#__PURE__*/require("../utils/ImmutableSet");
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ TreeContext: ()=>TreeContext,
13
+ TreeProvider: ()=>TreeProvider,
14
+ useTreeContext_unstable: ()=>useTreeContext_unstable
15
+ });
16
+ const _reactContextSelector = require("@fluentui/react-context-selector");
17
+ const _immutableSet = require("../utils/ImmutableSet");
18
+ const _immutableMap = require("../utils/ImmutableMap");
9
19
  const defaultContextValue = {
10
- level: 0,
11
- openItems: ImmutableSet_1.emptyImmutableSet,
12
- requestOpenChange: noop,
13
- requestNavigation: noop,
14
- appearance: 'subtle',
15
- size: 'medium'
20
+ level: 0,
21
+ selectionMode: 'none',
22
+ openItems: _immutableSet.ImmutableSet.empty,
23
+ checkedItems: _immutableMap.ImmutableMap.empty,
24
+ requestTreeResponse: noop,
25
+ appearance: 'subtle',
26
+ size: 'medium'
16
27
  };
17
28
  function noop() {
18
- /* noop */
19
- }
20
- exports.TreeContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
21
- exports.TreeProvider = exports.TreeContext.Provider;
22
- const useTreeContext_unstable = selector => react_context_selector_1.useContextSelector(exports.TreeContext, (ctx = defaultContextValue) => selector(ctx));
23
- exports.useTreeContext_unstable = useTreeContext_unstable;
24
- //# sourceMappingURL=treeContext.js.map
29
+ /* noop */ }
30
+ const TreeContext = (0, _reactContextSelector.createContext)(undefined);
31
+ const { Provider: TreeProvider } = TreeContext;
32
+ const useTreeContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(TreeContext, (ctx = defaultContextValue)=>selector(ctx));
@@ -1 +1 @@
1
- {"version":3,"names":["react_context_selector_1","require","ImmutableSet_1","defaultContextValue","level","openItems","emptyImmutableSet","requestOpenChange","noop","requestNavigation","appearance","size","exports","TreeContext","createContext","undefined","TreeProvider","Provider","useTreeContext_unstable","selector","useContextSelector","ctx"],"sources":["../src/packages/react-components/react-tree/src/contexts/treeContext.ts"],"sourcesContent":["import { Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { TreeItemId, TreeOpenChangeData, TreeNavigationData_unstable } from '../Tree';\nimport { emptyImmutableSet, ImmutableSet } from '../utils/ImmutableSet';\n\nexport type TreeContextValue = {\n level: number;\n appearance: 'subtle' | 'subtle-alpha' | 'transparent';\n size: 'small' | 'medium';\n openItems: ImmutableSet<TreeItemId>;\n /**\n * Requests dialog main component to update it's internal open state\n */\n requestOpenChange(data: TreeOpenChangeData): void;\n requestNavigation(data: TreeNavigationData_unstable): void;\n};\n\nconst defaultContextValue: TreeContextValue = {\n level: 0,\n openItems: emptyImmutableSet,\n requestOpenChange: noop,\n requestNavigation: noop,\n appearance: 'subtle',\n size: 'medium',\n};\n\nfunction noop() {\n /* noop */\n}\n\nexport const TreeContext: Context<TreeContextValue | undefined> = createContext<TreeContextValue | undefined>(\n undefined,\n);\n\nexport const { Provider: TreeProvider } = TreeContext;\nexport const useTreeContext_unstable = <T>(selector: ContextSelector<TreeContextValue, T>): T =>\n useContextSelector(TreeContext, (ctx = defaultContextValue) => selector(ctx));\n"],"mappings":";;;;;;AAAA,MAAAA,wBAAA,gBAAAC,OAAA;AAEA,MAAAC,cAAA,gBAAAD,OAAA;AAcA,MAAME,mBAAmB,GAAqB;EAC5CC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAEH,cAAA,CAAAI,iBAAiB;EAC5BC,iBAAiB,EAAEC,IAAI;EACvBC,iBAAiB,EAAED,IAAI;EACvBE,UAAU,EAAE,QAAQ;EACpBC,IAAI,EAAE;CACP;AAED,SAASH,IAAIA,CAAA;EACX;AAAA;AAGWI,OAAA,CAAAC,WAAW,gBAA0Cb,wBAAA,CAAAc,aAAa,CAC7EC,SAAS,CACV;AAEwBH,OAAA,CAAAI,YAAY,GAAKJ,OAAA,CAAAC,WAAW,CAAAI,QAAA;AAC9C,MAAMC,uBAAuB,GAAOC,QAA8C,IACvFnB,wBAAA,CAAAoB,kBAAkB,CAACR,OAAA,CAAAC,WAAW,EAAE,CAACQ,GAAG,GAAGlB,mBAAmB,KAAKgB,QAAQ,CAACE,GAAG,CAAC,CAAC;AADlET,OAAA,CAAAM,uBAAuB,GAAAA,uBAAA"}
1
+ {"version":3,"sources":["treeContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport { ImmutableMap } from '../utils/ImmutableMap';\nconst defaultContextValue = {\n level: 0,\n selectionMode: 'none',\n openItems: ImmutableSet.empty,\n checkedItems: ImmutableMap.empty,\n requestTreeResponse: noop,\n appearance: 'subtle',\n size: 'medium'\n};\nfunction noop() {\n/* noop */ }\nexport const TreeContext = createContext(undefined);\nexport const { Provider: TreeProvider } = TreeContext;\nexport const useTreeContext_unstable = (selector)=>useContextSelector(TreeContext, (ctx = defaultContextValue)=>selector(ctx));\n"],"names":["TreeContext","TreeProvider","useTreeContext_unstable","defaultContextValue","level","selectionMode","openItems","ImmutableSet","empty","checkedItems","ImmutableMap","requestTreeResponse","noop","appearance","size","createContext","undefined","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAcaA,WAAW,MAAXA;IACYC,YAAY,MAAZA;IACZC,uBAAuB,MAAvBA;;sCAhBqC;8BACrB;8BACA;AAC7B,MAAMC,sBAAsB;IACxBC,OAAO;IACPC,eAAe;IACfC,WAAWC,0BAAY,CAACC,KAAK;IAC7BC,cAAcC,0BAAY,CAACF,KAAK;IAChCG,qBAAqBC;IACrBC,YAAY;IACZC,MAAM;AACV;AACA,SAASF,OAAO;AAChB,QAAQ,GAAG;AACJ,MAAMZ,cAAce,IAAAA,mCAAa,EAACC;AAClC,MAAM,EAAEC,UAAUhB,aAAY,EAAG,GAAGD;AACpC,MAAME,0BAA0B,CAACgB,WAAWC,IAAAA,wCAAkB,EAACnB,aAAa,CAACoB,MAAMjB,mBAAmB,GAAGe,SAASE"}
@@ -1,18 +1,35 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.useTreeItemContext_unstable = exports.TreeItemProvider = exports.TreeItemContext = void 0;
7
- const React = /*#__PURE__*/require("react");
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ TreeItemContext: ()=>TreeItemContext,
13
+ TreeItemProvider: ()=>TreeItemProvider,
14
+ useTreeItemContext_unstable: ()=>useTreeItemContext_unstable
15
+ });
16
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
17
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
18
+ const _reactContextSelector = require("@fluentui/react-context-selector");
19
+ const _createHeadlessTree = require("../utils/createHeadlessTree");
8
20
  const defaultContextValue = {
9
- isActionsVisible: false
10
- };
11
- exports.TreeItemContext = /*#__PURE__*/React.createContext(undefined);
12
- exports.TreeItemProvider = exports.TreeItemContext.Provider;
13
- const useTreeItemContext_unstable = () => {
14
- var _a;
15
- return (_a = React.useContext(exports.TreeItemContext)) !== null && _a !== void 0 ? _a : defaultContextValue;
21
+ value: _createHeadlessTree.headlessTreeRootId,
22
+ selectionRef: /*#__PURE__*/ _react.createRef(),
23
+ layoutRef: /*#__PURE__*/ _react.createRef(),
24
+ subtreeRef: /*#__PURE__*/ _react.createRef(),
25
+ actionsRef: /*#__PURE__*/ _react.createRef(),
26
+ expandIconRef: /*#__PURE__*/ _react.createRef(),
27
+ isActionsVisible: false,
28
+ isAsideVisible: false,
29
+ itemType: 'leaf',
30
+ open: false,
31
+ checked: undefined
16
32
  };
17
- exports.useTreeItemContext_unstable = useTreeItemContext_unstable;
18
- //# sourceMappingURL=treeItemContext.js.map
33
+ const TreeItemContext = (0, _reactContextSelector.createContext)(undefined);
34
+ const { Provider: TreeItemProvider } = TreeItemContext;
35
+ const useTreeItemContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(TreeItemContext, (ctx = defaultContextValue)=>selector(ctx));
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","defaultContextValue","isActionsVisible","exports","TreeItemContext","createContext","undefined","TreeItemProvider","Provider","useTreeItemContext_unstable","_a","useContext"],"sources":["../src/packages/react-components/react-tree/src/contexts/treeItemContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type TreeItemContextValue = {\n isActionsVisible: boolean;\n};\n\nconst defaultContextValue: TreeItemContextValue = {\n isActionsVisible: false,\n};\n\nexport const TreeItemContext: React.Context<TreeItemContextValue | undefined> = React.createContext<\n TreeItemContextValue | undefined\n>(undefined);\n\nexport const { Provider: TreeItemProvider } = TreeItemContext;\nexport const useTreeItemContext_unstable = (): TreeItemContextValue =>\n React.useContext(TreeItemContext) ?? defaultContextValue;\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAMA,MAAMC,mBAAmB,GAAyB;EAChDC,gBAAgB,EAAE;CACnB;AAEYC,OAAA,CAAAC,eAAe,gBAAoDL,KAAK,CAACM,aAAa,CAEjGC,SAAS,CAAC;AAEaH,OAAA,CAAAI,gBAAgB,GAAKJ,OAAA,CAAAC,eAAe,CAAAI,QAAA;AACtD,MAAMC,2BAA2B,GAAGA,CAAA,KAA2B;EAAA,IAAAC,EAAA;EACpE,QAAAA,EAAA,GAAAX,KAAK,CAACY,UAAU,CAACR,OAAA,CAAAC,eAAe,CAAC,cAAAM,EAAA,cAAAA,EAAA,GAAIT,mBAAmB;AAAA;AAD7CE,OAAA,CAAAM,2BAA2B,GAAAA,2BAAA"}
1
+ {"version":3,"sources":["treeItemContext.js"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { headlessTreeRootId } from '../utils/createHeadlessTree';\nconst defaultContextValue = {\n value: headlessTreeRootId,\n selectionRef: React.createRef(),\n layoutRef: React.createRef(),\n subtreeRef: React.createRef(),\n actionsRef: React.createRef(),\n expandIconRef: React.createRef(),\n isActionsVisible: false,\n isAsideVisible: false,\n itemType: 'leaf',\n open: false,\n checked: undefined\n};\nexport const TreeItemContext = createContext(undefined);\nexport const { Provider: TreeItemProvider } = TreeItemContext;\nexport const useTreeItemContext_unstable = (selector)=>useContextSelector(TreeItemContext, (ctx = defaultContextValue)=>selector(ctx));\n"],"names":["TreeItemContext","TreeItemProvider","useTreeItemContext_unstable","defaultContextValue","value","headlessTreeRootId","selectionRef","React","createRef","layoutRef","subtreeRef","actionsRef","expandIconRef","isActionsVisible","isAsideVisible","itemType","open","checked","undefined","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAgBaA,eAAe,MAAfA;IACYC,gBAAgB,MAAhBA;IACZC,2BAA2B,MAA3BA;;;6DAlBU;sCAC2B;oCACf;AACnC,MAAMC,sBAAsB;IACxBC,OAAOC,sCAAkB;IACzBC,4BAAcC,OAAMC,SAAS;IAC7BC,yBAAWF,OAAMC,SAAS;IAC1BE,0BAAYH,OAAMC,SAAS;IAC3BG,0BAAYJ,OAAMC,SAAS;IAC3BI,6BAAeL,OAAMC,SAAS;IAC9BK,kBAAkB,KAAK;IACvBC,gBAAgB,KAAK;IACrBC,UAAU;IACVC,MAAM,KAAK;IACXC,SAASC;AACb;AACO,MAAMlB,kBAAkBmB,IAAAA,mCAAa,EAACD;AACtC,MAAM,EAAEE,UAAUnB,iBAAgB,EAAG,GAAGD;AACxC,MAAME,8BAA8B,CAACmB,WAAWC,IAAAA,wCAAkB,EAACtB,iBAAiB,CAACuB,MAAMpB,mBAAmB,GAAGkB,SAASE"}
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ useControllableOpenItems: ()=>useControllableOpenItems,
13
+ createNextOpenItems: ()=>createNextOpenItems
14
+ });
15
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
16
+ const _reactUtilities = require("@fluentui/react-utilities");
17
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
18
+ const _immutableSet = require("../utils/ImmutableSet");
19
+ const _createOpenItems = require("../utils/createOpenItems");
20
+ function useControllableOpenItems(props) {
21
+ return (0, _reactUtilities.useControllableState)({
22
+ state: _react.useMemo(()=>props.openItems && (0, _createOpenItems.createOpenItems)(props.openItems), [
23
+ props.openItems
24
+ ]),
25
+ defaultState: ()=>(0, _createOpenItems.createOpenItems)(props.defaultOpenItems),
26
+ initialState: _immutableSet.ImmutableSet.empty
27
+ });
28
+ }
29
+ function createNextOpenItems(data, previousOpenItems) {
30
+ if (data.value === null) {
31
+ return previousOpenItems;
32
+ }
33
+ const previousOpenItemsHasId = previousOpenItems.has(data.value);
34
+ if (data.open ? previousOpenItemsHasId : !previousOpenItemsHasId) {
35
+ return previousOpenItems;
36
+ }
37
+ const nextOpenItems = _immutableSet.ImmutableSet.create(previousOpenItems);
38
+ return data.open ? nextOpenItems.add(data.value) : nextOpenItems.delete(data.value);
39
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useControllableOpenItems.js"],"sourcesContent":["import { useControllableState } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport { createOpenItems } from '../utils/createOpenItems';\n/**\n * @internal\n */ export function useControllableOpenItems(props) {\n return useControllableState({\n state: React.useMemo(()=>props.openItems && createOpenItems(props.openItems), [\n props.openItems\n ]),\n defaultState: ()=>createOpenItems(props.defaultOpenItems),\n initialState: ImmutableSet.empty\n });\n}\n/**\n * @internal\n */ export function createNextOpenItems(data, previousOpenItems) {\n if (data.value === null) {\n return previousOpenItems;\n }\n const previousOpenItemsHasId = previousOpenItems.has(data.value);\n if (data.open ? previousOpenItemsHasId : !previousOpenItemsHasId) {\n return previousOpenItems;\n }\n const nextOpenItems = ImmutableSet.create(previousOpenItems);\n return data.open ? nextOpenItems.add(data.value) : nextOpenItems.delete(data.value);\n}\n"],"names":["useControllableOpenItems","createNextOpenItems","props","useControllableState","state","React","useMemo","openItems","createOpenItems","defaultState","defaultOpenItems","initialState","ImmutableSet","empty","data","previousOpenItems","value","previousOpenItemsHasId","has","open","nextOpenItems","create","add","delete"],"mappings":";;;;;;;;;;;IAMoBA,wBAAwB,MAAxBA;IAWAC,mBAAmB,MAAnBA;;;gCAjBiB;6DACd;8BACM;iCACG;AAGrB,SAASD,yBAAyBE,KAAK,EAAE;IAChD,OAAOC,IAAAA,oCAAoB,EAAC;QACxBC,OAAOC,OAAMC,OAAO,CAAC,IAAIJ,MAAMK,SAAS,IAAIC,IAAAA,gCAAe,EAACN,MAAMK,SAAS,GAAG;YAC1EL,MAAMK,SAAS;SAClB;QACDE,cAAc,IAAID,IAAAA,gCAAe,EAACN,MAAMQ,gBAAgB;QACxDC,cAAcC,0BAAY,CAACC,KAAK;IACpC;AACJ;AAGW,SAASZ,oBAAoBa,IAAI,EAAEC,iBAAiB,EAAE;IAC7D,IAAID,KAAKE,KAAK,KAAK,IAAI,EAAE;QACrB,OAAOD;IACX,CAAC;IACD,MAAME,yBAAyBF,kBAAkBG,GAAG,CAACJ,KAAKE,KAAK;IAC/D,IAAIF,KAAKK,IAAI,GAAGF,yBAAyB,CAACA,sBAAsB,EAAE;QAC9D,OAAOF;IACX,CAAC;IACD,MAAMK,gBAAgBR,0BAAY,CAACS,MAAM,CAACN;IAC1C,OAAOD,KAAKK,IAAI,GAAGC,cAAcE,GAAG,CAACR,KAAKE,KAAK,IAAII,cAAcG,MAAM,CAACT,KAAKE,KAAK,CAAC;AACvF"}