@fluentui/react-table 9.2.0 → 9.2.2

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 (757) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +145 -1
  3. package/CHANGELOG.md +39 -2
  4. package/lib/DataGrid.js.map +1 -1
  5. package/lib/DataGridBody.js.map +1 -1
  6. package/lib/DataGridCell.js.map +1 -1
  7. package/lib/DataGridHeader.js.map +1 -1
  8. package/lib/DataGridHeaderCell.js.map +1 -1
  9. package/lib/DataGridRow.js.map +1 -1
  10. package/lib/DataGridSelectionCell.js.map +1 -1
  11. package/lib/Table.js.map +1 -1
  12. package/lib/TableBody.js.map +1 -1
  13. package/lib/TableCell.js.map +1 -1
  14. package/lib/TableCellActions.js.map +1 -1
  15. package/lib/TableCellLayout.js.map +1 -1
  16. package/lib/TableCellPrimaryLayout.js.map +1 -1
  17. package/lib/TableHeader.js.map +1 -1
  18. package/lib/TableHeaderCell.js.map +1 -1
  19. package/lib/TableResizeHandle.js.map +1 -1
  20. package/lib/TableRow.js.map +1 -1
  21. package/lib/TableSelectionCell.js.map +1 -1
  22. package/lib/components/DataGrid/DataGrid.js.map +1 -1
  23. package/lib/components/DataGrid/DataGrid.types.js +1 -1
  24. package/lib/components/DataGrid/DataGrid.types.js.map +1 -1
  25. package/lib/components/DataGrid/index.js.map +1 -1
  26. package/lib/components/DataGrid/renderDataGrid.js.map +1 -1
  27. package/lib/components/DataGrid/useDataGrid.js +6 -4
  28. package/lib/components/DataGrid/useDataGrid.js.map +1 -1
  29. package/lib/components/DataGrid/useDataGridContextValues.js.map +1 -1
  30. package/lib/components/DataGrid/useDataGridStyles.js.map +1 -1
  31. package/lib/components/DataGridBody/DataGridBody.js.map +1 -1
  32. package/lib/components/DataGridBody/DataGridBody.types.js +1 -1
  33. package/lib/components/DataGridBody/DataGridBody.types.js.map +1 -1
  34. package/lib/components/DataGridBody/index.js.map +1 -1
  35. package/lib/components/DataGridBody/renderDataGridBody.js +1 -3
  36. package/lib/components/DataGridBody/renderDataGridBody.js.map +1 -1
  37. package/lib/components/DataGridBody/useDataGridBody.js +1 -0
  38. package/lib/components/DataGridBody/useDataGridBody.js.map +1 -1
  39. package/lib/components/DataGridBody/useDataGridBodyStyles.js.map +1 -1
  40. package/lib/components/DataGridCell/DataGridCell.js.map +1 -1
  41. package/lib/components/DataGridCell/DataGridCell.types.js.map +1 -1
  42. package/lib/components/DataGridCell/index.js.map +1 -1
  43. package/lib/components/DataGridCell/renderDataGridCell.js.map +1 -1
  44. package/lib/components/DataGridCell/useDataGridCell.js +1 -0
  45. package/lib/components/DataGridCell/useDataGridCell.js.map +1 -1
  46. package/lib/components/DataGridCell/useDataGridCellStyles.js.map +1 -1
  47. package/lib/components/DataGridHeader/DataGridHeader.js.map +1 -1
  48. package/lib/components/DataGridHeader/DataGridHeader.types.js.map +1 -1
  49. package/lib/components/DataGridHeader/index.js.map +1 -1
  50. package/lib/components/DataGridHeader/renderDataGridHeader.js.map +1 -1
  51. package/lib/components/DataGridHeader/useDataGridHeader.js +1 -0
  52. package/lib/components/DataGridHeader/useDataGridHeader.js.map +1 -1
  53. package/lib/components/DataGridHeader/useDataGridHeaderStyles.js.map +1 -1
  54. package/lib/components/DataGridHeaderCell/DataGridHeaderCell.js.map +1 -1
  55. package/lib/components/DataGridHeaderCell/DataGridHeaderCell.types.js.map +1 -1
  56. package/lib/components/DataGridHeaderCell/index.js.map +1 -1
  57. package/lib/components/DataGridHeaderCell/renderDataGridHeaderCell.js.map +1 -1
  58. package/lib/components/DataGridHeaderCell/useDataGridHeaderCell.js +3 -2
  59. package/lib/components/DataGridHeaderCell/useDataGridHeaderCell.js.map +1 -1
  60. package/lib/components/DataGridHeaderCell/useDataGridHeaderCellStyles.js.map +1 -1
  61. package/lib/components/DataGridRow/DataGridRow.js.map +1 -1
  62. package/lib/components/DataGridRow/DataGridRow.types.js +1 -1
  63. package/lib/components/DataGridRow/DataGridRow.types.js.map +1 -1
  64. package/lib/components/DataGridRow/index.js.map +1 -1
  65. package/lib/components/DataGridRow/renderDataGridRow.js +1 -5
  66. package/lib/components/DataGridRow/renderDataGridRow.js.map +1 -1
  67. package/lib/components/DataGridRow/useDataGridRow.js +5 -4
  68. package/lib/components/DataGridRow/useDataGridRow.js.map +1 -1
  69. package/lib/components/DataGridRow/useDataGridRowStyles.js.map +1 -1
  70. package/lib/components/DataGridSelectionCell/DataGridSelectionCell.js.map +1 -1
  71. package/lib/components/DataGridSelectionCell/DataGridSelectionCell.types.js.map +1 -1
  72. package/lib/components/DataGridSelectionCell/index.js.map +1 -1
  73. package/lib/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map +1 -1
  74. package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js +3 -2
  75. package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js.map +1 -1
  76. package/lib/components/DataGridSelectionCell/useDataGridSelectionCellStyles.js.map +1 -1
  77. package/lib/components/Table/Table.js.map +1 -1
  78. package/lib/components/Table/Table.types.js.map +1 -1
  79. package/lib/components/Table/index.js.map +1 -1
  80. package/lib/components/Table/renderTable.js +1 -3
  81. package/lib/components/Table/renderTable.js.map +1 -1
  82. package/lib/components/Table/useTable.js +7 -5
  83. package/lib/components/Table/useTable.js.map +1 -1
  84. package/lib/components/Table/useTableContextValues.js.map +1 -1
  85. package/lib/components/Table/useTableStyles.js.map +1 -1
  86. package/lib/components/TableBody/TableBody.js.map +1 -1
  87. package/lib/components/TableBody/TableBody.types.js.map +1 -1
  88. package/lib/components/TableBody/index.js.map +1 -1
  89. package/lib/components/TableBody/renderTableBody.js +1 -3
  90. package/lib/components/TableBody/renderTableBody.js.map +1 -1
  91. package/lib/components/TableBody/useTableBody.js +3 -2
  92. package/lib/components/TableBody/useTableBody.js.map +1 -1
  93. package/lib/components/TableBody/useTableBodyStyles.js.map +1 -1
  94. package/lib/components/TableCell/TableCell.js.map +1 -1
  95. package/lib/components/TableCell/TableCell.types.js.map +1 -1
  96. package/lib/components/TableCell/index.js.map +1 -1
  97. package/lib/components/TableCell/renderTableCell.js +1 -3
  98. package/lib/components/TableCell/renderTableCell.js.map +1 -1
  99. package/lib/components/TableCell/useTableCell.js +3 -2
  100. package/lib/components/TableCell/useTableCell.js.map +1 -1
  101. package/lib/components/TableCell/useTableCellStyles.js.map +1 -1
  102. package/lib/components/TableCellActions/TableCellActions.js.map +1 -1
  103. package/lib/components/TableCellActions/TableCellActions.types.js.map +1 -1
  104. package/lib/components/TableCellActions/index.js.map +1 -1
  105. package/lib/components/TableCellActions/renderTableCellActions.js +1 -3
  106. package/lib/components/TableCellActions/renderTableCellActions.js.map +1 -1
  107. package/lib/components/TableCellActions/useTableCellActions.js +3 -2
  108. package/lib/components/TableCellActions/useTableCellActions.js.map +1 -1
  109. package/lib/components/TableCellActions/useTableCellActionsStyles.js.map +1 -1
  110. package/lib/components/TableCellLayout/TableCellLayout.js.map +1 -1
  111. package/lib/components/TableCellLayout/TableCellLayout.types.js.map +1 -1
  112. package/lib/components/TableCellLayout/index.js.map +1 -1
  113. package/lib/components/TableCellLayout/renderTableCellLayout.js +2 -12
  114. package/lib/components/TableCellLayout/renderTableCellLayout.js.map +1 -1
  115. package/lib/components/TableCellLayout/useTableCellLayout.js +1 -0
  116. package/lib/components/TableCellLayout/useTableCellLayout.js.map +1 -1
  117. package/lib/components/TableCellLayout/useTableCellLayoutContextValues.js.map +1 -1
  118. package/lib/components/TableCellLayout/useTableCellLayoutStyles.js.map +1 -1
  119. package/lib/components/TableHeader/TableHeader.js.map +1 -1
  120. package/lib/components/TableHeader/TableHeader.types.js.map +1 -1
  121. package/lib/components/TableHeader/index.js.map +1 -1
  122. package/lib/components/TableHeader/renderTableHeader.js +1 -3
  123. package/lib/components/TableHeader/renderTableHeader.js.map +1 -1
  124. package/lib/components/TableHeader/useTableHeader.js +3 -2
  125. package/lib/components/TableHeader/useTableHeader.js.map +1 -1
  126. package/lib/components/TableHeader/useTableHeaderStyles.js.map +1 -1
  127. package/lib/components/TableHeaderCell/TableHeaderCell.js.map +1 -1
  128. package/lib/components/TableHeaderCell/TableHeaderCell.types.js.map +1 -1
  129. package/lib/components/TableHeaderCell/index.js.map +1 -1
  130. package/lib/components/TableHeaderCell/renderTableHeaderCell.js +1 -9
  131. package/lib/components/TableHeaderCell/renderTableHeaderCell.js.map +1 -1
  132. package/lib/components/TableHeaderCell/useTableHeaderCell.js +4 -3
  133. package/lib/components/TableHeaderCell/useTableHeaderCell.js.map +1 -1
  134. package/lib/components/TableHeaderCell/useTableHeaderCellStyles.js.map +1 -1
  135. package/lib/components/TableResizeHandle/TableResizeHandle.js.map +1 -1
  136. package/lib/components/TableResizeHandle/TableResizeHandle.types.js.map +1 -1
  137. package/lib/components/TableResizeHandle/index.js.map +1 -1
  138. package/lib/components/TableResizeHandle/renderTableResizeHandle.js +1 -3
  139. package/lib/components/TableResizeHandle/renderTableResizeHandle.js.map +1 -1
  140. package/lib/components/TableResizeHandle/useTableResizeHandle.js +3 -2
  141. package/lib/components/TableResizeHandle/useTableResizeHandle.js.map +1 -1
  142. package/lib/components/TableResizeHandle/useTableResizeHandleStyles.js +0 -2
  143. package/lib/components/TableResizeHandle/useTableResizeHandleStyles.js.map +1 -1
  144. package/lib/components/TableRow/TableRow.js.map +1 -1
  145. package/lib/components/TableRow/TableRow.types.js.map +1 -1
  146. package/lib/components/TableRow/index.js.map +1 -1
  147. package/lib/components/TableRow/renderTableRow.js +1 -3
  148. package/lib/components/TableRow/renderTableRow.js.map +1 -1
  149. package/lib/components/TableRow/useTableRow.js +5 -3
  150. package/lib/components/TableRow/useTableRow.js.map +1 -1
  151. package/lib/components/TableRow/useTableRowStyles.js.map +1 -1
  152. package/lib/components/TableSelectionCell/TableSelectionCell.js.map +1 -1
  153. package/lib/components/TableSelectionCell/TableSelectionCell.types.js.map +1 -1
  154. package/lib/components/TableSelectionCell/index.js.map +1 -1
  155. package/lib/components/TableSelectionCell/renderTableSelectionCell.js +1 -7
  156. package/lib/components/TableSelectionCell/renderTableSelectionCell.js.map +1 -1
  157. package/lib/components/TableSelectionCell/useTableSelectionCell.js +1 -0
  158. package/lib/components/TableSelectionCell/useTableSelectionCell.js.map +1 -1
  159. package/lib/components/TableSelectionCell/useTableSelectionCellStyles.js.map +1 -1
  160. package/lib/contexts/columnIdContext.js +2 -4
  161. package/lib/contexts/columnIdContext.js.map +1 -1
  162. package/lib/contexts/dataGridContext.js.map +1 -1
  163. package/lib/contexts/rowIdContext.js +2 -4
  164. package/lib/contexts/rowIdContext.js.map +1 -1
  165. package/lib/contexts/tableContext.js +2 -4
  166. package/lib/contexts/tableContext.js.map +1 -1
  167. package/lib/contexts/tableHeaderContext.js.map +1 -1
  168. package/lib/hooks/createColumn.js.map +1 -1
  169. package/lib/hooks/index.js.map +1 -1
  170. package/lib/hooks/selectionManager.js +1 -0
  171. package/lib/hooks/selectionManager.js.map +1 -1
  172. package/lib/hooks/types.js +1 -1
  173. package/lib/hooks/types.js.map +1 -1
  174. package/lib/hooks/useKeyboardResizing.js +15 -12
  175. package/lib/hooks/useKeyboardResizing.js.map +1 -1
  176. package/lib/hooks/useMeasureElement.js +5 -3
  177. package/lib/hooks/useMeasureElement.js.map +1 -1
  178. package/lib/hooks/useTableColumnResizeMouseHandler.js +19 -17
  179. package/lib/hooks/useTableColumnResizeMouseHandler.js.map +1 -1
  180. package/lib/hooks/useTableColumnResizeState.js.map +1 -1
  181. package/lib/hooks/useTableColumnSizing.js.map +1 -1
  182. package/lib/hooks/useTableFeatures.js +8 -6
  183. package/lib/hooks/useTableFeatures.js.map +1 -1
  184. package/lib/hooks/useTableSelection.js +2 -2
  185. package/lib/hooks/useTableSelection.js.map +1 -1
  186. package/lib/hooks/useTableSort.js +1 -0
  187. package/lib/hooks/useTableSort.js.map +1 -1
  188. package/lib/index.js.map +1 -1
  189. package/lib/utils/columnResizeUtils.js +7 -8
  190. package/lib/utils/columnResizeUtils.js.map +1 -1
  191. package/lib-commonjs/DataGrid.js +5 -4
  192. package/lib-commonjs/DataGrid.js.map +1 -1
  193. package/lib-commonjs/DataGridBody.js +5 -4
  194. package/lib-commonjs/DataGridBody.js.map +1 -1
  195. package/lib-commonjs/DataGridCell.js +5 -4
  196. package/lib-commonjs/DataGridCell.js.map +1 -1
  197. package/lib-commonjs/DataGridHeader.js +5 -4
  198. package/lib-commonjs/DataGridHeader.js.map +1 -1
  199. package/lib-commonjs/DataGridHeaderCell.js +5 -4
  200. package/lib-commonjs/DataGridHeaderCell.js.map +1 -1
  201. package/lib-commonjs/DataGridRow.js +5 -4
  202. package/lib-commonjs/DataGridRow.js.map +1 -1
  203. package/lib-commonjs/DataGridSelectionCell.js +5 -4
  204. package/lib-commonjs/DataGridSelectionCell.js.map +1 -1
  205. package/lib-commonjs/Table.js +5 -4
  206. package/lib-commonjs/Table.js.map +1 -1
  207. package/lib-commonjs/TableBody.js +5 -4
  208. package/lib-commonjs/TableBody.js.map +1 -1
  209. package/lib-commonjs/TableCell.js +5 -4
  210. package/lib-commonjs/TableCell.js.map +1 -1
  211. package/lib-commonjs/TableCellActions.js +5 -4
  212. package/lib-commonjs/TableCellActions.js.map +1 -1
  213. package/lib-commonjs/TableCellLayout.js +5 -4
  214. package/lib-commonjs/TableCellLayout.js.map +1 -1
  215. package/lib-commonjs/TableCellPrimaryLayout.js +5 -4
  216. package/lib-commonjs/TableCellPrimaryLayout.js.map +1 -1
  217. package/lib-commonjs/TableHeader.js +5 -4
  218. package/lib-commonjs/TableHeader.js.map +1 -1
  219. package/lib-commonjs/TableHeaderCell.js +5 -4
  220. package/lib-commonjs/TableHeaderCell.js.map +1 -1
  221. package/lib-commonjs/TableResizeHandle.js +5 -4
  222. package/lib-commonjs/TableResizeHandle.js.map +1 -1
  223. package/lib-commonjs/TableRow.js +5 -4
  224. package/lib-commonjs/TableRow.js.map +1 -1
  225. package/lib-commonjs/TableSelectionCell.js +5 -4
  226. package/lib-commonjs/TableSelectionCell.js.map +1 -1
  227. package/lib-commonjs/components/DataGrid/DataGrid.js +20 -21
  228. package/lib-commonjs/components/DataGrid/DataGrid.js.map +1 -1
  229. package/lib-commonjs/components/DataGrid/DataGrid.types.js +5 -2
  230. package/lib-commonjs/components/DataGrid/DataGrid.types.js.map +1 -1
  231. package/lib-commonjs/components/DataGrid/index.js +10 -9
  232. package/lib-commonjs/components/DataGrid/index.js.map +1 -1
  233. package/lib-commonjs/components/DataGrid/renderDataGrid.js +15 -15
  234. package/lib-commonjs/components/DataGrid/renderDataGrid.js.map +1 -1
  235. package/lib-commonjs/components/DataGrid/useDataGrid.js +86 -106
  236. package/lib-commonjs/components/DataGrid/useDataGrid.js.map +1 -1
  237. package/lib-commonjs/components/DataGrid/useDataGridContextValues.js +20 -18
  238. package/lib-commonjs/components/DataGrid/useDataGridContextValues.js.map +1 -1
  239. package/lib-commonjs/components/DataGrid/useDataGridStyles.js +21 -16
  240. package/lib-commonjs/components/DataGrid/useDataGridStyles.js.map +1 -1
  241. package/lib-commonjs/components/DataGridBody/DataGridBody.js +19 -20
  242. package/lib-commonjs/components/DataGridBody/DataGridBody.js.map +1 -1
  243. package/lib-commonjs/components/DataGridBody/DataGridBody.types.js +5 -2
  244. package/lib-commonjs/components/DataGridBody/DataGridBody.types.js.map +1 -1
  245. package/lib-commonjs/components/DataGridBody/index.js +9 -8
  246. package/lib-commonjs/components/DataGridBody/index.js.map +1 -1
  247. package/lib-commonjs/components/DataGridBody/renderDataGridBody.js +17 -22
  248. package/lib-commonjs/components/DataGridBody/renderDataGridBody.js.map +1 -1
  249. package/lib-commonjs/components/DataGridBody/useDataGridBody.js +27 -34
  250. package/lib-commonjs/components/DataGridBody/useDataGridBody.js.map +1 -1
  251. package/lib-commonjs/components/DataGridBody/useDataGridBodyStyles.js +21 -16
  252. package/lib-commonjs/components/DataGridBody/useDataGridBodyStyles.js.map +1 -1
  253. package/lib-commonjs/components/DataGridCell/DataGridCell.js +19 -20
  254. package/lib-commonjs/components/DataGridCell/DataGridCell.js.map +1 -1
  255. package/lib-commonjs/components/DataGridCell/DataGridCell.types.js +3 -2
  256. package/lib-commonjs/components/DataGridCell/DataGridCell.types.js.map +1 -1
  257. package/lib-commonjs/components/DataGridCell/index.js +9 -8
  258. package/lib-commonjs/components/DataGridCell/index.js.map +1 -1
  259. package/lib-commonjs/components/DataGridCell/renderDataGridCell.js +10 -11
  260. package/lib-commonjs/components/DataGridCell/renderDataGridCell.js.map +1 -1
  261. package/lib-commonjs/components/DataGridCell/useDataGridCell.js +24 -29
  262. package/lib-commonjs/components/DataGridCell/useDataGridCell.js.map +1 -1
  263. package/lib-commonjs/components/DataGridCell/useDataGridCellStyles.js +21 -16
  264. package/lib-commonjs/components/DataGridCell/useDataGridCellStyles.js.map +1 -1
  265. package/lib-commonjs/components/DataGridHeader/DataGridHeader.js +19 -20
  266. package/lib-commonjs/components/DataGridHeader/DataGridHeader.js.map +1 -1
  267. package/lib-commonjs/components/DataGridHeader/DataGridHeader.types.js +3 -2
  268. package/lib-commonjs/components/DataGridHeader/DataGridHeader.types.js.map +1 -1
  269. package/lib-commonjs/components/DataGridHeader/index.js +9 -8
  270. package/lib-commonjs/components/DataGridHeader/index.js.map +1 -1
  271. package/lib-commonjs/components/DataGridHeader/renderDataGridHeader.js +10 -11
  272. package/lib-commonjs/components/DataGridHeader/renderDataGridHeader.js.map +1 -1
  273. package/lib-commonjs/components/DataGridHeader/useDataGridHeader.js +15 -20
  274. package/lib-commonjs/components/DataGridHeader/useDataGridHeader.js.map +1 -1
  275. package/lib-commonjs/components/DataGridHeader/useDataGridHeaderStyles.js +21 -16
  276. package/lib-commonjs/components/DataGridHeader/useDataGridHeaderStyles.js.map +1 -1
  277. package/lib-commonjs/components/DataGridHeaderCell/DataGridHeaderCell.js +19 -20
  278. package/lib-commonjs/components/DataGridHeaderCell/DataGridHeaderCell.js.map +1 -1
  279. package/lib-commonjs/components/DataGridHeaderCell/DataGridHeaderCell.types.js +3 -2
  280. package/lib-commonjs/components/DataGridHeaderCell/DataGridHeaderCell.types.js.map +1 -1
  281. package/lib-commonjs/components/DataGridHeaderCell/index.js +9 -8
  282. package/lib-commonjs/components/DataGridHeaderCell/index.js.map +1 -1
  283. package/lib-commonjs/components/DataGridHeaderCell/renderDataGridHeaderCell.js +10 -11
  284. package/lib-commonjs/components/DataGridHeaderCell/renderDataGridHeaderCell.js.map +1 -1
  285. package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCell.js +36 -43
  286. package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCell.js.map +1 -1
  287. package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCellStyles.js +33 -28
  288. package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCellStyles.js.map +1 -1
  289. package/lib-commonjs/components/DataGridRow/DataGridRow.js +19 -20
  290. package/lib-commonjs/components/DataGridRow/DataGridRow.js.map +1 -1
  291. package/lib-commonjs/components/DataGridRow/DataGridRow.types.js +5 -2
  292. package/lib-commonjs/components/DataGridRow/DataGridRow.types.js.map +1 -1
  293. package/lib-commonjs/components/DataGridRow/index.js +9 -8
  294. package/lib-commonjs/components/DataGridRow/index.js.map +1 -1
  295. package/lib-commonjs/components/DataGridRow/renderDataGridRow.js +17 -24
  296. package/lib-commonjs/components/DataGridRow/renderDataGridRow.js.map +1 -1
  297. package/lib-commonjs/components/DataGridRow/useDataGridRow.js +70 -75
  298. package/lib-commonjs/components/DataGridRow/useDataGridRow.js.map +1 -1
  299. package/lib-commonjs/components/DataGridRow/useDataGridRowStyles.js +25 -20
  300. package/lib-commonjs/components/DataGridRow/useDataGridRowStyles.js.map +1 -1
  301. package/lib-commonjs/components/DataGridSelectionCell/DataGridSelectionCell.js +19 -20
  302. package/lib-commonjs/components/DataGridSelectionCell/DataGridSelectionCell.js.map +1 -1
  303. package/lib-commonjs/components/DataGridSelectionCell/DataGridSelectionCell.types.js +3 -2
  304. package/lib-commonjs/components/DataGridSelectionCell/DataGridSelectionCell.types.js.map +1 -1
  305. package/lib-commonjs/components/DataGridSelectionCell/index.js +9 -8
  306. package/lib-commonjs/components/DataGridSelectionCell/index.js.map +1 -1
  307. package/lib-commonjs/components/DataGridSelectionCell/renderDataGridSelectionCell.js +10 -11
  308. package/lib-commonjs/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map +1 -1
  309. package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCell.js +45 -50
  310. package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCell.js.map +1 -1
  311. package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCellStyles.js +29 -24
  312. package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCellStyles.js.map +1 -1
  313. package/lib-commonjs/components/Table/Table.js +20 -21
  314. package/lib-commonjs/components/Table/Table.js.map +1 -1
  315. package/lib-commonjs/components/Table/Table.types.js +3 -2
  316. package/lib-commonjs/components/Table/Table.types.js.map +1 -1
  317. package/lib-commonjs/components/Table/index.js +9 -8
  318. package/lib-commonjs/components/Table/index.js.map +1 -1
  319. package/lib-commonjs/components/Table/renderTable.js +16 -21
  320. package/lib-commonjs/components/Table/renderTable.js.map +1 -1
  321. package/lib-commonjs/components/Table/useTable.js +27 -31
  322. package/lib-commonjs/components/Table/useTable.js.map +1 -1
  323. package/lib-commonjs/components/Table/useTableContextValues.js +22 -19
  324. package/lib-commonjs/components/Table/useTableContextValues.js.map +1 -1
  325. package/lib-commonjs/components/Table/useTableStyles.js +55 -41
  326. package/lib-commonjs/components/Table/useTableStyles.js.map +1 -1
  327. package/lib-commonjs/components/TableBody/TableBody.js +19 -20
  328. package/lib-commonjs/components/TableBody/TableBody.js.map +1 -1
  329. package/lib-commonjs/components/TableBody/TableBody.types.js +3 -2
  330. package/lib-commonjs/components/TableBody/TableBody.types.js.map +1 -1
  331. package/lib-commonjs/components/TableBody/index.js +9 -8
  332. package/lib-commonjs/components/TableBody/index.js.map +1 -1
  333. package/lib-commonjs/components/TableBody/renderTableBody.js +13 -18
  334. package/lib-commonjs/components/TableBody/renderTableBody.js.map +1 -1
  335. package/lib-commonjs/components/TableBody/useTableBody.js +26 -33
  336. package/lib-commonjs/components/TableBody/useTableBody.js.map +1 -1
  337. package/lib-commonjs/components/TableBody/useTableBodyStyles.js +39 -29
  338. package/lib-commonjs/components/TableBody/useTableBodyStyles.js.map +1 -1
  339. package/lib-commonjs/components/TableCell/TableCell.js +19 -20
  340. package/lib-commonjs/components/TableCell/TableCell.js.map +1 -1
  341. package/lib-commonjs/components/TableCell/TableCell.types.js +3 -2
  342. package/lib-commonjs/components/TableCell/TableCell.types.js.map +1 -1
  343. package/lib-commonjs/components/TableCell/index.js +9 -8
  344. package/lib-commonjs/components/TableCell/index.js.map +1 -1
  345. package/lib-commonjs/components/TableCell/renderTableCell.js +13 -18
  346. package/lib-commonjs/components/TableCell/renderTableCell.js.map +1 -1
  347. package/lib-commonjs/components/TableCell/useTableCell.js +27 -35
  348. package/lib-commonjs/components/TableCell/useTableCell.js.map +1 -1
  349. package/lib-commonjs/components/TableCell/useTableCellStyles.js +125 -74
  350. package/lib-commonjs/components/TableCell/useTableCellStyles.js.map +1 -1
  351. package/lib-commonjs/components/TableCellActions/TableCellActions.js +19 -20
  352. package/lib-commonjs/components/TableCellActions/TableCellActions.js.map +1 -1
  353. package/lib-commonjs/components/TableCellActions/TableCellActions.types.js +3 -2
  354. package/lib-commonjs/components/TableCellActions/TableCellActions.types.js.map +1 -1
  355. package/lib-commonjs/components/TableCellActions/index.js +9 -8
  356. package/lib-commonjs/components/TableCellActions/index.js.map +1 -1
  357. package/lib-commonjs/components/TableCellActions/renderTableCellActions.js +13 -18
  358. package/lib-commonjs/components/TableCellActions/renderTableCellActions.js.map +1 -1
  359. package/lib-commonjs/components/TableCellActions/useTableCellActions.js +22 -27
  360. package/lib-commonjs/components/TableCellActions/useTableCellActions.js.map +1 -1
  361. package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.js +51 -30
  362. package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.js.map +1 -1
  363. package/lib-commonjs/components/TableCellLayout/TableCellLayout.js +20 -21
  364. package/lib-commonjs/components/TableCellLayout/TableCellLayout.js.map +1 -1
  365. package/lib-commonjs/components/TableCellLayout/TableCellLayout.types.js +3 -2
  366. package/lib-commonjs/components/TableCellLayout/TableCellLayout.types.js.map +1 -1
  367. package/lib-commonjs/components/TableCellLayout/index.js +9 -8
  368. package/lib-commonjs/components/TableCellLayout/index.js.map +1 -1
  369. package/lib-commonjs/components/TableCellLayout/renderTableCellLayout.js +16 -29
  370. package/lib-commonjs/components/TableCellLayout/renderTableCellLayout.js.map +1 -1
  371. package/lib-commonjs/components/TableCellLayout/useTableCellLayout.js +41 -48
  372. package/lib-commonjs/components/TableCellLayout/useTableCellLayout.js.map +1 -1
  373. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutContextValues.js +18 -15
  374. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutContextValues.js.map +1 -1
  375. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.js +113 -92
  376. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.js.map +1 -1
  377. package/lib-commonjs/components/TableHeader/TableHeader.js +19 -20
  378. package/lib-commonjs/components/TableHeader/TableHeader.js.map +1 -1
  379. package/lib-commonjs/components/TableHeader/TableHeader.types.js +3 -2
  380. package/lib-commonjs/components/TableHeader/TableHeader.types.js.map +1 -1
  381. package/lib-commonjs/components/TableHeader/index.js +9 -8
  382. package/lib-commonjs/components/TableHeader/index.js.map +1 -1
  383. package/lib-commonjs/components/TableHeader/renderTableHeader.js +16 -21
  384. package/lib-commonjs/components/TableHeader/renderTableHeader.js.map +1 -1
  385. package/lib-commonjs/components/TableHeader/useTableHeader.js +26 -33
  386. package/lib-commonjs/components/TableHeader/useTableHeader.js.map +1 -1
  387. package/lib-commonjs/components/TableHeader/useTableHeaderStyles.js +39 -29
  388. package/lib-commonjs/components/TableHeader/useTableHeaderStyles.js.map +1 -1
  389. package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.js +19 -20
  390. package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.js.map +1 -1
  391. package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.types.js +3 -2
  392. package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.types.js.map +1 -1
  393. package/lib-commonjs/components/TableHeaderCell/index.js +9 -8
  394. package/lib-commonjs/components/TableHeaderCell/index.js.map +1 -1
  395. package/lib-commonjs/components/TableHeaderCell/renderTableHeaderCell.js +13 -24
  396. package/lib-commonjs/components/TableHeaderCell/renderTableHeaderCell.js.map +1 -1
  397. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js +59 -67
  398. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js.map +1 -1
  399. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.js +205 -114
  400. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.js.map +1 -1
  401. package/lib-commonjs/components/TableResizeHandle/TableResizeHandle.js +19 -20
  402. package/lib-commonjs/components/TableResizeHandle/TableResizeHandle.js.map +1 -1
  403. package/lib-commonjs/components/TableResizeHandle/TableResizeHandle.types.js +3 -2
  404. package/lib-commonjs/components/TableResizeHandle/TableResizeHandle.types.js.map +1 -1
  405. package/lib-commonjs/components/TableResizeHandle/index.js +9 -8
  406. package/lib-commonjs/components/TableResizeHandle/index.js.map +1 -1
  407. package/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js +13 -18
  408. package/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js.map +1 -1
  409. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js +26 -31
  410. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js.map +1 -1
  411. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.js +87 -47
  412. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.js.map +1 -1
  413. package/lib-commonjs/components/TableRow/TableRow.js +19 -20
  414. package/lib-commonjs/components/TableRow/TableRow.js.map +1 -1
  415. package/lib-commonjs/components/TableRow/TableRow.types.js +3 -2
  416. package/lib-commonjs/components/TableRow/TableRow.types.js.map +1 -1
  417. package/lib-commonjs/components/TableRow/index.js +9 -8
  418. package/lib-commonjs/components/TableRow/index.js.map +1 -1
  419. package/lib-commonjs/components/TableRow/renderTableRow.js +13 -18
  420. package/lib-commonjs/components/TableRow/renderTableRow.js.map +1 -1
  421. package/lib-commonjs/components/TableRow/useTableRow.js +35 -42
  422. package/lib-commonjs/components/TableRow/useTableRow.js.map +1 -1
  423. package/lib-commonjs/components/TableRow/useTableRowStyles.js +482 -209
  424. package/lib-commonjs/components/TableRow/useTableRowStyles.js.map +1 -1
  425. package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.js +19 -20
  426. package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.js.map +1 -1
  427. package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.types.js +3 -2
  428. package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.types.js.map +1 -1
  429. package/lib-commonjs/components/TableSelectionCell/index.js +9 -8
  430. package/lib-commonjs/components/TableSelectionCell/index.js.map +1 -1
  431. package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js +13 -22
  432. package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js.map +1 -1
  433. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js +46 -58
  434. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js.map +1 -1
  435. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.js +139 -82
  436. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.js.map +1 -1
  437. package/lib-commonjs/contexts/columnIdContext.js +20 -12
  438. package/lib-commonjs/contexts/columnIdContext.js.map +1 -1
  439. package/lib-commonjs/contexts/dataGridContext.js +22 -14
  440. package/lib-commonjs/contexts/dataGridContext.js.map +1 -1
  441. package/lib-commonjs/contexts/rowIdContext.js +20 -12
  442. package/lib-commonjs/contexts/rowIdContext.js.map +1 -1
  443. package/lib-commonjs/contexts/tableContext.js +23 -15
  444. package/lib-commonjs/contexts/tableContext.js.map +1 -1
  445. package/lib-commonjs/contexts/tableHeaderContext.js +17 -8
  446. package/lib-commonjs/contexts/tableHeaderContext.js.map +1 -1
  447. package/lib-commonjs/hooks/createColumn.js +27 -35
  448. package/lib-commonjs/hooks/createColumn.js.map +1 -1
  449. package/lib-commonjs/hooks/index.js +10 -9
  450. package/lib-commonjs/hooks/index.js.map +1 -1
  451. package/lib-commonjs/hooks/selectionManager.js +80 -72
  452. package/lib-commonjs/hooks/selectionManager.js.map +1 -1
  453. package/lib-commonjs/hooks/types.js +5 -2
  454. package/lib-commonjs/hooks/types.js.map +1 -1
  455. package/lib-commonjs/hooks/useKeyboardResizing.js +109 -94
  456. package/lib-commonjs/hooks/useKeyboardResizing.js.map +1 -1
  457. package/lib-commonjs/hooks/useMeasureElement.js +53 -50
  458. package/lib-commonjs/hooks/useMeasureElement.js.map +1 -1
  459. package/lib-commonjs/hooks/useTableColumnResizeMouseHandler.js +77 -68
  460. package/lib-commonjs/hooks/useTableColumnResizeMouseHandler.js.map +1 -1
  461. package/lib-commonjs/hooks/useTableColumnResizeState.js +111 -112
  462. package/lib-commonjs/hooks/useTableColumnResizeState.js.map +1 -1
  463. package/lib-commonjs/hooks/useTableColumnSizing.js +91 -85
  464. package/lib-commonjs/hooks/useTableColumnSizing.js.map +1 -1
  465. package/lib-commonjs/hooks/useTableFeatures.js +51 -44
  466. package/lib-commonjs/hooks/useTableFeatures.js.map +1 -1
  467. package/lib-commonjs/hooks/useTableSelection.js +83 -75
  468. package/lib-commonjs/hooks/useTableSelection.js.map +1 -1
  469. package/lib-commonjs/hooks/useTableSort.js +86 -83
  470. package/lib-commonjs/hooks/useTableSort.js.map +1 -1
  471. package/lib-commonjs/index.js +133 -632
  472. package/lib-commonjs/index.js.map +1 -1
  473. package/lib-commonjs/utils/columnResizeUtils.js +120 -145
  474. package/lib-commonjs/utils/columnResizeUtils.js.map +1 -1
  475. package/package.json +16 -15
  476. package/lib-amd/DataGrid.js +0 -6
  477. package/lib-amd/DataGrid.js.map +0 -1
  478. package/lib-amd/DataGridBody.js +0 -6
  479. package/lib-amd/DataGridBody.js.map +0 -1
  480. package/lib-amd/DataGridCell.js +0 -6
  481. package/lib-amd/DataGridCell.js.map +0 -1
  482. package/lib-amd/DataGridHeader.js +0 -6
  483. package/lib-amd/DataGridHeader.js.map +0 -1
  484. package/lib-amd/DataGridHeaderCell.js +0 -6
  485. package/lib-amd/DataGridHeaderCell.js.map +0 -1
  486. package/lib-amd/DataGridRow.js +0 -6
  487. package/lib-amd/DataGridRow.js.map +0 -1
  488. package/lib-amd/DataGridSelectionCell.js +0 -6
  489. package/lib-amd/DataGridSelectionCell.js.map +0 -1
  490. package/lib-amd/Table.js +0 -6
  491. package/lib-amd/Table.js.map +0 -1
  492. package/lib-amd/TableBody.js +0 -6
  493. package/lib-amd/TableBody.js.map +0 -1
  494. package/lib-amd/TableCell.js +0 -6
  495. package/lib-amd/TableCell.js.map +0 -1
  496. package/lib-amd/TableCellActions.js +0 -6
  497. package/lib-amd/TableCellActions.js.map +0 -1
  498. package/lib-amd/TableCellLayout.js +0 -6
  499. package/lib-amd/TableCellLayout.js.map +0 -1
  500. package/lib-amd/TableHeader.js +0 -6
  501. package/lib-amd/TableHeader.js.map +0 -1
  502. package/lib-amd/TableHeaderCell.js +0 -6
  503. package/lib-amd/TableHeaderCell.js.map +0 -1
  504. package/lib-amd/TableResizeHandle.js +0 -6
  505. package/lib-amd/TableResizeHandle.js.map +0 -1
  506. package/lib-amd/TableRow.js +0 -6
  507. package/lib-amd/TableRow.js.map +0 -1
  508. package/lib-amd/TableSelectionCell.js +0 -6
  509. package/lib-amd/TableSelectionCell.js.map +0 -1
  510. package/lib-amd/components/DataGrid/DataGrid.js +0 -17
  511. package/lib-amd/components/DataGrid/DataGrid.js.map +0 -1
  512. package/lib-amd/components/DataGrid/DataGrid.types.js +0 -5
  513. package/lib-amd/components/DataGrid/DataGrid.types.js.map +0 -1
  514. package/lib-amd/components/DataGrid/index.js +0 -11
  515. package/lib-amd/components/DataGrid/index.js.map +0 -1
  516. package/lib-amd/components/DataGrid/renderDataGrid.js +0 -13
  517. package/lib-amd/components/DataGrid/renderDataGrid.js.map +0 -1
  518. package/lib-amd/components/DataGrid/useDataGrid.js +0 -67
  519. package/lib-amd/components/DataGrid/useDataGrid.js.map +0 -1
  520. package/lib-amd/components/DataGrid/useDataGridContextValues.js +0 -11
  521. package/lib-amd/components/DataGrid/useDataGridContextValues.js.map +0 -1
  522. package/lib-amd/components/DataGrid/useDataGridStyles.js +0 -18
  523. package/lib-amd/components/DataGrid/useDataGridStyles.js.map +0 -1
  524. package/lib-amd/components/DataGridBody/DataGridBody.js +0 -17
  525. package/lib-amd/components/DataGridBody/DataGridBody.js.map +0 -1
  526. package/lib-amd/components/DataGridBody/DataGridBody.types.js +0 -5
  527. package/lib-amd/components/DataGridBody/DataGridBody.types.js.map +0 -1
  528. package/lib-amd/components/DataGridBody/index.js +0 -10
  529. package/lib-amd/components/DataGridBody/index.js.map +0 -1
  530. package/lib-amd/components/DataGridBody/renderDataGridBody.js +0 -14
  531. package/lib-amd/components/DataGridBody/renderDataGridBody.js.map +0 -1
  532. package/lib-amd/components/DataGridBody/useDataGridBody.js +0 -24
  533. package/lib-amd/components/DataGridBody/useDataGridBody.js.map +0 -1
  534. package/lib-amd/components/DataGridBody/useDataGridBodyStyles.js +0 -18
  535. package/lib-amd/components/DataGridBody/useDataGridBodyStyles.js.map +0 -1
  536. package/lib-amd/components/DataGridCell/DataGridCell.js +0 -17
  537. package/lib-amd/components/DataGridCell/DataGridCell.js.map +0 -1
  538. package/lib-amd/components/DataGridCell/DataGridCell.types.js +0 -5
  539. package/lib-amd/components/DataGridCell/DataGridCell.types.js.map +0 -1
  540. package/lib-amd/components/DataGridCell/index.js +0 -10
  541. package/lib-amd/components/DataGridCell/index.js.map +0 -1
  542. package/lib-amd/components/DataGridCell/renderDataGridCell.js +0 -13
  543. package/lib-amd/components/DataGridCell/renderDataGridCell.js.map +0 -1
  544. package/lib-amd/components/DataGridCell/useDataGridCell.js +0 -23
  545. package/lib-amd/components/DataGridCell/useDataGridCell.js.map +0 -1
  546. package/lib-amd/components/DataGridCell/useDataGridCellStyles.js +0 -18
  547. package/lib-amd/components/DataGridCell/useDataGridCellStyles.js.map +0 -1
  548. package/lib-amd/components/DataGridHeader/DataGridHeader.js +0 -17
  549. package/lib-amd/components/DataGridHeader/DataGridHeader.js.map +0 -1
  550. package/lib-amd/components/DataGridHeader/DataGridHeader.types.js +0 -5
  551. package/lib-amd/components/DataGridHeader/DataGridHeader.types.js.map +0 -1
  552. package/lib-amd/components/DataGridHeader/index.js +0 -10
  553. package/lib-amd/components/DataGridHeader/index.js.map +0 -1
  554. package/lib-amd/components/DataGridHeader/renderDataGridHeader.js +0 -13
  555. package/lib-amd/components/DataGridHeader/renderDataGridHeader.js.map +0 -1
  556. package/lib-amd/components/DataGridHeader/useDataGridHeader.js +0 -19
  557. package/lib-amd/components/DataGridHeader/useDataGridHeader.js.map +0 -1
  558. package/lib-amd/components/DataGridHeader/useDataGridHeaderStyles.js +0 -18
  559. package/lib-amd/components/DataGridHeader/useDataGridHeaderStyles.js.map +0 -1
  560. package/lib-amd/components/DataGridHeaderCell/DataGridHeaderCell.js +0 -17
  561. package/lib-amd/components/DataGridHeaderCell/DataGridHeaderCell.js.map +0 -1
  562. package/lib-amd/components/DataGridHeaderCell/DataGridHeaderCell.types.js +0 -5
  563. package/lib-amd/components/DataGridHeaderCell/DataGridHeaderCell.types.js.map +0 -1
  564. package/lib-amd/components/DataGridHeaderCell/index.js +0 -10
  565. package/lib-amd/components/DataGridHeaderCell/index.js.map +0 -1
  566. package/lib-amd/components/DataGridHeaderCell/renderDataGridHeaderCell.js +0 -13
  567. package/lib-amd/components/DataGridHeaderCell/renderDataGridHeaderCell.js.map +0 -1
  568. package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCell.js +0 -34
  569. package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCell.js.map +0 -1
  570. package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCellStyles.js +0 -30
  571. package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCellStyles.js.map +0 -1
  572. package/lib-amd/components/DataGridRow/DataGridRow.js +0 -17
  573. package/lib-amd/components/DataGridRow/DataGridRow.js.map +0 -1
  574. package/lib-amd/components/DataGridRow/DataGridRow.types.js +0 -5
  575. package/lib-amd/components/DataGridRow/DataGridRow.types.js.map +0 -1
  576. package/lib-amd/components/DataGridRow/index.js +0 -10
  577. package/lib-amd/components/DataGridRow/index.js.map +0 -1
  578. package/lib-amd/components/DataGridRow/renderDataGridRow.js +0 -16
  579. package/lib-amd/components/DataGridRow/renderDataGridRow.js.map +0 -1
  580. package/lib-amd/components/DataGridRow/useDataGridRow.js +0 -50
  581. package/lib-amd/components/DataGridRow/useDataGridRow.js.map +0 -1
  582. package/lib-amd/components/DataGridRow/useDataGridRowStyles.js +0 -22
  583. package/lib-amd/components/DataGridRow/useDataGridRowStyles.js.map +0 -1
  584. package/lib-amd/components/DataGridSelectionCell/DataGridSelectionCell.js +0 -17
  585. package/lib-amd/components/DataGridSelectionCell/DataGridSelectionCell.js.map +0 -1
  586. package/lib-amd/components/DataGridSelectionCell/DataGridSelectionCell.types.js +0 -5
  587. package/lib-amd/components/DataGridSelectionCell/DataGridSelectionCell.types.js.map +0 -1
  588. package/lib-amd/components/DataGridSelectionCell/index.js +0 -10
  589. package/lib-amd/components/DataGridSelectionCell/index.js.map +0 -1
  590. package/lib-amd/components/DataGridSelectionCell/renderDataGridSelectionCell.js +0 -13
  591. package/lib-amd/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map +0 -1
  592. package/lib-amd/components/DataGridSelectionCell/useDataGridSelectionCell.js +0 -39
  593. package/lib-amd/components/DataGridSelectionCell/useDataGridSelectionCell.js.map +0 -1
  594. package/lib-amd/components/DataGridSelectionCell/useDataGridSelectionCellStyles.js +0 -26
  595. package/lib-amd/components/DataGridSelectionCell/useDataGridSelectionCellStyles.js.map +0 -1
  596. package/lib-amd/components/Table/Table.js +0 -17
  597. package/lib-amd/components/Table/Table.js.map +0 -1
  598. package/lib-amd/components/Table/Table.types.js +0 -5
  599. package/lib-amd/components/Table/Table.types.js.map +0 -1
  600. package/lib-amd/components/Table/index.js +0 -10
  601. package/lib-amd/components/Table/index.js.map +0 -1
  602. package/lib-amd/components/Table/renderTable.js +0 -15
  603. package/lib-amd/components/Table/renderTable.js.map +0 -1
  604. package/lib-amd/components/Table/useTable.js +0 -29
  605. package/lib-amd/components/Table/useTable.js.map +0 -1
  606. package/lib-amd/components/Table/useTableContextValues.js +0 -18
  607. package/lib-amd/components/Table/useTableContextValues.js.map +0 -1
  608. package/lib-amd/components/Table/useTableStyles.js +0 -45
  609. package/lib-amd/components/Table/useTableStyles.js.map +0 -1
  610. package/lib-amd/components/TableBody/TableBody.js +0 -17
  611. package/lib-amd/components/TableBody/TableBody.js.map +0 -1
  612. package/lib-amd/components/TableBody/TableBody.types.js +0 -5
  613. package/lib-amd/components/TableBody/TableBody.types.js.map +0 -1
  614. package/lib-amd/components/TableBody/index.js +0 -10
  615. package/lib-amd/components/TableBody/index.js.map +0 -1
  616. package/lib-amd/components/TableBody/renderTableBody.js +0 -14
  617. package/lib-amd/components/TableBody/renderTableBody.js.map +0 -1
  618. package/lib-amd/components/TableBody/useTableBody.js +0 -28
  619. package/lib-amd/components/TableBody/useTableBody.js.map +0 -1
  620. package/lib-amd/components/TableBody/useTableBodyStyles.js +0 -32
  621. package/lib-amd/components/TableBody/useTableBodyStyles.js.map +0 -1
  622. package/lib-amd/components/TableCell/TableCell.js +0 -17
  623. package/lib-amd/components/TableCell/TableCell.js.map +0 -1
  624. package/lib-amd/components/TableCell/TableCell.types.js +0 -5
  625. package/lib-amd/components/TableCell/TableCell.types.js.map +0 -1
  626. package/lib-amd/components/TableCell/index.js +0 -10
  627. package/lib-amd/components/TableCell/index.js.map +0 -1
  628. package/lib-amd/components/TableCell/renderTableCell.js +0 -14
  629. package/lib-amd/components/TableCell/renderTableCell.js.map +0 -1
  630. package/lib-amd/components/TableCell/useTableCell.js +0 -29
  631. package/lib-amd/components/TableCell/useTableCell.js.map +0 -1
  632. package/lib-amd/components/TableCell/useTableCellStyles.js +0 -56
  633. package/lib-amd/components/TableCell/useTableCellStyles.js.map +0 -1
  634. package/lib-amd/components/TableCellActions/TableCellActions.js +0 -17
  635. package/lib-amd/components/TableCellActions/TableCellActions.js.map +0 -1
  636. package/lib-amd/components/TableCellActions/TableCellActions.types.js +0 -5
  637. package/lib-amd/components/TableCellActions/TableCellActions.types.js.map +0 -1
  638. package/lib-amd/components/TableCellActions/index.js +0 -10
  639. package/lib-amd/components/TableCellActions/index.js.map +0 -1
  640. package/lib-amd/components/TableCellActions/renderTableCellActions.js +0 -14
  641. package/lib-amd/components/TableCellActions/renderTableCellActions.js.map +0 -1
  642. package/lib-amd/components/TableCellActions/useTableCellActions.js +0 -26
  643. package/lib-amd/components/TableCellActions/useTableCellActions.js.map +0 -1
  644. package/lib-amd/components/TableCellActions/useTableCellActionsStyles.js +0 -35
  645. package/lib-amd/components/TableCellActions/useTableCellActionsStyles.js.map +0 -1
  646. package/lib-amd/components/TableCellLayout/TableCellLayout.js +0 -17
  647. package/lib-amd/components/TableCellLayout/TableCellLayout.js.map +0 -1
  648. package/lib-amd/components/TableCellLayout/TableCellLayout.types.js +0 -5
  649. package/lib-amd/components/TableCellLayout/TableCellLayout.types.js.map +0 -1
  650. package/lib-amd/components/TableCellLayout/index.js +0 -10
  651. package/lib-amd/components/TableCellLayout/index.js.map +0 -1
  652. package/lib-amd/components/TableCellLayout/renderTableCellLayout.js +0 -19
  653. package/lib-amd/components/TableCellLayout/renderTableCellLayout.js.map +0 -1
  654. package/lib-amd/components/TableCellLayout/useTableCellLayout.js +0 -42
  655. package/lib-amd/components/TableCellLayout/useTableCellLayout.js.map +0 -1
  656. package/lib-amd/components/TableCellLayout/useTableCellLayoutContextValues.js +0 -16
  657. package/lib-amd/components/TableCellLayout/useTableCellLayoutContextValues.js.map +0 -1
  658. package/lib-amd/components/TableCellLayout/useTableCellLayoutStyles.js +0 -79
  659. package/lib-amd/components/TableCellLayout/useTableCellLayoutStyles.js.map +0 -1
  660. package/lib-amd/components/TableHeader/TableHeader.js +0 -17
  661. package/lib-amd/components/TableHeader/TableHeader.js.map +0 -1
  662. package/lib-amd/components/TableHeader/TableHeader.types.js +0 -5
  663. package/lib-amd/components/TableHeader/TableHeader.types.js.map +0 -1
  664. package/lib-amd/components/TableHeader/index.js +0 -10
  665. package/lib-amd/components/TableHeader/index.js.map +0 -1
  666. package/lib-amd/components/TableHeader/renderTableHeader.js +0 -15
  667. package/lib-amd/components/TableHeader/renderTableHeader.js.map +0 -1
  668. package/lib-amd/components/TableHeader/useTableHeader.js +0 -28
  669. package/lib-amd/components/TableHeader/useTableHeader.js.map +0 -1
  670. package/lib-amd/components/TableHeader/useTableHeaderStyles.js +0 -32
  671. package/lib-amd/components/TableHeader/useTableHeaderStyles.js.map +0 -1
  672. package/lib-amd/components/TableHeaderCell/TableHeaderCell.js +0 -17
  673. package/lib-amd/components/TableHeaderCell/TableHeaderCell.js.map +0 -1
  674. package/lib-amd/components/TableHeaderCell/TableHeaderCell.types.js +0 -5
  675. package/lib-amd/components/TableHeaderCell/TableHeaderCell.types.js.map +0 -1
  676. package/lib-amd/components/TableHeaderCell/index.js +0 -10
  677. package/lib-amd/components/TableHeaderCell/index.js.map +0 -1
  678. package/lib-amd/components/TableHeaderCell/renderTableHeaderCell.js +0 -18
  679. package/lib-amd/components/TableHeaderCell/renderTableHeaderCell.js.map +0 -1
  680. package/lib-amd/components/TableHeaderCell/useTableHeaderCell.js +0 -48
  681. package/lib-amd/components/TableHeaderCell/useTableHeaderCell.js.map +0 -1
  682. package/lib-amd/components/TableHeaderCell/useTableHeaderCellStyles.js +0 -67
  683. package/lib-amd/components/TableHeaderCell/useTableHeaderCellStyles.js.map +0 -1
  684. package/lib-amd/components/TableResizeHandle/TableResizeHandle.js +0 -17
  685. package/lib-amd/components/TableResizeHandle/TableResizeHandle.js.map +0 -1
  686. package/lib-amd/components/TableResizeHandle/TableResizeHandle.types.js +0 -5
  687. package/lib-amd/components/TableResizeHandle/TableResizeHandle.types.js.map +0 -1
  688. package/lib-amd/components/TableResizeHandle/index.js +0 -10
  689. package/lib-amd/components/TableResizeHandle/index.js.map +0 -1
  690. package/lib-amd/components/TableResizeHandle/renderTableResizeHandle.js +0 -14
  691. package/lib-amd/components/TableResizeHandle/renderTableResizeHandle.js.map +0 -1
  692. package/lib-amd/components/TableResizeHandle/useTableResizeHandle.js +0 -29
  693. package/lib-amd/components/TableResizeHandle/useTableResizeHandle.js.map +0 -1
  694. package/lib-amd/components/TableResizeHandle/useTableResizeHandleStyles.js +0 -37
  695. package/lib-amd/components/TableResizeHandle/useTableResizeHandleStyles.js.map +0 -1
  696. package/lib-amd/components/TableRow/TableRow.js +0 -17
  697. package/lib-amd/components/TableRow/TableRow.js.map +0 -1
  698. package/lib-amd/components/TableRow/TableRow.types.js +0 -5
  699. package/lib-amd/components/TableRow/TableRow.types.js.map +0 -1
  700. package/lib-amd/components/TableRow/index.js +0 -10
  701. package/lib-amd/components/TableRow/index.js.map +0 -1
  702. package/lib-amd/components/TableRow/renderTableRow.js +0 -14
  703. package/lib-amd/components/TableRow/renderTableRow.js.map +0 -1
  704. package/lib-amd/components/TableRow/useTableRow.js +0 -34
  705. package/lib-amd/components/TableRow/useTableRow.js.map +0 -1
  706. package/lib-amd/components/TableRow/useTableRowStyles.js +0 -98
  707. package/lib-amd/components/TableRow/useTableRowStyles.js.map +0 -1
  708. package/lib-amd/components/TableSelectionCell/TableSelectionCell.js +0 -17
  709. package/lib-amd/components/TableSelectionCell/TableSelectionCell.js.map +0 -1
  710. package/lib-amd/components/TableSelectionCell/TableSelectionCell.types.js +0 -5
  711. package/lib-amd/components/TableSelectionCell/TableSelectionCell.types.js.map +0 -1
  712. package/lib-amd/components/TableSelectionCell/index.js +0 -10
  713. package/lib-amd/components/TableSelectionCell/index.js.map +0 -1
  714. package/lib-amd/components/TableSelectionCell/renderTableSelectionCell.js +0 -16
  715. package/lib-amd/components/TableSelectionCell/renderTableSelectionCell.js.map +0 -1
  716. package/lib-amd/components/TableSelectionCell/useTableSelectionCell.js +0 -28
  717. package/lib-amd/components/TableSelectionCell/useTableSelectionCell.js.map +0 -1
  718. package/lib-amd/components/TableSelectionCell/useTableSelectionCellStyles.js +0 -58
  719. package/lib-amd/components/TableSelectionCell/useTableSelectionCellStyles.js.map +0 -1
  720. package/lib-amd/contexts/columnIdContext.js +0 -11
  721. package/lib-amd/contexts/columnIdContext.js.map +0 -1
  722. package/lib-amd/contexts/dataGridContext.js +0 -16
  723. package/lib-amd/contexts/dataGridContext.js.map +0 -1
  724. package/lib-amd/contexts/rowIdContext.js +0 -11
  725. package/lib-amd/contexts/rowIdContext.js.map +0 -1
  726. package/lib-amd/contexts/tableContext.js +0 -15
  727. package/lib-amd/contexts/tableContext.js.map +0 -1
  728. package/lib-amd/contexts/tableHeaderContext.js +0 -11
  729. package/lib-amd/contexts/tableHeaderContext.js.map +0 -1
  730. package/lib-amd/hooks/createColumn.js +0 -36
  731. package/lib-amd/hooks/createColumn.js.map +0 -1
  732. package/lib-amd/hooks/index.js +0 -11
  733. package/lib-amd/hooks/index.js.map +0 -1
  734. package/lib-amd/hooks/selectionManager.js +0 -82
  735. package/lib-amd/hooks/selectionManager.js.map +0 -1
  736. package/lib-amd/hooks/types.js +0 -5
  737. package/lib-amd/hooks/types.js.map +0 -1
  738. package/lib-amd/hooks/useKeyboardResizing.js +0 -97
  739. package/lib-amd/hooks/useKeyboardResizing.js.map +0 -1
  740. package/lib-amd/hooks/useMeasureElement.js +0 -46
  741. package/lib-amd/hooks/useMeasureElement.js.map +0 -1
  742. package/lib-amd/hooks/useTableColumnResizeMouseHandler.js +0 -63
  743. package/lib-amd/hooks/useTableColumnResizeMouseHandler.js.map +0 -1
  744. package/lib-amd/hooks/useTableColumnResizeState.js +0 -75
  745. package/lib-amd/hooks/useTableColumnResizeState.js.map +0 -1
  746. package/lib-amd/hooks/useTableColumnSizing.js +0 -67
  747. package/lib-amd/hooks/useTableColumnSizing.js.map +0 -1
  748. package/lib-amd/hooks/useTableFeatures.js +0 -39
  749. package/lib-amd/hooks/useTableFeatures.js.map +0 -1
  750. package/lib-amd/hooks/useTableSelection.js +0 -76
  751. package/lib-amd/hooks/useTableSelection.js.map +0 -1
  752. package/lib-amd/hooks/useTableSort.js +0 -74
  753. package/lib-amd/hooks/useTableSort.js.map +0 -1
  754. package/lib-amd/index.js +0 -107
  755. package/lib-amd/index.js.map +0 -1
  756. package/lib-amd/utils/columnResizeUtils.js +0 -158
  757. package/lib-amd/utils/columnResizeUtils.js.map +0 -1
