Skip to content

Commit a8d8d67

Browse files
MiguelV-devMiguelV-dev
authored
Merge pull request #80 from cern-eam/EAM-1022
[EAM-1022] Revamped EAMGrid component
2 parents c3e6280 + 5fc9458 commit a8d8d67

25 files changed

+3374
-298
lines changed

‎dist/ui/components/checklists/ChecklistSignature.js‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -47,9 +47,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
4747

4848
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
4949

50-
var _require = require("react-table"),
51-
defaultGroupByFn = _require.defaultGroupByFn;
52-
5350
var modalStyle = {
5451
padding: '30px',
5552
textAlign: 'center'

‎dist/ui/components/grids/eam/DataspyAutocompleteInput.js‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports["default"] = void 0;
7+
8+
var _core = require("@material-ui/core");
9+
10+
var _react = _interopRequireDefault(require("react"));
11+
12+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13+
14+
function _extends() { _extends = 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.apply(this, arguments); }
15+
16+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
17+
18+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
19+
20+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21+
22+
var Progress = (0, _core.withStyles)({
23+
root: {
24+
marginLeft: 4
25+
}
26+
})(_core.CircularProgress);
27+
28+
var DataspyAutocompleteInput = function DataspyAutocompleteInput(loading, params) {
29+
return /*#__PURE__*/_react["default"].createElement(_core.TextField, _extends({}, params, {
30+
label: "Dataspy",
31+
margin: "dense",
32+
variant: "outlined",
33+
size: "small",
34+
InputLabelProps: {
35+
shrink: true
36+
},
37+
InputProps: _objectSpread({}, params.InputProps, {
38+
startAdornment: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, loading && /*#__PURE__*/_react["default"].createElement(Progress, {
39+
size: 20
40+
}), params.InputProps.startAdornment)
41+
})
42+
}));
43+
};
44+
45+
var _default = DataspyAutocompleteInput;
46+
exports["default"] = _default;

‎dist/ui/components/grids/eam/EAMGrid.js‎

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
"use strict";
2+
3+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4+
5+
Object.defineProperty(exports, "__esModule", {
6+
value: true
7+
});
8+
exports["default"] = void 0;
9+
10+
var _react = _interopRequireWildcard(require("react"));
11+
12+
var _EAMGridMain = _interopRequireDefault(require("./EAMGridMain"));
13+
14+
var _EAMGridPagination = _interopRequireDefault(require("./EAMGridPagination"));
15+
16+
var _EAMGridFooter = _interopRequireDefault(require("./EAMGridFooter"));
17+
18+
var _EAMGridHead = _interopRequireDefault(require("./EAMGridHead"));
19+
20+
var _EAMGridContext = require("./EAMGridContext");
21+
22+
var _reactBlockUi = _interopRequireDefault(require("react-block-ui"));
23+
24+
require("react-block-ui/style.css");
25+
26+
var _EAMGridKeyboardHandler = _interopRequireDefault(require("./EAMGridKeyboardHandler"));
27+
28+
var _core = require("@material-ui/core");
29+
30+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
31+
32+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
33+
34+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35+
36+
var EAMGrid = function EAMGrid(props) {
37+
var getRowProps = props.getRowProps,
38+
rowsPerPageOptionsComputed = props.rowsPerPageOptionsComputed;
39+
40+
var _useContext = (0, _react.useContext)(_EAMGridContext.EAMGridContext),
41+
dataspies = _useContext.dataspies,
42+
selectedDataspy = _useContext.selectedDataspy,
43+
disableFilters = _useContext.disableFilters,
44+
pageIndex = _useContext.pageIndex,
45+
rowsPerPage = _useContext.rowsPerPage,
46+
toggleFilters = _useContext.toggleFilters,
47+
handleOnSearch = _useContext.handleOnSearch,
48+
handleChangePage = _useContext.handleChangePage,
49+
handleChangeRowsPerPage = _useContext.handleChangeRowsPerPage,
50+
handleDataspyChange = _useContext.handleDataspyChange,
51+
handleResetFilters = _useContext.handleResetFilters,
52+
handleExportToCSV = _useContext.handleExportToCSV,
53+
hasUnkownTotalRecords = _useContext.hasUnkownTotalRecords,
54+
totalRecords = _useContext.totalRecords,
55+
tableInstance = _useContext.tableInstance,
56+
loading = _useContext.loading,
57+
loadingExportToCSV = _useContext.loadingExportToCSV;
58+
59+
return /*#__PURE__*/_react["default"].createElement("div", {
60+
style: {
61+
display: "flex",
62+
flexDirection: "column",
63+
width: "100%",
64+
height: "100%",
65+
background: "white"
66+
}
67+
}, /*#__PURE__*/_react["default"].createElement(_EAMGridKeyboardHandler["default"], {
68+
tableInstance: tableInstance,
69+
onSearch: handleOnSearch,
70+
toggleFilters: toggleFilters
71+
}), /*#__PURE__*/_react["default"].createElement(_EAMGridHead["default"], {
72+
selectedDataspy: selectedDataspy,
73+
dataspies: dataspies,
74+
onSearch: handleOnSearch,
75+
disableFilters: disableFilters,
76+
toggleFilters: toggleFilters,
77+
onDataspyChange: handleDataspyChange,
78+
onResetFilters: handleResetFilters
79+
}), /*#__PURE__*/_react["default"].createElement(_reactBlockUi["default"], {
80+
tag: "div",
81+
blocking: loading,
82+
style: {
83+
height: "100%",
84+
display: "flex",
85+
alignItems: "center",
86+
justifyContent: "center"
87+
}
88+
}, /*#__PURE__*/_react["default"].createElement(_EAMGridMain["default"], {
89+
loading: loading,
90+
tableInstance: tableInstance,
91+
getRowProps: getRowProps
92+
})), /*#__PURE__*/_react["default"].createElement(_EAMGridFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_core.Box, {
93+
flex: "1",
94+
display: "flex"
95+
}, /*#__PURE__*/_react["default"].createElement(_reactBlockUi["default"], {
96+
tag: "div",
97+
blocking: loadingExportToCSV,
98+
style: {
99+
minHeight: "auto"
100+
}
101+
}, /*#__PURE__*/_react["default"].createElement(_core.Button, {
102+
variant: "outlined",
103+
size: "small",
104+
onClick: handleExportToCSV
105+
}, "Export to CSV"))), /*#__PURE__*/_react["default"].createElement(_EAMGridPagination["default"], {
106+
labelRowsPerPage: "Per Page",
107+
onChangePage: handleChangePage,
108+
onChangeRowsPerPage: handleChangeRowsPerPage,
109+
pageIndex: pageIndex,
110+
rowsPerPage: rowsPerPage,
111+
hasUnkownTotalRecords: hasUnkownTotalRecords,
112+
totalRecords: totalRecords,
113+
rowsPerPageOptionsComputed: rowsPerPageOptionsComputed
114+
})));
115+
};
116+
117+
var _default = EAMGrid;
118+
exports["default"] = _default;

0 commit comments

Comments
 (0)