@redsift/table 11.7.0 → 11.8.0-muiv5
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/_internal/BasePopper.js +2 -2
- package/_internal/ControlledPagination.js +24 -32
- package/_internal/ControlledPagination.js.map +1 -1
- package/_internal/DataGrid2.js +80 -64
- package/_internal/DataGrid2.js.map +1 -1
- package/_internal/GridToolbarFilterSemanticField2.js +12 -12
- package/_internal/GridToolbarFilterSemanticField2.js.map +1 -1
- package/_internal/Portal.js +1 -1
- package/_internal/StatefulDataGrid.js +1 -1
- package/_internal/StatefulDataGrid2.js +238 -1932
- package/_internal/StatefulDataGrid2.js.map +1 -1
- package/_internal/TextCell2.js +1 -1
- package/_internal/Toolbar2.js +3 -3
- package/_internal/Toolbar2.js.map +1 -1
- package/_internal/ToolbarWrapper2.js +17 -11
- package/_internal/ToolbarWrapper2.js.map +1 -1
- package/_internal/_rollupPluginBabelHelpers.js +1 -1
- package/_internal/useControlledDatagridState.js +1859 -24
- package/_internal/useControlledDatagridState.js.map +1 -1
- package/index.d.ts +79 -82
- package/index.js +3 -48
- package/index.js.map +1 -1
- package/package.json +6 -6
package/_internal/BasePopper.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { b as _objectWithoutProperties, a as _extends$1 } from './_rollupPluginBabelHelpers.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { forwardRef } from 'react';
|
|
4
4
|
import { ButtonsColorPalette, IconButton, Button, Checkbox, Icon } from '@redsift/design-system';
|
|
5
5
|
import { mdiFilterVariant, mdiViewColumn, mdiChevronUp, mdiChevronDown, mdiViewHeadline, mdiViewSequential, mdiViewStream, mdiChevronRight, mdiTrayArrowDown } from '@redsift/icons';
|
|
6
|
-
import {
|
|
6
|
+
import { j as generateUtilityClass, h as generateUtilityClasses, _ as _objectWithoutPropertiesLoose, p as ownerDocument, q as Portal, a as _extends, t as chainPropTypes, P as PropTypes, H as HTMLElementType, o as refType, v as useForkRef, w as useEnhancedEffect, x as useSlotProps, n as composeClasses, y as useClassNamesOverride, k as styled, f as useTheme, l as useThemeProps } from './Portal.js';
|
|
7
7
|
import { j as jsxRuntimeExports } from './jsx-runtime.js';
|
|
8
8
|
|
|
9
9
|
var top = 'top';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as _extends$1 } from './_rollupPluginBabelHelpers.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { Children, isValidElement, cloneElement, createElement } from 'react';
|
|
4
4
|
import { Flexbox, Text, LinkButton } from '@redsift/design-system';
|
|
5
5
|
import { gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid-pro';
|
|
6
|
-
import {
|
|
6
|
+
import { t as chainPropTypes, P as PropTypes, p as ownerDocument, w as useEnhancedEffect, u as useTheme$1, z as defaultTheme, T as THEME_ID, v as useForkRef, e as exactProp, j as generateUtilityClass, h as generateUtilityClasses, _ as _objectWithoutPropertiesLoose, a as _extends, x as useSlotProps, q as Portal, H as HTMLElementType, n as composeClasses, y as useClassNamesOverride, k as styled, l as useThemeProps, c as clsx, A as isHostComponent, o as refType, m as capitalize, B as formatMuiErrorMessage, r as rootShouldForwardProp, D as deepmerge, E as reactIsExports, F as resolveComponentProps, G as alpha, I as slotShouldForwardProp, J as lighten, K as darken } from './Portal.js';
|
|
7
7
|
import { j as jsxRuntimeExports } from './jsx-runtime.js';
|
|
8
8
|
import { Global, keyframes } from '@emotion/react';
|
|
9
9
|
import * as ReactDOM from 'react-dom';
|
|
@@ -10380,10 +10380,12 @@ const ServerSideControlledPagination = _ref3 => {
|
|
|
10380
10380
|
selectionStatus,
|
|
10381
10381
|
displaySelection,
|
|
10382
10382
|
displayPagination,
|
|
10383
|
-
|
|
10384
|
-
|
|
10385
|
-
|
|
10383
|
+
page,
|
|
10384
|
+
onPageChange,
|
|
10385
|
+
pageSize,
|
|
10386
|
+
onPageSizeChange,
|
|
10386
10387
|
displayRowsPerPage,
|
|
10388
|
+
rowsPerPageOptions,
|
|
10387
10389
|
paginationProps,
|
|
10388
10390
|
rowCount
|
|
10389
10391
|
} = _ref3;
|
|
@@ -10402,17 +10404,13 @@ const ServerSideControlledPagination = _ref3 => {
|
|
|
10402
10404
|
}, totalRowsLabel) : /*#__PURE__*/React__default.createElement(Text, null)) : null, displayPagination ? /*#__PURE__*/React__default.createElement(TablePagination$1, _extends$1({
|
|
10403
10405
|
component: "div",
|
|
10404
10406
|
count: totalNumberOfRowsInTable,
|
|
10405
|
-
page:
|
|
10406
|
-
onPageChange: (event,
|
|
10407
|
-
|
|
10408
|
-
|
|
10409
|
-
|
|
10410
|
-
|
|
10411
|
-
|
|
10412
|
-
page: paginationModel.page,
|
|
10413
|
-
pageSize: parseInt(event.target.value, 10)
|
|
10414
|
-
}),
|
|
10415
|
-
rowsPerPageOptions: displayRowsPerPage ? pageSizeOptions : []
|
|
10407
|
+
page: page,
|
|
10408
|
+
onPageChange: (event, newPage) => onPageChange(newPage),
|
|
10409
|
+
rowsPerPage: pageSize,
|
|
10410
|
+
onRowsPerPageChange: event => {
|
|
10411
|
+
onPageSizeChange(parseInt(event.target.value, 10));
|
|
10412
|
+
},
|
|
10413
|
+
rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
|
|
10416
10414
|
}, paginationProps)) : null);
|
|
10417
10415
|
};
|
|
10418
10416
|
|
|
@@ -10438,9 +10436,11 @@ const ControlledPagination = _ref3 => {
|
|
|
10438
10436
|
displayPagination = false,
|
|
10439
10437
|
selectionStatus,
|
|
10440
10438
|
apiRef,
|
|
10441
|
-
|
|
10442
|
-
|
|
10443
|
-
|
|
10439
|
+
page,
|
|
10440
|
+
onPageChange,
|
|
10441
|
+
pageSize,
|
|
10442
|
+
onPageSizeChange,
|
|
10443
|
+
rowsPerPageOptions,
|
|
10444
10444
|
isRowSelectable,
|
|
10445
10445
|
paginationProps
|
|
10446
10446
|
} = _ref3;
|
|
@@ -10470,21 +10470,13 @@ const ControlledPagination = _ref3 => {
|
|
|
10470
10470
|
}, `${selectionStatus.numberOfSelectedRows} row${selectionStatus.numberOfSelectedRows > 1 ? 's' : ''} selected`) : /*#__PURE__*/React__default.createElement(Text, null)) : null, displayPagination ? /*#__PURE__*/React__default.createElement(TablePagination$1, _extends$1({
|
|
10471
10471
|
component: "div",
|
|
10472
10472
|
count: numberOfFilteredRowsInTable,
|
|
10473
|
-
page:
|
|
10474
|
-
onPageChange: (event,
|
|
10475
|
-
|
|
10476
|
-
page,
|
|
10477
|
-
pageSize: paginationModel.pageSize
|
|
10478
|
-
});
|
|
10479
|
-
},
|
|
10480
|
-
rowsPerPage: paginationModel.pageSize,
|
|
10473
|
+
page: page,
|
|
10474
|
+
onPageChange: (event, newPage) => onPageChange(newPage),
|
|
10475
|
+
rowsPerPage: pageSize,
|
|
10481
10476
|
onRowsPerPageChange: event => {
|
|
10482
|
-
|
|
10483
|
-
page: paginationModel.page,
|
|
10484
|
-
pageSize: parseInt(event.target.value, 10)
|
|
10485
|
-
});
|
|
10477
|
+
onPageSizeChange(parseInt(event.target.value, 10));
|
|
10486
10478
|
},
|
|
10487
|
-
rowsPerPageOptions: displayRowsPerPage ?
|
|
10479
|
+
rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
|
|
10488
10480
|
}, paginationProps)) : null);
|
|
10489
10481
|
};
|
|
10490
10482
|
|