@uxf/data-grid 2.1.0 → 3.0.0-beta.12
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/DataGrid.d.ts +1 -2
- package/DataGrid.js +109 -26
- package/components/ActionCellBase.js +42 -15
- package/components/BodyCellBase.js +11 -2
- package/components/BodyCellWrapper.d.ts +1 -2
- package/components/BodyCellWrapper.js +4 -14
- package/components/Drawer.d.ts +1 -1
- package/components/Drawer.js +9 -27
- package/components/FilterInputBase.js +23 -16
- package/components/FilterListItemBase.js +6 -14
- package/components/Filters.d.ts +1 -1
- package/components/Filters.js +12 -10
- package/components/FiltersList.js +15 -9
- package/components/HiddenColumns.js +18 -13
- package/components/Paper.d.ts +15 -9
- package/components/Paper.js +9 -22
- package/package.json +22 -17
- package/store/reducer.js +13 -6
- package/types.d.ts +23 -7
- package/DataGridBody.d.ts +0 -18
- package/DataGridBody.js +0 -48
- package/DataGridHead.d.ts +0 -12
- package/DataGridHead.js +0 -45
- package/components/Paginator.d.ts +0 -9
- package/components/Paginator.js +0 -47
- package/components/Toolbar.d.ts +0 -15
- package/components/Toolbar.js +0 -38
package/components/Filters.js
CHANGED
|
@@ -39,26 +39,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
39
39
|
};
|
|
40
40
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
41
|
exports.Filters = void 0;
|
|
42
|
-
var Grid_1 = __importDefault(require("@material
|
|
43
|
-
var Tooltip_1 = __importDefault(require("@material
|
|
44
|
-
var IconButton_1 = __importDefault(require("@material
|
|
45
|
-
var FilterList_1 = __importDefault(require("@
|
|
42
|
+
var Grid_1 = __importDefault(require("@mui/material/Grid"));
|
|
43
|
+
var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
|
|
44
|
+
var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
|
|
45
|
+
var FilterList_1 = __importDefault(require("@mui/icons-material/FilterList"));
|
|
46
46
|
var react_1 = __importStar(require("react"));
|
|
47
47
|
var Drawer_1 = require("./Drawer");
|
|
48
48
|
var actions_1 = require("../store/actions");
|
|
49
|
-
var FilterInputBase_1 = require("./FilterInputBase");
|
|
50
49
|
var Filters = function (props) {
|
|
51
|
-
var filters = props.filters, dispatch = props.dispatch, filtersData = props.filtersData, gridName = props.gridName,
|
|
52
|
-
var
|
|
50
|
+
var filters = props.filters, dispatch = props.dispatch, filtersData = props.filtersData, gridName = props.gridName, FilterInput = props.FilterInput;
|
|
51
|
+
var _a = __read((0, react_1.useState)(false), 2), isOpen = _a[0], setIsOpen = _a[1];
|
|
52
|
+
if (filters.length === 0) {
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
53
55
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
54
56
|
react_1.default.createElement(Tooltip_1.default, { title: "Filtrovat" },
|
|
55
|
-
react_1.default.createElement(IconButton_1.default, { onClick: function () { return setIsOpen(true); } },
|
|
57
|
+
react_1.default.createElement(IconButton_1.default, { onClick: function () { return setIsOpen(true); }, sx: { ml: 1 } },
|
|
56
58
|
react_1.default.createElement(FilterList_1.default, null))),
|
|
57
59
|
react_1.default.createElement(Drawer_1.Drawer, { open: isOpen, onClose: function () { return setIsOpen(false); }, title: "Filtry" },
|
|
58
60
|
react_1.default.createElement(Grid_1.default, { container: true, spacing: 2 }, filters.map(function (filter) {
|
|
59
61
|
var _a;
|
|
60
|
-
return (react_1.default.createElement(FilterInput, { key: filter.name, filter: filter, gridName: gridName, value: (_a = filtersData.find(function (f) { return f.name === filter.name; })) !== null && _a !== void 0 ? _a : { name: filter.name, value: null }, onFilter: function (v) { return dispatch(actions_1.filter(v)); } }));
|
|
62
|
+
return (react_1.default.createElement(FilterInput, { key: filter.name, filter: filter, gridName: gridName, value: (_a = filtersData.find(function (f) { return f.name === filter.name; })) !== null && _a !== void 0 ? _a : { name: filter.name, value: null }, onFilter: function (v) { return dispatch((0, actions_1.filter)(v)); } }));
|
|
61
63
|
})))));
|
|
62
64
|
};
|
|
63
65
|
exports.Filters = Filters;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNERBQXNDO0FBQ3RDLGtFQUE0QztBQUM1Qyx3RUFBa0Q7QUFDbEQsOEVBQTREO0FBQzVELDZDQUF3QztBQUV4QyxtQ0FBa0M7QUFDbEMsNENBQTBEO0FBVW5ELElBQU0sT0FBTyxHQUEyQixVQUFBLEtBQUs7SUFDeEMsSUFBQSxPQUFPLEdBQW1ELEtBQUssUUFBeEQsRUFBRSxRQUFRLEdBQXlDLEtBQUssU0FBOUMsRUFBRSxXQUFXLEdBQTRCLEtBQUssWUFBakMsRUFBRSxRQUFRLEdBQWtCLEtBQUssU0FBdkIsRUFBRSxXQUFXLEdBQUssS0FBSyxZQUFWLENBQVc7SUFDbEUsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBSSxPQUFPLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsaUJBQU8sSUFBQyxLQUFLLEVBQUMsV0FBVztZQUN0Qiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFO2dCQUNyRCw4QkFBQyxvQkFBYyxPQUFHLENBQ1QsQ0FDUDtRQUNWLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQixFQUFFLEtBQUssRUFBQyxRQUFRO1lBQ2pFLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsSUFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU07O2dCQUFJLE9BQUEsQ0FDbkIsOEJBQUMsV0FBVyxJQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixNQUFNLEVBQUUsTUFBTSxFQUNkLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxNQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLEVBQXRCLENBQXNCLENBQUMsbUNBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEVBQzFGLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLFFBQVEsQ0FBQyxJQUFBLGdCQUFZLEVBQUMsQ0FBQyxDQUFDLENBQUMsRUFBekIsQ0FBeUIsR0FDMUMsQ0FDTCxDQUFBO2FBQUEsQ0FBQyxDQUNDLENBQ0YsQ0FDVixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUE5QlcsUUFBQSxPQUFPLFdBOEJsQiJ9
|
|
@@ -23,20 +23,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
25
|
exports.FiltersList = void 0;
|
|
26
|
-
var Box_1 = __importDefault(require("@material
|
|
26
|
+
var Box_1 = __importDefault(require("@mui/material/Box"));
|
|
27
|
+
var Grid_1 = __importDefault(require("@mui/material/Grid"));
|
|
27
28
|
var react_1 = __importStar(require("react"));
|
|
28
29
|
var actions_1 = require("../store/actions");
|
|
29
30
|
var FilterListItemBase_1 = require("./FilterListItemBase");
|
|
30
31
|
var FiltersList = function (props) {
|
|
31
32
|
var filters = props.filters, filtersData = props.filtersData, dispatch = props.dispatch;
|
|
32
|
-
var onFilter = react_1.useCallback(function (v) {
|
|
33
|
-
dispatch(actions_1.filter(v));
|
|
33
|
+
var onFilter = (0, react_1.useCallback)(function (v) {
|
|
34
|
+
dispatch((0, actions_1.filter)(v));
|
|
34
35
|
}, [dispatch]);
|
|
35
|
-
return (react_1.default.createElement(Box_1.default, {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
return (react_1.default.createElement(Box_1.default, { sx: { p: 2, pt: 0 } },
|
|
37
|
+
react_1.default.createElement(Grid_1.default, { container: true, spacing: 1 }, filters.map(function (f1) {
|
|
38
|
+
var _a;
|
|
39
|
+
var value = (_a = filtersData.find(function (f2) { return f2.name === f1.name; })) !== null && _a !== void 0 ? _a : { name: f1.name, value: null };
|
|
40
|
+
if (!value.value) {
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
return (react_1.default.createElement(Grid_1.default, { item: true, key: "" + f1.name },
|
|
44
|
+
react_1.default.createElement(FilterListItemBase_1.FilterListItemBase, { filter: f1, value: value, onFilter: onFilter })));
|
|
45
|
+
}))));
|
|
40
46
|
};
|
|
41
47
|
exports.FiltersList = FiltersList;
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyc0xpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXJzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDBEQUFvQztBQUNwQyw0REFBc0M7QUFDdEMsNkNBQTJDO0FBQzNDLDRDQUEwQztBQUUxQywyREFBMEQ7QUFRbkQsSUFBTSxXQUFXLEdBQStCLFVBQUEsS0FBSztJQUNoRCxJQUFBLE9BQU8sR0FBNEIsS0FBSyxRQUFqQyxFQUFFLFdBQVcsR0FBZSxLQUFLLFlBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ2pELElBQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFDeEIsVUFBQSxDQUFDO1FBQ0csUUFBUSxDQUFDLElBQUEsZ0JBQU0sRUFBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hCLENBQUMsRUFDRCxDQUFDLFFBQVEsQ0FBQyxDQUNiLENBQUM7SUFFRixPQUFPLENBQ0gsOEJBQUMsYUFBRyxJQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRTtRQUNwQiw4QkFBQyxjQUFJLElBQUMsU0FBUyxRQUFDLE9BQU8sRUFBRSxDQUFDLElBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQSxFQUFFOztZQUNYLElBQU0sS0FBSyxHQUFHLE1BQUEsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFBLEVBQUUsSUFBSSxPQUFBLEVBQUUsQ0FBQyxJQUFJLEtBQUssRUFBRSxDQUFDLElBQUksRUFBbkIsQ0FBbUIsQ0FBQyxtQ0FBSSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUU1RixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRTtnQkFDZCxPQUFPLElBQUksQ0FBQzthQUNmO1lBRUQsT0FBTyxDQUNILDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsR0FBRyxFQUFFLEtBQUcsRUFBRSxDQUFDLElBQU07Z0JBQ3hCLDhCQUFDLHVDQUFrQixJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJLENBQ2pFLENBQ1YsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUNDLENBQ0wsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNUJXLFFBQUEsV0FBVyxlQTRCdEIifQ==
|
|
@@ -34,36 +34,41 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
34
34
|
}
|
|
35
35
|
return ar;
|
|
36
36
|
};
|
|
37
|
-
var
|
|
38
|
-
for (var
|
|
39
|
-
|
|
37
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
38
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
39
|
+
if (ar || !(i in from)) {
|
|
40
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
41
|
+
ar[i] = from[i];
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
40
45
|
};
|
|
41
46
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
42
47
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
43
48
|
};
|
|
44
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
45
50
|
exports.HiddenColumns = void 0;
|
|
46
|
-
var
|
|
47
|
-
var Grid_1 = __importDefault(require("@material
|
|
48
|
-
var Switch_1 = __importDefault(require("@material
|
|
49
|
-
var FormControlLabel_1 = __importDefault(require("@material
|
|
50
|
-
var IconButton_1 = __importDefault(require("@material
|
|
51
|
+
var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
|
|
52
|
+
var Grid_1 = __importDefault(require("@mui/material/Grid"));
|
|
53
|
+
var Switch_1 = __importDefault(require("@mui/material/Switch"));
|
|
54
|
+
var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
|
|
55
|
+
var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
|
|
51
56
|
var react_1 = __importStar(require("react"));
|
|
52
|
-
var ViewColumn_1 = __importDefault(require("@
|
|
57
|
+
var ViewColumn_1 = __importDefault(require("@mui/icons-material/ViewColumn"));
|
|
53
58
|
var Drawer_1 = require("./Drawer");
|
|
54
59
|
var HiddenColumns = function (props) {
|
|
55
60
|
var columns = props.columns, hiddenColumns = props.hiddenColumns, onChangeHiddenColumns = props.onChangeHiddenColumns;
|
|
56
|
-
var _a = __read(react_1.useState(false), 2), isOpen = _a[0], setIsOpen = _a[1];
|
|
61
|
+
var _a = __read((0, react_1.useState)(false), 2), isOpen = _a[0], setIsOpen = _a[1];
|
|
57
62
|
var onChange = function (column) { return function () {
|
|
58
63
|
if (hiddenColumns.includes(column.name)) {
|
|
59
64
|
onChangeHiddenColumns(hiddenColumns.filter(function (cn) { return cn !== column.name; }));
|
|
60
65
|
}
|
|
61
66
|
else {
|
|
62
|
-
onChangeHiddenColumns(
|
|
67
|
+
onChangeHiddenColumns(__spreadArray(__spreadArray([], __read(hiddenColumns), false), [column.name], false));
|
|
63
68
|
}
|
|
64
69
|
}; };
|
|
65
70
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
66
|
-
react_1.default.createElement(
|
|
71
|
+
react_1.default.createElement(Tooltip_1.default, { title: "Zobrazit sloupce" },
|
|
67
72
|
react_1.default.createElement(IconButton_1.default, { onClick: function () { return setIsOpen(true); } },
|
|
68
73
|
react_1.default.createElement(ViewColumn_1.default, null))),
|
|
69
74
|
react_1.default.createElement(Drawer_1.Drawer, { title: "Zobrazit sloupce", open: isOpen, onClose: function () { return setIsOpen(false); }, anchor: "right" },
|
|
@@ -71,4 +76,4 @@ var HiddenColumns = function (props) {
|
|
|
71
76
|
react_1.default.createElement(FormControlLabel_1.default, { key: column.name, control: react_1.default.createElement(Switch_1.default, { checked: !hiddenColumns.includes(column.name), onChange: onChange(column), name: column.name, color: "primary" }), label: column.label }))); })))));
|
|
72
77
|
};
|
|
73
78
|
exports.HiddenColumns = HiddenColumns;
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGlkZGVuQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0hpZGRlbkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsa0VBQTRDO0FBQzVDLDREQUFzQztBQUN0QyxnRUFBMEM7QUFDMUMsb0ZBQThEO0FBQzlELHdFQUFrRDtBQUNsRCw2Q0FBd0M7QUFDeEMsOEVBQTREO0FBRTVELG1DQUFrQztBQVMzQixJQUFNLGFBQWEsR0FBaUMsVUFBQSxLQUFLO0lBQ3BELElBQUEsT0FBTyxHQUEyQyxLQUFLLFFBQWhELEVBQUUsYUFBYSxHQUE0QixLQUFLLGNBQWpDLEVBQUUscUJBQXFCLEdBQUssS0FBSyxzQkFBVixDQUFXO0lBQzFELElBQUEsS0FBQSxPQUFzQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBcEMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFtQixDQUFDO0lBRTVDLElBQU0sUUFBUSxHQUFHLFVBQUMsTUFBYyxJQUFLLE9BQUE7UUFDakMsSUFBSSxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNyQyxxQkFBcUIsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLFVBQUEsRUFBRSxJQUFJLE9BQUEsRUFBRSxLQUFLLE1BQU0sQ0FBQyxJQUFJLEVBQWxCLENBQWtCLENBQUMsQ0FBQyxDQUFDO1NBQ3pFO2FBQU07WUFDSCxxQkFBcUIsd0NBQUssYUFBYSxZQUFFLE1BQU0sQ0FBQyxJQUFJLFVBQUUsQ0FBQztTQUMxRDtJQUNMLENBQUMsRUFOb0MsQ0FNcEMsQ0FBQztJQUNGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFDLGtCQUFrQjtZQUM3Qiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWU7Z0JBQ3RDLDhCQUFDLG9CQUFjLE9BQUcsQ0FDVCxDQUNQO1FBQ1YsOEJBQUMsZUFBTSxJQUFDLEtBQUssRUFBQyxrQkFBa0IsRUFBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQixFQUFFLE1BQU0sRUFBQyxPQUFPO1lBQzFGLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsSUFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU0sSUFBSSxPQUFBLENBQ25CLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUk7Z0JBQy9CLDhCQUFDLDBCQUFnQixJQUNiLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixPQUFPLEVBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFDN0MsUUFBUSxFQUFFLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFDMUIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2pCLEtBQUssRUFBQyxTQUFTLEdBQ2pCLEVBRU4sS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEdBQ3JCLENBQ0MsQ0FDVixFQWZzQixDQWV0QixDQUFDLENBQ0MsQ0FDRixDQUNWLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXhDVyxRQUFBLGFBQWEsaUJBd0N4QiJ9
|
package/components/Paper.d.ts
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Paper: import("@mui/system").StyledComponent<{
|
|
3
|
+
children?: import("react").ReactNode;
|
|
4
|
+
classes?: Partial<import("@mui/material/Paper").PaperClasses> | undefined;
|
|
5
|
+
elevation?: number | undefined;
|
|
6
|
+
square?: boolean | undefined;
|
|
7
|
+
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
8
|
+
variant?: "elevation" | "outlined" | undefined;
|
|
9
|
+
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
10
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
+
}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "square" | "variant"> & {
|
|
12
|
+
theme?: import("@mui/material/styles").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
15
|
+
}, {}, {}>;
|
package/components/Paper.js
CHANGED
|
@@ -1,28 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
2
6
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
8
|
};
|
|
5
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
10
|
exports.Paper = void 0;
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var ml = _a.ml, mr = _a.mr, mb = _a.mb, mt = _a.mt, noBorder = _a.noBorder;
|
|
13
|
-
return ({
|
|
14
|
-
border: (noBorder ? 0 : 1) + "px solid " + theme.palette.divider,
|
|
15
|
-
marginTop: mt === undefined ? undefined : theme.spacing(mt),
|
|
16
|
-
marginBottom: mb === undefined ? undefined : theme.spacing(mb),
|
|
17
|
-
marginLeft: ml === undefined ? undefined : theme.spacing(ml),
|
|
18
|
-
marginRight: mr === undefined ? undefined : theme.spacing(mr),
|
|
19
|
-
});
|
|
20
|
-
},
|
|
21
|
-
}); });
|
|
22
|
-
var Paper = function (props) {
|
|
23
|
-
var children = props.children;
|
|
24
|
-
var classes = useStyles(props);
|
|
25
|
-
return (react_1.default.createElement(Paper_1.default, { className: classes.root, elevation: 0 }, children));
|
|
26
|
-
};
|
|
27
|
-
exports.Paper = Paper;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9QYXBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLG1EQUFzRDtBQUN0RCxrRUFBK0M7QUFVL0MsSUFBTSxTQUFTLEdBQUcsbUJBQVUsQ0FBQyxVQUFBLEtBQUssSUFBSSxPQUFBLENBQUM7SUFDbkMsSUFBSSxFQUFFLFVBQUMsRUFBd0M7WUFBdEMsRUFBRSxRQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBO1FBQW1CLE9BQUEsQ0FBQztZQUNqRCxNQUFNLEVBQUUsQ0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxrQkFBWSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQVM7WUFDOUQsU0FBUyxFQUFFLEVBQUUsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDM0QsWUFBWSxFQUFFLEVBQUUsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDOUQsVUFBVSxFQUFFLEVBQUUsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDNUQsV0FBVyxFQUFFLEVBQUUsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7U0FDaEUsQ0FBQztJQU5rRCxDQU1sRDtDQUNMLENBQUMsRUFSb0MsQ0FRcEMsQ0FBQyxDQUFDO0FBRUcsSUFBTSxLQUFLLEdBQXlCLFVBQUEsS0FBSztJQUNwQyxJQUFBLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUMzQixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsT0FBTyxDQUNILDhCQUFDLGVBQVEsSUFBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsQ0FBQyxJQUMxQyxRQUFRLENBQ0YsQ0FDZCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBUlcsUUFBQSxLQUFLLFNBUWhCIn0=
|
|
11
|
+
var styles_1 = require("@mui/material/styles");
|
|
12
|
+
var Paper_1 = __importDefault(require("@mui/material/Paper"));
|
|
13
|
+
exports.Paper = (0, styles_1.styled)(Paper_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .rdg-row .rdg-cell {\n border-right: none;\n }\n\n .rdg-cell.action {\n text-align: right;\n }\n"], ["\n .rdg-row .rdg-cell {\n border-right: none;\n }\n\n .rdg-cell.action {\n text-align: right;\n }\n"])));
|
|
14
|
+
var templateObject_1;
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9QYXBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLCtDQUE4QztBQUM5Qyw4REFBMkM7QUFFOUIsUUFBQSxLQUFLLEdBQUcsSUFBQSxlQUFNLEVBQUMsZUFBUSxDQUFDLGtNQUFBLCtIQVFwQyxLQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/data-grid",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0-beta.12",
|
|
4
4
|
"description": "Redux DataGrid",
|
|
5
5
|
"homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"clean": "rm -rf ./dist",
|
|
25
25
|
"compile": "tsc -P tsconfig.build.json",
|
|
26
26
|
"dev": "parcel demo/index.html",
|
|
27
|
+
"lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
|
|
27
28
|
"test": "npm run-script typecheck",
|
|
28
29
|
"test:update": "npm run-script typecheck && jest --coverage -u",
|
|
29
30
|
"typecheck": "tsc --noEmit --skipLibCheck"
|
|
@@ -32,32 +33,36 @@
|
|
|
32
33
|
"node": ">=8.9"
|
|
33
34
|
},
|
|
34
35
|
"peerDependencies": {
|
|
35
|
-
"@
|
|
36
|
-
"@
|
|
37
|
-
"
|
|
38
|
-
"
|
|
36
|
+
"@emotion/react": "^11.4.1",
|
|
37
|
+
"@emotion/styled": "^11.3.0",
|
|
38
|
+
"@mui/icons-material": "^5.0.0-rc.1",
|
|
39
|
+
"@mui/material": "^5.0.0-rc.1",
|
|
40
|
+
"react": "^17.0.2",
|
|
41
|
+
"react-dom": "^17.0.2"
|
|
42
|
+
},
|
|
43
|
+
"dependencies": {
|
|
44
|
+
"react-data-grid": "^7.0.0-beta.5"
|
|
39
45
|
},
|
|
40
|
-
"dependencies": {},
|
|
41
46
|
"devDependencies": {
|
|
42
|
-
"@
|
|
43
|
-
"@
|
|
47
|
+
"@emotion/react": "^11.4.1",
|
|
48
|
+
"@emotion/styled": "^11.3.0",
|
|
49
|
+
"@mui/icons-material": "^5.0.0",
|
|
50
|
+
"@mui/material": "^5.0.0",
|
|
44
51
|
"@types/jest": "^26.0.19",
|
|
45
|
-
"@types/react": "^17.0.
|
|
52
|
+
"@types/react": "^17.0.22",
|
|
46
53
|
"@types/react-dom": "^17.0.0",
|
|
47
54
|
"@types/react-test-renderer": "^16.9.4",
|
|
48
55
|
"@typescript-eslint/eslint-plugin": "^4.11.0",
|
|
49
56
|
"@typescript-eslint/parser": "^4.11.0",
|
|
57
|
+
"@uxf/eslint-config": "^1.0.3",
|
|
50
58
|
"babel-polyfill": "^6.26.0",
|
|
51
|
-
"eslint": "^
|
|
52
|
-
"eslint-
|
|
53
|
-
"eslint-plugin-prettier": "^3.3.0",
|
|
54
|
-
"eslint-plugin-react": "^7.21.5",
|
|
55
|
-
"eslint-plugin-react-hooks": "^2.3.0",
|
|
59
|
+
"eslint": "^7.32.0",
|
|
60
|
+
"eslint-plugin-react": "^7.26.0",
|
|
56
61
|
"jest": "^26.6.3",
|
|
57
|
-
"parcel-bundler": "^1.12.
|
|
62
|
+
"parcel-bundler": "^1.12.5",
|
|
58
63
|
"prettier": "^1.18.2",
|
|
59
|
-
"react": "^17.0.
|
|
60
|
-
"react-dom": "^17.0.
|
|
64
|
+
"react": "^17.0.2",
|
|
65
|
+
"react-dom": "^17.0.2",
|
|
61
66
|
"react-test-renderer": "^17.0.1",
|
|
62
67
|
"ts-jest": "^26.4.4",
|
|
63
68
|
"ts-loader": "^6.2.0",
|
package/store/reducer.js
CHANGED
|
@@ -26,16 +26,21 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
26
26
|
}
|
|
27
27
|
return ar;
|
|
28
28
|
};
|
|
29
|
-
var
|
|
30
|
-
for (var
|
|
31
|
-
|
|
29
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
30
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
31
|
+
if (ar || !(i in from)) {
|
|
32
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
33
|
+
ar[i] = from[i];
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
37
|
};
|
|
33
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
39
|
exports.reducer = exports.getInitialState = void 0;
|
|
35
40
|
var utils_1 = require("../utils/utils");
|
|
36
41
|
var getInitialState = function (schema, init) {
|
|
37
42
|
var _a, _b, _c, _d, _e, _f;
|
|
38
|
-
var initialState = init === undefined ? {} : typeof init === "string" ? (_a = utils_1.decodeFilter(init)) !== null && _a !== void 0 ? _a : {} : init;
|
|
43
|
+
var initialState = init === undefined ? {} : typeof init === "string" ? (_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {} : init;
|
|
39
44
|
return {
|
|
40
45
|
f: (_b = initialState.f) !== null && _b !== void 0 ? _b : [],
|
|
41
46
|
page: (_c = initialState.page) !== null && _c !== void 0 ? _c : 0,
|
|
@@ -58,18 +63,20 @@ var reducer = function (state, action) {
|
|
|
58
63
|
case "CHANGE_PER_PAGE":
|
|
59
64
|
return __assign(__assign({}, state), { perPage: action.perPage });
|
|
60
65
|
case "FILTER":
|
|
66
|
+
// eslint-disable-next-line no-case-declarations
|
|
61
67
|
var filterValue_1 = action.filterValue;
|
|
62
68
|
return __assign(__assign({}, state), { page: 0, f: state.f.find(function (f) { return f.name === filterValue_1.name; })
|
|
63
69
|
? state.f.map(function (f) { return (f.name === filterValue_1.name ? filterValue_1 : f); })
|
|
64
|
-
:
|
|
70
|
+
: __spreadArray(__spreadArray([], __read(state.f), false), [filterValue_1], false) });
|
|
65
71
|
case "FILTER_RESET":
|
|
66
72
|
return __assign(__assign({}, state), { page: 0, f: [] });
|
|
67
73
|
case "SORT":
|
|
68
74
|
return __assign(__assign({}, state), { sort: action.columnName, dir: action.direction });
|
|
69
75
|
default:
|
|
76
|
+
// eslint-disable-next-line no-console
|
|
70
77
|
console.warn("Unknown datagrid action.", action);
|
|
71
78
|
return state;
|
|
72
79
|
}
|
|
73
80
|
};
|
|
74
81
|
exports.reducer = reducer;
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLHdDQUE4QztBQUV2QyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQWMsRUFBRSxJQUF1Qjs7SUFDbkUsSUFBTSxZQUFZLEdBQUcsSUFBSSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQUEsSUFBQSxvQkFBWSxFQUFDLElBQUksQ0FBQyxtQ0FBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUMxRyxPQUFPO1FBQ0gsQ0FBQyxFQUFFLE1BQUEsWUFBWSxDQUFDLENBQUMsbUNBQUksRUFBRTtRQUN2QixJQUFJLEVBQUUsTUFBQSxZQUFZLENBQUMsSUFBSSxtQ0FBSSxDQUFDO1FBQzVCLEdBQUcsRUFBRSxNQUFBLFlBQVksQ0FBQyxHQUFHLG1DQUFJLE1BQU0sQ0FBQyxHQUFHO1FBQ25DLElBQUksRUFBRSxNQUFBLFlBQVksQ0FBQyxJQUFJLG1DQUFJLE1BQU0sQ0FBQyxJQUFJO1FBQ3RDLE9BQU8sRUFBRSxNQUFBLFlBQVksQ0FBQyxPQUFPLG1DQUFJLE1BQU0sQ0FBQyxPQUFPO0tBQ2xELENBQUM7QUFDTixDQUFDLENBQUM7QUFUVyxRQUFBLGVBQWUsbUJBUzFCO0FBRUssSUFBTSxPQUFPLEdBQWdDLFVBQUMsS0FBSyxFQUFFLE1BQU07SUFDOUQsUUFBUSxNQUFNLENBQUMsSUFBSSxFQUFFO1FBQ2pCLEtBQUssUUFBUTtZQUNULDZCQUNPLEtBQUssS0FDUixPQUFPLEVBQUUsSUFBSSxJQUNmO1FBQ04sS0FBSyxhQUFhO1lBQ2QsNkJBQ08sS0FBSyxLQUNSLE9BQU8sRUFBRSxLQUFLLEVBQ2QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxRQUFRLElBQzNCO1FBQ04sS0FBSyxlQUFlO1lBQ2hCLDZCQUNPLEtBQUssS0FDUixPQUFPLEVBQUUsS0FBSyxFQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUNyQjtRQUNOLEtBQUssYUFBYTtZQUNkLDZCQUNPLEtBQUssS0FDUixJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksSUFDbkI7UUFDTixLQUFLLGlCQUFpQjtZQUNsQiw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQ3pCO1FBQ04sS0FBSyxRQUFRO1lBQ1QsZ0RBQWdEO1lBQ2hELElBQU0sYUFBVyxHQUFrQixNQUFNLENBQUMsV0FBVyxDQUFDO1lBQ3RELDZCQUNPLEtBQUssS0FDUixJQUFJLEVBQUUsQ0FBQyxFQUNQLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssYUFBVyxDQUFDLElBQUksRUFBM0IsQ0FBMkIsQ0FBQztvQkFDN0MsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLGFBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQS9DLENBQStDLENBQUM7b0JBQ25FLENBQUMsd0NBQUssS0FBSyxDQUFDLENBQUMsWUFBRSxhQUFXLFNBQUMsSUFDakM7UUFDTixLQUFLLGNBQWM7WUFDZiw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLENBQUMsRUFDUCxDQUFDLEVBQUUsRUFBRSxJQUNQO1FBQ04sS0FBSyxNQUFNO1lBQ1AsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxNQUFNLENBQUMsVUFBVSxFQUN2QixHQUFHLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFDdkI7UUFDTjtZQUNJLHNDQUFzQztZQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDLDBCQUEwQixFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ2pELE9BQU8sS0FBSyxDQUFDO0tBQ3BCO0FBQ0wsQ0FBQyxDQUFDO0FBeERXLFFBQUEsT0FBTyxXQXdEbEIifQ==
|
package/types.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ComponentType, ReactNode } from "react";
|
|
1
|
+
import { ComponentType, ReactElement, ReactNode } from "react";
|
|
2
|
+
import { DataGridProps as RDGProps } from "react-data-grid";
|
|
2
3
|
export declare type SortDirection = "asc" | "desc";
|
|
3
4
|
export declare type SelectableRows = "none" | "single" | "multiple";
|
|
4
5
|
export declare type ResultItem = any;
|
|
@@ -6,7 +7,14 @@ export declare type KeyExtractor = (row: ResultItem) => string;
|
|
|
6
7
|
export declare type CsvDownloadHandler = (request: Request) => void;
|
|
7
8
|
export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
|
|
8
9
|
export declare type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
|
|
9
|
-
export
|
|
10
|
+
export declare type ActionCellWithRequiredWidth<R extends any> = {
|
|
11
|
+
ActionCell?: ActionCellComponent<R>;
|
|
12
|
+
actionCellWidth: number;
|
|
13
|
+
} | {
|
|
14
|
+
ActionCell?: never;
|
|
15
|
+
actionCellWidth?: never;
|
|
16
|
+
};
|
|
17
|
+
export declare type DataGridProps<R extends any> = {
|
|
10
18
|
gridName?: string;
|
|
11
19
|
title?: ReactNode;
|
|
12
20
|
schema: Schema;
|
|
@@ -21,7 +29,6 @@ export interface DataGridProps<R extends any> {
|
|
|
21
29
|
onCsvDownload?: CsvDownloadHandler;
|
|
22
30
|
BodyCell?: BodyCellComponent<R>;
|
|
23
31
|
HeadCell?: HeadCellComponent<R>;
|
|
24
|
-
ActionCell?: ActionCellComponent<R>;
|
|
25
32
|
FilterInput?: FilterInputComponent;
|
|
26
33
|
FilterListItem?: FilterListItemComponent;
|
|
27
34
|
Footer?: import("react").ReactNode;
|
|
@@ -32,14 +39,23 @@ export interface DataGridProps<R extends any> {
|
|
|
32
39
|
onEdit?: (row: R) => void;
|
|
33
40
|
onRemove?: (row: R) => void;
|
|
34
41
|
noBorder?: boolean;
|
|
35
|
-
|
|
42
|
+
rowHeight?: RDGProps<any>["rowHeight"];
|
|
43
|
+
ml?: number;
|
|
44
|
+
mt?: number;
|
|
45
|
+
mr?: number;
|
|
46
|
+
mb?: number;
|
|
47
|
+
} & ActionCellWithRequiredWidth<R>;
|
|
36
48
|
export interface Column<T = string> {
|
|
37
49
|
name: string;
|
|
38
|
-
label: string;
|
|
39
|
-
type?: T;
|
|
50
|
+
label: string | ReactElement;
|
|
51
|
+
type?: T | null;
|
|
40
52
|
sort?: boolean;
|
|
41
53
|
hint?: string;
|
|
42
54
|
print?: boolean;
|
|
55
|
+
width?: number | string;
|
|
56
|
+
minWidth?: number;
|
|
57
|
+
maxWidth?: number;
|
|
58
|
+
frozen?: boolean;
|
|
43
59
|
}
|
|
44
60
|
export interface FilterOption {
|
|
45
61
|
value: string | number;
|
|
@@ -82,7 +98,7 @@ export interface BodyCellProps<R extends any> {
|
|
|
82
98
|
row: R;
|
|
83
99
|
reload: () => Promise<void>;
|
|
84
100
|
}
|
|
85
|
-
export declare type BodyCellComponent<R extends any, P =
|
|
101
|
+
export declare type BodyCellComponent<R extends any, P = any> = ComponentType<BodyCellProps<R> & P>;
|
|
86
102
|
export interface ActionCellProps<R extends any> {
|
|
87
103
|
row: R;
|
|
88
104
|
onOpen?: (row: R) => void;
|
package/DataGridBody.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Column, BodyCellComponent, KeyExtractor, ResultItem, ActionCellComponent } from "./types";
|
|
3
|
-
interface DataGridBodyProps {
|
|
4
|
-
columns: Column[];
|
|
5
|
-
hiddenColumns: string[];
|
|
6
|
-
rows: ResultItem[];
|
|
7
|
-
keyExtractor: KeyExtractor;
|
|
8
|
-
BodyCell?: BodyCellComponent<any>;
|
|
9
|
-
ActionCell?: ActionCellComponent<any>;
|
|
10
|
-
onOpen?: (row: any) => void;
|
|
11
|
-
onEdit?: (row: any) => void;
|
|
12
|
-
onRemove?: (row: any) => void;
|
|
13
|
-
loading?: boolean;
|
|
14
|
-
error?: any;
|
|
15
|
-
reload: () => Promise<void>;
|
|
16
|
-
}
|
|
17
|
-
export declare const DataGridBody: React.NamedExoticComponent<DataGridBodyProps>;
|
|
18
|
-
export {};
|
package/DataGridBody.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.DataGridBody = void 0;
|
|
26
|
-
var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
|
|
27
|
-
var TableCell_1 = __importDefault(require("@material-ui/core/TableCell"));
|
|
28
|
-
var TableBody_1 = __importDefault(require("@material-ui/core/TableBody"));
|
|
29
|
-
var TableRow_1 = __importDefault(require("@material-ui/core/TableRow"));
|
|
30
|
-
var react_1 = __importStar(require("react"));
|
|
31
|
-
var ActionCellBase_1 = require("./components/ActionCellBase");
|
|
32
|
-
var BodyCellBase_1 = require("./components/BodyCellBase");
|
|
33
|
-
var DataGridBodyComponent = function (props) {
|
|
34
|
-
var columns = props.columns, hiddenColumns = props.hiddenColumns, rows = props.rows, keyExtractor = props.keyExtractor, _a = props.BodyCell, BodyCell = _a === void 0 ? BodyCellBase_1.BodyCellBase : _a, _b = props.ActionCell, ActionCell = _b === void 0 ? ActionCellBase_1.ActionCellBase : _b, onOpen = props.onOpen, onEdit = props.onEdit, onRemove = props.onRemove, loading = props.loading, error = props.error, reload = props.reload;
|
|
35
|
-
var hasActionColumn = !!(props.ActionCell || onOpen || onEdit || onRemove);
|
|
36
|
-
return (react_1.default.createElement(TableBody_1.default, null, rows.length === 0 ? (react_1.default.createElement(TableRow_1.default, null,
|
|
37
|
-
react_1.default.createElement(TableCell_1.default, { colSpan: hasActionColumn ? columns.length + 1 : columns.length, align: "center" }, error ? (react_1.default.createElement(react_1.default.Fragment, null, "Chyba p\u0159i na\u010D\u00EDt\u00E1n\u00ED dat")) : loading ? (react_1.default.createElement(CircularProgress_1.default, { size: 24 })) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))))) : (rows.map(function (row) { return (react_1.default.createElement(TableRow_1.default, { key: keyExtractor(row), hover: true },
|
|
38
|
-
columns.map(function (column) {
|
|
39
|
-
if (hiddenColumns.includes(column.name)) {
|
|
40
|
-
return null;
|
|
41
|
-
}
|
|
42
|
-
return react_1.default.createElement(BodyCell, { key: column.name, column: column, row: row, reload: reload });
|
|
43
|
-
}),
|
|
44
|
-
react_1.default.createElement(ActionCell, { row: row, onOpen: onOpen, onEdit: onEdit, onRemove: onRemove, reload: reload }))); }))));
|
|
45
|
-
};
|
|
46
|
-
exports.DataGridBody = react_1.memo(DataGridBodyComponent);
|
|
47
|
-
exports.DataGridBody.displayName = "DataGridBody";
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWRCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0RhdGFHcmlkQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHdGQUFrRTtBQUNsRSwwRUFBb0Q7QUFDcEQsMEVBQW9EO0FBQ3BELHdFQUFrRDtBQUNsRCw2Q0FBb0M7QUFDcEMsOERBQTZEO0FBQzdELDBEQUF5RDtBQWtCekQsSUFBTSxxQkFBcUIsR0FBZ0MsVUFBQSxLQUFLO0lBRXhELElBQUEsT0FBTyxHQVlQLEtBQUssUUFaRSxFQUNQLGFBQWEsR0FXYixLQUFLLGNBWFEsRUFDYixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osWUFBWSxHQVNaLEtBQUssYUFUTyxFQUNaLEtBUUEsS0FBSyxTQVJrQixFQUF2QixRQUFRLG1CQUFHLDJCQUFZLEtBQUEsRUFDdkIsS0FPQSxLQUFLLFdBUHNCLEVBQTNCLFVBQVUsbUJBQUcsK0JBQWMsS0FBQSxFQUMzQixNQUFNLEdBTU4sS0FBSyxPQU5DLEVBQ04sTUFBTSxHQUtOLEtBQUssT0FMQyxFQUNOLFFBQVEsR0FJUixLQUFLLFNBSkcsRUFDUixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsS0FBSyxHQUVMLEtBQUssTUFGQSxFQUNMLE1BQU0sR0FDTixLQUFLLE9BREMsQ0FDQTtJQUNWLElBQU0sZUFBZSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLElBQUksTUFBTSxJQUFJLE1BQU0sSUFBSSxRQUFRLENBQUMsQ0FBQztJQUM3RSxPQUFPLENBQ0gsOEJBQUMsbUJBQVMsUUFDTCxJQUFJLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDakIsOEJBQUMsa0JBQVE7UUFDTCw4QkFBQyxtQkFBUyxJQUFDLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyxRQUFRLElBQ3BGLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDTCxnSEFBMkIsQ0FDOUIsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNWLDhCQUFDLDBCQUFnQixJQUFDLElBQUksRUFBRSxFQUFFLEdBQUksQ0FDakMsQ0FBQyxDQUFDLENBQUMsQ0FDQSxrR0FBa0IsQ0FDckIsQ0FDTyxDQUNMLENBQ2QsQ0FBQyxDQUFDLENBQUMsQ0FDQSxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUEsR0FBRyxJQUFJLE9BQUEsQ0FDWiw4QkFBQyxrQkFBUSxJQUFDLEdBQUcsRUFBRSxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQUUsS0FBSztRQUNsQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUEsTUFBTTtZQUNmLElBQUksYUFBYSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ3JDLE9BQU8sSUFBSSxDQUFDO2FBQ2Y7WUFDRCxPQUFPLDhCQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLE1BQU0sR0FBSSxDQUFDO1FBQ3BGLENBQUMsQ0FBQztRQUNGLDhCQUFDLFVBQVUsSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLEdBQUksQ0FDckYsQ0FDZCxFQVZlLENBVWYsQ0FBQyxDQUNMLENBQ08sQ0FDZixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRVcsUUFBQSxZQUFZLEdBQUcsWUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUM7QUFDeEQsb0JBQVksQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDIn0=
|
package/DataGridHead.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Column, SortDirection } from "./types";
|
|
3
|
-
interface DataGridHeadProps {
|
|
4
|
-
columns: Column[];
|
|
5
|
-
hiddenColumns: string[];
|
|
6
|
-
sort: string;
|
|
7
|
-
dir?: SortDirection;
|
|
8
|
-
dispatch: (action: any) => void;
|
|
9
|
-
showActionCell?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const DataGridHead: React.FC<DataGridHeadProps>;
|
|
12
|
-
export {};
|
package/DataGridHead.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.DataGridHead = void 0;
|
|
7
|
-
var styles_1 = require("@material-ui/core/styles");
|
|
8
|
-
var TableCell_1 = __importDefault(require("@material-ui/core/TableCell"));
|
|
9
|
-
var TableHead_1 = __importDefault(require("@material-ui/core/TableHead"));
|
|
10
|
-
var TableRow_1 = __importDefault(require("@material-ui/core/TableRow"));
|
|
11
|
-
var TableSortLabel_1 = __importDefault(require("@material-ui/core/TableSortLabel"));
|
|
12
|
-
var react_1 = __importDefault(require("react"));
|
|
13
|
-
var actions_1 = require("./store/actions");
|
|
14
|
-
var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
15
|
-
root: {
|
|
16
|
-
color: theme.palette.text.secondary,
|
|
17
|
-
fontSize: theme.typography.caption.fontSize,
|
|
18
|
-
fontWeight: theme.typography.fontWeightRegular,
|
|
19
|
-
padding: theme.spacing(1) + "px 0 " + theme.spacing(1) + "px " + theme.spacing(2) + "px",
|
|
20
|
-
},
|
|
21
|
-
}); });
|
|
22
|
-
var DataGridHead = function (props) {
|
|
23
|
-
var columns = props.columns, hiddenColumns = props.hiddenColumns, dir = props.dir, sort = props.sort, dispatch = props.dispatch, showActionCell = props.showActionCell;
|
|
24
|
-
var classes = useStyles();
|
|
25
|
-
var onClick = function (column) { return function () {
|
|
26
|
-
if (column.name === sort) {
|
|
27
|
-
dispatch(actions_1.sort(column.name, dir !== "asc" ? "asc" : "desc"));
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
dispatch(actions_1.sort(column.name, "asc"));
|
|
31
|
-
}
|
|
32
|
-
}; };
|
|
33
|
-
return (react_1.default.createElement(TableHead_1.default, null,
|
|
34
|
-
react_1.default.createElement(TableRow_1.default, null,
|
|
35
|
-
columns.map(function (column) {
|
|
36
|
-
if (hiddenColumns.includes(column.name)) {
|
|
37
|
-
return null;
|
|
38
|
-
}
|
|
39
|
-
return (react_1.default.createElement(TableCell_1.default, { className: classes.root, key: column.name },
|
|
40
|
-
react_1.default.createElement(TableSortLabel_1.default, { disabled: !column.sort, active: sort === column.name, direction: dir, onClick: onClick(column) }, column.label)));
|
|
41
|
-
}),
|
|
42
|
-
showActionCell && react_1.default.createElement(TableCell_1.default, { align: "right" }, "\u00A0"))));
|
|
43
|
-
};
|
|
44
|
-
exports.DataGridHead = DataGridHead;
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWRIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL0RhdGFHcmlkSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsbURBQXNEO0FBQ3RELDBFQUFvRDtBQUNwRCwwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELG9GQUE4RDtBQUM5RCxnREFBMEI7QUFDMUIsMkNBQXFEO0FBWXJELElBQU0sU0FBUyxHQUFHLG1CQUFVLENBQUMsVUFBQSxLQUFLLElBQUksT0FBQSxDQUFDO0lBQ25DLElBQUksRUFBRTtRQUNGLEtBQUssRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTO1FBQ25DLFFBQVEsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxRQUFRO1FBQzNDLFVBQVUsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLGlCQUFpQjtRQUM5QyxPQUFPLEVBQUssS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBUSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFNLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQUk7S0FDakY7Q0FDSixDQUFDLEVBUG9DLENBT3BDLENBQUMsQ0FBQztBQUVHLElBQU0sWUFBWSxHQUFnQyxVQUFBLEtBQUs7SUFDbEQsSUFBQSxPQUFPLEdBQXlELEtBQUssUUFBOUQsRUFBRSxhQUFhLEdBQTBDLEtBQUssY0FBL0MsRUFBRSxHQUFHLEdBQXFDLEtBQUssSUFBMUMsRUFBRSxJQUFJLEdBQStCLEtBQUssS0FBcEMsRUFBRSxRQUFRLEdBQXFCLEtBQUssU0FBMUIsRUFBRSxjQUFjLEdBQUssS0FBSyxlQUFWLENBQVc7SUFDOUUsSUFBTSxPQUFPLEdBQUcsU0FBUyxFQUFFLENBQUM7SUFDNUIsSUFBTSxPQUFPLEdBQUcsVUFBQyxNQUFjLElBQUssT0FBQTtRQUNoQyxJQUFJLE1BQU0sQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUFFO1lBQ3RCLFFBQVEsQ0FBQyxjQUFVLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxHQUFHLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7U0FDckU7YUFBTTtZQUNILFFBQVEsQ0FBQyxjQUFVLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO1NBQzVDO0lBQ0wsQ0FBQyxFQU5tQyxDQU1uQyxDQUFDO0lBQ0YsT0FBTyxDQUNILDhCQUFDLG1CQUFTO1FBQ04sOEJBQUMsa0JBQVE7WUFDSixPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUEsTUFBTTtnQkFDZixJQUFJLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUNyQyxPQUFPLElBQUksQ0FBQztpQkFDZjtnQkFDRCxPQUFPLENBQ0gsOEJBQUMsbUJBQVMsSUFBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUk7b0JBQ2hELDhCQUFDLHdCQUFjLElBQ1gsUUFBUSxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksRUFDdEIsTUFBTSxFQUFFLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSxFQUM1QixTQUFTLEVBQUUsR0FBRyxFQUNkLE9BQU8sRUFBRSxPQUFPLENBQUMsTUFBTSxDQUFDLElBRXZCLE1BQU0sQ0FBQyxLQUFLLENBQ0EsQ0FDVCxDQUNmLENBQUM7WUFDTixDQUFDLENBQUM7WUFDRCxjQUFjLElBQUksOEJBQUMsbUJBQVMsSUFBQyxLQUFLLEVBQUMsT0FBTyxhQUFtQixDQUN2RCxDQUNILENBQ2YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWxDVyxRQUFBLFlBQVksZ0JBa0N2QiJ9
|
package/components/Paginator.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.Paginator = void 0;
|
|
26
|
-
var TablePagination_1 = __importDefault(require("@material-ui/core/TablePagination"));
|
|
27
|
-
var react_1 = __importStar(require("react"));
|
|
28
|
-
var actions_1 = require("../store/actions");
|
|
29
|
-
var Paginator = function (props) {
|
|
30
|
-
var dispatch = props.dispatch, count = props.count, page = props.page, perPage = props.perPage;
|
|
31
|
-
var onChangePage = react_1.useCallback(function (_, page) {
|
|
32
|
-
dispatch(actions_1.changePage(page));
|
|
33
|
-
}, []);
|
|
34
|
-
var onChangePerPage = react_1.useCallback(function (event) {
|
|
35
|
-
dispatch(actions_1.changePerPage(event.target.value));
|
|
36
|
-
}, []);
|
|
37
|
-
return (react_1.default.createElement(TablePagination_1.default, { rowsPerPageOptions: [5, 10, 25], component: "div", count: count, labelRowsPerPage: "Z\u00E1znam\u016F na str\u00E1nku:", rowsPerPage: perPage, labelDisplayedRows: function (info) { return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
38
|
-
info.from,
|
|
39
|
-
"-",
|
|
40
|
-
info.to,
|
|
41
|
-
"\u00A0",
|
|
42
|
-
info.count >= 2 && info.count <= 4 ? "ze" : "z",
|
|
43
|
-
"\u00A0",
|
|
44
|
-
info.count)); }, page: page, onChangePage: onChangePage, onChangeRowsPerPage: onChangePerPage }));
|
|
45
|
-
};
|
|
46
|
-
exports.Paginator = Paginator;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvUGFnaW5hdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsc0ZBQWdFO0FBQ2hFLDZDQUEyQztBQUMzQyw0Q0FBNkQ7QUFTdEQsSUFBTSxTQUFTLEdBQTZCLFVBQUEsS0FBSztJQUM1QyxJQUFBLFFBQVEsR0FBMkIsS0FBSyxTQUFoQyxFQUFFLEtBQUssR0FBb0IsS0FBSyxNQUF6QixFQUFFLElBQUksR0FBYyxLQUFLLEtBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRWpELElBQU0sWUFBWSxHQUFHLG1CQUFXLENBQUMsVUFBQyxDQUFDLEVBQUUsSUFBSTtRQUNyQyxRQUFRLENBQUMsb0JBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQy9CLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLElBQU0sZUFBZSxHQUFHLG1CQUFXLENBQUMsVUFBQSxLQUFLO1FBQ3JDLFFBQVEsQ0FBQyx1QkFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNoRCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0gsOEJBQUMseUJBQWUsSUFDWixrQkFBa0IsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQy9CLFNBQVMsRUFBQyxLQUFLLEVBQ2YsS0FBSyxFQUFFLEtBQUssRUFDWixnQkFBZ0IsRUFBQyxvQ0FBcUIsRUFDdEMsV0FBVyxFQUFFLE9BQU8sRUFDcEIsa0JBQWtCLEVBQUUsVUFBQSxJQUFJLElBQUksT0FBQSxDQUN4QjtZQUNLLElBQUksQ0FBQyxJQUFJOztZQUFHLElBQUksQ0FBQyxFQUFFOztZQUFRLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUc7O1lBQVEsSUFBSSxDQUFDLEtBQUssQ0FDOUYsQ0FDTixFQUoyQixDQUkzQixFQUNELElBQUksRUFBRSxJQUFJLEVBQ1YsWUFBWSxFQUFFLFlBQVksRUFDMUIsbUJBQW1CLEVBQUUsZUFBZSxHQUN0QyxDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUE1QlcsUUFBQSxTQUFTLGFBNEJwQiJ9
|