@fluentui/react-table 9.8.1 → 9.8.3
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.
- package/CHANGELOG.json +145 -1
- package/CHANGELOG.md +39 -2
- package/lib/components/DataGrid/DataGrid.js.map +1 -1
- package/lib/components/DataGrid/renderDataGrid.js.map +1 -1
- package/lib/components/DataGrid/useDataGrid.js +5 -5
- package/lib/components/DataGrid/useDataGrid.js.map +1 -1
- package/lib/components/DataGrid/useDataGridContextValues.js +1 -1
- package/lib/components/DataGrid/useDataGridContextValues.js.map +1 -1
- package/lib/components/DataGridBody/DataGridBody.js.map +1 -1
- package/lib/components/DataGridBody/renderDataGridBody.js +7 -5
- package/lib/components/DataGridBody/renderDataGridBody.js.map +1 -1
- package/lib/components/DataGridBody/useDataGridBody.js +1 -1
- package/lib/components/DataGridBody/useDataGridBody.js.map +1 -1
- package/lib/components/DataGridCell/DataGridCell.js.map +1 -1
- package/lib/components/DataGridCell/renderDataGridCell.js.map +1 -1
- package/lib/components/DataGridCell/useDataGridCell.js +1 -1
- package/lib/components/DataGridCell/useDataGridCell.js.map +1 -1
- package/lib/components/DataGridHeader/DataGridHeader.js.map +1 -1
- package/lib/components/DataGridHeader/renderDataGridHeader.js.map +1 -1
- package/lib/components/DataGridHeader/useDataGridHeader.js.map +1 -1
- package/lib/components/DataGridHeaderCell/DataGridHeaderCell.js.map +1 -1
- package/lib/components/DataGridHeaderCell/renderDataGridHeaderCell.js.map +1 -1
- package/lib/components/DataGridHeaderCell/useDataGridHeaderCell.js +3 -3
- package/lib/components/DataGridHeaderCell/useDataGridHeaderCell.js.map +1 -1
- package/lib/components/DataGridRow/DataGridRow.js.map +1 -1
- package/lib/components/DataGridRow/renderDataGridRow.js +10 -5
- package/lib/components/DataGridRow/renderDataGridRow.js.map +1 -1
- package/lib/components/DataGridRow/useDataGridRow.js +4 -4
- package/lib/components/DataGridRow/useDataGridRow.js.map +1 -1
- package/lib/components/DataGridSelectionCell/DataGridSelectionCell.js.map +1 -1
- package/lib/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map +1 -1
- package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js +2 -2
- package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js.map +1 -1
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/renderTable.js +5 -4
- package/lib/components/Table/renderTable.js.map +1 -1
- package/lib/components/Table/useTable.js.map +1 -1
- package/lib/components/Table/useTableContextValues.js +1 -1
- package/lib/components/Table/useTableContextValues.js.map +1 -1
- package/lib/components/TableBody/TableBody.js.map +1 -1
- package/lib/components/TableBody/renderTableBody.js +2 -2
- package/lib/components/TableBody/renderTableBody.js.map +1 -1
- package/lib/components/TableBody/useTableBody.js +1 -1
- package/lib/components/TableBody/useTableBody.js.map +1 -1
- package/lib/components/TableCell/TableCell.js.map +1 -1
- package/lib/components/TableCell/renderTableCell.js +2 -2
- package/lib/components/TableCell/renderTableCell.js.map +1 -1
- package/lib/components/TableCell/useTableCell.js +1 -1
- package/lib/components/TableCell/useTableCell.js.map +1 -1
- package/lib/components/TableCellActions/TableCellActions.js.map +1 -1
- package/lib/components/TableCellActions/renderTableCellActions.js +2 -2
- package/lib/components/TableCellActions/renderTableCellActions.js.map +1 -1
- package/lib/components/TableCellActions/useTableCellActions.js.map +1 -1
- package/lib/components/TableCellLayout/TableCellLayout.js.map +1 -1
- package/lib/components/TableCellLayout/renderTableCellLayout.js +17 -4
- package/lib/components/TableCellLayout/renderTableCellLayout.js.map +1 -1
- package/lib/components/TableCellLayout/useTableCellLayout.js +1 -1
- package/lib/components/TableCellLayout/useTableCellLayout.js.map +1 -1
- package/lib/components/TableCellLayout/useTableCellLayoutContextValues.js +1 -1
- package/lib/components/TableCellLayout/useTableCellLayoutContextValues.js.map +1 -1
- package/lib/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map +1 -1
- package/lib/components/TableHeader/TableHeader.js.map +1 -1
- package/lib/components/TableHeader/renderTableHeader.js +5 -4
- package/lib/components/TableHeader/renderTableHeader.js.map +1 -1
- package/lib/components/TableHeader/useTableHeader.js +1 -1
- package/lib/components/TableHeader/useTableHeader.js.map +1 -1
- package/lib/components/TableHeaderCell/TableHeaderCell.js.map +1 -1
- package/lib/components/TableHeaderCell/renderTableHeaderCell.js +12 -2
- package/lib/components/TableHeaderCell/renderTableHeaderCell.js.map +1 -1
- package/lib/components/TableHeaderCell/useTableHeaderCell.js +1 -1
- package/lib/components/TableHeaderCell/useTableHeaderCell.js.map +1 -1
- package/lib/components/TableResizeHandle/TableResizeHandle.js.map +1 -1
- package/lib/components/TableResizeHandle/renderTableResizeHandle.js +2 -2
- package/lib/components/TableResizeHandle/renderTableResizeHandle.js.map +1 -1
- package/lib/components/TableResizeHandle/useTableResizeHandle.js +2 -2
- package/lib/components/TableResizeHandle/useTableResizeHandle.js.map +1 -1
- package/lib/components/TableRow/TableRow.js.map +1 -1
- package/lib/components/TableRow/renderTableRow.js +2 -2
- package/lib/components/TableRow/renderTableRow.js.map +1 -1
- package/lib/components/TableRow/useTableRow.js +1 -1
- package/lib/components/TableRow/useTableRow.js.map +1 -1
- package/lib/components/TableSelectionCell/TableSelectionCell.js.map +1 -1
- package/lib/components/TableSelectionCell/renderTableSelectionCell.js +7 -2
- package/lib/components/TableSelectionCell/renderTableSelectionCell.js.map +1 -1
- package/lib/components/TableSelectionCell/useTableSelectionCell.js +2 -2
- package/lib/components/TableSelectionCell/useTableSelectionCell.js.map +1 -1
- package/lib/contexts/columnIdContext.js.map +1 -1
- package/lib/contexts/dataGridContext.js.map +1 -1
- package/lib/contexts/rowIdContext.js.map +1 -1
- package/lib/contexts/tableContext.js.map +1 -1
- package/lib/hooks/createColumn.js +1 -1
- package/lib/hooks/createColumn.js.map +1 -1
- package/lib/hooks/useKeyboardResizing.js +6 -6
- package/lib/hooks/useKeyboardResizing.js.map +1 -1
- package/lib/hooks/useMeasureElement.js +3 -2
- package/lib/hooks/useMeasureElement.js.map +1 -1
- package/lib/hooks/useTableColumnResizeMouseHandler.js +20 -16
- package/lib/hooks/useTableColumnResizeMouseHandler.js.map +1 -1
- package/lib/hooks/useTableColumnResizeState.js +5 -5
- package/lib/hooks/useTableColumnResizeState.js.map +1 -1
- package/lib/hooks/useTableColumnSizing.js +7 -6
- package/lib/hooks/useTableColumnSizing.js.map +1 -1
- package/lib/hooks/useTableCompositeNavigation.js +2 -2
- package/lib/hooks/useTableCompositeNavigation.js.map +1 -1
- package/lib/hooks/useTableFeatures.js +4 -5
- package/lib/hooks/useTableFeatures.js.map +1 -1
- package/lib/hooks/useTableSelection.js +6 -4
- package/lib/hooks/useTableSelection.js.map +1 -1
- package/lib/hooks/useTableSort.js +9 -6
- package/lib/hooks/useTableSort.js.map +1 -1
- package/lib/utils/columnResizeUtils.js +6 -4
- package/lib/utils/columnResizeUtils.js.map +1 -1
- package/lib-commonjs/DataGrid.js +2 -2
- package/lib-commonjs/DataGrid.js.map +1 -1
- package/lib-commonjs/DataGridBody.js +2 -2
- package/lib-commonjs/DataGridBody.js.map +1 -1
- package/lib-commonjs/DataGridCell.js +2 -2
- package/lib-commonjs/DataGridCell.js.map +1 -1
- package/lib-commonjs/DataGridHeader.js +2 -2
- package/lib-commonjs/DataGridHeader.js.map +1 -1
- package/lib-commonjs/DataGridHeaderCell.js +2 -2
- package/lib-commonjs/DataGridHeaderCell.js.map +1 -1
- package/lib-commonjs/DataGridRow.js +2 -2
- package/lib-commonjs/DataGridRow.js.map +1 -1
- package/lib-commonjs/DataGridSelectionCell.js +2 -2
- package/lib-commonjs/DataGridSelectionCell.js.map +1 -1
- package/lib-commonjs/Table.js +2 -2
- package/lib-commonjs/Table.js.map +1 -1
- package/lib-commonjs/TableBody.js +2 -2
- package/lib-commonjs/TableBody.js.map +1 -1
- package/lib-commonjs/TableCell.js +2 -2
- package/lib-commonjs/TableCell.js.map +1 -1
- package/lib-commonjs/TableCellActions.js +2 -2
- package/lib-commonjs/TableCellActions.js.map +1 -1
- package/lib-commonjs/TableCellLayout.js +2 -2
- package/lib-commonjs/TableCellLayout.js.map +1 -1
- package/lib-commonjs/TableCellPrimaryLayout.js +2 -2
- package/lib-commonjs/TableCellPrimaryLayout.js.map +1 -1
- package/lib-commonjs/TableHeader.js +2 -2
- package/lib-commonjs/TableHeader.js.map +1 -1
- package/lib-commonjs/TableHeaderCell.js +2 -2
- package/lib-commonjs/TableHeaderCell.js.map +1 -1
- package/lib-commonjs/TableResizeHandle.js +2 -2
- package/lib-commonjs/TableResizeHandle.js.map +1 -1
- package/lib-commonjs/TableRow.js +2 -2
- package/lib-commonjs/TableRow.js.map +1 -1
- package/lib-commonjs/TableSelectionCell.js +2 -2
- package/lib-commonjs/TableSelectionCell.js.map +1 -1
- package/lib-commonjs/components/DataGrid/DataGrid.js +9 -7
- package/lib-commonjs/components/DataGrid/DataGrid.js.map +1 -1
- package/lib-commonjs/components/DataGrid/DataGrid.types.js +2 -2
- package/lib-commonjs/components/DataGrid/DataGrid.types.js.map +1 -1
- package/lib-commonjs/components/DataGrid/index.js +7 -7
- package/lib-commonjs/components/DataGrid/index.js.map +1 -1
- package/lib-commonjs/components/DataGrid/renderDataGrid.js +5 -3
- package/lib-commonjs/components/DataGrid/renderDataGrid.js.map +1 -1
- package/lib-commonjs/components/DataGrid/useDataGrid.js +20 -18
- package/lib-commonjs/components/DataGrid/useDataGrid.js.map +1 -1
- package/lib-commonjs/components/DataGrid/useDataGridContextValues.js +4 -2
- package/lib-commonjs/components/DataGrid/useDataGridContextValues.js.map +1 -1
- package/lib-commonjs/components/DataGrid/useDataGridStyles.styles.js +8 -4
- package/lib-commonjs/components/DataGrid/useDataGridStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DataGridBody/DataGridBody.js +9 -7
- package/lib-commonjs/components/DataGridBody/DataGridBody.js.map +1 -1
- package/lib-commonjs/components/DataGridBody/DataGridBody.types.js +2 -2
- package/lib-commonjs/components/DataGridBody/DataGridBody.types.js.map +1 -1
- package/lib-commonjs/components/DataGridBody/index.js +6 -6
- package/lib-commonjs/components/DataGridBody/index.js.map +1 -1
- package/lib-commonjs/components/DataGridBody/renderDataGridBody.js +13 -9
- package/lib-commonjs/components/DataGridBody/renderDataGridBody.js.map +1 -1
- package/lib-commonjs/components/DataGridBody/useDataGridBody.js +6 -4
- package/lib-commonjs/components/DataGridBody/useDataGridBody.js.map +1 -1
- package/lib-commonjs/components/DataGridBody/useDataGridBodyStyles.styles.js +8 -4
- package/lib-commonjs/components/DataGridBody/useDataGridBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DataGridCell/DataGridCell.js +9 -7
- package/lib-commonjs/components/DataGridCell/DataGridCell.js.map +1 -1
- package/lib-commonjs/components/DataGridCell/index.js +6 -6
- package/lib-commonjs/components/DataGridCell/index.js.map +1 -1
- package/lib-commonjs/components/DataGridCell/renderDataGridCell.js +3 -1
- package/lib-commonjs/components/DataGridCell/renderDataGridCell.js.map +1 -1
- package/lib-commonjs/components/DataGridCell/useDataGridCell.js +8 -6
- package/lib-commonjs/components/DataGridCell/useDataGridCell.js.map +1 -1
- package/lib-commonjs/components/DataGridCell/useDataGridCellStyles.styles.js +8 -4
- package/lib-commonjs/components/DataGridCell/useDataGridCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DataGridHeader/DataGridHeader.js +9 -7
- package/lib-commonjs/components/DataGridHeader/DataGridHeader.js.map +1 -1
- package/lib-commonjs/components/DataGridHeader/index.js +6 -6
- package/lib-commonjs/components/DataGridHeader/index.js.map +1 -1
- package/lib-commonjs/components/DataGridHeader/renderDataGridHeader.js +3 -1
- package/lib-commonjs/components/DataGridHeader/renderDataGridHeader.js.map +1 -1
- package/lib-commonjs/components/DataGridHeader/useDataGridHeader.js +5 -3
- package/lib-commonjs/components/DataGridHeader/useDataGridHeader.js.map +1 -1
- package/lib-commonjs/components/DataGridHeader/useDataGridHeaderStyles.styles.js +8 -4
- package/lib-commonjs/components/DataGridHeader/useDataGridHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DataGridHeaderCell/DataGridHeaderCell.js +9 -7
- package/lib-commonjs/components/DataGridHeaderCell/DataGridHeaderCell.js.map +1 -1
- package/lib-commonjs/components/DataGridHeaderCell/index.js +6 -6
- package/lib-commonjs/components/DataGridHeaderCell/index.js.map +1 -1
- package/lib-commonjs/components/DataGridHeaderCell/renderDataGridHeaderCell.js +3 -1
- package/lib-commonjs/components/DataGridHeaderCell/renderDataGridHeaderCell.js.map +1 -1
- package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCell.js +10 -8
- package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCell.js.map +1 -1
- package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.js +8 -4
- package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DataGridRow/DataGridRow.js +9 -7
- package/lib-commonjs/components/DataGridRow/DataGridRow.js.map +1 -1
- package/lib-commonjs/components/DataGridRow/DataGridRow.types.js +2 -2
- package/lib-commonjs/components/DataGridRow/DataGridRow.types.js.map +1 -1
- package/lib-commonjs/components/DataGridRow/index.js +6 -6
- package/lib-commonjs/components/DataGridRow/index.js.map +1 -1
- package/lib-commonjs/components/DataGridRow/renderDataGridRow.js +16 -9
- package/lib-commonjs/components/DataGridRow/renderDataGridRow.js.map +1 -1
- package/lib-commonjs/components/DataGridRow/useDataGridRow.js +18 -16
- package/lib-commonjs/components/DataGridRow/useDataGridRow.js.map +1 -1
- package/lib-commonjs/components/DataGridRow/useDataGridRowStyles.styles.js +8 -4
- package/lib-commonjs/components/DataGridRow/useDataGridRowStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DataGridSelectionCell/DataGridSelectionCell.js +9 -7
- package/lib-commonjs/components/DataGridSelectionCell/DataGridSelectionCell.js.map +1 -1
- package/lib-commonjs/components/DataGridSelectionCell/index.js +6 -6
- package/lib-commonjs/components/DataGridSelectionCell/index.js.map +1 -1
- package/lib-commonjs/components/DataGridSelectionCell/renderDataGridSelectionCell.js +3 -1
- package/lib-commonjs/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map +1 -1
- package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCell.js +9 -7
- package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCell.js.map +1 -1
- package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.js +8 -4
- package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Table/Table.js +9 -7
- package/lib-commonjs/components/Table/Table.js.map +1 -1
- package/lib-commonjs/components/Table/index.js +6 -6
- package/lib-commonjs/components/Table/index.js.map +1 -1
- package/lib-commonjs/components/Table/renderTable.js +11 -8
- package/lib-commonjs/components/Table/renderTable.js.map +1 -1
- package/lib-commonjs/components/Table/useTable.js +7 -5
- package/lib-commonjs/components/Table/useTable.js.map +1 -1
- package/lib-commonjs/components/Table/useTableContextValues.js +6 -4
- package/lib-commonjs/components/Table/useTableContextValues.js.map +1 -1
- package/lib-commonjs/components/Table/useTableStyles.styles.js +12 -6
- package/lib-commonjs/components/Table/useTableStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableBody/TableBody.js +9 -7
- package/lib-commonjs/components/TableBody/TableBody.js.map +1 -1
- package/lib-commonjs/components/TableBody/index.js +6 -6
- package/lib-commonjs/components/TableBody/index.js.map +1 -1
- package/lib-commonjs/components/TableBody/renderTableBody.js +8 -6
- package/lib-commonjs/components/TableBody/renderTableBody.js.map +1 -1
- package/lib-commonjs/components/TableBody/useTableBody.js +8 -6
- package/lib-commonjs/components/TableBody/useTableBody.js.map +1 -1
- package/lib-commonjs/components/TableBody/useTableBodyStyles.styles.js +11 -5
- package/lib-commonjs/components/TableBody/useTableBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableCell/TableCell.js +9 -7
- package/lib-commonjs/components/TableCell/TableCell.js.map +1 -1
- package/lib-commonjs/components/TableCell/index.js +6 -6
- package/lib-commonjs/components/TableCell/index.js.map +1 -1
- package/lib-commonjs/components/TableCell/renderTableCell.js +8 -6
- package/lib-commonjs/components/TableCell/renderTableCell.js.map +1 -1
- package/lib-commonjs/components/TableCell/useTableCell.js +8 -6
- package/lib-commonjs/components/TableCell/useTableCell.js.map +1 -1
- package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js +12 -6
- package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableCellActions/TableCellActions.js +9 -7
- package/lib-commonjs/components/TableCellActions/TableCellActions.js.map +1 -1
- package/lib-commonjs/components/TableCellActions/index.js +6 -6
- package/lib-commonjs/components/TableCellActions/index.js.map +1 -1
- package/lib-commonjs/components/TableCellActions/renderTableCellActions.js +8 -6
- package/lib-commonjs/components/TableCellActions/renderTableCellActions.js.map +1 -1
- package/lib-commonjs/components/TableCellActions/useTableCellActions.js +7 -5
- package/lib-commonjs/components/TableCellActions/useTableCellActions.js.map +1 -1
- package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.js +7 -3
- package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableCellLayout/TableCellLayout.js +9 -7
- package/lib-commonjs/components/TableCellLayout/TableCellLayout.js.map +1 -1
- package/lib-commonjs/components/TableCellLayout/index.js +6 -6
- package/lib-commonjs/components/TableCellLayout/index.js.map +1 -1
- package/lib-commonjs/components/TableCellLayout/renderTableCellLayout.js +24 -9
- package/lib-commonjs/components/TableCellLayout/renderTableCellLayout.js.map +1 -1
- package/lib-commonjs/components/TableCellLayout/useTableCellLayout.js +12 -10
- package/lib-commonjs/components/TableCellLayout/useTableCellLayout.js.map +1 -1
- package/lib-commonjs/components/TableCellLayout/useTableCellLayoutContextValues.js +6 -4
- package/lib-commonjs/components/TableCellLayout/useTableCellLayoutContextValues.js.map +1 -1
- package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js +8 -4
- package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableHeader/TableHeader.js +9 -7
- package/lib-commonjs/components/TableHeader/TableHeader.js.map +1 -1
- package/lib-commonjs/components/TableHeader/index.js +6 -6
- package/lib-commonjs/components/TableHeader/index.js.map +1 -1
- package/lib-commonjs/components/TableHeader/renderTableHeader.js +11 -8
- package/lib-commonjs/components/TableHeader/renderTableHeader.js.map +1 -1
- package/lib-commonjs/components/TableHeader/useTableHeader.js +8 -6
- package/lib-commonjs/components/TableHeader/useTableHeader.js.map +1 -1
- package/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.js +11 -5
- package/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.js +9 -7
- package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.js.map +1 -1
- package/lib-commonjs/components/TableHeaderCell/index.js +6 -6
- package/lib-commonjs/components/TableHeaderCell/index.js.map +1 -1
- package/lib-commonjs/components/TableHeaderCell/renderTableHeaderCell.js +18 -6
- package/lib-commonjs/components/TableHeaderCell/renderTableHeaderCell.js.map +1 -1
- package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js +17 -15
- package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js.map +1 -1
- package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.js +12 -6
- package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableResizeHandle/TableResizeHandle.js +9 -7
- package/lib-commonjs/components/TableResizeHandle/TableResizeHandle.js.map +1 -1
- package/lib-commonjs/components/TableResizeHandle/index.js +6 -6
- package/lib-commonjs/components/TableResizeHandle/index.js.map +1 -1
- package/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js +8 -6
- package/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js.map +1 -1
- package/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js +10 -8
- package/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js.map +1 -1
- package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js +7 -3
- package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableRow/TableRow.js +9 -7
- package/lib-commonjs/components/TableRow/TableRow.js.map +1 -1
- package/lib-commonjs/components/TableRow/index.js +6 -6
- package/lib-commonjs/components/TableRow/index.js.map +1 -1
- package/lib-commonjs/components/TableRow/renderTableRow.js +8 -6
- package/lib-commonjs/components/TableRow/renderTableRow.js.map +1 -1
- package/lib-commonjs/components/TableRow/useTableRow.js +12 -10
- package/lib-commonjs/components/TableRow/useTableRow.js.map +1 -1
- package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js +12 -6
- package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.js +9 -7
- package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.js.map +1 -1
- package/lib-commonjs/components/TableSelectionCell/index.js +6 -6
- package/lib-commonjs/components/TableSelectionCell/index.js.map +1 -1
- package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js +13 -6
- package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js.map +1 -1
- package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js +17 -15
- package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js.map +1 -1
- package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js +12 -6
- package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/columnIdContext.js +11 -5
- package/lib-commonjs/contexts/columnIdContext.js.map +1 -1
- package/lib-commonjs/contexts/dataGridContext.js +9 -5
- package/lib-commonjs/contexts/dataGridContext.js.map +1 -1
- package/lib-commonjs/contexts/rowIdContext.js +11 -5
- package/lib-commonjs/contexts/rowIdContext.js.map +1 -1
- package/lib-commonjs/contexts/tableContext.js +11 -5
- package/lib-commonjs/contexts/tableContext.js.map +1 -1
- package/lib-commonjs/contexts/tableHeaderContext.js +8 -4
- package/lib-commonjs/contexts/tableHeaderContext.js.map +1 -1
- package/lib-commonjs/hooks/createColumn.js +4 -2
- package/lib-commonjs/hooks/createColumn.js.map +1 -1
- package/lib-commonjs/hooks/index.js +8 -8
- package/lib-commonjs/hooks/index.js.map +1 -1
- package/lib-commonjs/hooks/types.js +2 -2
- package/lib-commonjs/hooks/types.js.map +1 -1
- package/lib-commonjs/hooks/useKeyboardResizing.js +22 -20
- package/lib-commonjs/hooks/useKeyboardResizing.js.map +1 -1
- package/lib-commonjs/hooks/useMeasureElement.js +11 -8
- package/lib-commonjs/hooks/useMeasureElement.js.map +1 -1
- package/lib-commonjs/hooks/useTableColumnResizeMouseHandler.js +32 -26
- package/lib-commonjs/hooks/useTableColumnResizeMouseHandler.js.map +1 -1
- package/lib-commonjs/hooks/useTableColumnResizeState.js +15 -13
- package/lib-commonjs/hooks/useTableColumnResizeState.js.map +1 -1
- package/lib-commonjs/hooks/useTableColumnSizing.js +17 -12
- package/lib-commonjs/hooks/useTableColumnSizing.js.map +1 -1
- package/lib-commonjs/hooks/useTableCompositeNavigation.js +20 -18
- package/lib-commonjs/hooks/useTableCompositeNavigation.js.map +1 -1
- package/lib-commonjs/hooks/useTableFeatures.js +12 -9
- package/lib-commonjs/hooks/useTableFeatures.js.map +1 -1
- package/lib-commonjs/hooks/useTableSelection.js +24 -16
- package/lib-commonjs/hooks/useTableSelection.js.map +1 -1
- package/lib-commonjs/hooks/useTableSort.js +22 -13
- package/lib-commonjs/hooks/useTableSort.js.map +1 -1
- package/lib-commonjs/index.js +344 -126
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/columnResizeUtils.js +30 -12
- package/lib-commonjs/utils/columnResizeUtils.js.map +1 -1
- package/package.json +17 -17
|
@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useDataGridBody_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useDataGridBody_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useTableBody = require("../TableBody/useTableBody");
|
|
12
14
|
const _dataGridContext = require("../../contexts/dataGridContext");
|
|
13
15
|
const _tableContext = require("../../contexts/tableContext");
|
|
14
16
|
const useDataGridBody_unstable = (props, ref)=>{
|
|
15
|
-
const { sortable
|
|
17
|
+
const { sortable } = (0, _tableContext.useTableContext)();
|
|
16
18
|
const getRows = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.getRows);
|
|
17
19
|
const sort = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.sort.sort);
|
|
18
20
|
const rows = sortable ? sort(getRows()) : getRows();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDataGridBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableBody_unstable } from '../TableBody/useTableBody';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render DataGridBody.\n *\n * The returned state can be modified with hooks such as useDataGridBodyStyles_unstable,\n * before being passed to renderDataGridBody_unstable.\n *\n * @param props - props from this instance of DataGridBody\n * @param ref - reference to root HTMLElement of DataGridBody\n */ export const useDataGridBody_unstable = (props, ref)=>{\n const { sortable
|
|
1
|
+
{"version":3,"sources":["useDataGridBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableBody_unstable } from '../TableBody/useTableBody';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render DataGridBody.\n *\n * The returned state can be modified with hooks such as useDataGridBodyStyles_unstable,\n * before being passed to renderDataGridBody_unstable.\n *\n * @param props - props from this instance of DataGridBody\n * @param ref - reference to root HTMLElement of DataGridBody\n */ export const useDataGridBody_unstable = (props, ref)=>{\n const { sortable } = useTableContext();\n const getRows = useDataGridContext_unstable((ctx)=>ctx.getRows);\n const sort = useDataGridContext_unstable((ctx)=>ctx.sort.sort);\n const rows = sortable ? sort(getRows()) : getRows();\n const baseState = useTableBody_unstable({\n ...props,\n children: null,\n as: 'div'\n }, ref);\n return {\n ...baseState,\n rows,\n renderRow: props.children\n };\n};\n"],"names":["useDataGridBody_unstable","props","ref","sortable","useTableContext","getRows","useDataGridContext_unstable","ctx","sort","rows","baseState","useTableBody_unstable","children","as","renderRow"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;8BACe;iCACM;8BACZ;AASrB,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,6BAAe;IACpC,MAAMC,UAAUC,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIF,OAAO;IAC9D,MAAMG,OAAOF,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIC,IAAI,CAACA,IAAI;IAC7D,MAAMC,OAAON,WAAWK,KAAKH,aAAaA;IAC1C,MAAMK,YAAYC,IAAAA,mCAAqB,EAAC;QACpC,GAAGV,KAAK;QACRW,UAAU;QACVC,IAAI;IACR,GAAGX;IACH,OAAO;QACH,GAAGQ,SAAS;QACZD;QACAK,WAAWb,MAAMW,QAAQ;IAC7B;AACJ"}
|
|
@@ -9,16 +9,20 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
dataGridBodyClassNames: ()
|
|
13
|
-
|
|
12
|
+
dataGridBodyClassNames: function() {
|
|
13
|
+
return dataGridBodyClassNames;
|
|
14
|
+
},
|
|
15
|
+
useDataGridBodyStyles_unstable: function() {
|
|
16
|
+
return useDataGridBodyStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
|
-
const
|
|
20
|
+
const _useTableBodyStylesstyles = require("../TableBody/useTableBodyStyles.styles");
|
|
17
21
|
const dataGridBodyClassNames = {
|
|
18
22
|
root: 'fui-DataGridBody'
|
|
19
23
|
};
|
|
20
24
|
const useDataGridBodyStyles_unstable = (state)=>{
|
|
21
|
-
(0,
|
|
25
|
+
(0, _useTableBodyStylesstyles.useTableBodyStyles_unstable)(state);
|
|
22
26
|
state.root.className = (0, _react.mergeClasses)(dataGridBodyClassNames.root, state.root.className);
|
|
23
27
|
return state;
|
|
24
28
|
}; //# sourceMappingURL=useDataGridBodyStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDataGridBodyStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableBodyStyles_unstable } from '../TableBody/useTableBodyStyles.styles';\nexport const dataGridBodyClassNames = {\n root: 'fui-DataGridBody'\n};\n/**\n * Apply styling to the DataGridBody slots based on the state\n */\nexport const useDataGridBodyStyles_unstable = state => {\n useTableBodyStyles_unstable(state);\n state.root.className = mergeClasses(dataGridBodyClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDataGridBodyStyles.styles.js.map"],"names":["dataGridBodyClassNames","useDataGridBodyStyles_unstable","root","state","useTableBodyStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB
|
|
1
|
+
{"version":3,"sources":["useDataGridBodyStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableBodyStyles_unstable } from '../TableBody/useTableBodyStyles.styles';\nexport const dataGridBodyClassNames = {\n root: 'fui-DataGridBody'\n};\n/**\n * Apply styling to the DataGridBody slots based on the state\n */\nexport const useDataGridBodyStyles_unstable = state => {\n useTableBodyStyles_unstable(state);\n state.root.className = mergeClasses(dataGridBodyClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDataGridBodyStyles.styles.js.map"],"names":["dataGridBodyClassNames","useDataGridBodyStyles_unstable","root","state","useTableBodyStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB;eAAtBA;;IAMAC,8BAA8B;eAA9BA;;;uBARgB;0CACe;AACrC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AAIO,MAAMD,iCAAiCE,CAAAA;IAC5CC,IAAAA,qDAA2B,EAACD;IAC5BA,MAAMD,IAAI,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACN,uBAAuBE,IAAI,EAAEC,MAAMD,IAAI,CAACG,SAAS;IACrF,OAAOF;AACT,GACA,wDAAwD"}
|
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "DataGridCell", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return DataGridCell;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useDataGridCell = require("./useDataGridCell");
|
|
12
14
|
const _renderDataGridCell = require("./renderDataGridCell");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
+
const _useDataGridCellStylesstyles = require("./useDataGridCellStyles.styles");
|
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
17
|
const DataGridCell = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
16
18
|
const state = (0, _useDataGridCell.useDataGridCell_unstable)(props, ref);
|
|
17
|
-
(0,
|
|
18
|
-
(0,
|
|
19
|
+
(0, _useDataGridCellStylesstyles.useDataGridCellStyles_unstable)(state);
|
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDataGridCellStyles_unstable')(state);
|
|
19
21
|
return (0, _renderDataGridCell.renderDataGridCell_unstable)(state);
|
|
20
22
|
});
|
|
21
23
|
DataGridCell.displayName = 'DataGridCell';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DataGridCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridCell_unstable } from './useDataGridCell';\nimport { renderDataGridCell_unstable } from './renderDataGridCell';\nimport { useDataGridCellStyles_unstable } from './useDataGridCellStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridCell component\n */ export const DataGridCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDataGridCell_unstable(props, ref);\n useDataGridCellStyles_unstable(state);\n useCustomStyleHook_unstable('useDataGridCellStyles_unstable')(state);\n return renderDataGridCell_unstable(state);\n});\nDataGridCell.displayName = 'DataGridCell';\n"],"names":["DataGridCell","React","forwardRef","props","ref","state","useDataGridCell_unstable","useDataGridCellStyles_unstable","useCustomStyleHook_unstable","renderDataGridCell_unstable","displayName"],"mappings":";;;;+BAOiBA
|
|
1
|
+
{"version":3,"sources":["DataGridCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridCell_unstable } from './useDataGridCell';\nimport { renderDataGridCell_unstable } from './renderDataGridCell';\nimport { useDataGridCellStyles_unstable } from './useDataGridCellStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridCell component\n */ export const DataGridCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDataGridCell_unstable(props, ref);\n useDataGridCellStyles_unstable(state);\n useCustomStyleHook_unstable('useDataGridCellStyles_unstable')(state);\n return renderDataGridCell_unstable(state);\n});\nDataGridCell.displayName = 'DataGridCell';\n"],"names":["DataGridCell","React","forwardRef","props","ref","state","useDataGridCell_unstable","useDataGridCellStyles_unstable","useCustomStyleHook_unstable","renderDataGridCell_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;iCACkB;oCACG;6CACG;qCACH;AAGjC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACvC;AACAL,aAAaU,WAAW,GAAG"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./DataGridCell"), exports);
|
|
7
|
+
_export_star._(require("./DataGridCell.types"), exports);
|
|
8
|
+
_export_star._(require("./renderDataGridCell"), exports);
|
|
9
|
+
_export_star._(require("./useDataGridCell"), exports);
|
|
10
|
+
_export_star._(require("./useDataGridCellStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DataGridCell';\nexport * from './DataGridCell.types';\nexport * from './renderDataGridCell';\nexport * from './useDataGridCell';\nexport * from './useDataGridCellStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DataGridCell';\nexport * from './DataGridCell.types';\nexport * from './renderDataGridCell';\nexport * from './useDataGridCell';\nexport * from './useDataGridCellStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderDataGridCell_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderDataGridCell_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
11
|
const _renderTableCell = require("../TableCell/renderTableCell");
|
|
10
12
|
const renderDataGridCell_unstable = (state)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderDataGridCell.js"],"sourcesContent":["import { renderTableCell_unstable } from '../TableCell/renderTableCell';\n/**\n * Render the final JSX of DataGridCell\n */ export const renderDataGridCell_unstable = (state)=>{\n return renderTableCell_unstable(state);\n};\n"],"names":["renderDataGridCell_unstable","state","renderTableCell_unstable"],"mappings":";;;;+BAGiBA
|
|
1
|
+
{"version":3,"sources":["renderDataGridCell.js"],"sourcesContent":["import { renderTableCell_unstable } from '../TableCell/renderTableCell';\n/**\n * Render the final JSX of DataGridCell\n */ export const renderDataGridCell_unstable = (state)=>{\n return renderTableCell_unstable(state);\n};\n"],"names":["renderDataGridCell_unstable","state","renderTableCell_unstable"],"mappings":";;;;+BAGiBA;;;eAAAA;;;iCAHwB;AAG9B,MAAMA,8BAA8B,CAACC;IAC5C,OAAOC,IAAAA,yCAAwB,EAACD;AACpC"}
|
|
@@ -4,21 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useDataGridCell_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useDataGridCell_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reacttabster = require("@fluentui/react-tabster");
|
|
12
14
|
const _useTableCell = require("../TableCell/useTableCell");
|
|
13
15
|
const _dataGridContext = require("../../contexts/dataGridContext");
|
|
14
16
|
const _columnIdContext = require("../../contexts/columnIdContext");
|
|
15
17
|
const useDataGridCell_unstable = (props, ref)=>{
|
|
16
|
-
const { focusMode ='cell'
|
|
18
|
+
const { focusMode = 'cell' } = props;
|
|
17
19
|
const columnId = (0, _columnIdContext.useColumnIdContext)();
|
|
18
20
|
const tabbable = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>(ctx.focusMode === 'cell' || ctx.focusMode === 'composite') && focusMode !== 'none');
|
|
19
21
|
const resizableColumns = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.resizableColumns);
|
|
20
22
|
const columnSizing = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.columnSizing_unstable);
|
|
21
|
-
const focusableGroupAttr = (0,
|
|
23
|
+
const focusableGroupAttr = (0, _reacttabster.useFocusableGroup)({
|
|
22
24
|
tabBehavior: 'limited-trap-focus'
|
|
23
25
|
});
|
|
24
26
|
return (0, _useTableCell.useTableCell_unstable)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDataGridCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useColumnIdContext } from '../../contexts/columnIdContext';\n/**\n * Create the state required to render DataGridCell.\n *\n * The returned state can be modified with hooks such as useDataGridCellStyles_unstable,\n * before being passed to renderDataGridCell_unstable.\n *\n * @param props - props from this instance of DataGridCell\n * @param ref - reference to root HTMLElement of DataGridCell\n */ export const useDataGridCell_unstable = (props, ref)=>{\n const { focusMode ='cell'
|
|
1
|
+
{"version":3,"sources":["useDataGridCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useColumnIdContext } from '../../contexts/columnIdContext';\n/**\n * Create the state required to render DataGridCell.\n *\n * The returned state can be modified with hooks such as useDataGridCellStyles_unstable,\n * before being passed to renderDataGridCell_unstable.\n *\n * @param props - props from this instance of DataGridCell\n * @param ref - reference to root HTMLElement of DataGridCell\n */ export const useDataGridCell_unstable = (props, ref)=>{\n const { focusMode = 'cell' } = props;\n const columnId = useColumnIdContext();\n const tabbable = useDataGridContext_unstable((ctx)=>(ctx.focusMode === 'cell' || ctx.focusMode === 'composite') && focusMode !== 'none');\n const resizableColumns = useDataGridContext_unstable((ctx)=>ctx.resizableColumns);\n const columnSizing = useDataGridContext_unstable((ctx)=>ctx.columnSizing_unstable);\n const focusableGroupAttr = useFocusableGroup({\n tabBehavior: 'limited-trap-focus'\n });\n return useTableCell_unstable({\n as: 'div',\n role: 'gridcell',\n ...focusMode === 'group' && focusableGroupAttr,\n tabIndex: tabbable ? 0 : undefined,\n ...resizableColumns ? columnSizing.getTableCellProps(columnId) : {},\n ...props\n }, ref);\n};\n"],"names":["useDataGridCell_unstable","props","ref","focusMode","columnId","useColumnIdContext","tabbable","useDataGridContext_unstable","ctx","resizableColumns","columnSizing","columnSizing_unstable","focusableGroupAttr","useFocusableGroup","tabBehavior","useTableCell_unstable","as","role","tabIndex","undefined","getTableCellProps"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;8BACW;8BACI;iCACM;iCACT;AASxB,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,YAAY,MAAM,EAAE,GAAGF;IAC/B,MAAMG,WAAWC,IAAAA,mCAAkB;IACnC,MAAMC,WAAWC,IAAAA,4CAA2B,EAAC,CAACC,MAAM,AAACA,CAAAA,IAAIL,SAAS,KAAK,UAAUK,IAAIL,SAAS,KAAK,WAAU,KAAMA,cAAc;IACjI,MAAMM,mBAAmBF,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIC,gBAAgB;IAChF,MAAMC,eAAeH,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIG,qBAAqB;IACjF,MAAMC,qBAAqBC,IAAAA,+BAAiB,EAAC;QACzCC,aAAa;IACjB;IACA,OAAOC,IAAAA,mCAAqB,EAAC;QACzBC,IAAI;QACJC,MAAM;QACN,GAAGd,cAAc,WAAWS,kBAAkB;QAC9CM,UAAUZ,WAAW,IAAIa;QACzB,GAAGV,mBAAmBC,aAAaU,iBAAiB,CAAChB,YAAY,CAAC,CAAC;QACnE,GAAGH,KAAK;IACZ,GAAGC;AACP"}
|
|
@@ -9,16 +9,20 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
dataGridCellClassNames: ()
|
|
13
|
-
|
|
12
|
+
dataGridCellClassNames: function() {
|
|
13
|
+
return dataGridCellClassNames;
|
|
14
|
+
},
|
|
15
|
+
useDataGridCellStyles_unstable: function() {
|
|
16
|
+
return useDataGridCellStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
|
-
const
|
|
20
|
+
const _useTableCellStylesstyles = require("../TableCell/useTableCellStyles.styles");
|
|
17
21
|
const dataGridCellClassNames = {
|
|
18
22
|
root: 'fui-DataGridCell'
|
|
19
23
|
};
|
|
20
24
|
const useDataGridCellStyles_unstable = (state)=>{
|
|
21
|
-
(0,
|
|
25
|
+
(0, _useTableCellStylesstyles.useTableCellStyles_unstable)(state);
|
|
22
26
|
state.root.className = (0, _react.mergeClasses)(dataGridCellClassNames.root, state.root.className);
|
|
23
27
|
return state;
|
|
24
28
|
}; //# sourceMappingURL=useDataGridCellStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDataGridCellStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableCellStyles_unstable } from '../TableCell/useTableCellStyles.styles';\nexport const dataGridCellClassNames = {\n root: 'fui-DataGridCell'\n};\n/**\n * Apply styling to the DataGridCell slots based on the state\n */\nexport const useDataGridCellStyles_unstable = state => {\n useTableCellStyles_unstable(state);\n state.root.className = mergeClasses(dataGridCellClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDataGridCellStyles.styles.js.map"],"names":["dataGridCellClassNames","useDataGridCellStyles_unstable","root","state","useTableCellStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB
|
|
1
|
+
{"version":3,"sources":["useDataGridCellStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableCellStyles_unstable } from '../TableCell/useTableCellStyles.styles';\nexport const dataGridCellClassNames = {\n root: 'fui-DataGridCell'\n};\n/**\n * Apply styling to the DataGridCell slots based on the state\n */\nexport const useDataGridCellStyles_unstable = state => {\n useTableCellStyles_unstable(state);\n state.root.className = mergeClasses(dataGridCellClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDataGridCellStyles.styles.js.map"],"names":["dataGridCellClassNames","useDataGridCellStyles_unstable","root","state","useTableCellStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB;eAAtBA;;IAMAC,8BAA8B;eAA9BA;;;uBARgB;0CACe;AACrC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AAIO,MAAMD,iCAAiCE,CAAAA;IAC5CC,IAAAA,qDAA2B,EAACD;IAC5BA,MAAMD,IAAI,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACN,uBAAuBE,IAAI,EAAEC,MAAMD,IAAI,CAACG,SAAS;IACrF,OAAOF;AACT,GACA,wDAAwD"}
|
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "DataGridHeader", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return DataGridHeader;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useDataGridHeader = require("./useDataGridHeader");
|
|
12
14
|
const _renderDataGridHeader = require("./renderDataGridHeader");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
+
const _useDataGridHeaderStylesstyles = require("./useDataGridHeaderStyles.styles");
|
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
17
|
const DataGridHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
16
18
|
const state = (0, _useDataGridHeader.useDataGridHeader_unstable)(props, ref);
|
|
17
|
-
(0,
|
|
18
|
-
(0,
|
|
19
|
+
(0, _useDataGridHeaderStylesstyles.useDataGridHeaderStyles_unstable)(state);
|
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDataGridHeaderStyles_unstable')(state);
|
|
19
21
|
return (0, _renderDataGridHeader.renderDataGridHeader_unstable)(state);
|
|
20
22
|
});
|
|
21
23
|
DataGridHeader.displayName = 'DataGridHeader';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DataGridHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridHeader_unstable } from './useDataGridHeader';\nimport { renderDataGridHeader_unstable } from './renderDataGridHeader';\nimport { useDataGridHeaderStyles_unstable } from './useDataGridHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridHeader component\n */ export const DataGridHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDataGridHeader_unstable(props, ref);\n useDataGridHeaderStyles_unstable(state);\n useCustomStyleHook_unstable('useDataGridHeaderStyles_unstable')(state);\n return renderDataGridHeader_unstable(state);\n});\nDataGridHeader.displayName = 'DataGridHeader';\n"],"names":["DataGridHeader","React","forwardRef","props","ref","state","useDataGridHeader_unstable","useDataGridHeaderStyles_unstable","useCustomStyleHook_unstable","renderDataGridHeader_unstable","displayName"],"mappings":";;;;+BAOiBA
|
|
1
|
+
{"version":3,"sources":["DataGridHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridHeader_unstable } from './useDataGridHeader';\nimport { renderDataGridHeader_unstable } from './renderDataGridHeader';\nimport { useDataGridHeaderStyles_unstable } from './useDataGridHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridHeader component\n */ export const DataGridHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDataGridHeader_unstable(props, ref);\n useDataGridHeaderStyles_unstable(state);\n useCustomStyleHook_unstable('useDataGridHeaderStyles_unstable')(state);\n return renderDataGridHeader_unstable(state);\n});\nDataGridHeader.displayName = 'DataGridHeader';\n"],"names":["DataGridHeader","React","forwardRef","props","ref","state","useDataGridHeader_unstable","useDataGridHeaderStyles_unstable","useCustomStyleHook_unstable","renderDataGridHeader_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;mCACoB;sCACG;+CACG;qCACL;AAGjC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,mDAA6B,EAACJ;AACzC;AACAL,eAAeU,WAAW,GAAG"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./DataGridHeader"), exports);
|
|
7
|
+
_export_star._(require("./DataGridHeader.types"), exports);
|
|
8
|
+
_export_star._(require("./renderDataGridHeader"), exports);
|
|
9
|
+
_export_star._(require("./useDataGridHeader"), exports);
|
|
10
|
+
_export_star._(require("./useDataGridHeaderStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DataGridHeader';\nexport * from './DataGridHeader.types';\nexport * from './renderDataGridHeader';\nexport * from './useDataGridHeader';\nexport * from './useDataGridHeaderStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DataGridHeader';\nexport * from './DataGridHeader.types';\nexport * from './renderDataGridHeader';\nexport * from './useDataGridHeader';\nexport * from './useDataGridHeaderStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderDataGridHeader_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderDataGridHeader_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
11
|
const _renderTableHeader = require("../TableHeader/renderTableHeader");
|
|
10
12
|
const renderDataGridHeader_unstable = (state)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderDataGridHeader.js"],"sourcesContent":["import { renderTableHeader_unstable } from '../TableHeader/renderTableHeader';\n/**\n * Render the final JSX of DataGridHeader\n */ export const renderDataGridHeader_unstable = (state)=>{\n return renderTableHeader_unstable(state);\n};\n"],"names":["renderDataGridHeader_unstable","state","renderTableHeader_unstable"],"mappings":";;;;+BAGiBA
|
|
1
|
+
{"version":3,"sources":["renderDataGridHeader.js"],"sourcesContent":["import { renderTableHeader_unstable } from '../TableHeader/renderTableHeader';\n/**\n * Render the final JSX of DataGridHeader\n */ export const renderDataGridHeader_unstable = (state)=>{\n return renderTableHeader_unstable(state);\n};\n"],"names":["renderDataGridHeader_unstable","state","renderTableHeader_unstable"],"mappings":";;;;+BAGiBA;;;eAAAA;;;mCAH0B;AAGhC,MAAMA,gCAAgC,CAACC;IAC9C,OAAOC,IAAAA,6CAA0B,EAACD;AACtC"}
|
|
@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useDataGridHeader_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useDataGridHeader_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useTableHeader = require("../TableHeader/useTableHeader");
|
|
12
14
|
const useDataGridHeader_unstable = (props, ref)=>{
|
|
13
15
|
return (0, _useTableHeader.useTableHeader_unstable)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDataGridHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from '../TableHeader/useTableHeader';\n/**\n * Create the state required to render DataGridHeader.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderStyles_unstable,\n * before being passed to renderDataGridHeader_unstable.\n *\n * @param props - props from this instance of DataGridHeader\n * @param ref - reference to root HTMLElement of DataGridHeader\n */ export const useDataGridHeader_unstable = (props, ref)=>{\n return useTableHeader_unstable({\n ...props,\n as: 'div'\n }, ref);\n};\n"],"names":["useDataGridHeader_unstable","props","ref","useTableHeader_unstable","as"],"mappings":";;;;+BAUiBA
|
|
1
|
+
{"version":3,"sources":["useDataGridHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from '../TableHeader/useTableHeader';\n/**\n * Create the state required to render DataGridHeader.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderStyles_unstable,\n * before being passed to renderDataGridHeader_unstable.\n *\n * @param props - props from this instance of DataGridHeader\n * @param ref - reference to root HTMLElement of DataGridHeader\n */ export const useDataGridHeader_unstable = (props, ref)=>{\n return useTableHeader_unstable({\n ...props,\n as: 'div'\n }, ref);\n};\n"],"names":["useDataGridHeader_unstable","props","ref","useTableHeader_unstable","as"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACiB;AAS7B,MAAMA,6BAA6B,CAACC,OAAOC;IAClD,OAAOC,IAAAA,uCAAuB,EAAC;QAC3B,GAAGF,KAAK;QACRG,IAAI;IACR,GAAGF;AACP"}
|
|
@@ -9,16 +9,20 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
dataGridHeaderClassNames: ()
|
|
13
|
-
|
|
12
|
+
dataGridHeaderClassNames: function() {
|
|
13
|
+
return dataGridHeaderClassNames;
|
|
14
|
+
},
|
|
15
|
+
useDataGridHeaderStyles_unstable: function() {
|
|
16
|
+
return useDataGridHeaderStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
|
-
const
|
|
20
|
+
const _useTableHeaderStylesstyles = require("../TableHeader/useTableHeaderStyles.styles");
|
|
17
21
|
const dataGridHeaderClassNames = {
|
|
18
22
|
root: 'fui-DataGridHeader'
|
|
19
23
|
};
|
|
20
24
|
const useDataGridHeaderStyles_unstable = (state)=>{
|
|
21
|
-
(0,
|
|
25
|
+
(0, _useTableHeaderStylesstyles.useTableHeaderStyles_unstable)(state);
|
|
22
26
|
state.root.className = (0, _react.mergeClasses)(dataGridHeaderClassNames.root, state.root.className);
|
|
23
27
|
return state;
|
|
24
28
|
}; //# sourceMappingURL=useDataGridHeaderStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDataGridHeaderStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableHeaderStyles_unstable } from '../TableHeader/useTableHeaderStyles.styles';\nexport const dataGridHeaderClassNames = {\n root: 'fui-DataGridHeader'\n};\n/**\n * Apply styling to the DataGridHeader slots based on the state\n */\nexport const useDataGridHeaderStyles_unstable = state => {\n useTableHeaderStyles_unstable(state);\n state.root.className = mergeClasses(dataGridHeaderClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDataGridHeaderStyles.styles.js.map"],"names":["dataGridHeaderClassNames","useDataGridHeaderStyles_unstable","root","state","useTableHeaderStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB
|
|
1
|
+
{"version":3,"sources":["useDataGridHeaderStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableHeaderStyles_unstable } from '../TableHeader/useTableHeaderStyles.styles';\nexport const dataGridHeaderClassNames = {\n root: 'fui-DataGridHeader'\n};\n/**\n * Apply styling to the DataGridHeader slots based on the state\n */\nexport const useDataGridHeaderStyles_unstable = state => {\n useTableHeaderStyles_unstable(state);\n state.root.className = mergeClasses(dataGridHeaderClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDataGridHeaderStyles.styles.js.map"],"names":["dataGridHeaderClassNames","useDataGridHeaderStyles_unstable","root","state","useTableHeaderStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAMAC,gCAAgC;eAAhCA;;;uBARgB;4CACiB;AACvC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AAIO,MAAMD,mCAAmCE,CAAAA;IAC9CC,IAAAA,yDAA6B,EAACD;IAC9BA,MAAMD,IAAI,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACN,yBAAyBE,IAAI,EAAEC,MAAMD,IAAI,CAACG,SAAS;IACvF,OAAOF;AACT,GACA,0DAA0D"}
|
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "DataGridHeaderCell", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return DataGridHeaderCell;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useDataGridHeaderCell = require("./useDataGridHeaderCell");
|
|
12
14
|
const _renderDataGridHeaderCell = require("./renderDataGridHeaderCell");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
+
const _useDataGridHeaderCellStylesstyles = require("./useDataGridHeaderCellStyles.styles");
|
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
17
|
const DataGridHeaderCell = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
16
18
|
const state = (0, _useDataGridHeaderCell.useDataGridHeaderCell_unstable)(props, ref);
|
|
17
|
-
(0,
|
|
18
|
-
(0,
|
|
19
|
+
(0, _useDataGridHeaderCellStylesstyles.useDataGridHeaderCellStyles_unstable)(state);
|
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDataGridHeaderCellStyles_unstable')(state);
|
|
19
21
|
return (0, _renderDataGridHeaderCell.renderDataGridHeaderCell_unstable)(state);
|
|
20
22
|
});
|
|
21
23
|
DataGridHeaderCell.displayName = 'DataGridHeaderCell';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DataGridHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridHeaderCell_unstable } from './useDataGridHeaderCell';\nimport { renderDataGridHeaderCell_unstable } from './renderDataGridHeaderCell';\nimport { useDataGridHeaderCellStyles_unstable } from './useDataGridHeaderCellStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridHeaderCell component\n */ export const DataGridHeaderCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDataGridHeaderCell_unstable(props, ref);\n useDataGridHeaderCellStyles_unstable(state);\n useCustomStyleHook_unstable('useDataGridHeaderCellStyles_unstable')(state);\n return renderDataGridHeaderCell_unstable(state);\n});\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n"],"names":["DataGridHeaderCell","React","forwardRef","props","ref","state","useDataGridHeaderCell_unstable","useDataGridHeaderCellStyles_unstable","useCustomStyleHook_unstable","renderDataGridHeaderCell_unstable","displayName"],"mappings":";;;;+BAOiBA
|
|
1
|
+
{"version":3,"sources":["DataGridHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridHeaderCell_unstable } from './useDataGridHeaderCell';\nimport { renderDataGridHeaderCell_unstable } from './renderDataGridHeaderCell';\nimport { useDataGridHeaderCellStyles_unstable } from './useDataGridHeaderCellStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridHeaderCell component\n */ export const DataGridHeaderCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDataGridHeaderCell_unstable(props, ref);\n useDataGridHeaderCellStyles_unstable(state);\n useCustomStyleHook_unstable('useDataGridHeaderCellStyles_unstable')(state);\n return renderDataGridHeaderCell_unstable(state);\n});\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n"],"names":["DataGridHeaderCell","React","forwardRef","props","ref","state","useDataGridHeaderCell_unstable","useDataGridHeaderCellStyles_unstable","useCustomStyleHook_unstable","renderDataGridHeaderCell_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;uCACwB;0CACG;mDACG;qCACT;AAGjC,MAAMA,qBAAqB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzE,MAAMC,QAAQC,IAAAA,qDAA8B,EAACH,OAAOC;IACpDG,IAAAA,uEAAoC,EAACF;IACrCG,IAAAA,gDAA2B,EAAC,wCAAwCH;IACpE,OAAOI,IAAAA,2DAAiC,EAACJ;AAC7C;AACAL,mBAAmBU,WAAW,GAAG"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./DataGridHeaderCell"), exports);
|
|
7
|
+
_export_star._(require("./DataGridHeaderCell.types"), exports);
|
|
8
|
+
_export_star._(require("./renderDataGridHeaderCell"), exports);
|
|
9
|
+
_export_star._(require("./useDataGridHeaderCell"), exports);
|
|
10
|
+
_export_star._(require("./useDataGridHeaderCellStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DataGridHeaderCell';\nexport * from './DataGridHeaderCell.types';\nexport * from './renderDataGridHeaderCell';\nexport * from './useDataGridHeaderCell';\nexport * from './useDataGridHeaderCellStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DataGridHeaderCell';\nexport * from './DataGridHeaderCell.types';\nexport * from './renderDataGridHeaderCell';\nexport * from './useDataGridHeaderCell';\nexport * from './useDataGridHeaderCellStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderDataGridHeaderCell_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderDataGridHeaderCell_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
11
|
const _renderTableHeaderCell = require("../TableHeaderCell/renderTableHeaderCell");
|
|
10
12
|
const renderDataGridHeaderCell_unstable = (state)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderDataGridHeaderCell.js"],"sourcesContent":["import { renderTableHeaderCell_unstable } from '../TableHeaderCell/renderTableHeaderCell';\n/**\n * Render the final JSX of DataGridHeaderCell\n */ export const renderDataGridHeaderCell_unstable = (state)=>{\n return renderTableHeaderCell_unstable(state);\n};\n"],"names":["renderDataGridHeaderCell_unstable","state","renderTableHeaderCell_unstable"],"mappings":";;;;+BAGiBA
|
|
1
|
+
{"version":3,"sources":["renderDataGridHeaderCell.js"],"sourcesContent":["import { renderTableHeaderCell_unstable } from '../TableHeaderCell/renderTableHeaderCell';\n/**\n * Render the final JSX of DataGridHeaderCell\n */ export const renderDataGridHeaderCell_unstable = (state)=>{\n return renderTableHeaderCell_unstable(state);\n};\n"],"names":["renderDataGridHeaderCell_unstable","state","renderTableHeaderCell_unstable"],"mappings":";;;;+BAGiBA;;;eAAAA;;;uCAH8B;AAGpC,MAAMA,oCAAoC,CAACC;IAClD,OAAOC,IAAAA,qDAA8B,EAACD;AAC1C"}
|
|
@@ -4,29 +4,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useDataGridHeaderCell_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useDataGridHeaderCell_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
12
14
|
const _useTableHeaderCell = require("../TableHeaderCell/useTableHeaderCell");
|
|
13
15
|
const _dataGridContext = require("../../contexts/dataGridContext");
|
|
14
16
|
const _columnIdContext = require("../../contexts/columnIdContext");
|
|
15
17
|
const _tableContext = require("../../contexts/tableContext");
|
|
16
18
|
const useDataGridHeaderCell_unstable = (props, ref)=>{
|
|
17
19
|
const columnId = (0, _columnIdContext.useColumnIdContext)();
|
|
18
|
-
const { sortable
|
|
20
|
+
const { sortable } = (0, _tableContext.useTableContext)();
|
|
19
21
|
const toggleColumnSort = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.sort.toggleColumnSort);
|
|
20
22
|
const sortDirection = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>sortable ? ctx.sort.getSortDirection(columnId) : undefined);
|
|
21
23
|
const resizableColumns = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.resizableColumns);
|
|
22
24
|
const columnSizing = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.columnSizing_unstable);
|
|
23
25
|
// eslint-disable-next-line deprecation/deprecation -- prefer HTMLTableCellElement
|
|
24
|
-
const onClick = (0,
|
|
25
|
-
var _props_onClick;
|
|
26
|
+
const onClick = (0, _reactutilities.useEventCallback)((e)=>{
|
|
27
|
+
var _props_onClick, _props;
|
|
26
28
|
if (sortable) {
|
|
27
29
|
toggleColumnSort(e, columnId);
|
|
28
30
|
}
|
|
29
|
-
(_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(
|
|
31
|
+
(_props_onClick = (_props = props).onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(_props, e);
|
|
30
32
|
});
|
|
31
33
|
return (0, _useTableHeaderCell.useTableHeaderCell_unstable)({
|
|
32
34
|
sortDirection,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDataGridHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useTableHeaderCell_unstable } from '../TableHeaderCell/useTableHeaderCell';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useColumnIdContext } from '../../contexts/columnIdContext';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render DataGridHeaderCell.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderCellStyles_unstable,\n * before being passed to renderDataGridHeaderCell_unstable.\n *\n * @param props - props from this instance of DataGridHeaderCell\n * @param ref - reference to root HTMLElement of DataGridHeaderCell\n */ export const useDataGridHeaderCell_unstable = (props, ref)=>{\n const columnId = useColumnIdContext();\n const { sortable
|
|
1
|
+
{"version":3,"sources":["useDataGridHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useTableHeaderCell_unstable } from '../TableHeaderCell/useTableHeaderCell';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useColumnIdContext } from '../../contexts/columnIdContext';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render DataGridHeaderCell.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderCellStyles_unstable,\n * before being passed to renderDataGridHeaderCell_unstable.\n *\n * @param props - props from this instance of DataGridHeaderCell\n * @param ref - reference to root HTMLElement of DataGridHeaderCell\n */ export const useDataGridHeaderCell_unstable = (props, ref)=>{\n const columnId = useColumnIdContext();\n const { sortable } = useTableContext();\n const toggleColumnSort = useDataGridContext_unstable((ctx)=>ctx.sort.toggleColumnSort);\n const sortDirection = useDataGridContext_unstable((ctx)=>sortable ? ctx.sort.getSortDirection(columnId) : undefined);\n const resizableColumns = useDataGridContext_unstable((ctx)=>ctx.resizableColumns);\n const columnSizing = useDataGridContext_unstable((ctx)=>ctx.columnSizing_unstable);\n // eslint-disable-next-line deprecation/deprecation -- prefer HTMLTableCellElement\n const onClick = useEventCallback((e)=>{\n var _props_onClick, _props;\n if (sortable) {\n toggleColumnSort(e, columnId);\n }\n (_props_onClick = (_props = props).onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(_props, e);\n });\n return useTableHeaderCell_unstable({\n sortDirection,\n as: 'div',\n tabIndex: sortable ? undefined : 0,\n ...resizableColumns ? columnSizing.getTableHeaderCellProps(columnId) : {},\n ...props,\n onClick\n }, ref);\n};\n"],"names":["useDataGridHeaderCell_unstable","props","ref","columnId","useColumnIdContext","sortable","useTableContext","toggleColumnSort","useDataGridContext_unstable","ctx","sort","sortDirection","getSortDirection","undefined","resizableColumns","columnSizing","columnSizing_unstable","onClick","useEventCallback","e","_props_onClick","_props","call","useTableHeaderCell_unstable","as","tabIndex","getTableHeaderCellProps"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;gCACU;oCACW;iCACA;iCACT;8BACH;AASrB,MAAMA,iCAAiC,CAACC,OAAOC;IACtD,MAAMC,WAAWC,IAAAA,mCAAkB;IACnC,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,6BAAe;IACpC,MAAMC,mBAAmBC,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIC,IAAI,CAACH,gBAAgB;IACrF,MAAMI,gBAAgBH,IAAAA,4CAA2B,EAAC,CAACC,MAAMJ,WAAWI,IAAIC,IAAI,CAACE,gBAAgB,CAACT,YAAYU;IAC1G,MAAMC,mBAAmBN,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIK,gBAAgB;IAChF,MAAMC,eAAeP,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIO,qBAAqB;IACjF,kFAAkF;IAClF,MAAMC,UAAUC,IAAAA,gCAAgB,EAAC,CAACC;QAC9B,IAAIC,gBAAgBC;QACpB,IAAIhB,UAAU;YACVE,iBAAiBY,GAAGhB;QACxB;QACCiB,CAAAA,iBAAiB,AAACC,CAAAA,SAASpB,KAAI,EAAGgB,OAAO,AAAD,MAAO,QAAQG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeE,IAAI,CAACD,QAAQF;IAC7H;IACA,OAAOI,IAAAA,+CAA2B,EAAC;QAC/BZ;QACAa,IAAI;QACJC,UAAUpB,WAAWQ,YAAY;QACjC,GAAGC,mBAAmBC,aAAaW,uBAAuB,CAACvB,YAAY,CAAC,CAAC;QACzE,GAAGF,KAAK;QACRgB;IACJ,GAAGf;AACP"}
|
|
@@ -9,11 +9,15 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
dataGridHeaderCellClassNames: ()
|
|
13
|
-
|
|
12
|
+
dataGridHeaderCellClassNames: function() {
|
|
13
|
+
return dataGridHeaderCellClassNames;
|
|
14
|
+
},
|
|
15
|
+
useDataGridHeaderCellStyles_unstable: function() {
|
|
16
|
+
return useDataGridHeaderCellStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
|
-
const
|
|
20
|
+
const _useTableHeaderCellStylesstyles = require("../TableHeaderCell/useTableHeaderCellStyles.styles");
|
|
17
21
|
const dataGridHeaderCellClassNames = {
|
|
18
22
|
root: 'fui-DataGridHeaderCell',
|
|
19
23
|
button: 'fui-DataGridHeaderCell__button',
|
|
@@ -21,7 +25,7 @@ const dataGridHeaderCellClassNames = {
|
|
|
21
25
|
aside: 'fui-DataGridHeaderCell__aside'
|
|
22
26
|
};
|
|
23
27
|
const useDataGridHeaderCellStyles_unstable = (state)=>{
|
|
24
|
-
(0,
|
|
28
|
+
(0, _useTableHeaderCellStylesstyles.useTableHeaderCellStyles_unstable)(state);
|
|
25
29
|
state.root.className = (0, _react.mergeClasses)(dataGridHeaderCellClassNames.root, state.root.className);
|
|
26
30
|
if (state.button) {
|
|
27
31
|
state.button.className = (0, _react.mergeClasses)(dataGridHeaderCellClassNames.button, state.button.className);
|
package/lib-commonjs/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDataGridHeaderCellStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles.styles';\nexport const dataGridHeaderCellClassNames = {\n root: 'fui-DataGridHeaderCell',\n button: 'fui-DataGridHeaderCell__button',\n sortIcon: 'fui-DataGridHeaderCell__sortIcon',\n aside: 'fui-DataGridHeaderCell__aside'\n};\n/**\n * Apply styling to the DataGridHeaderCell slots based on the state\n */\nexport const useDataGridHeaderCellStyles_unstable = state => {\n useTableHeaderCellStyles_unstable(state);\n state.root.className = mergeClasses(dataGridHeaderCellClassNames.root, state.root.className);\n if (state.button) {\n state.button.className = mergeClasses(dataGridHeaderCellClassNames.button, state.button.className);\n }\n if (state.sortIcon) {\n state.sortIcon.className = mergeClasses(dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(dataGridHeaderCellClassNames.aside, state.aside.className);\n }\n return state;\n};\n//# sourceMappingURL=useDataGridHeaderCellStyles.styles.js.map"],"names":["dataGridHeaderCellClassNames","useDataGridHeaderCellStyles_unstable","root","button","sortIcon","aside","state","useTableHeaderCellStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,4BAA4B
|
|
1
|
+
{"version":3,"sources":["useDataGridHeaderCellStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles.styles';\nexport const dataGridHeaderCellClassNames = {\n root: 'fui-DataGridHeaderCell',\n button: 'fui-DataGridHeaderCell__button',\n sortIcon: 'fui-DataGridHeaderCell__sortIcon',\n aside: 'fui-DataGridHeaderCell__aside'\n};\n/**\n * Apply styling to the DataGridHeaderCell slots based on the state\n */\nexport const useDataGridHeaderCellStyles_unstable = state => {\n useTableHeaderCellStyles_unstable(state);\n state.root.className = mergeClasses(dataGridHeaderCellClassNames.root, state.root.className);\n if (state.button) {\n state.button.className = mergeClasses(dataGridHeaderCellClassNames.button, state.button.className);\n }\n if (state.sortIcon) {\n state.sortIcon.className = mergeClasses(dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(dataGridHeaderCellClassNames.aside, state.aside.className);\n }\n return state;\n};\n//# sourceMappingURL=useDataGridHeaderCellStyles.styles.js.map"],"names":["dataGridHeaderCellClassNames","useDataGridHeaderCellStyles_unstable","root","button","sortIcon","aside","state","useTableHeaderCellStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,4BAA4B;eAA5BA;;IASAC,oCAAoC;eAApCA;;;uBAXgB;gDACqB;AAC3C,MAAMD,+BAA+B;IAC1CE,MAAM;IACNC,QAAQ;IACRC,UAAU;IACVC,OAAO;AACT;AAIO,MAAMJ,uCAAuCK,CAAAA;IAClDC,IAAAA,iEAAiC,EAACD;IAClCA,MAAMJ,IAAI,CAACM,SAAS,GAAGC,IAAAA,mBAAY,EAACT,6BAA6BE,IAAI,EAAEI,MAAMJ,IAAI,CAACM,SAAS;IAC3F,IAAIF,MAAMH,MAAM,EAAE;QAChBG,MAAMH,MAAM,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACT,6BAA6BG,MAAM,EAAEG,MAAMH,MAAM,CAACK,SAAS;IACnG;IACA,IAAIF,MAAMF,QAAQ,EAAE;QAClBE,MAAMF,QAAQ,CAACI,SAAS,GAAGC,IAAAA,mBAAY,EAACT,6BAA6BI,QAAQ,EAAEE,MAAMF,QAAQ,CAACI,SAAS;IACzG;IACA,IAAIF,MAAMD,KAAK,EAAE;QACfC,MAAMD,KAAK,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACT,6BAA6BK,KAAK,EAAEC,MAAMD,KAAK,CAACG,SAAS;IAChG;IACA,OAAOF;AACT,GACA,8DAA8D"}
|