@fluentui/react-tree 9.0.0-beta.9 → 9.0.1

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 (311) hide show
  1. package/CHANGELOG.json +1573 -8
  2. package/CHANGELOG.md +430 -9
  3. package/LICENSE +1 -1
  4. package/dist/index.d.ts +367 -132
  5. package/lib/FlatTree.js +1 -0
  6. package/lib/FlatTree.js.map +1 -0
  7. package/lib/Tree.js +0 -1
  8. package/lib/Tree.js.map +1 -1
  9. package/lib/TreeItem.js +0 -1
  10. package/lib/TreeItem.js.map +1 -1
  11. package/lib/TreeItemLayout.js +0 -1
  12. package/lib/TreeItemLayout.js.map +1 -1
  13. package/lib/TreeItemPersonaLayout.js +0 -1
  14. package/lib/TreeItemPersonaLayout.js.map +1 -1
  15. package/lib/components/FlatTree/FlatTree.js +17 -0
  16. package/lib/components/FlatTree/FlatTree.js.map +1 -0
  17. package/lib/components/FlatTree/FlatTree.types.js +1 -0
  18. package/lib/components/FlatTree/FlatTree.types.js.map +1 -0
  19. package/lib/components/FlatTree/index.js +7 -0
  20. package/lib/components/FlatTree/index.js.map +1 -0
  21. package/lib/components/FlatTree/renderFlatTree.js +2 -0
  22. package/lib/components/FlatTree/renderFlatTree.js.map +1 -0
  23. package/lib/components/FlatTree/useFlatControllableCheckedItems.js +76 -0
  24. package/lib/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -0
  25. package/lib/components/FlatTree/useFlatTree.js +3 -0
  26. package/lib/components/FlatTree/useFlatTree.js.map +1 -0
  27. package/lib/components/FlatTree/useFlatTreeContextValues.js +2 -0
  28. package/lib/components/FlatTree/useFlatTreeContextValues.js.map +1 -0
  29. package/lib/components/FlatTree/useFlatTreeNavigation.js +74 -0
  30. package/lib/components/FlatTree/useFlatTreeNavigation.js.map +1 -0
  31. package/lib/components/FlatTree/useFlatTreeStyles.styles.js +20 -0
  32. package/lib/components/FlatTree/useFlatTreeStyles.styles.js.map +1 -0
  33. package/lib/components/FlatTree/useHeadlessFlatTree.js +124 -0
  34. package/lib/components/FlatTree/useHeadlessFlatTree.js.map +1 -0
  35. package/lib/components/Tree/Tree.js +9 -15
  36. package/lib/components/Tree/Tree.js.map +1 -1
  37. package/lib/components/Tree/Tree.types.js +1 -2
  38. package/lib/components/Tree/Tree.types.js.map +1 -1
  39. package/lib/components/Tree/index.js +2 -3
  40. package/lib/components/Tree/index.js.map +1 -1
  41. package/lib/components/Tree/renderTree.js +7 -11
  42. package/lib/components/Tree/renderTree.js.map +1 -1
  43. package/lib/components/Tree/useNestedControllableCheckedItems.js +22 -0
  44. package/lib/components/Tree/useNestedControllableCheckedItems.js.map +1 -0
  45. package/lib/components/Tree/useTree.js +63 -111
  46. package/lib/components/Tree/useTree.js.map +1 -1
  47. package/lib/components/Tree/useTreeContextValues.js +16 -24
  48. package/lib/components/Tree/useTreeContextValues.js.map +1 -1
  49. package/lib/components/Tree/useTreeNavigation.js +52 -0
  50. package/lib/components/Tree/useTreeNavigation.js.map +1 -0
  51. package/lib/components/Tree/{useTreeStyles.js → useTreeStyles.styles.js} +7 -3
  52. package/lib/components/Tree/useTreeStyles.styles.js.map +1 -0
  53. package/lib/components/TreeItem/TreeItem.js +7 -9
  54. package/lib/components/TreeItem/TreeItem.js.map +1 -1
  55. package/lib/components/TreeItem/TreeItem.types.js +0 -1
  56. package/lib/components/TreeItem/TreeItem.types.js.map +1 -1
  57. package/lib/components/TreeItem/index.js +2 -2
  58. package/lib/components/TreeItem/index.js.map +1 -1
  59. package/lib/components/TreeItem/renderTreeItem.js +7 -15
  60. package/lib/components/TreeItem/renderTreeItem.js.map +1 -1
  61. package/lib/components/TreeItem/useTreeItem.js +161 -234
  62. package/lib/components/TreeItem/useTreeItem.js.map +1 -1
  63. package/lib/components/TreeItem/useTreeItemContextValues.js +20 -16
  64. package/lib/components/TreeItem/useTreeItemContextValues.js.map +1 -1
  65. package/lib/components/TreeItem/useTreeItemStyles.styles.js +100 -0
  66. package/lib/components/TreeItem/useTreeItemStyles.styles.js.map +1 -0
  67. package/lib/components/TreeItemChevron.js +24 -0
  68. package/lib/components/TreeItemChevron.js.map +1 -0
  69. package/lib/components/TreeItemLayout/TreeItemLayout.js +5 -7
  70. package/lib/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
  71. package/lib/components/TreeItemLayout/TreeItemLayout.types.js +1 -2
  72. package/lib/components/TreeItemLayout/TreeItemLayout.types.js.map +1 -1
  73. package/lib/components/TreeItemLayout/index.js +1 -2
  74. package/lib/components/TreeItemLayout/index.js.map +1 -1
  75. package/lib/components/TreeItemLayout/renderTreeItemLayout.js +8 -13
  76. package/lib/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
  77. package/lib/components/TreeItemLayout/useTreeItemLayout.js +109 -40
  78. package/lib/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
  79. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js +237 -0
  80. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map +1 -0
  81. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js +6 -8
  82. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
  83. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js +1 -2
  84. package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js.map +1 -1
  85. package/lib/components/TreeItemPersonaLayout/index.js +1 -2
  86. package/lib/components/TreeItemPersonaLayout/index.js.map +1 -1
  87. package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +10 -15
  88. package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
  89. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +41 -48
  90. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
  91. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +9 -10
  92. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
  93. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js +210 -0
  94. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map +1 -0
  95. package/lib/contexts/index.js +0 -1
  96. package/lib/contexts/index.js.map +1 -1
  97. package/lib/contexts/treeContext.js +13 -14
  98. package/lib/contexts/treeContext.js.map +1 -1
  99. package/lib/contexts/treeItemContext.js +16 -8
  100. package/lib/contexts/treeItemContext.js.map +1 -1
  101. package/lib/hooks/useControllableOpenItems.js +28 -0
  102. package/lib/hooks/useControllableOpenItems.js.map +1 -0
  103. package/lib/hooks/useRootTree.js +147 -0
  104. package/lib/hooks/useRootTree.js.map +1 -0
  105. package/lib/hooks/useRovingTabIndexes.js +30 -49
  106. package/lib/hooks/useRovingTabIndexes.js.map +1 -1
  107. package/lib/hooks/useSubtree.js +41 -0
  108. package/lib/hooks/useSubtree.js.map +1 -0
  109. package/lib/index.js +3 -4
  110. package/lib/index.js.map +1 -1
  111. package/lib/utils/ImmutableMap.js +41 -0
  112. package/lib/utils/ImmutableMap.js.map +1 -0
  113. package/lib/utils/ImmutableSet.js +42 -33
  114. package/lib/utils/ImmutableSet.js.map +1 -1
  115. package/lib/utils/assert.js +4 -5
  116. package/lib/utils/assert.js.map +1 -1
  117. package/lib/utils/createCheckedItems.js +18 -0
  118. package/lib/utils/createCheckedItems.js.map +1 -0
  119. package/lib/utils/createHTMLElementWalker.js +67 -0
  120. package/lib/utils/createHTMLElementWalker.js.map +1 -0
  121. package/lib/utils/createHeadlessTree.js +189 -0
  122. package/lib/utils/createHeadlessTree.js.map +1 -0
  123. package/lib/utils/createOpenItems.js +10 -0
  124. package/lib/utils/createOpenItems.js.map +1 -0
  125. package/lib/utils/flattenTree.js +15 -49
  126. package/lib/utils/flattenTree.js.map +1 -1
  127. package/lib/utils/getTreeItemValueFromElement.js +4 -0
  128. package/lib/utils/getTreeItemValueFromElement.js.map +1 -0
  129. package/lib/utils/nextTypeAheadElement.js +11 -12
  130. package/lib/utils/nextTypeAheadElement.js.map +1 -1
  131. package/lib/utils/normalizeOpenItems.js +6 -5
  132. package/lib/utils/normalizeOpenItems.js.map +1 -1
  133. package/lib/utils/tokens.js +14 -14
  134. package/lib/utils/tokens.js.map +1 -1
  135. package/lib/utils/treeItemFilter.js +2 -3
  136. package/lib/utils/treeItemFilter.js.map +1 -1
  137. package/lib-commonjs/FlatTree.js +6 -0
  138. package/lib-commonjs/FlatTree.js.map +1 -0
  139. package/lib-commonjs/Tree.js +0 -3
  140. package/lib-commonjs/Tree.js.map +1 -1
  141. package/lib-commonjs/TreeItem.js +0 -3
  142. package/lib-commonjs/TreeItem.js.map +1 -1
  143. package/lib-commonjs/TreeItemLayout.js +0 -3
  144. package/lib-commonjs/TreeItemLayout.js.map +1 -1
  145. package/lib-commonjs/TreeItemPersonaLayout.js +0 -3
  146. package/lib-commonjs/TreeItemPersonaLayout.js.map +1 -1
  147. package/lib-commonjs/components/FlatTree/FlatTree.js +21 -0
  148. package/lib-commonjs/components/FlatTree/FlatTree.js.map +1 -0
  149. package/lib-commonjs/components/FlatTree/FlatTree.types.js +4 -0
  150. package/lib-commonjs/components/FlatTree/FlatTree.types.js.map +1 -0
  151. package/lib-commonjs/components/FlatTree/index.js +12 -0
  152. package/lib-commonjs/components/FlatTree/index.js.map +1 -0
  153. package/lib-commonjs/components/FlatTree/renderFlatTree.js +10 -0
  154. package/lib-commonjs/components/FlatTree/renderFlatTree.js.map +1 -0
  155. package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js +91 -0
  156. package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -0
  157. package/lib-commonjs/components/FlatTree/useFlatTree.js +12 -0
  158. package/lib-commonjs/components/FlatTree/useFlatTree.js.map +1 -0
  159. package/lib-commonjs/components/FlatTree/useFlatTreeContextValues.js +10 -0
  160. package/lib-commonjs/components/FlatTree/useFlatTreeContextValues.js.map +1 -0
  161. package/lib-commonjs/components/FlatTree/useFlatTreeNavigation.js +82 -0
  162. package/lib-commonjs/components/FlatTree/useFlatTreeNavigation.js.map +1 -0
  163. package/lib-commonjs/components/FlatTree/useFlatTreeStyles.styles.js +36 -0
  164. package/lib-commonjs/components/FlatTree/useFlatTreeStyles.styles.js.map +1 -0
  165. package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js +121 -0
  166. package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js.map +1 -0
  167. package/lib-commonjs/components/Tree/Tree.js +4 -6
  168. package/lib-commonjs/components/Tree/Tree.js.map +1 -1
  169. package/lib-commonjs/components/Tree/Tree.types.js +0 -5
  170. package/lib-commonjs/components/Tree/Tree.types.js.map +1 -1
  171. package/lib-commonjs/components/Tree/index.js +2 -5
  172. package/lib-commonjs/components/Tree/index.js.map +1 -1
  173. package/lib-commonjs/components/Tree/renderTree.js +6 -9
  174. package/lib-commonjs/components/Tree/renderTree.js.map +1 -1
  175. package/lib-commonjs/components/Tree/useNestedControllableCheckedItems.js +37 -0
  176. package/lib-commonjs/components/Tree/useNestedControllableCheckedItems.js.map +1 -0
  177. package/lib-commonjs/components/Tree/useTree.js +53 -85
  178. package/lib-commonjs/components/Tree/useTree.js.map +1 -1
  179. package/lib-commonjs/components/Tree/useTreeContextValues.js +9 -10
  180. package/lib-commonjs/components/Tree/useTreeContextValues.js.map +1 -1
  181. package/lib-commonjs/components/Tree/useTreeNavigation.js +60 -0
  182. package/lib-commonjs/components/Tree/useTreeNavigation.js.map +1 -0
  183. package/lib-commonjs/components/Tree/{useTreeStyles.js → useTreeStyles.styles.js} +10 -7
  184. package/lib-commonjs/components/Tree/useTreeStyles.styles.js.map +1 -0
  185. package/lib-commonjs/components/TreeItem/TreeItem.js +3 -5
  186. package/lib-commonjs/components/TreeItem/TreeItem.js.map +1 -1
  187. package/lib-commonjs/components/TreeItem/TreeItem.types.js +0 -3
  188. package/lib-commonjs/components/TreeItem/TreeItem.types.js.map +1 -1
  189. package/lib-commonjs/components/TreeItem/index.js +2 -4
  190. package/lib-commonjs/components/TreeItem/index.js.map +1 -1
  191. package/lib-commonjs/components/TreeItem/renderTreeItem.js +6 -12
  192. package/lib-commonjs/components/TreeItem/renderTreeItem.js.map +1 -1
  193. package/lib-commonjs/components/TreeItem/useTreeItem.js +111 -170
  194. package/lib-commonjs/components/TreeItem/useTreeItem.js.map +1 -1
  195. package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js +19 -18
  196. package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js.map +1 -1
  197. package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js +202 -0
  198. package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js.map +1 -0
  199. package/lib-commonjs/components/TreeItemChevron.js +33 -0
  200. package/lib-commonjs/components/TreeItemChevron.js.map +1 -0
  201. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js +3 -5
  202. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
  203. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.types.js +0 -3
  204. package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.types.js.map +1 -1
  205. package/lib-commonjs/components/TreeItemLayout/index.js +1 -4
  206. package/lib-commonjs/components/TreeItemLayout/index.js.map +1 -1
  207. package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js +8 -9
  208. package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
  209. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js +92 -18
  210. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
  211. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js +392 -0
  212. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map +1 -0
  213. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js +3 -5
  214. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
  215. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js +0 -3
  216. package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js.map +1 -1
  217. package/lib-commonjs/components/TreeItemPersonaLayout/index.js +1 -4
  218. package/lib-commonjs/components/TreeItemPersonaLayout/index.js.map +1 -1
  219. package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +9 -10
  220. package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
  221. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +29 -26
  222. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
  223. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +1 -3
  224. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
  225. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js +379 -0
  226. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map +1 -0
  227. package/lib-commonjs/contexts/index.js +0 -3
  228. package/lib-commonjs/contexts/index.js.map +1 -1
  229. package/lib-commonjs/contexts/treeContext.js +7 -7
  230. package/lib-commonjs/contexts/treeContext.js.map +1 -1
  231. package/lib-commonjs/contexts/treeItemContext.js +15 -6
  232. package/lib-commonjs/contexts/treeItemContext.js.map +1 -1
  233. package/lib-commonjs/hooks/useControllableOpenItems.js +39 -0
  234. package/lib-commonjs/hooks/useControllableOpenItems.js.map +1 -0
  235. package/lib-commonjs/hooks/useRootTree.js +151 -0
  236. package/lib-commonjs/hooks/useRootTree.js.map +1 -0
  237. package/lib-commonjs/hooks/useRovingTabIndexes.js +9 -31
  238. package/lib-commonjs/hooks/useRovingTabIndexes.js.map +1 -1
  239. package/lib-commonjs/hooks/useSubtree.js +45 -0
  240. package/lib-commonjs/hooks/useSubtree.js.map +1 -0
  241. package/lib-commonjs/index.js +11 -7
  242. package/lib-commonjs/index.js.map +1 -1
  243. package/lib-commonjs/utils/ImmutableMap.js +49 -0
  244. package/lib-commonjs/utils/ImmutableMap.js.map +1 -0
  245. package/lib-commonjs/utils/ImmutableSet.js +28 -20
  246. package/lib-commonjs/utils/ImmutableSet.js.map +1 -1
  247. package/lib-commonjs/utils/assert.js +1 -3
  248. package/lib-commonjs/utils/assert.js.map +1 -1
  249. package/lib-commonjs/utils/createCheckedItems.js +26 -0
  250. package/lib-commonjs/utils/createCheckedItems.js.map +1 -0
  251. package/lib-commonjs/{hooks/useHTMLElementWalker.js → utils/createHTMLElementWalker.js} +3 -27
  252. package/lib-commonjs/utils/createHTMLElementWalker.js.map +1 -0
  253. package/lib-commonjs/utils/createHeadlessTree.js +203 -0
  254. package/lib-commonjs/utils/createHeadlessTree.js.map +1 -0
  255. package/lib-commonjs/utils/createOpenItems.js +18 -0
  256. package/lib-commonjs/utils/createOpenItems.js.map +1 -0
  257. package/lib-commonjs/utils/flattenTree.js +4 -40
  258. package/lib-commonjs/utils/flattenTree.js.map +1 -1
  259. package/lib-commonjs/utils/getTreeItemValueFromElement.js +18 -0
  260. package/lib-commonjs/utils/getTreeItemValueFromElement.js.map +1 -0
  261. package/lib-commonjs/utils/nextTypeAheadElement.js +1 -3
  262. package/lib-commonjs/utils/nextTypeAheadElement.js.map +1 -1
  263. package/lib-commonjs/utils/normalizeOpenItems.js +1 -3
  264. package/lib-commonjs/utils/normalizeOpenItems.js.map +1 -1
  265. package/lib-commonjs/utils/tokens.js +12 -13
  266. package/lib-commonjs/utils/tokens.js.map +1 -1
  267. package/lib-commonjs/utils/treeItemFilter.js +1 -3
  268. package/lib-commonjs/utils/treeItemFilter.js.map +1 -1
  269. package/package.json +31 -31
  270. package/.swcrc +0 -30
  271. package/lib/components/Tree/useTreeStyles.js.map +0 -1
  272. package/lib/components/TreeItem/useTreeItemStyles.js +0 -203
  273. package/lib/components/TreeItem/useTreeItemStyles.js.map +0 -1
  274. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.js +0 -98
  275. package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.js.map +0 -1
  276. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js +0 -115
  277. package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js.map +0 -1
  278. package/lib/hooks/index.js +0 -4
  279. package/lib/hooks/index.js.map +0 -1
  280. package/lib/hooks/useFlatTree.js +0 -77
  281. package/lib/hooks/useFlatTree.js.map +0 -1
  282. package/lib/hooks/useFlatTreeNavigation.js +0 -74
  283. package/lib/hooks/useFlatTreeNavigation.js.map +0 -1
  284. package/lib/hooks/useHTMLElementWalker.js +0 -80
  285. package/lib/hooks/useHTMLElementWalker.js.map +0 -1
  286. package/lib/hooks/useNestedTreeNavigation.js +0 -59
  287. package/lib/hooks/useNestedTreeNavigation.js.map +0 -1
  288. package/lib/hooks/useOpenItemsState.js +0 -22
  289. package/lib/hooks/useOpenItemsState.js.map +0 -1
  290. package/lib/utils/createFlatTreeItems.js +0 -109
  291. package/lib/utils/createFlatTreeItems.js.map +0 -1
  292. package/lib-commonjs/components/Tree/useTreeStyles.js.map +0 -1
  293. package/lib-commonjs/components/TreeItem/useTreeItemStyles.js +0 -375
  294. package/lib-commonjs/components/TreeItem/useTreeItemStyles.js.map +0 -1
  295. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js +0 -143
  296. package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js.map +0 -1
  297. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js +0 -186
  298. package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js.map +0 -1
  299. package/lib-commonjs/hooks/index.js +0 -11
  300. package/lib-commonjs/hooks/index.js.map +0 -1
  301. package/lib-commonjs/hooks/useFlatTree.js +0 -86
  302. package/lib-commonjs/hooks/useFlatTree.js.map +0 -1
  303. package/lib-commonjs/hooks/useFlatTreeNavigation.js +0 -82
  304. package/lib-commonjs/hooks/useFlatTreeNavigation.js.map +0 -1
  305. package/lib-commonjs/hooks/useHTMLElementWalker.js.map +0 -1
  306. package/lib-commonjs/hooks/useNestedTreeNavigation.js +0 -69
  307. package/lib-commonjs/hooks/useNestedTreeNavigation.js.map +0 -1
  308. package/lib-commonjs/hooks/useOpenItemsState.js +0 -39
  309. package/lib-commonjs/hooks/useOpenItemsState.js.map +0 -1
  310. package/lib-commonjs/utils/createFlatTreeItems.js +0 -126
  311. package/lib-commonjs/utils/createFlatTreeItems.js.map +0 -1
