material-react-table 0.4.3 → 0.4.4
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/MaterialReactTable.d.ts +9 -2
- package/dist/inputs/MRT_DensePaddingSwitch.d.ts +5 -0
- package/dist/material-react-table.cjs.development.js +18 -6
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +18 -6
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +18 -2
- package/src/inputs/MRT_DensePaddingSwitch.tsx +23 -0
- package/src/table/MRT_TableContainer.tsx +3 -3
- package/src/toolbar/MRT_ToolbarBottom.tsx +2 -2
- package/src/toolbar/MRT_ToolbarInternalButtons.tsx +16 -0
- package/src/toolbar/MRT_ToolbarTop.tsx +2 -2
|
@@ -2156,7 +2156,19 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons() {
|
|
|
2156
2156
|
disableColumnHiding = _useMRT.disableColumnHiding,
|
|
2157
2157
|
disableDensePaddingToggle = _useMRT.disableDensePaddingToggle,
|
|
2158
2158
|
disableGlobalFilter = _useMRT.disableGlobalFilter,
|
|
2159
|
-
disableFullScreenToggle = _useMRT.disableFullScreenToggle
|
|
2159
|
+
disableFullScreenToggle = _useMRT.disableFullScreenToggle,
|
|
2160
|
+
renderToolbarInternalActions = _useMRT.renderToolbarInternalActions,
|
|
2161
|
+
tableInstance = _useMRT.tableInstance;
|
|
2162
|
+
|
|
2163
|
+
if (renderToolbarInternalActions) {
|
|
2164
|
+
return React.createElement(React.Fragment, null, renderToolbarInternalActions(tableInstance, {
|
|
2165
|
+
MRT_ToggleSearchButton: MRT_ToggleSearchButton,
|
|
2166
|
+
MRT_ToggleFiltersButton: MRT_ToggleFiltersButton,
|
|
2167
|
+
MRT_ShowHideColumnsButton: MRT_ShowHideColumnsButton,
|
|
2168
|
+
MRT_ToggleDensePaddingButton: MRT_ToggleDensePaddingButton,
|
|
2169
|
+
MRT_FullScreenToggleButton: MRT_FullScreenToggleButton
|
|
2170
|
+
}));
|
|
2171
|
+
}
|
|
2160
2172
|
|
|
2161
2173
|
return React.createElement(ToolbarButtonsContainer, null, !disableGlobalFilter && React.createElement(MRT_ToggleSearchButton, null), !disableFilters && React.createElement(MRT_ToggleFiltersButton, null), !disableColumnHiding && React.createElement(MRT_ShowHideColumnsButton, null), !disableDensePaddingToggle && React.createElement(MRT_ToggleDensePaddingButton, null), !disableFullScreenToggle && React.createElement(MRT_FullScreenToggleButton, null));
|
|
2162
2174
|
};
|
|
@@ -2286,7 +2298,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop() {
|
|
|
2286
2298
|
|
|
2287
2299
|
var _useMRT = useMRT(),
|
|
2288
2300
|
disableGlobalFilter = _useMRT.disableGlobalFilter,
|
|
2289
|
-
|
|
2301
|
+
hideToolbarInternalActions = _useMRT.hideToolbarInternalActions,
|
|
2290
2302
|
manualPagination = _useMRT.manualPagination,
|
|
2291
2303
|
muiTableToolbarTopProps = _useMRT.muiTableToolbarTopProps,
|
|
2292
2304
|
positionPagination = _useMRT.positionPagination,
|
|
@@ -2300,7 +2312,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop() {
|
|
|
2300
2312
|
return React.createElement(Toolbar, Object.assign({
|
|
2301
2313
|
fullScreen: fullScreen,
|
|
2302
2314
|
variant: "dense"
|
|
2303
|
-
}, toolbarProps), positionToolbarAlertBanner === 'top' && React.createElement(MRT_ToolbarAlertBanner, null), React.createElement(ToolbarTopRow, null, (_renderToolbarCustomA = renderToolbarCustomActions == null ? void 0 : renderToolbarCustomActions(tableInstance)) != null ? _renderToolbarCustomA : React.createElement("span", null), React.createElement(ToolbarActionsContainer, null, !disableGlobalFilter && React.createElement(MRT_SearchTextField, null), !
|
|
2315
|
+
}, toolbarProps), positionToolbarAlertBanner === 'top' && React.createElement(MRT_ToolbarAlertBanner, null), React.createElement(ToolbarTopRow, null, (_renderToolbarCustomA = renderToolbarCustomActions == null ? void 0 : renderToolbarCustomActions(tableInstance)) != null ? _renderToolbarCustomA : React.createElement("span", null), React.createElement(ToolbarActionsContainer, null, !disableGlobalFilter && React.createElement(MRT_SearchTextField, null), !hideToolbarInternalActions && positionToolbarActions === 'top' && React.createElement(MRT_ToolbarInternalButtons, null))), React.createElement("div", null, !manualPagination && ['top', 'both'].includes(positionPagination != null ? positionPagination : '') && React.createElement(MRT_TablePagination, null)));
|
|
2304
2316
|
};
|
|
2305
2317
|
|
|
2306
2318
|
var Toolbar$1 = /*#__PURE__*/styled(Toolbar$2, {
|
|
@@ -2325,7 +2337,7 @@ var Toolbar$1 = /*#__PURE__*/styled(Toolbar$2, {
|
|
|
2325
2337
|
});
|
|
2326
2338
|
var MRT_ToolbarBottom = function MRT_ToolbarBottom() {
|
|
2327
2339
|
var _useMRT = useMRT(),
|
|
2328
|
-
|
|
2340
|
+
hideToolbarInternalActions = _useMRT.hideToolbarInternalActions,
|
|
2329
2341
|
manualPagination = _useMRT.manualPagination,
|
|
2330
2342
|
muiTableToolbarBottomProps = _useMRT.muiTableToolbarBottomProps,
|
|
2331
2343
|
positionPagination = _useMRT.positionPagination,
|
|
@@ -2338,7 +2350,7 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom() {
|
|
|
2338
2350
|
return React.createElement(Toolbar$1, Object.assign({
|
|
2339
2351
|
fullScreen: fullScreen,
|
|
2340
2352
|
variant: "dense"
|
|
2341
|
-
}, toolbarProps), !
|
|
2353
|
+
}, toolbarProps), !hideToolbarInternalActions && positionToolbarActions === 'bottom' ? React.createElement(MRT_ToolbarInternalButtons, null) : React.createElement("span", null), positionToolbarAlertBanner === 'bottom' && React.createElement(MRT_ToolbarAlertBanner, null), !manualPagination && ['bottom', 'both'].includes(positionPagination != null ? positionPagination : '') && React.createElement(MRT_TablePagination, null));
|
|
2342
2354
|
};
|
|
2343
2355
|
|
|
2344
2356
|
var TableContainer = /*#__PURE__*/styled(TableContainer$1, {
|
|
@@ -2352,7 +2364,7 @@ var TableContainer = /*#__PURE__*/styled(TableContainer$1, {
|
|
|
2352
2364
|
height: fullScreen ? '100%' : undefined,
|
|
2353
2365
|
left: fullScreen ? '0' : undefined,
|
|
2354
2366
|
margin: fullScreen ? '0' : undefined,
|
|
2355
|
-
position: fullScreen ? '
|
|
2367
|
+
position: fullScreen ? 'fixed' : undefined,
|
|
2356
2368
|
right: fullScreen ? '0' : undefined,
|
|
2357
2369
|
top: fullScreen ? '0' : undefined,
|
|
2358
2370
|
transition: 'all 0.2s ease-in-out',
|