material-react-table 2.0.0-beta.4 → 2.0.0-beta.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +367 -444
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/material-react-table.esm.js +223 -212
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/index.d.ts +44 -49
- package/locales/ar/index.d.ts +3 -0
- package/locales/ar/index.esm.d.ts +3 -0
- package/locales/{ar.esm.js → ar/index.esm.js} +0 -1
- package/locales/{ar.js → ar/index.js} +0 -3
- package/locales/ar/package.json +6 -0
- package/locales/az/index.d.ts +3 -0
- package/locales/az/index.esm.d.ts +3 -0
- package/locales/az/index.esm.js +93 -0
- package/locales/az/index.js +95 -0
- package/locales/az/package.json +6 -0
- package/locales/bg/index.d.ts +3 -0
- package/locales/bg/index.esm.d.ts +3 -0
- package/locales/{bg.esm.js → bg/index.esm.js} +0 -1
- package/locales/{bg.js → bg/index.js} +0 -3
- package/locales/bg/package.json +6 -0
- package/locales/cs/index.d.ts +3 -0
- package/locales/cs/index.esm.d.ts +3 -0
- package/locales/{cs.esm.js → cs/index.esm.js} +0 -1
- package/locales/{cs.js → cs/index.js} +0 -3
- package/locales/cs/package.json +6 -0
- package/locales/da/index.d.ts +3 -0
- package/locales/da/index.esm.d.ts +3 -0
- package/locales/{da.esm.js → da/index.esm.js} +0 -1
- package/locales/{da.js → da/index.js} +0 -3
- package/locales/da/package.json +6 -0
- package/locales/de/index.d.ts +3 -0
- package/locales/de/index.esm.d.ts +3 -0
- package/locales/{de.esm.js → de/index.esm.js} +0 -1
- package/locales/{de.js → de/index.js} +0 -3
- package/locales/de/package.json +6 -0
- package/locales/en/index.d.ts +3 -0
- package/locales/en/index.esm.d.ts +3 -0
- package/locales/{en.esm.js → en/index.esm.js} +0 -1
- package/locales/{en.js → en/index.js} +0 -3
- package/locales/en/package.json +6 -0
- package/locales/es/index.d.ts +3 -0
- package/locales/es/index.esm.d.ts +3 -0
- package/locales/{es.esm.js → es/index.esm.js} +0 -1
- package/locales/{es.js → es/index.js} +0 -3
- package/locales/es/package.json +6 -0
- package/locales/et/index.d.ts +3 -0
- package/locales/et/index.esm.d.ts +3 -0
- package/locales/{et.esm.js → et/index.esm.js} +0 -1
- package/locales/{et.js → et/index.js} +0 -3
- package/locales/et/package.json +6 -0
- package/locales/fa/index.d.ts +3 -0
- package/locales/fa/index.esm.d.ts +3 -0
- package/locales/{fa.esm.js → fa/index.esm.js} +0 -1
- package/locales/{fa.js → fa/index.js} +0 -3
- package/locales/fa/package.json +6 -0
- package/locales/fi/index.d.ts +3 -0
- package/locales/fi/index.esm.d.ts +3 -0
- package/locales/{fi.esm.js → fi/index.esm.js} +0 -1
- package/locales/{fi.js → fi/index.js} +0 -3
- package/locales/fi/package.json +6 -0
- package/locales/fr/index.d.ts +3 -0
- package/locales/fr/index.esm.d.ts +3 -0
- package/locales/{fr.esm.js → fr/index.esm.js} +0 -1
- package/locales/{fr.js → fr/index.js} +0 -3
- package/locales/fr/package.json +6 -0
- package/locales/hu/index.d.ts +3 -0
- package/locales/hu/index.esm.d.ts +3 -0
- package/locales/{hu.esm.js → hu/index.esm.js} +0 -1
- package/locales/{hu.js → hu/index.js} +0 -3
- package/locales/hu/package.json +6 -0
- package/locales/hy/index.d.ts +3 -0
- package/locales/hy/index.esm.d.ts +3 -0
- package/locales/{hy.esm.js → hy/index.esm.js} +0 -1
- package/locales/{hy.js → hy/index.js} +0 -3
- package/locales/hy/package.json +6 -0
- package/locales/id/index.d.ts +3 -0
- package/locales/id/index.esm.d.ts +3 -0
- package/locales/{id.esm.js → id/index.esm.js} +0 -1
- package/locales/{id.js → id/index.js} +0 -3
- package/locales/id/package.json +6 -0
- package/locales/it/index.d.ts +3 -0
- package/locales/it/index.esm.d.ts +3 -0
- package/locales/{it.esm.js → it/index.esm.js} +0 -1
- package/locales/{it.js → it/index.js} +0 -3
- package/locales/it/package.json +6 -0
- package/locales/ja/index.d.ts +3 -0
- package/locales/ja/index.esm.d.ts +3 -0
- package/locales/{ja.esm.js → ja/index.esm.js} +0 -1
- package/locales/{ja.js → ja/index.js} +0 -3
- package/locales/ja/package.json +6 -0
- package/locales/ko/index.d.ts +3 -0
- package/locales/ko/index.esm.d.ts +3 -0
- package/locales/{ko.esm.js → ko/index.esm.js} +0 -1
- package/locales/{ko.js → ko/index.js} +0 -3
- package/locales/ko/package.json +6 -0
- package/locales/nl/index.d.ts +3 -0
- package/locales/nl/index.esm.d.ts +3 -0
- package/locales/{nl.esm.js → nl/index.esm.js} +0 -1
- package/locales/{nl.js → nl/index.js} +0 -3
- package/locales/nl/package.json +6 -0
- package/locales/no/index.d.ts +3 -0
- package/locales/no/index.esm.d.ts +3 -0
- package/locales/{no.esm.js → no/index.esm.js} +0 -1
- package/locales/{no.js → no/index.js} +0 -3
- package/locales/no/package.json +6 -0
- package/locales/np/index.d.ts +3 -0
- package/locales/np/index.esm.d.ts +3 -0
- package/locales/{np.esm.js → np/index.esm.js} +0 -1
- package/locales/{np.js → np/index.js} +0 -3
- package/locales/np/package.json +6 -0
- package/locales/pl/index.d.ts +3 -0
- package/locales/pl/index.esm.d.ts +3 -0
- package/locales/{pl.esm.js → pl/index.esm.js} +0 -1
- package/locales/{pl.js → pl/index.js} +0 -3
- package/locales/pl/package.json +6 -0
- package/locales/pt/index.d.ts +3 -0
- package/locales/pt/index.esm.d.ts +3 -0
- package/locales/{pt.esm.js → pt/index.esm.js} +0 -1
- package/locales/{pt.js → pt/index.js} +0 -3
- package/locales/pt/package.json +6 -0
- package/locales/pt-BR/index.d.ts +3 -0
- package/locales/pt-BR/index.esm.d.ts +3 -0
- package/locales/{pt-BR.esm.js → pt-BR/index.esm.js} +0 -1
- package/locales/{pt-BR.js → pt-BR/index.js} +0 -3
- package/locales/pt-BR/package.json +6 -0
- package/locales/ro/index.d.ts +3 -0
- package/locales/ro/index.esm.d.ts +3 -0
- package/locales/{ro.esm.js → ro/index.esm.js} +0 -1
- package/locales/{ro.js → ro/index.js} +0 -3
- package/locales/ro/package.json +6 -0
- package/locales/ru/index.d.ts +3 -0
- package/locales/ru/index.esm.d.ts +3 -0
- package/locales/{ru.esm.js → ru/index.esm.js} +0 -1
- package/locales/{ru.js → ru/index.js} +0 -3
- package/locales/ru/package.json +6 -0
- package/locales/sk/index.d.ts +3 -0
- package/locales/sk/index.esm.d.ts +3 -0
- package/locales/{sk.esm.js → sk/index.esm.js} +0 -1
- package/locales/{sk.js → sk/index.js} +0 -3
- package/locales/sk/package.json +6 -0
- package/locales/sr-Cyrl-RS/index.d.ts +3 -0
- package/locales/sr-Cyrl-RS/index.esm.d.ts +3 -0
- package/locales/{sr-Cyrl-RS.esm.js → sr-Cyrl-RS/index.esm.js} +0 -1
- package/locales/{sr-Cyrl-RS.js → sr-Cyrl-RS/index.js} +0 -3
- package/locales/sr-Cyrl-RS/package.json +6 -0
- package/locales/sr-Latn-RS/index.d.ts +3 -0
- package/locales/sr-Latn-RS/index.esm.d.ts +3 -0
- package/locales/{sr-Latn-RS.esm.js → sr-Latn-RS/index.esm.js} +0 -1
- package/locales/{sr-Latn-RS.js → sr-Latn-RS/index.js} +0 -3
- package/locales/sr-Latn-RS/package.json +6 -0
- package/locales/sv/index.d.ts +3 -0
- package/locales/sv/index.esm.d.ts +3 -0
- package/locales/{sv.esm.js → sv/index.esm.js} +0 -1
- package/locales/{sv.js → sv/index.js} +0 -3
- package/locales/sv/package.json +6 -0
- package/locales/tr/index.d.ts +3 -0
- package/locales/tr/index.esm.d.ts +3 -0
- package/locales/{tr.esm.js → tr/index.esm.js} +0 -1
- package/locales/{tr.js → tr/index.js} +0 -3
- package/locales/tr/package.json +6 -0
- package/locales/uk/index.d.ts +3 -0
- package/locales/uk/index.esm.d.ts +3 -0
- package/locales/{uk.esm.js → uk/index.esm.js} +0 -1
- package/locales/{uk.js → uk/index.js} +0 -3
- package/locales/uk/package.json +6 -0
- package/locales/vi/index.d.ts +3 -0
- package/locales/vi/index.esm.d.ts +3 -0
- package/locales/{vi.esm.js → vi/index.esm.js} +0 -1
- package/locales/{vi.js → vi/index.js} +0 -3
- package/locales/vi/package.json +6 -0
- package/locales/zh-Hans/index.d.ts +3 -0
- package/locales/zh-Hans/index.esm.d.ts +3 -0
- package/locales/{zh-Hans.esm.js → zh-Hans/index.esm.js} +0 -1
- package/locales/{zh-Hans.js → zh-Hans/index.js} +0 -3
- package/locales/zh-Hans/package.json +6 -0
- package/locales/zh-Hant/index.d.ts +3 -0
- package/locales/zh-Hant/index.esm.d.ts +3 -0
- package/locales/{zh-Hant.esm.js → zh-Hant/index.esm.js} +0 -1
- package/locales/{zh-Hant.js → zh-Hant/index.js} +0 -3
- package/locales/zh-Hant/package.json +6 -0
- package/package.json +37 -28
- package/src/body/MRT_TableBody.tsx +1 -3
- package/src/body/MRT_TableBodyCell.tsx +10 -8
- package/src/body/MRT_TableBodyCellValue.tsx +6 -6
- package/src/body/MRT_TableBodyRow.tsx +13 -9
- package/src/body/MRT_TableDetailPanel.tsx +2 -2
- package/src/column.utils.ts +1 -120
- package/src/footer/MRT_TableFooterCell.tsx +3 -2
- package/src/footer/MRT_TableFooterRow.tsx +2 -2
- package/src/head/MRT_TableHeadCell.tsx +8 -10
- package/src/head/MRT_TableHeadCellColumnActionsButton.tsx +3 -7
- package/src/head/MRT_TableHeadCellGrabHandle.tsx +1 -1
- package/src/head/MRT_TableHeadCellSortLabel.tsx +3 -3
- package/src/head/MRT_TableHeadRow.tsx +3 -2
- package/src/hooks/useMRT_TableOptions.ts +22 -1
- package/src/index.ts +1 -0
- package/src/inputs/MRT_EditCellTextField.tsx +0 -4
- package/src/inputs/MRT_GlobalFilterTextField.tsx +14 -1
- package/src/locales/az.ts +94 -0
- package/src/locales/no.ts +1 -1
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +3 -2
- package/src/modals/MRT_EditRowModal.tsx +6 -6
- package/src/style.utils.ts +149 -0
- package/src/table/MRT_Table.tsx +1 -1
- package/src/table/MRT_TableLoadingOverlay.tsx +3 -2
- package/src/table/MRT_TablePaper.tsx +1 -1
- package/src/toolbar/MRT_BottomToolbar.tsx +5 -5
- package/src/toolbar/MRT_TopToolbar.tsx +5 -15
- package/src/types.ts +11 -3
- package/src/useMaterialReactTable.ts +2 -5
- package/dist/cjs/types/MaterialReactTable.d.ts +0 -7
- package/dist/cjs/types/aggregationFns.d.ts +0 -11
- package/dist/cjs/types/body/MRT_TableBody.d.ts +0 -13
- package/dist/cjs/types/body/MRT_TableBodyCell.d.ts +0 -15
- package/dist/cjs/types/body/MRT_TableBodyCellValue.d.ts +0 -7
- package/dist/cjs/types/body/MRT_TableBodyRow.d.ts +0 -18
- package/dist/cjs/types/body/MRT_TableBodyRowGrabHandle.d.ts +0 -10
- package/dist/cjs/types/body/MRT_TableBodyRowPinButton.d.ts +0 -8
- package/dist/cjs/types/body/MRT_TableDetailPanel.d.ts +0 -13
- package/dist/cjs/types/body/index.d.ts +0 -7
- package/dist/cjs/types/buttons/MRT_ColumnPinningButtons.d.ts +0 -8
- package/dist/cjs/types/buttons/MRT_CopyButton.d.ts +0 -8
- package/dist/cjs/types/buttons/MRT_EditActionButtons.d.ts +0 -9
- package/dist/cjs/types/buttons/MRT_ExpandAllButton.d.ts +0 -7
- package/dist/cjs/types/buttons/MRT_ExpandButton.d.ts +0 -8
- package/dist/cjs/types/buttons/MRT_GrabHandleButton.d.ts +0 -12
- package/dist/cjs/types/buttons/MRT_RowPinButton.d.ts +0 -10
- package/dist/cjs/types/buttons/MRT_ShowHideColumnsButton.d.ts +0 -7
- package/dist/cjs/types/buttons/MRT_ToggleDensePaddingButton.d.ts +0 -7
- package/dist/cjs/types/buttons/MRT_ToggleFiltersButton.d.ts +0 -7
- package/dist/cjs/types/buttons/MRT_ToggleFullScreenButton.d.ts +0 -7
- package/dist/cjs/types/buttons/MRT_ToggleGlobalFilterButton.d.ts +0 -7
- package/dist/cjs/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +0 -9
- package/dist/cjs/types/buttons/index.d.ts +0 -13
- package/dist/cjs/types/column.utils.d.ts +0 -149
- package/dist/cjs/types/filterFns.d.ts +0 -69
- package/dist/cjs/types/footer/MRT_TableFooter.d.ts +0 -11
- package/dist/cjs/types/footer/MRT_TableFooterCell.d.ts +0 -8
- package/dist/cjs/types/footer/MRT_TableFooterRow.d.ts +0 -12
- package/dist/cjs/types/footer/index.d.ts +0 -3
- package/dist/cjs/types/head/MRT_TableHead.d.ts +0 -11
- package/dist/cjs/types/head/MRT_TableHeadCell.d.ts +0 -8
- package/dist/cjs/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +0 -8
- package/dist/cjs/types/head/MRT_TableHeadCellFilterContainer.d.ts +0 -8
- package/dist/cjs/types/head/MRT_TableHeadCellFilterLabel.d.ts +0 -8
- package/dist/cjs/types/head/MRT_TableHeadCellGrabHandle.d.ts +0 -10
- package/dist/cjs/types/head/MRT_TableHeadCellResizeHandle.d.ts +0 -8
- package/dist/cjs/types/head/MRT_TableHeadCellSortLabel.d.ts +0 -10
- package/dist/cjs/types/head/MRT_TableHeadRow.d.ts +0 -12
- package/dist/cjs/types/head/index.d.ts +0 -9
- package/dist/cjs/types/hooks/useMRT_DisplayColumns.d.ts +0 -9
- package/dist/cjs/types/hooks/useMRT_Effects.d.ts +0 -2
- package/dist/cjs/types/hooks/useMRT_TableInstance.d.ts +0 -2
- package/dist/cjs/types/hooks/useMRT_TableOptions.d.ts +0 -2
- package/dist/cjs/types/icons.d.ts +0 -36
- package/dist/cjs/types/index.d.ts +0 -16
- package/dist/cjs/types/inputs/MRT_EditCellTextField.d.ts +0 -8
- package/dist/cjs/types/inputs/MRT_FilterCheckbox.d.ts +0 -8
- package/dist/cjs/types/inputs/MRT_FilterRangeFields.d.ts +0 -8
- package/dist/cjs/types/inputs/MRT_FilterRangeSlider.d.ts +0 -8
- package/dist/cjs/types/inputs/MRT_FilterTextField.d.ts +0 -9
- package/dist/cjs/types/inputs/MRT_GlobalFilterTextField.d.ts +0 -7
- package/dist/cjs/types/inputs/MRT_SelectCheckbox.d.ts +0 -9
- package/dist/cjs/types/inputs/index.d.ts +0 -7
- package/dist/cjs/types/locales/ar.d.ts +0 -2
- package/dist/cjs/types/locales/bg.d.ts +0 -2
- package/dist/cjs/types/locales/cs.d.ts +0 -2
- package/dist/cjs/types/locales/da.d.ts +0 -2
- package/dist/cjs/types/locales/de.d.ts +0 -2
- package/dist/cjs/types/locales/en.d.ts +0 -2
- package/dist/cjs/types/locales/es.d.ts +0 -2
- package/dist/cjs/types/locales/et.d.ts +0 -2
- package/dist/cjs/types/locales/fa.d.ts +0 -2
- package/dist/cjs/types/locales/fi.d.ts +0 -2
- package/dist/cjs/types/locales/fr.d.ts +0 -2
- package/dist/cjs/types/locales/hu.d.ts +0 -2
- package/dist/cjs/types/locales/hy.d.ts +0 -2
- package/dist/cjs/types/locales/id.d.ts +0 -2
- package/dist/cjs/types/locales/it.d.ts +0 -2
- package/dist/cjs/types/locales/ja.d.ts +0 -2
- package/dist/cjs/types/locales/ko.d.ts +0 -2
- package/dist/cjs/types/locales/nl.d.ts +0 -2
- package/dist/cjs/types/locales/no.d.ts +0 -2
- package/dist/cjs/types/locales/np.d.ts +0 -2
- package/dist/cjs/types/locales/pl.d.ts +0 -2
- package/dist/cjs/types/locales/pt-BR.d.ts +0 -2
- package/dist/cjs/types/locales/pt.d.ts +0 -2
- package/dist/cjs/types/locales/ro.d.ts +0 -2
- package/dist/cjs/types/locales/ru.d.ts +0 -2
- package/dist/cjs/types/locales/sk.d.ts +0 -2
- package/dist/cjs/types/locales/sr-Cyrl-RS.d.ts +0 -2
- package/dist/cjs/types/locales/sr-Latn-RS.d.ts +0 -2
- package/dist/cjs/types/locales/sv.d.ts +0 -2
- package/dist/cjs/types/locales/tr.d.ts +0 -2
- package/dist/cjs/types/locales/uk.d.ts +0 -2
- package/dist/cjs/types/locales/vi.d.ts +0 -2
- package/dist/cjs/types/locales/zh-Hans.d.ts +0 -2
- package/dist/cjs/types/locales/zh-Hant.d.ts +0 -2
- package/dist/cjs/types/menus/MRT_ColumnActionMenu.d.ts +0 -20
- package/dist/cjs/types/menus/MRT_FilterOptionMenu.d.ts +0 -13
- package/dist/cjs/types/menus/MRT_RowActionMenu.d.ts +0 -12
- package/dist/cjs/types/menus/MRT_ShowHideColumnsMenu.d.ts +0 -10
- package/dist/cjs/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +0 -12
- package/dist/cjs/types/menus/index.d.ts +0 -5
- package/dist/cjs/types/modals/MRT_EditRowModal.d.ts +0 -8
- package/dist/cjs/types/modals/index.d.ts +0 -1
- package/dist/cjs/types/sortingFns.d.ts +0 -12
- package/dist/cjs/types/table/MRT_Table.d.ts +0 -7
- package/dist/cjs/types/table/MRT_TableContainer.d.ts +0 -7
- package/dist/cjs/types/table/MRT_TableLoadingOverlay.d.ts +0 -7
- package/dist/cjs/types/table/MRT_TablePaper.d.ts +0 -7
- package/dist/cjs/types/table/index.d.ts +0 -5
- package/dist/cjs/types/toolbar/MRT_BottomToolbar.d.ts +0 -7
- package/dist/cjs/types/toolbar/MRT_LinearProgressBar.d.ts +0 -8
- package/dist/cjs/types/toolbar/MRT_TablePagination.d.ts +0 -11
- package/dist/cjs/types/toolbar/MRT_ToolbarAlertBanner.d.ts +0 -8
- package/dist/cjs/types/toolbar/MRT_ToolbarDropZone.d.ts +0 -7
- package/dist/cjs/types/toolbar/MRT_ToolbarInternalButtons.d.ts +0 -7
- package/dist/cjs/types/toolbar/MRT_TopToolbar.d.ts +0 -20
- package/dist/cjs/types/toolbar/index.d.ts +0 -7
- package/dist/cjs/types/types.d.ts +0 -828
- package/dist/cjs/types/useMaterialReactTable.d.ts +0 -2
- package/dist/esm/types/MaterialReactTable.d.ts +0 -7
- package/dist/esm/types/aggregationFns.d.ts +0 -11
- package/dist/esm/types/body/MRT_TableBody.d.ts +0 -13
- package/dist/esm/types/body/MRT_TableBodyCell.d.ts +0 -15
- package/dist/esm/types/body/MRT_TableBodyCellValue.d.ts +0 -7
- package/dist/esm/types/body/MRT_TableBodyRow.d.ts +0 -18
- package/dist/esm/types/body/MRT_TableBodyRowGrabHandle.d.ts +0 -10
- package/dist/esm/types/body/MRT_TableBodyRowPinButton.d.ts +0 -8
- package/dist/esm/types/body/MRT_TableDetailPanel.d.ts +0 -13
- package/dist/esm/types/body/index.d.ts +0 -7
- package/dist/esm/types/buttons/MRT_ColumnPinningButtons.d.ts +0 -8
- package/dist/esm/types/buttons/MRT_CopyButton.d.ts +0 -8
- package/dist/esm/types/buttons/MRT_EditActionButtons.d.ts +0 -9
- package/dist/esm/types/buttons/MRT_ExpandAllButton.d.ts +0 -7
- package/dist/esm/types/buttons/MRT_ExpandButton.d.ts +0 -8
- package/dist/esm/types/buttons/MRT_GrabHandleButton.d.ts +0 -12
- package/dist/esm/types/buttons/MRT_RowPinButton.d.ts +0 -10
- package/dist/esm/types/buttons/MRT_ShowHideColumnsButton.d.ts +0 -7
- package/dist/esm/types/buttons/MRT_ToggleDensePaddingButton.d.ts +0 -7
- package/dist/esm/types/buttons/MRT_ToggleFiltersButton.d.ts +0 -7
- package/dist/esm/types/buttons/MRT_ToggleFullScreenButton.d.ts +0 -7
- package/dist/esm/types/buttons/MRT_ToggleGlobalFilterButton.d.ts +0 -7
- package/dist/esm/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +0 -9
- package/dist/esm/types/buttons/index.d.ts +0 -13
- package/dist/esm/types/column.utils.d.ts +0 -149
- package/dist/esm/types/filterFns.d.ts +0 -69
- package/dist/esm/types/footer/MRT_TableFooter.d.ts +0 -11
- package/dist/esm/types/footer/MRT_TableFooterCell.d.ts +0 -8
- package/dist/esm/types/footer/MRT_TableFooterRow.d.ts +0 -12
- package/dist/esm/types/footer/index.d.ts +0 -3
- package/dist/esm/types/head/MRT_TableHead.d.ts +0 -11
- package/dist/esm/types/head/MRT_TableHeadCell.d.ts +0 -8
- package/dist/esm/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +0 -8
- package/dist/esm/types/head/MRT_TableHeadCellFilterContainer.d.ts +0 -8
- package/dist/esm/types/head/MRT_TableHeadCellFilterLabel.d.ts +0 -8
- package/dist/esm/types/head/MRT_TableHeadCellGrabHandle.d.ts +0 -10
- package/dist/esm/types/head/MRT_TableHeadCellResizeHandle.d.ts +0 -8
- package/dist/esm/types/head/MRT_TableHeadCellSortLabel.d.ts +0 -10
- package/dist/esm/types/head/MRT_TableHeadRow.d.ts +0 -12
- package/dist/esm/types/head/index.d.ts +0 -9
- package/dist/esm/types/hooks/useMRT_DisplayColumns.d.ts +0 -9
- package/dist/esm/types/hooks/useMRT_Effects.d.ts +0 -2
- package/dist/esm/types/hooks/useMRT_TableInstance.d.ts +0 -2
- package/dist/esm/types/hooks/useMRT_TableOptions.d.ts +0 -2
- package/dist/esm/types/icons.d.ts +0 -36
- package/dist/esm/types/index.d.ts +0 -16
- package/dist/esm/types/inputs/MRT_EditCellTextField.d.ts +0 -8
- package/dist/esm/types/inputs/MRT_FilterCheckbox.d.ts +0 -8
- package/dist/esm/types/inputs/MRT_FilterRangeFields.d.ts +0 -8
- package/dist/esm/types/inputs/MRT_FilterRangeSlider.d.ts +0 -8
- package/dist/esm/types/inputs/MRT_FilterTextField.d.ts +0 -9
- package/dist/esm/types/inputs/MRT_GlobalFilterTextField.d.ts +0 -7
- package/dist/esm/types/inputs/MRT_SelectCheckbox.d.ts +0 -9
- package/dist/esm/types/inputs/index.d.ts +0 -7
- package/dist/esm/types/locales/ar.d.ts +0 -2
- package/dist/esm/types/locales/bg.d.ts +0 -2
- package/dist/esm/types/locales/cs.d.ts +0 -2
- package/dist/esm/types/locales/da.d.ts +0 -2
- package/dist/esm/types/locales/de.d.ts +0 -2
- package/dist/esm/types/locales/en.d.ts +0 -2
- package/dist/esm/types/locales/es.d.ts +0 -2
- package/dist/esm/types/locales/et.d.ts +0 -2
- package/dist/esm/types/locales/fa.d.ts +0 -2
- package/dist/esm/types/locales/fi.d.ts +0 -2
- package/dist/esm/types/locales/fr.d.ts +0 -2
- package/dist/esm/types/locales/hu.d.ts +0 -2
- package/dist/esm/types/locales/hy.d.ts +0 -2
- package/dist/esm/types/locales/id.d.ts +0 -2
- package/dist/esm/types/locales/it.d.ts +0 -2
- package/dist/esm/types/locales/ja.d.ts +0 -2
- package/dist/esm/types/locales/ko.d.ts +0 -2
- package/dist/esm/types/locales/nl.d.ts +0 -2
- package/dist/esm/types/locales/no.d.ts +0 -2
- package/dist/esm/types/locales/np.d.ts +0 -2
- package/dist/esm/types/locales/pl.d.ts +0 -2
- package/dist/esm/types/locales/pt-BR.d.ts +0 -2
- package/dist/esm/types/locales/pt.d.ts +0 -2
- package/dist/esm/types/locales/ro.d.ts +0 -2
- package/dist/esm/types/locales/ru.d.ts +0 -2
- package/dist/esm/types/locales/sk.d.ts +0 -2
- package/dist/esm/types/locales/sr-Cyrl-RS.d.ts +0 -2
- package/dist/esm/types/locales/sr-Latn-RS.d.ts +0 -2
- package/dist/esm/types/locales/sv.d.ts +0 -2
- package/dist/esm/types/locales/tr.d.ts +0 -2
- package/dist/esm/types/locales/uk.d.ts +0 -2
- package/dist/esm/types/locales/vi.d.ts +0 -2
- package/dist/esm/types/locales/zh-Hans.d.ts +0 -2
- package/dist/esm/types/locales/zh-Hant.d.ts +0 -2
- package/dist/esm/types/menus/MRT_ColumnActionMenu.d.ts +0 -20
- package/dist/esm/types/menus/MRT_FilterOptionMenu.d.ts +0 -13
- package/dist/esm/types/menus/MRT_RowActionMenu.d.ts +0 -12
- package/dist/esm/types/menus/MRT_ShowHideColumnsMenu.d.ts +0 -10
- package/dist/esm/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +0 -12
- package/dist/esm/types/menus/index.d.ts +0 -5
- package/dist/esm/types/modals/MRT_EditRowModal.d.ts +0 -8
- package/dist/esm/types/modals/index.d.ts +0 -1
- package/dist/esm/types/sortingFns.d.ts +0 -12
- package/dist/esm/types/table/MRT_Table.d.ts +0 -7
- package/dist/esm/types/table/MRT_TableContainer.d.ts +0 -7
- package/dist/esm/types/table/MRT_TableLoadingOverlay.d.ts +0 -7
- package/dist/esm/types/table/MRT_TablePaper.d.ts +0 -7
- package/dist/esm/types/table/index.d.ts +0 -5
- package/dist/esm/types/toolbar/MRT_BottomToolbar.d.ts +0 -7
- package/dist/esm/types/toolbar/MRT_LinearProgressBar.d.ts +0 -8
- package/dist/esm/types/toolbar/MRT_TablePagination.d.ts +0 -11
- package/dist/esm/types/toolbar/MRT_ToolbarAlertBanner.d.ts +0 -8
- package/dist/esm/types/toolbar/MRT_ToolbarDropZone.d.ts +0 -7
- package/dist/esm/types/toolbar/MRT_ToolbarInternalButtons.d.ts +0 -7
- package/dist/esm/types/toolbar/MRT_TopToolbar.d.ts +0 -20
- package/dist/esm/types/toolbar/index.d.ts +0 -7
- package/dist/esm/types/types.d.ts +0 -828
- package/dist/esm/types/useMaterialReactTable.d.ts +0 -2
- package/locales/ar.d.ts +0 -2
- package/locales/ar.esm.d.ts +0 -2
- package/locales/ar.esm.js.map +0 -1
- package/locales/ar.js.map +0 -1
- package/locales/bg.d.ts +0 -2
- package/locales/bg.esm.d.ts +0 -2
- package/locales/bg.esm.js.map +0 -1
- package/locales/bg.js.map +0 -1
- package/locales/cs.d.ts +0 -2
- package/locales/cs.esm.d.ts +0 -2
- package/locales/cs.esm.js.map +0 -1
- package/locales/cs.js.map +0 -1
- package/locales/da.d.ts +0 -2
- package/locales/da.esm.d.ts +0 -2
- package/locales/da.esm.js.map +0 -1
- package/locales/da.js.map +0 -1
- package/locales/de.d.ts +0 -2
- package/locales/de.esm.d.ts +0 -2
- package/locales/de.esm.js.map +0 -1
- package/locales/de.js.map +0 -1
- package/locales/en.d.ts +0 -2
- package/locales/en.esm.d.ts +0 -2
- package/locales/en.esm.js.map +0 -1
- package/locales/en.js.map +0 -1
- package/locales/es.d.ts +0 -2
- package/locales/es.esm.d.ts +0 -2
- package/locales/es.esm.js.map +0 -1
- package/locales/es.js.map +0 -1
- package/locales/et.d.ts +0 -2
- package/locales/et.esm.d.ts +0 -2
- package/locales/et.esm.js.map +0 -1
- package/locales/et.js.map +0 -1
- package/locales/fa.d.ts +0 -2
- package/locales/fa.esm.d.ts +0 -2
- package/locales/fa.esm.js.map +0 -1
- package/locales/fa.js.map +0 -1
- package/locales/fi.d.ts +0 -2
- package/locales/fi.esm.d.ts +0 -2
- package/locales/fi.esm.js.map +0 -1
- package/locales/fi.js.map +0 -1
- package/locales/fr.d.ts +0 -2
- package/locales/fr.esm.d.ts +0 -2
- package/locales/fr.esm.js.map +0 -1
- package/locales/fr.js.map +0 -1
- package/locales/hu.d.ts +0 -2
- package/locales/hu.esm.d.ts +0 -2
- package/locales/hu.esm.js.map +0 -1
- package/locales/hu.js.map +0 -1
- package/locales/hy.d.ts +0 -2
- package/locales/hy.esm.d.ts +0 -2
- package/locales/hy.esm.js.map +0 -1
- package/locales/hy.js.map +0 -1
- package/locales/id.d.ts +0 -2
- package/locales/id.esm.d.ts +0 -2
- package/locales/id.esm.js.map +0 -1
- package/locales/id.js.map +0 -1
- package/locales/it.d.ts +0 -2
- package/locales/it.esm.d.ts +0 -2
- package/locales/it.esm.js.map +0 -1
- package/locales/it.js.map +0 -1
- package/locales/ja.d.ts +0 -2
- package/locales/ja.esm.d.ts +0 -2
- package/locales/ja.esm.js.map +0 -1
- package/locales/ja.js.map +0 -1
- package/locales/ko.d.ts +0 -2
- package/locales/ko.esm.d.ts +0 -2
- package/locales/ko.esm.js.map +0 -1
- package/locales/ko.js.map +0 -1
- package/locales/nl.d.ts +0 -2
- package/locales/nl.esm.d.ts +0 -2
- package/locales/nl.esm.js.map +0 -1
- package/locales/nl.js.map +0 -1
- package/locales/no.d.ts +0 -2
- package/locales/no.esm.d.ts +0 -2
- package/locales/no.esm.js.map +0 -1
- package/locales/no.js.map +0 -1
- package/locales/np.d.ts +0 -2
- package/locales/np.esm.d.ts +0 -2
- package/locales/np.esm.js.map +0 -1
- package/locales/np.js.map +0 -1
- package/locales/pl.d.ts +0 -2
- package/locales/pl.esm.d.ts +0 -2
- package/locales/pl.esm.js.map +0 -1
- package/locales/pl.js.map +0 -1
- package/locales/pt-BR.d.ts +0 -2
- package/locales/pt-BR.esm.d.ts +0 -2
- package/locales/pt-BR.esm.js.map +0 -1
- package/locales/pt-BR.js.map +0 -1
- package/locales/pt.d.ts +0 -2
- package/locales/pt.esm.d.ts +0 -2
- package/locales/pt.esm.js.map +0 -1
- package/locales/pt.js.map +0 -1
- package/locales/ro.d.ts +0 -2
- package/locales/ro.esm.d.ts +0 -2
- package/locales/ro.esm.js.map +0 -1
- package/locales/ro.js.map +0 -1
- package/locales/ru.d.ts +0 -2
- package/locales/ru.esm.d.ts +0 -2
- package/locales/ru.esm.js.map +0 -1
- package/locales/ru.js.map +0 -1
- package/locales/sk.d.ts +0 -2
- package/locales/sk.esm.d.ts +0 -2
- package/locales/sk.esm.js.map +0 -1
- package/locales/sk.js.map +0 -1
- package/locales/sr-Cyrl-RS.d.ts +0 -2
- package/locales/sr-Cyrl-RS.esm.d.ts +0 -2
- package/locales/sr-Cyrl-RS.esm.js.map +0 -1
- package/locales/sr-Cyrl-RS.js.map +0 -1
- package/locales/sr-Latn-RS.d.ts +0 -2
- package/locales/sr-Latn-RS.esm.d.ts +0 -2
- package/locales/sr-Latn-RS.esm.js.map +0 -1
- package/locales/sr-Latn-RS.js.map +0 -1
- package/locales/sv.d.ts +0 -2
- package/locales/sv.esm.d.ts +0 -2
- package/locales/sv.esm.js.map +0 -1
- package/locales/sv.js.map +0 -1
- package/locales/tr.d.ts +0 -2
- package/locales/tr.esm.d.ts +0 -2
- package/locales/tr.esm.js.map +0 -1
- 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.map +0 -1
- 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.map +0 -1
- 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.map +0 -1
- 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.map +0 -1
- package/locales/zh-Hant.js.map +0 -1
@@ -7,14 +7,14 @@ import Table from '@mui/material/Table';
|
|
7
7
|
import TableBody from '@mui/material/TableBody';
|
8
8
|
import Typography from '@mui/material/Typography';
|
9
9
|
import TableRow from '@mui/material/TableRow';
|
10
|
-
import {
|
10
|
+
import { lighten, darken, alpha, useTheme } from '@mui/material/styles';
|
11
11
|
import Skeleton from '@mui/material/Skeleton';
|
12
12
|
import TableCell from '@mui/material/TableCell';
|
13
13
|
import Box from '@mui/material/Box';
|
14
|
+
import { flexRender as flexRender$1, createRow as createRow$1, sortingFns, useReactTable, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, aggregationFns, filterFns } from '@tanstack/react-table';
|
14
15
|
import highlightWords from 'highlight-words';
|
15
16
|
import IconButton from '@mui/material/IconButton';
|
16
17
|
import Tooltip from '@mui/material/Tooltip';
|
17
|
-
import { flexRender as flexRender$1, createRow as createRow$1, sortingFns, useReactTable, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, aggregationFns, filterFns } from '@tanstack/react-table';
|
18
18
|
import Button from '@mui/material/Button';
|
19
19
|
import MenuItem from '@mui/material/MenuItem';
|
20
20
|
import TextField from '@mui/material/TextField';
|
@@ -22,6 +22,7 @@ import Collapse from '@mui/material/Collapse';
|
|
22
22
|
import { compareItems, rankItem, rankings } from '@tanstack/match-sorter-utils';
|
23
23
|
import TableFooter from '@mui/material/TableFooter';
|
24
24
|
import TableHead from '@mui/material/TableHead';
|
25
|
+
import { alpha as alpha$1 } from '@mui/material';
|
25
26
|
import ListItemIcon from '@mui/material/ListItemIcon';
|
26
27
|
import Menu from '@mui/material/Menu';
|
27
28
|
import Checkbox from '@mui/material/Checkbox';
|
@@ -103,6 +104,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
103
104
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
104
105
|
PERFORMANCE OF THIS SOFTWARE.
|
105
106
|
***************************************************************************** */
|
107
|
+
/* global Reflect, Promise, SuppressedError, Symbol */
|
108
|
+
|
106
109
|
function __rest(s, e) {
|
107
110
|
var t = {};
|
108
111
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
@@ -116,75 +119,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
116
119
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
117
120
|
};
|
118
121
|
|
119
|
-
const allowedTypes = ['string', 'number'];
|
120
|
-
const MRT_TableBodyCellValue = ({ cell, table, }) => {
|
121
|
-
var _a, _b, _c;
|
122
|
-
const { getState, options: { enableFilterMatchHighlighting }, } = table;
|
123
|
-
const { column, row } = cell;
|
124
|
-
const { columnDef } = column;
|
125
|
-
const { globalFilter, globalFilterFn } = getState();
|
126
|
-
const filterValue = column.getFilterValue();
|
127
|
-
let renderedCellValue = cell.getIsAggregated() && columnDef.AggregatedCell
|
128
|
-
? columnDef.AggregatedCell({
|
129
|
-
cell,
|
130
|
-
column,
|
131
|
-
row,
|
132
|
-
table,
|
133
|
-
})
|
134
|
-
: row.getIsGrouped() && !cell.getIsGrouped()
|
135
|
-
? null
|
136
|
-
: cell.getIsGrouped() && columnDef.GroupedCell
|
137
|
-
? columnDef.GroupedCell({
|
138
|
-
cell,
|
139
|
-
column,
|
140
|
-
row,
|
141
|
-
table,
|
142
|
-
})
|
143
|
-
: undefined;
|
144
|
-
const isGroupedValue = renderedCellValue !== undefined;
|
145
|
-
if (!isGroupedValue) {
|
146
|
-
renderedCellValue = cell.renderValue();
|
147
|
-
}
|
148
|
-
if (enableFilterMatchHighlighting &&
|
149
|
-
columnDef.enableFilterMatchHighlighting !== false &&
|
150
|
-
renderedCellValue &&
|
151
|
-
allowedTypes.includes(typeof renderedCellValue) &&
|
152
|
-
((filterValue &&
|
153
|
-
allowedTypes.includes(typeof filterValue) &&
|
154
|
-
columnDef.filterVariant === 'text') ||
|
155
|
-
(globalFilter &&
|
156
|
-
allowedTypes.includes(typeof globalFilter) &&
|
157
|
-
column.getCanGlobalFilter()))) {
|
158
|
-
const chunks = highlightWords === null || highlightWords === void 0 ? void 0 : highlightWords({
|
159
|
-
matchExactly: (filterValue ? columnDef._filterFn : globalFilterFn) !== 'fuzzy',
|
160
|
-
query: ((_a = filterValue !== null && filterValue !== void 0 ? filterValue : globalFilter) !== null && _a !== void 0 ? _a : '').toString(),
|
161
|
-
text: renderedCellValue === null || renderedCellValue === void 0 ? void 0 : renderedCellValue.toString(),
|
162
|
-
});
|
163
|
-
if ((chunks === null || chunks === void 0 ? void 0 : chunks.length) > 1 || ((_b = chunks === null || chunks === void 0 ? void 0 : chunks[0]) === null || _b === void 0 ? void 0 : _b.match)) {
|
164
|
-
renderedCellValue = (jsx("span", { "aria-label": renderedCellValue, role: "note", children: (_c = chunks === null || chunks === void 0 ? void 0 : chunks.map(({ key, match, text }) => (jsx(Box, { "aria-hidden": "true", component: "span", sx: match
|
165
|
-
? {
|
166
|
-
backgroundColor: (theme) => theme.palette.mode === 'dark'
|
167
|
-
? darken(theme.palette.warning.dark, 0.25)
|
168
|
-
: lighten(theme.palette.warning.light, 0.5),
|
169
|
-
borderRadius: '2px',
|
170
|
-
color: (theme) => theme.palette.mode === 'dark' ? 'white' : 'black',
|
171
|
-
padding: '2px 1px',
|
172
|
-
}
|
173
|
-
: undefined, children: text }, key)))) !== null && _c !== void 0 ? _c : renderedCellValue }));
|
174
|
-
}
|
175
|
-
}
|
176
|
-
if (columnDef.Cell && !isGroupedValue) {
|
177
|
-
renderedCellValue = columnDef.Cell({
|
178
|
-
cell,
|
179
|
-
column,
|
180
|
-
renderedCellValue,
|
181
|
-
row,
|
182
|
-
table,
|
183
|
-
});
|
184
|
-
}
|
185
|
-
return jsx(Fragment, { children: renderedCellValue });
|
186
|
-
};
|
187
|
-
|
188
122
|
const getColumnId = (columnDef) => { var _a, _b, _c, _d; return (_d = (_a = columnDef.id) !== null && _a !== void 0 ? _a : (_c = (_b = columnDef.accessorKey) === null || _b === void 0 ? void 0 : _b.toString) === null || _c === void 0 ? void 0 : _c.call(_b)) !== null && _d !== void 0 ? _d : columnDef.header; };
|
189
123
|
const getAllLeafColumnDefs = (columns) => {
|
190
124
|
const allLeafColumnDefs = [];
|
@@ -351,7 +285,41 @@ const getCanRankRows = (table) => {
|
|
351
285
|
expanded !== true &&
|
352
286
|
!Object.values(expanded).some(Boolean));
|
353
287
|
};
|
354
|
-
const
|
288
|
+
const parseFromValuesOrFunc = (fn, arg) => (fn instanceof Function ? fn(arg) : fn);
|
289
|
+
const flexRender = flexRender$1;
|
290
|
+
const createRow = (table, originalRow) => createRow$1(table, 'mrt-row-create', originalRow !== null && originalRow !== void 0 ? originalRow : Object.assign({}, ...getAllLeafColumnDefs(table.options.columns).map((col) => ({
|
291
|
+
[getColumnId(col)]: '',
|
292
|
+
}))), -1, 0);
|
293
|
+
const extraIndexRangeExtractor = (range, draggingIndex) => {
|
294
|
+
const newIndexs = defaultRangeExtractor(range);
|
295
|
+
if (draggingIndex >= 0 &&
|
296
|
+
draggingIndex < Math.max(range.startIndex - range.overscan, 0)) {
|
297
|
+
newIndexs.unshift(draggingIndex);
|
298
|
+
}
|
299
|
+
if (draggingIndex >= 0 && draggingIndex > range.endIndex + range.overscan) {
|
300
|
+
newIndexs.push(draggingIndex);
|
301
|
+
}
|
302
|
+
return newIndexs;
|
303
|
+
};
|
304
|
+
function createMRTColumnHelper() {
|
305
|
+
return {
|
306
|
+
accessor: (accessor, column) => {
|
307
|
+
return typeof accessor === 'function'
|
308
|
+
? Object.assign(Object.assign({}, column), { accessorFn: accessor })
|
309
|
+
: Object.assign(Object.assign({}, column), { accessorKey: accessor });
|
310
|
+
},
|
311
|
+
display: (column) => column,
|
312
|
+
group: (column) => column,
|
313
|
+
};
|
314
|
+
}
|
315
|
+
|
316
|
+
const parseCSSVarId = (id) => id.replace(/[^a-zA-Z0-9]/g, '_');
|
317
|
+
const getMRTTheme = (table, theme) => (Object.assign({ baseBackgroundColor: theme.palette.mode === 'dark'
|
318
|
+
? lighten(theme.palette.background.default, 0.05)
|
319
|
+
: theme.palette.background.default, draggingBorderColor: theme.palette.primary.main, matchHighlightColor: theme.palette.mode === 'dark'
|
320
|
+
? darken(theme.palette.warning.dark, 0.25)
|
321
|
+
: lighten(theme.palette.warning.light, 0.5), pinnedRowBackgroundColor: alpha(theme.palette.primary.main, 0.1), selectedRowBackgroundColor: alpha(theme.palette.primary.main, 0.2) }, table.options.mrtTheme));
|
322
|
+
const getCommonMRTCellStyles = ({ column, header, table, tableCellProps, theme, }) => {
|
355
323
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
356
324
|
const { options: { layoutMode }, } = table;
|
357
325
|
const widthStyles = {
|
@@ -365,11 +333,11 @@ const getCommonCellStyles = ({ column, header, table, tableCellProps, theme, })
|
|
365
333
|
widthStyles.flex = '0 0 auto';
|
366
334
|
}
|
367
335
|
return Object.assign(Object.assign({ backgroundColor: column.getIsPinned() && column.columnDef.columnDefType !== 'group'
|
368
|
-
? alpha(
|
336
|
+
? alpha(darken(getMRTTheme(table, theme).baseBackgroundColor, theme.palette.mode === 'dark' ? 0.05 : 0.01), 0.97)
|
369
337
|
: 'inherit', backgroundImage: 'inherit', boxShadow: getIsLastLeftPinnedColumn(table, column)
|
370
|
-
? `-4px 0 8px -6px ${alpha(theme.palette.
|
338
|
+
? `-4px 0 8px -6px ${alpha(theme.palette.grey[700], 0.5)} inset`
|
371
339
|
: getIsFirstRightPinnedColumn(column)
|
372
|
-
? `4px 0 8px -6px ${alpha(theme.palette.
|
340
|
+
? `4px 0 8px -6px ${alpha(theme.palette.grey[700], 0.5)} inset`
|
373
341
|
: undefined, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, left: column.getIsPinned() === 'left'
|
374
342
|
? `${column.getStart('left')}px`
|
375
343
|
: undefined, ml: table.options.enableColumnVirtualization &&
|
@@ -394,54 +362,86 @@ const getCommonCellStyles = ({ column, header, table, tableCellProps, theme, })
|
|
394
362
|
? 'none'
|
395
363
|
: `padding 150ms ease-in-out` }, widthStyles), parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme));
|
396
364
|
};
|
397
|
-
const
|
398
|
-
|
399
|
-
|
400
|
-
|
401
|
-
|
402
|
-
|
403
|
-
|
404
|
-
|
405
|
-
|
406
|
-
|
407
|
-
|
408
|
-
|
409
|
-
|
410
|
-
|
411
|
-
|
412
|
-
|
413
|
-
|
414
|
-
|
415
|
-
|
416
|
-
|
417
|
-
|
418
|
-
|
419
|
-
|
420
|
-
|
421
|
-
|
422
|
-
|
423
|
-
|
424
|
-
|
425
|
-
|
426
|
-
|
427
|
-
|
365
|
+
const getCommonToolbarStyles = ({ table, theme, }) => ({
|
366
|
+
alignItems: 'flex-start',
|
367
|
+
backgroundColor: getMRTTheme(table, theme).baseBackgroundColor,
|
368
|
+
display: 'grid',
|
369
|
+
flexWrap: 'wrap-reverse',
|
370
|
+
minHeight: '3.5rem',
|
371
|
+
overflow: 'hidden',
|
372
|
+
position: 'relative',
|
373
|
+
transition: 'all 150ms ease-in-out',
|
374
|
+
zIndex: 1,
|
375
|
+
});
|
376
|
+
|
377
|
+
const allowedTypes = ['string', 'number'];
|
378
|
+
const MRT_TableBodyCellValue = ({ cell, table, }) => {
|
379
|
+
var _a, _b, _c;
|
380
|
+
const { getState, options: { enableFilterMatchHighlighting }, } = table;
|
381
|
+
const { column, row } = cell;
|
382
|
+
const { columnDef } = column;
|
383
|
+
const { globalFilter, globalFilterFn } = getState();
|
384
|
+
const filterValue = column.getFilterValue();
|
385
|
+
let renderedCellValue = cell.getIsAggregated() && columnDef.AggregatedCell
|
386
|
+
? columnDef.AggregatedCell({
|
387
|
+
cell,
|
388
|
+
column,
|
389
|
+
row,
|
390
|
+
table,
|
391
|
+
})
|
392
|
+
: row.getIsGrouped() && !cell.getIsGrouped()
|
393
|
+
? null
|
394
|
+
: cell.getIsGrouped() && columnDef.GroupedCell
|
395
|
+
? columnDef.GroupedCell({
|
396
|
+
cell,
|
397
|
+
column,
|
398
|
+
row,
|
399
|
+
table,
|
400
|
+
})
|
401
|
+
: undefined;
|
402
|
+
const isGroupedValue = renderedCellValue !== undefined;
|
403
|
+
if (!isGroupedValue) {
|
404
|
+
renderedCellValue = cell.renderValue();
|
428
405
|
}
|
429
|
-
if (
|
430
|
-
|
406
|
+
if (enableFilterMatchHighlighting &&
|
407
|
+
columnDef.enableFilterMatchHighlighting !== false &&
|
408
|
+
renderedCellValue &&
|
409
|
+
allowedTypes.includes(typeof renderedCellValue) &&
|
410
|
+
((filterValue &&
|
411
|
+
allowedTypes.includes(typeof filterValue) &&
|
412
|
+
columnDef.filterVariant === 'text') ||
|
413
|
+
(globalFilter &&
|
414
|
+
allowedTypes.includes(typeof globalFilter) &&
|
415
|
+
column.getCanGlobalFilter()))) {
|
416
|
+
const chunks = highlightWords === null || highlightWords === void 0 ? void 0 : highlightWords({
|
417
|
+
matchExactly: (filterValue ? columnDef._filterFn : globalFilterFn) !== 'fuzzy',
|
418
|
+
query: ((_a = filterValue !== null && filterValue !== void 0 ? filterValue : globalFilter) !== null && _a !== void 0 ? _a : '').toString(),
|
419
|
+
text: renderedCellValue === null || renderedCellValue === void 0 ? void 0 : renderedCellValue.toString(),
|
420
|
+
});
|
421
|
+
if ((chunks === null || chunks === void 0 ? void 0 : chunks.length) > 1 || ((_b = chunks === null || chunks === void 0 ? void 0 : chunks[0]) === null || _b === void 0 ? void 0 : _b.match)) {
|
422
|
+
renderedCellValue = (jsx("span", { "aria-label": renderedCellValue, role: "note", children: (_c = chunks === null || chunks === void 0 ? void 0 : chunks.map(({ key, match, text }) => (jsx(Box, { "aria-hidden": "true", component: "span", sx: match
|
423
|
+
? {
|
424
|
+
backgroundColor: (theme) => getMRTTheme(table, theme).matchHighlightColor,
|
425
|
+
borderRadius: '2px',
|
426
|
+
color: (theme) => theme.palette.mode === 'dark'
|
427
|
+
? theme.palette.common.white
|
428
|
+
: theme.palette.common.black,
|
429
|
+
padding: '2px 1px',
|
430
|
+
}
|
431
|
+
: undefined, children: text }, key)))) !== null && _c !== void 0 ? _c : renderedCellValue }));
|
432
|
+
}
|
431
433
|
}
|
432
|
-
|
434
|
+
if (columnDef.Cell && !isGroupedValue) {
|
435
|
+
renderedCellValue = columnDef.Cell({
|
436
|
+
cell,
|
437
|
+
column,
|
438
|
+
renderedCellValue,
|
439
|
+
row,
|
440
|
+
table,
|
441
|
+
});
|
442
|
+
}
|
443
|
+
return renderedCellValue;
|
433
444
|
};
|
434
|
-
function createMRTColumnHelper() {
|
435
|
-
return {
|
436
|
-
accessor: (accessor, column) => {
|
437
|
-
return typeof accessor === 'function'
|
438
|
-
? Object.assign(Object.assign({}, column), { accessorFn: accessor })
|
439
|
-
: Object.assign(Object.assign({}, column), { accessorKey: accessor });
|
440
|
-
},
|
441
|
-
display: (column) => column,
|
442
|
-
group: (column) => column,
|
443
|
-
};
|
444
|
-
}
|
445
445
|
|
446
446
|
const MRT_GrabHandleButton = (_a) => {
|
447
447
|
var _b;
|
@@ -510,7 +510,7 @@ const MRT_CopyButton = (_a) => {
|
|
510
510
|
};
|
511
511
|
|
512
512
|
const MRT_EditCellTextField = (_a) => {
|
513
|
-
var _b, _c, _d
|
513
|
+
var _b, _c, _d;
|
514
514
|
var { cell, table } = _a, rest = __rest(_a, ["cell", "table"]);
|
515
515
|
const { getState, options: { createDisplayMode, editDisplayMode, muiEditTextFieldProps }, refs: { editInputRefs }, setCreatingRow, setEditingCell, setEditingRow, } = table;
|
516
516
|
const { column, row } = cell;
|
@@ -579,11 +579,11 @@ const MRT_EditCellTextField = (_a) => {
|
|
579
579
|
: undefined, select: isSelectEdit, size: "small", value: value, variant: "standard" }, textFieldProps, { InputProps: Object.assign(Object.assign({ disableUnderline: editDisplayMode === 'table' }, textFieldProps.InputProps), { sx: (theme) => {
|
580
580
|
var _a;
|
581
581
|
return (Object.assign({ mb: 0 }, parseFromValuesOrFunc((_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.sx, theme)));
|
582
|
-
} }), inputProps: Object.assign({ autoComplete: 'new-password'
|
582
|
+
} }), inputProps: Object.assign({ autoComplete: 'new-password' }, textFieldProps.inputProps), onBlur: handleBlur, onChange: handleChange, onClick: (e) => {
|
583
583
|
var _a;
|
584
584
|
e.stopPropagation();
|
585
585
|
(_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.onClick) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, e);
|
586
|
-
}, onKeyDown: handleEnterKeyDown, children: (
|
586
|
+
}, onKeyDown: handleEnterKeyDown, children: (_c = textFieldProps.children) !== null && _c !== void 0 ? _c : (_d = columnDef === null || columnDef === void 0 ? void 0 : columnDef.editSelectOptions) === null || _d === void 0 ? void 0 : _d.map((option) => {
|
587
587
|
let value;
|
588
588
|
let text;
|
589
589
|
if (typeof option !== 'object') {
|
@@ -620,6 +620,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
620
620
|
row,
|
621
621
|
table,
|
622
622
|
});
|
623
|
+
const { draggingBorderColor } = getMRTTheme(table, theme);
|
623
624
|
const [skeletonWidth, setSkeletonWidth] = useState(100);
|
624
625
|
useEffect(() => {
|
625
626
|
if ((!isLoading && !showSkeletons) || skeletonWidth !== 100)
|
@@ -638,13 +639,13 @@ const MRT_TableBodyCell = (_a) => {
|
|
638
639
|
const isLastColumn = getIsLastColumn(column, table);
|
639
640
|
const isLastRow = numRows && rowIndex === numRows - 1;
|
640
641
|
const borderStyle = columnSizingInfo.isResizingColumn === column.id
|
641
|
-
? `2px solid ${
|
642
|
+
? `2px solid ${draggingBorderColor} !important`
|
642
643
|
: isDraggingColumn || isDraggingRow
|
643
|
-
? `1px dashed ${theme.palette.
|
644
|
+
? `1px dashed ${theme.palette.grey[500]} !important`
|
644
645
|
: isHoveredColumn ||
|
645
646
|
isHoveredRow ||
|
646
647
|
columnSizingInfo.isResizingColumn === column.id
|
647
|
-
? `2px dashed ${
|
648
|
+
? `2px dashed ${draggingBorderColor} !important`
|
648
649
|
: undefined;
|
649
650
|
if (columnSizingInfo.isResizingColumn === column.id) {
|
650
651
|
return { borderRight: borderStyle };
|
@@ -715,7 +716,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
715
716
|
}
|
716
717
|
} }, tableCellProps, { onDoubleClick: handleDoubleClick, onDragEnter: handleDragEnter, sx: (theme) => (Object.assign(Object.assign({ '&:hover': {
|
717
718
|
outline: ['cell', 'table'].includes(editDisplayMode !== null && editDisplayMode !== void 0 ? editDisplayMode : '') && isEditable
|
718
|
-
? `1px solid ${theme.palette.
|
719
|
+
? `1px solid ${theme.palette.grey[500]}`
|
719
720
|
: undefined,
|
720
721
|
outlineOffset: '-1px',
|
721
722
|
textOverflow: 'clip',
|
@@ -731,14 +732,14 @@ const MRT_TableBodyCell = (_a) => {
|
|
731
732
|
: '1rem'
|
732
733
|
: columnDefType === 'display'
|
733
734
|
? '1rem 1.25rem'
|
734
|
-
: '1.5rem', pl: column.id === 'mrt-row-expand'
|
735
|
+
: '1.5rem', textOverflow: columnDefType !== 'display' ? 'ellipsis' : undefined, [theme.direction === 'rtl' ? 'pr' : 'pl']: column.id === 'mrt-row-expand'
|
735
736
|
? `${row.depth +
|
736
737
|
(density === 'compact'
|
737
738
|
? 0.5
|
738
739
|
: density === 'comfortable'
|
739
740
|
? 0.75
|
740
741
|
: 1.25)}rem`
|
741
|
-
: undefined,
|
742
|
+
: undefined, whiteSpace: row.getIsPinned() || density === 'compact' ? 'nowrap' : 'normal', zIndex: (draggingColumn === null || draggingColumn === void 0 ? void 0 : draggingColumn.id) === column.id ? 2 : column.getIsPinned() ? 1 : 0 }, getCommonMRTCellStyles({
|
742
743
|
column,
|
743
744
|
table,
|
744
745
|
tableCellProps,
|
@@ -781,7 +782,7 @@ const MRT_TableDetailPanel = (_a) => {
|
|
781
782
|
? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
|
782
783
|
: undefined, width: '100%', zIndex: virtualRow ? 2 : undefined }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme)));
|
783
784
|
}, children: jsx(TableCell, Object.assign({ className: "Mui-TableBodyCell-DetailPanel", colSpan: getVisibleLeafColumns().length }, tableCellProps, { sx: (theme) => (Object.assign({ backgroundColor: virtualRow
|
784
|
-
?
|
785
|
+
? getMRTTheme(table, theme).baseBackgroundColor
|
785
786
|
: undefined, borderBottom: !row.getIsExpanded() ? 'none' : undefined, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, py: row.getIsExpanded() ? '1rem' : 0, transition: 'all 150ms ease-in-out', width: `${table.getTotalSize()}px` }, parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme))), children: renderDetailPanel && (jsx(Collapse, { in: row.getIsExpanded(), mountOnEnter: true, unmountOnExit: true, children: !isLoading && renderDetailPanel({ row, table }) })) })) })));
|
786
787
|
};
|
787
788
|
|
@@ -822,6 +823,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, pinnedRo
|
|
822
823
|
}
|
823
824
|
};
|
824
825
|
const rowRef = useRef(null);
|
826
|
+
const { baseBackgroundColor, pinnedRowBackgroundColor, selectedRowBackgroundColor, } = getMRTTheme(table, theme);
|
825
827
|
return (jsxs(Fragment, { children: [jsxs(TableRow, Object.assign({ "data-index": virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.index, onDragEnter: handleDragEnter, ref: (node) => {
|
826
828
|
if (node) {
|
827
829
|
rowRef.current = node;
|
@@ -832,12 +834,12 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, pinnedRo
|
|
832
834
|
: undefined }, tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.style), sx: (theme) => (Object.assign({ '&:hover td': {
|
833
835
|
backgroundColor: (tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.hover) !== false
|
834
836
|
? row.getIsSelected()
|
835
|
-
? `${alpha(
|
837
|
+
? `${alpha(selectedRowBackgroundColor, 0.3)}`
|
836
838
|
: theme.palette.mode === 'dark'
|
837
|
-
? `${lighten(
|
838
|
-
: `${darken(
|
839
|
+
? `${lighten(baseBackgroundColor, 0.05)}`
|
840
|
+
: `${darken(baseBackgroundColor, 0.05)}`
|
839
841
|
: undefined,
|
840
|
-
}, backgroundColor: `${
|
842
|
+
}, backgroundColor: `${baseBackgroundColor} !important`, bottom: !virtualRow && bottomPinnedIndex !== undefined && isPinned
|
841
843
|
? `${bottomPinnedIndex * rowHeight +
|
842
844
|
(enableStickyFooter ? tableFooterHeight - 1 : 0)}px`
|
843
845
|
: undefined, boxSizing: 'border-box', display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, opacity: isPinned
|
@@ -850,9 +852,9 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, pinnedRo
|
|
850
852
|
? 'sticky'
|
851
853
|
: undefined, td: {
|
852
854
|
backgroundColor: row.getIsSelected()
|
853
|
-
?
|
855
|
+
? selectedRowBackgroundColor
|
854
856
|
: isPinned
|
855
|
-
?
|
857
|
+
? pinnedRowBackgroundColor
|
856
858
|
: undefined,
|
857
859
|
}, top: virtualRow
|
858
860
|
? 0
|
@@ -992,9 +994,7 @@ const MRT_TableBody = (_a) => {
|
|
992
994
|
: 'inherit', minHeight: !rows.length ? '100px' : undefined, position: 'relative' }, parseFromValuesOrFunc(tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx, theme))), children: [creatingRow && createDisplayMode === 'row' && (jsx(MRT_TableBodyRow, { row: creatingRow, rowIndex: -1, table: table })), (_d = tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.children) !== null && _d !== void 0 ? _d : (!rows.length ? (jsx("tr", { style: {
|
993
995
|
display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined,
|
994
996
|
}, children: jsx("td", { colSpan: table.getVisibleLeafColumns().length, style: {
|
995
|
-
display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid'))
|
996
|
-
? 'grid'
|
997
|
-
: undefined,
|
997
|
+
display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined,
|
998
998
|
}, children: (_e = renderEmptyRowsFallback === null || renderEmptyRowsFallback === void 0 ? void 0 : renderEmptyRowsFallback({ table })) !== null && _e !== void 0 ? _e : (jsx(Typography, { sx: {
|
999
999
|
color: 'text.secondary',
|
1000
1000
|
fontStyle: 'italic',
|
@@ -1056,7 +1056,7 @@ const MRT_TableFooterCell = (_a) => {
|
|
1056
1056
|
? '0.5rem'
|
1057
1057
|
: density === 'comfortable'
|
1058
1058
|
? '1rem'
|
1059
|
-
: '1.5rem', verticalAlign: 'top', zIndex: column.getIsPinned() && columnDefType !== 'group' ? 2 : 1 },
|
1059
|
+
: '1.5rem', verticalAlign: 'top', zIndex: column.getIsPinned() && columnDefType !== 'group' ? 2 : 1 }, getCommonMRTCellStyles({
|
1060
1060
|
column,
|
1061
1061
|
table,
|
1062
1062
|
tableCellProps,
|
@@ -1083,7 +1083,7 @@ const MRT_TableFooterRow = (_a) => {
|
|
1083
1083
|
footerGroup,
|
1084
1084
|
table,
|
1085
1085
|
})), rest);
|
1086
|
-
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor:
|
1086
|
+
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, width: '100%' }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : footerGroup.headers).map((footerOrVirtualFooter) => {
|
1087
1087
|
const footer = virtualColumns
|
1088
1088
|
? footerGroup.headers[footerOrVirtualFooter.index]
|
1089
1089
|
: footerOrVirtualFooter;
|
@@ -1446,7 +1446,7 @@ const MRT_ColumnActionMenu = (_a) => {
|
|
1446
1446
|
const MRT_TableHeadCellColumnActionsButton = (_a) => {
|
1447
1447
|
var _b;
|
1448
1448
|
var { header, table } = _a, rest = __rest(_a, ["header", "table"]);
|
1449
|
-
const { options: {
|
1449
|
+
const { options: { icons: { MoreVertIcon }, localization, muiColumnActionsButtonProps, }, } = table;
|
1450
1450
|
const { column } = header;
|
1451
1451
|
const { columnDef } = column;
|
1452
1452
|
const [anchorEl, setAnchorEl] = useState(null);
|
@@ -1464,7 +1464,7 @@ const MRT_TableHeadCellColumnActionsButton = (_a) => {
|
|
1464
1464
|
})), rest);
|
1465
1465
|
return (jsxs(Fragment, { children: [jsx(Tooltip, { arrow: true, enterDelay: 1000, enterNextDelay: 1000, placement: "top", title: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _b !== void 0 ? _b : localization.columnActions, children: jsx(IconButton, Object.assign({ "aria-label": localization.columnActions, onClick: handleClick, size: "small" }, iconButtonProps, { sx: (theme) => (Object.assign({ '&:hover': {
|
1466
1466
|
opacity: 1,
|
1467
|
-
}, height: '2rem', m: '-4px', opacity: 0.3,
|
1467
|
+
}, height: '2rem', m: '-8px -4px', opacity: 0.3, transition: 'all 150ms', width: '2rem' }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme))), title: undefined, children: jsx(MoreVertIcon, { style: { transform: 'scale(0.9)' } }) })) }), anchorEl && (jsx(MRT_ColumnActionMenu, { anchorEl: anchorEl, header: header, setAnchorEl: setAnchorEl, table: table }))] }));
|
1468
1468
|
};
|
1469
1469
|
|
1470
1470
|
const MRT_FilterCheckbox = (_a) => {
|
@@ -1955,7 +1955,9 @@ const MRT_TableHeadCellSortLabel = (_a) => {
|
|
1955
1955
|
? localization.sortByColumnDesc.replace('{column}', columnDef.header)
|
1956
1956
|
: localization.sortByColumnAsc.replace('{column}', columnDef.header);
|
1957
1957
|
return (jsx(Tooltip, { arrow: true, placement: "top", title: sortTooltip, children: jsx(Badge, { badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0, overlap: "circular", children: jsx(TableSortLabel, Object.assign({ IconComponent: !isSorted
|
1958
|
-
? (props) => (jsx(SyncAltIcon, Object.assign({}, props, { style: {
|
1958
|
+
? (props) => (jsx(SyncAltIcon, Object.assign({}, props, { style: {
|
1959
|
+
transform: 'rotate(-90deg) scaleX(0.9) translateX(-1px)',
|
1960
|
+
} })))
|
1959
1961
|
: ArrowDownwardIcon, active: true, "aria-label": sortTooltip, direction: isSorted ? column.getIsSorted() : undefined, onClick: (e) => {
|
1960
1962
|
var _a;
|
1961
1963
|
e.stopPropagation();
|
@@ -1980,6 +1982,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
1980
1982
|
column,
|
1981
1983
|
table,
|
1982
1984
|
})), rest);
|
1985
|
+
const { draggingBorderColor } = getMRTTheme(table, theme);
|
1983
1986
|
const showColumnActions = (enableColumnActions || columnDef.enableColumnActions) &&
|
1984
1987
|
columnDef.enableColumnActions !== false;
|
1985
1988
|
const showDragHandle = enableColumnDragging !== false &&
|
@@ -2002,11 +2005,11 @@ const MRT_TableHeadCell = (_a) => {
|
|
2002
2005
|
const draggingBorders = useMemo(() => {
|
2003
2006
|
const borderStyle = columnSizingInfo.isResizingColumn === column.id &&
|
2004
2007
|
!header.subHeaders.length
|
2005
|
-
? `2px solid ${
|
2008
|
+
? `2px solid ${draggingBorderColor} !important`
|
2006
2009
|
: (draggingColumn === null || draggingColumn === void 0 ? void 0 : draggingColumn.id) === column.id
|
2007
|
-
? `1px dashed ${theme.palette.
|
2010
|
+
? `1px dashed ${theme.palette.grey[500]}`
|
2008
2011
|
: (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === column.id
|
2009
|
-
? `2px dashed ${
|
2012
|
+
? `2px dashed ${draggingBorderColor}`
|
2010
2013
|
: undefined;
|
2011
2014
|
if (columnSizingInfo.isResizingColumn === column.id) {
|
2012
2015
|
return { borderRight: borderStyle };
|
@@ -2061,7 +2064,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
2061
2064
|
? 3
|
2062
2065
|
: column.getIsPinned() && columnDefType !== 'group'
|
2063
2066
|
? 2
|
2064
|
-
: 1 },
|
2067
|
+
: 1 }, getCommonMRTCellStyles({
|
2065
2068
|
column,
|
2066
2069
|
header,
|
2067
2070
|
table,
|
@@ -2102,7 +2105,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
2102
2105
|
whiteSpace: ((_h = (_g = columnDef.header) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) < 20
|
2103
2106
|
? 'nowrap'
|
2104
2107
|
: 'normal',
|
2105
|
-
}, title: columnDefType === 'data' ? columnDef.header : undefined, children: headerElement }), column.getCanFilter() && (jsx(MRT_TableHeadCellFilterLabel, { header: header, table: table })), column.getCanSort() && (jsx(MRT_TableHeadCellSortLabel, { header: header, table: table
|
2108
|
+
}, title: columnDefType === 'data' ? columnDef.header : undefined, children: headerElement }), column.getCanFilter() && (jsx(MRT_TableHeadCellFilterLabel, { header: header, table: table })), column.getCanSort() && (jsx(MRT_TableHeadCellSortLabel, { header: header, table: table }))] }), columnDefType !== 'group' && (jsxs(Box, { className: "Mui-TableHeadCell-Content-Actions", sx: { whiteSpace: 'nowrap' }, children: [showDragHandle && (jsx(MRT_TableHeadCellGrabHandle, { column: column, table: table, tableHeadCellRef: {
|
2106
2109
|
current: tableHeadCellRefs.current[column.id],
|
2107
2110
|
} })), showColumnActions && (jsx(MRT_TableHeadCellColumnActionsButton, { header: header, table: table }))] })), column.getCanResize() && (jsx(MRT_TableHeadCellResizeHandle, { header: header, table: table }))] })), columnFilterDisplayMode === 'subheader' && column.getCanFilter() && (jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }))] })));
|
2108
2111
|
};
|
@@ -2114,7 +2117,7 @@ const MRT_TableHeadRow = (_a) => {
|
|
2114
2117
|
headerGroup,
|
2115
2118
|
table,
|
2116
2119
|
})), { rest });
|
2117
|
-
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor:
|
2120
|
+
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, boxShadow: `4px 0 8px ${alpha$1(theme.palette.common.black, 0.1)}`, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, top: 0 }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : headerGroup.headers).map((headerOrVirtualHeader) => {
|
2118
2121
|
const header = virtualColumns
|
2119
2122
|
? headerGroup.headers[headerOrVirtualHeader.index]
|
2120
2123
|
: headerOrVirtualHeader;
|
@@ -2213,10 +2216,10 @@ const MRT_GlobalFilterTextField = (_a) => {
|
|
2213
2216
|
}
|
2214
2217
|
isMounted.current = true;
|
2215
2218
|
}, [globalFilter]);
|
2216
|
-
return (jsxs(Collapse, { in: showGlobalFilter, mountOnEnter: true, orientation: "horizontal", unmountOnExit: true, children: [jsx(TextField, Object.assign({ InputProps: {
|
2217
|
-
|
2218
|
-
|
2219
|
-
|
2219
|
+
return (jsxs(Collapse, { in: showGlobalFilter, mountOnEnter: true, orientation: "horizontal", unmountOnExit: true, children: [jsx(TextField, Object.assign({ InputProps: Object.assign(Object.assign({ endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(Tooltip, { arrow: true, title: (_b = localization.clearSearch) !== null && _b !== void 0 ? _b : '', children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.clearSearch, disabled: !(searchValue === null || searchValue === void 0 ? void 0 : searchValue.length), onClick: handleClear, size: "small", children: jsx(CloseIcon, {}) }) }) }) })), startAdornment: enableGlobalFilterModes ? (jsx(InputAdornment, { position: "start", children: jsx(Tooltip, { arrow: true, title: localization.changeSearchMode, children: jsx(IconButton, { "aria-label": localization.changeSearchMode, onClick: handleGlobalFilterMenuOpen, size: "small", sx: { height: '1.75rem', width: '1.75rem' }, children: jsx(SearchIcon, {}) }) }) })) : (jsx(SearchIcon, { style: { marginRight: '4px' } })) }, textFieldProps.InputProps), { sx: (theme) => {
|
2220
|
+
var _a;
|
2221
|
+
return (Object.assign({ mb: 0 }, parseFromValuesOrFunc((_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.sx, theme)));
|
2222
|
+
} }), inputProps: Object.assign({ autoComplete: 'new-password' }, textFieldProps.inputProps), onChange: handleChange, placeholder: localization.search, size: "small", value: searchValue !== null && searchValue !== void 0 ? searchValue : '', variant: "outlined" }, textFieldProps, { inputRef: (inputRef) => {
|
2220
2223
|
searchInputRef.current = inputRef;
|
2221
2224
|
if (textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.inputRef) {
|
2222
2225
|
textFieldProps.inputRef = inputRef;
|
@@ -2334,6 +2337,38 @@ const MRT_ToolbarDropZone = (_a) => {
|
|
2334
2337
|
return (jsx(Fade, { in: showToolbarDropZone, children: jsx(Box, Object.assign({ className: "Mui-ToolbarDropZone", onDragEnter: handleDragEnter }, rest, { sx: (theme) => (Object.assign({ alignItems: 'center', backdropFilter: 'blur(4px)', backgroundColor: alpha(theme.palette.info.main, (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === 'drop-zone' ? 0.2 : 0.1), border: `dashed ${theme.palette.info.main} 2px`, boxSizing: 'border-box', display: 'flex', height: '100%', justifyContent: 'center', position: 'absolute', width: '100%', zIndex: 4 }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: jsx(Typography, { fontStyle: "italic", children: localization.dropToGroupBy.replace('{column}', (_c = (_b = draggingColumn === null || draggingColumn === void 0 ? void 0 : draggingColumn.columnDef) === null || _b === void 0 ? void 0 : _b.header) !== null && _c !== void 0 ? _c : '') }) })) }));
|
2335
2338
|
};
|
2336
2339
|
|
2340
|
+
const MRT_BottomToolbar = (_a) => {
|
2341
|
+
var { table } = _a, rest = __rest(_a, ["table"]);
|
2342
|
+
const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
|
2343
|
+
const { isFullScreen } = getState();
|
2344
|
+
const isMobile = useMediaQuery('(max-width:720px)');
|
2345
|
+
const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
|
2346
|
+
const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
|
2347
|
+
return (jsxs(Box, Object.assign({}, toolbarProps, { ref: (node) => {
|
2348
|
+
if (node) {
|
2349
|
+
bottomToolbarRef.current = node;
|
2350
|
+
if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
|
2351
|
+
// @ts-ignore
|
2352
|
+
toolbarProps.ref.current = node;
|
2353
|
+
}
|
2354
|
+
}
|
2355
|
+
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table, theme })), { bottom: isFullScreen ? '0' : undefined, boxShadow: `0 1px 2px -1px ${alpha$1(theme.palette.grey[700], 0.5)} inset`, left: 0, position: isFullScreen ? 'fixed' : 'relative', right: 0 }), parseFromValuesOrFunc(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx, theme))), children: [jsx(MRT_LinearProgressBar, { isTopToolbar: false, table: table }), positionToolbarAlertBanner === 'bottom' && (jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'bottom'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsx(MRT_ToolbarDropZone, { table: table })), jsxs(Box, { sx: {
|
2356
|
+
alignItems: 'center',
|
2357
|
+
boxSizing: 'border-box',
|
2358
|
+
display: 'flex',
|
2359
|
+
justifyContent: 'space-between',
|
2360
|
+
p: '0.5rem',
|
2361
|
+
width: '100%',
|
2362
|
+
}, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsx("span", {})), jsx(Box, { sx: {
|
2363
|
+
display: 'flex',
|
2364
|
+
justifyContent: 'flex-end',
|
2365
|
+
position: stackAlertBanner ? 'relative' : 'absolute',
|
2366
|
+
right: 0,
|
2367
|
+
top: 0,
|
2368
|
+
}, children: enablePagination &&
|
2369
|
+
['both', 'bottom'].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : '') && (jsx(MRT_TablePagination, { position: "bottom", table: table })) })] })] })));
|
2370
|
+
};
|
2371
|
+
|
2337
2372
|
const MRT_ColumnPinningButtons = (_a) => {
|
2338
2373
|
var { column, table } = _a, rest = __rest(_a, ["column", "table"]);
|
2339
2374
|
const { options: { icons: { PushPinIcon }, localization, }, } = table;
|
@@ -2387,9 +2422,9 @@ const MRT_ShowHideColumnsMenuItems = (_a) => {
|
|
2387
2422
|
}
|
2388
2423
|
};
|
2389
2424
|
return (jsxs(Fragment, { children: [jsx(MenuItem, Object.assign({ disableRipple: true, onDragEnter: handleDragEnter, ref: menuItemRef }, rest, { sx: (theme) => (Object.assign({ alignItems: 'center', justifyContent: 'flex-start', my: 0, opacity: isDragging ? 0.5 : 1, outline: isDragging
|
2390
|
-
? `2px dashed ${theme.palette.
|
2425
|
+
? `2px dashed ${theme.palette.grey[500]}`
|
2391
2426
|
: (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === column.id
|
2392
|
-
? `2px dashed ${theme.
|
2427
|
+
? `2px dashed ${getMRTTheme(table, theme).draggingBorderColor}`
|
2393
2428
|
: 'none', outlineOffset: '-2px', pl: `${(column.depth + 0.5) * 2}rem`, py: '6px' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: jsxs(Box, { sx: {
|
2394
2429
|
display: 'flex',
|
2395
2430
|
flexWrap: 'nowrap',
|
@@ -2523,17 +2558,6 @@ const MRT_ToolbarInternalButtons = (_a) => {
|
|
2523
2558
|
columnFilterDisplayMode !== 'popover' && (jsx(MRT_ToggleFiltersButton, { table: table })), (enableHiding || enableColumnOrdering || enableColumnPinning) && (jsx(MRT_ShowHideColumnsButton, { table: table })), enableDensityToggle && (jsx(MRT_ToggleDensePaddingButton, { table: table })), enableFullScreenToggle && (jsx(MRT_ToggleFullScreenButton, { table: table }))] })) })));
|
2524
2559
|
};
|
2525
2560
|
|
2526
|
-
const commonToolbarStyles = ({ theme }) => ({
|
2527
|
-
alignItems: 'flex-start',
|
2528
|
-
backgroundColor: lighten(theme.palette.background.default, 0.05),
|
2529
|
-
display: 'grid',
|
2530
|
-
flexWrap: 'wrap-reverse',
|
2531
|
-
minHeight: '3.5rem',
|
2532
|
-
overflow: 'hidden',
|
2533
|
-
position: 'relative',
|
2534
|
-
transition: 'all 150ms ease-in-out',
|
2535
|
-
zIndex: 1,
|
2536
|
-
});
|
2537
2561
|
const MRT_TopToolbar = ({ table, }) => {
|
2538
2562
|
var _a;
|
2539
2563
|
const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions, }, refs: { topToolbarRef }, } = table;
|
@@ -2547,10 +2571,11 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
2547
2571
|
// @ts-ignore
|
2548
2572
|
toolbarProps.ref.current = ref;
|
2549
2573
|
}
|
2550
|
-
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({},
|
2574
|
+
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table, theme })), { position: isFullScreen ? 'sticky' : 'relative', top: isFullScreen ? '0' : undefined }), parseFromValuesOrFunc(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx, theme))), children: [positionToolbarAlertBanner === 'top' && (jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'top'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsx(MRT_ToolbarDropZone, { table: table })), jsxs(Box, { sx: {
|
2551
2575
|
alignItems: 'flex-start',
|
2552
2576
|
boxSizing: 'border-box',
|
2553
2577
|
display: 'flex',
|
2578
|
+
gap: '0.5rem',
|
2554
2579
|
justifyContent: 'space-between',
|
2555
2580
|
p: '0.5rem',
|
2556
2581
|
position: stackAlertBanner ? 'relative' : 'absolute',
|
@@ -2558,46 +2583,16 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
2558
2583
|
top: 0,
|
2559
2584
|
width: '100%',
|
2560
2585
|
}, children: [enableGlobalFilter && positionGlobalFilter === 'left' && (jsx(MRT_GlobalFilterTextField, { table: table })), (_a = renderTopToolbarCustomActions === null || renderTopToolbarCustomActions === void 0 ? void 0 : renderTopToolbarCustomActions({ table })) !== null && _a !== void 0 ? _a : jsx("span", {}), enableToolbarInternalActions ? (jsxs(Box, { sx: {
|
2586
|
+
alignItems: 'center',
|
2561
2587
|
display: 'flex',
|
2562
2588
|
flexWrap: 'wrap-reverse',
|
2589
|
+
gap: '0.5rem',
|
2563
2590
|
justifyContent: 'flex-end',
|
2564
2591
|
}, children: [enableGlobalFilter && positionGlobalFilter === 'right' && (jsx(MRT_GlobalFilterTextField, { table: table })), jsx(MRT_ToolbarInternalButtons, { table: table })] })) : (enableGlobalFilter &&
|
2565
2592
|
positionGlobalFilter === 'right' && (jsx(MRT_GlobalFilterTextField, { table: table })))] }), enablePagination &&
|
2566
2593
|
['both', 'top'].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : '') && (jsx(MRT_TablePagination, { position: "top", table: table })), jsx(MRT_LinearProgressBar, { isTopToolbar: true, table: table })] })));
|
2567
2594
|
};
|
2568
2595
|
|
2569
|
-
const MRT_BottomToolbar = (_a) => {
|
2570
|
-
var { table } = _a, rest = __rest(_a, ["table"]);
|
2571
|
-
const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
|
2572
|
-
const { isFullScreen } = getState();
|
2573
|
-
const isMobile = useMediaQuery('(max-width:720px)');
|
2574
|
-
const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
|
2575
|
-
const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
|
2576
|
-
return (jsxs(Box, Object.assign({}, toolbarProps, { ref: (node) => {
|
2577
|
-
if (node) {
|
2578
|
-
bottomToolbarRef.current = node;
|
2579
|
-
if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
|
2580
|
-
// @ts-ignore
|
2581
|
-
toolbarProps.ref.current = node;
|
2582
|
-
}
|
2583
|
-
}
|
2584
|
-
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, commonToolbarStyles({ theme })), { bottom: isFullScreen ? '0' : undefined, boxShadow: `0 1px 2px -1px ${alpha(theme.palette.common.black, 0.1)} inset`, left: 0, position: isFullScreen ? 'fixed' : 'relative', right: 0 }), parseFromValuesOrFunc(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx, theme))), children: [jsx(MRT_LinearProgressBar, { isTopToolbar: false, table: table }), positionToolbarAlertBanner === 'bottom' && (jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'bottom'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsx(MRT_ToolbarDropZone, { table: table })), jsxs(Box, { sx: {
|
2585
|
-
alignItems: 'center',
|
2586
|
-
boxSizing: 'border-box',
|
2587
|
-
display: 'flex',
|
2588
|
-
justifyContent: 'space-between',
|
2589
|
-
p: '0.5rem',
|
2590
|
-
width: '100%',
|
2591
|
-
}, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsx("span", {})), jsx(Box, { sx: {
|
2592
|
-
display: 'flex',
|
2593
|
-
justifyContent: 'flex-end',
|
2594
|
-
position: stackAlertBanner ? 'relative' : 'absolute',
|
2595
|
-
right: 0,
|
2596
|
-
top: 0,
|
2597
|
-
}, children: enablePagination &&
|
2598
|
-
['both', 'bottom'].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : '') && (jsx(MRT_TablePagination, { position: "bottom", table: table })) })] })] })));
|
2599
|
-
};
|
2600
|
-
|
2601
2596
|
const MRT_TableHead = (_a) => {
|
2602
2597
|
var { table, virtualColumns, virtualPaddingLeft, virtualPaddingRight } = _a, rest = __rest(_a, ["table", "virtualColumns", "virtualPaddingLeft", "virtualPaddingRight"]);
|
2603
2598
|
const { getHeaderGroups, getSelectedRowModel, getState, options: { enableStickyHeader, layoutMode, muiTableHeadProps, positionToolbarAlertBanner, }, refs: { tableHeadRef }, } = table;
|
@@ -2699,7 +2694,7 @@ const MRT_TableLoadingOverlay = (_a) => {
|
|
2699
2694
|
const circularProgressProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiCircularProgressProps, { table })), rest);
|
2700
2695
|
return (jsx(Box, { sx: (theme) => ({
|
2701
2696
|
alignItems: 'center',
|
2702
|
-
backgroundColor: alpha(
|
2697
|
+
backgroundColor: alpha(getMRTTheme(table, theme).baseBackgroundColor, 0.5),
|
2703
2698
|
bottom: 0,
|
2704
2699
|
display: 'flex',
|
2705
2700
|
justifyContent: 'center',
|
@@ -2763,10 +2758,10 @@ const MRT_EditActionButtons = (_a) => {
|
|
2763
2758
|
const MRT_EditRowModal = (_a) => {
|
2764
2759
|
var _b;
|
2765
2760
|
var { open, table } = _a, rest = __rest(_a, ["open", "table"]);
|
2766
|
-
const { getState, options: { localization, muiCreateRowModalProps,
|
2761
|
+
const { getState, options: { localization, muiCreateRowModalProps, muiEditRowDialogProps, onCreatingRowCancel, onEditingRowCancel, renderCreateRowDialogContent, renderEditRowDialogContent, }, setCreatingRow, setEditingRow, } = table;
|
2767
2762
|
const { creatingRow, editingRow } = getState();
|
2768
2763
|
const row = (creatingRow !== null && creatingRow !== void 0 ? creatingRow : editingRow);
|
2769
|
-
const dialogProps = Object.assign(Object.assign(Object.assign({}, parseFromValuesOrFunc(
|
2764
|
+
const dialogProps = Object.assign(Object.assign(Object.assign({}, parseFromValuesOrFunc(muiEditRowDialogProps, { row, table })), (creatingRow &&
|
2770
2765
|
parseFromValuesOrFunc(muiCreateRowModalProps, { row, table }))), rest);
|
2771
2766
|
const internalEditComponents = row
|
2772
2767
|
.getAllCells()
|
@@ -2785,12 +2780,12 @@ const MRT_EditRowModal = (_a) => {
|
|
2785
2780
|
row._valuesCache = {}; //reset values cache
|
2786
2781
|
(_a = dialogProps.onClose) === null || _a === void 0 ? void 0 : _a.call(dialogProps, event, reason);
|
2787
2782
|
}, open: open }, dialogProps, { children: (_b = ((creatingRow &&
|
2788
|
-
(
|
2783
|
+
(renderCreateRowDialogContent === null || renderCreateRowDialogContent === void 0 ? void 0 : renderCreateRowDialogContent({
|
2789
2784
|
internalEditComponents,
|
2790
2785
|
row,
|
2791
2786
|
table,
|
2792
2787
|
}))) ||
|
2793
|
-
(
|
2788
|
+
(renderEditRowDialogContent === null || renderEditRowDialogContent === void 0 ? void 0 : renderEditRowDialogContent({
|
2794
2789
|
internalEditComponents,
|
2795
2790
|
row,
|
2796
2791
|
table,
|
@@ -2863,7 +2858,7 @@ const MRT_TablePaper = (_a) => {
|
|
2863
2858
|
right: 0,
|
2864
2859
|
top: 0,
|
2865
2860
|
width: '100vw',
|
2866
|
-
zIndex:
|
2861
|
+
zIndex: 999,
|
2867
2862
|
}
|
2868
2863
|
: {})), tablePaperProps === null || tablePaperProps === void 0 ? void 0 : tablePaperProps.style), sx: (theme) => (Object.assign({ overflow: 'hidden', transition: 'all 100ms ease-in-out' }, parseFromValuesOrFunc(tablePaperProps === null || tablePaperProps === void 0 ? void 0 : tablePaperProps.sx, theme))), children: [enableTopToolbar &&
|
2869
2864
|
((_b = parseFromValuesOrFunc(renderTopToolbar, { table })) !== null && _b !== void 0 ? _b : (jsx(MRT_TopToolbar, { table: table }))), jsx(MRT_TableContainer, { table: table }), enableBottomToolbar &&
|
@@ -3513,6 +3508,26 @@ const MRT_Localization_EN = {
|
|
3513
3508
|
unpinAll: 'Unpin all',
|
3514
3509
|
};
|
3515
3510
|
|
3511
|
+
const MRT_DefaultColumn = {
|
3512
|
+
filterVariant: 'text',
|
3513
|
+
maxSize: 1000,
|
3514
|
+
minSize: 40,
|
3515
|
+
size: 180,
|
3516
|
+
};
|
3517
|
+
const MRT_DefaultDisplayColumn = {
|
3518
|
+
columnDefType: 'display',
|
3519
|
+
enableClickToCopy: false,
|
3520
|
+
enableColumnActions: false,
|
3521
|
+
enableColumnDragging: false,
|
3522
|
+
enableColumnFilter: false,
|
3523
|
+
enableColumnOrdering: false,
|
3524
|
+
enableEditing: false,
|
3525
|
+
enableGlobalFilter: false,
|
3526
|
+
enableGrouping: false,
|
3527
|
+
enableHiding: false,
|
3528
|
+
enableResizing: false,
|
3529
|
+
enableSorting: false,
|
3530
|
+
};
|
3516
3531
|
const useMRT_TableOptions = (_a) => {
|
3517
3532
|
var _b;
|
3518
3533
|
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode = 'semantic', localization, manualFiltering, manualGrouping, manualPagination, manualSorting, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "paginationDisplayMode", "positionActionsColumn", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
|
@@ -3590,11 +3605,7 @@ const useMRT_TableOptions = (_a) => {
|
|
3590
3605
|
selectAllMode, sortingFns: _sortingFns }, rest);
|
3591
3606
|
};
|
3592
3607
|
|
3593
|
-
const useMaterialReactTable = (tableOptions) =>
|
3594
|
-
const parsedTableOptions = useMRT_TableOptions(tableOptions);
|
3595
|
-
const tableInstance = useMRT_TableInstance(parsedTableOptions);
|
3596
|
-
return tableInstance;
|
3597
|
-
};
|
3608
|
+
const useMaterialReactTable = (tableOptions) => useMRT_TableInstance(useMRT_TableOptions(tableOptions));
|
3598
3609
|
|
3599
3610
|
const isTableInstanceProp = (props) => props.table !== undefined;
|
3600
3611
|
const MaterialReactTable = (props) => {
|
@@ -3608,5 +3619,5 @@ const MaterialReactTable = (props) => {
|
|
3608
3619
|
return jsx(MRT_TablePaper, { table: table });
|
3609
3620
|
};
|
3610
3621
|
|
3611
|
-
export { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton,
|
3622
|
+
export { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_LinearProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, 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, MRT_TableLoadingOverlay, MRT_TablePagination, MRT_TablePaper, 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, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };
|
3612
3623
|
//# sourceMappingURL=material-react-table.esm.js.map
|