freemium-ui 1.0.134 → 1.0.138
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/lib/index.cjs.js +6 -3
- package/lib/index.esm.js +6 -3
- package/package.json +1 -1
package/lib/index.cjs.js
CHANGED
|
@@ -18196,7 +18196,7 @@ var BoxedRadioGroup$1 = withDefaults(BoxedRadioGroup, defaultProps$6);
|
|
|
18196
18196
|
BoxedRadio$1.Group = BoxedRadioGroup$1;
|
|
18197
18197
|
|
|
18198
18198
|
const Table = (props) => {
|
|
18199
|
-
const { columns = [], data = [], count = 0, offset = 0, limit = 0, next = false, previous = false, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, initialState, filterComponent, } = props;
|
|
18199
|
+
const { columns = [], data = [], count = 0, offset = 0, limit = 0, next = false, previous = false, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, initialState, state, filterComponent, } = props;
|
|
18200
18200
|
const [showFilterPane, toggleFilterPane] = React__default.useState(showFilters);
|
|
18201
18201
|
const [anchorEl, setAnchorEl] = React__default.useState(null);
|
|
18202
18202
|
const tableInstance = reactTable.useTable({
|
|
@@ -18230,7 +18230,10 @@ const Table = (props) => {
|
|
|
18230
18230
|
]
|
|
18231
18231
|
: [...c]);
|
|
18232
18232
|
});
|
|
18233
|
-
const { getTableProps, getTableBodyProps, headerGroups, rows, state: { selectedRowIds }, prepareRow, getToggleAllRowsSelectedProps, } = tableInstance;
|
|
18233
|
+
const { getTableProps, getTableBodyProps, headerGroups, rows, state: { selectedRowIds }, prepareRow, setColumnOrder, getToggleAllRowsSelectedProps, } = tableInstance;
|
|
18234
|
+
reactTable.useMountedLayoutEffect(() => {
|
|
18235
|
+
setColumnOrder(initialState?.columnOrder);
|
|
18236
|
+
}, [initialState?.columnOrder]);
|
|
18234
18237
|
reactTable.useMountedLayoutEffect(() => {
|
|
18235
18238
|
onRowSelect && onRowSelect(selectedRowIds);
|
|
18236
18239
|
}, [onRowSelect, selectedRowIds]);
|
|
@@ -18294,7 +18297,7 @@ const Table = (props) => {
|
|
|
18294
18297
|
setAnchorEl(null);
|
|
18295
18298
|
}, closeMenuCallback: () => setAnchorEl(null) }))))))));
|
|
18296
18299
|
})))),
|
|
18297
|
-
showFilters && showFilterPane && (React__default.createElement(TableFilters, { className: "table-filters" }, filterComponent
|
|
18300
|
+
showFilters && showFilterPane && filterComponent && (React__default.createElement(TableFilters, { className: "table-filters" }, filterComponent)))));
|
|
18298
18301
|
};
|
|
18299
18302
|
const TableContainer = Ye.div `
|
|
18300
18303
|
flex: 1;
|
package/lib/index.esm.js
CHANGED
|
@@ -18187,7 +18187,7 @@ var BoxedRadioGroup$1 = withDefaults(BoxedRadioGroup, defaultProps$6);
|
|
|
18187
18187
|
BoxedRadio$1.Group = BoxedRadioGroup$1;
|
|
18188
18188
|
|
|
18189
18189
|
const Table = (props) => {
|
|
18190
|
-
const { columns = [], data = [], count = 0, offset = 0, limit = 0, next = false, previous = false, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, initialState, filterComponent, } = props;
|
|
18190
|
+
const { columns = [], data = [], count = 0, offset = 0, limit = 0, next = false, previous = false, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, initialState, state, filterComponent, } = props;
|
|
18191
18191
|
const [showFilterPane, toggleFilterPane] = React__default.useState(showFilters);
|
|
18192
18192
|
const [anchorEl, setAnchorEl] = React__default.useState(null);
|
|
18193
18193
|
const tableInstance = useTable({
|
|
@@ -18221,7 +18221,10 @@ const Table = (props) => {
|
|
|
18221
18221
|
]
|
|
18222
18222
|
: [...c]);
|
|
18223
18223
|
});
|
|
18224
|
-
const { getTableProps, getTableBodyProps, headerGroups, rows, state: { selectedRowIds }, prepareRow, getToggleAllRowsSelectedProps, } = tableInstance;
|
|
18224
|
+
const { getTableProps, getTableBodyProps, headerGroups, rows, state: { selectedRowIds }, prepareRow, setColumnOrder, getToggleAllRowsSelectedProps, } = tableInstance;
|
|
18225
|
+
useMountedLayoutEffect(() => {
|
|
18226
|
+
setColumnOrder(initialState?.columnOrder);
|
|
18227
|
+
}, [initialState?.columnOrder]);
|
|
18225
18228
|
useMountedLayoutEffect(() => {
|
|
18226
18229
|
onRowSelect && onRowSelect(selectedRowIds);
|
|
18227
18230
|
}, [onRowSelect, selectedRowIds]);
|
|
@@ -18285,7 +18288,7 @@ const Table = (props) => {
|
|
|
18285
18288
|
setAnchorEl(null);
|
|
18286
18289
|
}, closeMenuCallback: () => setAnchorEl(null) }))))))));
|
|
18287
18290
|
})))),
|
|
18288
|
-
showFilters && showFilterPane && (React__default.createElement(TableFilters, { className: "table-filters" }, filterComponent
|
|
18291
|
+
showFilters && showFilterPane && filterComponent && (React__default.createElement(TableFilters, { className: "table-filters" }, filterComponent)))));
|
|
18289
18292
|
};
|
|
18290
18293
|
const TableContainer = Ye.div `
|
|
18291
18294
|
flex: 1;
|