@@ -1,48 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "@fluentui/react-tabster", "@fluentui/react-icons", "../../contexts/tableContext", "@fluentui/react-aria"], function (require, exports, tslib_1, React, react_utilities_1, react_tabster_1, react_icons_1, tableContext_1, react_aria_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useTableHeaderCell_unstable = void 0;
5
- var sortIcons = {
6
- ascending: React.createElement(react_icons_1.ArrowUpRegular, { fontSize: 12 }),
7
- descending: React.createElement(react_icons_1.ArrowDownRegular, { fontSize: 12 }),
8
- };
9
- /**
10
- * Create the state required to render TableHeaderCell.
11
- *
12
- * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,
13
- * before being passed to renderTableHeaderCell_unstable.
14
- *
15
- * @param props - props from this instance of TableHeaderCell
16
- * @param ref - reference to root HTMLElement of TableHeaderCell
17
- */
18
- var useTableHeaderCell_unstable = function (props, ref) {
19
- var _a, _b;
20
- var _c = tableContext_1.useTableContext(), noNativeElements = _c.noNativeElements, sortable = _c.sortable;
21
- var rootComponent = ((_a = props.as) !== null && _a !== void 0 ? _a : noNativeElements) ? 'div' : 'th';
22
- return {
23
- components: {
24
- root: rootComponent,
25
- button: 'button',
26
- sortIcon: 'span',
27
- aside: 'span',
28
- },
29
- root: react_utilities_1.getNativeElementProps(rootComponent, tslib_1.__assign({ ref: react_utilities_1.useMergedRefs(ref, react_tabster_1.useFocusWithin()), role: rootComponent === 'div' ? 'columnheader' : undefined, 'aria-sort': sortable ? (_b = props.sortDirection) !== null && _b !== void 0 ? _b : 'none' : undefined }, props)),
30
- aside: react_utilities_1.resolveShorthand(props.aside),
31
- sortIcon: react_utilities_1.resolveShorthand(props.sortIcon, {
32
- required: !!props.sortDirection,
33
- defaultProps: { children: props.sortDirection ? sortIcons[props.sortDirection] : undefined },
34
- }),
35
- button: react_aria_1.useARIAButtonShorthand(props.button, {
36
- required: true,
37
- defaultProps: tslib_1.__assign({ role: 'presentation', tabIndex: -1, type: 'button' }, (sortable && {
38
- role: undefined,
39
- tabIndex: undefined,
40
- })),
41
- }),
42
- sortable: sortable,
43
- noNativeElements: noNativeElements,
44
- };
45
- };
46
- exports.useTableHeaderCell_unstable = useTableHeaderCell_unstable;
47
- });
48
- //# sourceMappingURL=useTableHeaderCell.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx"],"names":[],"mappings":";;;;IAQA,IAAM,SAAS,GAAG;QAChB,SAAS,EAAE,oBAAC,4BAAc,IAAC,QAAQ,EAAE,EAAE,GAAI;QAC3C,UAAU,EAAE,oBAAC,8BAAgB,IAAC,QAAQ,EAAE,EAAE,GAAI;KAC/C,CAAC;IAEF;;;;;;;;OAQG;IACI,IAAM,2BAA2B,GAAG,UACzC,KAA2B,EAC3B,GAA2B;;QAErB,IAAA,KAAiC,8BAAe,EAAE,EAAhD,gBAAgB,sBAAA,EAAE,QAAQ,cAAsB,CAAC;QAEzD,IAAM,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,EAAE,mCAAI,gBAAgB,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAClE,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,MAAM,EAAE,QAAQ;gBAChB,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,MAAM;aACd;YACD,IAAI,EAAE,uCAAqB,CAAC,aAAa,qBACvC,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,8BAAc,EAAE,CAAC,EACzC,IAAI,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC1D,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,aAAa,mCAAI,MAAM,CAAC,CAAC,CAAC,SAAS,IAC9D,KAAK,EACR;YACF,KAAK,EAAE,kCAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;YACpC,QAAQ,EAAE,kCAAgB,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACzC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa;gBAC/B,YAAY,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE;aAC7F,CAAC;YACF,MAAM,EAAE,mCAAsB,CAAC,KAAK,CAAC,MAAM,EAAE;gBAC3C,QAAQ,EAAE,IAAI;gBACd,YAAY,qBACV,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,QAAQ,IACX,CAAC,QAAQ,IAAI;oBACd,IAAI,EAAE,SAAS;oBACf,QAAQ,EAAE,SAAS;iBACpB,CAAC,CACH;aACF,CAAC;YACF,QAAQ,UAAA;YACR,gBAAgB,kBAAA;SACjB,CAAC;IACJ,CAAC,CAAC;IAxCW,QAAA,2BAA2B,+BAwCtC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport type { TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types';\nimport { useTableContext } from '../../contexts/tableContext';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\n\nconst sortIcons = {\n ascending: <ArrowUpRegular fontSize={12} />,\n descending: <ArrowDownRegular fontSize={12} />,\n};\n\n/**\n * Create the state required to render TableHeaderCell.\n *\n * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,\n * before being passed to renderTableHeaderCell_unstable.\n *\n * @param props - props from this instance of TableHeaderCell\n * @param ref - reference to root HTMLElement of TableHeaderCell\n */\nexport const useTableHeaderCell_unstable = (\n props: TableHeaderCellProps,\n ref: React.Ref<HTMLElement>,\n): TableHeaderCellState => {\n const { noNativeElements, sortable } = useTableContext();\n\n const rootComponent = props.as ?? noNativeElements ? 'div' : 'th';\n return {\n components: {\n root: rootComponent,\n button: 'button',\n sortIcon: 'span',\n aside: 'span',\n },\n root: getNativeElementProps(rootComponent, {\n ref: useMergedRefs(ref, useFocusWithin()),\n role: rootComponent === 'div' ? 'columnheader' : undefined,\n 'aria-sort': sortable ? props.sortDirection ?? 'none' : undefined,\n ...props,\n }),\n aside: resolveShorthand(props.aside),\n sortIcon: resolveShorthand(props.sortIcon, {\n required: !!props.sortDirection,\n defaultProps: { children: props.sortDirection ? sortIcons[props.sortDirection] : undefined },\n }),\n button: useARIAButtonShorthand(props.button, {\n required: true,\n defaultProps: {\n role: 'presentation',\n tabIndex: -1,\n type: 'button',\n ...(sortable && {\n role: undefined,\n tabIndex: undefined,\n }),\n },\n }),\n sortable,\n noNativeElements,\n };\n};\n"]}
@@ -1,67 +0,0 @@
1
- define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme", "@fluentui/react-tabster"], function (require, exports, tslib_1, react_1, react_theme_1, react_tabster_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useTableHeaderCellStyles_unstable = exports.tableHeaderCellClassNames = exports.tableHeaderCellClassName = void 0;
5
- exports.tableHeaderCellClassName = 'fui-TableHeaderCell';
6
- exports.tableHeaderCellClassNames = {
7
- root: 'fui-TableHeaderCell',
8
- button: 'fui-TableHeaderCell__button',
9
- sortIcon: 'fui-TableHeaderCell__sortIcon',
10
- aside: 'fui-TableHeaderCell__aside',
11
- };
12
- var useTableLayoutStyles = react_1.makeStyles({
13
- root: {
14
- display: 'table-cell',
15
- verticalAlign: 'middle',
16
- },
17
- });
18
- var useFlexLayoutStyles = react_1.makeStyles({
19
- root: tslib_1.__assign(tslib_1.__assign({ display: 'flex' }, react_1.shorthands.flex(1, 1, '0px')), { minWidth: '0px' }),
20
- });
21
- /**
22
- * Styles for the root slot
23
- */
24
- var useStyles = react_1.makeStyles({
25
- root: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.padding('0px', react_theme_1.tokens.spacingHorizontalS)), react_tabster_1.createCustomFocusIndicatorStyle(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.outline('2px', 'solid', react_theme_1.tokens.colorStrokeFocus2)), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)), { selector: 'focus-within', enableOutline: true })), { position: 'relative' }),
26
- rootInteractive: {
27
- ':hover': {
28
- backgroundColor: react_theme_1.tokens.colorSubtleBackgroundHover,
29
- },
30
- ':active': {
31
- backgroundColor: react_theme_1.tokens.colorSubtleBackgroundPressed,
32
- },
33
- },
34
- resetButton: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ resize: 'horizontal', boxSizing: 'content-box', backgroundColor: 'inherit', color: 'inherit', fontFamily: 'inherit', fontSize: 'inherit', lineHeight: 'normal' }, react_1.shorthands.overflow('visible')), react_1.shorthands.padding(0)), react_1.shorthands.borderStyle('none')), { WebkitAppearance: 'button', textAlign: 'unset' }),
35
- button: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ position: 'relative', width: '100%', display: 'flex', flexGrow: 1, height: '100%', alignItems: 'center' }, react_1.shorthands.gap(react_theme_1.tokens.spacingHorizontalXS)), { minHeight: '32px' }), react_1.shorthands.flex(1, 1, '0px')), { outlineStyle: 'none' }),
36
- sortable: {
37
- cursor: 'pointer',
38
- },
39
- sortIcon: {
40
- display: 'flex',
41
- alignItems: 'center',
42
- paddingTop: react_theme_1.tokens.spacingVerticalXXS,
43
- },
44
- resizeHandle: {},
45
- });
46
- /**
47
- * Apply styling to the TableHeaderCell slots based on the state
48
- */
49
- var useTableHeaderCellStyles_unstable = function (state) {
50
- var styles = useStyles();
51
- var layoutStyles = {
52
- table: useTableLayoutStyles(),
53
- flex: useFlexLayoutStyles(),
54
- };
55
- state.root.className = react_1.mergeClasses(exports.tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
56
- state.button.className = react_1.mergeClasses(exports.tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);
57
- if (state.sortIcon) {
58
- state.sortIcon.className = react_1.mergeClasses(exports.tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);
59
- }
60
- if (state.aside) {
61
- state.aside.className = react_1.mergeClasses(exports.tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);
62
- }
63
- return state;
64
- };
65
- exports.useTableHeaderCellStyles_unstable = useTableHeaderCellStyles_unstable;
66
- });
67
- //# sourceMappingURL=useTableHeaderCellStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableHeaderCellStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell.types';\n\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames: SlotClassNames<TableHeaderCellSlots> = {\n root: 'fui-TableHeaderCell',\n button: 'fui-TableHeaderCell__button',\n sortIcon: 'fui-TableHeaderCell__sortIcon',\n aside: 'fui-TableHeaderCell__aside',\n};\n\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle',\n },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n ...shorthands.flex(1, 1, '0px'),\n minWidth: '0px',\n },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n ...shorthands.padding('0px', tokens.spacingHorizontalS),\n ...createCustomFocusIndicatorStyle(\n {\n ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n { selector: 'focus-within', enableOutline: true },\n ),\n position: 'relative',\n },\n\n rootInteractive: {\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\n\n resetButton: {\n resize: 'horizontal',\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n ...shorthands.borderStyle('none'),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n\n button: {\n position: 'relative',\n width: '100%',\n display: 'flex',\n flexGrow: 1,\n height: '100%',\n alignItems: 'center',\n ...shorthands.gap(tokens.spacingHorizontalXS),\n minHeight: '32px',\n ...shorthands.flex(1, 1, '0px'),\n outlineStyle: 'none',\n },\n\n sortable: {\n cursor: 'pointer',\n },\n\n sortIcon: {\n display: 'flex',\n alignItems: 'center',\n paddingTop: tokens.spacingVerticalXXS,\n },\n\n resizeHandle: {},\n});\n\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */\nexport const useTableHeaderCellStyles_unstable = (state: TableHeaderCellState): TableHeaderCellState => {\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles(),\n };\n state.root.className = mergeClasses(\n tableHeaderCellClassNames.root,\n styles.root,\n state.sortable && styles.rootInteractive,\n state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n state.root.className,\n );\n state.button.className = mergeClasses(\n tableHeaderCellClassNames.button,\n styles.resetButton,\n styles.button,\n state.sortable && styles.sortable,\n state.button.className,\n );\n\n if (state.sortIcon) {\n state.sortIcon.className = mergeClasses(\n tableHeaderCellClassNames.sortIcon,\n styles.sortIcon,\n state.sortIcon.className,\n );\n }\n\n if (state.aside) {\n state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n }\n\n return state;\n};\n"]}
@@ -1,17 +0,0 @@
1
- define(["require", "exports", "react", "./useTableResizeHandle", "./renderTableResizeHandle", "./useTableResizeHandleStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useTableResizeHandle_1, renderTableResizeHandle_1, useTableResizeHandleStyles_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.TableResizeHandle = void 0;
5
- /**
6
- * TableResizeHandle component - TODO: add more docs
7
- */
8
- exports.TableResizeHandle = React.forwardRef(function (props, ref) {
9
- var state = useTableResizeHandle_1.useTableResizeHandle_unstable(props, ref);
10
- useTableResizeHandleStyles_1.useTableResizeHandleStyles_unstable(state);
11
- var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useTableResizeHandleStyles_unstable;
12
- useCustomStyles(state);
13
- return renderTableResizeHandle_1.renderTableResizeHandle_unstable(state);
14
- });
15
- exports.TableResizeHandle.displayName = 'TableResizeHandle';
16
- });
17
- //# sourceMappingURL=TableResizeHandle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableResizeHandle.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableResizeHandle/TableResizeHandle.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,iBAAiB,GAAgD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACxG,IAAM,KAAK,GAAG,oDAA6B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAExD,gEAAmC,CAAC,KAAK,CAAC,CAAC;QAEnC,IAAqC,eAAe,GAAK,oDAA4B,EAAE,oCAAnC,CAAoC;QAChG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,0DAAgC,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles';\nimport type { TableResizeHandleProps } from './TableResizeHandle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableResizeHandle component - TODO: add more docs\n */\nexport const TableResizeHandle: ForwardRefComponent<TableResizeHandleProps> = React.forwardRef((props, ref) => {\n const state = useTableResizeHandle_unstable(props, ref);\n\n useTableResizeHandleStyles_unstable(state);\n\n const { useTableResizeHandleStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderTableResizeHandle_unstable(state);\n});\n\nTableResizeHandle.displayName = 'TableResizeHandle';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=TableResizeHandle.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableResizeHandle.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableResizeHandle/TableResizeHandle.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableResizeHandleSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * TableResizeHandle Props\n */\nexport type TableResizeHandleProps = ComponentProps<TableResizeHandleSlots> & {};\n\n/**\n * State used in rendering TableResizeHandle\n */\nexport type TableResizeHandleState = ComponentState<TableResizeHandleSlots>;\n"]}
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./TableResizeHandle", "./TableResizeHandle.types", "./renderTableResizeHandle", "./useTableResizeHandle", "./useTableResizeHandleStyles"], function (require, exports, tslib_1, TableResizeHandle_1, TableResizeHandle_types_1, renderTableResizeHandle_1, useTableResizeHandle_1, useTableResizeHandleStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(TableResizeHandle_1, exports);
5
- tslib_1.__exportStar(TableResizeHandle_types_1, exports);
6
- tslib_1.__exportStar(renderTableResizeHandle_1, exports);
7
- tslib_1.__exportStar(useTableResizeHandle_1, exports);
8
- tslib_1.__exportStar(useTableResizeHandleStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableResizeHandle/index.ts"],"names":[],"mappings":";;;IAAA,mDAAoC;IACpC,yDAA0C;IAC1C,yDAA0C;IAC1C,sDAAuC;IACvC,4DAA6C","sourcesContent":["export * from './TableResizeHandle';\nexport * from './TableResizeHandle.types';\nexport * from './renderTableResizeHandle';\nexport * from './useTableResizeHandle';\nexport * from './useTableResizeHandleStyles';\n"]}
@@ -1,14 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderTableResizeHandle_unstable = void 0;
5
- /**
6
- * Render the final JSX of TableResizeHandle
7
- */
8
- var renderTableResizeHandle_unstable = function (state) {
9
- var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
10
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
11
- };
12
- exports.renderTableResizeHandle_unstable = renderTableResizeHandle_unstable;
13
- });
14
- //# sourceMappingURL=renderTableResizeHandle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderTableResizeHandle.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableResizeHandle/renderTableResizeHandle.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,gCAAgC,GAAG,UAAC,KAA6B;QACtE,IAAA,KAAuB,0BAAQ,CAAyB,KAAK,CAAC,EAA5D,KAAK,WAAA,EAAE,SAAS,eAA4C,CAAC;QACrE,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAAC;IAC5C,CAAC,CAAC;IAHW,QAAA,gCAAgC,oCAG3C","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableResizeHandleState, TableResizeHandleSlots } from './TableResizeHandle.types';\n\n/**\n * Render the final JSX of TableResizeHandle\n */\nexport const renderTableResizeHandle_unstable = (state: TableResizeHandleState) => {\n const { slots, slotProps } = getSlots<TableResizeHandleSlots>(state);\n return <slots.root {...slotProps.root} />;\n};\n"]}
@@ -1,29 +0,0 @@
1
- define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useTableResizeHandle_unstable = void 0;
5
- /**
6
- * Create the state required to render TableResizeHandle.
7
- *
8
- * The returned state can be modified with hooks such as useTableResizeHandleStyles_unstable,
9
- * before being passed to renderTableResizeHandle_unstable.
10
- *
11
- * @param props - props from this instance of TableResizeHandle
12
- * @param ref - reference to root HTMLElement of TableResizeHandle
13
- */
14
- var useTableResizeHandle_unstable = function (props, ref) {
15
- var onClick = react_utilities_1.useEventCallback(function (event) {
16
- var _a;
17
- (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
18
- event.stopPropagation();
19
- });
20
- return {
21
- components: {
22
- root: 'div',
23
- },
24
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({ ref: ref }, props), { onClick: onClick })),
25
- };
26
- };
27
- exports.useTableResizeHandle_unstable = useTableResizeHandle_unstable;
28
- });
29
- //# sourceMappingURL=useTableResizeHandle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableResizeHandle.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableResizeHandle/useTableResizeHandle.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;;OAQG;IACI,IAAM,6BAA6B,GAAG,UAC3C,KAA6B,EAC7B,GAA2B;QAE3B,IAAM,OAAO,GAAG,kCAAgB,CAAC,UAAC,KAAuC;;YACvE,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,KAAK,CAAC,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;aACZ;YACD,IAAI,EAAE,uCAAqB,CAAC,KAAK,sCAC/B,GAAG,KAAA,IACA,KAAK,KACR,OAAO,SAAA,IACP;SACH,CAAC;IACJ,CAAC,CAAC;IAlBW,QAAA,6BAA6B,iCAkBxC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback } from '@fluentui/react-utilities';\nimport type { TableResizeHandleProps, TableResizeHandleState } from './TableResizeHandle.types';\n\n/**\n * Create the state required to render TableResizeHandle.\n *\n * The returned state can be modified with hooks such as useTableResizeHandleStyles_unstable,\n * before being passed to renderTableResizeHandle_unstable.\n *\n * @param props - props from this instance of TableResizeHandle\n * @param ref - reference to root HTMLElement of TableResizeHandle\n */\nexport const useTableResizeHandle_unstable = (\n props: TableResizeHandleProps,\n ref: React.Ref<HTMLElement>,\n): TableResizeHandleState => {\n const onClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n props.onClick?.(event);\n event.stopPropagation();\n });\n return {\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n onClick,\n }),\n };\n};\n"]}
@@ -1,37 +0,0 @@
1
- define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_theme_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useTableResizeHandleStyles_unstable = exports.tableResizeHandleClassNames = void 0;
5
- exports.tableResizeHandleClassNames = {
6
- root: 'fui-TableResizeHandle',
7
- // TODO: add class names for all slots on TableResizeHandleSlots.
8
- // Should be of the form `<slotName>: 'fui-TableResizeHandle__<slotName>`
9
- };
10
- /**
11
- * Styles for the root slot
12
- */
13
- var useStyles = react_1.makeStyles({
14
- root: tslib_1.__assign(tslib_1.__assign({ position: 'absolute', right: 0, top: 0, bottom: 0, width: '16px' }, react_1.shorthands.margin(0, '-8px')), { cursor: 'col-resize', opacity: 0, transitionProperty: 'opacity', transitionDuration: '.2s', zIndex: 1, ':hover': {
15
- opacity: 1,
16
- }, ':after': {
17
- content: '" "',
18
- display: 'block',
19
- width: '1px',
20
- position: 'absolute',
21
- left: '50%',
22
- top: 0,
23
- bottom: 0,
24
- backgroundColor: react_theme_1.tokens.colorNeutralStroke1,
25
- } }),
26
- });
27
- /**
28
- * Apply styling to the TableResizeHandle slots based on the state
29
- */
30
- var useTableResizeHandleStyles_unstable = function (state) {
31
- var styles = useStyles();
32
- state.root.className = react_1.mergeClasses(exports.tableResizeHandleClassNames.root, styles.root, state.root.className);
33
- return state;
34
- };
35
- exports.useTableResizeHandleStyles_unstable = useTableResizeHandleStyles_unstable;
36
- });
37
- //# sourceMappingURL=useTableResizeHandleStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableResizeHandleStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableResizeHandle/useTableResizeHandleStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,2BAA2B,GAA2C;QACjF,IAAI,EAAE,uBAAuB;QAC7B,iEAAiE;QACjE,yEAAyE;KAC1E,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,sCACF,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,MAAM,IACV,kBAAU,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,KAC/B,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,CAAC,EACV,kBAAkB,EAAE,SAAS,EAC7B,kBAAkB,EAAE,KAAK,EACzB,MAAM,EAAE,CAAC,EAET,QAAQ,EAAE;gBACR,OAAO,EAAE,CAAC;aACX,EAED,QAAQ,EAAE;gBACR,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,OAAO;gBAChB,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,CAAC;gBACN,MAAM,EAAE,CAAC;gBACT,eAAe,EAAE,oBAAM,CAAC,mBAAmB;aAC5C,GACF;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,mCAAmC,GAAG,UAAC,KAA6B;QAC/E,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,mCAA2B,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzG,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAJW,QAAA,mCAAmC,uCAI9C","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TableResizeHandleSlots, TableResizeHandleState } from './TableResizeHandle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const tableResizeHandleClassNames: SlotClassNames<TableResizeHandleSlots> = {\n root: 'fui-TableResizeHandle',\n // TODO: add class names for all slots on TableResizeHandleSlots.\n // Should be of the form `<slotName>: 'fui-TableResizeHandle__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n position: 'absolute',\n right: 0,\n top: 0,\n bottom: 0,\n width: '16px',\n ...shorthands.margin(0, '-8px'),\n cursor: 'col-resize',\n opacity: 0,\n transitionProperty: 'opacity',\n transitionDuration: '.2s',\n zIndex: 1,\n\n ':hover': {\n opacity: 1,\n },\n\n ':after': {\n content: '\" \"',\n display: 'block',\n width: '1px',\n position: 'absolute',\n left: '50%',\n top: 0,\n bottom: 0,\n backgroundColor: tokens.colorNeutralStroke1,\n },\n },\n});\n\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */\nexport const useTableResizeHandleStyles_unstable = (state: TableResizeHandleState): TableResizeHandleState => {\n const styles = useStyles();\n state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n return state;\n};\n"]}
@@ -1,17 +0,0 @@
1
- define(["require", "exports", "react", "./useTableRow", "./renderTableRow", "./useTableRowStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useTableRow_1, renderTableRow_1, useTableRowStyles_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.TableRow = void 0;
5
- /**
6
- * TableRow component
7
- */
8
- exports.TableRow = React.forwardRef(function (props, ref) {
9
- var state = useTableRow_1.useTableRow_unstable(props, ref);
10
- useTableRowStyles_1.useTableRowStyles_unstable(state);
11
- var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useTableRowStyles_unstable;
12
- useCustomStyles(state);
13
- return renderTableRow_1.renderTableRow_unstable(state);
14
- });
15
- exports.TableRow.displayName = 'TableRow';
16
- });
17
- //# sourceMappingURL=TableRow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableRow/TableRow.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,QAAQ,GAAuC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACtF,IAAM,KAAK,GAAG,kCAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE/C,8CAA0B,CAAC,KAAK,CAAC,CAAC;QAE1B,IAA4B,eAAe,GAAK,oDAA4B,EAAE,2BAAnC,CAAoC;QACvF,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,wCAAuB,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableRow_unstable } from './useTableRow';\nimport { renderTableRow_unstable } from './renderTableRow';\nimport { useTableRowStyles_unstable } from './useTableRowStyles';\nimport type { TableRowProps } from './TableRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableRow component\n */\nexport const TableRow: ForwardRefComponent<TableRowProps> = React.forwardRef((props, ref) => {\n const state = useTableRow_unstable(props, ref);\n\n useTableRowStyles_unstable(state);\n\n const { useTableRowStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderTableRow_unstable(state);\n});\n\nTableRow.displayName = 'TableRow';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=TableRow.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRow.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableRow/TableRow.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableRowSlots = {\n root: Slot<'tr', 'div'>;\n};\n\n/**\n * TableRow Props\n */\nexport type TableRowProps = ComponentProps<TableRowSlots> & {\n /**\n * A table row can have different variants. These appearances are\n * intended to be used with selection.\n * @default none\n */\n appearance?: 'brand' | 'neutral' | 'none';\n};\n\n/**\n * State used in rendering TableRow\n */\nexport type TableRowState = ComponentState<TableRowSlots> &\n Pick<TableContextValue, 'noNativeElements' | 'size'> &\n Pick<Required<TableRowProps>, 'appearance'> & {\n isHeaderRow: boolean;\n };\n"]}
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./TableRow", "./TableRow.types", "./renderTableRow", "./useTableRow", "./useTableRowStyles"], function (require, exports, tslib_1, TableRow_1, TableRow_types_1, renderTableRow_1, useTableRow_1, useTableRowStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(TableRow_1, exports);
5
- tslib_1.__exportStar(TableRow_types_1, exports);
6
- tslib_1.__exportStar(renderTableRow_1, exports);
7
- tslib_1.__exportStar(useTableRow_1, exports);
8
- tslib_1.__exportStar(useTableRowStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableRow/index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B;IAC3B,gDAAiC;IACjC,gDAAiC;IACjC,6CAA8B;IAC9B,mDAAoC","sourcesContent":["export * from './TableRow';\nexport * from './TableRow.types';\nexport * from './renderTableRow';\nexport * from './useTableRow';\nexport * from './useTableRowStyles';\n"]}
@@ -1,14 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderTableRow_unstable = void 0;
5
- /**
6
- * Render the final JSX of TableRow
7
- */
8
- var renderTableRow_unstable = function (state) {
9
- var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
10
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
11
- };
12
- exports.renderTableRow_unstable = renderTableRow_unstable;
13
- });
14
- //# sourceMappingURL=renderTableRow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderTableRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,uBAAuB,GAAG,UAAC,KAAoB;QACpD,IAAA,KAAuB,0BAAQ,CAAgB,KAAK,CAAC,EAAnD,KAAK,WAAA,EAAE,SAAS,eAAmC,CAAC;QAE5D,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAAC;IAC5C,CAAC,CAAC;IAJW,QAAA,uBAAuB,2BAIlC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableRowState, TableRowSlots } from './TableRow.types';\n\n/**\n * Render the final JSX of TableRow\n */\nexport const renderTableRow_unstable = (state: TableRowState) => {\n const { slots, slotProps } = getSlots<TableRowSlots>(state);\n\n return <slots.root {...slotProps.root} />;\n};\n"]}
@@ -1,34 +0,0 @@
1
- define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-tabster", "../../contexts/tableContext", "../../contexts/tableHeaderContext"], function (require, exports, tslib_1, react_utilities_1, react_tabster_1, tableContext_1, tableHeaderContext_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useTableRow_unstable = void 0;
5
- /**
6
- * Create the state required to render TableRow.
7
- *
8
- * The returned state can be modified with hooks such as useTableRowStyles_unstable,
9
- * before being passed to renderTableRow_unstable.
10
- *
11
- * @param props - props from this instance of TableRow
12
- * @param ref - reference to root HTMLElement of TableRow
13
- */
14
- var useTableRow_unstable = function (props, ref) {
15
- var _a, _b;
16
- var _c = tableContext_1.useTableContext(), noNativeElements = _c.noNativeElements, size = _c.size;
17
- var rootComponent = ((_a = props.as) !== null && _a !== void 0 ? _a : noNativeElements) ? 'div' : 'tr';
18
- var focusVisibleRef = react_tabster_1.useFocusVisible();
19
- var focusWithinRef = react_tabster_1.useFocusWithin();
20
- var isHeaderRow = tableHeaderContext_1.useIsInTableHeader();
21
- return {
22
- components: {
23
- root: rootComponent,
24
- },
25
- root: react_utilities_1.getNativeElementProps(rootComponent, tslib_1.__assign({ ref: react_utilities_1.useMergedRefs(ref, focusVisibleRef, focusWithinRef), role: rootComponent === 'div' ? 'row' : undefined }, props)),
26
- size: size,
27
- noNativeElements: noNativeElements,
28
- appearance: (_b = props.appearance) !== null && _b !== void 0 ? _b : 'none',
29
- isHeaderRow: isHeaderRow,
30
- };
31
- };
32
- exports.useTableRow_unstable = useTableRow_unstable;
33
- });
34
- //# sourceMappingURL=useTableRow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableRow/useTableRow.ts"],"names":[],"mappings":";;;;IAOA;;;;;;;;OAQG;IACI,IAAM,oBAAoB,GAAG,UAAC,KAAoB,EAAE,GAA2B;;QAC9E,IAAA,KAA6B,8BAAe,EAAE,EAA5C,gBAAgB,sBAAA,EAAE,IAAI,UAAsB,CAAC;QACrD,IAAM,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,EAAE,mCAAI,gBAAgB,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAClE,IAAM,eAAe,GAAG,+BAAe,EAAE,CAAC;QAC1C,IAAM,cAAc,GAAG,8BAAc,EAAE,CAAC;QACxC,IAAM,WAAW,GAAG,uCAAkB,EAAE,CAAC;QAEzC,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;aACpB;YACD,IAAI,EAAE,uCAAqB,CAAC,aAAa,qBACvC,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,eAAe,EAAE,cAAc,CAAC,EACxD,IAAI,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAC9C,KAAK,EACR;YACF,IAAI,MAAA;YACJ,gBAAgB,kBAAA;YAChB,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,mCAAI,MAAM;YACtC,WAAW,aAAA;SACZ,CAAC;IACJ,CAAC,CAAC;IArBW,QAAA,oBAAoB,wBAqB/B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusVisible, useFocusWithin } from '@fluentui/react-tabster';\nimport type { TableRowProps, TableRowState } from './TableRow.types';\nimport { useTableContext } from '../../contexts/tableContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\n\n/**\n * Create the state required to render TableRow.\n *\n * The returned state can be modified with hooks such as useTableRowStyles_unstable,\n * before being passed to renderTableRow_unstable.\n *\n * @param props - props from this instance of TableRow\n * @param ref - reference to root HTMLElement of TableRow\n */\nexport const useTableRow_unstable = (props: TableRowProps, ref: React.Ref<HTMLElement>): TableRowState => {\n const { noNativeElements, size } = useTableContext();\n const rootComponent = props.as ?? noNativeElements ? 'div' : 'tr';\n const focusVisibleRef = useFocusVisible();\n const focusWithinRef = useFocusWithin();\n const isHeaderRow = useIsInTableHeader();\n\n return {\n components: {\n root: rootComponent,\n },\n root: getNativeElementProps(rootComponent, {\n ref: useMergedRefs(ref, focusVisibleRef, focusWithinRef),\n role: rootComponent === 'div' ? 'row' : undefined,\n ...props,\n }),\n size,\n noNativeElements,\n appearance: props.appearance ?? 'none',\n isHeaderRow,\n };\n};\n"]}
@@ -1,98 +0,0 @@
1
- define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme", "../TableCellActions/useTableCellActionsStyles", "../TableSelectionCell/useTableSelectionCellStyles", "@fluentui/react-tabster"], function (require, exports, tslib_1, react_1, react_theme_1, useTableCellActionsStyles_1, useTableSelectionCellStyles_1, react_tabster_1) {
2
- "use strict";
3
- var _a, _b, _c;
4
- Object.defineProperty(exports, "__esModule", { value: true });
5
- exports.useTableRowStyles_unstable = exports.tableRowClassNames = exports.tableRowClassName = void 0;
6
- exports.tableRowClassName = 'fui-TableRow';
7
- exports.tableRowClassNames = {
8
- root: exports.tableRowClassName,
9
- };
10
- var useTableLayoutStyles = react_1.makeStyles({
11
- root: {
12
- display: 'table-row',
13
- },
14
- });
15
- var useFlexLayoutStyles = react_1.makeStyles({
16
- root: {
17
- display: 'flex',
18
- alignItems: 'center',
19
- },
20
- });
21
- /**
22
- * Styles for the root slot
23
- */
24
- var useStyles = react_1.makeStyles({
25
- root: tslib_1.__assign(tslib_1.__assign({ color: react_theme_1.tokens.colorNeutralForeground1, boxSizing: 'border-box' }, react_tabster_1.createCustomFocusIndicatorStyle((_a = {},
26
- _a["& ." + useTableSelectionCellStyles_1.tableSelectionCellClassNames.root] = {
27
- opacity: 1,
28
- },
29
- _a["& ." + useTableCellActionsStyles_1.tableCellActionsClassNames.root] = {
30
- opacity: 1,
31
- },
32
- _a), { selector: 'focus-within', enableOutline: true })), react_tabster_1.createCustomFocusIndicatorStyle(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.outline('2px', 'solid', react_theme_1.tokens.colorStrokeFocus2)), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)), { selector: 'focus', enableOutline: true })),
33
- // When focus is within the row the background colour
34
- // should be the same as hover, except when there is a brand
35
- // or neutral appearance applied on the row
36
- noAppearanceFocusWithin: tslib_1.__assign({}, react_tabster_1.createCustomFocusIndicatorStyle({
37
- backgroundColor: react_theme_1.tokens.colorSubtleBackgroundHover,
38
- }, { selector: 'focus-within', enableOutline: true })),
39
- rootInteractive: {
40
- ':active': (_b = {
41
- backgroundColor: react_theme_1.tokens.colorSubtleBackgroundPressed,
42
- color: react_theme_1.tokens.colorNeutralForeground1Pressed
43
- },
44
- _b["& ." + useTableCellActionsStyles_1.tableCellActionsClassNames.root] = {
45
- opacity: 1,
46
- },
47
- _b["& ." + useTableSelectionCellStyles_1.tableSelectionCellClassNames.root] = {
48
- opacity: 1,
49
- },
50
- _b),
51
- ':hover': (_c = {
52
- backgroundColor: react_theme_1.tokens.colorSubtleBackgroundHover,
53
- color: react_theme_1.tokens.colorNeutralForeground1Hover
54
- },
55
- _c["& ." + useTableCellActionsStyles_1.tableCellActionsClassNames.root] = {
56
- opacity: 1,
57
- },
58
- _c["& ." + useTableSelectionCellStyles_1.tableSelectionCellClassNames.root] = {
59
- opacity: 1,
60
- },
61
- _c),
62
- },
63
- medium: tslib_1.__assign({}, react_1.shorthands.borderBottom(react_theme_1.tokens.strokeWidthThin, 'solid', react_theme_1.tokens.colorNeutralStroke2)),
64
- small: tslib_1.__assign({}, react_1.shorthands.borderBottom(react_theme_1.tokens.strokeWidthThin, 'solid', react_theme_1.tokens.colorNeutralStroke2)),
65
- 'extra-small': {
66
- fontSize: react_theme_1.tokens.fontSizeBase200,
67
- },
68
- brand: tslib_1.__assign(tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorBrandBackground2, color: react_theme_1.tokens.colorNeutralForeground1Hover }, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStrokeOnBrand)), { ':hover': {
69
- backgroundColor: react_theme_1.tokens.colorBrandBackground2,
70
- }, ':active': {
71
- backgroundColor: react_theme_1.tokens.colorBrandBackgroundInvertedSelected,
72
- }, '@media(forced-colors: active)': tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.border('2px', 'solid', 'transparent')), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)), { boxSizing: 'border-box', ':focus-visible': {
73
- outlineOffset: '-4px',
74
- } }) }),
75
- neutral: tslib_1.__assign({ '@media(forced-colors: active)': tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.border('2px', 'solid', 'transparent')), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)), { boxSizing: 'border-box', ':focus-visible': {
76
- outlineOffset: '-4px',
77
- } }), backgroundColor: react_theme_1.tokens.colorSubtleBackgroundSelected, color: react_theme_1.tokens.colorNeutralForeground1Hover, ':hover': {
78
- backgroundColor: react_theme_1.tokens.colorSubtleBackgroundSelected,
79
- }, ':active': {
80
- backgroundColor: react_theme_1.tokens.colorSubtleBackgroundSelected,
81
- } }, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStrokeOnBrand)),
82
- none: {},
83
- });
84
- /**
85
- * Apply styling to the TableRow slots based on the state
86
- */
87
- var useTableRowStyles_unstable = function (state) {
88
- var styles = useStyles();
89
- var layoutStyles = {
90
- table: useTableLayoutStyles(),
91
- flex: useFlexLayoutStyles(),
92
- };
93
- state.root.className = react_1.mergeClasses(exports.tableRowClassNames.root, styles.root, !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin, state.root.className);
94
- return state;
95
- };
96
- exports.useTableRowStyles_unstable = useTableRowStyles_unstable;
97
- });
98
- //# sourceMappingURL=useTableRowStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableRowStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableRow/useTableRowStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TableRowSlots, TableRowState } from './TableRow.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\n\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames: SlotClassNames<TableRowSlots> = {\n root: tableRowClassName,\n};\n\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-row',\n },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n boxSizing: 'border-box',\n ...createCustomFocusIndicatorStyle(\n {\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1,\n },\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1,\n },\n },\n { selector: 'focus-within', enableOutline: true },\n ),\n ...createCustomFocusIndicatorStyle(\n {\n ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n { selector: 'focus', enableOutline: true },\n ),\n },\n\n // When focus is within the row the background colour\n // should be the same as hover, except when there is a brand\n // or neutral appearance applied on the row\n noAppearanceFocusWithin: {\n ...createCustomFocusIndicatorStyle(\n {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n { selector: 'focus-within', enableOutline: true },\n ),\n },\n\n rootInteractive: {\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground1Pressed,\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1,\n },\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1,\n },\n },\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground1Hover,\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1,\n },\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1,\n },\n },\n },\n\n medium: {\n ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n },\n\n small: {\n ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n },\n\n 'extra-small': {\n fontSize: tokens.fontSizeBase200,\n },\n\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorNeutralForeground1Hover,\n ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand),\n ':hover': {\n backgroundColor: tokens.colorBrandBackground2,\n },\n ':active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n },\n\n '@media(forced-colors: active)': {\n ...shorthands.border('2px', 'solid', 'transparent'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n boxSizing: 'border-box',\n ':focus-visible': {\n outlineOffset: '-4px',\n },\n },\n },\n\n neutral: {\n '@media(forced-colors: active)': {\n ...shorthands.border('2px', 'solid', 'transparent'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n boxSizing: 'border-box',\n ':focus-visible': {\n outlineOffset: '-4px',\n },\n },\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground1Hover,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n },\n\n ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand),\n },\n\n none: {},\n});\n\n/**\n * Apply styling to the TableRow slots based on the state\n */\nexport const useTableRowStyles_unstable = (state: TableRowState): TableRowState => {\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles(),\n };\n state.root.className = mergeClasses(\n tableRowClassNames.root,\n styles.root,\n !state.isHeaderRow && styles.rootInteractive,\n styles[state.size],\n state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n styles[state.appearance],\n state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin,\n state.root.className,\n );\n\n return state;\n};\n"]}
@@ -1,17 +0,0 @@
1
- define(["require", "exports", "react", "./useTableSelectionCell", "./renderTableSelectionCell", "./useTableSelectionCellStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useTableSelectionCell_1, renderTableSelectionCell_1, useTableSelectionCellStyles_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.TableSelectionCell = void 0;
5
- /**
6
- * TableSelectionCell component
7
- */
8
- exports.TableSelectionCell = React.forwardRef(function (props, ref) {
9
- var state = useTableSelectionCell_1.useTableSelectionCell_unstable(props, ref);
10
- useTableSelectionCellStyles_1.useTableSelectionCellStyles_unstable(state);
11
- var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useTableSelectionCellStyles_unstable;
12
- useCustomStyles(state);
13
- return renderTableSelectionCell_1.renderTableSelectionCell_unstable(state);
14
- });
15
- exports.TableSelectionCell.displayName = 'TableSelectionCell';
16
- });
17
- //# sourceMappingURL=TableSelectionCell.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,kBAAkB,GAAiD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1G,IAAM,KAAK,GAAG,sDAA8B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzD,kEAAoC,CAAC,KAAK,CAAC,CAAC;QAEpC,IAAsC,eAAe,GAAK,oDAA4B,EAAE,qCAAnC,CAAoC;QACjG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,4DAAiC,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableSelectionCell_unstable } from './useTableSelectionCell';\nimport { renderTableSelectionCell_unstable } from './renderTableSelectionCell';\nimport { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles';\nimport type { TableSelectionCellProps } from './TableSelectionCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableSelectionCell component\n */\nexport const TableSelectionCell: ForwardRefComponent<TableSelectionCellProps> = React.forwardRef((props, ref) => {\n const state = useTableSelectionCell_unstable(props, ref);\n\n useTableSelectionCellStyles_unstable(state);\n\n const { useTableSelectionCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderTableSelectionCell_unstable(state);\n});\n\nTableSelectionCell.displayName = 'TableSelectionCell';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=TableSelectionCell.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableSelectionCell.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { Checkbox, CheckboxProps } from '@fluentui/react-checkbox';\nimport type { Radio } from '@fluentui/react-radio';\nimport { TableCellSlots } from '../TableCell/TableCell.types';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableSelectionCellSlots = {\n /**\n * Selection indicator if selection type is checkbox\n */\n checkboxIndicator: Slot<typeof Checkbox>;\n /**\n * Selection indicator if selection type is radio\n */\n radioIndicator: Slot<typeof Radio>;\n} & Pick<TableCellSlots, 'root'>;\n\n/**\n * TableSelectionCell Props\n */\nexport type TableSelectionCellProps = ComponentProps<Partial<TableSelectionCellSlots>> & {\n /**\n * A table can have two kinds of selection modes.\n * @default checkbox\n */\n type?: 'checkbox' | 'radio';\n\n /**\n * @default false\n */\n checked?: CheckboxProps['checked'];\n\n /**\n * Only visible when checked or the parent row is hovered/focused\n * @default false\n */\n subtle?: boolean;\n\n /**\n * Completely hides the selection cell visually but takes up the same space\n * @default false\n */\n hidden?: boolean;\n};\n\n/**\n * State used in rendering TableSelectionCell\n */\nexport type TableSelectionCellState = ComponentState<TableSelectionCellSlots> &\n Pick<Required<TableSelectionCellProps>, 'type' | 'checked' | 'subtle' | 'hidden'> &\n Pick<TableContextValue, 'noNativeElements'>;\n"]}
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./TableSelectionCell", "./TableSelectionCell.types", "./renderTableSelectionCell", "./useTableSelectionCell", "./useTableSelectionCellStyles"], function (require, exports, tslib_1, TableSelectionCell_1, TableSelectionCell_types_1, renderTableSelectionCell_1, useTableSelectionCell_1, useTableSelectionCellStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(TableSelectionCell_1, exports);
5
- tslib_1.__exportStar(TableSelectionCell_types_1, exports);
6
- tslib_1.__exportStar(renderTableSelectionCell_1, exports);
7
- tslib_1.__exportStar(useTableSelectionCell_1, exports);
8
- tslib_1.__exportStar(useTableSelectionCellStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,0DAA2C;IAC3C,0DAA2C;IAC3C,uDAAwC;IACxC,6DAA8C","sourcesContent":["export * from './TableSelectionCell';\nexport * from './TableSelectionCell.types';\nexport * from './renderTableSelectionCell';\nexport * from './useTableSelectionCell';\nexport * from './useTableSelectionCellStyles';\n"]}