@popmenu/table 0.93.0 → 0.95.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.es.js
CHANGED
|
@@ -771,7 +771,7 @@ Link$1.defaultProps = {
|
|
|
771
771
|
};
|
|
772
772
|
Link$1.displayName = 'Link';
|
|
773
773
|
|
|
774
|
-
var useStyles$
|
|
774
|
+
var useStyles$4$2 = makeStyles(function (_a) {
|
|
775
775
|
var spacing = _a.spacing;
|
|
776
776
|
return ({
|
|
777
777
|
root: {
|
|
@@ -785,7 +785,7 @@ var useStyles$8 = makeStyles(function (_a) {
|
|
|
785
785
|
});
|
|
786
786
|
var Paper$1 = forwardRef(function (props, ref) {
|
|
787
787
|
var legacyStyles = props.legacyStyles, restProps = __rest$2(props, ["legacyStyles"]);
|
|
788
|
-
var classes = useStyles$
|
|
788
|
+
var classes = useStyles$4$2(props);
|
|
789
789
|
return React__default.createElement(Paper$2, __assign$2({}, ref, { classes: __assign$2({}, (legacyStyles && classes)) }, restProps));
|
|
790
790
|
});
|
|
791
791
|
Paper$1.displayName = 'Paper';
|
|
@@ -938,6 +938,45 @@ makeStyles(function (theme) { return ({
|
|
|
938
938
|
},
|
|
939
939
|
}); });
|
|
940
940
|
|
|
941
|
+
makeStyles(function () { return ({
|
|
942
|
+
root: {
|
|
943
|
+
display: 'flex',
|
|
944
|
+
flexDirection: 'column',
|
|
945
|
+
alignItems: 'center',
|
|
946
|
+
gridGap: 16,
|
|
947
|
+
},
|
|
948
|
+
}); });
|
|
949
|
+
|
|
950
|
+
var FollowerAuthenticationDialogContext$1 = createContext(null);
|
|
951
|
+
FollowerAuthenticationDialogContext$1.Provider;
|
|
952
|
+
|
|
953
|
+
makeStyles(function () { return ({
|
|
954
|
+
form: {
|
|
955
|
+
display: 'flex',
|
|
956
|
+
flexDirection: 'column',
|
|
957
|
+
alignItems: 'center',
|
|
958
|
+
width: '100%',
|
|
959
|
+
gridGap: 16,
|
|
960
|
+
},
|
|
961
|
+
}); });
|
|
962
|
+
|
|
963
|
+
makeStyles(function () { return ({
|
|
964
|
+
main: {
|
|
965
|
+
width: '100%',
|
|
966
|
+
display: 'flex',
|
|
967
|
+
flexDirection: 'column',
|
|
968
|
+
gridGap: 16,
|
|
969
|
+
},
|
|
970
|
+
}); });
|
|
971
|
+
|
|
972
|
+
makeStyles(function () { return ({
|
|
973
|
+
root: {
|
|
974
|
+
position: 'absolute',
|
|
975
|
+
top: 0,
|
|
976
|
+
right: 0,
|
|
977
|
+
},
|
|
978
|
+
}); });
|
|
979
|
+
|
|
941
980
|
var useTableRowStyles = makeStyles(function (theme) { return ({
|
|
942
981
|
root: function () { return ({
|
|
943
982
|
'&:nth-child(even)': {
|
|
@@ -1000,7 +1039,7 @@ var TableBody = function (props) {
|
|
|
1000
1039
|
return React__default.createElement("tbody", __assign$3({}, restProps), children);
|
|
1001
1040
|
};
|
|
1002
1041
|
|
|
1003
|
-
var useStyles$
|
|
1042
|
+
var useStyles$6 = makeStyles(function (_a) {
|
|
1004
1043
|
var typography = _a.typography;
|
|
1005
1044
|
return ({
|
|
1006
1045
|
root: function (_a) {
|
|
@@ -1031,7 +1070,7 @@ var TableFooter = function (props) {
|
|
|
1031
1070
|
return (React__default.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "end", paddingTop: 3, paddingBottom: 4 }, props.children));
|
|
1032
1071
|
};
|
|
1033
1072
|
|
|
1034
|
-
var useStyles$
|
|
1073
|
+
var useStyles$5 = makeStyles(function (theme) { return ({
|
|
1035
1074
|
buttonBox: {
|
|
1036
1075
|
'& > :last-child': {
|
|
1037
1076
|
marginLeft: theme.spacing(2),
|
|
@@ -2033,7 +2072,7 @@ Link.defaultProps = {
|
|
|
2033
2072
|
};
|
|
2034
2073
|
Link.displayName = 'Link';
|
|
2035
2074
|
|
|
2036
|
-
var useStyles$
|
|
2075
|
+
var useStyles$4$1 = makeStyles(function (_a) {
|
|
2037
2076
|
var spacing = _a.spacing;
|
|
2038
2077
|
return ({
|
|
2039
2078
|
root: {
|
|
@@ -2047,7 +2086,7 @@ var useStyles$5 = makeStyles(function (_a) {
|
|
|
2047
2086
|
});
|
|
2048
2087
|
var Paper = forwardRef(function (props, ref) {
|
|
2049
2088
|
var legacyStyles = props.legacyStyles, restProps = __rest(props, ["legacyStyles"]);
|
|
2050
|
-
var classes = useStyles$
|
|
2089
|
+
var classes = useStyles$4$1(props);
|
|
2051
2090
|
return React__default.createElement(Paper$2, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
|
|
2052
2091
|
});
|
|
2053
2092
|
Paper.displayName = 'Paper';
|
|
@@ -2200,6 +2239,45 @@ makeStyles(function (theme) { return ({
|
|
|
2200
2239
|
},
|
|
2201
2240
|
}); });
|
|
2202
2241
|
|
|
2242
|
+
makeStyles(function () { return ({
|
|
2243
|
+
root: {
|
|
2244
|
+
display: 'flex',
|
|
2245
|
+
flexDirection: 'column',
|
|
2246
|
+
alignItems: 'center',
|
|
2247
|
+
gridGap: 16,
|
|
2248
|
+
},
|
|
2249
|
+
}); });
|
|
2250
|
+
|
|
2251
|
+
var FollowerAuthenticationDialogContext = createContext(null);
|
|
2252
|
+
FollowerAuthenticationDialogContext.Provider;
|
|
2253
|
+
|
|
2254
|
+
makeStyles(function () { return ({
|
|
2255
|
+
form: {
|
|
2256
|
+
display: 'flex',
|
|
2257
|
+
flexDirection: 'column',
|
|
2258
|
+
alignItems: 'center',
|
|
2259
|
+
width: '100%',
|
|
2260
|
+
gridGap: 16,
|
|
2261
|
+
},
|
|
2262
|
+
}); });
|
|
2263
|
+
|
|
2264
|
+
makeStyles(function () { return ({
|
|
2265
|
+
main: {
|
|
2266
|
+
width: '100%',
|
|
2267
|
+
display: 'flex',
|
|
2268
|
+
flexDirection: 'column',
|
|
2269
|
+
gridGap: 16,
|
|
2270
|
+
},
|
|
2271
|
+
}); });
|
|
2272
|
+
|
|
2273
|
+
makeStyles(function () { return ({
|
|
2274
|
+
root: {
|
|
2275
|
+
position: 'absolute',
|
|
2276
|
+
top: 0,
|
|
2277
|
+
right: 0,
|
|
2278
|
+
},
|
|
2279
|
+
}); });
|
|
2280
|
+
|
|
2203
2281
|
var _g$2B;
|
|
2204
2282
|
|
|
2205
2283
|
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); }
|
|
@@ -3216,7 +3294,7 @@ createTheme(adminDarkOptions);
|
|
|
3216
3294
|
|
|
3217
3295
|
var Panel = function (props) {
|
|
3218
3296
|
var anchorEl = props.anchorEl, onClose = props.onClose;
|
|
3219
|
-
var classes = useStyles$
|
|
3297
|
+
var classes = useStyles$5();
|
|
3220
3298
|
var _a = useContext(TableContext), table = _a.table, stagedColumnFilters = _a.stagedColumnFilters, stageFilterSelections = _a.stageFilterSelections;
|
|
3221
3299
|
var paperRef = useRef(null);
|
|
3222
3300
|
var _b = useColumnFilters(table), columnFilters = _b.columnFilters, resetColumnFilters = _b.resetColumnFilters;
|
|
@@ -4111,7 +4189,7 @@ var defaultTableProps = {
|
|
|
4111
4189
|
};
|
|
4112
4190
|
var Table = function (props) {
|
|
4113
4191
|
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;
|
|
4114
|
-
var classes = useStyles$
|
|
4192
|
+
var classes = useStyles$6(props);
|
|
4115
4193
|
var rootRef = useRef(null);
|
|
4116
4194
|
// Prepare Empty State
|
|
4117
4195
|
var isEmpty = data.length === 0;
|