@popmenu/table 0.93.0 → 0.94.0
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/build/index.es.js +86 -8
- package/build/index.es.js.map +1 -1
- package/build/index.js +86 -8
- package/build/index.js.map +1 -1
- package/package.json +2 -2
package/build/index.js
CHANGED
|
@@ -820,7 +820,7 @@ Link$1.defaultProps = {
|
|
|
820
820
|
};
|
|
821
821
|
Link$1.displayName = 'Link';
|
|
822
822
|
|
|
823
|
-
var useStyles$
|
|
823
|
+
var useStyles$4$2 = core.makeStyles(function (_a) {
|
|
824
824
|
var spacing = _a.spacing;
|
|
825
825
|
return ({
|
|
826
826
|
root: {
|
|
@@ -834,7 +834,7 @@ var useStyles$8 = core.makeStyles(function (_a) {
|
|
|
834
834
|
});
|
|
835
835
|
var Paper$1 = React.forwardRef(function (props, ref) {
|
|
836
836
|
var legacyStyles = props.legacyStyles, restProps = __rest$2(props, ["legacyStyles"]);
|
|
837
|
-
var classes = useStyles$
|
|
837
|
+
var classes = useStyles$4$2(props);
|
|
838
838
|
return React__default['default'].createElement(core.Paper, __assign$2({}, ref, { classes: __assign$2({}, (legacyStyles && classes)) }, restProps));
|
|
839
839
|
});
|
|
840
840
|
Paper$1.displayName = 'Paper';
|
|
@@ -987,6 +987,45 @@ core.makeStyles(function (theme) { return ({
|
|
|
987
987
|
},
|
|
988
988
|
}); });
|
|
989
989
|
|
|
990
|
+
core.makeStyles(function () { return ({
|
|
991
|
+
root: {
|
|
992
|
+
display: 'flex',
|
|
993
|
+
flexDirection: 'column',
|
|
994
|
+
alignItems: 'center',
|
|
995
|
+
gridGap: 16,
|
|
996
|
+
},
|
|
997
|
+
}); });
|
|
998
|
+
|
|
999
|
+
var FollowerAuthenticationDialogContext$1 = React.createContext(null);
|
|
1000
|
+
FollowerAuthenticationDialogContext$1.Provider;
|
|
1001
|
+
|
|
1002
|
+
core.makeStyles(function () { return ({
|
|
1003
|
+
form: {
|
|
1004
|
+
display: 'flex',
|
|
1005
|
+
flexDirection: 'column',
|
|
1006
|
+
alignItems: 'center',
|
|
1007
|
+
width: '100%',
|
|
1008
|
+
gridGap: 16,
|
|
1009
|
+
},
|
|
1010
|
+
}); });
|
|
1011
|
+
|
|
1012
|
+
core.makeStyles(function () { return ({
|
|
1013
|
+
main: {
|
|
1014
|
+
width: '100%',
|
|
1015
|
+
display: 'flex',
|
|
1016
|
+
flexDirection: 'column',
|
|
1017
|
+
gridGap: 16,
|
|
1018
|
+
},
|
|
1019
|
+
}); });
|
|
1020
|
+
|
|
1021
|
+
core.makeStyles(function () { return ({
|
|
1022
|
+
root: {
|
|
1023
|
+
position: 'absolute',
|
|
1024
|
+
top: 0,
|
|
1025
|
+
right: 0,
|
|
1026
|
+
},
|
|
1027
|
+
}); });
|
|
1028
|
+
|
|
990
1029
|
var useTableRowStyles = core.makeStyles(function (theme) { return ({
|
|
991
1030
|
root: function () { return ({
|
|
992
1031
|
'&:nth-child(even)': {
|
|
@@ -1049,7 +1088,7 @@ var TableBody = function (props) {
|
|
|
1049
1088
|
return React__default['default'].createElement("tbody", __assign$3({}, restProps), children);
|
|
1050
1089
|
};
|
|
1051
1090
|
|
|
1052
|
-
var useStyles$
|
|
1091
|
+
var useStyles$6 = core.makeStyles(function (_a) {
|
|
1053
1092
|
var typography = _a.typography;
|
|
1054
1093
|
return ({
|
|
1055
1094
|
root: function (_a) {
|
|
@@ -1080,7 +1119,7 @@ var TableFooter = function (props) {
|
|
|
1080
1119
|
return (React__default['default'].createElement(core.Box, { display: "flex", justifyContent: "center", alignItems: "end", paddingTop: 3, paddingBottom: 4 }, props.children));
|
|
1081
1120
|
};
|
|
1082
1121
|
|
|
1083
|
-
var useStyles$
|
|
1122
|
+
var useStyles$5 = core.makeStyles(function (theme) { return ({
|
|
1084
1123
|
buttonBox: {
|
|
1085
1124
|
'& > :last-child': {
|
|
1086
1125
|
marginLeft: theme.spacing(2),
|
|
@@ -2082,7 +2121,7 @@ Link.defaultProps = {
|
|
|
2082
2121
|
};
|
|
2083
2122
|
Link.displayName = 'Link';
|
|
2084
2123
|
|
|
2085
|
-
var useStyles$
|
|
2124
|
+
var useStyles$4$1 = core.makeStyles(function (_a) {
|
|
2086
2125
|
var spacing = _a.spacing;
|
|
2087
2126
|
return ({
|
|
2088
2127
|
root: {
|
|
@@ -2096,7 +2135,7 @@ var useStyles$5 = core.makeStyles(function (_a) {
|
|
|
2096
2135
|
});
|
|
2097
2136
|
var Paper = React.forwardRef(function (props, ref) {
|
|
2098
2137
|
var legacyStyles = props.legacyStyles, restProps = __rest(props, ["legacyStyles"]);
|
|
2099
|
-
var classes = useStyles$
|
|
2138
|
+
var classes = useStyles$4$1(props);
|
|
2100
2139
|
return React__default['default'].createElement(core.Paper, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
|
|
2101
2140
|
});
|
|
2102
2141
|
Paper.displayName = 'Paper';
|
|
@@ -2249,6 +2288,45 @@ core.makeStyles(function (theme) { return ({
|
|
|
2249
2288
|
},
|
|
2250
2289
|
}); });
|
|
2251
2290
|
|
|
2291
|
+
core.makeStyles(function () { return ({
|
|
2292
|
+
root: {
|
|
2293
|
+
display: 'flex',
|
|
2294
|
+
flexDirection: 'column',
|
|
2295
|
+
alignItems: 'center',
|
|
2296
|
+
gridGap: 16,
|
|
2297
|
+
},
|
|
2298
|
+
}); });
|
|
2299
|
+
|
|
2300
|
+
var FollowerAuthenticationDialogContext = React.createContext(null);
|
|
2301
|
+
FollowerAuthenticationDialogContext.Provider;
|
|
2302
|
+
|
|
2303
|
+
core.makeStyles(function () { return ({
|
|
2304
|
+
form: {
|
|
2305
|
+
display: 'flex',
|
|
2306
|
+
flexDirection: 'column',
|
|
2307
|
+
alignItems: 'center',
|
|
2308
|
+
width: '100%',
|
|
2309
|
+
gridGap: 16,
|
|
2310
|
+
},
|
|
2311
|
+
}); });
|
|
2312
|
+
|
|
2313
|
+
core.makeStyles(function () { return ({
|
|
2314
|
+
main: {
|
|
2315
|
+
width: '100%',
|
|
2316
|
+
display: 'flex',
|
|
2317
|
+
flexDirection: 'column',
|
|
2318
|
+
gridGap: 16,
|
|
2319
|
+
},
|
|
2320
|
+
}); });
|
|
2321
|
+
|
|
2322
|
+
core.makeStyles(function () { return ({
|
|
2323
|
+
root: {
|
|
2324
|
+
position: 'absolute',
|
|
2325
|
+
top: 0,
|
|
2326
|
+
right: 0,
|
|
2327
|
+
},
|
|
2328
|
+
}); });
|
|
2329
|
+
|
|
2252
2330
|
var _g$2B;
|
|
2253
2331
|
|
|
2254
2332
|
function _extends$4J() { _extends$4J = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4J.apply(this, arguments); }
|
|
@@ -3265,7 +3343,7 @@ createTheme__default['default'](adminDarkOptions);
|
|
|
3265
3343
|
|
|
3266
3344
|
var Panel = function (props) {
|
|
3267
3345
|
var anchorEl = props.anchorEl, onClose = props.onClose;
|
|
3268
|
-
var classes = useStyles$
|
|
3346
|
+
var classes = useStyles$5();
|
|
3269
3347
|
var _a = React.useContext(TableContext), table = _a.table, stagedColumnFilters = _a.stagedColumnFilters, stageFilterSelections = _a.stageFilterSelections;
|
|
3270
3348
|
var paperRef = React.useRef(null);
|
|
3271
3349
|
var _b = useColumnFilters(table), columnFilters = _b.columnFilters, resetColumnFilters = _b.resetColumnFilters;
|
|
@@ -4160,7 +4238,7 @@ var defaultTableProps = {
|
|
|
4160
4238
|
};
|
|
4161
4239
|
var Table = function (props) {
|
|
4162
4240
|
var title = props.title, data = props.data, columns = props.columns, enableSortingRemoval = props.enableSortingRemoval, loading = props.loading, searchable = props.searchable, sortable = props.sortable, externalFilterState = props.filterState, externalGlobalFilterState = props.globalFilterState, externalPaginationState = props.paginationState, externalSortingState = props.sortingState, externalVisibilityState = props.visibilityState, paginated = props.paginated, pageCount = props.pageCount, GlobalFilterProps = props.GlobalFilterProps, Empty = props.Empty, idBase = props.idBase, stageFilterSelections = props.stageFilterSelections;
|
|
4163
|
-
var classes = useStyles$
|
|
4241
|
+
var classes = useStyles$6(props);
|
|
4164
4242
|
var rootRef = React.useRef(null);
|
|
4165
4243
|
// Prepare Empty State
|
|
4166
4244
|
var isEmpty = data.length === 0;
|