@@ -1,375 +0,0 @@
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
- treeItemClassNames: ()=>treeItemClassNames,
13
- expandIconInlineStyles: ()=>expandIconInlineStyles,
14
- useTreeItemStyles_unstable: ()=>useTreeItemStyles_unstable
15
- });
16
- const _react = require("@griffel/react");
17
- const _index = require("../../contexts/index");
18
- const treeItemClassNames = {
19
- root: 'fui-TreeItem',
20
- content: 'fui-TreeItem__content',
21
- subtree: 'fui-TreeItem__subtree',
22
- expandIcon: 'fui-TreeItem__expandIcon',
23
- actions: 'fui-TreeItem__actions'
24
- };
25
- const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
26
- level1: {
27
- iytv0q: "f10bgyvd"
28
- },
29
- level2: {
30
- iytv0q: "f1h0rod3"
31
- },
32
- level3: {
33
- iytv0q: "fgoqafk"
34
- },
35
- level4: {
36
- iytv0q: "f75dvuh"
37
- },
38
- level5: {
39
- iytv0q: "fqk7yw6"
40
- },
41
- level6: {
42
- iytv0q: "f1r3z17b"
43
- },
44
- level7: {
45
- iytv0q: "f1hrpd1h"
46
- },
47
- level8: {
48
- iytv0q: "f1iy65d0"
49
- },
50
- level9: {
51
- iytv0q: "ftg42e5"
52
- },
53
- level10: {
54
- iytv0q: "fyat3t"
55
- }
56
- }, {
57
- d: [
58
- ".f10bgyvd{--fluent-TreeItem--level:1;}",
59
- ".f1h0rod3{--fluent-TreeItem--level:2;}",
60
- ".fgoqafk{--fluent-TreeItem--level:3;}",
61
- ".f75dvuh{--fluent-TreeItem--level:4;}",
62
- ".fqk7yw6{--fluent-TreeItem--level:5;}",
63
- ".f1r3z17b{--fluent-TreeItem--level:6;}",
64
- ".f1hrpd1h{--fluent-TreeItem--level:7;}",
65
- ".f1iy65d0{--fluent-TreeItem--level:8;}",
66
- ".ftg42e5{--fluent-TreeItem--level:9;}",
67
- ".fyat3t{--fluent-TreeItem--level:10;}"
68
- ]
69
- });
70
- /**
71
- * Styles for the content slot
72
- */ const useContentStyles = /*#__PURE__*/ (0, _react["__styles"])({
73
- base: {
74
- qhf8xq: "f10pi13n",
75
- Bceei9c: "f1k6fduh",
76
- mc9l5x: "f22iagw",
77
- De3pzq: "fhovq9v",
78
- sj55zd: "fkfq4zb",
79
- z189sj: [
80
- "flk2ux3",
81
- "fkl3uby"
82
- ],
83
- uwmqm3: [
84
- "fo100m9",
85
- "f6yw3pu"
86
- ],
87
- Bbmb7ep: [
88
- "f1aa9q02",
89
- "f16jpd5f"
90
- ],
91
- Beyfa6y: [
92
- "f16jpd5f",
93
- "f1aa9q02"
94
- ],
95
- B7oj6ja: [
96
- "f1jar5jt",
97
- "fyu767a"
98
- ],
99
- Btl43ni: [
100
- "fyu767a",
101
- "f1jar5jt"
102
- ],
103
- lj723h: "flvvhsy",
104
- ecr2s2: "f1wfn5kd",
105
- Ixpawx: "f1x3s29",
106
- Bi91k9c: "fnwyq0v",
107
- Jwef8y: "f1t94bn6",
108
- B0t702g: "f1kvtbpn"
109
- },
110
- focusIndicator: {
111
- Brovlpu: "ftqa4ok",
112
- B486eqv: "f2hkw1w",
113
- B8q5s1w: "f8hki3x",
114
- Bci5o5g: [
115
- "f1d2448m",
116
- "ffh67wi"
117
- ],
118
- n8qw10: "f1bjia2o",
119
- Bdrgwmp: [
120
- "ffh67wi",
121
- "f1d2448m"
122
- ],
123
- Bm4h7ae: "f15bsgw9",
124
- B7ys5i9: "f14e48fq",
125
- Busjfv9: "f18yb2kv",
126
- Bhk32uz: "fd6o370",
127
- Bf4ptjt: "fh1cnn4",
128
- kclons: [
129
- "fy7oxxb",
130
- "f184ne2d"
131
- ],
132
- Bhdgwq3: "fpukqih",
133
- Blkhhs4: [
134
- "f184ne2d",
135
- "fy7oxxb"
136
- ],
137
- Bqtpl0w: "frrh606",
138
- clg4pj: [
139
- "f1v5zibi",
140
- "fo2hd23"
141
- ],
142
- hgwjuy: "ful5kiu",
143
- Bonggc9: [
144
- "fo2hd23",
145
- "f1v5zibi"
146
- ],
147
- B1tsrr9: [
148
- "f1jqcqds",
149
- "ftffrms"
150
- ],
151
- Dah5zi: [
152
- "ftffrms",
153
- "f1jqcqds"
154
- ],
155
- Bkh64rk: [
156
- "f2e7qr6",
157
- "fsr1zz6"
158
- ],
159
- qqdqy8: [
160
- "fsr1zz6",
161
- "f2e7qr6"
162
- ],
163
- B6dhp37: "f1dvezut",
164
- i03rao: [
165
- "fd0oaoj",
166
- "f1cwg4i8"
167
- ],
168
- Boxcth7: "fjvm52t",
169
- Bsom6fd: [
170
- "f1cwg4i8",
171
- "fd0oaoj"
172
- ],
173
- J0r882: "fdiulkx",
174
- Bjwuhne: "f1yalx80",
175
- Ghsupd: [
176
- "fq22d5a",
177
- "f1jw7pan"
178
- ],
179
- Bule8hv: [
180
- "f1jw7pan",
181
- "fq22d5a"
182
- ]
183
- },
184
- subtle: {},
185
- "subtle-alpha": {
186
- Jwef8y: "f146ro5n",
187
- ecr2s2: "fkam630"
188
- },
189
- transparent: {
190
- De3pzq: "f1c21dwh",
191
- Jwef8y: "fjxutwb",
192
- ecr2s2: "fophhak"
193
- },
194
- leaf: {
195
- uwmqm3: [
196
- "f1k1erfc",
197
- "faevyjx"
198
- ]
199
- }
200
- }, {
201
- d: [
202
- ".f10pi13n{position:relative;}",
203
- ".f1k6fduh{cursor:pointer;}",
204
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
205
- ".fhovq9v{background-color:var(--colorSubtleBackground);}",
206
- ".fkfq4zb{color:var(--colorNeutralForeground2);}",
207
- ".flk2ux3{padding-right:var(--spacingHorizontalNone);}",
208
- ".fkl3uby{padding-left:var(--spacingHorizontalNone);}",
209
- ".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}",
210
- ".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}",
211
- ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
212
- ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
213
- ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
214
- ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
215
- ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
216
- ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
217
- ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
218
- ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
219
- ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
220
- ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
221
- ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
222
- ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
223
- ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
224
- ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
225
- ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
226
- ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
227
- ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}",
228
- ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}",
229
- ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}",
230
- ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}",
231
- ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
232
- ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
233
- ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
234
- ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
235
- ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
236
- ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
237
- ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
238
- ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
239
- ".fdiulkx[data-fui-focus-visible]::after{top:-2px;}",
240
- ".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}",
241
- ".fq22d5a[data-fui-focus-visible]::after{left:-2px;}",
242
- ".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}",
243
- ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
244
- ".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}",
245
- ".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}"
246
- ],
247
- a: [
248
- ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}",
249
- ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}",
250
- ".f1x3s29:active .fui-TreeItem__expandIcon{color:var(--colorNeutralForeground3Pressed);}",
251
- ".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}",
252
- ".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}"
253
- ],
254
- h: [
255
- ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
256
- ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
257
- ".f1kvtbpn:hover .fui-TreeItem__expandIcon{color:var(--colorNeutralForeground3Hover);}",
258
- ".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}",
259
- ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}"
260
- ],
261
- f: [
262
- ".ftqa4ok:focus{outline-style:none;}"
263
- ],
264
- i: [
265
- ".f2hkw1w:focus-visible{outline-style:none;}"
266
- ]
267
- });
268
- /**
269
- * Styles for the expand icon slot
270
- */ const useExpandIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
271
- base: {
272
- mc9l5x: "f22iagw",
273
- Bt984gj: "f122n59",
274
- Brf1p80: "f4d9j23",
275
- Bf4jedk: "f17fgpbq",
276
- B7ck84d: "f1ewtqcl",
277
- sj55zd: "f11d4kpn",
278
- z8tnut: "f1ywm7hm",
279
- z189sj: [
280
- "fhxju0i",
281
- "f1cnd47f"
282
- ],
283
- Byoj8tv: "f14wxoun",
284
- uwmqm3: [
285
- "f1cnd47f",
286
- "fhxju0i"
287
- ]
288
- }
289
- }, {
290
- d: [
291
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
292
- ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
293
- ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}",
294
- ".f17fgpbq{min-width:24px;}",
295
- ".f1ewtqcl{box-sizing:border-box;}",
296
- ".f11d4kpn{color:var(--colorNeutralForeground3);}",
297
- ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
298
- ".fhxju0i{padding-right:0;}",
299
- ".f1cnd47f{padding-left:0;}",
300
- ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}"
301
- ]
302
- });
303
- /**
304
- * Styles for the action icon slot
305
- */ const useActionsStyles = /*#__PURE__*/ (0, _react["__styles"])({
306
- base: {
307
- mc9l5x: "fjseox",
308
- Frg6f3: [
309
- "fcgxt0o",
310
- "f1ujusj6"
311
- ],
312
- z8tnut: "f1g0x7ka",
313
- z189sj: [
314
- "f1vdfbxk",
315
- "f1f5gg8d"
316
- ],
317
- Byoj8tv: "f1qch9an",
318
- uwmqm3: [
319
- "f1f5gg8d",
320
- "f1vdfbxk"
321
- ]
322
- },
323
- open: {
324
- mc9l5x: "f22iagw",
325
- qhf8xq: "f10pi13n"
326
- }
327
- }, {
328
- d: [
329
- ".fjseox{display:none;}",
330
- ".fcgxt0o{margin-left:auto;}",
331
- ".f1ujusj6{margin-right:auto;}",
332
- ".f1g0x7ka{padding-top:0;}",
333
- ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
334
- ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
335
- ".f1qch9an{padding-bottom:0;}",
336
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
337
- ".f10pi13n{position:relative;}"
338
- ]
339
- });
340
- const expandIconInlineStyles = {
341
- 90: {
342
- transform: `rotate(90deg)`
343
- },
344
- 0: {
345
- transform: `rotate(0deg)`
346
- },
347
- 180: {
348
- transform: `rotate(180deg)`
349
- }
350
- };
351
- const useTreeItemStyles_unstable = (state)=>{
352
- const rootStyles = useRootStyles();
353
- const contentStyles = useContentStyles();
354
- const expandIconStyles = useExpandIconStyles();
355
- const actionsStyles = useActionsStyles();
356
- const appearance = (0, _index.useTreeContext_unstable)((ctx)=>ctx.appearance);
357
- const { actions , subtree , expandIcon , isActionsVisible: showActions , level } = state;
358
- state.root.className = (0, _react.mergeClasses)(treeItemClassNames.root, isStaticallyDefinedLevel(level) && rootStyles[`level${level}`], state.root.className);
359
- state.content.className = (0, _react.mergeClasses)(treeItemClassNames.content, contentStyles.base, contentStyles[appearance], contentStyles.focusIndicator, state.isLeaf && contentStyles.leaf, state.content.className);
360
- if (expandIcon) {
361
- expandIcon.className = (0, _react.mergeClasses)(treeItemClassNames.expandIcon, expandIconStyles.base, expandIcon.className);
362
- }
363
- if (actions) {
364
- actions.className = (0, _react.mergeClasses)(treeItemClassNames.actions, actionsStyles.base, showActions && actionsStyles.open, actions.className);
365
- }
366
- if (subtree) {
367
- subtree.className = (0, _react.mergeClasses)(treeItemClassNames.subtree, subtree.className);
368
- }
369
- return state;
370
- };
371
- function isStaticallyDefinedLevel(level) {
372
- return level >= 1 && level <= 10;
373
- } //# sourceMappingURL=useTreeItemStyles.js.map
374
-
375
- //# sourceMappingURL=useTreeItemStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../lib/components/TreeItem/useTreeItemStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { useTreeContext_unstable } from '../../contexts/index';\nimport { treeItemLevelToken } from '../../utils/tokens';\nexport const treeItemClassNames = {\n root: 'fui-TreeItem',\n content: 'fui-TreeItem__content',\n subtree: 'fui-TreeItem__subtree',\n expandIcon: 'fui-TreeItem__expandIcon',\n actions: 'fui-TreeItem__actions'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n level1: {\n iytv0q: \"f10bgyvd\"\n },\n level2: {\n iytv0q: \"f1h0rod3\"\n },\n level3: {\n iytv0q: \"fgoqafk\"\n },\n level4: {\n iytv0q: \"f75dvuh\"\n },\n level5: {\n iytv0q: \"fqk7yw6\"\n },\n level6: {\n iytv0q: \"f1r3z17b\"\n },\n level7: {\n iytv0q: \"f1hrpd1h\"\n },\n level8: {\n iytv0q: \"f1iy65d0\"\n },\n level9: {\n iytv0q: \"ftg42e5\"\n },\n level10: {\n iytv0q: \"fyat3t\"\n }\n}, {\n d: [\".f10bgyvd{--fluent-TreeItem--level:1;}\", \".f1h0rod3{--fluent-TreeItem--level:2;}\", \".fgoqafk{--fluent-TreeItem--level:3;}\", \".f75dvuh{--fluent-TreeItem--level:4;}\", \".fqk7yw6{--fluent-TreeItem--level:5;}\", \".f1r3z17b{--fluent-TreeItem--level:6;}\", \".f1hrpd1h{--fluent-TreeItem--level:7;}\", \".f1iy65d0{--fluent-TreeItem--level:8;}\", \".ftg42e5{--fluent-TreeItem--level:9;}\", \".fyat3t{--fluent-TreeItem--level:10;}\"]\n});\n/**\n * Styles for the content slot\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n base: {\n qhf8xq: \"f10pi13n\",\n Bceei9c: \"f1k6fduh\",\n mc9l5x: \"f22iagw\",\n De3pzq: \"fhovq9v\",\n sj55zd: \"fkfq4zb\",\n z189sj: [\"flk2ux3\", \"fkl3uby\"],\n uwmqm3: [\"fo100m9\", \"f6yw3pu\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n lj723h: \"flvvhsy\",\n ecr2s2: \"f1wfn5kd\",\n Ixpawx: \"f1x3s29\",\n Bi91k9c: \"fnwyq0v\",\n Jwef8y: \"f1t94bn6\",\n B0t702g: \"f1kvtbpn\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"fdiulkx\",\n Bjwuhne: \"f1yalx80\",\n Ghsupd: [\"fq22d5a\", \"f1jw7pan\"],\n Bule8hv: [\"f1jw7pan\", \"fq22d5a\"]\n },\n subtle: {},\n \"subtle-alpha\": {\n Jwef8y: \"f146ro5n\",\n ecr2s2: \"fkam630\"\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"fjxutwb\",\n ecr2s2: \"fophhak\"\n },\n leaf: {\n uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1k6fduh{cursor:pointer;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".flk2ux3{padding-right:var(--spacingHorizontalNone);}\", \".fkl3uby{padding-left:var(--spacingHorizontalNone);}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fdiulkx[data-fui-focus-visible]::after{top:-2px;}\", \".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}\", \".fq22d5a[data-fui-focus-visible]::after{left:-2px;}\", \".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\"],\n a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1x3s29:active .fui-TreeItem__expandIcon{color:var(--colorNeutralForeground3Pressed);}\", \".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\"],\n h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1kvtbpn:hover .fui-TreeItem__expandIcon{color:var(--colorNeutralForeground3Hover);}\", \".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\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 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);}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"fjseox\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n open: {\n mc9l5x: \"f22iagw\",\n qhf8xq: \"f10pi13n\"\n }\n}, {\n d: [\".fjseox{display:none;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f10pi13n{position:relative;}\"]\n});\nexport const expandIconInlineStyles = {\n 90: {\n transform: `rotate(90deg)`\n },\n 0: {\n transform: `rotate(0deg)`\n },\n 180: {\n transform: `rotate(180deg)`\n }\n};\n/**\n * Apply styling to the TreeItem slots based on the state\n */\nexport const useTreeItemStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const contentStyles = useContentStyles();\n const expandIconStyles = useExpandIconStyles();\n const actionsStyles = useActionsStyles();\n const appearance = useTreeContext_unstable(ctx => ctx.appearance);\n const {\n actions,\n subtree,\n expandIcon,\n isActionsVisible: showActions,\n level\n } = state;\n state.root.className = mergeClasses(treeItemClassNames.root, isStaticallyDefinedLevel(level) && rootStyles[`level${level}`], state.root.className);\n state.content.className = mergeClasses(treeItemClassNames.content, contentStyles.base, contentStyles[appearance], contentStyles.focusIndicator, state.isLeaf && contentStyles.leaf, state.content.className);\n if (expandIcon) {\n expandIcon.className = mergeClasses(treeItemClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n }\n if (actions) {\n actions.className = mergeClasses(treeItemClassNames.actions, actionsStyles.base, showActions && actionsStyles.open, actions.className);\n }\n if (subtree) {\n subtree.className = mergeClasses(treeItemClassNames.subtree, subtree.className);\n }\n return state;\n};\nfunction isStaticallyDefinedLevel(level) {\n return level >= 1 && level <= 10;\n}\n//# sourceMappingURL=useTreeItemStyles.js.map"],"names":["treeItemClassNames","expandIconInlineStyles","useTreeItemStyles_unstable","root","content","subtree","expandIcon","actions","useRootStyles","__styles","level1","iytv0q","level2","level3","level4","level5","level6","level7","level8","level9","level10","d","useContentStyles","base","qhf8xq","Bceei9c","mc9l5x","De3pzq","sj55zd","z189sj","uwmqm3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","lj723h","ecr2s2","Ixpawx","Bi91k9c","Jwef8y","B0t702g","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","subtle","transparent","leaf","a","h","f","i","useExpandIconStyles","Bt984gj","Brf1p80","Bf4jedk","B7ck84d","z8tnut","Byoj8tv","useActionsStyles","Frg6f3","open","transform","state","rootStyles","contentStyles","expandIconStyles","actionsStyles","appearance","useTreeContext_unstable","ctx","isActionsVisible","showActions","level","className","mergeClasses","isStaticallyDefinedLevel","isLeaf"],"mappings":"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"}
@@ -1,143 +0,0 @@
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
- treeItemLayoutClassNames: ()=>treeItemLayoutClassNames,
13
- useTreeItemLayoutStyles_unstable: ()=>useTreeItemLayoutStyles_unstable
14
- });
15
- const _react = require("@griffel/react");
16
- const _treeContext = require("../../contexts/treeContext");
17
- const treeItemLayoutClassNames = {
18
- root: 'fui-TreeItemLayout',
19
- aside: 'fui-TreeItemLayout__aside',
20
- iconAfter: 'fui-TreeItemLayout__iconAfter',
21
- iconBefore: 'fui-TreeItemLayout__iconBefore'
22
- };
23
- /**
24
- * Styles for the root slot
25
- */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
26
- base: {
27
- mc9l5x: "f22iagw",
28
- Bt984gj: "f122n59",
29
- sshi5w: "f1nxs5xn",
30
- Bh6795r: "fqerorx",
31
- Bnnss6s: "f1neuvcm",
32
- xawz: "f1pztt34"
33
- },
34
- medium: {
35
- i8kkvl: "f1rjii52",
36
- Bahqtrf: "fk6fouc",
37
- Be2twd7: "fkhj508",
38
- Bhrd7zp: "figsok6",
39
- Bg96gwp: "f1i3iumi"
40
- },
41
- small: {
42
- i8kkvl: "f1ufnopg",
43
- sshi5w: "f1pha7fy",
44
- Bahqtrf: "fk6fouc",
45
- Be2twd7: "fy9rknc",
46
- Bhrd7zp: "figsok6",
47
- Bg96gwp: "fwrc4pm"
48
- }
49
- }, {
50
- d: [
51
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
52
- ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
53
- ".f1nxs5xn{min-height:32px;}",
54
- ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
55
- ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
56
- ".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}",
57
- ".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}",
58
- ".fk6fouc{font-family:var(--fontFamilyBase);}",
59
- ".fkhj508{font-size:var(--fontSizeBase300);}",
60
- ".figsok6{font-weight:var(--fontWeightRegular);}",
61
- ".f1i3iumi{line-height:var(--lineHeightBase300);}",
62
- ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
63
- ".f1pha7fy{min-height:24px;}",
64
- ".fy9rknc{font-size:var(--fontSizeBase200);}",
65
- ".fwrc4pm{line-height:var(--lineHeightBase200);}"
66
- ]
67
- });
68
- /**
69
- * Styles for the before/after icon slot
70
- */ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
71
- base: {
72
- mc9l5x: "f22iagw",
73
- Bt984gj: "f122n59",
74
- sj55zd: "fkfq4zb",
75
- Bg96gwp: "f106mvju",
76
- Be2twd7: "f1pp30po"
77
- }
78
- }, {
79
- d: [
80
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
81
- ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
82
- ".fkfq4zb{color:var(--colorNeutralForeground2);}",
83
- ".f106mvju{line-height:var(--lineHeightBase500);}",
84
- ".f1pp30po{font-size:var(--fontSizeBase500);}"
85
- ]
86
- });
87
- /**
88
- * Styles for the action icon slot
89
- */ const useAsideStyles = /*#__PURE__*/ (0, _react["__styles"])({
90
- base: {
91
- mc9l5x: "f22iagw",
92
- Bt984gj: "f122n59",
93
- Frg6f3: [
94
- "fcgxt0o",
95
- "f1ujusj6"
96
- ],
97
- z8tnut: "f1g0x7ka",
98
- z189sj: [
99
- "fw5db7e",
100
- "f1uw59to"
101
- ],
102
- Byoj8tv: "f1qch9an",
103
- uwmqm3: [
104
- "f1uw59to",
105
- "fw5db7e"
106
- ],
107
- i8kkvl: "f1ufnopg",
108
- Belr9w4: "f14sijuj"
109
- }
110
- }, {
111
- d: [
112
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
113
- ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
114
- ".fcgxt0o{margin-left:auto;}",
115
- ".f1ujusj6{margin-right:auto;}",
116
- ".f1g0x7ka{padding-top:0;}",
117
- ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
118
- ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
119
- ".f1qch9an{padding-bottom:0;}",
120
- ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
121
- ".f14sijuj{row-gap:var(--spacingHorizontalXS);}"
122
- ]
123
- });
124
- const useTreeItemLayoutStyles_unstable = (state)=>{
125
- const { iconAfter , iconBefore , aside , root } = state;
126
- const rootStyles = useRootStyles();
127
- const iconStyles = useIconStyles();
128
- const asideStyles = useAsideStyles();
129
- const size = (0, _treeContext.useTreeContext_unstable)((ctx)=>ctx.size);
130
- root.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);
131
- if (iconBefore) {
132
- iconBefore.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);
133
- }
134
- if (iconAfter) {
135
- iconAfter.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);
136
- }
137
- if (aside) {
138
- aside.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);
139
- }
140
- return state;
141
- }; //# sourceMappingURL=useTreeItemLayoutStyles.js.map
142
-
143
- //# sourceMappingURL=useTreeItemLayoutStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../lib/components/TreeItemLayout/useTreeItemLayoutStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nexport const treeItemLayoutClassNames = {\n root: 'fui-TreeItemLayout',\n aside: 'fui-TreeItemLayout__aside',\n iconAfter: 'fui-TreeItemLayout__iconAfter',\n iconBefore: 'fui-TreeItemLayout__iconBefore'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n sshi5w: \"f1nxs5xn\",\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"f1pztt34\"\n },\n medium: {\n i8kkvl: \"f1rjii52\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n small: {\n i8kkvl: \"f1ufnopg\",\n sshi5w: \"f1pha7fy\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\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;}\", \".f1nxs5xn{min-height:32px;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n sj55zd: \"fkfq4zb\",\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\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;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\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;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".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 * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n const {\n iconAfter,\n iconBefore,\n aside,\n root\n } = state;\n const rootStyles = useRootStyles();\n const iconStyles = useIconStyles();\n const asideStyles = useAsideStyles();\n const size = useTreeContext_unstable(ctx => ctx.size);\n root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);\n if (iconBefore) {\n iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);\n }\n if (iconAfter) {\n iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);\n }\n if (aside) {\n aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);\n }\n return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","aside","iconAfter","iconBefore","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","Bh6795r","Bnnss6s","xawz","medium","i8kkvl","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","d","useIconStyles","sj55zd","useAsideStyles","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","Belr9w4","state","rootStyles","iconStyles","asideStyles","size","useTreeContext_unstable","ctx","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAuEAC,gCAAgC,MAAhCA;;uBA1EsC;6BAEX;AACjC,MAAMD,2BAA2B;IACtCE,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,YAAY;AACd;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAC,QAAQ;QACNC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,OAAO;QACLL,QAAQ;QACRL,QAAQ;QACRM,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAqF;QAAuE;QAA2E;QAA2G;QAAgD;QAA+C;QAAmD;QAAoD;QAAmG;QAA+B;QAA+C;KAAkD;AACn+B;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEhB,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTc,QAAQ;QACRJ,SAAS;QACTF,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAAwF;QAA2G;QAAmD;QAAoD;KAA+C;AAC/V;AACA;;CAEC,GACD,MAAMG,iBAAiB,WAAW,GAAElB,IAAAA,kBAAQ,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTgB,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/Bd,QAAQ;QACRe,SAAS;IACX;AACF,GAAG;IACDT,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAA6B;QAAsD;QAAsD;QAAgC;QAAmG;KAAiD;AACtkB;AAIO,MAAMrB,mCAAmC+B,CAAAA,QAAS;IACvD,MAAM,EACJ5B,UAAS,EACTC,WAAU,EACVF,MAAK,EACLD,KAAI,EACL,GAAG8B;IACJ,MAAMC,aAAa3B;IACnB,MAAM4B,aAAaX;IACnB,MAAMY,cAAcV;IACpB,MAAMW,OAAOC,IAAAA,oCAAuB,EAACC,CAAAA,MAAOA,IAAIF,IAAI;IACpDlC,KAAKqC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBE,IAAI,EAAE+B,WAAWzB,IAAI,EAAEyB,UAAU,CAACG,KAAK,EAAElC,KAAKqC,SAAS;IAC9G,IAAIlC,YAAY;QACdA,WAAWkC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBK,UAAU,EAAE6B,WAAW1B,IAAI,EAAEH,WAAWkC,SAAS;IAChH,CAAC;IACD,IAAInC,WAAW;QACbA,UAAUmC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBI,SAAS,EAAE8B,WAAW1B,IAAI,EAAEJ,UAAUmC,SAAS;IAC7G,CAAC;IACD,IAAIpC,OAAO;QACTA,MAAMoC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBG,KAAK,EAAEgC,YAAY3B,IAAI,EAAEL,MAAMoC,SAAS;IAClG,CAAC;IACD,OAAOP;AACT,GACA,mDAAmD"}