material-react-table 1.15.0 → 2.0.0-alpha.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.
- package/dist/cjs/index.js +1624 -1269
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/MaterialReactTable.d.ts +7 -11
- package/dist/cjs/types/body/MRT_TableBody.d.ts +4 -5
- package/dist/cjs/types/body/MRT_TableBodyCell.d.ts +5 -5
- package/dist/cjs/types/body/MRT_TableBodyCellValue.d.ts +4 -4
- package/dist/cjs/types/body/MRT_TableBodyRow.d.ts +6 -6
- package/dist/cjs/types/body/MRT_TableBodyRowGrabHandle.d.ts +5 -5
- package/dist/cjs/types/body/MRT_TableBodyRowPinButton.d.ts +7 -0
- package/dist/cjs/types/body/MRT_TableDetailPanel.d.ts +6 -6
- package/dist/cjs/types/body/index.d.ts +7 -0
- package/dist/cjs/types/buttons/MRT_ColumnPinningButtons.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_CopyButton.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_EditActionButtons.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_ExpandAllButton.d.ts +3 -3
- package/dist/cjs/types/buttons/MRT_ExpandButton.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_GrabHandleButton.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_RowPinButton.d.ts +9 -0
- package/dist/cjs/types/buttons/MRT_ShowHideColumnsButton.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_ToggleDensePaddingButton.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_ToggleFiltersButton.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_ToggleFullScreenButton.d.ts +7 -0
- package/dist/cjs/types/buttons/MRT_ToggleGlobalFilterButton.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +2 -2
- package/dist/cjs/types/buttons/index.d.ts +13 -0
- package/dist/cjs/types/column.utils.d.ts +40 -51
- package/dist/cjs/types/filterFns.d.ts +14 -14
- package/dist/cjs/types/footer/MRT_TableFooter.d.ts +3 -3
- package/dist/cjs/types/footer/MRT_TableFooterCell.d.ts +4 -4
- package/dist/cjs/types/footer/MRT_TableFooterRow.d.ts +4 -4
- package/dist/cjs/types/footer/index.d.ts +3 -0
- package/dist/cjs/types/head/MRT_TableHead.d.ts +3 -3
- package/dist/cjs/types/head/MRT_TableHeadCell.d.ts +4 -4
- package/dist/cjs/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +4 -4
- package/dist/cjs/types/head/MRT_TableHeadCellFilterContainer.d.ts +4 -4
- package/dist/cjs/types/head/MRT_TableHeadCellFilterLabel.d.ts +4 -4
- package/dist/cjs/types/head/MRT_TableHeadCellGrabHandle.d.ts +4 -4
- package/dist/cjs/types/head/MRT_TableHeadCellResizeHandle.d.ts +4 -4
- package/dist/cjs/types/head/MRT_TableHeadCellSortLabel.d.ts +4 -4
- package/dist/cjs/types/head/MRT_TableHeadRow.d.ts +4 -4
- package/dist/cjs/types/head/index.d.ts +9 -0
- package/dist/cjs/types/hooks/useMRT_DisplayColumns.d.ts +9 -0
- package/dist/cjs/types/hooks/useMRT_Effects.d.ts +2 -0
- package/dist/cjs/types/hooks/useMRT_TableInstance.d.ts +2 -0
- package/dist/cjs/types/hooks/useMRT_TableOptions.d.ts +2 -0
- package/dist/cjs/types/index.d.ts +14 -25
- package/dist/cjs/types/inputs/MRT_EditCellTextField.d.ts +2 -3
- package/dist/cjs/types/inputs/MRT_FilterCheckbox.d.ts +4 -4
- package/dist/cjs/types/inputs/MRT_FilterRangeFields.d.ts +4 -4
- package/dist/cjs/types/inputs/MRT_FilterRangeSlider.d.ts +4 -4
- package/dist/cjs/types/inputs/MRT_FilterTextField.d.ts +4 -4
- package/dist/cjs/types/inputs/MRT_GlobalFilterTextField.d.ts +2 -2
- package/dist/cjs/types/inputs/MRT_SelectCheckbox.d.ts +4 -4
- package/dist/cjs/types/inputs/index.d.ts +7 -0
- package/dist/cjs/types/locales/ar.d.ts +2 -0
- package/dist/cjs/types/locales/bg.d.ts +2 -0
- package/dist/cjs/types/locales/et.d.ts +2 -0
- package/dist/cjs/types/locales/ko.d.ts +2 -0
- package/dist/cjs/types/menus/MRT_ColumnActionMenu.d.ts +4 -4
- package/dist/cjs/types/menus/MRT_FilterOptionMenu.d.ts +2 -2
- package/dist/cjs/types/menus/MRT_RowActionMenu.d.ts +4 -4
- package/dist/cjs/types/menus/MRT_ShowHideColumnsMenu.d.ts +2 -2
- package/dist/cjs/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +2 -2
- package/dist/cjs/types/menus/index.d.ts +5 -0
- package/dist/cjs/types/modals/MRT_EditRowModal.d.ts +7 -0
- package/dist/cjs/types/modals/index.d.ts +1 -0
- package/dist/cjs/types/sortingFns.d.ts +3 -2
- package/dist/cjs/types/table/MRT_Table.d.ts +3 -3
- package/dist/cjs/types/table/MRT_TableContainer.d.ts +3 -3
- package/dist/cjs/types/table/MRT_TablePaper.d.ts +3 -3
- package/dist/cjs/types/table/index.d.ts +4 -0
- package/dist/cjs/types/toolbar/MRT_BottomToolbar.d.ts +2 -2
- package/dist/cjs/types/toolbar/MRT_LinearProgressBar.d.ts +2 -2
- package/dist/cjs/types/toolbar/MRT_TablePagination.d.ts +2 -2
- package/dist/cjs/types/toolbar/MRT_ToolbarAlertBanner.d.ts +2 -2
- package/dist/cjs/types/toolbar/MRT_ToolbarDropZone.d.ts +2 -2
- package/dist/cjs/types/toolbar/MRT_ToolbarInternalButtons.d.ts +2 -2
- package/dist/cjs/types/toolbar/MRT_TopToolbar.d.ts +2 -2
- package/dist/cjs/types/toolbar/index.d.ts +7 -0
- package/dist/cjs/types/types.d.ts +128 -91
- package/dist/cjs/types/useMaterialReactTable.d.ts +2 -0
- package/dist/esm/material-react-table.esm.js +1567 -1279
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/MaterialReactTable.d.ts +7 -11
- package/dist/esm/types/body/MRT_TableBody.d.ts +4 -5
- package/dist/esm/types/body/MRT_TableBodyCell.d.ts +5 -5
- package/dist/esm/types/body/MRT_TableBodyCellValue.d.ts +4 -4
- package/dist/esm/types/body/MRT_TableBodyRow.d.ts +6 -6
- package/dist/esm/types/body/MRT_TableBodyRowGrabHandle.d.ts +5 -5
- package/dist/esm/types/body/MRT_TableBodyRowPinButton.d.ts +7 -0
- package/dist/esm/types/body/MRT_TableDetailPanel.d.ts +6 -6
- package/dist/esm/types/body/index.d.ts +7 -0
- package/dist/esm/types/buttons/MRT_ColumnPinningButtons.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_CopyButton.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_EditActionButtons.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_ExpandAllButton.d.ts +3 -3
- package/dist/esm/types/buttons/MRT_ExpandButton.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_GrabHandleButton.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_RowPinButton.d.ts +9 -0
- package/dist/esm/types/buttons/MRT_ShowHideColumnsButton.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_ToggleDensePaddingButton.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_ToggleFiltersButton.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_ToggleFullScreenButton.d.ts +7 -0
- package/dist/esm/types/buttons/MRT_ToggleGlobalFilterButton.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +2 -2
- package/dist/esm/types/buttons/index.d.ts +13 -0
- package/dist/esm/types/column.utils.d.ts +40 -51
- package/dist/esm/types/filterFns.d.ts +14 -14
- package/dist/esm/types/footer/MRT_TableFooter.d.ts +3 -3
- package/dist/esm/types/footer/MRT_TableFooterCell.d.ts +4 -4
- package/dist/esm/types/footer/MRT_TableFooterRow.d.ts +4 -4
- package/dist/esm/types/footer/index.d.ts +3 -0
- package/dist/esm/types/head/MRT_TableHead.d.ts +3 -3
- package/dist/esm/types/head/MRT_TableHeadCell.d.ts +4 -4
- package/dist/esm/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +4 -4
- package/dist/esm/types/head/MRT_TableHeadCellFilterContainer.d.ts +4 -4
- package/dist/esm/types/head/MRT_TableHeadCellFilterLabel.d.ts +4 -4
- package/dist/esm/types/head/MRT_TableHeadCellGrabHandle.d.ts +4 -4
- package/dist/esm/types/head/MRT_TableHeadCellResizeHandle.d.ts +4 -4
- package/dist/esm/types/head/MRT_TableHeadCellSortLabel.d.ts +4 -4
- package/dist/esm/types/head/MRT_TableHeadRow.d.ts +4 -4
- package/dist/esm/types/head/index.d.ts +9 -0
- package/dist/esm/types/hooks/useMRT_DisplayColumns.d.ts +9 -0
- package/dist/esm/types/hooks/useMRT_Effects.d.ts +2 -0
- package/dist/esm/types/hooks/useMRT_TableInstance.d.ts +2 -0
- package/dist/esm/types/hooks/useMRT_TableOptions.d.ts +2 -0
- package/dist/esm/types/index.d.ts +14 -25
- package/dist/esm/types/inputs/MRT_EditCellTextField.d.ts +2 -3
- package/dist/esm/types/inputs/MRT_FilterCheckbox.d.ts +4 -4
- package/dist/esm/types/inputs/MRT_FilterRangeFields.d.ts +4 -4
- package/dist/esm/types/inputs/MRT_FilterRangeSlider.d.ts +4 -4
- package/dist/esm/types/inputs/MRT_FilterTextField.d.ts +4 -4
- package/dist/esm/types/inputs/MRT_GlobalFilterTextField.d.ts +2 -2
- package/dist/esm/types/inputs/MRT_SelectCheckbox.d.ts +4 -4
- package/dist/esm/types/inputs/index.d.ts +7 -0
- package/dist/esm/types/locales/ar.d.ts +2 -0
- package/dist/esm/types/locales/bg.d.ts +2 -0
- package/dist/esm/types/locales/et.d.ts +2 -0
- package/dist/esm/types/locales/ko.d.ts +2 -0
- package/dist/esm/types/menus/MRT_ColumnActionMenu.d.ts +4 -4
- package/dist/esm/types/menus/MRT_FilterOptionMenu.d.ts +2 -2
- package/dist/esm/types/menus/MRT_RowActionMenu.d.ts +4 -4
- package/dist/esm/types/menus/MRT_ShowHideColumnsMenu.d.ts +2 -2
- package/dist/esm/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +2 -2
- package/dist/esm/types/menus/index.d.ts +5 -0
- package/dist/esm/types/modals/MRT_EditRowModal.d.ts +7 -0
- package/dist/esm/types/modals/index.d.ts +1 -0
- package/dist/esm/types/sortingFns.d.ts +3 -2
- package/dist/esm/types/table/MRT_Table.d.ts +3 -3
- package/dist/esm/types/table/MRT_TableContainer.d.ts +3 -3
- package/dist/esm/types/table/MRT_TablePaper.d.ts +3 -3
- package/dist/esm/types/table/index.d.ts +4 -0
- package/dist/esm/types/toolbar/MRT_BottomToolbar.d.ts +2 -2
- package/dist/esm/types/toolbar/MRT_LinearProgressBar.d.ts +2 -2
- package/dist/esm/types/toolbar/MRT_TablePagination.d.ts +2 -2
- package/dist/esm/types/toolbar/MRT_ToolbarAlertBanner.d.ts +2 -2
- package/dist/esm/types/toolbar/MRT_ToolbarDropZone.d.ts +2 -2
- package/dist/esm/types/toolbar/MRT_ToolbarInternalButtons.d.ts +2 -2
- package/dist/esm/types/toolbar/MRT_TopToolbar.d.ts +2 -2
- package/dist/esm/types/toolbar/index.d.ts +7 -0
- package/dist/esm/types/types.d.ts +128 -91
- package/dist/esm/types/useMaterialReactTable.d.ts +2 -0
- package/dist/index.d.ts +626 -155
- package/locales/ar.d.ts +2 -0
- package/locales/ar.esm.d.ts +2 -0
- package/locales/ar.esm.js +93 -0
- package/locales/ar.esm.js.map +1 -0
- package/locales/ar.js +97 -0
- package/locales/ar.js.map +1 -0
- package/locales/bg.d.ts +2 -0
- package/locales/bg.esm.d.ts +2 -0
- package/locales/bg.esm.js +93 -0
- package/locales/bg.esm.js.map +1 -0
- package/locales/bg.js +97 -0
- package/locales/bg.js.map +1 -0
- package/locales/cs.esm.js +1 -2
- package/locales/cs.esm.js.map +1 -1
- package/locales/cs.js +1 -2
- package/locales/cs.js.map +1 -1
- package/locales/da.esm.js +0 -1
- package/locales/da.esm.js.map +1 -1
- package/locales/da.js +0 -1
- package/locales/da.js.map +1 -1
- package/locales/de.esm.js +0 -1
- package/locales/de.esm.js.map +1 -1
- package/locales/de.js +0 -1
- package/locales/de.js.map +1 -1
- package/locales/en.esm.js +1 -1
- package/locales/en.esm.js.map +1 -1
- package/locales/en.js +1 -1
- package/locales/en.js.map +1 -1
- package/locales/es.esm.js +0 -1
- package/locales/es.esm.js.map +1 -1
- package/locales/es.js +0 -1
- package/locales/es.js.map +1 -1
- package/locales/et.d.ts +2 -0
- package/locales/et.esm.d.ts +2 -0
- package/locales/et.esm.js +93 -0
- package/locales/et.esm.js.map +1 -0
- package/locales/et.js +97 -0
- package/locales/et.js.map +1 -0
- package/locales/fa.esm.js +0 -1
- package/locales/fa.esm.js.map +1 -1
- package/locales/fa.js +0 -1
- package/locales/fa.js.map +1 -1
- package/locales/fi.esm.js +0 -1
- package/locales/fi.esm.js.map +1 -1
- package/locales/fi.js +0 -1
- package/locales/fi.js.map +1 -1
- package/locales/fr.esm.js +0 -1
- package/locales/fr.esm.js.map +1 -1
- package/locales/fr.js +0 -1
- package/locales/fr.js.map +1 -1
- package/locales/hu.esm.js +0 -1
- package/locales/hu.esm.js.map +1 -1
- package/locales/hu.js +0 -1
- package/locales/hu.js.map +1 -1
- package/locales/id.esm.js +0 -1
- package/locales/id.esm.js.map +1 -1
- package/locales/id.js +0 -1
- package/locales/id.js.map +1 -1
- package/locales/it.esm.js +0 -1
- package/locales/it.esm.js.map +1 -1
- package/locales/it.js +0 -1
- package/locales/it.js.map +1 -1
- package/locales/ja.esm.js +0 -1
- package/locales/ja.esm.js.map +1 -1
- package/locales/ja.js +0 -1
- package/locales/ja.js.map +1 -1
- package/locales/ko.d.ts +2 -0
- package/locales/ko.esm.d.ts +2 -0
- package/locales/ko.esm.js +93 -0
- package/locales/ko.esm.js.map +1 -0
- package/locales/ko.js +97 -0
- package/locales/ko.js.map +1 -0
- package/locales/nl.esm.js +0 -1
- package/locales/nl.esm.js.map +1 -1
- package/locales/nl.js +0 -1
- package/locales/nl.js.map +1 -1
- package/locales/no.esm.js +0 -1
- package/locales/no.esm.js.map +1 -1
- package/locales/no.js +0 -1
- package/locales/no.js.map +1 -1
- package/locales/pl.esm.js +0 -1
- package/locales/pl.esm.js.map +1 -1
- package/locales/pl.js +0 -1
- package/locales/pl.js.map +1 -1
- package/locales/pt-BR.esm.js +0 -1
- package/locales/pt-BR.esm.js.map +1 -1
- package/locales/pt-BR.js +0 -1
- package/locales/pt-BR.js.map +1 -1
- package/locales/pt.esm.js +0 -1
- package/locales/pt.esm.js.map +1 -1
- package/locales/pt.js +0 -1
- package/locales/pt.js.map +1 -1
- package/locales/ro.esm.js +0 -1
- package/locales/ro.esm.js.map +1 -1
- package/locales/ro.js +0 -1
- package/locales/ro.js.map +1 -1
- package/locales/ru.esm.js +0 -1
- package/locales/ru.esm.js.map +1 -1
- package/locales/ru.js +0 -1
- package/locales/ru.js.map +1 -1
- package/locales/sk.esm.js +0 -1
- package/locales/sk.esm.js.map +1 -1
- package/locales/sk.js +0 -1
- package/locales/sk.js.map +1 -1
- package/locales/sr-Cyrl-RS.esm.js +0 -1
- package/locales/sr-Cyrl-RS.esm.js.map +1 -1
- package/locales/sr-Cyrl-RS.js +0 -1
- package/locales/sr-Cyrl-RS.js.map +1 -1
- package/locales/sr-Latn-RS.esm.js +0 -1
- package/locales/sr-Latn-RS.esm.js.map +1 -1
- package/locales/sr-Latn-RS.js +0 -1
- package/locales/sr-Latn-RS.js.map +1 -1
- package/locales/sv.esm.js +0 -1
- package/locales/sv.esm.js.map +1 -1
- package/locales/sv.js +0 -1
- package/locales/sv.js.map +1 -1
- package/package.json +18 -16
- package/src/MaterialReactTable.tsx +31 -168
- package/src/body/MRT_TableBody.tsx +184 -93
- package/src/body/MRT_TableBodyCell.tsx +55 -56
- package/src/body/MRT_TableBodyCellValue.tsx +7 -4
- package/src/body/MRT_TableBodyRow.tsx +111 -23
- package/src/body/MRT_TableBodyRowGrabHandle.tsx +15 -11
- package/src/body/MRT_TableBodyRowPinButton.tsx +46 -0
- package/src/body/MRT_TableDetailPanel.tsx +21 -27
- package/src/body/index.ts +7 -0
- package/src/buttons/MRT_ColumnPinningButtons.tsx +2 -4
- package/src/buttons/MRT_CopyButton.tsx +17 -23
- package/src/buttons/MRT_EditActionButtons.tsx +56 -25
- package/src/buttons/MRT_ExpandAllButton.tsx +10 -10
- package/src/buttons/MRT_ExpandButton.tsx +8 -9
- package/src/buttons/MRT_GrabHandleButton.tsx +4 -5
- package/src/buttons/MRT_RowPinButton.tsx +74 -0
- package/src/buttons/MRT_ShowHideColumnsButton.tsx +2 -5
- package/src/buttons/MRT_ToggleDensePaddingButton.tsx +2 -3
- package/src/buttons/MRT_ToggleFiltersButton.tsx +2 -5
- package/src/buttons/{MRT_FullScreenToggleButton.tsx → MRT_ToggleFullScreenButton.tsx} +13 -6
- package/src/buttons/MRT_ToggleGlobalFilterButton.tsx +3 -5
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +18 -11
- package/src/buttons/index.ts +13 -0
- package/src/column.utils.ts +107 -50
- package/src/filterFns.ts +14 -14
- package/src/footer/MRT_TableFooter.tsx +17 -11
- package/src/footer/MRT_TableFooterCell.tsx +14 -24
- package/src/footer/MRT_TableFooterRow.tsx +12 -13
- package/src/footer/index.ts +3 -0
- package/src/head/MRT_TableHead.tsx +15 -11
- package/src/head/MRT_TableHeadCell.tsx +16 -24
- package/src/head/MRT_TableHeadCellColumnActionsButton.tsx +18 -24
- package/src/head/MRT_TableHeadCellFilterContainer.tsx +9 -4
- package/src/head/MRT_TableHeadCellFilterLabel.tsx +9 -4
- package/src/head/MRT_TableHeadCellGrabHandle.tsx +13 -20
- package/src/head/MRT_TableHeadCellResizeHandle.tsx +9 -4
- package/src/head/MRT_TableHeadCellSortLabel.tsx +8 -6
- package/src/head/MRT_TableHeadRow.tsx +12 -13
- package/src/head/index.ts +9 -0
- package/src/hooks/useMRT_DisplayColumns.tsx +155 -0
- package/src/hooks/useMRT_Effects.ts +77 -0
- package/src/hooks/useMRT_TableInstance.ts +297 -0
- package/src/hooks/useMRT_TableOptions.ts +173 -0
- package/src/index.ts +16 -0
- package/src/inputs/MRT_EditCellTextField.tsx +47 -41
- package/src/inputs/MRT_FilterCheckbox.tsx +19 -28
- package/src/inputs/MRT_FilterRangeFields.tsx +7 -4
- package/src/inputs/MRT_FilterRangeSlider.tsx +14 -32
- package/src/inputs/MRT_FilterTextField.tsx +18 -34
- package/src/inputs/MRT_GlobalFilterTextField.tsx +6 -8
- package/src/inputs/MRT_SelectCheckbox.tsx +39 -21
- package/src/inputs/index.ts +7 -0
- package/src/locales/ar.ts +94 -0
- package/src/locales/bg.ts +93 -0
- package/src/{_locales → locales}/cs.ts +1 -2
- package/src/{_locales → locales}/da.ts +0 -1
- package/src/{_locales → locales}/de.ts +0 -1
- package/src/{_locales → locales}/en.ts +1 -1
- package/src/{_locales → locales}/es.ts +0 -1
- package/src/locales/et.ts +94 -0
- package/src/{_locales → locales}/fa.ts +0 -1
- package/src/{_locales → locales}/fi.ts +0 -1
- package/src/{_locales → locales}/fr.ts +0 -1
- package/src/{_locales → locales}/hu.ts +0 -1
- package/src/{_locales → locales}/id.ts +0 -1
- package/src/{_locales → locales}/it.ts +0 -1
- package/src/{_locales → locales}/ja.ts +0 -1
- package/src/locales/ko.ts +93 -0
- package/src/{_locales → locales}/nl.ts +0 -1
- package/src/{_locales → locales}/no.ts +1 -1
- package/src/{_locales → locales}/pl.ts +0 -1
- package/src/{_locales → locales}/pt-BR.ts +0 -1
- package/src/{_locales → locales}/pt.ts +0 -1
- package/src/{_locales → locales}/ro.ts +0 -1
- package/src/{_locales → locales}/ru.ts +0 -1
- package/src/{_locales → locales}/sk.ts +0 -1
- package/src/{_locales → locales}/sr-Cyrl-RS.ts +0 -1
- package/src/{_locales → locales}/sr-Latn-RS.ts +0 -1
- package/src/{_locales → locales}/sv.ts +0 -1
- package/src/{_locales → locales}/tr.ts +0 -1
- package/src/{_locales → locales}/uk.ts +0 -1
- package/src/{_locales → locales}/vi.ts +0 -1
- package/src/{_locales → locales}/zh-Hans.ts +7 -8
- package/src/{_locales → locales}/zh-Hant.ts +1 -2
- package/src/menus/MRT_ColumnActionMenu.tsx +8 -8
- package/src/menus/MRT_FilterOptionMenu.tsx +4 -3
- package/src/menus/MRT_RowActionMenu.tsx +16 -17
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +4 -6
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +4 -4
- package/src/menus/index.ts +5 -0
- package/src/modals/MRT_EditRowModal.tsx +107 -0
- package/src/modals/index.ts +1 -0
- package/src/sortingFns.ts +6 -2
- package/src/table/MRT_Table.tsx +42 -40
- package/src/table/MRT_TableContainer.tsx +24 -12
- package/src/table/MRT_TablePaper.tsx +22 -17
- package/src/table/index.ts +4 -0
- package/src/toolbar/MRT_BottomToolbar.tsx +16 -22
- package/src/toolbar/MRT_LinearProgressBar.tsx +7 -6
- package/src/toolbar/MRT_TablePagination.tsx +7 -9
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +10 -13
- package/src/toolbar/MRT_ToolbarDropZone.tsx +2 -2
- package/src/toolbar/MRT_ToolbarInternalButtons.tsx +6 -8
- package/src/toolbar/MRT_TopToolbar.tsx +10 -16
- package/src/toolbar/index.ts +7 -0
- package/src/types.ts +803 -770
- package/src/useMaterialReactTable.ts +11 -0
- package/dist/cjs/types/body/MRT_EditRowModal.d.ts +0 -8
- package/dist/cjs/types/buttons/MRT_FullScreenToggleButton.d.ts +0 -7
- package/dist/cjs/types/table/MRT_TableRoot.d.ts +0 -1
- package/dist/esm/types/body/MRT_EditRowModal.d.ts +0 -8
- package/dist/esm/types/buttons/MRT_FullScreenToggleButton.d.ts +0 -7
- package/dist/esm/types/table/MRT_TableRoot.d.ts +0 -1
- package/locales/tr.d.ts +0 -2
- package/locales/tr.esm.d.ts +0 -2
- package/locales/tr.esm.js +0 -94
- package/locales/tr.esm.js.map +0 -1
- package/locales/tr.js +0 -98
- package/locales/tr.js.map +0 -1
- package/locales/uk.d.ts +0 -2
- package/locales/uk.esm.d.ts +0 -2
- package/locales/uk.esm.js +0 -94
- package/locales/uk.esm.js.map +0 -1
- package/locales/uk.js +0 -98
- package/locales/uk.js.map +0 -1
- package/locales/vi.d.ts +0 -2
- package/locales/vi.esm.d.ts +0 -2
- package/locales/vi.esm.js +0 -94
- package/locales/vi.esm.js.map +0 -1
- package/locales/vi.js +0 -98
- package/locales/vi.js.map +0 -1
- package/locales/zh-Hans.d.ts +0 -2
- package/locales/zh-Hans.esm.d.ts +0 -2
- package/locales/zh-Hans.esm.js +0 -94
- package/locales/zh-Hans.esm.js.map +0 -1
- package/locales/zh-Hans.js +0 -98
- package/locales/zh-Hans.js.map +0 -1
- package/locales/zh-Hant.d.ts +0 -2
- package/locales/zh-Hant.esm.d.ts +0 -2
- package/locales/zh-Hant.esm.js +0 -94
- package/locales/zh-Hant.esm.js.map +0 -1
- package/locales/zh-Hant.js +0 -98
- package/locales/zh-Hant.js.map +0 -1
- package/src/body/MRT_EditRowModal.tsx +0 -57
- package/src/index.tsx +0 -50
- package/src/table/MRT_TableRoot.tsx +0 -421
- /package/dist/cjs/types/{_locales → locales}/cs.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/da.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/de.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/en.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/es.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/fa.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/fi.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/fr.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/hu.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/id.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/it.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/ja.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/nl.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/no.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/pl.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/pt-BR.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/pt.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/ro.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/ru.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/sk.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/sr-Cyrl-RS.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/sr-Latn-RS.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/sv.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/tr.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/uk.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/vi.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/zh-Hans.d.ts +0 -0
- /package/dist/cjs/types/{_locales → locales}/zh-Hant.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/cs.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/da.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/de.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/en.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/es.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/fa.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/fi.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/fr.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/hu.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/id.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/it.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/ja.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/nl.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/no.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/pl.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/pt-BR.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/pt.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/ro.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/ru.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/sk.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/sr-Cyrl-RS.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/sr-Latn-RS.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/sv.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/tr.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/uk.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/vi.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/zh-Hans.d.ts +0 -0
- /package/dist/esm/types/{_locales → locales}/zh-Hant.d.ts +0 -0
package/dist/index.d.ts
CHANGED
@@ -1,15 +1,16 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import { MutableRefObject, Dispatch, SetStateAction, ReactNode, DragEventHandler } from 'react';
|
2
|
+
import { MutableRefObject, Dispatch, SetStateAction, ReactNode, RefObject, DragEventHandler, MouseEvent } from 'react';
|
3
3
|
import { AlertProps } from '@mui/material/Alert';
|
4
4
|
import { ButtonProps } from '@mui/material/Button';
|
5
5
|
import { CheckboxProps } from '@mui/material/Checkbox';
|
6
6
|
import { ChipProps } from '@mui/material/Chip';
|
7
|
+
import { DialogProps } from '@mui/material/Dialog';
|
7
8
|
import { IconButtonProps } from '@mui/material/IconButton';
|
8
9
|
import { LinearProgressProps } from '@mui/material/LinearProgress';
|
9
10
|
import { PaperProps } from '@mui/material/Paper';
|
10
11
|
import { RadioProps } from '@mui/material/Radio';
|
11
12
|
import { SkeletonProps } from '@mui/material/Skeleton';
|
12
|
-
import { SliderProps } from '@mui/material';
|
13
|
+
import { SliderProps } from '@mui/material/Slider';
|
13
14
|
import { TableBodyProps } from '@mui/material/TableBody';
|
14
15
|
import { TableCellProps } from '@mui/material/TableCell';
|
15
16
|
import { TableContainerProps } from '@mui/material/TableContainer';
|
@@ -21,11 +22,13 @@ import { TableRowProps } from '@mui/material/TableRow';
|
|
21
22
|
import { TextFieldProps } from '@mui/material/TextField';
|
22
23
|
import { ToolbarProps } from '@mui/material/Toolbar';
|
23
24
|
import * as _tanstack_react_table from '@tanstack/react-table';
|
24
|
-
import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn } from '@tanstack/react-table';
|
25
|
+
import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn, RowPinningPosition, ColumnOrderState, GroupingState, Renderable } from '@tanstack/react-table';
|
25
26
|
export { ColumnFiltersState as MRT_ColumnFiltersState, ColumnOrderState as MRT_ColumnOrderState, ColumnPinningState as MRT_ColumnPinningState, ColumnSizingInfoState as MRT_ColumnSizingInfoState, ColumnSizingState as MRT_ColumnSizingState, ExpandedState as MRT_ExpandedState, GroupingState as MRT_GroupingState, PaginationState as MRT_PaginationState, RowSelectionState as MRT_RowSelectionState, SortingState as MRT_SortingState, Updater as MRT_Updater, VisibilityState as MRT_VisibilityState } from '@tanstack/react-table';
|
26
|
-
import { Virtualizer, VirtualizerOptions } from '@tanstack/react-virtual';
|
27
|
+
import { Virtualizer, VirtualizerOptions, VirtualItem } from '@tanstack/react-virtual';
|
27
28
|
export { VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions } from '@tanstack/react-virtual';
|
29
|
+
import * as _tanstack_match_sorter_utils from '@tanstack/match-sorter-utils';
|
28
30
|
import { RankingInfo } from '@tanstack/match-sorter-utils';
|
31
|
+
import { Theme } from '@mui/material/styles';
|
29
32
|
|
30
33
|
declare const MRT_AggregationFns: {
|
31
34
|
sum: _tanstack_react_table.AggregationFn<any>;
|
@@ -41,59 +44,59 @@ declare const MRT_AggregationFns: {
|
|
41
44
|
|
42
45
|
declare const MRT_FilterFns: {
|
43
46
|
between: {
|
44
|
-
<TData extends Record<string, any
|
47
|
+
<TData extends Record<string, any>>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
|
45
48
|
autoRemove(val: any): boolean;
|
46
49
|
};
|
47
50
|
betweenInclusive: {
|
48
|
-
<TData_1 extends Record<string, any
|
51
|
+
<TData_1 extends Record<string, any>>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
|
49
52
|
autoRemove(val: any): boolean;
|
50
53
|
};
|
51
54
|
contains: {
|
52
|
-
<TData_2 extends Record<string, any
|
55
|
+
<TData_2 extends Record<string, any>>(row: Row<TData_2>, id: string, filterValue: string | number): boolean;
|
53
56
|
autoRemove(val: any): boolean;
|
54
57
|
};
|
55
58
|
empty: {
|
56
|
-
<TData_3 extends Record<string, any
|
59
|
+
<TData_3 extends Record<string, any>>(row: Row<TData_3>, id: string, _filterValue: string | number): boolean;
|
57
60
|
autoRemove(val: any): boolean;
|
58
61
|
};
|
59
62
|
endsWith: {
|
60
|
-
<TData_4 extends Record<string, any
|
63
|
+
<TData_4 extends Record<string, any>>(row: Row<TData_4>, id: string, filterValue: string | number): boolean;
|
61
64
|
autoRemove(val: any): boolean;
|
62
65
|
};
|
63
66
|
equals: {
|
64
|
-
<TData_5 extends Record<string, any
|
67
|
+
<TData_5 extends Record<string, any>>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
|
65
68
|
autoRemove(val: any): boolean;
|
66
69
|
};
|
67
70
|
fuzzy: {
|
68
|
-
<TData_6 extends Record<string, any
|
71
|
+
<TData_6 extends Record<string, any>>(row: Row<TData_6>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
|
69
72
|
autoRemove(val: any): boolean;
|
70
73
|
};
|
71
74
|
greaterThan: {
|
72
|
-
<TData_7 extends Record<string, any
|
75
|
+
<TData_7 extends Record<string, any>>(row: Row<TData_7>, id: string, filterValue: string | number): boolean;
|
73
76
|
autoRemove(val: any): boolean;
|
74
77
|
};
|
75
78
|
greaterThanOrEqualTo: {
|
76
|
-
<TData_8 extends Record<string, any
|
79
|
+
<TData_8 extends Record<string, any>>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
|
77
80
|
autoRemove(val: any): boolean;
|
78
81
|
};
|
79
82
|
lessThan: {
|
80
|
-
<TData_9 extends Record<string, any
|
83
|
+
<TData_9 extends Record<string, any>>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
|
81
84
|
autoRemove(val: any): boolean;
|
82
85
|
};
|
83
86
|
lessThanOrEqualTo: {
|
84
|
-
<TData_10 extends Record<string, any
|
87
|
+
<TData_10 extends Record<string, any>>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
|
85
88
|
autoRemove(val: any): boolean;
|
86
89
|
};
|
87
90
|
notEmpty: {
|
88
|
-
<TData_11 extends Record<string, any
|
91
|
+
<TData_11 extends Record<string, any>>(row: Row<TData_11>, id: string, _filterValue: string | number): boolean;
|
89
92
|
autoRemove(val: any): boolean;
|
90
93
|
};
|
91
94
|
notEquals: {
|
92
|
-
<TData_12 extends Record<string, any
|
95
|
+
<TData_12 extends Record<string, any>>(row: Row<TData_12>, id: string, filterValue: string | number): boolean;
|
93
96
|
autoRemove(val: any): boolean;
|
94
97
|
};
|
95
98
|
startsWith: {
|
96
|
-
<TData_13 extends Record<string, any
|
99
|
+
<TData_13 extends Record<string, any>>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
|
97
100
|
autoRemove(val: any): boolean;
|
98
101
|
};
|
99
102
|
includesString: _tanstack_react_table.FilterFn<any>;
|
@@ -107,7 +110,7 @@ declare const MRT_FilterFns: {
|
|
107
110
|
};
|
108
111
|
|
109
112
|
declare const MRT_SortingFns: {
|
110
|
-
fuzzy: <TData extends Record<string, any
|
113
|
+
fuzzy: <TData extends Record<string, any>>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
|
111
114
|
alphanumeric: _tanstack_react_table.SortingFn<any>;
|
112
115
|
alphanumericCaseSensitive: _tanstack_react_table.SortingFn<any>;
|
113
116
|
text: _tanstack_react_table.SortingFn<any>;
|
@@ -115,6 +118,7 @@ declare const MRT_SortingFns: {
|
|
115
118
|
datetime: _tanstack_react_table.SortingFn<any>;
|
116
119
|
basic: _tanstack_react_table.SortingFn<any>;
|
117
120
|
};
|
121
|
+
declare const rankGlobalFuzzy: <TData extends Record<string, any>>(rowA: MRT_Row<TData>, rowB: MRT_Row<TData>) => number;
|
118
122
|
|
119
123
|
interface MRT_Icons {
|
120
124
|
ArrowDownwardIcon: any;
|
@@ -147,12 +151,17 @@ interface MRT_Icons {
|
|
147
151
|
VisibilityOffIcon: any;
|
148
152
|
}
|
149
153
|
|
154
|
+
type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
|
150
155
|
type Prettify<T> = {
|
151
156
|
[K in keyof T]: T[K];
|
152
|
-
} &
|
153
|
-
type
|
157
|
+
} & unknown;
|
158
|
+
type Xor<A, B> = Prettify<A & {
|
159
|
+
[k in keyof B]?: never;
|
160
|
+
}> | Prettify<B & {
|
161
|
+
[k in keyof A]?: never;
|
162
|
+
}>;
|
154
163
|
type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
|
155
|
-
type
|
164
|
+
type MRT_ColumnFilterFnsState = Record<string, MRT_FilterOption>;
|
156
165
|
|
157
166
|
interface MRT_Localization {
|
158
167
|
actions: string;
|
@@ -186,9 +195,10 @@ interface MRT_Localization {
|
|
186
195
|
filterFuzzy: string;
|
187
196
|
filterGreaterThan: string;
|
188
197
|
filterGreaterThanOrEqualTo: string;
|
189
|
-
filterInNumberRange: string;
|
190
198
|
filterIncludesString: string;
|
191
199
|
filterIncludesStringSensitive: string;
|
200
|
+
filteringByColumn: string;
|
201
|
+
filterInNumberRange: string;
|
192
202
|
filterLessThan: string;
|
193
203
|
filterLessThanOrEqualTo: string;
|
194
204
|
filterMode: string;
|
@@ -196,7 +206,6 @@ interface MRT_Localization {
|
|
196
206
|
filterNotEquals: string;
|
197
207
|
filterStartsWith: string;
|
198
208
|
filterWeakEquals: string;
|
199
|
-
filteringByColumn: string;
|
200
209
|
goToFirstPage: string;
|
201
210
|
goToLastPage: string;
|
202
211
|
goToNextPage: string;
|
@@ -213,6 +222,7 @@ interface MRT_Localization {
|
|
213
222
|
noResultsFound: string;
|
214
223
|
of: string;
|
215
224
|
or: string;
|
225
|
+
pin?: string;
|
216
226
|
pinToLeft: string;
|
217
227
|
pinToRight: string;
|
218
228
|
resetColumnSize: string;
|
@@ -243,23 +253,25 @@ interface MRT_Localization {
|
|
243
253
|
ungroupByColumn: string;
|
244
254
|
unpin: string;
|
245
255
|
unpinAll: string;
|
246
|
-
unsorted: string;
|
247
256
|
}
|
248
|
-
interface MRT_RowModel<TData extends Record<string, any
|
257
|
+
interface MRT_RowModel<TData extends Record<string, any>> {
|
249
258
|
flatRows: MRT_Row<TData>[];
|
250
259
|
rows: MRT_Row<TData>[];
|
251
260
|
rowsById: {
|
252
261
|
[key: string]: MRT_Row<TData>;
|
253
262
|
};
|
254
263
|
}
|
255
|
-
type MRT_TableInstance<TData extends Record<string, any
|
264
|
+
type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getBottomRows' | 'getCenterLeafColumns' | 'getCenterRows' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getHeaderGroups' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'getTopRows' | 'options'> & {
|
256
265
|
getAllColumns: () => MRT_Column<TData>[];
|
257
266
|
getAllFlatColumns: () => MRT_Column<TData>[];
|
258
267
|
getAllLeafColumns: () => MRT_Column<TData>[];
|
268
|
+
getBottomRows: () => MRT_Row<TData>[];
|
259
269
|
getCenterLeafColumns: () => MRT_Column<TData>[];
|
270
|
+
getCenterRows: () => MRT_Row<TData>[];
|
260
271
|
getColumn: (columnId: string) => MRT_Column<TData>;
|
261
272
|
getExpandedRowModel: () => MRT_RowModel<TData>;
|
262
273
|
getFlatHeaders: () => MRT_Header<TData>[];
|
274
|
+
getHeaderGroups: () => MRT_HeaderGroup<TData>[];
|
263
275
|
getLeftLeafColumns: () => MRT_Column<TData>[];
|
264
276
|
getPaginationRowModel: () => MRT_RowModel<TData>;
|
265
277
|
getPreFilteredRowModel: () => MRT_RowModel<TData>;
|
@@ -268,10 +280,8 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<T
|
|
268
280
|
getRowModel: () => MRT_RowModel<TData>;
|
269
281
|
getSelectedRowModel: () => MRT_RowModel<TData>;
|
270
282
|
getState: () => MRT_TableState<TData>;
|
271
|
-
|
272
|
-
|
273
|
-
localization: MRT_Localization;
|
274
|
-
};
|
283
|
+
getTopRows: () => MRT_Row<TData>[];
|
284
|
+
options: MRT_DefinedTableOptions<TData>;
|
275
285
|
refs: {
|
276
286
|
bottomToolbarRef: MutableRefObject<HTMLDivElement>;
|
277
287
|
editInputRefs: MutableRefObject<Record<string, HTMLInputElement>>;
|
@@ -281,8 +291,11 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<T
|
|
281
291
|
tableHeadCellRefs: MutableRefObject<Record<string, HTMLTableCellElement>>;
|
282
292
|
tablePaperRef: MutableRefObject<HTMLDivElement>;
|
283
293
|
topToolbarRef: MutableRefObject<HTMLDivElement>;
|
294
|
+
tableHeadRef: MutableRefObject<HTMLTableSectionElement>;
|
295
|
+
tableFooterRef: MutableRefObject<HTMLTableSectionElement>;
|
284
296
|
};
|
285
|
-
|
297
|
+
setCreatingRow: Dispatch<SetStateAction<MRT_Row<TData> | null | true>>;
|
298
|
+
setColumnFilterFns: Dispatch<SetStateAction<MRT_ColumnFilterFnsState>>;
|
286
299
|
setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
|
287
300
|
setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
|
288
301
|
setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
|
@@ -300,9 +313,14 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<T
|
|
300
313
|
setShowColumnFilters: Dispatch<SetStateAction<boolean>>;
|
301
314
|
setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
|
302
315
|
setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
|
303
|
-
}
|
304
|
-
type
|
305
|
-
|
316
|
+
};
|
317
|
+
type MRT_DefinedTableOptions<TData extends Record<string, any>> = MRT_TableOptions<TData> & {
|
318
|
+
localization: MRT_Localization;
|
319
|
+
icons: MRT_Icons;
|
320
|
+
};
|
321
|
+
type MRT_TableState<TData extends Record<string, any>> = TableState & {
|
322
|
+
columnFilterFns: MRT_ColumnFilterFnsState;
|
323
|
+
creatingRow: MRT_Row<TData> | null;
|
306
324
|
density: MRT_DensityState;
|
307
325
|
draggingColumn: MRT_Column<TData> | null;
|
308
326
|
draggingRow: MRT_Row<TData> | null;
|
@@ -317,14 +335,15 @@ type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<TableStat
|
|
317
335
|
} | null;
|
318
336
|
isFullScreen: boolean;
|
319
337
|
isLoading: boolean;
|
338
|
+
isSaving: boolean;
|
320
339
|
showAlertBanner: boolean;
|
321
340
|
showColumnFilters: boolean;
|
322
341
|
showGlobalFilter: boolean;
|
323
342
|
showProgressBars: boolean;
|
324
343
|
showSkeletons: boolean;
|
325
344
|
showToolbarDropZone: boolean;
|
326
|
-
}
|
327
|
-
type MRT_ColumnDef<TData extends Record<string, any
|
345
|
+
};
|
346
|
+
type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, unknown>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
|
328
347
|
AggregatedCell?: (props: {
|
329
348
|
cell: MRT_Cell<TData>;
|
330
349
|
column: MRT_Column<TData>;
|
@@ -336,6 +355,7 @@ type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TDat
|
|
336
355
|
renderedCellValue: number | string | ReactNode;
|
337
356
|
column: MRT_Column<TData>;
|
338
357
|
row: MRT_Row<TData>;
|
358
|
+
rowRef?: RefObject<HTMLTableRowElement>;
|
339
359
|
table: MRT_TableInstance<TData>;
|
340
360
|
}) => ReactNode;
|
341
361
|
Edit?: (props: {
|
@@ -436,13 +456,13 @@ type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TDat
|
|
436
456
|
* @default gets set to the same value as `accessorKey` by default
|
437
457
|
*/
|
438
458
|
id?: LiteralUnion<string & keyof TData>;
|
439
|
-
|
459
|
+
muiCopyButtonProps?: ButtonProps | ((props: {
|
440
460
|
cell: MRT_Cell<TData>;
|
441
461
|
column: MRT_Column<TData>;
|
442
462
|
row: MRT_Row<TData>;
|
443
463
|
table: MRT_TableInstance<TData>;
|
444
464
|
}) => ButtonProps);
|
445
|
-
|
465
|
+
muiEditTextFieldProps?: TextFieldProps | ((props: {
|
446
466
|
cell: MRT_Cell<TData>;
|
447
467
|
column: MRT_Column<TData>;
|
448
468
|
row: MRT_Row<TData>;
|
@@ -458,27 +478,27 @@ type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TDat
|
|
458
478
|
table: MRT_TableInstance<TData>;
|
459
479
|
column: MRT_Column<TData>;
|
460
480
|
}) => TableCellProps);
|
461
|
-
|
481
|
+
muiColumnActionsButtonProps?: IconButtonProps | ((props: {
|
462
482
|
table: MRT_TableInstance<TData>;
|
463
483
|
column: MRT_Column<TData>;
|
464
484
|
}) => IconButtonProps);
|
465
|
-
|
485
|
+
muiColumnDragHandleProps?: IconButtonProps | ((props: {
|
466
486
|
table: MRT_TableInstance<TData>;
|
467
487
|
column: MRT_Column<TData>;
|
468
488
|
}) => IconButtonProps);
|
469
|
-
|
489
|
+
muiFilterCheckboxProps?: CheckboxProps | ((props: {
|
470
490
|
column: MRT_Column<TData>;
|
471
491
|
table: MRT_TableInstance<TData>;
|
472
492
|
}) => CheckboxProps);
|
473
|
-
|
493
|
+
muiFilterTextFieldProps?: TextFieldProps | ((props: {
|
474
494
|
table: MRT_TableInstance<TData>;
|
475
495
|
column: MRT_Column<TData>;
|
476
496
|
rangeFilterIndex?: number;
|
477
497
|
}) => TextFieldProps);
|
478
|
-
|
498
|
+
muiFilterSliderProps?: SliderProps | ((props: {
|
479
499
|
table: MRT_TableInstance<TData>;
|
480
500
|
column: MRT_Column<TData>;
|
481
|
-
}) =>
|
501
|
+
}) => SliderProps);
|
482
502
|
muiTableHeadCellProps?: TableCellProps | ((props: {
|
483
503
|
table: MRT_TableInstance<TData>;
|
484
504
|
column: MRT_Column<TData>;
|
@@ -497,48 +517,47 @@ type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TDat
|
|
497
517
|
}) => ReactNode[];
|
498
518
|
sortingFn?: MRT_SortingFn<TData>;
|
499
519
|
};
|
500
|
-
type MRT_DefinedColumnDef<TData extends Record<string, any
|
520
|
+
type MRT_DefinedColumnDef<TData extends Record<string, any>> = Omit<MRT_ColumnDef<TData>, 'id' | 'defaultDisplayColumn'> & {
|
501
521
|
defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
|
502
522
|
id: string;
|
503
523
|
_filterFn: MRT_FilterOption;
|
504
524
|
};
|
505
|
-
type MRT_Column<TData extends Record<string, any
|
525
|
+
type MRT_Column<TData extends Record<string, any>> = Omit<Column<TData, unknown>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
|
506
526
|
columnDef: MRT_DefinedColumnDef<TData>;
|
507
527
|
columns?: MRT_Column<TData>[];
|
508
528
|
filterFn?: MRT_FilterFn<TData>;
|
509
529
|
footer: string;
|
510
530
|
header: string;
|
511
531
|
};
|
512
|
-
type MRT_Header<TData extends Record<string, any
|
532
|
+
type MRT_Header<TData extends Record<string, any>> = Omit<Header<TData, unknown>, 'column'> & {
|
513
533
|
column: MRT_Column<TData>;
|
514
|
-
}
|
515
|
-
type MRT_HeaderGroup<TData extends Record<string, any
|
534
|
+
};
|
535
|
+
type MRT_HeaderGroup<TData extends Record<string, any>> = Omit<HeaderGroup<TData>, 'headers'> & {
|
516
536
|
headers: MRT_Header<TData>[];
|
517
|
-
}
|
518
|
-
type MRT_Row<TData extends Record<string, any
|
537
|
+
};
|
538
|
+
type MRT_Row<TData extends Record<string, any>> = Omit<Row<TData>, 'getVisibleCells' | 'getAllCells' | 'subRows' | '_valuesCache'> & {
|
519
539
|
getAllCells: () => MRT_Cell<TData>[];
|
520
540
|
getVisibleCells: () => MRT_Cell<TData>[];
|
521
541
|
subRows?: MRT_Row<TData>[];
|
522
542
|
_valuesCache: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
|
523
|
-
}
|
524
|
-
type MRT_Cell<TData extends Record<string, any
|
543
|
+
};
|
544
|
+
type MRT_Cell<TData extends Record<string, any>> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
|
525
545
|
column: MRT_Column<TData>;
|
526
546
|
row: MRT_Row<TData>;
|
527
|
-
}
|
547
|
+
};
|
528
548
|
type MRT_AggregationOption = string & keyof typeof MRT_AggregationFns;
|
529
|
-
type MRT_AggregationFn<TData extends Record<string, any
|
549
|
+
type MRT_AggregationFn<TData extends Record<string, any>> = AggregationFn<TData> | MRT_AggregationOption;
|
530
550
|
type MRT_SortingOption = LiteralUnion<string & keyof typeof MRT_SortingFns>;
|
531
|
-
type MRT_SortingFn<TData extends Record<string, any
|
551
|
+
type MRT_SortingFn<TData extends Record<string, any>> = SortingFn<TData> | MRT_SortingOption;
|
532
552
|
type MRT_FilterOption = LiteralUnion<string & keyof typeof MRT_FilterFns>;
|
533
|
-
type MRT_FilterFn<TData extends Record<string, any
|
553
|
+
type MRT_FilterFn<TData extends Record<string, any>> = FilterFn<TData> | MRT_FilterOption;
|
534
554
|
type MRT_InternalFilterOption = {
|
555
|
+
divider: boolean;
|
556
|
+
label: string;
|
535
557
|
option: string;
|
536
558
|
symbol: string;
|
537
|
-
label: string;
|
538
|
-
divider: boolean;
|
539
559
|
};
|
540
|
-
type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-select';
|
541
|
-
type MRT_CreateTableFeature<TData extends Record<string, any> = {}, TFeature = any> = (table: MRT_TableInstance<TData>) => TFeature;
|
560
|
+
type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-select' | 'mrt-row-pin';
|
542
561
|
/**
|
543
562
|
* `columns` and `data` props are the only required props, but there are over 170 other optional props.
|
544
563
|
*
|
@@ -548,7 +567,7 @@ type MRT_CreateTableFeature<TData extends Record<string, any> = {}, TFeature = a
|
|
548
567
|
* See the full props list on the official docs site:
|
549
568
|
* @link https://www.material-react-table.com/docs/api/props
|
550
569
|
*/
|
551
|
-
type
|
570
|
+
type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
|
552
571
|
columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
553
572
|
/**
|
554
573
|
* The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
|
@@ -561,6 +580,10 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
561
580
|
* @link https://www.material-react-table.com/docs/api/column-options
|
562
581
|
*/
|
563
582
|
columns: MRT_ColumnDef<TData>[];
|
583
|
+
columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
|
584
|
+
columnVirtualizerOptions?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
|
585
|
+
table: MRT_TableInstance<TData>;
|
586
|
+
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
|
564
587
|
/**
|
565
588
|
* Pass your data as an array of objects. Objects can theoretically be any shape, but it's best to keep them consistent.
|
566
589
|
*
|
@@ -577,9 +600,14 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
577
600
|
*/
|
578
601
|
defaultDisplayColumn?: Partial<MRT_ColumnDef<TData>>;
|
579
602
|
displayColumnDefOptions?: Partial<{
|
580
|
-
[key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef
|
603
|
+
[key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef<TData>>;
|
581
604
|
}>;
|
582
|
-
|
605
|
+
createDisplayMode?: 'modal' | 'row' | 'custom';
|
606
|
+
editDisplayMode?: 'modal' | 'row' | 'cell' | 'table' | 'custom';
|
607
|
+
columnFilterDisplayMode?: 'subheader' | 'popover' | 'custom';
|
608
|
+
paginationDisplayMode?: 'default' | 'pages' | 'custom';
|
609
|
+
selectDisplayMode?: 'checkbox' | 'radio' | 'switch';
|
610
|
+
rowPinningDisplayMode?: 'sticky' | 'top' | 'bottom' | 'top-and-bottom' | 'select-sticky' | 'select-top' | 'select-bottom';
|
583
611
|
enableBottomToolbar?: boolean;
|
584
612
|
enableClickToCopy?: boolean;
|
585
613
|
enableColumnActions?: boolean;
|
@@ -657,13 +685,13 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
657
685
|
table: MRT_TableInstance<TData>;
|
658
686
|
row: MRT_Row<TData>;
|
659
687
|
}) => CheckboxProps | RadioProps);
|
660
|
-
|
688
|
+
muiCopyButtonProps?: ButtonProps | ((props: {
|
661
689
|
cell: MRT_Cell<TData>;
|
662
690
|
column: MRT_Column<TData>;
|
663
691
|
row: MRT_Row<TData>;
|
664
692
|
table: MRT_TableInstance<TData>;
|
665
693
|
}) => ButtonProps);
|
666
|
-
|
694
|
+
muiEditTextFieldProps?: TextFieldProps | ((props: {
|
667
695
|
cell: MRT_Cell<TData>;
|
668
696
|
column: MRT_Column<TData>;
|
669
697
|
row: MRT_Row<TData>;
|
@@ -675,7 +703,7 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
675
703
|
row: MRT_Row<TData>;
|
676
704
|
table: MRT_TableInstance<TData>;
|
677
705
|
}) => TableCellProps);
|
678
|
-
|
706
|
+
muiSkeletonProps?: SkeletonProps | ((props: {
|
679
707
|
cell: MRT_Cell<TData>;
|
680
708
|
column: MRT_Column<TData>;
|
681
709
|
row: MRT_Row<TData>;
|
@@ -684,7 +712,7 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
684
712
|
muiTableBodyProps?: TableBodyProps | ((props: {
|
685
713
|
table: MRT_TableInstance<TData>;
|
686
714
|
}) => TableBodyProps);
|
687
|
-
|
715
|
+
muiRowDragHandleProps?: IconButtonProps | ((props: {
|
688
716
|
table: MRT_TableInstance<TData>;
|
689
717
|
row: MRT_Row<TData>;
|
690
718
|
}) => IconButtonProps);
|
@@ -697,7 +725,7 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
697
725
|
muiTableContainerProps?: TableContainerProps | ((props: {
|
698
726
|
table: MRT_TableInstance<TData>;
|
699
727
|
}) => TableContainerProps);
|
700
|
-
|
728
|
+
muiDetailPanelProps?: TableCellProps | ((props: {
|
701
729
|
table: MRT_TableInstance<TData>;
|
702
730
|
row: MRT_Row<TData>;
|
703
731
|
}) => TableCellProps);
|
@@ -712,27 +740,35 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
712
740
|
table: MRT_TableInstance<TData>;
|
713
741
|
footerGroup: MRT_HeaderGroup<TData>;
|
714
742
|
}) => TableRowProps);
|
715
|
-
|
743
|
+
muiColumnActionsButtonProps?: IconButtonProps | ((props: {
|
716
744
|
table: MRT_TableInstance<TData>;
|
717
745
|
column: MRT_Column<TData>;
|
718
746
|
}) => IconButtonProps);
|
719
|
-
|
747
|
+
muiColumnDragHandleProps?: IconButtonProps | ((props: {
|
720
748
|
table: MRT_TableInstance<TData>;
|
721
749
|
column: MRT_Column<TData>;
|
722
750
|
}) => IconButtonProps);
|
723
|
-
|
751
|
+
muiFilterCheckboxProps?: CheckboxProps | ((props: {
|
724
752
|
column: MRT_Column<TData>;
|
725
753
|
table: MRT_TableInstance<TData>;
|
726
754
|
}) => CheckboxProps);
|
727
|
-
|
755
|
+
muiFilterTextFieldProps?: TextFieldProps | ((props: {
|
728
756
|
table: MRT_TableInstance<TData>;
|
729
757
|
column: MRT_Column<TData>;
|
730
758
|
rangeFilterIndex?: number;
|
731
759
|
}) => TextFieldProps);
|
732
|
-
|
760
|
+
muiFilterSliderProps?: SliderProps | ((props: {
|
733
761
|
table: MRT_TableInstance<TData>;
|
734
762
|
column: MRT_Column<TData>;
|
735
|
-
}) =>
|
763
|
+
}) => SliderProps);
|
764
|
+
muiCreateRowModalProps?: DialogProps | ((props: {
|
765
|
+
row: MRT_Row<TData>;
|
766
|
+
table: MRT_TableInstance<TData>;
|
767
|
+
}) => DialogProps);
|
768
|
+
muiEditRowModalProps?: DialogProps | ((props: {
|
769
|
+
row: MRT_Row<TData>;
|
770
|
+
table: MRT_TableInstance<TData>;
|
771
|
+
}) => DialogProps);
|
736
772
|
muiTableHeadCellProps?: TableCellProps | ((props: {
|
737
773
|
table: MRT_TableInstance<TData>;
|
738
774
|
column: MRT_Column<TData>;
|
@@ -762,6 +798,20 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
762
798
|
muiTopToolbarProps?: ToolbarProps | ((props: {
|
763
799
|
table: MRT_TableInstance<TData>;
|
764
800
|
}) => ToolbarProps);
|
801
|
+
onCreatingRowCancel?: (props: {
|
802
|
+
row: MRT_Row<TData>;
|
803
|
+
table: MRT_TableInstance<TData>;
|
804
|
+
}) => void;
|
805
|
+
onCreatingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
|
806
|
+
onCreatingRowSave?: (props: {
|
807
|
+
exitCreatingMode: () => void;
|
808
|
+
row: MRT_Row<TData>;
|
809
|
+
table: MRT_TableInstance<TData>;
|
810
|
+
values: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
|
811
|
+
}) => void;
|
812
|
+
onColumnFilterFnsChange?: OnChangeFn<{
|
813
|
+
[key: string]: MRT_FilterOption;
|
814
|
+
}>;
|
765
815
|
onDensityChange?: OnChangeFn<MRT_DensityState>;
|
766
816
|
onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
|
767
817
|
onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
|
@@ -770,19 +820,20 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
770
820
|
row: MRT_Row<TData>;
|
771
821
|
table: MRT_TableInstance<TData>;
|
772
822
|
}) => void;
|
823
|
+
onEditingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
|
773
824
|
onEditingRowSave?: (props: {
|
774
825
|
exitEditingMode: () => void;
|
775
826
|
row: MRT_Row<TData>;
|
776
827
|
table: MRT_TableInstance<TData>;
|
777
828
|
values: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
|
778
829
|
}) => Promise<void> | void;
|
779
|
-
onEditingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
|
780
|
-
onColumnFilterFnsChange?: OnChangeFn<{
|
781
|
-
[key: string]: MRT_FilterOption;
|
782
|
-
}>;
|
783
830
|
onGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
|
784
|
-
onHoveredColumnChange?: OnChangeFn<MRT_Column<TData> |
|
785
|
-
|
831
|
+
onHoveredColumnChange?: OnChangeFn<MRT_Column<TData> | {
|
832
|
+
id: string;
|
833
|
+
} | null>;
|
834
|
+
onHoveredRowChange?: OnChangeFn<MRT_Row<TData> | {
|
835
|
+
id: string;
|
836
|
+
} | null>;
|
786
837
|
onIsFullScreenChange?: OnChangeFn<boolean>;
|
787
838
|
onShowAlertBannerChange?: OnChangeFn<boolean>;
|
788
839
|
onShowColumnFiltersChange?: OnChangeFn<boolean>;
|
@@ -800,6 +851,16 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
800
851
|
renderBottomToolbarCustomActions?: (props: {
|
801
852
|
table: MRT_TableInstance<TData>;
|
802
853
|
}) => ReactNode;
|
854
|
+
renderCreateRowModalContent?: (props: {
|
855
|
+
internalEditComponents: ReactNode[];
|
856
|
+
row: MRT_Row<TData>;
|
857
|
+
table: MRT_TableInstance<TData>;
|
858
|
+
}) => ReactNode;
|
859
|
+
renderEditRowModalContent?: (props: {
|
860
|
+
internalEditComponents: ReactNode[];
|
861
|
+
row: MRT_Row<TData>;
|
862
|
+
table: MRT_TableInstance<TData>;
|
863
|
+
}) => ReactNode;
|
803
864
|
renderColumnActionsMenuItems?: (props: {
|
804
865
|
column: MRT_Column<TData>;
|
805
866
|
closeMenu: () => void;
|
@@ -845,66 +906,453 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
845
906
|
}) => ReactNode;
|
846
907
|
rowCount?: number;
|
847
908
|
rowNumberMode?: 'original' | 'static';
|
909
|
+
rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
|
910
|
+
rowVirtualizerOptions?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
|
911
|
+
table: MRT_TableInstance<TData>;
|
912
|
+
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
|
848
913
|
selectAllMode?: 'all' | 'page';
|
849
914
|
/**
|
850
915
|
* Manage state externally any way you want, then pass it back into MRT.
|
851
916
|
*/
|
852
917
|
state?: Partial<MRT_TableState<TData>>;
|
853
|
-
/**
|
854
|
-
* Sequence of features important any dependent feature must be defined first
|
855
|
-
*/
|
856
|
-
tableFeatures?: Array<MRT_CreateTableFeature<TData>>;
|
857
|
-
/**
|
858
|
-
* Get access to the table instance via a ref to read state or call built-in methods
|
859
|
-
*/
|
860
|
-
tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
|
861
|
-
/**
|
862
|
-
* @deprecated Use `rowVirtualizerInstanceRef` instead
|
863
|
-
*/
|
864
|
-
virtualizerInstanceRef?: any;
|
865
|
-
/**
|
866
|
-
* @deprecated Use `rowVirtualizerProps` instead
|
867
|
-
*/
|
868
|
-
virtualizerProps?: any;
|
869
|
-
} & {
|
870
|
-
columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
|
871
|
-
columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
|
872
|
-
table: MRT_TableInstance<TData>;
|
873
|
-
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
|
874
|
-
rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
|
875
|
-
rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
|
876
|
-
table: MRT_TableInstance<TData>;
|
877
|
-
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
|
878
918
|
};
|
879
919
|
|
880
|
-
|
920
|
+
type TableInstanceProp<TData extends Record<string, any> = {}> = {
|
921
|
+
table: MRT_TableInstance<TData>;
|
922
|
+
};
|
923
|
+
type Props$T<TData extends Record<string, any> = {}> = Xor<TableInstanceProp<TData>, MRT_TableOptions<TData>>;
|
924
|
+
declare const MaterialReactTable: <TData extends Record<string, any> = {}>(props: Props$T<TData>) => react_jsx_runtime.JSX.Element;
|
925
|
+
|
926
|
+
interface Props$S<TData extends Record<string, any>> {
|
927
|
+
columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
|
928
|
+
table: MRT_TableInstance<TData>;
|
929
|
+
virtualColumns?: VirtualItem[];
|
930
|
+
virtualPaddingLeft?: number;
|
931
|
+
virtualPaddingRight?: number;
|
932
|
+
}
|
933
|
+
declare const MRT_TableBody: <TData extends Record<string, any>>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
|
934
|
+
declare const Memo_MRT_TableBody: <TData extends Record<string, any>>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
|
881
935
|
|
882
|
-
interface Props$
|
936
|
+
interface Props$R<TData extends Record<string, any>> {
|
937
|
+
cell: MRT_Cell<TData>;
|
938
|
+
measureElement?: (element: HTMLTableCellElement) => void;
|
939
|
+
numRows: number;
|
940
|
+
rowIndex: number;
|
941
|
+
rowRef: RefObject<HTMLTableRowElement>;
|
883
942
|
table: MRT_TableInstance<TData>;
|
943
|
+
virtualCell?: VirtualItem;
|
884
944
|
}
|
885
|
-
declare const
|
945
|
+
declare const MRT_TableBodyCell: <TData extends Record<string, any>>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualCell, }: Props$R<TData>) => react_jsx_runtime.JSX.Element;
|
946
|
+
declare const Memo_MRT_TableBodyCell: <TData extends Record<string, any>>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualCell, }: Props$R<TData>) => react_jsx_runtime.JSX.Element;
|
886
947
|
|
887
|
-
interface Props$
|
948
|
+
interface Props$Q<TData extends Record<string, any>> {
|
949
|
+
cell: MRT_Cell<TData>;
|
950
|
+
table: MRT_TableInstance<TData>;
|
951
|
+
}
|
952
|
+
declare const MRT_TableBodyCellValue: <TData extends Record<string, any>>({ cell, table, }: Props$Q<TData>) => react_jsx_runtime.JSX.Element;
|
953
|
+
|
954
|
+
interface Props$P<TData extends Record<string, any>> {
|
955
|
+
columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
|
956
|
+
measureElement?: (element: HTMLTableRowElement) => void;
|
957
|
+
numRows: number;
|
958
|
+
pinnedRowIds?: string[];
|
959
|
+
row: MRT_Row<TData>;
|
960
|
+
rowIndex: number;
|
961
|
+
table: MRT_TableInstance<TData>;
|
962
|
+
virtualColumns?: VirtualItem[];
|
963
|
+
virtualPaddingLeft?: number;
|
964
|
+
virtualPaddingRight?: number;
|
965
|
+
virtualRow?: VirtualItem;
|
966
|
+
}
|
967
|
+
declare const MRT_TableBodyRow: <TData extends Record<string, any>>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$P<TData>) => react_jsx_runtime.JSX.Element;
|
968
|
+
declare const Memo_MRT_TableBodyRow: <TData extends Record<string, any>>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$P<TData>) => react_jsx_runtime.JSX.Element;
|
969
|
+
|
970
|
+
interface Props$O<TData extends Record<string, any>> {
|
971
|
+
row: MRT_Row<TData>;
|
972
|
+
rowRef: RefObject<HTMLTableRowElement>;
|
973
|
+
table: MRT_TableInstance<TData>;
|
974
|
+
}
|
975
|
+
declare const MRT_TableBodyRowGrabHandle: <TData extends Record<string, any>>({ row, rowRef, table, }: Props$O<TData>) => react_jsx_runtime.JSX.Element;
|
976
|
+
|
977
|
+
interface Props$N<TData extends Record<string, any>> {
|
978
|
+
row: MRT_Row<TData>;
|
979
|
+
table: MRT_TableInstance<TData>;
|
980
|
+
}
|
981
|
+
declare const MRT_TableBodyRowPinButton: <TData extends Record<string, any>>({ row, table, }: Props$N<TData>) => react_jsx_runtime.JSX.Element | null;
|
982
|
+
|
983
|
+
interface Props$M<TData extends Record<string, any>> {
|
984
|
+
parentRowRef: RefObject<HTMLTableRowElement>;
|
985
|
+
row: MRT_Row<TData>;
|
986
|
+
rowIndex: number;
|
987
|
+
table: MRT_TableInstance<TData>;
|
988
|
+
virtualRow?: VirtualItem;
|
989
|
+
}
|
990
|
+
declare const MRT_TableDetailPanel: <TData extends Record<string, any>>({ parentRowRef, row, rowIndex, table, virtualRow, }: Props$M<TData>) => react_jsx_runtime.JSX.Element;
|
991
|
+
|
992
|
+
interface Props$L<TData extends Record<string, any>> {
|
993
|
+
column: MRT_Column<TData>;
|
994
|
+
table: MRT_TableInstance<TData>;
|
995
|
+
}
|
996
|
+
declare const MRT_ColumnPinningButtons: <TData extends Record<string, any>>({ column, table, }: Props$L<TData>) => react_jsx_runtime.JSX.Element;
|
997
|
+
|
998
|
+
interface Props$K<TData extends Record<string, any>> {
|
888
999
|
cell: MRT_Cell<TData>;
|
889
1000
|
children: ReactNode;
|
890
1001
|
table: MRT_TableInstance<TData>;
|
891
1002
|
}
|
892
|
-
declare const MRT_CopyButton: <TData extends Record<string, any
|
1003
|
+
declare const MRT_CopyButton: <TData extends Record<string, any>>({ cell, children, table, }: Props$K<TData>) => react_jsx_runtime.JSX.Element;
|
893
1004
|
|
894
|
-
interface Props$
|
1005
|
+
interface Props$J<TData extends Record<string, any>> {
|
895
1006
|
row: MRT_Row<TData>;
|
896
1007
|
table: MRT_TableInstance<TData>;
|
897
1008
|
variant?: 'icon' | 'text';
|
898
1009
|
}
|
899
|
-
declare const MRT_EditActionButtons: <TData extends Record<string, any
|
1010
|
+
declare const MRT_EditActionButtons: <TData extends Record<string, any>>({ row, table, variant, }: Props$J<TData>) => react_jsx_runtime.JSX.Element;
|
1011
|
+
|
1012
|
+
interface Props$I<TData extends Record<string, any>> {
|
1013
|
+
table: MRT_TableInstance<TData>;
|
1014
|
+
}
|
1015
|
+
declare const MRT_ExpandAllButton: <TData extends Record<string, any>>({ table, }: Props$I<TData>) => react_jsx_runtime.JSX.Element;
|
1016
|
+
|
1017
|
+
interface Props$H<TData extends Record<string, any>> {
|
1018
|
+
row: MRT_Row<TData>;
|
1019
|
+
table: MRT_TableInstance<TData>;
|
1020
|
+
}
|
1021
|
+
declare const MRT_ExpandButton: <TData extends Record<string, any>>({ row, table, }: Props$H<TData>) => react_jsx_runtime.JSX.Element;
|
1022
|
+
|
1023
|
+
interface Props$G<TData extends Record<string, any>> {
|
1024
|
+
iconButtonProps?: IconButtonProps;
|
1025
|
+
onDragStart: DragEventHandler<HTMLButtonElement>;
|
1026
|
+
onDragEnd: DragEventHandler<HTMLButtonElement>;
|
1027
|
+
table: MRT_TableInstance<TData>;
|
1028
|
+
}
|
1029
|
+
declare const MRT_GrabHandleButton: <TData extends Record<string, any>>({ iconButtonProps, onDragEnd, onDragStart, table, }: Props$G<TData>) => react_jsx_runtime.JSX.Element;
|
900
1030
|
|
901
|
-
interface Props$
|
1031
|
+
interface Props$F<TData extends Record<string, any>> {
|
902
1032
|
row: MRT_Row<TData>;
|
903
1033
|
table: MRT_TableInstance<TData>;
|
1034
|
+
pinningPosition: RowPinningPosition;
|
1035
|
+
}
|
1036
|
+
declare const MRT_RowPinButton: <TData extends Record<string, any>>({ row, table, pinningPosition, }: Props$F<TData>) => react_jsx_runtime.JSX.Element;
|
1037
|
+
|
1038
|
+
interface Props$E<TData extends Record<string, any>> extends IconButtonProps {
|
1039
|
+
table: MRT_TableInstance<TData>;
|
1040
|
+
}
|
1041
|
+
declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any>>({ table, ...rest }: Props$E<TData>) => react_jsx_runtime.JSX.Element;
|
1042
|
+
|
1043
|
+
interface Props$D<TData extends Record<string, any>> extends IconButtonProps {
|
1044
|
+
table: MRT_TableInstance<TData>;
|
1045
|
+
}
|
1046
|
+
declare const MRT_ToggleDensePaddingButton: <TData extends Record<string, any>>({ table, ...rest }: Props$D<TData>) => react_jsx_runtime.JSX.Element;
|
1047
|
+
|
1048
|
+
interface Props$C<TData extends Record<string, any>> extends IconButtonProps {
|
1049
|
+
table: MRT_TableInstance<TData>;
|
1050
|
+
}
|
1051
|
+
declare const MRT_ToggleFiltersButton: <TData extends Record<string, any>>({ table, ...rest }: Props$C<TData>) => react_jsx_runtime.JSX.Element;
|
1052
|
+
|
1053
|
+
interface Props$B<TData extends Record<string, any>> extends IconButtonProps {
|
1054
|
+
table: MRT_TableInstance<TData>;
|
1055
|
+
}
|
1056
|
+
declare const MRT_ToggleFullScreenButton: <TData extends Record<string, any>>({ table, ...rest }: Props$B<TData>) => react_jsx_runtime.JSX.Element;
|
1057
|
+
|
1058
|
+
interface Props$A<TData extends Record<string, any>> extends IconButtonProps {
|
1059
|
+
table: MRT_TableInstance<TData>;
|
1060
|
+
}
|
1061
|
+
declare const MRT_ToggleGlobalFilterButton: <TData extends Record<string, any>>({ table, ...rest }: Props$A<TData>) => react_jsx_runtime.JSX.Element;
|
1062
|
+
|
1063
|
+
interface Props$z<TData extends Record<string, any>> {
|
1064
|
+
cell: MRT_Cell<TData>;
|
1065
|
+
row: MRT_Row<TData>;
|
1066
|
+
table: MRT_TableInstance<TData>;
|
1067
|
+
}
|
1068
|
+
declare const MRT_ToggleRowActionMenuButton: <TData extends Record<string, any>>({ cell, row, table, }: Props$z<TData>) => react_jsx_runtime.JSX.Element;
|
1069
|
+
|
1070
|
+
declare const getColumnId: <TData extends Record<string, any>>(columnDef: MRT_ColumnDef<TData>) => string;
|
1071
|
+
declare const getAllLeafColumnDefs: <TData extends Record<string, any>>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
|
1072
|
+
declare const prepareColumns: <TData extends Record<string, any>>({ aggregationFns, columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {
|
1073
|
+
aggregationFns: {
|
1074
|
+
sum: _tanstack_react_table.AggregationFn<any>;
|
1075
|
+
min: _tanstack_react_table.AggregationFn<any>;
|
1076
|
+
max: _tanstack_react_table.AggregationFn<any>;
|
1077
|
+
extent: _tanstack_react_table.AggregationFn<any>;
|
1078
|
+
mean: _tanstack_react_table.AggregationFn<any>;
|
1079
|
+
median: _tanstack_react_table.AggregationFn<any>;
|
1080
|
+
unique: _tanstack_react_table.AggregationFn<any>;
|
1081
|
+
uniqueCount: _tanstack_react_table.AggregationFn<any>;
|
1082
|
+
count: _tanstack_react_table.AggregationFn<any>;
|
1083
|
+
} & Record<string, _tanstack_react_table.AggregationFn<any>>;
|
1084
|
+
columnDefs: MRT_ColumnDef<TData>[];
|
1085
|
+
columnFilterFns: {
|
1086
|
+
[key: string]: MRT_FilterOption;
|
1087
|
+
};
|
1088
|
+
defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
|
1089
|
+
filterFns: {
|
1090
|
+
between: {
|
1091
|
+
<TData_1 extends Record<string, any>>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
|
1092
|
+
autoRemove(val: any): boolean;
|
1093
|
+
};
|
1094
|
+
betweenInclusive: {
|
1095
|
+
<TData_2 extends Record<string, any>>(row: Row<TData_2>, id: string, filterValues: [string | number, string | number]): boolean;
|
1096
|
+
autoRemove(val: any): boolean;
|
1097
|
+
};
|
1098
|
+
contains: {
|
1099
|
+
<TData_3 extends Record<string, any>>(row: Row<TData_3>, id: string, filterValue: string | number): boolean;
|
1100
|
+
autoRemove(val: any): boolean;
|
1101
|
+
};
|
1102
|
+
empty: {
|
1103
|
+
<TData_4 extends Record<string, any>>(row: Row<TData_4>, id: string, _filterValue: string | number): boolean;
|
1104
|
+
autoRemove(val: any): boolean;
|
1105
|
+
};
|
1106
|
+
endsWith: {
|
1107
|
+
<TData_5 extends Record<string, any>>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
|
1108
|
+
autoRemove(val: any): boolean;
|
1109
|
+
};
|
1110
|
+
equals: {
|
1111
|
+
<TData_6 extends Record<string, any>>(row: Row<TData_6>, id: string, filterValue: string | number): boolean;
|
1112
|
+
autoRemove(val: any): boolean;
|
1113
|
+
};
|
1114
|
+
fuzzy: {
|
1115
|
+
<TData_7 extends Record<string, any>>(row: Row<TData_7>, columnId: string, filterValue: string | number, addMeta: (item: _tanstack_match_sorter_utils.RankingInfo) => void): boolean;
|
1116
|
+
autoRemove(val: any): boolean;
|
1117
|
+
};
|
1118
|
+
greaterThan: {
|
1119
|
+
<TData_8 extends Record<string, any>>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
|
1120
|
+
autoRemove(val: any): boolean;
|
1121
|
+
};
|
1122
|
+
greaterThanOrEqualTo: {
|
1123
|
+
<TData_9 extends Record<string, any>>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
|
1124
|
+
autoRemove(val: any): boolean;
|
1125
|
+
};
|
1126
|
+
lessThan: {
|
1127
|
+
<TData_10 extends Record<string, any>>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
|
1128
|
+
autoRemove(val: any): boolean;
|
1129
|
+
};
|
1130
|
+
lessThanOrEqualTo: {
|
1131
|
+
<TData_11 extends Record<string, any>>(row: Row<TData_11>, id: string, filterValue: string | number): boolean;
|
1132
|
+
autoRemove(val: any): boolean;
|
1133
|
+
};
|
1134
|
+
notEmpty: {
|
1135
|
+
<TData_12 extends Record<string, any>>(row: Row<TData_12>, id: string, _filterValue: string | number): boolean;
|
1136
|
+
autoRemove(val: any): boolean;
|
1137
|
+
};
|
1138
|
+
notEquals: {
|
1139
|
+
<TData_13 extends Record<string, any>>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
|
1140
|
+
autoRemove(val: any): boolean;
|
1141
|
+
};
|
1142
|
+
startsWith: {
|
1143
|
+
<TData_14 extends Record<string, any>>(row: Row<TData_14>, id: string, filterValue: string | number): boolean;
|
1144
|
+
autoRemove(val: any): boolean;
|
1145
|
+
};
|
1146
|
+
includesString: _tanstack_react_table.FilterFn<any>;
|
1147
|
+
includesStringSensitive: _tanstack_react_table.FilterFn<any>;
|
1148
|
+
equalsString: _tanstack_react_table.FilterFn<any>;
|
1149
|
+
arrIncludes: _tanstack_react_table.FilterFn<any>;
|
1150
|
+
arrIncludesAll: _tanstack_react_table.FilterFn<any>;
|
1151
|
+
arrIncludesSome: _tanstack_react_table.FilterFn<any>;
|
1152
|
+
weakEquals: _tanstack_react_table.FilterFn<any>;
|
1153
|
+
inNumberRange: _tanstack_react_table.FilterFn<any>;
|
1154
|
+
} & Record<string, _tanstack_react_table.FilterFn<any>>;
|
1155
|
+
sortingFns: {
|
1156
|
+
fuzzy: <TData_15 extends Record<string, any>>(rowA: Row<TData_15>, rowB: Row<TData_15>, columnId: string) => number;
|
1157
|
+
alphanumeric: _tanstack_react_table.SortingFn<any>;
|
1158
|
+
alphanumericCaseSensitive: _tanstack_react_table.SortingFn<any>;
|
1159
|
+
text: _tanstack_react_table.SortingFn<any>;
|
1160
|
+
textCaseSensitive: _tanstack_react_table.SortingFn<any>;
|
1161
|
+
datetime: _tanstack_react_table.SortingFn<any>;
|
1162
|
+
basic: _tanstack_react_table.SortingFn<any>;
|
1163
|
+
} & Record<string, _tanstack_react_table.SortingFn<any>>;
|
1164
|
+
}) => MRT_DefinedColumnDef<TData>[];
|
1165
|
+
declare const reorderColumn: <TData extends Record<string, any>>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: ColumnOrderState) => ColumnOrderState;
|
1166
|
+
declare const showExpandColumn: <TData extends Record<string, any>>(props: MRT_TableOptions<TData>, grouping?: GroupingState) => boolean;
|
1167
|
+
declare const getLeadingDisplayColumnIds: <TData extends Record<string, any>>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
|
1168
|
+
declare const getTrailingDisplayColumnIds: <TData extends Record<string, any>>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
|
1169
|
+
declare const getDefaultColumnOrderIds: <TData extends Record<string, any>>(props: MRT_TableOptions<TData>) => string[];
|
1170
|
+
declare const getDefaultColumnFilterFn: <TData extends Record<string, any>>(columnDef: MRT_ColumnDef<TData>) => MRT_FilterOption;
|
1171
|
+
declare const getIsFirstColumn: <TData extends Record<string, any>>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
|
1172
|
+
declare const getIsLastColumn: <TData extends Record<string, any>>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
|
1173
|
+
declare const getIsLastLeftPinnedColumn: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => boolean;
|
1174
|
+
declare const getIsFirstRightPinnedColumn: <TData extends Record<string, any>>(column: MRT_Column<TData>) => boolean;
|
1175
|
+
declare const getTotalRight: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => number;
|
1176
|
+
declare const getCanRankRows: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>) => boolean | undefined;
|
1177
|
+
declare const getCommonCellStyles: <TData extends Record<string, any>>({ column, header, table, tableCellProps, theme, }: {
|
1178
|
+
column: MRT_Column<TData>;
|
1179
|
+
header?: MRT_Header<TData> | undefined;
|
1180
|
+
table: MRT_TableInstance<TData>;
|
1181
|
+
tableCellProps: TableCellProps;
|
1182
|
+
theme: Theme;
|
1183
|
+
}) => any;
|
1184
|
+
declare const MRT_DefaultColumn: {
|
1185
|
+
readonly filterVariant: "text";
|
1186
|
+
readonly minSize: 40;
|
1187
|
+
readonly maxSize: 1000;
|
1188
|
+
readonly size: 180;
|
1189
|
+
};
|
1190
|
+
declare const MRT_DefaultDisplayColumn: {
|
1191
|
+
readonly columnDefType: "display";
|
1192
|
+
readonly enableClickToCopy: false;
|
1193
|
+
readonly enableColumnActions: false;
|
1194
|
+
readonly enableColumnDragging: false;
|
1195
|
+
readonly enableColumnFilter: false;
|
1196
|
+
readonly enableColumnOrdering: false;
|
1197
|
+
readonly enableEditing: false;
|
1198
|
+
readonly enableGlobalFilter: false;
|
1199
|
+
readonly enableGrouping: false;
|
1200
|
+
readonly enableHiding: false;
|
1201
|
+
readonly enableResizing: false;
|
1202
|
+
readonly enableSorting: false;
|
1203
|
+
};
|
1204
|
+
declare const parseFromValuesOrFunc: <T, U>(fn: T | ((arg: U) => T) | undefined, arg: U) => T | undefined;
|
1205
|
+
declare const parseCSSVarId: (id: string) => string;
|
1206
|
+
declare const flexRender: (Comp: Renderable<any>, props: any) => ReactNode | JSX.Element;
|
1207
|
+
declare const createRow: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;
|
1208
|
+
|
1209
|
+
interface Props$y<TData extends Record<string, any>> {
|
1210
|
+
table: MRT_TableInstance<TData>;
|
1211
|
+
virtualColumns?: VirtualItem[];
|
1212
|
+
virtualPaddingLeft?: number;
|
1213
|
+
virtualPaddingRight?: number;
|
1214
|
+
}
|
1215
|
+
declare const MRT_TableFooter: <TData extends Record<string, any>>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$y<TData>) => react_jsx_runtime.JSX.Element;
|
1216
|
+
|
1217
|
+
interface Props$x<TData extends Record<string, any>> {
|
1218
|
+
footer: MRT_Header<TData>;
|
1219
|
+
table: MRT_TableInstance<TData>;
|
1220
|
+
}
|
1221
|
+
declare const MRT_TableFooterCell: <TData extends Record<string, any>>({ footer, table, }: Props$x<TData>) => react_jsx_runtime.JSX.Element;
|
1222
|
+
|
1223
|
+
interface Props$w<TData extends Record<string, any>> {
|
1224
|
+
footerGroup: MRT_HeaderGroup<TData>;
|
1225
|
+
table: MRT_TableInstance<TData>;
|
1226
|
+
virtualColumns?: VirtualItem[];
|
1227
|
+
virtualPaddingLeft?: number;
|
1228
|
+
virtualPaddingRight?: number;
|
1229
|
+
}
|
1230
|
+
declare const MRT_TableFooterRow: <TData extends Record<string, any>>({ footerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$w<TData>) => react_jsx_runtime.JSX.Element | null;
|
1231
|
+
|
1232
|
+
interface Props$v<TData extends Record<string, any>> {
|
1233
|
+
table: MRT_TableInstance<TData>;
|
1234
|
+
virtualColumns?: VirtualItem[];
|
1235
|
+
virtualPaddingLeft?: number;
|
1236
|
+
virtualPaddingRight?: number;
|
1237
|
+
}
|
1238
|
+
declare const MRT_TableHead: <TData extends Record<string, any>>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$v<TData>) => react_jsx_runtime.JSX.Element;
|
1239
|
+
|
1240
|
+
interface Props$u<TData extends Record<string, any>> {
|
1241
|
+
header: MRT_Header<TData>;
|
1242
|
+
table: MRT_TableInstance<TData>;
|
1243
|
+
}
|
1244
|
+
declare const MRT_TableHeadCell: <TData extends Record<string, any>>({ header, table, }: Props$u<TData>) => react_jsx_runtime.JSX.Element;
|
1245
|
+
|
1246
|
+
interface Props$t<TData extends Record<string, any>> {
|
1247
|
+
header: MRT_Header<TData>;
|
1248
|
+
table: MRT_TableInstance<TData>;
|
1249
|
+
}
|
1250
|
+
declare const MRT_TableHeadCellColumnActionsButton: <TData extends Record<string, any>>({ header, table, }: Props$t<TData>) => react_jsx_runtime.JSX.Element;
|
1251
|
+
|
1252
|
+
interface Props$s<TData extends Record<string, any>> {
|
1253
|
+
header: MRT_Header<TData>;
|
1254
|
+
table: MRT_TableInstance<TData>;
|
1255
|
+
}
|
1256
|
+
declare const MRT_TableHeadCellFilterContainer: <TData extends Record<string, any>>({ header, table, }: Props$s<TData>) => react_jsx_runtime.JSX.Element;
|
1257
|
+
|
1258
|
+
interface Props$r<TData extends Record<string, any>> {
|
1259
|
+
header: MRT_Header<TData>;
|
1260
|
+
table: MRT_TableInstance<TData>;
|
1261
|
+
}
|
1262
|
+
declare const MRT_TableHeadCellFilterLabel: <TData extends Record<string, any>>({ header, table, }: Props$r<TData>) => react_jsx_runtime.JSX.Element;
|
1263
|
+
|
1264
|
+
interface Props$q<TData extends Record<string, any>> {
|
1265
|
+
column: MRT_Column<TData>;
|
1266
|
+
table: MRT_TableInstance<TData>;
|
1267
|
+
tableHeadCellRef: RefObject<HTMLTableCellElement>;
|
1268
|
+
}
|
1269
|
+
declare const MRT_TableHeadCellGrabHandle: <TData extends Record<string, any>>({ column, table, tableHeadCellRef, }: Props$q<TData>) => react_jsx_runtime.JSX.Element;
|
1270
|
+
|
1271
|
+
interface Props$p<TData extends Record<string, any>> {
|
1272
|
+
header: MRT_Header<TData>;
|
1273
|
+
table: MRT_TableInstance<TData>;
|
1274
|
+
}
|
1275
|
+
declare const MRT_TableHeadCellResizeHandle: <TData extends Record<string, any>>({ header, table, }: Props$p<TData>) => react_jsx_runtime.JSX.Element;
|
1276
|
+
|
1277
|
+
interface Props$o<TData extends Record<string, any>> {
|
1278
|
+
header: MRT_Header<TData>;
|
1279
|
+
table: MRT_TableInstance<TData>;
|
1280
|
+
tableCellProps?: TableCellProps;
|
1281
|
+
}
|
1282
|
+
declare const MRT_TableHeadCellSortLabel: <TData extends Record<string, any>>({ header, table, tableCellProps, }: Props$o<TData>) => react_jsx_runtime.JSX.Element;
|
1283
|
+
|
1284
|
+
interface Props$n<TData extends Record<string, any>> {
|
1285
|
+
headerGroup: MRT_HeaderGroup<TData>;
|
1286
|
+
table: MRT_TableInstance<TData>;
|
1287
|
+
virtualColumns?: VirtualItem[];
|
1288
|
+
virtualPaddingLeft?: number;
|
1289
|
+
virtualPaddingRight?: number;
|
1290
|
+
}
|
1291
|
+
declare const MRT_TableHeadRow: <TData extends Record<string, any>>({ headerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$n<TData>) => react_jsx_runtime.JSX.Element;
|
1292
|
+
|
1293
|
+
interface Props$m<TData extends Record<string, any>> {
|
1294
|
+
cell: MRT_Cell<TData>;
|
1295
|
+
table: MRT_TableInstance<TData>;
|
904
1296
|
}
|
905
|
-
declare const
|
1297
|
+
declare const MRT_EditCellTextField: <TData extends Record<string, any>>({ cell, table, }: Props$m<TData>) => react_jsx_runtime.JSX.Element;
|
906
1298
|
|
907
|
-
interface Props$
|
1299
|
+
interface Props$l<TData extends Record<string, any>> {
|
1300
|
+
column: MRT_Column<TData>;
|
1301
|
+
table: MRT_TableInstance<TData>;
|
1302
|
+
}
|
1303
|
+
declare const MRT_FilterCheckbox: <TData extends Record<string, any>>({ column, table, }: Props$l<TData>) => react_jsx_runtime.JSX.Element;
|
1304
|
+
|
1305
|
+
interface Props$k<TData extends Record<string, any>> {
|
1306
|
+
header: MRT_Header<TData>;
|
1307
|
+
table: MRT_TableInstance<TData>;
|
1308
|
+
}
|
1309
|
+
declare const MRT_FilterRangeFields: <TData extends Record<string, any>>({ header, table, }: Props$k<TData>) => react_jsx_runtime.JSX.Element;
|
1310
|
+
|
1311
|
+
interface Props$j<TData extends Record<string, any>> {
|
1312
|
+
header: MRT_Header<TData>;
|
1313
|
+
table: MRT_TableInstance<TData>;
|
1314
|
+
}
|
1315
|
+
declare const MRT_FilterRangeSlider: <TData extends Record<string, any>>({ header, table, }: Props$j<TData>) => react_jsx_runtime.JSX.Element;
|
1316
|
+
|
1317
|
+
interface Props$i<TData extends Record<string, any>> {
|
1318
|
+
header: MRT_Header<TData>;
|
1319
|
+
rangeFilterIndex?: number;
|
1320
|
+
table: MRT_TableInstance<TData>;
|
1321
|
+
}
|
1322
|
+
declare const MRT_FilterTextField: <TData extends Record<string, any>>({ header, rangeFilterIndex, table, }: Props$i<TData>) => react_jsx_runtime.JSX.Element;
|
1323
|
+
|
1324
|
+
interface Props$h<TData extends Record<string, any>> {
|
1325
|
+
table: MRT_TableInstance<TData>;
|
1326
|
+
}
|
1327
|
+
declare const MRT_GlobalFilterTextField: <TData extends Record<string, any>>({ table, }: Props$h<TData>) => react_jsx_runtime.JSX.Element;
|
1328
|
+
|
1329
|
+
interface Props$g<TData extends Record<string, any>> {
|
1330
|
+
row?: MRT_Row<TData>;
|
1331
|
+
selectAll?: boolean;
|
1332
|
+
table: MRT_TableInstance<TData>;
|
1333
|
+
}
|
1334
|
+
declare const MRT_SelectCheckbox: <TData extends Record<string, any>>({ row, selectAll, table, }: Props$g<TData>) => react_jsx_runtime.JSX.Element;
|
1335
|
+
|
1336
|
+
declare const commonMenuItemStyles: {
|
1337
|
+
py: string;
|
1338
|
+
my: number;
|
1339
|
+
justifyContent: string;
|
1340
|
+
alignItems: string;
|
1341
|
+
};
|
1342
|
+
declare const commonListItemStyles: {
|
1343
|
+
display: string;
|
1344
|
+
alignItems: string;
|
1345
|
+
};
|
1346
|
+
interface Props$f<TData extends Record<string, any>> {
|
1347
|
+
anchorEl: HTMLElement | null;
|
1348
|
+
header: MRT_Header<TData>;
|
1349
|
+
setAnchorEl: (anchorEl: HTMLElement | null) => void;
|
1350
|
+
table: MRT_TableInstance<TData>;
|
1351
|
+
}
|
1352
|
+
declare const MRT_ColumnActionMenu: <TData extends Record<string, any>>({ anchorEl, header, setAnchorEl, table, }: Props$f<TData>) => react_jsx_runtime.JSX.Element;
|
1353
|
+
|
1354
|
+
declare const mrtFilterOptions: (localization: MRT_Localization) => MRT_InternalFilterOption[];
|
1355
|
+
interface Props$e<TData extends Record<string, any>> {
|
908
1356
|
anchorEl: HTMLElement | null;
|
909
1357
|
header?: MRT_Header<TData>;
|
910
1358
|
onSelect?: () => void;
|
@@ -912,84 +1360,107 @@ interface Props$e<TData extends Record<string, any> = {}> {
|
|
912
1360
|
setFilterValue?: (filterValue: any) => void;
|
913
1361
|
table: MRT_TableInstance<TData>;
|
914
1362
|
}
|
915
|
-
declare const MRT_FilterOptionMenu: <TData extends Record<string, any
|
1363
|
+
declare const MRT_FilterOptionMenu: <TData extends Record<string, any>>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$e<TData>) => react_jsx_runtime.JSX.Element;
|
916
1364
|
|
917
|
-
interface Props$d<TData extends Record<string, any
|
1365
|
+
interface Props$d<TData extends Record<string, any>> {
|
1366
|
+
anchorEl: HTMLElement | null;
|
1367
|
+
handleEdit: (event: MouseEvent) => void;
|
1368
|
+
row: MRT_Row<TData>;
|
1369
|
+
setAnchorEl: (anchorEl: HTMLElement | null) => void;
|
918
1370
|
table: MRT_TableInstance<TData>;
|
919
1371
|
}
|
920
|
-
declare const
|
1372
|
+
declare const MRT_RowActionMenu: <TData extends Record<string, any>>({ anchorEl, handleEdit, row, setAnchorEl, table, }: Props$d<TData>) => react_jsx_runtime.JSX.Element;
|
921
1373
|
|
922
|
-
interface Props$c<TData extends Record<string, any
|
1374
|
+
interface Props$c<TData extends Record<string, any>> {
|
1375
|
+
anchorEl: HTMLElement | null;
|
1376
|
+
isSubMenu?: boolean;
|
1377
|
+
setAnchorEl: (anchorEl: HTMLElement | null) => void;
|
923
1378
|
table: MRT_TableInstance<TData>;
|
924
1379
|
}
|
925
|
-
declare const
|
1380
|
+
declare const MRT_ShowHideColumnsMenu: <TData extends Record<string, any>>({ anchorEl, setAnchorEl, table, }: Props$c<TData>) => react_jsx_runtime.JSX.Element;
|
926
1381
|
|
927
|
-
interface Props$b<TData extends Record<string, any
|
928
|
-
|
929
|
-
|
930
|
-
|
1382
|
+
interface Props$b<TData extends Record<string, any>> {
|
1383
|
+
allColumns: MRT_Column<TData>[];
|
1384
|
+
column: MRT_Column<TData>;
|
1385
|
+
hoveredColumn: MRT_Column<TData> | null;
|
1386
|
+
setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
|
931
1387
|
table: MRT_TableInstance<TData>;
|
932
1388
|
}
|
933
|
-
declare const
|
1389
|
+
declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any>>({ allColumns, hoveredColumn, setHoveredColumn, column, table, }: Props$b<TData>) => react_jsx_runtime.JSX.Element;
|
934
1390
|
|
935
|
-
interface Props$a<TData extends Record<string, any
|
1391
|
+
interface Props$a<TData extends Record<string, any>> {
|
1392
|
+
open: boolean;
|
936
1393
|
table: MRT_TableInstance<TData>;
|
937
1394
|
}
|
938
|
-
declare const
|
1395
|
+
declare const MRT_EditRowModal: <TData extends Record<string, any>>({ open, table, }: Props$a<TData>) => react_jsx_runtime.JSX.Element;
|
939
1396
|
|
940
|
-
interface Props$9 {
|
941
|
-
|
942
|
-
table: MRT_TableInstance;
|
1397
|
+
interface Props$9<TData extends Record<string, any>> {
|
1398
|
+
table: MRT_TableInstance<TData>;
|
943
1399
|
}
|
944
|
-
declare const
|
1400
|
+
declare const MRT_Table: <TData extends Record<string, any>>({ table, }: Props$9<TData>) => react_jsx_runtime.JSX.Element;
|
945
1401
|
|
946
|
-
interface Props$8<TData extends Record<string, any
|
947
|
-
position?: 'top' | 'bottom';
|
1402
|
+
interface Props$8<TData extends Record<string, any>> {
|
948
1403
|
table: MRT_TableInstance<TData>;
|
949
1404
|
}
|
950
|
-
declare const
|
1405
|
+
declare const MRT_TableContainer: <TData extends Record<string, any>>({ table, }: Props$8<TData>) => react_jsx_runtime.JSX.Element;
|
951
1406
|
|
952
|
-
interface Props$7<TData extends Record<string, any
|
1407
|
+
interface Props$7<TData extends Record<string, any>> {
|
953
1408
|
table: MRT_TableInstance<TData>;
|
954
1409
|
}
|
955
|
-
declare const
|
1410
|
+
declare const MRT_TablePaper: <TData extends Record<string, any>>({ table, }: Props$7<TData>) => react_jsx_runtime.JSX.Element;
|
956
1411
|
|
957
|
-
interface Props$6<TData extends Record<string, any
|
1412
|
+
interface Props$6<TData extends Record<string, any>> {
|
958
1413
|
table: MRT_TableInstance<TData>;
|
959
1414
|
}
|
960
|
-
declare const
|
1415
|
+
declare const MRT_BottomToolbar: <TData extends Record<string, any>>({ table, }: Props$6<TData>) => react_jsx_runtime.JSX.Element;
|
961
1416
|
|
962
|
-
interface Props$5<TData extends Record<string, any
|
1417
|
+
interface Props$5<TData extends Record<string, any>> {
|
1418
|
+
isTopToolbar: boolean;
|
963
1419
|
table: MRT_TableInstance<TData>;
|
964
1420
|
}
|
965
|
-
declare const
|
1421
|
+
declare const MRT_LinearProgressBar: <TData extends Record<string, any>>({ isTopToolbar, table, }: Props$5<TData>) => react_jsx_runtime.JSX.Element;
|
966
1422
|
|
967
|
-
interface Props$4<TData extends Record<string, any
|
968
|
-
|
969
|
-
row: MRT_Row<TData>;
|
1423
|
+
interface Props$4<TData extends Record<string, any>> {
|
1424
|
+
position?: 'top' | 'bottom';
|
970
1425
|
table: MRT_TableInstance<TData>;
|
971
1426
|
}
|
972
|
-
declare const
|
1427
|
+
declare const MRT_TablePagination: <TData extends Record<string, any>>({ table, position, }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
|
973
1428
|
|
974
|
-
interface Props$3<TData extends Record<string, any
|
1429
|
+
interface Props$3<TData extends Record<string, any>> {
|
975
1430
|
stackAlertBanner: boolean;
|
976
1431
|
table: MRT_TableInstance<TData>;
|
977
1432
|
}
|
978
|
-
declare const MRT_ToolbarAlertBanner: <TData extends Record<string, any
|
1433
|
+
declare const MRT_ToolbarAlertBanner: <TData extends Record<string, any>>({ stackAlertBanner, table, }: Props$3<TData>) => react_jsx_runtime.JSX.Element;
|
979
1434
|
|
980
|
-
interface Props$2<TData extends Record<string, any
|
1435
|
+
interface Props$2<TData extends Record<string, any>> {
|
981
1436
|
table: MRT_TableInstance<TData>;
|
982
1437
|
}
|
983
|
-
declare const MRT_ToolbarDropZone: <TData extends Record<string, any
|
1438
|
+
declare const MRT_ToolbarDropZone: <TData extends Record<string, any>>({ table, }: Props$2<TData>) => react_jsx_runtime.JSX.Element;
|
984
1439
|
|
985
|
-
interface Props$1<TData extends Record<string, any
|
1440
|
+
interface Props$1<TData extends Record<string, any>> {
|
986
1441
|
table: MRT_TableInstance<TData>;
|
987
1442
|
}
|
988
|
-
declare const MRT_ToolbarInternalButtons: <TData extends Record<string, any
|
1443
|
+
declare const MRT_ToolbarInternalButtons: <TData extends Record<string, any>>({ table, }: Props$1<TData>) => react_jsx_runtime.JSX.Element;
|
989
1444
|
|
990
|
-
|
1445
|
+
declare const commonToolbarStyles: ({ theme }: {
|
1446
|
+
theme: Theme;
|
1447
|
+
}) => {
|
1448
|
+
alignItems: string;
|
1449
|
+
backgroundColor: string;
|
1450
|
+
backgroundImage: string;
|
1451
|
+
display: string;
|
1452
|
+
flexWrap: string;
|
1453
|
+
minHeight: string;
|
1454
|
+
overflow: string;
|
1455
|
+
p: string;
|
1456
|
+
transition: string;
|
1457
|
+
zIndex: number;
|
1458
|
+
};
|
1459
|
+
interface Props<TData extends Record<string, any>> {
|
991
1460
|
table: MRT_TableInstance<TData>;
|
992
1461
|
}
|
993
|
-
declare const MRT_TopToolbar: <TData extends Record<string, any
|
1462
|
+
declare const MRT_TopToolbar: <TData extends Record<string, any>>({ table, }: Props<TData>) => react_jsx_runtime.JSX.Element;
|
1463
|
+
|
1464
|
+
declare const useMaterialReactTable: <TData extends Record<string, any>>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
|
994
1465
|
|
995
|
-
export { type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, type MRT_ColumnDef, MRT_CopyButton,
|
1466
|
+
export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, commonToolbarStyles, createRow, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonCellStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };
|