@fluentui/react-table 9.18.0 → 9.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (305) hide show
  1. package/CHANGELOG.md +18 -2
  2. package/lib/DataGrid.js.map +1 -1
  3. package/lib/DataGridBody.js.map +1 -1
  4. package/lib/DataGridCell.js.map +1 -1
  5. package/lib/DataGridHeader.js.map +1 -1
  6. package/lib/DataGridHeaderCell.js.map +1 -1
  7. package/lib/DataGridRow.js.map +1 -1
  8. package/lib/DataGridSelectionCell.js.map +1 -1
  9. package/lib/Table.js.map +1 -1
  10. package/lib/TableBody.js.map +1 -1
  11. package/lib/TableCell.js.map +1 -1
  12. package/lib/TableCellActions.js.map +1 -1
  13. package/lib/TableCellLayout.js.map +1 -1
  14. package/lib/TableCellPrimaryLayout.js.map +1 -1
  15. package/lib/TableHeader.js.map +1 -1
  16. package/lib/TableHeaderCell.js.map +1 -1
  17. package/lib/TableResizeHandle.js.map +1 -1
  18. package/lib/TableRow.js.map +1 -1
  19. package/lib/TableSelectionCell.js.map +1 -1
  20. package/lib/components/DataGrid/DataGrid.js.map +1 -1
  21. package/lib/components/DataGrid/DataGrid.types.js.map +1 -1
  22. package/lib/components/DataGrid/index.js.map +1 -1
  23. package/lib/components/DataGrid/renderDataGrid.js.map +1 -1
  24. package/lib/components/DataGrid/useDataGrid.js.map +1 -1
  25. package/lib/components/DataGrid/useDataGridContextValues.js.map +1 -1
  26. package/lib/components/DataGrid/useDataGridStyles.styles.raw.js.map +1 -1
  27. package/lib/components/DataGridBody/DataGridBody.js.map +1 -1
  28. package/lib/components/DataGridBody/DataGridBody.types.js.map +1 -1
  29. package/lib/components/DataGridBody/index.js.map +1 -1
  30. package/lib/components/DataGridBody/renderDataGridBody.js.map +1 -1
  31. package/lib/components/DataGridBody/useDataGridBody.js.map +1 -1
  32. package/lib/components/DataGridBody/useDataGridBodyStyles.styles.raw.js.map +1 -1
  33. package/lib/components/DataGridCell/DataGridCell.js.map +1 -1
  34. package/lib/components/DataGridCell/DataGridCell.types.js.map +1 -1
  35. package/lib/components/DataGridCell/index.js.map +1 -1
  36. package/lib/components/DataGridCell/renderDataGridCell.js.map +1 -1
  37. package/lib/components/DataGridCell/useDataGridCell.js.map +1 -1
  38. package/lib/components/DataGridCell/useDataGridCellStyles.styles.raw.js.map +1 -1
  39. package/lib/components/DataGridHeader/DataGridHeader.js.map +1 -1
  40. package/lib/components/DataGridHeader/DataGridHeader.types.js.map +1 -1
  41. package/lib/components/DataGridHeader/index.js.map +1 -1
  42. package/lib/components/DataGridHeader/renderDataGridHeader.js.map +1 -1
  43. package/lib/components/DataGridHeader/useDataGridHeader.js.map +1 -1
  44. package/lib/components/DataGridHeader/useDataGridHeaderStyles.styles.raw.js.map +1 -1
  45. package/lib/components/DataGridHeaderCell/DataGridHeaderCell.js.map +1 -1
  46. package/lib/components/DataGridHeaderCell/DataGridHeaderCell.types.js.map +1 -1
  47. package/lib/components/DataGridHeaderCell/index.js.map +1 -1
  48. package/lib/components/DataGridHeaderCell/renderDataGridHeaderCell.js.map +1 -1
  49. package/lib/components/DataGridHeaderCell/useDataGridHeaderCell.js.map +1 -1
  50. package/lib/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.raw.js.map +1 -1
  51. package/lib/components/DataGridRow/DataGridRow.js.map +1 -1
  52. package/lib/components/DataGridRow/DataGridRow.types.js.map +1 -1
  53. package/lib/components/DataGridRow/index.js.map +1 -1
  54. package/lib/components/DataGridRow/renderDataGridRow.js.map +1 -1
  55. package/lib/components/DataGridRow/useDataGridRow.js.map +1 -1
  56. package/lib/components/DataGridRow/useDataGridRowStyles.styles.raw.js.map +1 -1
  57. package/lib/components/DataGridSelectionCell/DataGridSelectionCell.js.map +1 -1
  58. package/lib/components/DataGridSelectionCell/DataGridSelectionCell.types.js.map +1 -1
  59. package/lib/components/DataGridSelectionCell/index.js.map +1 -1
  60. package/lib/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map +1 -1
  61. package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js.map +1 -1
  62. package/lib/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.raw.js.map +1 -1
  63. package/lib/components/Table/Table.js.map +1 -1
  64. package/lib/components/Table/Table.types.js.map +1 -1
  65. package/lib/components/Table/index.js.map +1 -1
  66. package/lib/components/Table/renderTable.js.map +1 -1
  67. package/lib/components/Table/useTable.js.map +1 -1
  68. package/lib/components/Table/useTableContextValues.js.map +1 -1
  69. package/lib/components/Table/useTableStyles.styles.raw.js.map +1 -1
  70. package/lib/components/TableBody/TableBody.js.map +1 -1
  71. package/lib/components/TableBody/TableBody.types.js.map +1 -1
  72. package/lib/components/TableBody/index.js.map +1 -1
  73. package/lib/components/TableBody/renderTableBody.js.map +1 -1
  74. package/lib/components/TableBody/useTableBody.js.map +1 -1
  75. package/lib/components/TableBody/useTableBodyStyles.styles.raw.js.map +1 -1
  76. package/lib/components/TableCell/TableCell.js.map +1 -1
  77. package/lib/components/TableCell/TableCell.types.js.map +1 -1
  78. package/lib/components/TableCell/index.js.map +1 -1
  79. package/lib/components/TableCell/renderTableCell.js.map +1 -1
  80. package/lib/components/TableCell/useTableCell.js.map +1 -1
  81. package/lib/components/TableCell/useTableCellStyles.styles.raw.js.map +1 -1
  82. package/lib/components/TableCellActions/TableCellActions.js.map +1 -1
  83. package/lib/components/TableCellActions/TableCellActions.types.js.map +1 -1
  84. package/lib/components/TableCellActions/index.js.map +1 -1
  85. package/lib/components/TableCellActions/renderTableCellActions.js.map +1 -1
  86. package/lib/components/TableCellActions/useTableCellActions.js.map +1 -1
  87. package/lib/components/TableCellActions/useTableCellActionsStyles.styles.raw.js.map +1 -1
  88. package/lib/components/TableCellLayout/TableCellLayout.js.map +1 -1
  89. package/lib/components/TableCellLayout/TableCellLayout.types.js.map +1 -1
  90. package/lib/components/TableCellLayout/index.js.map +1 -1
  91. package/lib/components/TableCellLayout/renderTableCellLayout.js.map +1 -1
  92. package/lib/components/TableCellLayout/useTableCellLayout.js.map +1 -1
  93. package/lib/components/TableCellLayout/useTableCellLayoutContextValues.js.map +1 -1
  94. package/lib/components/TableCellLayout/useTableCellLayoutStyles.styles.raw.js.map +1 -1
  95. package/lib/components/TableHeader/TableHeader.js.map +1 -1
  96. package/lib/components/TableHeader/TableHeader.types.js.map +1 -1
  97. package/lib/components/TableHeader/index.js.map +1 -1
  98. package/lib/components/TableHeader/renderTableHeader.js.map +1 -1
  99. package/lib/components/TableHeader/useTableHeader.js.map +1 -1
  100. package/lib/components/TableHeader/useTableHeaderStyles.styles.raw.js.map +1 -1
  101. package/lib/components/TableHeaderCell/TableHeaderCell.js.map +1 -1
  102. package/lib/components/TableHeaderCell/TableHeaderCell.types.js.map +1 -1
  103. package/lib/components/TableHeaderCell/index.js.map +1 -1
  104. package/lib/components/TableHeaderCell/renderTableHeaderCell.js.map +1 -1
  105. package/lib/components/TableHeaderCell/useTableHeaderCell.js.map +1 -1
  106. package/lib/components/TableHeaderCell/useTableHeaderCellStyles.styles.raw.js.map +1 -1
  107. package/lib/components/TableResizeHandle/TableResizeHandle.js.map +1 -1
  108. package/lib/components/TableResizeHandle/TableResizeHandle.types.js.map +1 -1
  109. package/lib/components/TableResizeHandle/index.js.map +1 -1
  110. package/lib/components/TableResizeHandle/renderTableResizeHandle.js.map +1 -1
  111. package/lib/components/TableResizeHandle/useTableResizeHandle.js.map +1 -1
  112. package/lib/components/TableResizeHandle/useTableResizeHandleStyles.styles.raw.js.map +1 -1
  113. package/lib/components/TableRow/TableRow.js.map +1 -1
  114. package/lib/components/TableRow/TableRow.types.js.map +1 -1
  115. package/lib/components/TableRow/index.js.map +1 -1
  116. package/lib/components/TableRow/renderTableRow.js.map +1 -1
  117. package/lib/components/TableRow/useTableRow.js.map +1 -1
  118. package/lib/components/TableRow/useTableRowStyles.styles.raw.js.map +1 -1
  119. package/lib/components/TableSelectionCell/TableSelectionCell.js.map +1 -1
  120. package/lib/components/TableSelectionCell/TableSelectionCell.types.js.map +1 -1
  121. package/lib/components/TableSelectionCell/index.js.map +1 -1
  122. package/lib/components/TableSelectionCell/renderTableSelectionCell.js.map +1 -1
  123. package/lib/components/TableSelectionCell/useTableSelectionCell.js.map +1 -1
  124. package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.raw.js.map +1 -1
  125. package/lib/contexts/columnIdContext.js.map +1 -1
  126. package/lib/contexts/dataGridContext.js.map +1 -1
  127. package/lib/contexts/rowIdContext.js.map +1 -1
  128. package/lib/contexts/tableContext.js.map +1 -1
  129. package/lib/contexts/tableHeaderContext.js.map +1 -1
  130. package/lib/hooks/createColumn.js.map +1 -1
  131. package/lib/hooks/index.js.map +1 -1
  132. package/lib/hooks/types.js.map +1 -1
  133. package/lib/hooks/useKeyboardResizing.js.map +1 -1
  134. package/lib/hooks/useMeasureElement.js.map +1 -1
  135. package/lib/hooks/useTableColumnResizeMouseHandler.js.map +1 -1
  136. package/lib/hooks/useTableColumnResizeState.js.map +1 -1
  137. package/lib/hooks/useTableColumnSizing.js.map +1 -1
  138. package/lib/hooks/useTableCompositeNavigation.js.map +1 -1
  139. package/lib/hooks/useTableFeatures.js.map +1 -1
  140. package/lib/hooks/useTableSelection.js.map +1 -1
  141. package/lib/hooks/useTableSort.js.map +1 -1
  142. package/lib/index.js.map +1 -1
  143. package/lib/utils/columnResizeUtils.js.map +1 -1
  144. package/lib/utils/isColumnSortable.js.map +1 -1
  145. package/lib-commonjs/DataGrid.js.map +1 -1
  146. package/lib-commonjs/DataGridBody.js.map +1 -1
  147. package/lib-commonjs/DataGridCell.js.map +1 -1
  148. package/lib-commonjs/DataGridHeader.js.map +1 -1
  149. package/lib-commonjs/DataGridHeaderCell.js.map +1 -1
  150. package/lib-commonjs/DataGridRow.js.map +1 -1
  151. package/lib-commonjs/DataGridSelectionCell.js.map +1 -1
  152. package/lib-commonjs/Table.js.map +1 -1
  153. package/lib-commonjs/TableBody.js.map +1 -1
  154. package/lib-commonjs/TableCell.js.map +1 -1
  155. package/lib-commonjs/TableCellActions.js.map +1 -1
  156. package/lib-commonjs/TableCellLayout.js.map +1 -1
  157. package/lib-commonjs/TableCellPrimaryLayout.js.map +1 -1
  158. package/lib-commonjs/TableHeader.js.map +1 -1
  159. package/lib-commonjs/TableHeaderCell.js.map +1 -1
  160. package/lib-commonjs/TableResizeHandle.js.map +1 -1
  161. package/lib-commonjs/TableRow.js.map +1 -1
  162. package/lib-commonjs/TableSelectionCell.js.map +1 -1
  163. package/lib-commonjs/components/DataGrid/DataGrid.js.map +1 -1
  164. package/lib-commonjs/components/DataGrid/DataGrid.types.js.map +1 -1
  165. package/lib-commonjs/components/DataGrid/index.js.map +1 -1
  166. package/lib-commonjs/components/DataGrid/renderDataGrid.js.map +1 -1
  167. package/lib-commonjs/components/DataGrid/useDataGrid.js.map +1 -1
  168. package/lib-commonjs/components/DataGrid/useDataGridContextValues.js.map +1 -1
  169. package/lib-commonjs/components/DataGrid/useDataGridStyles.styles.js.map +1 -1
  170. package/lib-commonjs/components/DataGrid/useDataGridStyles.styles.raw.js.map +1 -1
  171. package/lib-commonjs/components/DataGridBody/DataGridBody.js.map +1 -1
  172. package/lib-commonjs/components/DataGridBody/DataGridBody.types.js.map +1 -1
  173. package/lib-commonjs/components/DataGridBody/index.js.map +1 -1
  174. package/lib-commonjs/components/DataGridBody/renderDataGridBody.js.map +1 -1
  175. package/lib-commonjs/components/DataGridBody/useDataGridBody.js.map +1 -1
  176. package/lib-commonjs/components/DataGridBody/useDataGridBodyStyles.styles.js.map +1 -1
  177. package/lib-commonjs/components/DataGridBody/useDataGridBodyStyles.styles.raw.js.map +1 -1
  178. package/lib-commonjs/components/DataGridCell/DataGridCell.js.map +1 -1
  179. package/lib-commonjs/components/DataGridCell/DataGridCell.types.js.map +1 -1
  180. package/lib-commonjs/components/DataGridCell/index.js.map +1 -1
  181. package/lib-commonjs/components/DataGridCell/renderDataGridCell.js.map +1 -1
  182. package/lib-commonjs/components/DataGridCell/useDataGridCell.js.map +1 -1
  183. package/lib-commonjs/components/DataGridCell/useDataGridCellStyles.styles.js.map +1 -1
  184. package/lib-commonjs/components/DataGridCell/useDataGridCellStyles.styles.raw.js.map +1 -1
  185. package/lib-commonjs/components/DataGridHeader/DataGridHeader.js.map +1 -1
  186. package/lib-commonjs/components/DataGridHeader/DataGridHeader.types.js.map +1 -1
  187. package/lib-commonjs/components/DataGridHeader/index.js.map +1 -1
  188. package/lib-commonjs/components/DataGridHeader/renderDataGridHeader.js.map +1 -1
  189. package/lib-commonjs/components/DataGridHeader/useDataGridHeader.js.map +1 -1
  190. package/lib-commonjs/components/DataGridHeader/useDataGridHeaderStyles.styles.js.map +1 -1
  191. package/lib-commonjs/components/DataGridHeader/useDataGridHeaderStyles.styles.raw.js.map +1 -1
  192. package/lib-commonjs/components/DataGridHeaderCell/DataGridHeaderCell.js.map +1 -1
  193. package/lib-commonjs/components/DataGridHeaderCell/DataGridHeaderCell.types.js.map +1 -1
  194. package/lib-commonjs/components/DataGridHeaderCell/index.js.map +1 -1
  195. package/lib-commonjs/components/DataGridHeaderCell/renderDataGridHeaderCell.js.map +1 -1
  196. package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCell.js.map +1 -1
  197. package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.js.map +1 -1
  198. package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.raw.js.map +1 -1
  199. package/lib-commonjs/components/DataGridRow/DataGridRow.js.map +1 -1
  200. package/lib-commonjs/components/DataGridRow/DataGridRow.types.js.map +1 -1
  201. package/lib-commonjs/components/DataGridRow/index.js.map +1 -1
  202. package/lib-commonjs/components/DataGridRow/renderDataGridRow.js.map +1 -1
  203. package/lib-commonjs/components/DataGridRow/useDataGridRow.js.map +1 -1
  204. package/lib-commonjs/components/DataGridRow/useDataGridRowStyles.styles.js.map +1 -1
  205. package/lib-commonjs/components/DataGridRow/useDataGridRowStyles.styles.raw.js.map +1 -1
  206. package/lib-commonjs/components/DataGridSelectionCell/DataGridSelectionCell.js.map +1 -1
  207. package/lib-commonjs/components/DataGridSelectionCell/DataGridSelectionCell.types.js.map +1 -1
  208. package/lib-commonjs/components/DataGridSelectionCell/index.js.map +1 -1
  209. package/lib-commonjs/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map +1 -1
  210. package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCell.js.map +1 -1
  211. package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.js.map +1 -1
  212. package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.raw.js.map +1 -1
  213. package/lib-commonjs/components/Table/Table.js.map +1 -1
  214. package/lib-commonjs/components/Table/Table.types.js.map +1 -1
  215. package/lib-commonjs/components/Table/index.js.map +1 -1
  216. package/lib-commonjs/components/Table/renderTable.js.map +1 -1
  217. package/lib-commonjs/components/Table/useTable.js.map +1 -1
  218. package/lib-commonjs/components/Table/useTableContextValues.js.map +1 -1
  219. package/lib-commonjs/components/Table/useTableStyles.styles.js.map +1 -1
  220. package/lib-commonjs/components/Table/useTableStyles.styles.raw.js.map +1 -1
  221. package/lib-commonjs/components/TableBody/TableBody.js.map +1 -1
  222. package/lib-commonjs/components/TableBody/TableBody.types.js.map +1 -1
  223. package/lib-commonjs/components/TableBody/index.js.map +1 -1
  224. package/lib-commonjs/components/TableBody/renderTableBody.js.map +1 -1
  225. package/lib-commonjs/components/TableBody/useTableBody.js.map +1 -1
  226. package/lib-commonjs/components/TableBody/useTableBodyStyles.styles.js.map +1 -1
  227. package/lib-commonjs/components/TableBody/useTableBodyStyles.styles.raw.js.map +1 -1
  228. package/lib-commonjs/components/TableCell/TableCell.js.map +1 -1
  229. package/lib-commonjs/components/TableCell/TableCell.types.js.map +1 -1
  230. package/lib-commonjs/components/TableCell/index.js.map +1 -1
  231. package/lib-commonjs/components/TableCell/renderTableCell.js.map +1 -1
  232. package/lib-commonjs/components/TableCell/useTableCell.js.map +1 -1
  233. package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js.map +1 -1
  234. package/lib-commonjs/components/TableCell/useTableCellStyles.styles.raw.js.map +1 -1
  235. package/lib-commonjs/components/TableCellActions/TableCellActions.js.map +1 -1
  236. package/lib-commonjs/components/TableCellActions/TableCellActions.types.js.map +1 -1
  237. package/lib-commonjs/components/TableCellActions/index.js.map +1 -1
  238. package/lib-commonjs/components/TableCellActions/renderTableCellActions.js.map +1 -1
  239. package/lib-commonjs/components/TableCellActions/useTableCellActions.js.map +1 -1
  240. package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.js.map +1 -1
  241. package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.raw.js.map +1 -1
  242. package/lib-commonjs/components/TableCellLayout/TableCellLayout.js.map +1 -1
  243. package/lib-commonjs/components/TableCellLayout/TableCellLayout.types.js.map +1 -1
  244. package/lib-commonjs/components/TableCellLayout/index.js.map +1 -1
  245. package/lib-commonjs/components/TableCellLayout/renderTableCellLayout.js.map +1 -1
  246. package/lib-commonjs/components/TableCellLayout/useTableCellLayout.js.map +1 -1
  247. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutContextValues.js.map +1 -1
  248. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map +1 -1
  249. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.raw.js.map +1 -1
  250. package/lib-commonjs/components/TableHeader/TableHeader.js.map +1 -1
  251. package/lib-commonjs/components/TableHeader/TableHeader.types.js.map +1 -1
  252. package/lib-commonjs/components/TableHeader/index.js.map +1 -1
  253. package/lib-commonjs/components/TableHeader/renderTableHeader.js.map +1 -1
  254. package/lib-commonjs/components/TableHeader/useTableHeader.js.map +1 -1
  255. package/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.js.map +1 -1
  256. package/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.raw.js.map +1 -1
  257. package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.js.map +1 -1
  258. package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.types.js.map +1 -1
  259. package/lib-commonjs/components/TableHeaderCell/index.js.map +1 -1
  260. package/lib-commonjs/components/TableHeaderCell/renderTableHeaderCell.js.map +1 -1
  261. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js.map +1 -1
  262. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.js.map +1 -1
  263. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.raw.js.map +1 -1
  264. package/lib-commonjs/components/TableResizeHandle/TableResizeHandle.js.map +1 -1
  265. package/lib-commonjs/components/TableResizeHandle/TableResizeHandle.types.js.map +1 -1
  266. package/lib-commonjs/components/TableResizeHandle/index.js.map +1 -1
  267. package/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js.map +1 -1
  268. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js.map +1 -1
  269. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map +1 -1
  270. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.raw.js.map +1 -1
  271. package/lib-commonjs/components/TableRow/TableRow.js.map +1 -1
  272. package/lib-commonjs/components/TableRow/TableRow.types.js.map +1 -1
  273. package/lib-commonjs/components/TableRow/index.js.map +1 -1
  274. package/lib-commonjs/components/TableRow/renderTableRow.js.map +1 -1
  275. package/lib-commonjs/components/TableRow/useTableRow.js.map +1 -1
  276. package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js.map +1 -1
  277. package/lib-commonjs/components/TableRow/useTableRowStyles.styles.raw.js.map +1 -1
  278. package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.js.map +1 -1
  279. package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.types.js.map +1 -1
  280. package/lib-commonjs/components/TableSelectionCell/index.js.map +1 -1
  281. package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js.map +1 -1
  282. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js.map +1 -1
  283. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map +1 -1
  284. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.raw.js.map +1 -1
  285. package/lib-commonjs/contexts/columnIdContext.js.map +1 -1
  286. package/lib-commonjs/contexts/dataGridContext.js.map +1 -1
  287. package/lib-commonjs/contexts/rowIdContext.js.map +1 -1
  288. package/lib-commonjs/contexts/tableContext.js.map +1 -1
  289. package/lib-commonjs/contexts/tableHeaderContext.js.map +1 -1
  290. package/lib-commonjs/hooks/createColumn.js.map +1 -1
  291. package/lib-commonjs/hooks/index.js.map +1 -1
  292. package/lib-commonjs/hooks/types.js.map +1 -1
  293. package/lib-commonjs/hooks/useKeyboardResizing.js.map +1 -1
  294. package/lib-commonjs/hooks/useMeasureElement.js.map +1 -1
  295. package/lib-commonjs/hooks/useTableColumnResizeMouseHandler.js.map +1 -1
  296. package/lib-commonjs/hooks/useTableColumnResizeState.js.map +1 -1
  297. package/lib-commonjs/hooks/useTableColumnSizing.js.map +1 -1
  298. package/lib-commonjs/hooks/useTableCompositeNavigation.js.map +1 -1
  299. package/lib-commonjs/hooks/useTableFeatures.js.map +1 -1
  300. package/lib-commonjs/hooks/useTableSelection.js.map +1 -1
  301. package/lib-commonjs/hooks/useTableSort.js.map +1 -1
  302. package/lib-commonjs/index.js.map +1 -1
  303. package/lib-commonjs/utils/columnResizeUtils.js.map +1 -1
  304. package/lib-commonjs/utils/isColumnSortable.js.map +1 -1
  305. package/package.json +9 -9
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n root: tableCellClassName\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle'\n },\n medium: {\n height: '44px'\n },\n small: {\n height: '34px'\n },\n 'extra-small': {\n height: '24px'\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n minWidth: '0px',\n alignItems: 'center',\n flex: '1 1 0px'\n },\n medium: {\n minHeight: '44px'\n },\n small: {\n minHeight: '34px'\n },\n 'extra-small': {\n minHeight: '24px'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'relative',\n padding: `0px ${tokens.spacingHorizontalS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `2px solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus'\n })\n }\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */ export const useTableCellStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n return state;\n};\n"],"names":["tableCellClassName","tableCellClassNames","useTableCellStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","xawz","Bh6795r","Bnnss6s","fkmc3a","sshi5w","p","useStyles","qhf8xq","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IACAC,mBAAmB;eAAnBA;;IAmDIC,2BAA2B;eAA3BA;;;uBAvDwB;AAGlC,MAAMF,qBAAqB;AAC3B,MAAMC,sBAAsB;IAC/BE,MAAMH;AACV;AACA,MAAMI,uBAAoB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,QAAA;IAAA;IAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,OAAA;QAAAD,SAAA;IAAA;IAAA,eAAA;QAAAA,SAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAe7B,MAAMC,sBAAmB,WAAA,GAAGP,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAO,SAAA;QAAAC,SAAA;QAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAV,QAAA;QAAAW,QAAA;IAAA;IAAAT,OAAA;QAAAS,QAAA;IAAA;IAAA,eAAA;QAAAA,QAAA;IAAA;AAAA,GAAA;IAAAR,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAS,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAiB5B;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGhB,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAmB,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAzB,GAAA;QAAA;QAAA;YAAA;YAAA;gBAAAS,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAcX,MAAMlB,8BAA+BmC,CAAAA;IAC5C;IACA,MAAMC,SAASjB;IACf,MAAMkB,eAAe;QACjBC,OAAOpC;QACPqC,MAAM7B;IACV;IACAyB,MAAMlC,IAAI,CAACuC,SAAS,GAAGC,IAAAA,mBAAY,EAAC1C,oBAAoBE,IAAI,EAAEmC,OAAOnC,IAAI,EAAEkC,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACtC,IAAI,GAAGoC,aAAaC,KAAK,CAACrC,IAAI,EAAEkC,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACJ,MAAMQ,IAAI,CAAC,GAAGN,aAAaC,KAAK,CAACH,MAAMQ,IAAI,CAAC,EAAER,MAAMlC,IAAI,CAACuC,SAAS;IACnQ,OAAOL;AACX"}
1
+ {"version":3,"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n root: tableCellClassName\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle'\n },\n medium: {\n height: '44px'\n },\n small: {\n height: '34px'\n },\n 'extra-small': {\n height: '24px'\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n minWidth: '0px',\n alignItems: 'center',\n flex: '1 1 0px'\n },\n medium: {\n minHeight: '44px'\n },\n small: {\n minHeight: '34px'\n },\n 'extra-small': {\n minHeight: '24px'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'relative',\n padding: `0px ${tokens.spacingHorizontalS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `2px solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus'\n })\n }\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */ export const useTableCellStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","createCustomFocusIndicatorStyle","tableCellClassName","tableCellClassNames","root","useTableLayoutStyles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","xawz","Bh6795r","Bnnss6s","fkmc3a","sshi5w","p","useStyles","qhf8xq","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","useTableCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements","size"],"mappings":";;;;;;;;;;;IAGaI,kBAAkB;;;IAClBC,mBAAmB;;;+BAmDY;;;;uBAvDH,gBAAgB;AAGlD,2BAA2B,eAAe;AAC1C,4BAA4B;IAC/BC,IAAI,EAAEF;AACV,CAAC;AACD,MAAMG,oBAAoB,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAA,eAAA;QAAAA,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAc5B,CAAC;AACF,MAAMC,mBAAmB,GAAA,WAAA,OAAGd,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAV,MAAA,EAAA;QAAAW,MAAA,EAAA;IAAA;IAAAT,KAAA,EAAA;QAAAS,MAAA,EAAA;IAAA;IAAA,eAAA;QAAAA,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAR,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAS,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAgB3B,CAAC;AACF;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGvB,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAkB,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAzB,CAAA,EAAA;QAAA;QAAA;YAAA;YAAA;gBAAAS,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAWrB,CAAC;AAGS,MAAMiB,+BAA+BC,KAAK,IAAG;IACpD,aAAa;IACb,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;IAC1B,MAAMmB,YAAY,GAAG;QACjBC,KAAK,EAAEpC,oBAAoB,CAAC,CAAC;QAC7BqC,IAAI,EAAE9B,mBAAmB,CAAC;IAC9B,CAAC;IACD0B,KAAK,CAAClC,IAAI,CAACuC,SAAS,OAAG5C,mBAAY,EAACI,mBAAmB,CAACC,IAAI,EAAEmC,MAAM,CAACnC,IAAI,EAAEkC,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACtC,IAAI,GAAGoC,YAAY,CAACC,KAAK,CAACrC,IAAI,EAAEkC,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACJ,KAAK,CAACO,IAAI,CAAC,GAAGL,YAAY,CAACC,KAAK,CAACH,KAAK,CAACO,IAAI,CAAC,EAAEP,KAAK,CAAClC,IAAI,CAACuC,SAAS,CAAC;IACpQ,OAAOL,KAAK;AAChB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCell/useTableCellStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { TableCellSlots, TableCellState } from './TableCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames: SlotClassNames<TableCellSlots> = {\n root: tableCellClassName,\n};\n\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle',\n },\n\n medium: {\n height: '44px',\n },\n\n small: {\n height: '34px',\n },\n\n 'extra-small': {\n height: '24px',\n },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n minWidth: '0px',\n alignItems: 'center',\n flex: '1 1 0px',\n },\n\n medium: {\n minHeight: '44px',\n },\n\n small: {\n minHeight: '34px',\n },\n\n 'extra-small': {\n minHeight: '24px',\n },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n position: 'relative',\n padding: `0px ${tokens.spacingHorizontalS}`,\n\n ...createCustomFocusIndicatorStyle(\n { outline: `2px solid ${tokens.colorStrokeFocus2}`, borderRadius: tokens.borderRadiusMedium },\n { selector: 'focus' },\n ),\n },\n});\n\n/**\n * Apply styling to the TableCell slots based on the state\n */\nexport const useTableCellStyles_unstable = (state: TableCellState): TableCellState => {\n 'use no memo';\n\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles(),\n };\n state.root.className = mergeClasses(\n tableCellClassNames.root,\n styles.root,\n state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size],\n state.root.className,\n );\n return state;\n};\n"],"names":["tableCellClassName","tableCellClassNames","useTableCellStyles_unstable","root","useTableLayoutStyles","makeStyles","display","verticalAlign","medium","height","small","useFlexLayoutStyles","minWidth","alignItems","flex","minHeight","useStyles","position","padding","tokens","spacingHorizontalS","createCustomFocusIndicatorStyle","outline","colorStrokeFocus2","borderRadius","borderRadiusMedium","selector","state","styles","layoutStyles","table","className","mergeClasses","noNativeElements","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,kBAAAA;eAAAA;;IACAC,mBAAAA;eAAAA;;IA8DAC,2BAAAA;eAAAA;;;uBArE4B;4BAClB;8BACyB;AAIzC,MAAMF,qBAAqB;AAC3B,MAAMC,sBAAsD;IACjEE,MAAMH;AACR;AAEA,MAAMI,uBAAuBC,IAAAA,iBAAAA,EAAW;IACtCF,MAAM;QACJG,SAAS;QACTC,eAAe;IACjB;IAEAC,QAAQ;QACNC,QAAQ;IACV;IAEAC,OAAO;QACLD,QAAQ;IACV;IAEA,eAAe;QACbA,QAAQ;IACV;AACF;AAEA,MAAME,sBAAsBN,IAAAA,iBAAAA,EAAW;IACrCF,MAAM;QACJG,SAAS;QACTM,UAAU;QACVC,YAAY;QACZC,MAAM;IACR;IAEAN,QAAQ;QACNO,WAAW;IACb;IAEAL,OAAO;QACLK,WAAW;IACb;IAEA,eAAe;QACbA,WAAW;IACb;AACF;AAEA;;CAEC,GACD,MAAMC,YAAYX,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJc,UAAU;QACVC,SAAS,CAAC,IAAI,EAAEC,kBAAAA,CAAOC,kBAAkB,CAAC,CAAC;QAE3C,GAAGC,IAAAA,6CAAAA,EACD;YAAEC,SAAS,CAAC,UAAU,EAAEH,kBAAAA,CAAOI,iBAAiB,CAAC,CAAC;YAAEC,cAAcL,kBAAAA,CAAOM,kBAAkB;QAAC,GAC5F;YAAEC,UAAU;QAAQ,EACrB;IACH;AACF;AAKO,MAAMxB,8BAA8B,CAACyB;IAC1C;IAEA,MAAMC,SAASZ;IACf,MAAMa,eAAe;QACnBC,OAAO1B;QACPU,MAAMH;IACR;IACAgB,MAAMxB,IAAI,CAAC4B,SAAS,GAAGC,IAAAA,mBAAAA,EACrB/B,oBAAoBE,IAAI,EACxByB,OAAOzB,IAAI,EACXwB,MAAMM,gBAAgB,GAAGJ,aAAaf,IAAI,CAACX,IAAI,GAAG0B,aAAaC,KAAK,CAAC3B,IAAI,EACzEwB,MAAMM,gBAAgB,GAAGJ,aAAaf,IAAI,CAACa,MAAMO,IAAI,CAAC,GAAGL,aAAaC,KAAK,CAACH,MAAMO,IAAI,CAAC,EACvFP,MAAMxB,IAAI,CAAC4B,SAAS;IAEtB,OAAOJ;AACT"}
1
+ {"version":3,"sources":["../src/components/TableCell/useTableCellStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { TableCellSlots, TableCellState } from './TableCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames: SlotClassNames<TableCellSlots> = {\n root: tableCellClassName,\n};\n\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle',\n },\n\n medium: {\n height: '44px',\n },\n\n small: {\n height: '34px',\n },\n\n 'extra-small': {\n height: '24px',\n },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n minWidth: '0px',\n alignItems: 'center',\n flex: '1 1 0px',\n },\n\n medium: {\n minHeight: '44px',\n },\n\n small: {\n minHeight: '34px',\n },\n\n 'extra-small': {\n minHeight: '24px',\n },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n position: 'relative',\n padding: `0px ${tokens.spacingHorizontalS}`,\n\n ...createCustomFocusIndicatorStyle(\n { outline: `2px solid ${tokens.colorStrokeFocus2}`, borderRadius: tokens.borderRadiusMedium },\n { selector: 'focus' },\n ),\n },\n});\n\n/**\n * Apply styling to the TableCell slots based on the state\n */\nexport const useTableCellStyles_unstable = (state: TableCellState): TableCellState => {\n 'use no memo';\n\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles(),\n };\n state.root.className = mergeClasses(\n tableCellClassNames.root,\n styles.root,\n state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size],\n state.root.className,\n );\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","createCustomFocusIndicatorStyle","tableCellClassName","tableCellClassNames","root","useTableLayoutStyles","display","verticalAlign","medium","height","small","useFlexLayoutStyles","minWidth","alignItems","flex","minHeight","useStyles","position","padding","spacingHorizontalS","outline","colorStrokeFocus2","borderRadius","borderRadiusMedium","selector","useTableCellStyles_unstable","state","styles","layoutStyles","table","className","noNativeElements","size"],"mappings":";;;;;;;;;;;IAMaI,kBAAAA;;;uBACAC;;;+BA8DAsB;;;;uBArE4B,iBAAiB;4BACnC,wBAAwB;8BACC,0BAA0B;AAInE,2BAA2B,gBAAgB;AAC3C,MAAMtB,sBAAsD;IACjEC,MAAMF;AACR,EAAE;AAEF,MAAMG,2BAAuBP,iBAAAA,EAAW;IACtCM,MAAM;QACJE,SAAS;QACTC,eAAe;IACjB;IAEAC,QAAQ;QACNC,QAAQ;IACV;IAEAC,OAAO;QACLD,QAAQ;IACV;IAEA,eAAe;QACbA,QAAQ;IACV;AACF;AAEA,MAAME,0BAAsBb,iBAAAA,EAAW;IACrCM,MAAM;QACJE,SAAS;QACTM,UAAU;QACVC,YAAY;QACZC,MAAM;IACR;IAEAN,QAAQ;QACNO,WAAW;IACb;IAEAL,OAAO;QACLK,WAAW;IACb;IAEA,eAAe;QACbA,WAAW;IACb;AACF;AAEA;;CAEC,GACD,MAAMC,gBAAYlB,iBAAAA,EAAW;IAC3BM,MAAM;QACJa,UAAU;QACVC,SAAS,CAAC,IAAI,EAAElB,kBAAAA,CAAOmB,kBAAkB,EAAE;QAE3C,OAAGlB,6CAAAA,EACD;YAAEmB,SAAS,CAAC,UAAU,EAAEpB,kBAAAA,CAAOqB,iBAAiB,EAAE;YAAEC,cAActB,kBAAAA,CAAOuB,kBAAkB;QAAC,GAC5F;YAAEC,UAAU;QAAQ,EACrB;IACH;AACF;AAKO,MAAMC,8BAA8B,CAACC;IAC1C;IAEA,MAAMC,SAASX;IACf,MAAMY,eAAe;QACnBC,OAAOxB;QACPS,MAAMH;IACR;IACAe,MAAMtB,IAAI,CAAC0B,SAAS,OAAG/B,mBAAAA,EACrBI,oBAAoBC,IAAI,EACxBuB,OAAOvB,IAAI,EACXsB,MAAMK,gBAAgB,GAAGH,aAAad,IAAI,CAACV,IAAI,GAAGwB,aAAaC,KAAK,CAACzB,IAAI,EACzEsB,MAAMK,gBAAgB,GAAGH,aAAad,IAAI,CAACY,MAAMM,IAAI,CAAC,GAAGJ,aAAaC,KAAK,CAACH,MAAMM,IAAI,CAAC,EACvFN,MAAMtB,IAAI,CAAC0B,SAAS;IAEtB,OAAOJ;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellActions/TableCellActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellActions_unstable } from './useTableCellActions';\nimport { renderTableCellActions_unstable } from './renderTableCellActions';\nimport { useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles';\nimport type { TableCellActionsProps } from './TableCellActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellActions component\n */\nexport const TableCellActions: ForwardRefComponent<TableCellActionsProps> = React.forwardRef((props, ref) => {\n const state = useTableCellActions_unstable(props, ref);\n\n useTableCellActionsStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableCellActionsStyles_unstable')(state);\n\n return renderTableCellActions_unstable(state);\n});\n\nTableCellActions.displayName = 'TableCellActions';\n"],"names":["TableCellActions","React","forwardRef","props","ref","state","useTableCellActions_unstable","useTableCellActionsStyles_unstable","useCustomStyleHook_unstable","renderTableCellActions_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;qCACsB;wCACG;iDACG;qCAGP;AAKrC,MAAMA,mBAAAA,WAAAA,GAA+DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,QAAQC,IAAAA,iDAAAA,EAA6BH,OAAOC;IAElDG,IAAAA,mEAAAA,EAAmCF;IAEnCG,IAAAA,gDAAAA,EAA4B,sCAAsCH;IAElE,OAAOI,IAAAA,uDAAAA,EAAgCJ;AACzC;AAEAL,iBAAiBU,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TableCellActions/TableCellActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellActions_unstable } from './useTableCellActions';\nimport { renderTableCellActions_unstable } from './renderTableCellActions';\nimport { useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles';\nimport type { TableCellActionsProps } from './TableCellActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellActions component\n */\nexport const TableCellActions: ForwardRefComponent<TableCellActionsProps> = React.forwardRef((props, ref) => {\n const state = useTableCellActions_unstable(props, ref);\n\n useTableCellActionsStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableCellActionsStyles_unstable')(state);\n\n return renderTableCellActions_unstable(state);\n});\n\nTableCellActions.displayName = 'TableCellActions';\n"],"names":["React","useTableCellActions_unstable","renderTableCellActions_unstable","useTableCellActionsStyles_unstable","useCustomStyleHook_unstable","TableCellActions","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;qCACc,wBAAwB;wCACrB,2BAA2B;iDACxB,qCAAqC;qCAG5C,kCAAkC;AAKvE,yBAAMA,WAAAA,GAA+DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,QAAQR,qDAAAA,EAA6BM,OAAOC;QAElDL,mEAAAA,EAAmCM;QAEnCL,gDAAAA,EAA4B,sCAAsCK;IAElE,WAAOP,uDAAAA,EAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellActions/TableCellActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableCellActionsSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * TableCellActions Props\n */\nexport type TableCellActionsProps = ComponentProps<TableCellActionsSlots> & {\n /**\n * When true, the actions are always visible regardless of row hover.\n * Can be useful keeping the actions visible when a popout surface is opened.\n */\n visible?: boolean;\n};\n\n/**\n * State used in rendering TableCellActions\n */\nexport type TableCellActionsState = ComponentState<TableCellActionsSlots> &\n Pick<Required<TableCellActionsProps>, 'visible'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAiBA;;CAEC"}
1
+ {"version":3,"sources":["../src/components/TableCellActions/TableCellActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableCellActionsSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * TableCellActions Props\n */\nexport type TableCellActionsProps = ComponentProps<TableCellActionsSlots> & {\n /**\n * When true, the actions are always visible regardless of row hover.\n * Can be useful keeping the actions visible when a popout surface is opened.\n */\n visible?: boolean;\n};\n\n/**\n * State used in rendering TableCellActions\n */\nexport type TableCellActionsState = ComponentState<TableCellActionsSlots> &\n Pick<Required<TableCellActionsProps>, 'visible'>;\n"],"names":[],"mappings":"AAiBA;;CAEC,GACD,WACmD"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellActions/index.ts"],"sourcesContent":["export { TableCellActions } from './TableCellActions';\nexport type { TableCellActionsProps, TableCellActionsSlots, TableCellActionsState } from './TableCellActions.types';\nexport { renderTableCellActions_unstable } from './renderTableCellActions';\nexport { useTableCellActions_unstable } from './useTableCellActions';\nexport { tableCellActionsClassNames, useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles';\n"],"names":["TableCellActions","renderTableCellActions_unstable","tableCellActionsClassNames","useTableCellActionsStyles_unstable","useTableCellActions_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,gBAAgB;eAAhBA,kCAAgB;;IAEhBC,+BAA+B;eAA/BA,uDAA+B;;IAE/BC,0BAA0B;eAA1BA,2DAA0B;;IAAEC,kCAAkC;eAAlCA,mEAAkC;;IAD9DC,4BAA4B;eAA5BA,iDAA4B;;;kCAHJ;wCAEe;qCACH;iDACkC"}
1
+ {"version":3,"sources":["../src/components/TableCellActions/index.ts"],"sourcesContent":["export { TableCellActions } from './TableCellActions';\nexport type { TableCellActionsProps, TableCellActionsSlots, TableCellActionsState } from './TableCellActions.types';\nexport { renderTableCellActions_unstable } from './renderTableCellActions';\nexport { useTableCellActions_unstable } from './useTableCellActions';\nexport { tableCellActionsClassNames, useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles';\n"],"names":["TableCellActions","renderTableCellActions_unstable","useTableCellActions_unstable","tableCellActionsClassNames","useTableCellActionsStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kCAAgB;;;eAEhBC,uDAA+B;;;eAE/BE,2DAA0B;;;eAAEC,mEAAkC;;;eAD9DF,iDAA4B;;;kCAHJ,qBAAqB;wCAEN,2BAA2B;qCAC9B,wBAAwB;iDACU,qCAAqC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellActions/renderTableCellActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TableCellActionsState, TableCellActionsSlots } from './TableCellActions.types';\n\n/**\n * Render the final JSX of TableCellActions\n */\nexport const renderTableCellActions_unstable = (state: TableCellActionsState) => {\n assertSlots<TableCellActionsSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTableCellActions_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;gCAC4B;AAMrB,MAAMA,kCAAkC,CAACC;IAC9CC,IAAAA,2BAAAA,EAAmCD;IAEnC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
1
+ {"version":3,"sources":["../src/components/TableCellActions/renderTableCellActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TableCellActionsState, TableCellActionsSlots } from './TableCellActions.types';\n\n/**\n * Render the final JSX of TableCellActions\n */\nexport const renderTableCellActions_unstable = (state: TableCellActionsState) => {\n assertSlots<TableCellActionsSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderTableCellActions_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAMjD,MAAMC,kCAAkC,CAACC;QAC9CF,2BAAAA,EAAmCE;IAEnC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellActions/useTableCellActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableCellActionsProps, TableCellActionsState } from './TableCellActions.types';\n\n/**\n * Create the state required to render TableCellActions.\n *\n * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,\n * before being passed to renderTableCellActions_unstable.\n *\n * @param props - props from this instance of TableCellActions\n * @param ref - reference to root HTMLElement of TableCellActions\n */\nexport const useTableCellActions_unstable = (\n props: TableCellActionsProps,\n ref: React.Ref<HTMLElement>,\n): TableCellActionsState => {\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n visible: props.visible ?? false,\n };\n};\n"],"names":["useTableCellActions_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","elementType","visible"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gCACwB;AAYxC,MAAMA,+BAA+B,CAC1CC,OACAC;QAgBWD;IAdX,OAAO;QACLE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FL,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBC,SAASR,CAAAA,iBAAAA,MAAMQ,OAAO,AAAPA,MAAO,QAAbR,mBAAAA,KAAAA,IAAAA,iBAAiB;IAC5B;AACF"}
1
+ {"version":3,"sources":["../src/components/TableCellActions/useTableCellActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableCellActionsProps, TableCellActionsState } from './TableCellActions.types';\n\n/**\n * Create the state required to render TableCellActions.\n *\n * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,\n * before being passed to renderTableCellActions_unstable.\n *\n * @param props - props from this instance of TableCellActions\n * @param ref - reference to root HTMLElement of TableCellActions\n */\nexport const useTableCellActions_unstable = (\n props: TableCellActionsProps,\n ref: React.Ref<HTMLElement>,\n): TableCellActionsState => {\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n visible: props.visible ?? false,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTableCellActions_unstable","props","ref","components","root","always","elementType","visible"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;gCACgB,4BAA4B;AAYpE,qCAAqC,CAC1CC,OACAC;QAgBWD;IAdX,OAAO;QACLE,YAAY;YACVC,MAAM;QACR;QACAA,MAAML,oBAAAA,CAAKM,MAAM,KACfP,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FI,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;QAEvBC,SAASN,CAAAA,iBAAAA,MAAMM,OAAAA,AAAO,MAAA,QAAbN,mBAAAA,KAAAA,IAAAA,iBAAiB;IAC5B;AACF,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableCellActionsStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const tableCellActionsClassNames = {\n root: 'fui-TableCellActions'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n backgroundColor: 'inherit',\n position: 'absolute',\n right: '0px',\n top: '50%',\n transform: 'translateY(-50%)',\n opacity: 0,\n marginLeft: 'auto'\n },\n visible: {\n opacity: 1\n }\n});\n/**\n * Apply styling to the TableCellActions slots based on the state\n */ export const useTableCellActionsStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);\n return state;\n};\n"],"names":["tableCellActionsClassNames","useTableCellActionsStyles_unstable","root","useStyles","__styles","De3pzq","qhf8xq","j35jbq","Bhzewxz","Bz10aip","abs64n","Frg6f3","visible","d","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,0BAA0B;eAA1BA;;IAqBIC,kCAAkC;eAAlCA;;;uBAtBwB;AAClC,MAAMD,6BAA6B;IACtCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,SAAA;QAAAF,QAAA;IAAA;AAAA,GAAA;IAAAG,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAgBX,MAAMZ,qCAAsCa,CAAAA;IACnD;IACA,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,2BAA2BE,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMF,OAAO,IAAIG,OAAOH,OAAO,EAAEE,MAAMZ,IAAI,CAACc,SAAS;IACvI,OAAOF;AACX"}
1
+ {"version":3,"sources":["useTableCellActionsStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const tableCellActionsClassNames = {\n root: 'fui-TableCellActions'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n backgroundColor: 'inherit',\n position: 'absolute',\n right: '0px',\n top: '50%',\n transform: 'translateY(-50%)',\n opacity: 0,\n marginLeft: 'auto'\n },\n visible: {\n opacity: 1\n }\n});\n/**\n * Apply styling to the TableCellActions slots based on the state\n */ export const useTableCellActionsStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tableCellActionsClassNames","root","useStyles","De3pzq","qhf8xq","j35jbq","Bhzewxz","Bz10aip","abs64n","Frg6f3","visible","d","useTableCellActionsStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IACaE,0BAA0B;;;sCAqBY;eAAlCY;;;uBAtBwB,gBAAgB;AAClD,mCAAmC;IACtCX,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,OAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAarB,CAAC;AAGS,4CAA4CE,KAAK,IAAG;IAC3D,aAAa;IACb,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;IAC1BW,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGhB,mBAAY,EAACC,0BAA0B,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACH,OAAO,IAAII,MAAM,CAACJ,OAAO,EAAEG,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IACxI,OAAOF,KAAK;AAChB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellActions/useTableCellActionsStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TableCellActionsSlots, TableCellActionsState } from './TableCellActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableCellActionsClassNames: SlotClassNames<TableCellActionsSlots> = {\n root: 'fui-TableCellActions',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n backgroundColor: 'inherit',\n position: 'absolute',\n right: '0px',\n top: '50%',\n transform: 'translateY(-50%)',\n opacity: 0,\n marginLeft: 'auto',\n },\n\n visible: {\n opacity: 1,\n },\n});\n\n/**\n * Apply styling to the TableCellActions slots based on the state\n */\nexport const useTableCellActionsStyles_unstable = (state: TableCellActionsState): TableCellActionsState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n tableCellActionsClassNames.root,\n styles.root,\n state.visible && styles.visible,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["tableCellActionsClassNames","useTableCellActionsStyles_unstable","root","useStyles","makeStyles","backgroundColor","position","right","top","transform","opacity","marginLeft","visible","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,0BAAAA;eAAAA;;IA0BAC,kCAAAA;eAAAA;;;uBA9B4B;AAIlC,MAAMD,6BAAoE;IAC/EE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,iBAAiB;QACjBC,UAAU;QACVC,OAAO;QACPC,KAAK;QACLC,WAAW;QACXC,SAAS;QACTC,YAAY;IACd;IAEAC,SAAS;QACPF,SAAS;IACX;AACF;AAKO,MAAMT,qCAAqC,CAACY;IACjD;IAEA,MAAMC,SAASX;IACfU,MAAMX,IAAI,CAACa,SAAS,GAAGC,IAAAA,mBAAAA,EACrBhB,2BAA2BE,IAAI,EAC/BY,OAAOZ,IAAI,EACXW,MAAMD,OAAO,IAAIE,OAAOF,OAAO,EAC/BC,MAAMX,IAAI,CAACa,SAAS;IAGtB,OAAOF;AACT"}
1
+ {"version":3,"sources":["../src/components/TableCellActions/useTableCellActionsStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TableCellActionsSlots, TableCellActionsState } from './TableCellActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableCellActionsClassNames: SlotClassNames<TableCellActionsSlots> = {\n root: 'fui-TableCellActions',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n backgroundColor: 'inherit',\n position: 'absolute',\n right: '0px',\n top: '50%',\n transform: 'translateY(-50%)',\n opacity: 0,\n marginLeft: 'auto',\n },\n\n visible: {\n opacity: 1,\n },\n});\n\n/**\n * Apply styling to the TableCellActions slots based on the state\n */\nexport const useTableCellActionsStyles_unstable = (state: TableCellActionsState): TableCellActionsState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n tableCellActionsClassNames.root,\n styles.root,\n state.visible && styles.visible,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tableCellActionsClassNames","root","useStyles","backgroundColor","position","right","top","transform","opacity","marginLeft","visible","useTableCellActionsStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IAIaE,0BAAAA;;;IA0BAW,kCAAAA;;;;uBA9B4B,iBAAiB;AAInD,mCAA0E;IAC/EV,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,iBAAiB;QACjBC,UAAU;QACVC,OAAO;QACPC,KAAK;QACLC,WAAW;QACXC,SAAS;QACTC,YAAY;IACd;IAEAC,SAAS;QACPF,SAAS;IACX;AACF;AAKO,2CAA2C,CAACI;IACjD;IAEA,MAAMC,SAASX;IACfU,MAAMX,IAAI,CAACa,SAAS,GAAGf,uBAAAA,EACrBC,2BAA2BC,IAAI,EAC/BY,OAAOZ,IAAI,EACXW,MAAMF,OAAO,IAAIG,OAAOH,OAAO,EAC/BE,MAAMX,IAAI,CAACa,SAAS;IAGtB,OAAOF;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellLayout/TableCellLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellLayout_unstable } from './useTableCellLayout';\nimport { renderTableCellLayout_unstable } from './renderTableCellLayout';\nimport { useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles.styles';\nimport { useTableCellLayoutContextValues_unstable } from './useTableCellLayoutContextValues';\nimport type { TableCellLayoutProps } from './TableCellLayout.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellLayout component\n */\nexport const TableCellLayout: ForwardRefComponent<TableCellLayoutProps> = React.forwardRef((props, ref) => {\n const state = useTableCellLayout_unstable(props, ref);\n\n useTableCellLayoutStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableCellLayoutStyles_unstable')(state);\n\n return renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_unstable(state));\n});\n\nTableCellLayout.displayName = 'TableCellLayout';\n"],"names":["TableCellLayout","React","forwardRef","props","ref","state","useTableCellLayout_unstable","useTableCellLayoutStyles_unstable","useCustomStyleHook_unstable","renderTableCellLayout_unstable","useTableCellLayoutContextValues_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;oCACqB;uCACG;gDACG;iDACO;qCAGb;AAKrC,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAElCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IAEjE,OAAOI,IAAAA,qDAAAA,EAA+BJ,OAAOK,IAAAA,yEAAAA,EAAyCL;AACxF;AAEAL,gBAAgBW,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TableCellLayout/TableCellLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellLayout_unstable } from './useTableCellLayout';\nimport { renderTableCellLayout_unstable } from './renderTableCellLayout';\nimport { useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles.styles';\nimport { useTableCellLayoutContextValues_unstable } from './useTableCellLayoutContextValues';\nimport type { TableCellLayoutProps } from './TableCellLayout.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellLayout component\n */\nexport const TableCellLayout: ForwardRefComponent<TableCellLayoutProps> = React.forwardRef((props, ref) => {\n const state = useTableCellLayout_unstable(props, ref);\n\n useTableCellLayoutStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableCellLayoutStyles_unstable')(state);\n\n return renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_unstable(state));\n});\n\nTableCellLayout.displayName = 'TableCellLayout';\n"],"names":["React","useTableCellLayout_unstable","renderTableCellLayout_unstable","useTableCellLayoutStyles_unstable","useTableCellLayoutContextValues_unstable","useCustomStyleHook_unstable","TableCellLayout","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAYaM;;;;;;;iEAZU,QAAQ;oCACa,uBAAuB;uCACpB,0BAA0B;gDACvB,oCAAoC;iDAC7B,oCAAoC;qCAGjD,kCAAkC;AAKvE,wBAAMA,WAAAA,GAA6DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQT,+CAAAA,EAA4BO,OAAOC;QAEjDN,iEAAAA,EAAkCO;QAElCL,gDAAAA,EAA4B,qCAAqCK;IAEjE,WAAOR,qDAAAA,EAA+BQ,WAAON,yEAAAA,EAAyCM;AACxF,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellLayout/TableCellLayout.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AvatarSize } from '@fluentui/react-avatar';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableCellLayoutContextValues = {\n avatar: {\n size?: AvatarSize;\n };\n};\n\nexport type TableCellLayoutSlots = {\n root: Slot<'div'>;\n\n /**\n * Slot for an icon or other visual element\n */\n media: Slot<'span'>;\n\n /**\n * Main text for the table cell. Children of the root slot are automatically rendered here\n */\n main: Slot<'span'>;\n\n /**\n * Secondary text that describes or complements the main text\n */\n description: Slot<'span'>;\n\n /**\n * A layout wrapper for the main and description slots\n */\n content: Slot<'div'>;\n};\n\n/**\n * TableCellLayout Props\n */\nexport type TableCellLayoutProps = Omit<ComponentProps<Partial<TableCellLayoutSlots>>, 'content'> &\n Pick<Partial<TableCellLayoutSlots>, 'content'> & {\n /**\n * Renders design variants of the table cell\n * @default undefined\n */\n appearance?: 'primary';\n\n /**\n * Renders content with overflow: hidden and text-overflow: ellipsis\n */\n truncate?: boolean;\n };\n\n/**\n * State used in rendering TableCellLayout\n */\nexport type TableCellLayoutState = ComponentState<TableCellLayoutSlots> &\n Pick<TableCellLayoutProps, 'appearance' | 'truncate'> & { avatarSize: AvatarSize | undefined } & Pick<\n TableContextValue,\n 'size'\n >;\n"],"names":[],"rangeMappings":";;","mappings":"AAmDA;;CAEC"}
1
+ {"version":3,"sources":["../src/components/TableCellLayout/TableCellLayout.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AvatarSize } from '@fluentui/react-avatar';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableCellLayoutContextValues = {\n avatar: {\n size?: AvatarSize;\n };\n};\n\nexport type TableCellLayoutSlots = {\n root: Slot<'div'>;\n\n /**\n * Slot for an icon or other visual element\n */\n media: Slot<'span'>;\n\n /**\n * Main text for the table cell. Children of the root slot are automatically rendered here\n */\n main: Slot<'span'>;\n\n /**\n * Secondary text that describes or complements the main text\n */\n description: Slot<'span'>;\n\n /**\n * A layout wrapper for the main and description slots\n */\n content: Slot<'div'>;\n};\n\n/**\n * TableCellLayout Props\n */\nexport type TableCellLayoutProps = Omit<ComponentProps<Partial<TableCellLayoutSlots>>, 'content'> &\n Pick<Partial<TableCellLayoutSlots>, 'content'> & {\n /**\n * Renders design variants of the table cell\n * @default undefined\n */\n appearance?: 'primary';\n\n /**\n * Renders content with overflow: hidden and text-overflow: ellipsis\n */\n truncate?: boolean;\n };\n\n/**\n * State used in rendering TableCellLayout\n */\nexport type TableCellLayoutState = ComponentState<TableCellLayoutSlots> &\n Pick<TableCellLayoutProps, 'appearance' | 'truncate'> & { avatarSize: AvatarSize | undefined } & Pick<\n TableContextValue,\n 'size'\n >;\n"],"names":[],"mappings":"AAmDA;;CAEC,GACD,WAII"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellLayout/index.ts"],"sourcesContent":["export { TableCellLayout } from './TableCellLayout';\nexport type {\n TableCellLayoutContextValues,\n TableCellLayoutProps,\n TableCellLayoutSlots,\n TableCellLayoutState,\n} from './TableCellLayout.types';\nexport { renderTableCellLayout_unstable } from './renderTableCellLayout';\nexport { useTableCellLayout_unstable } from './useTableCellLayout';\nexport { tableCellLayoutClassNames, useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles.styles';\n"],"names":["TableCellLayout","renderTableCellLayout_unstable","tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","useTableCellLayout_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAOfC,8BAA8B;eAA9BA,qDAA8B;;IAE9BC,yBAAyB;eAAzBA,yDAAyB;;IAAEC,iCAAiC;eAAjCA,iEAAiC;;IAD5DC,2BAA2B;eAA3BA,+CAA2B;;;iCARJ;uCAOe;oCACH;gDACiC"}
1
+ {"version":3,"sources":["../src/components/TableCellLayout/index.ts"],"sourcesContent":["export { TableCellLayout } from './TableCellLayout';\nexport type {\n TableCellLayoutContextValues,\n TableCellLayoutProps,\n TableCellLayoutSlots,\n TableCellLayoutState,\n} from './TableCellLayout.types';\nexport { renderTableCellLayout_unstable } from './renderTableCellLayout';\nexport { useTableCellLayout_unstable } from './useTableCellLayout';\nexport { tableCellLayoutClassNames, useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles.styles';\n"],"names":["TableCellLayout","renderTableCellLayout_unstable","useTableCellLayout_unstable","tableCellLayoutClassNames","useTableCellLayoutStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAOfC,qDAA8B;;;eAE9BE,yDAAyB;;;eAAEC,iEAAiC;;;eAD5DF,+CAA2B;;;iCARJ,oBAAoB;uCAOL,0BAA0B;oCAC7B,uBAAuB;gDACU,oCAAoC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellLayout/renderTableCellLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\nimport type { TableCellLayoutState, TableCellLayoutSlots, TableCellLayoutContextValues } from './TableCellLayout.types';\n\n/**\n * Render the final JSX of TableCellLayout\n */\nexport const renderTableCellLayout_unstable = (\n state: TableCellLayoutState,\n contextValues: TableCellLayoutContextValues,\n) => {\n assertSlots<TableCellLayoutSlots>(state);\n\n return (\n <state.root>\n {state.media && (\n <AvatarContextProvider value={contextValues.avatar}>\n <state.media />\n </AvatarContextProvider>\n )}\n\n {state.content && (\n <state.content>\n {state.main && <state.main>{state.root.children}</state.main>}\n {state.description && <state.description />}\n </state.content>\n )}\n </state.root>\n );\n};\n"],"names":["renderTableCellLayout_unstable","state","contextValues","assertSlots","_jsxs","root","media","_jsx","AvatarContextProvider","value","avatar","content","main","children","description"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAC4B;6BACU;AAM/B,MAAMA,iCAAiC,CAC5CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAkCF;IAElC,OAAA,WAAA,GACEG,IAAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;YACRJ,MAAMK,KAAK,IAAA,WAAA,GACVC,IAAAA,eAAA,EAACC,kCAAAA,EAAAA;gBAAsBC,OAAOP,cAAcQ,MAAM;0BAChD,WAAA,GAAAH,IAAAA,eAAA,EAACN,MAAMK,KAAK,EAAA,CAAA;;YAIfL,MAAMU,OAAO,IAAA,WAAA,GACZP,IAAAA,gBAAA,EAACH,MAAMU,OAAO,EAAA;;oBACXV,MAAMW,IAAI,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACN,MAAMW,IAAI,EAAA;kCAAEX,MAAMI,IAAI,CAACQ,QAAQ;;oBAC9CZ,MAAMa,WAAW,IAAA,WAAA,GAAIP,IAAAA,eAAA,EAACN,MAAMa,WAAW,EAAA,CAAA;;;;;AAKlD"}
1
+ {"version":3,"sources":["../src/components/TableCellLayout/renderTableCellLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\nimport type { TableCellLayoutState, TableCellLayoutSlots, TableCellLayoutContextValues } from './TableCellLayout.types';\n\n/**\n * Render the final JSX of TableCellLayout\n */\nexport const renderTableCellLayout_unstable = (\n state: TableCellLayoutState,\n contextValues: TableCellLayoutContextValues,\n) => {\n assertSlots<TableCellLayoutSlots>(state);\n\n return (\n <state.root>\n {state.media && (\n <AvatarContextProvider value={contextValues.avatar}>\n <state.media />\n </AvatarContextProvider>\n )}\n\n {state.content && (\n <state.content>\n {state.main && <state.main>{state.root.children}</state.main>}\n {state.description && <state.description />}\n </state.content>\n )}\n </state.root>\n );\n};\n"],"names":["assertSlots","AvatarContextProvider","renderTableCellLayout_unstable","state","contextValues","root","media","value","avatar","content","main","children","description"],"mappings":";;;;+BASaE;;;;;;4BARb,iCAAiD;gCACrB,4BAA4B;6BAClB,yBAAyB;AAMxD,uCAAuC,CAC5CC,OACAC;QAEAJ,2BAAAA,EAAkCG;IAElC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAME,IAAI,EAAA;;YACRF,MAAMG,KAAK,IAAA,WAAA,OACV,eAAA,EAACL,kCAAAA,EAAAA;gBAAsBM,OAAOH,cAAcI,MAAM;0BAChD,WAAA,OAAA,eAAA,EAACL,MAAMG,KAAK,EAAA,CAAA;;YAIfH,MAAMM,OAAO,IAAA,WAAA,OACZ,gBAAA,EAACN,MAAMM,OAAO,EAAA;;oBACXN,MAAMO,IAAI,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,IAAI,EAAA;kCAAEP,MAAME,IAAI,CAACM,QAAQ;;oBAC9CR,MAAMS,WAAW,IAAA,WAAA,OAAI,eAAA,EAACT,MAAMS,WAAW,EAAA,CAAA;;;;;AAKlD,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellLayout/useTableCellLayout.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableCellLayoutProps, TableCellLayoutState } from './TableCellLayout.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\nconst tableAvatarSizeMap = {\n medium: 32,\n small: 24,\n 'extra-small': 20,\n} as const;\n\n/**\n * Create the state required to render TableCellLayout.\n *\n * The returned state can be modified with hooks such as useTableCellLayoutStyles_unstable,\n * before being passed to renderTableCellLayout_unstable.\n *\n * @param props - props from this instance of TableCellLayout\n * @param ref - reference to root HTMLElement of TableCellLayout\n */\nexport const useTableCellLayout_unstable = (\n props: TableCellLayoutProps,\n ref: React.Ref<HTMLElement>,\n): TableCellLayoutState => {\n const { size } = useTableContext();\n\n return {\n components: {\n root: 'div',\n main: 'span',\n description: 'span',\n content: 'div',\n media: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps(\n 'div',\n {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n },\n // `content` is a slot and it's type clashes with the HTMLElement `content` attribute\n ['content'],\n ),\n { elementType: 'div' },\n ),\n appearance: props.appearance,\n truncate: props.truncate,\n main: slot.optional(props.main, { renderByDefault: true, elementType: 'span' }),\n media: slot.optional(props.media, { elementType: 'span' }),\n description: slot.optional(props.description, { elementType: 'span' }),\n content: slot.optional(props.content, {\n renderByDefault: !!props.description || !!props.children,\n elementType: 'div',\n }),\n avatarSize: tableAvatarSizeMap[size],\n size,\n };\n};\n"],"names":["useTableCellLayout_unstable","tableAvatarSizeMap","medium","small","props","ref","size","useTableContext","components","root","main","description","content","media","slot","always","getIntrinsicElementProps","elementType","appearance","truncate","optional","renderByDefault","children","avatarSize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBaA;;;eAAAA;;;;iEApBU;gCACwB;8BAEf;AAEhC,MAAMC,qBAAqB;IACzBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACjB;AAWO,MAAMH,8BAA8B,CACzCI,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,6BAAAA;IAEjB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,aAAa;YACbC,SAAS;YACTC,OAAO;QACT;QACAJ,MAAMK,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EACE,OACA;YACE,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FX,KAAKA;YACL,GAAGD,KAAK;QACV,GAEA;YAAC;SAAU,GAEb;YAAEa,aAAa;QAAM;QAEvBC,YAAYd,MAAMc,UAAU;QAC5BC,UAAUf,MAAMe,QAAQ;QACxBT,MAAMI,oBAAAA,CAAKM,QAAQ,CAAChB,MAAMM,IAAI,EAAE;YAAEW,iBAAiB;YAAMJ,aAAa;QAAO;QAC7EJ,OAAOC,oBAAAA,CAAKM,QAAQ,CAAChB,MAAMS,KAAK,EAAE;YAAEI,aAAa;QAAO;QACxDN,aAAaG,oBAAAA,CAAKM,QAAQ,CAAChB,MAAMO,WAAW,EAAE;YAAEM,aAAa;QAAO;QACpEL,SAASE,oBAAAA,CAAKM,QAAQ,CAAChB,MAAMQ,OAAO,EAAE;YACpCS,iBAAiB,CAAC,CAACjB,MAAMO,WAAW,IAAI,CAAC,CAACP,MAAMkB,QAAQ;YACxDL,aAAa;QACf;QACAM,YAAYtB,kBAAkB,CAACK,KAAK;QACpCA;IACF;AACF"}
1
+ {"version":3,"sources":["../src/components/TableCellLayout/useTableCellLayout.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableCellLayoutProps, TableCellLayoutState } from './TableCellLayout.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\nconst tableAvatarSizeMap = {\n medium: 32,\n small: 24,\n 'extra-small': 20,\n} as const;\n\n/**\n * Create the state required to render TableCellLayout.\n *\n * The returned state can be modified with hooks such as useTableCellLayoutStyles_unstable,\n * before being passed to renderTableCellLayout_unstable.\n *\n * @param props - props from this instance of TableCellLayout\n * @param ref - reference to root HTMLElement of TableCellLayout\n */\nexport const useTableCellLayout_unstable = (\n props: TableCellLayoutProps,\n ref: React.Ref<HTMLElement>,\n): TableCellLayoutState => {\n const { size } = useTableContext();\n\n return {\n components: {\n root: 'div',\n main: 'span',\n description: 'span',\n content: 'div',\n media: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps(\n 'div',\n {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n },\n // `content` is a slot and it's type clashes with the HTMLElement `content` attribute\n ['content'],\n ),\n { elementType: 'div' },\n ),\n appearance: props.appearance,\n truncate: props.truncate,\n main: slot.optional(props.main, { renderByDefault: true, elementType: 'span' }),\n media: slot.optional(props.media, { elementType: 'span' }),\n description: slot.optional(props.description, { elementType: 'span' }),\n content: slot.optional(props.content, {\n renderByDefault: !!props.description || !!props.children,\n elementType: 'div',\n }),\n avatarSize: tableAvatarSizeMap[size],\n size,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTableContext","tableAvatarSizeMap","medium","small","useTableCellLayout_unstable","props","ref","size","components","root","main","description","content","media","always","elementType","appearance","truncate","optional","renderByDefault","children","avatarSize"],"mappings":";;;;+BAoBaO;;;;;;;iEApBU,QAAQ;gCACgB,4BAA4B;8BAE3C,8BAA8B;AAE9D,MAAMH,qBAAqB;IACzBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACjB;AAWO,oCAAoC,CACzCE,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGP,6BAAAA;IAEjB,OAAO;QACLQ,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,aAAa;YACbC,SAAS;YACTC,OAAO;QACT;QACAJ,MAAMV,oBAAAA,CAAKe,MAAM,KACfhB,wCAAAA,EACE,OACA;YACE,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FQ,KAAKA;YACL,GAAGD,KAAK;QACV,GAEA,AADA,qFAAqF;YACpF;SAAU,GAEb;YAAEU,aAAa;QAAM;QAEvBC,YAAYX,MAAMW,UAAU;QAC5BC,UAAUZ,MAAMY,QAAQ;QACxBP,MAAMX,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMK,IAAI,EAAE;YAAES,iBAAiB;YAAMJ,aAAa;QAAO;QAC7EF,OAAOd,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMQ,KAAK,EAAE;YAAEE,aAAa;QAAO;QACxDJ,aAAaZ,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMM,WAAW,EAAE;YAAEI,aAAa;QAAO;QACpEH,SAASb,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMO,OAAO,EAAE;YACpCO,iBAAiB,CAAC,CAACd,MAAMM,WAAW,IAAI,CAAC,CAACN,MAAMe,QAAQ;YACxDL,aAAa;QACf;QACAM,YAAYpB,kBAAkB,CAACM,KAAK;QACpCA;IACF;AACF,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellLayout/useTableCellLayoutContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TableCellLayoutState, TableCellLayoutContextValues } from './TableCellLayout.types';\n\nexport function useTableCellLayoutContextValues_unstable(state: TableCellLayoutState): TableCellLayoutContextValues {\n const { avatarSize } = state;\n\n const avatar = React.useMemo(\n () => ({\n size: avatarSize,\n }),\n [avatarSize],\n );\n\n return {\n avatar,\n };\n}\n"],"names":["useTableCellLayoutContextValues_unstable","state","avatarSize","avatar","React","useMemo","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA,yCAAyCC,KAA2B;IAClF,MAAM,EAAEC,UAAU,EAAE,GAAGD;IAEvB,MAAME,SAASC,OAAMC,OAAO,CAC1B,IAAO,CAAA;YACLC,MAAMJ;QACR,CAAA,GACA;QAACA;KAAW;IAGd,OAAO;QACLC;IACF;AACF"}
1
+ {"version":3,"sources":["../src/components/TableCellLayout/useTableCellLayoutContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TableCellLayoutState, TableCellLayoutContextValues } from './TableCellLayout.types';\n\nexport function useTableCellLayoutContextValues_unstable(state: TableCellLayoutState): TableCellLayoutContextValues {\n const { avatarSize } = state;\n\n const avatar = React.useMemo(\n () => ({\n size: avatarSize,\n }),\n [avatarSize],\n );\n\n return {\n avatar,\n };\n}\n"],"names":["React","useTableCellLayoutContextValues_unstable","state","avatarSize","avatar","useMemo","size"],"mappings":";;;;+BAGgBC;;;;;;;iEAHO,QAAQ;AAGxB,kDAAkDC,KAA2B;IAClF,MAAM,EAAEC,UAAU,EAAE,GAAGD;IAEvB,MAAME,SAASJ,OAAMK,OAAO,CAC1B,IAAO,CAAA;YACLC,MAAMH;SACR,CAAA,EACA;QAACA;KAAW;IAGd,OAAO;QACLC;IACF;AACF"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n root: 'fui-TableCellLayout',\n media: 'fui-TableCellLayout__media',\n main: 'fui-TableCellLayout__main',\n description: 'fui-TableCellLayout__description',\n content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacingHorizontalS,\n flex: '1 1 0px'\n },\n rootTruncate: {\n overflowX: 'hidden'\n },\n content: {\n display: 'flex',\n flexDirection: 'column'\n },\n contentTruncate: {\n overflowX: 'hidden'\n },\n media: {\n display: 'flex',\n alignItems: 'center'\n },\n mediaExtraSmall: {\n fontSize: '16px'\n },\n mediaSmallAndMedium: {\n fontSize: '20px'\n },\n mediaPrimary: {\n fontSize: '24px'\n },\n mainPrimary: {\n fontWeight: tokens.fontWeightSemibold\n },\n mainTruncate: {\n overflowX: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis'\n },\n description: {\n color: tokens.colorNeutralForeground2,\n ...typographyStyles.caption1\n }\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */ export const useTableCellLayoutStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { truncate } = state;\n state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n const primary = state.appearance === 'primary';\n if (state.media) {\n const mediaSizedStyles = {\n small: styles.mediaSmallAndMedium,\n medium: styles.mediaSmallAndMedium,\n 'extra-small': styles.mediaExtraSmall\n };\n state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n }\n if (state.main) {\n state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n }\n if (state.content) {\n state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n }\n return state;\n};\n"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","rmohyg","xawz","Bh6795r","Bnnss6s","fkmc3a","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","p","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IAsDIC,iCAAiC;eAAjCA;;;uBAzDwB;AAGlC,MAAMD,4BAA4B;IACrCE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACb;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAN,MAAA;QAAAO,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAC,SAAA;IAAA;IAAAb,SAAA;QAAAG,QAAA;QAAAW,SAAA;IAAA;IAAAC,iBAAA;QAAAF,SAAA;IAAA;IAAAhB,OAAA;QAAAM,QAAA;QAAAC,SAAA;IAAA;IAAAY,iBAAA;QAAAC,SAAA;IAAA;IAAAC,qBAAA;QAAAD,SAAA;IAAA;IAAAE,cAAA;QAAAF,SAAA;IAAA;IAAAG,aAAA;QAAAC,SAAA;IAAA;IAAAC,cAAA;QAAAT,SAAA;QAAAU,QAAA;QAAAC,QAAA;IAAA;IAAAzB,aAAA;QAAA0B,QAAA;QAAAC,SAAA;QAAAT,SAAA;QAAAI,SAAA;QAAAM,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA6CX,MAAMlC,oCAAqCmC,CAAAA;IAClD;IACA,MAAMC,SAAS9B;IACf,MAAM,EAAE+B,QAAAA,EAAU,GAAGF;IACrBA,MAAMlC,IAAI,CAACqC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BE,IAAI,EAAEmC,OAAOnC,IAAI,EAAEoC,YAAYD,OAAOnB,YAAY,EAAEkB,MAAMlC,IAAI,CAACqC,SAAS;IACtI,MAAME,UAAUL,MAAMM,UAAU,KAAK;IACrC,IAAIN,MAAMjC,KAAK,EAAE;QACb,MAAMwC,mBAAmB;YACrBC,OAAOP,OAAOb,mBAAmB;YACjCqB,QAAQR,OAAOb,mBAAmB;YAClC,eAAea,OAAOf,eAAAA;QAC1B;QACAc,MAAMjC,KAAK,CAACoC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BG,KAAK,EAAEkC,OAAOlC,KAAK,EAAEwC,gBAAgB,CAACP,MAAMU,IAAI,CAAC,EAAEL,WAAWJ,OAAOZ,YAAY,EAAEW,MAAMjC,KAAK,CAACoC,SAAS;IAC3K;IACA,IAAIH,MAAMhC,IAAI,EAAE;QACZgC,MAAMhC,IAAI,CAACmC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BI,IAAI,EAAEkC,YAAYD,OAAOT,YAAY,EAAEa,WAAWJ,OAAOX,WAAW,EAAEU,MAAMhC,IAAI,CAACmC,SAAS;IAC5J;IACA,IAAIH,MAAM/B,WAAW,EAAE;QACnB+B,MAAM/B,WAAW,CAACkC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BK,WAAW,EAAEgC,OAAOhC,WAAW,EAAE+B,MAAM/B,WAAW,CAACkC,SAAS;IACrI;IACA,IAAIH,MAAM9B,OAAO,EAAE;QACf8B,MAAM9B,OAAO,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BM,OAAO,EAAE+B,OAAO/B,OAAO,EAAEgC,YAAYD,OAAOhB,eAAe,EAAEe,MAAM9B,OAAO,CAACiC,SAAS;IACzJ;IACA,OAAOH;AACX"}
1
+ {"version":3,"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n root: 'fui-TableCellLayout',\n media: 'fui-TableCellLayout__media',\n main: 'fui-TableCellLayout__main',\n description: 'fui-TableCellLayout__description',\n content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacingHorizontalS,\n flex: '1 1 0px'\n },\n rootTruncate: {\n overflowX: 'hidden'\n },\n content: {\n display: 'flex',\n flexDirection: 'column'\n },\n contentTruncate: {\n overflowX: 'hidden'\n },\n media: {\n display: 'flex',\n alignItems: 'center'\n },\n mediaExtraSmall: {\n fontSize: '16px'\n },\n mediaSmallAndMedium: {\n fontSize: '20px'\n },\n mediaPrimary: {\n fontSize: '24px'\n },\n mainPrimary: {\n fontWeight: tokens.fontWeightSemibold\n },\n mainTruncate: {\n overflowX: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis'\n },\n description: {\n color: tokens.colorNeutralForeground2,\n ...typographyStyles.caption1\n }\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */ export const useTableCellLayoutStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { truncate } = state;\n state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n const primary = state.appearance === 'primary';\n if (state.media) {\n const mediaSizedStyles = {\n small: styles.mediaSmallAndMedium,\n medium: styles.mediaSmallAndMedium,\n 'extra-small': styles.mediaExtraSmall\n };\n state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n }\n if (state.main) {\n state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n }\n if (state.content) {\n state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","tableCellLayoutClassNames","root","media","main","description","content","useStyles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","rmohyg","xawz","Bh6795r","Bnnss6s","fkmc3a","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","p","useTableCellLayoutStyles_unstable","state","styles","truncate","className","primary","appearance","mediaSizedStyles","small","medium","size"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableCellLayout/useTableCellLayoutStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TableCellLayoutSlots, TableCellLayoutState } from './TableCellLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const tableCellLayoutClassNames: SlotClassNames<TableCellLayoutSlots> = {\n root: 'fui-TableCellLayout',\n media: 'fui-TableCellLayout__media',\n main: 'fui-TableCellLayout__main',\n description: 'fui-TableCellLayout__description',\n content: 'fui-TableCellLayout__content',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacingHorizontalS,\n flex: '1 1 0px',\n },\n\n rootTruncate: {\n overflowX: 'hidden',\n },\n\n content: {\n display: 'flex',\n flexDirection: 'column',\n },\n\n contentTruncate: {\n overflowX: 'hidden',\n },\n\n media: {\n display: 'flex',\n alignItems: 'center',\n },\n\n mediaExtraSmall: {\n fontSize: '16px',\n },\n\n mediaSmallAndMedium: {\n fontSize: '20px',\n },\n\n mediaPrimary: {\n fontSize: '24px',\n },\n\n mainPrimary: {\n fontWeight: tokens.fontWeightSemibold,\n },\n\n mainTruncate: {\n overflowX: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n },\n\n description: {\n color: tokens.colorNeutralForeground2,\n ...typographyStyles.caption1,\n },\n});\n\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = (state: TableCellLayoutState): TableCellLayoutState => {\n 'use no memo';\n\n const styles = useStyles();\n const { truncate } = state;\n\n state.root.className = mergeClasses(\n tableCellLayoutClassNames.root,\n styles.root,\n truncate && styles.rootTruncate,\n state.root.className,\n );\n const primary = state.appearance === 'primary';\n\n if (state.media) {\n const mediaSizedStyles = {\n small: styles.mediaSmallAndMedium,\n medium: styles.mediaSmallAndMedium,\n 'extra-small': styles.mediaExtraSmall,\n };\n\n state.media.className = mergeClasses(\n tableCellLayoutClassNames.media,\n styles.media,\n mediaSizedStyles[state.size],\n primary && styles.mediaPrimary,\n state.media.className,\n );\n }\n\n if (state.main) {\n state.main.className = mergeClasses(\n tableCellLayoutClassNames.main,\n truncate && styles.mainTruncate,\n primary && styles.mainPrimary,\n state.main.className,\n );\n }\n\n if (state.description) {\n state.description.className = mergeClasses(\n tableCellLayoutClassNames.description,\n styles.description,\n state.description.className,\n );\n }\n\n if (state.content) {\n state.content.className = mergeClasses(\n tableCellLayoutClassNames.content,\n styles.content,\n truncate && styles.contentTruncate,\n state.content.className,\n );\n }\n\n return state;\n};\n"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","makeStyles","display","alignItems","gap","tokens","spacingHorizontalS","flex","rootTruncate","overflowX","flexDirection","contentTruncate","mediaExtraSmall","fontSize","mediaSmallAndMedium","mediaPrimary","mainPrimary","fontWeight","fontWeightSemibold","mainTruncate","whiteSpace","textOverflow","color","colorNeutralForeground2","typographyStyles","caption1","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,yBAAAA;eAAAA;;IAoEAC,iCAAAA;eAAAA;;;uBA1E4B;4BAClB;AAKhB,MAAMD,4BAAkE;IAC7EE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACX;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BN,MAAM;QACJO,SAAS;QACTC,YAAY;QACZC,KAAKC,kBAAAA,CAAOC,kBAAkB;QAC9BC,MAAM;IACR;IAEAC,cAAc;QACZC,WAAW;IACb;IAEAV,SAAS;QACPG,SAAS;QACTQ,eAAe;IACjB;IAEAC,iBAAiB;QACfF,WAAW;IACb;IAEAb,OAAO;QACLM,SAAS;QACTC,YAAY;IACd;IAEAS,iBAAiB;QACfC,UAAU;IACZ;IAEAC,qBAAqB;QACnBD,UAAU;IACZ;IAEAE,cAAc;QACZF,UAAU;IACZ;IAEAG,aAAa;QACXC,YAAYZ,kBAAAA,CAAOa,kBAAkB;IACvC;IAEAC,cAAc;QACZV,WAAW;QACXW,YAAY;QACZC,cAAc;IAChB;IAEAvB,aAAa;QACXwB,OAAOjB,kBAAAA,CAAOkB,uBAAuB;QACrC,GAAGC,4BAAAA,CAAiBC,QAAQ;IAC9B;AACF;AAKO,MAAM/B,oCAAoC,CAACgC;IAChD;IAEA,MAAMC,SAAS3B;IACf,MAAM,EAAE4B,QAAQ,EAAE,GAAGF;IAErBA,MAAM/B,IAAI,CAACkC,SAAS,GAAGC,IAAAA,mBAAAA,EACrBrC,0BAA0BE,IAAI,EAC9BgC,OAAOhC,IAAI,EACXiC,YAAYD,OAAOnB,YAAY,EAC/BkB,MAAM/B,IAAI,CAACkC,SAAS;IAEtB,MAAME,UAAUL,MAAMM,UAAU,KAAK;IAErC,IAAIN,MAAM9B,KAAK,EAAE;QACf,MAAMqC,mBAAmB;YACvBC,OAAOP,OAAOb,mBAAmB;YACjCqB,QAAQR,OAAOb,mBAAmB;YAClC,eAAea,OAAOf,eAAe;QACvC;QAEAc,MAAM9B,KAAK,CAACiC,SAAS,GAAGC,IAAAA,mBAAAA,EACtBrC,0BAA0BG,KAAK,EAC/B+B,OAAO/B,KAAK,EACZqC,gBAAgB,CAACP,MAAMU,IAAI,CAAC,EAC5BL,WAAWJ,OAAOZ,YAAY,EAC9BW,MAAM9B,KAAK,CAACiC,SAAS;IAEzB;IAEA,IAAIH,MAAM7B,IAAI,EAAE;QACd6B,MAAM7B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,mBAAAA,EACrBrC,0BAA0BI,IAAI,EAC9B+B,YAAYD,OAAOR,YAAY,EAC/BY,WAAWJ,OAAOX,WAAW,EAC7BU,MAAM7B,IAAI,CAACgC,SAAS;IAExB;IAEA,IAAIH,MAAM5B,WAAW,EAAE;QACrB4B,MAAM5B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,mBAAAA,EAC5BrC,0BAA0BK,WAAW,EACrC6B,OAAO7B,WAAW,EAClB4B,MAAM5B,WAAW,CAAC+B,SAAS;IAE/B;IAEA,IAAIH,MAAM3B,OAAO,EAAE;QACjB2B,MAAM3B,OAAO,CAAC8B,SAAS,GAAGC,IAAAA,mBAAAA,EACxBrC,0BAA0BM,OAAO,EACjC4B,OAAO5B,OAAO,EACd6B,YAAYD,OAAOhB,eAAe,EAClCe,MAAM3B,OAAO,CAAC8B,SAAS;IAE3B;IAEA,OAAOH;AACT"}
1
+ {"version":3,"sources":["../src/components/TableCellLayout/useTableCellLayoutStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TableCellLayoutSlots, TableCellLayoutState } from './TableCellLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const tableCellLayoutClassNames: SlotClassNames<TableCellLayoutSlots> = {\n root: 'fui-TableCellLayout',\n media: 'fui-TableCellLayout__media',\n main: 'fui-TableCellLayout__main',\n description: 'fui-TableCellLayout__description',\n content: 'fui-TableCellLayout__content',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacingHorizontalS,\n flex: '1 1 0px',\n },\n\n rootTruncate: {\n overflowX: 'hidden',\n },\n\n content: {\n display: 'flex',\n flexDirection: 'column',\n },\n\n contentTruncate: {\n overflowX: 'hidden',\n },\n\n media: {\n display: 'flex',\n alignItems: 'center',\n },\n\n mediaExtraSmall: {\n fontSize: '16px',\n },\n\n mediaSmallAndMedium: {\n fontSize: '20px',\n },\n\n mediaPrimary: {\n fontSize: '24px',\n },\n\n mainPrimary: {\n fontWeight: tokens.fontWeightSemibold,\n },\n\n mainTruncate: {\n overflowX: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n },\n\n description: {\n color: tokens.colorNeutralForeground2,\n ...typographyStyles.caption1,\n },\n});\n\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = (state: TableCellLayoutState): TableCellLayoutState => {\n 'use no memo';\n\n const styles = useStyles();\n const { truncate } = state;\n\n state.root.className = mergeClasses(\n tableCellLayoutClassNames.root,\n styles.root,\n truncate && styles.rootTruncate,\n state.root.className,\n );\n const primary = state.appearance === 'primary';\n\n if (state.media) {\n const mediaSizedStyles = {\n small: styles.mediaSmallAndMedium,\n medium: styles.mediaSmallAndMedium,\n 'extra-small': styles.mediaExtraSmall,\n };\n\n state.media.className = mergeClasses(\n tableCellLayoutClassNames.media,\n styles.media,\n mediaSizedStyles[state.size],\n primary && styles.mediaPrimary,\n state.media.className,\n );\n }\n\n if (state.main) {\n state.main.className = mergeClasses(\n tableCellLayoutClassNames.main,\n truncate && styles.mainTruncate,\n primary && styles.mainPrimary,\n state.main.className,\n );\n }\n\n if (state.description) {\n state.description.className = mergeClasses(\n tableCellLayoutClassNames.description,\n styles.description,\n state.description.className,\n );\n }\n\n if (state.content) {\n state.content.className = mergeClasses(\n tableCellLayoutClassNames.content,\n styles.content,\n truncate && styles.contentTruncate,\n state.content.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","tableCellLayoutClassNames","root","media","main","description","content","useStyles","display","alignItems","gap","spacingHorizontalS","flex","rootTruncate","overflowX","flexDirection","contentTruncate","mediaExtraSmall","fontSize","mediaSmallAndMedium","mediaPrimary","mainPrimary","fontWeight","fontWeightSemibold","mainTruncate","whiteSpace","textOverflow","color","colorNeutralForeground2","caption1","useTableCellLayoutStyles_unstable","state","styles","truncate","className","primary","appearance","mediaSizedStyles","small","medium","size"],"mappings":";;;;;;;;;;;IAMaI,yBAAAA;;;IAoEA6B,iCAAAA;;;;uBA1E4B,iBAAiB;4BACnC,wBAAwB;AAKxC,kCAAwE;IAC7E5B,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACX,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYV,iBAAAA,EAAW;IAC3BK,MAAM;QACJM,SAAS;QACTC,YAAY;QACZC,KAAKX,kBAAAA,CAAOY,kBAAkB;QAC9BC,MAAM;IACR;IAEAC,cAAc;QACZC,WAAW;IACb;IAEAR,SAAS;QACPE,SAAS;QACTO,eAAe;IACjB;IAEAC,iBAAiB;QACfF,WAAW;IACb;IAEAX,OAAO;QACLK,SAAS;QACTC,YAAY;IACd;IAEAQ,iBAAiB;QACfC,UAAU;IACZ;IAEAC,qBAAqB;QACnBD,UAAU;IACZ;IAEAE,cAAc;QACZF,UAAU;IACZ;IAEAG,aAAa;QACXC,YAAYvB,kBAAAA,CAAOwB,kBAAkB;IACvC;IAEAC,cAAc;QACZV,WAAW;QACXW,YAAY;QACZC,cAAc;IAChB;IAEArB,aAAa;QACXsB,OAAO5B,kBAAAA,CAAO6B,uBAAuB;QACrC,GAAG5B,4BAAAA,CAAiB6B,QAAQ;IAC9B;AACF;AAKO,0CAA0C,CAACE;IAChD;IAEA,MAAMC,SAASzB;IACf,MAAM,EAAE0B,QAAQ,EAAE,GAAGF;IAErBA,MAAM7B,IAAI,CAACgC,SAAS,OAAGpC,mBAAAA,EACrBG,0BAA0BC,IAAI,EAC9B8B,OAAO9B,IAAI,EACX+B,YAAYD,OAAOnB,YAAY,EAC/BkB,MAAM7B,IAAI,CAACgC,SAAS;IAEtB,MAAMC,UAAUJ,MAAMK,UAAU,KAAK;IAErC,IAAIL,MAAM5B,KAAK,EAAE;QACf,MAAMkC,mBAAmB;YACvBC,OAAON,OAAOb,mBAAmB;YACjCoB,QAAQP,OAAOb,mBAAmB;YAClC,eAAea,OAAOf,eAAe;QACvC;QAEAc,MAAM5B,KAAK,CAAC+B,SAAS,OAAGpC,mBAAAA,EACtBG,0BAA0BE,KAAK,EAC/B6B,OAAO7B,KAAK,EACZkC,gBAAgB,CAACN,MAAMS,IAAI,CAAC,EAC5BL,WAAWH,OAAOZ,YAAY,EAC9BW,MAAM5B,KAAK,CAAC+B,SAAS;IAEzB;IAEA,IAAIH,MAAM3B,IAAI,EAAE;QACd2B,MAAM3B,IAAI,CAAC8B,SAAS,OAAGpC,mBAAAA,EACrBG,0BAA0BG,IAAI,EAC9B6B,YAAYD,OAAOR,YAAY,EAC/BW,WAAWH,OAAOX,WAAW,EAC7BU,MAAM3B,IAAI,CAAC8B,SAAS;IAExB;IAEA,IAAIH,MAAM1B,WAAW,EAAE;QACrB0B,MAAM1B,WAAW,CAAC6B,SAAS,OAAGpC,mBAAAA,EAC5BG,0BAA0BI,WAAW,EACrC2B,OAAO3B,WAAW,EAClB0B,MAAM1B,WAAW,CAAC6B,SAAS;IAE/B;IAEA,IAAIH,MAAMzB,OAAO,EAAE;QACjByB,MAAMzB,OAAO,CAAC4B,SAAS,OAAGpC,mBAAAA,EACxBG,0BAA0BK,OAAO,EACjC0B,OAAO1B,OAAO,EACd2B,YAAYD,OAAOhB,eAAe,EAClCe,MAAMzB,OAAO,CAAC4B,SAAS;IAE3B;IAEA,OAAOH;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeader/TableHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from './useTableHeader';\nimport { renderTableHeader_unstable } from './renderTableHeader';\nimport { useTableHeaderStyles_unstable } from './useTableHeaderStyles.styles';\nimport type { TableHeaderProps } from './TableHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeader component\n */\nexport const TableHeader: ForwardRefComponent<TableHeaderProps> = React.forwardRef((props, ref) => {\n const state = useTableHeader_unstable(props, ref);\n\n useTableHeaderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableHeaderStyles_unstable')(state);\n\n return renderTableHeader_unstable(state);\n});\n\nTableHeader.displayName = 'TableHeader';\n"],"names":["TableHeader","React","forwardRef","props","ref","state","useTableHeader_unstable","useTableHeaderStyles_unstable","useCustomStyleHook_unstable","renderTableHeader_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCACiB;mCACG;4CACG;qCAGF;AAKrC,MAAMA,cAAAA,WAAAA,GAAqDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQC,IAAAA,uCAAAA,EAAwBH,OAAOC;IAE7CG,IAAAA,yDAAAA,EAA8BF;IAE9BG,IAAAA,gDAAAA,EAA4B,iCAAiCH;IAE7D,OAAOI,IAAAA,6CAAAA,EAA2BJ;AACpC;AAEAL,YAAYU,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TableHeader/TableHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from './useTableHeader';\nimport { renderTableHeader_unstable } from './renderTableHeader';\nimport { useTableHeaderStyles_unstable } from './useTableHeaderStyles.styles';\nimport type { TableHeaderProps } from './TableHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeader component\n */\nexport const TableHeader: ForwardRefComponent<TableHeaderProps> = React.forwardRef((props, ref) => {\n const state = useTableHeader_unstable(props, ref);\n\n useTableHeaderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableHeaderStyles_unstable')(state);\n\n return renderTableHeader_unstable(state);\n});\n\nTableHeader.displayName = 'TableHeader';\n"],"names":["React","useTableHeader_unstable","renderTableHeader_unstable","useTableHeaderStyles_unstable","useCustomStyleHook_unstable","TableHeader","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;gCACS,mBAAmB;mCAChB,sBAAsB;4CACnB,gCAAgC;qCAGlC,kCAAkC;AAKvE,oBAAMA,WAAAA,GAAqDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQR,2CAAAA,EAAwBM,OAAOC;QAE7CL,yDAAAA,EAA8BM;QAE9BL,gDAAAA,EAA4B,iCAAiCK;IAE7D,WAAOP,6CAAAA,EAA2BO;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeader/TableHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderSlots = {\n root: Slot<'thead', 'div'>;\n};\n\n/**\n * TableHeader Props\n */\nexport type TableHeaderProps = ComponentProps<TableHeaderSlots> & {};\n\n/**\n * State used in rendering TableHeader\n */\nexport type TableHeaderState = ComponentState<TableHeaderSlots> & Pick<TableContextValue, 'noNativeElements'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC"}
1
+ {"version":3,"sources":["../src/components/TableHeader/TableHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderSlots = {\n root: Slot<'thead', 'div'>;\n};\n\n/**\n * TableHeader Props\n */\nexport type TableHeaderProps = ComponentProps<TableHeaderSlots> & {};\n\n/**\n * State used in rendering TableHeader\n */\nexport type TableHeaderState = ComponentState<TableHeaderSlots> & Pick<TableContextValue, 'noNativeElements'>;\n"],"names":[],"mappings":"AAYA;;CAEC,GACD,WAA8G"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeader/index.ts"],"sourcesContent":["export { TableHeader } from './TableHeader';\nexport type { TableHeaderProps, TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nexport { renderTableHeader_unstable } from './renderTableHeader';\nexport { useTableHeader_unstable } from './useTableHeader';\nexport {\n tableHeaderClassName,\n tableHeaderClassNames,\n useTableHeaderStyles_unstable,\n} from './useTableHeaderStyles.styles';\n"],"names":["TableHeader","renderTableHeader_unstable","tableHeaderClassName","tableHeaderClassNames","useTableHeaderStyles_unstable","useTableHeader_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,WAAW;eAAXA,wBAAW;;IAEXC,0BAA0B;eAA1BA,6CAA0B;;IAGjCC,oBAAoB;eAApBA,gDAAoB;;IACpBC,qBAAqB;eAArBA,iDAAqB;;IACrBC,6BAA6B;eAA7BA,yDAA6B;;IAJtBC,uBAAuB;eAAvBA,uCAAuB;;;6BAHJ;mCAEe;gCACH;4CAKjC"}
1
+ {"version":3,"sources":["../src/components/TableHeader/index.ts"],"sourcesContent":["export { TableHeader } from './TableHeader';\nexport type { TableHeaderProps, TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nexport { renderTableHeader_unstable } from './renderTableHeader';\nexport { useTableHeader_unstable } from './useTableHeader';\nexport {\n tableHeaderClassName,\n tableHeaderClassNames,\n useTableHeaderStyles_unstable,\n} from './useTableHeaderStyles.styles';\n"],"names":["TableHeader","renderTableHeader_unstable","useTableHeader_unstable","tableHeaderClassName","tableHeaderClassNames","useTableHeaderStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eAEXC,6CAA0B;;;eAGjCE,gDAAoB;;;eACpBC,iDAAqB;;;eACrBC,yDAA6B;;;eAJtBH,uCAAuB;;;6BAHJ,gBAAgB;mCAED,sBAAsB;gCACzB,mBAAmB;4CAKpD,gCAAgC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeader/renderTableHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\nimport type { TableHeaderState, TableHeaderSlots } from './TableHeader.types';\n\n/**\n * Render the final JSX of TableHeader\n */\nexport const renderTableHeader_unstable = (state: TableHeaderState) => {\n assertSlots<TableHeaderSlots>(state);\n\n return (\n <TableHeaderContextProvider value=\"\">\n <state.root />\n </TableHeaderContextProvider>\n );\n};\n"],"names":["renderTableHeader_unstable","state","assertSlots","_jsx","TableHeaderContextProvider","value","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAC4B;oCACe;AAMpC,MAAMA,6BAA6B,CAACC;IACzCC,IAAAA,2BAAAA,EAA8BD;IAE9B,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACC,8CAAAA,EAAAA;QAA2BC,OAAM;kBAChC,WAAA,GAAAF,IAAAA,eAAA,EAACF,MAAMK,IAAI,EAAA,CAAA;;AAGjB"}
1
+ {"version":3,"sources":["../src/components/TableHeader/renderTableHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\nimport type { TableHeaderState, TableHeaderSlots } from './TableHeader.types';\n\n/**\n * Render the final JSX of TableHeader\n */\nexport const renderTableHeader_unstable = (state: TableHeaderState) => {\n assertSlots<TableHeaderSlots>(state);\n\n return (\n <TableHeaderContextProvider value=\"\">\n <state.root />\n </TableHeaderContextProvider>\n );\n};\n"],"names":["assertSlots","TableHeaderContextProvider","renderTableHeader_unstable","state","value","root"],"mappings":";;;;+BASaE;;;;;;4BARb,gDAAiD;gCACrB,4BAA4B;oCACb,oCAAoC;AAMxE,mCAAmC,CAACC;QACzCH,2BAAAA,EAA8BG;IAE9B,OAAA,WAAA,OACE,eAAA,EAACF,8CAAAA,EAAAA;QAA2BG,OAAM;kBAChC,WAAA,OAAA,eAAA,EAACD,MAAME,IAAI,EAAA,CAAA;;AAGjB,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeader/useTableHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableHeaderProps, TableHeaderState } from './TableHeader.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableHeader.\n *\n * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,\n * before being passed to renderTableHeader_unstable.\n *\n * @param props - props from this instance of TableHeader\n * @param ref - reference to root HTMLElement of TableHeader\n */\nexport const useTableHeader_unstable = (props: TableHeaderProps, ref: React.Ref<HTMLElement>): TableHeaderState => {\n const { noNativeElements } = useTableContext();\n\n const rootComponent = props.as ?? noNativeElements ? 'div' : 'thead';\n return {\n components: {\n root: rootComponent,\n },\n root: slot.always(\n getIntrinsicElementProps(rootComponent, {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n role: rootComponent === 'div' ? 'rowgroup' : undefined,\n ...props,\n }),\n { elementType: rootComponent },\n ),\n noNativeElements,\n };\n};\n"],"names":["useTableHeader_unstable","props","ref","noNativeElements","useTableContext","rootComponent","as","components","root","slot","always","getIntrinsicElementProps","role","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACwB;8BAEf;AAWzB,MAAMA,0BAA0B,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,IAAAA,6BAAAA;QAEPH;IAAtB,MAAMI,gBAAgBJ,CAAAA,CAAAA,YAAAA,MAAMK,EAAE,AAAFA,MAAE,QAARL,cAAAA,KAAAA,IAAAA,YAAYE,gBAAAA,IAAmB,QAAQ;IAC7D,OAAO;QACLI,YAAY;YACVC,MAAMH;QACR;QACAG,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyBN,eAAe;YACtC,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FH,KAAKA;YACLU,MAAMP,kBAAkB,QAAQ,aAAaQ;YAC7C,GAAGZ,KAAK;QACV,IACA;YAAEa,aAAaT;QAAc;QAE/BF;IACF;AACF"}
1
+ {"version":3,"sources":["../src/components/TableHeader/useTableHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableHeaderProps, TableHeaderState } from './TableHeader.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableHeader.\n *\n * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,\n * before being passed to renderTableHeader_unstable.\n *\n * @param props - props from this instance of TableHeader\n * @param ref - reference to root HTMLElement of TableHeader\n */\nexport const useTableHeader_unstable = (props: TableHeaderProps, ref: React.Ref<HTMLElement>): TableHeaderState => {\n const { noNativeElements } = useTableContext();\n\n const rootComponent = props.as ?? noNativeElements ? 'div' : 'thead';\n return {\n components: {\n root: rootComponent,\n },\n root: slot.always(\n getIntrinsicElementProps(rootComponent, {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n role: rootComponent === 'div' ? 'rowgroup' : undefined,\n ...props,\n }),\n { elementType: rootComponent },\n ),\n noNativeElements,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTableContext","useTableHeader_unstable","props","ref","noNativeElements","rootComponent","as","components","root","always","role","undefined","elementType"],"mappings":";;;;+BAcaI;;;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;8BAE3C,8BAA8B;AAWvD,gCAAgC,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,gBAAgB,EAAE,OAAGJ,6BAAAA;QAEPE;IAAtB,MAAMG,gBAAgBH,CAAAA,CAAAA,YAAAA,MAAMI,EAAAA,AAAE,MAAA,QAARJ,cAAAA,KAAAA,IAAAA,YAAYE,gBAAAA,CAAe,GAAI,QAAQ;IAC7D,OAAO;QACLG,YAAY;YACVC,MAAMH;QACR;QACAG,MAAMT,oBAAAA,CAAKU,MAAM,KACfX,wCAAAA,EAAyBO,eAAe;YACtC,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FF,KAAKA;YACLO,MAAML,kBAAkB,QAAQ,aAAaM;YAC7C,GAAGT,KAAK;QACV,IACA;YAAEU,aAAaP;QAAc;QAE/BD;IACF;AACF,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableHeaderStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames = {\n root: 'fui-TableHeader'\n};\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'block'\n }\n});\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-row-group'\n }\n});\n/**\n * Apply styling to the TableHeader slots based on the state\n */ export const useTableHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n return state;\n};\n"],"names":["tableHeaderClassName","tableHeaderClassNames","useTableHeaderStyles_unstable","root","useFlexLayoutStyles","__styles","mc9l5x","d","useTableLayoutStyles","state","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,oBAAoB;eAApBA;;IACAC,qBAAqB;eAArBA;;IAeIC,6BAA6B;eAA7BA;;;uBAjBwB;AAClC,MAAMF,uBAAuB;AAC7B,MAAMC,wBAAwB;IACjCE,MAAM;AACV;AACA,MAAMC,sBAAmB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAK5B,MAAMC,uBAAoB,WAAA,GAAGH,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAOlB,MAAML,gCAAiCO,CAAAA;IAC9C;IACA,MAAMC,eAAe;QACjBC,OAAOH;QACPI,MAAMR;IACV;IACAK,MAAMN,IAAI,CAACU,SAAS,GAAGC,IAAAA,mBAAY,EAACd,sBAAsBS,MAAMM,gBAAgB,GAAGL,aAAaE,IAAI,CAACT,IAAI,GAAGO,aAAaC,KAAK,CAACR,IAAI,EAAEM,MAAMN,IAAI,CAACU,SAAS;IACzJ,OAAOJ;AACX"}
1
+ {"version":3,"sources":["useTableHeaderStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames = {\n root: 'fui-TableHeader'\n};\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'block'\n }\n});\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-row-group'\n }\n});\n/**\n * Apply styling to the TableHeader slots based on the state\n */ export const useTableHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","__styles","tableHeaderClassName","tableHeaderClassNames","root","useFlexLayoutStyles","mc9l5x","d","useTableLayoutStyles","useTableHeaderStyles_unstable","state","layoutStyles","table","flex","className","noNativeElements"],"mappings":";;;;;;;;;;;IACaE,oBAAoB;;;yBACC;;;iCAeY;eAA7BO;;;uBAjBwB,gBAAgB;AAClD,6BAA6B,iBAAiB;AAC9C,MAAMN,wBAAwB;IACjCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,mBAAmB,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAI3B,CAAC;AACF,MAAMC,oBAAoB,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAI5B,CAAC;AAGS,uCAAuCG,KAAK,IAAG;IACtD,aAAa;IACb,MAAMC,YAAY,GAAG;QACjBC,KAAK,EAAEJ,oBAAoB,CAAC,CAAC;QAC7BK,IAAI,EAAER,mBAAmB,CAAC;IAC9B,CAAC;IACDK,KAAK,CAACN,IAAI,CAACU,SAAS,OAAGd,mBAAY,EAACE,oBAAoB,EAAEQ,KAAK,CAACK,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACT,IAAI,GAAGO,YAAY,CAACC,KAAK,CAACR,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACU,SAAS,CAAC;IAC1J,OAAOJ,KAAK;AAChB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeader/useTableHeaderStyles.styles.ts"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames: SlotClassNames<TableHeaderSlots> = {\n root: 'fui-TableHeader',\n};\n\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'block',\n },\n});\n\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-row-group',\n },\n});\n\n/**\n * Apply styling to the TableHeader slots based on the state\n */\nexport const useTableHeaderStyles_unstable = (state: TableHeaderState): TableHeaderState => {\n 'use no memo';\n\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles(),\n };\n state.root.className = mergeClasses(\n tableHeaderClassName,\n state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["tableHeaderClassName","tableHeaderClassNames","useTableHeaderStyles_unstable","root","useFlexLayoutStyles","makeStyles","display","useTableLayoutStyles","state","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,oBAAAA;eAAAA;;IACAC,qBAAAA;eAAAA;;IAmBAC,6BAAAA;eAAAA;;;uBAxB4B;AAIlC,MAAMF,uBAAuB;AAC7B,MAAMC,wBAA0D;IACrEE,MAAM;AACR;AAEA,MAAMC,sBAAsBC,IAAAA,iBAAAA,EAAW;IACrCF,MAAM;QACJG,SAAS;IACX;AACF;AAEA,MAAMC,uBAAuBF,IAAAA,iBAAAA,EAAW;IACtCF,MAAM;QACJG,SAAS;IACX;AACF;AAKO,MAAMJ,gCAAgC,CAACM;IAC5C;IAEA,MAAMC,eAAe;QACnBC,OAAOH;QACPI,MAAMP;IACR;IACAI,MAAML,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAAA,EACrBb,sBACAQ,MAAMM,gBAAgB,GAAGL,aAAaE,IAAI,CAACR,IAAI,GAAGM,aAAaC,KAAK,CAACP,IAAI,EACzEK,MAAML,IAAI,CAACS,SAAS;IAGtB,OAAOJ;AACT"}
1
+ {"version":3,"sources":["../src/components/TableHeader/useTableHeaderStyles.styles.ts"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames: SlotClassNames<TableHeaderSlots> = {\n root: 'fui-TableHeader',\n};\n\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'block',\n },\n});\n\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-row-group',\n },\n});\n\n/**\n * Apply styling to the TableHeader slots based on the state\n */\nexport const useTableHeaderStyles_unstable = (state: TableHeaderState): TableHeaderState => {\n 'use no memo';\n\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles(),\n };\n state.root.className = mergeClasses(\n tableHeaderClassName,\n state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["mergeClasses","makeStyles","tableHeaderClassName","tableHeaderClassNames","root","useFlexLayoutStyles","display","useTableLayoutStyles","useTableHeaderStyles_unstable","state","layoutStyles","table","flex","className","noNativeElements"],"mappings":";;;;;;;;;;;IAIaE,oBAAAA;;;yBACAC;;;IAmBAK,6BAAAA;;;;uBAxB4B,iBAAiB;AAInD,6BAA6B,kBAAkB;AAC/C,MAAML,wBAA0D;IACrEC,MAAM;AACR,EAAE;AAEF,MAAMC,0BAAsBJ,iBAAAA,EAAW;IACrCG,MAAM;QACJE,SAAS;IACX;AACF;AAEA,MAAMC,2BAAuBN,iBAAAA,EAAW;IACtCG,MAAM;QACJE,SAAS;IACX;AACF;AAKO,sCAAsC,CAACG;IAC5C;IAEA,MAAMC,eAAe;QACnBC,OAAOJ;QACPK,MAAMP;IACR;IACAI,MAAML,IAAI,CAACS,SAAS,GAAGb,uBAAAA,EACrBE,sBACAO,MAAMK,gBAAgB,GAAGJ,aAAaE,IAAI,CAACR,IAAI,GAAGM,aAAaC,KAAK,CAACP,IAAI,EACzEK,MAAML,IAAI,CAACS,SAAS;IAGtB,OAAOJ;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles.styles';\nimport type { TableHeaderCellProps } from './TableHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeaderCell component\n */\nexport const TableHeaderCell: ForwardRefComponent<TableHeaderCellProps> = React.forwardRef((props, ref) => {\n const state = useTableHeaderCell_unstable(props, ref);\n\n useTableHeaderCellStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableHeaderCellStyles_unstable')(state);\n\n return renderTableHeaderCell_unstable(state);\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n"],"names":["TableHeaderCell","React","forwardRef","props","ref","state","useTableHeaderCell_unstable","useTableHeaderCellStyles_unstable","useCustomStyleHook_unstable","renderTableHeaderCell_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;oCACqB;uCACG;gDACG;qCAGN;AAKrC,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAElCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IAEjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles.styles';\nimport type { TableHeaderCellProps } from './TableHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeaderCell component\n */\nexport const TableHeaderCell: ForwardRefComponent<TableHeaderCellProps> = React.forwardRef((props, ref) => {\n const state = useTableHeaderCell_unstable(props, ref);\n\n useTableHeaderCellStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableHeaderCellStyles_unstable')(state);\n\n return renderTableHeaderCell_unstable(state);\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n"],"names":["React","useTableHeaderCell_unstable","renderTableHeaderCell_unstable","useTableHeaderCellStyles_unstable","useCustomStyleHook_unstable","TableHeaderCell","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;oCACa,uBAAuB;uCACpB,0BAA0B;gDACvB,oCAAoC;qCAG1C,kCAAkC;AAKvE,wBAAMA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQR,mDAAAA,EAA4BM,OAAOC;QAEjDL,iEAAAA,EAAkCM;QAElCL,gDAAAA,EAA4B,qCAAqCK;IAEjE,WAAOP,qDAAAA,EAA+BO;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeaderCell/TableHeaderCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { SortDirection, TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderCellSlots = {\n root: Slot<'th', 'div'>;\n\n sortIcon: Slot<'span'>;\n\n /**\n * Button handles correct narration and interactions for sorting;\n */\n button: NonNullable<Slot<ARIAButtonSlotProps>>;\n /**\n * aside content for anything that should be after main content of the table header cell\n */\n aside: Slot<'span'>;\n};\n\n/**\n * TableHeaderCell Props\n */\nexport type TableHeaderCellProps = ComponentProps<Partial<TableHeaderCellSlots>> & {\n /**\n * Whether the column is sortable\n * @default false\n */\n sortable?: boolean;\n /**\n * @default undefined\n */\n sortDirection?: SortDirection;\n};\n\n/**\n * State used in rendering TableHeaderCell\n */\nexport type TableHeaderCellState = ComponentState<TableHeaderCellSlots> &\n Pick<TableContextValue, 'noNativeElements'> &\n Pick<TableHeaderCellProps, 'sortable'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAkCA;;CAEC"}
1
+ {"version":3,"sources":["../src/components/TableHeaderCell/TableHeaderCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { SortDirection, TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderCellSlots = {\n root: Slot<'th', 'div'>;\n\n sortIcon: Slot<'span'>;\n\n /**\n * Button handles correct narration and interactions for sorting;\n */\n button: NonNullable<Slot<ARIAButtonSlotProps>>;\n /**\n * aside content for anything that should be after main content of the table header cell\n */\n aside: Slot<'span'>;\n};\n\n/**\n * TableHeaderCell Props\n */\nexport type TableHeaderCellProps = ComponentProps<Partial<TableHeaderCellSlots>> & {\n /**\n * Whether the column is sortable\n * @default false\n */\n sortable?: boolean;\n /**\n * @default undefined\n */\n sortDirection?: SortDirection;\n};\n\n/**\n * State used in rendering TableHeaderCell\n */\nexport type TableHeaderCellState = ComponentState<TableHeaderCellSlots> &\n Pick<TableContextValue, 'noNativeElements'> &\n Pick<TableHeaderCellProps, 'sortable'>;\n"],"names":[],"mappings":"AAkCA;;CAEC,GACD,WAEyC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeaderCell/index.ts"],"sourcesContent":["export { TableHeaderCell } from './TableHeaderCell';\nexport type { TableHeaderCellProps, TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell.types';\nexport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nexport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nexport {\n tableHeaderCellClassName,\n tableHeaderCellClassNames,\n useTableHeaderCellStyles_unstable,\n} from './useTableHeaderCellStyles.styles';\n"],"names":["TableHeaderCell","renderTableHeaderCell_unstable","tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","useTableHeaderCell_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAEfC,8BAA8B;eAA9BA,qDAA8B;;IAGrCC,wBAAwB;eAAxBA,wDAAwB;;IACxBC,yBAAyB;eAAzBA,yDAAyB;;IACzBC,iCAAiC;eAAjCA,iEAAiC;;IAJ1BC,2BAA2B;eAA3BA,+CAA2B;;;iCAHJ;uCAEe;oCACH;gDAKrC"}
1
+ {"version":3,"sources":["../src/components/TableHeaderCell/index.ts"],"sourcesContent":["export { TableHeaderCell } from './TableHeaderCell';\nexport type { TableHeaderCellProps, TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell.types';\nexport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nexport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nexport {\n tableHeaderCellClassName,\n tableHeaderCellClassNames,\n useTableHeaderCellStyles_unstable,\n} from './useTableHeaderCellStyles.styles';\n"],"names":["TableHeaderCell","renderTableHeaderCell_unstable","useTableHeaderCell_unstable","tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAEfC,qDAA8B;;;eAGrCE,wDAAwB;;;eACxBC,yDAAyB;;;eACzBC,iEAAiC;;;eAJ1BH,+CAA2B;;;iCAHJ,oBAAoB;uCAEL,0BAA0B;oCAC7B,uBAAuB;gDAK5D,oCAAoC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeaderCell/renderTableHeaderCell.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TableHeaderCellState, TableHeaderCellSlots } from './TableHeaderCell.types';\n\n/**\n * Render the final JSX of TableHeaderCell\n */\nexport const renderTableHeaderCell_unstable = (state: TableHeaderCellState) => {\n assertSlots<TableHeaderCellSlots>(state);\n\n return (\n <state.root>\n <state.button>\n {state.root.children}\n {state.sortIcon && <state.sortIcon />}\n </state.button>\n {state.aside && <state.aside />}\n </state.root>\n );\n};\n"],"names":["renderTableHeaderCell_unstable","state","assertSlots","_jsxs","root","button","children","sortIcon","_jsx","aside"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;gCAC4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTD,IAAAA,gBAAA,EAACF,MAAMI,MAAM,EAAA;;oBACVJ,MAAMG,IAAI,CAACE,QAAQ;oBACnBL,MAAMM,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACP,MAAMM,QAAQ,EAAA,CAAA;;;YAEnCN,MAAMQ,KAAK,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACP,MAAMQ,KAAK,EAAA,CAAA;;;AAGlC"}
1
+ {"version":3,"sources":["../src/components/TableHeaderCell/renderTableHeaderCell.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TableHeaderCellState, TableHeaderCellSlots } from './TableHeaderCell.types';\n\n/**\n * Render the final JSX of TableHeaderCell\n */\nexport const renderTableHeaderCell_unstable = (state: TableHeaderCellState) => {\n assertSlots<TableHeaderCellSlots>(state);\n\n return (\n <state.root>\n <state.button>\n {state.root.children}\n {state.sortIcon && <state.sortIcon />}\n </state.button>\n {state.aside && <state.aside />}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderTableHeaderCell_unstable","state","root","button","children","sortIcon","aside"],"mappings":";;;;+BAQaC;;;;;;4BAPb,iCAAiD;gCACrB,4BAA4B;AAMjD,uCAAuC,CAACC;QAC7CF,2BAAAA,EAAkCE;IAElC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;8BACT,gBAAA,EAACD,MAAME,MAAM,EAAA;;oBACVF,MAAMC,IAAI,CAACE,QAAQ;oBACnBH,MAAMI,QAAQ,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,QAAQ,EAAA,CAAA;;;YAEnCJ,MAAMK,KAAK,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,KAAK,EAAA,CAAA;;;AAGlC,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/TableHeaderCell/useTableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport type { TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types';\nimport { useTableContext } from '../../contexts/tableContext';\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: contextSortable } = useTableContext();\n const { sortable = contextSortable } = props;\n\n const rootComponent = props.as ?? noNativeElements ? 'div' : 'th';\n\n const buttonSlot = slot.always<ARIAButtonSlotProps>(props.button, {\n elementType: 'div',\n defaultProps: {\n as: 'div',\n ...(!sortable && {\n role: 'presentation',\n tabIndex: undefined,\n }),\n },\n });\n\n return {\n components: {\n root: rootComponent,\n button: 'div',\n sortIcon: 'span',\n aside: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps(rootComponent, {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, useFocusWithin()) as React.Ref<HTMLDivElement>,\n role: rootComponent === 'div' ? 'columnheader' : undefined,\n 'aria-sort': sortable ? props.sortDirection ?? 'none' : undefined,\n ...props,\n } as const),\n { elementType: rootComponent },\n ),\n aside: slot.optional(props.aside, { elementType: 'span' }),\n sortIcon: slot.optional(props.sortIcon, {\n renderByDefault: !!props.sortDirection,\n defaultProps: { children: props.sortDirection ? sortIcons[props.sortDirection] : undefined },\n elementType: 'span',\n }),\n button: useARIAButtonProps(buttonSlot.as, buttonSlot),\n sortable,\n noNativeElements,\n };\n};\n"],"names":["useTableHeaderCell_unstable","sortIcons","ascending","React","createElement","ArrowUpRegular","fontSize","descending","ArrowDownRegular","props","ref","noNativeElements","sortable","contextSortable","useTableContext","rootComponent","as","buttonSlot","slot","always","button","elementType","defaultProps","role","tabIndex","undefined","components","root","sortIcon","aside","getIntrinsicElementProps","useMergedRefs","useFocusWithin","sortDirection","optional","renderByDefault","children","useARIAButtonProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;;iEAtBU;gCACuC;8BAC/B;4BACkB;2BACO;8BAExB;AAEhC,MAAMC,YAAY;IAChBC,WAAAA,WAAAA,GAAWC,OAAAC,aAAA,CAACC,0BAAAA,EAAAA;QAAeC,UAAU;;IACrCC,YAAAA,WAAAA,GAAYJ,OAAAC,aAAA,CAACI,4BAAAA,EAAAA;QAAiBF,UAAU;;AAC1C;AAWO,MAAMN,8BAA8B,CACzCS,OACAC;IAEA,MAAM,EAAEC,gBAAgB,EAAEC,UAAUC,eAAe,EAAE,GAAGC,IAAAA,6BAAAA;IACxD,MAAM,EAAEF,WAAWC,eAAe,EAAE,GAAGJ;QAEjBA;IAAtB,MAAMM,gBAAgBN,CAAAA,CAAAA,YAAAA,MAAMO,EAAE,AAAFA,MAAE,QAARP,cAAAA,KAAAA,IAAAA,YAAYE,gBAAAA,IAAmB,QAAQ;IAE7D,MAAMM,aAAaC,oBAAAA,CAAKC,MAAM,CAAsBV,MAAMW,MAAM,EAAE;QAChEC,aAAa;QACbC,cAAc;YACZN,IAAI;YACJ,GAAI,CAACJ,YAAY;gBACfW,MAAM;gBACNC,UAAUC;YACZ,CAAC;QACH;IACF;QAgB8BhB;IAd9B,OAAO;QACLiB,YAAY;YACVC,MAAMZ;YACNK,QAAQ;YACRQ,UAAU;YACVC,OAAO;QACT;QACAF,MAAMT,oBAAAA,CAAKC,MAAM,CACfW,IAAAA,wCAAAA,EAAyBf,eAAe;YACtC,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FL,KAAKqB,IAAAA,6BAAAA,EAAcrB,KAAKsB,IAAAA,4BAAAA;YACxBT,MAAMR,kBAAkB,QAAQ,iBAAiBU;YACjD,aAAab,WAAWH,CAAAA,uBAAAA,MAAMwB,aAAa,AAAbA,MAAa,QAAnBxB,yBAAAA,KAAAA,IAAAA,uBAAuB,SAASgB;YACxD,GAAGhB,KAAK;QACV,IACA;YAAEY,aAAaN;QAAc;QAE/Bc,OAAOX,oBAAAA,CAAKgB,QAAQ,CAACzB,MAAMoB,KAAK,EAAE;YAAER,aAAa;QAAO;QACxDO,UAAUV,oBAAAA,CAAKgB,QAAQ,CAACzB,MAAMmB,QAAQ,EAAE;YACtCO,iBAAiB,CAAC,CAAC1B,MAAMwB,aAAa;YACtCX,cAAc;gBAAEc,UAAU3B,MAAMwB,aAAa,GAAGhC,SAAS,CAACQ,MAAMwB,aAAa,CAAC,GAAGR;YAAU;YAC3FJ,aAAa;QACf;QACAD,QAAQiB,IAAAA,6BAAAA,EAAmBpB,WAAWD,EAAE,EAAEC;QAC1CL;QACAD;IACF;AACF"}
1
+ {"version":3,"sources":["../src/components/TableHeaderCell/useTableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport type { TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types';\nimport { useTableContext } from '../../contexts/tableContext';\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: contextSortable } = useTableContext();\n const { sortable = contextSortable } = props;\n\n const rootComponent = props.as ?? noNativeElements ? 'div' : 'th';\n\n const buttonSlot = slot.always<ARIAButtonSlotProps>(props.button, {\n elementType: 'div',\n defaultProps: {\n as: 'div',\n ...(!sortable && {\n role: 'presentation',\n tabIndex: undefined,\n }),\n },\n });\n\n return {\n components: {\n root: rootComponent,\n button: 'div',\n sortIcon: 'span',\n aside: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps(rootComponent, {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, useFocusWithin()) as React.Ref<HTMLDivElement>,\n role: rootComponent === 'div' ? 'columnheader' : undefined,\n 'aria-sort': sortable ? props.sortDirection ?? 'none' : undefined,\n ...props,\n } as const),\n { elementType: rootComponent },\n ),\n aside: slot.optional(props.aside, { elementType: 'span' }),\n sortIcon: slot.optional(props.sortIcon, {\n renderByDefault: !!props.sortDirection,\n defaultProps: { children: props.sortDirection ? sortIcons[props.sortDirection] : undefined },\n elementType: 'span',\n }),\n button: useARIAButtonProps(buttonSlot.as, buttonSlot),\n sortable,\n noNativeElements,\n };\n};\n"],"names":["React","getIntrinsicElementProps","useMergedRefs","slot","useFocusWithin","ArrowUpRegular","ArrowDownRegular","useARIAButtonProps","useTableContext","sortIcons","ascending","fontSize","descending","useTableHeaderCell_unstable","props","ref","noNativeElements","sortable","contextSortable","rootComponent","as","buttonSlot","always","button","elementType","defaultProps","role","tabIndex","undefined","components","root","sortIcon","aside","sortDirection","optional","renderByDefault","children"],"mappings":";;;;+BAsBaa;;;;;;;iEAtBU,QAAQ;gCAC+B,4BAA4B;8BAC3D,0BAA0B;4BACR,wBAAwB;2BACjB,uBAAuB;8BAE/C,8BAA8B;AAE9D,MAAMJ,YAAY;IAChBC,WAAAA,WAAAA,GAAW,OAAA,aAAA,CAACL,0BAAAA,EAAAA;QAAeM,UAAU;;IACrCC,YAAAA,WAAAA,GAAY,OAAA,aAAA,CAACN,4BAAAA,EAAAA;QAAiBK,UAAU;;AAC1C;AAWO,oCAAoC,CACzCG,OACAC;IAEA,MAAM,EAAEC,gBAAgB,EAAEC,UAAUC,eAAe,EAAE,OAAGV,6BAAAA;IACxD,MAAM,EAAES,WAAWC,eAAe,EAAE,GAAGJ;QAEjBA;IAAtB,MAAMK,gBAAgBL,CAAAA,CAAAA,YAAAA,MAAMM,EAAAA,AAAE,MAAA,QAARN,cAAAA,KAAAA,IAAAA,YAAYE,gBAAAA,CAAe,GAAI,QAAQ;IAE7D,MAAMK,aAAalB,oBAAAA,CAAKmB,MAAM,CAAsBR,MAAMS,MAAM,EAAE;QAChEC,aAAa;QACbC,cAAc;YACZL,IAAI;YACJ,GAAI,CAACH,YAAY;gBACfS,MAAM;gBACNC,UAAUC;YACZ,CAAC;QACH;IACF;QAgB8Bd;IAd9B,OAAO;QACLe,YAAY;YACVC,MAAMX;YACNI,QAAQ;YACRQ,UAAU;YACVC,OAAO;QACT;QACAF,MAAM3B,oBAAAA,CAAKmB,MAAM,CACfrB,4CAAAA,EAAyBkB,eAAe;YACtC,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FJ,SAAKb,6BAAAA,EAAca,SAAKX,4BAAAA;YACxBsB,MAAMP,kBAAkB,QAAQ,iBAAiBS;YACjD,aAAaX,WAAWH,CAAAA,uBAAAA,MAAMmB,aAAAA,AAAa,MAAA,QAAnBnB,yBAAAA,KAAAA,IAAAA,uBAAuB,SAASc;YACxD,GAAGd,KAAK;QACV,IACA;YAAEU,aAAaL;QAAc;QAE/Ba,OAAO7B,oBAAAA,CAAK+B,QAAQ,CAACpB,MAAMkB,KAAK,EAAE;YAAER,aAAa;QAAO;QACxDO,UAAU5B,oBAAAA,CAAK+B,QAAQ,CAACpB,MAAMiB,QAAQ,EAAE;YACtCI,iBAAiB,CAAC,CAACrB,MAAMmB,aAAa;YACtCR,cAAc;gBAAEW,UAAUtB,MAAMmB,aAAa,GAAGxB,SAAS,CAACK,MAAMmB,aAAa,CAAC,GAAGL;YAAU;YAC3FJ,aAAa;QACf;QACAD,YAAQhB,6BAAAA,EAAmBc,WAAWD,EAAE,EAAEC;QAC1CJ;QACAD;IACF;AACF,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames = {\n root: 'fui-TableHeaderCell',\n button: 'fui-TableHeaderCell__button',\n sortIcon: 'fui-TableHeaderCell__sortIcon',\n aside: 'fui-TableHeaderCell__aside'\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle'\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n flex: '1 1 0px',\n minWidth: '0px'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n fontWeight: tokens.fontWeightRegular,\n padding: `0px ${tokens.spacingHorizontalS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `2px solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus-within'\n }),\n position: 'relative'\n },\n rootInteractive: {\n ':hover': {\n color: tokens.colorNeutralForeground1Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover\n },\n ':active': {\n color: tokens.colorNeutralForeground1Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed\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 overflow: 'visible',\n padding: '0',\n border: 'none',\n textAlign: 'unset'\n },\n button: {\n position: 'relative',\n width: '100%',\n display: 'flex',\n flexGrow: 1,\n height: '100%',\n alignItems: 'center',\n gap: tokens.spacingHorizontalXS,\n minHeight: '32px',\n flex: '1 1 0px',\n outlineStyle: 'none'\n },\n sortable: {\n cursor: 'pointer'\n },\n sortIcon: {\n display: 'flex',\n alignItems: 'center',\n paddingTop: tokens.spacingVerticalXXS\n },\n resizeHandle: {}\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */ export const useTableHeaderCellStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n state.button.className = mergeClasses(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);\n if (state.sortIcon) {\n state.sortIcon.className = mergeClasses(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n }\n return state;\n};\n"],"names":["tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","root","button","sortIcon","aside","useTableLayoutStyles","__styles","mc9l5x","ha4doy","d","useFlexLayoutStyles","xawz","Bh6795r","Bnnss6s","fkmc3a","Bf4jedk","p","useStyles","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","robkg1","Bmvh20x","B3nxjsc","Bmkhcsx","B8osjzx","pehzd3","Blsv9te","u7xebq","Bsvwmf7","qhf8xq","rootInteractive","Bi91k9c","Jwef8y","lj723h","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","rmohyg","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames = {\n root: 'fui-TableHeaderCell',\n button: 'fui-TableHeaderCell__button',\n sortIcon: 'fui-TableHeaderCell__sortIcon',\n aside: 'fui-TableHeaderCell__aside'\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle'\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n flex: '1 1 0px',\n minWidth: '0px'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n fontWeight: tokens.fontWeightRegular,\n padding: `0px ${tokens.spacingHorizontalS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `2px solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus-within'\n }),\n position: 'relative'\n },\n rootInteractive: {\n ':hover': {\n color: tokens.colorNeutralForeground1Hover,\n backgroundColor: tokens.colorSubtleBackgroundHover\n },\n ':active': {\n color: tokens.colorNeutralForeground1Pressed,\n backgroundColor: tokens.colorSubtleBackgroundPressed\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 overflow: 'visible',\n padding: '0',\n border: 'none',\n textAlign: 'unset'\n },\n button: {\n position: 'relative',\n width: '100%',\n display: 'flex',\n flexGrow: 1,\n height: '100%',\n alignItems: 'center',\n gap: tokens.spacingHorizontalXS,\n minHeight: '32px',\n flex: '1 1 0px',\n outlineStyle: 'none'\n },\n sortable: {\n cursor: 'pointer'\n },\n sortIcon: {\n display: 'flex',\n alignItems: 'center',\n paddingTop: tokens.spacingVerticalXXS\n },\n resizeHandle: {}\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */ export const useTableHeaderCellStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n state.button.className = mergeClasses(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);\n if (state.sortIcon) {\n state.sortIcon.className = mergeClasses(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","createCustomFocusIndicatorStyle","tableHeaderCellClassName","tableHeaderCellClassNames","root","button","sortIcon","aside","useTableLayoutStyles","mc9l5x","ha4doy","d","useFlexLayoutStyles","xawz","Bh6795r","Bnnss6s","fkmc3a","Bf4jedk","p","useStyles","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","robkg1","Bmvh20x","B3nxjsc","Bmkhcsx","B8osjzx","pehzd3","Blsv9te","u7xebq","Bsvwmf7","qhf8xq","rootInteractive","Bi91k9c","Jwef8y","lj723h","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","rmohyg","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","useTableHeaderCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements"],"mappings":";;;;;;;;;;;IAGaI,wBAAwB;;;IACxBC,yBAAyB;;;IAgFrBgF,iCAAiC;;;;uBApFT,gBAAgB;AAGlD,iCAAiC,qBAAqB;AACtD,kCAAkC;IACrC/E,IAAI,EAAE,qBAAqB;IAC3BC,MAAM,EAAE,6BAA6B;IACrCC,QAAQ,EAAE,+BAA+B;IACzCC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAA,WAAA,OAAGV,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAK,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAK5B,CAAC;AACF,MAAMC,mBAAmB,GAAA,WAAA,OAAGd,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAK,MAAA,EAAA;QAAAI,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAN,CAAA,EAAA;QAAA;QAAA;YAAA;YAAA;gBAAAO,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAM3B,CAAC;AACF;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGrB,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAgB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,eAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,WAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAA9B,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAA2B,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAhE,MAAA,EAAA;QAAA8B,MAAA,EAAA;QAAAmC,MAAA,EAAA;QAAA7D,MAAA,EAAA;QAAAK,OAAA,EAAA;QAAAyD,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAA/D,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAA6D,MAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAzE,QAAA,EAAA;QAAAG,MAAA,EAAA;QAAA+D,OAAA,EAAA;QAAAhD,MAAA,EAAA;IAAA;IAAAwD,YAAA,EAAA,CAAA;AAAA,GAAA;IAAArE,CAAA,EAAA;QAAA;QAAA;YAAA;YAAA;gBAAAO,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;KAAA;IAAA+D,CAAA,EAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAwDrB,CAAC;AAGS,0CAA2CE,KAAK,IAAG;IAC1D,aAAa;IACb,MAAMC,MAAM,GAAGlE,SAAS,CAAC,CAAC;IAC1B,MAAMmE,YAAY,GAAG;QACjBC,KAAK,EAAE/E,oBAAoB,CAAC,CAAC;QAC7BgF,IAAI,EAAE5E,mBAAmB,CAAC;IAC9B,CAAC;IACDwE,KAAK,CAAChF,IAAI,CAACqF,SAAS,OAAG1F,mBAAY,EAACI,yBAAyB,CAACC,IAAI,EAAEiF,MAAM,CAACjF,IAAI,EAAEgF,KAAK,CAACN,QAAQ,IAAIO,MAAM,CAACjD,eAAe,EAAEgD,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACpF,IAAI,GAAGkF,YAAY,CAACC,KAAK,CAACnF,IAAI,EAAEgF,KAAK,CAAChF,IAAI,CAACqF,SAAS,CAAC;IAC3NL,KAAK,CAAC/E,MAAM,CAACoF,SAAS,OAAG1F,mBAAY,EAACI,yBAAyB,CAACE,MAAM,EAAEgF,MAAM,CAAC5C,WAAW,EAAE4C,MAAM,CAAChF,MAAM,EAAE+E,KAAK,CAACN,QAAQ,IAAIO,MAAM,CAACP,QAAQ,EAAEM,KAAK,CAAC/E,MAAM,CAACoF,SAAS,CAAC;IACrK,IAAIL,KAAK,CAAC9E,QAAQ,EAAE;QAChB8E,KAAK,CAAC9E,QAAQ,CAACmF,SAAS,OAAG1F,mBAAY,EAACI,yBAAyB,CAACG,QAAQ,EAAE+E,MAAM,CAAC/E,QAAQ,EAAE8E,KAAK,CAAC9E,QAAQ,CAACmF,SAAS,CAAC;IAC1H;IACA,IAAIL,KAAK,CAAC7E,KAAK,EAAE;QACb6E,KAAK,CAAC7E,KAAK,CAACkF,SAAS,OAAG1F,mBAAY,EAACI,yBAAyB,CAACI,KAAK,EAAE8E,MAAM,CAACL,YAAY,EAAEI,KAAK,CAAC7E,KAAK,CAACkF,SAAS,CAAC;IACrH;IACA,OAAOL,KAAK;AAChB,CAAC"}