@uxf/data-grid 3.0.0-beta.5 → 3.0.0-beta.6
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.js +20 -6
- package/components/BodyCellBase.js +6 -2
- package/components/Drawer.d.ts +7 -0
- package/components/Drawer.js +42 -0
- package/components/FilterInputBase.js +25 -5
- package/components/FilterListItemBase.js +7 -6
- package/components/Filters.d.ts +11 -0
- package/components/Filters.js +64 -0
- package/components/FiltersList.d.ts +9 -0
- package/components/FiltersList.js +48 -0
- package/package.json +1 -1
package/DataGrid.js
CHANGED
|
@@ -74,8 +74,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
74
74
|
};
|
|
75
75
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
76
76
|
exports.DataGrid = void 0;
|
|
77
|
-
var
|
|
77
|
+
var Typography_1 = __importDefault(require("@mui/material/Typography"));
|
|
78
|
+
var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
|
|
78
79
|
var ActionCellBase_1 = require("./components/ActionCellBase");
|
|
80
|
+
var Filters_1 = require("./components/Filters");
|
|
81
|
+
var FiltersList_1 = require("./components/FiltersList");
|
|
79
82
|
var Paper_1 = require("./components/Paper");
|
|
80
83
|
var react_1 = __importStar(require("react"));
|
|
81
84
|
var BodyCellBase_1 = require("./components/BodyCellBase");
|
|
@@ -138,13 +141,14 @@ var DataGrid = /** @class */ (function (_super) {
|
|
|
138
141
|
DataGrid.prototype.render = function () {
|
|
139
142
|
var _this = this;
|
|
140
143
|
var _a, _b, _c, _d;
|
|
141
|
-
var _e = this.props, schema = _e.schema, _f = _e.BodyCell, BodyCell = _f === void 0 ? BodyCellBase_1.BodyCellBase : _f, title = _e.title, ActionCell = _e.ActionCell, onOpen = _e.onOpen, onEdit = _e.onEdit, onRemove = _e.onRemove;
|
|
144
|
+
var _e = this.props, schema = _e.schema, _f = _e.BodyCell, BodyCell = _f === void 0 ? BodyCellBase_1.BodyCellBase : _f, title = _e.title, ActionCell = _e.ActionCell, onOpen = _e.onOpen, onEdit = _e.onEdit, onRemove = _e.onRemove, gridName = _e.gridName;
|
|
142
145
|
var state = this.state;
|
|
143
146
|
var columns = schema.columns.map(function (c) { return ({
|
|
144
147
|
key: c.name,
|
|
145
148
|
name: c.label,
|
|
146
149
|
headerCellClass: c.type,
|
|
147
150
|
resizable: true,
|
|
151
|
+
sortable: c.sort,
|
|
148
152
|
formatter: function (props) {
|
|
149
153
|
return (react_1.default.createElement(BodyCell, { column: {
|
|
150
154
|
name: props.column.key,
|
|
@@ -167,12 +171,22 @@ var DataGrid = /** @class */ (function (_super) {
|
|
|
167
171
|
});
|
|
168
172
|
}
|
|
169
173
|
return (react_1.default.createElement(Paper_1.Paper, { variant: "outlined" },
|
|
170
|
-
react_1.default.createElement(
|
|
171
|
-
react_1.default.createElement(
|
|
172
|
-
|
|
174
|
+
react_1.default.createElement(Toolbar_1.default, null,
|
|
175
|
+
react_1.default.createElement(Typography_1.default, { sx: { flex: "1 1 100%" }, variant: "h6", id: "tableTitle", component: "div" }, title),
|
|
176
|
+
react_1.default.createElement(Filters_1.Filters, { dispatch: this.dispatch, filters: schema.filters, filtersData: state.f, gridName: gridName !== null && gridName !== void 0 ? gridName : null })),
|
|
177
|
+
react_1.default.createElement(FiltersList_1.FiltersList, { dispatch: this.dispatch, filters: schema.filters, filtersData: state.f }),
|
|
178
|
+
react_1.default.createElement(react_data_grid_1.default, { style: { border: 0, borderRadius: 4 }, columns: columns, rows: (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [], enableVirtualization: false, onSortColumnsChange: function (sortColumns) {
|
|
179
|
+
if (sortColumns.length > 0) {
|
|
180
|
+
var sc = sortColumns[0];
|
|
181
|
+
_this.dispatch((0, actions_1.sort)(sc.columnKey, sc.direction.toLowerCase()));
|
|
182
|
+
}
|
|
183
|
+
else {
|
|
184
|
+
_this.dispatch((0, actions_1.sort)(schema.sort, schema.dir.toLowerCase()));
|
|
185
|
+
}
|
|
186
|
+
}, sortColumns: state.sort ? [{ columnKey: state.sort, direction: state.dir.toUpperCase() }] : [] }),
|
|
173
187
|
react_1.default.createElement(TablePagination_1.default, { sx: { mx: 2 }, component: "div", count: (_d = (_c = state.response) === null || _c === void 0 ? void 0 : _c.count) !== null && _d !== void 0 ? _d : 0, page: state.page, onPageChange: function (_, page) { return _this.dispatch((0, actions_1.changePage)(page)); }, rowsPerPage: state.perPage, onRowsPerPageChange: function (event) { return _this.dispatch((0, actions_1.changePerPage)(Number.parseInt(event.target.value, 10))); } })));
|
|
174
188
|
};
|
|
175
189
|
return DataGrid;
|
|
176
190
|
}(react_1.Component));
|
|
177
191
|
exports.DataGrid = DataGrid;
|
|
178
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
192
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSx3RUFBa0Q7QUFDbEQsa0VBQTRDO0FBQzVDLDhEQUE2RDtBQUM3RCxnREFBK0M7QUFDL0Msd0RBQXVEO0FBQ3ZELDRDQUEyQztBQUMzQyw2Q0FBeUM7QUFDekMsMERBQXlEO0FBQ3pELDJDQUFvRztBQUNwRywyQ0FBMkQ7QUFFM0QsdUNBQTREO0FBQzVELG9FQUF3RDtBQUN4RCxrRkFBNEQ7QUFFNUQ7SUFBc0QsNEJBQTBDO0lBQzVGLGtCQUFZLEtBQW9EO1FBQWhFLFlBQ0ksa0JBQU0sS0FBSyxDQUFDLFNBRWY7UUFFTSxZQUFNLEdBQUc7Ozs7Ozt3QkFFUixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsZ0JBQU0sR0FBRSxDQUFDLEVBQUE7O3dCQUE3QixTQUE2QixDQUFDO3dCQUV4QixPQUFPLEdBQUcsSUFBQSxxQkFBYSxFQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzt3QkFDekIscUJBQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLElBQUEsb0JBQVksRUFBQyxPQUFPLENBQUMsQ0FBQyxFQUFBOzt3QkFBdkYsUUFBUSxHQUFHLFNBQTRFO3dCQUU3RixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsb0JBQVUsRUFBQyxRQUFRLENBQUMsQ0FBQyxFQUFBOzt3QkFBekMsU0FBeUMsQ0FBQzs7Ozt3QkFFMUMscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLHNCQUFZLEVBQUMsR0FBQyxDQUFDLENBQUMsRUFBQTs7d0JBQXBDLFNBQW9DLENBQUM7d0JB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
|
|
@@ -34,7 +34,11 @@ var BodyCellBase = function (props) {
|
|
|
34
34
|
if (canRender) {
|
|
35
35
|
return react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name }, value);
|
|
36
36
|
}
|
|
37
|
-
return react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name },
|
|
37
|
+
return (react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name },
|
|
38
|
+
"Nezn\u00E1m\u00E1",
|
|
39
|
+
react_1.default.createElement("br", null),
|
|
40
|
+
react_1.default.createElement("br", null),
|
|
41
|
+
" hodnota"));
|
|
38
42
|
};
|
|
39
43
|
exports.BodyCellBase = BodyCellBase;
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm9keUNlbGxCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQm9keUNlbGxCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXlDO0FBRXpDLHFEQUFvRDtBQUU3QyxJQUFNLFlBQVksR0FBMkIsVUFBQSxLQUFLO0lBQzdDLElBQUEsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUM5QixJQUFNLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRS9CLElBQU0sU0FBUyxHQUFHLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0lBRWxILElBQUEsaUJBQVMsRUFBQztRQUNOLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDWixPQUFPLENBQUMsSUFBSSxDQUFDLCtCQUE2QixNQUFNLENBQUMsSUFBSSxPQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDckU7SUFDTCxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUV2QixJQUFJLFNBQVMsRUFBRTtRQUNYLE9BQU8sOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxLQUFLLENBQW1CLENBQUM7S0FDekU7SUFFRCxPQUFPLENBQ0gsOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7O1FBRS9CLHlDQUFNO1FBQ04seUNBQU07bUJBQ1EsQ0FDckIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXZCVyxRQUFBLFlBQVksZ0JBdUJ2QiJ9
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.Drawer = void 0;
|
|
29
|
+
var Box_1 = __importDefault(require("@mui/material/Box"));
|
|
30
|
+
var Drawer_1 = __importDefault(require("@mui/material/Drawer"));
|
|
31
|
+
var Typography_1 = __importDefault(require("@mui/material/Typography"));
|
|
32
|
+
var react_1 = __importDefault(require("react"));
|
|
33
|
+
var Drawer = function (props) {
|
|
34
|
+
var title = props.title, children = props.children, drawerProps = __rest(props, ["title", "children"]);
|
|
35
|
+
return (react_1.default.createElement(Drawer_1.default, __assign({ anchor: "right", ModalProps: { BackdropProps: { invisible: true } } }, drawerProps),
|
|
36
|
+
react_1.default.createElement(Box_1.default, { sx: { width: 400, p: 2 } },
|
|
37
|
+
title && (react_1.default.createElement(Box_1.default, { mb: 2 },
|
|
38
|
+
react_1.default.createElement(Typography_1.default, { component: "h4", noWrap: true, variant: "h6" }, title))),
|
|
39
|
+
children)));
|
|
40
|
+
};
|
|
41
|
+
exports.Drawer = Drawer;
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLGdFQUFnRjtBQUNoRix3RUFBa0Q7QUFDbEQsZ0RBQTBCO0FBTW5CLElBQU0sTUFBTSxHQUEwQixVQUFBLEtBQUs7SUFDdEMsSUFBQSxLQUFLLEdBQStCLEtBQUssTUFBcEMsRUFBRSxRQUFRLEdBQXFCLEtBQUssU0FBMUIsRUFBSyxXQUFXLFVBQUssS0FBSyxFQUEzQyxxQkFBbUMsQ0FBRixDQUFXO0lBQ2xELE9BQU8sQ0FDSCw4QkFBQyxnQkFBUyxhQUFDLE1BQU0sRUFBQyxPQUFPLEVBQUMsVUFBVSxFQUFFLEVBQUUsYUFBYSxFQUFFLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxFQUFFLElBQU0sV0FBVztRQUN6Riw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFO1lBQ3hCLEtBQUssSUFBSSxDQUNOLDhCQUFDLGFBQUcsSUFBQyxFQUFFLEVBQUUsQ0FBQztnQkFDTiw4QkFBQyxvQkFBVSxJQUFDLFNBQVMsRUFBQyxJQUFJLEVBQUMsTUFBTSxRQUFDLE9BQU8sRUFBQyxJQUFJLElBQ3pDLEtBQUssQ0FDRyxDQUNYLENBQ1Q7WUFDQSxRQUFRLENBQ1AsQ0FDRSxDQUNmLENBQUM7QUFDTixDQUFDLENBQUM7QUFoQlcsUUFBQSxNQUFNLFVBZ0JqQiJ9
|
|
@@ -1,23 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
5
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
17
|
exports.FilterInputBase = void 0;
|
|
18
|
+
var Autocomplete_1 = __importDefault(require("@mui/material/Autocomplete"));
|
|
19
|
+
var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
|
|
20
|
+
var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
|
|
21
|
+
var TextField_1 = __importDefault(require("@mui/material/TextField"));
|
|
7
22
|
var react_1 = __importDefault(require("react"));
|
|
23
|
+
var Grid_1 = __importDefault(require("@mui/material/Grid"));
|
|
8
24
|
var FilterInputBase = function (props) {
|
|
9
|
-
var
|
|
25
|
+
var _a, _b, _c, _d;
|
|
26
|
+
var filter = props.filter, onFilter = props.onFilter, value = props.value;
|
|
10
27
|
switch (filter.type) {
|
|
11
28
|
case "select":
|
|
12
|
-
return react_1.default.createElement(
|
|
29
|
+
return (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
|
30
|
+
react_1.default.createElement(Autocomplete_1.default, { options: (_a = filter.options) !== null && _a !== void 0 ? _a : [], renderInput: function (params) { return react_1.default.createElement(TextField_1.default, __assign({}, params, { label: filter.label, size: "small", fullWidth: true })); }, getOptionLabel: function (o) { return o.label; }, onChange: function (_, value) { var _a; return onFilter({ name: filter.name, value: (_a = value === null || value === void 0 ? void 0 : value.value) !== null && _a !== void 0 ? _a : null }); }, value: (_c = (_b = filter.options) === null || _b === void 0 ? void 0 : _b.find(function (o) { return o.value === (value === null || value === void 0 ? void 0 : value.value); })) !== null && _c !== void 0 ? _c : null })));
|
|
13
31
|
case "boolean":
|
|
14
|
-
return react_1.default.createElement(
|
|
32
|
+
return (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
|
33
|
+
react_1.default.createElement(FormControlLabel_1.default, { control: react_1.default.createElement(Checkbox_1.default, { value: !!(value === null || value === void 0 ? void 0 : value.value), onChange: function (e) { return onFilter({ name: filter.name, value: e.target.checked }); } }), label: filter.label })));
|
|
15
34
|
case "text":
|
|
16
|
-
return react_1.default.createElement(
|
|
35
|
+
return (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
|
36
|
+
react_1.default.createElement(TextField_1.default, { value: (_d = value === null || value === void 0 ? void 0 : value.value) !== null && _d !== void 0 ? _d : "", onChange: function (e) { var _a; return onFilter({ name: filter.name, value: (_a = e.target.value) !== null && _a !== void 0 ? _a : "" }); }, label: filter.label, size: "small", fullWidth: true })));
|
|
17
37
|
default:
|
|
18
38
|
console.warn("Unknown filter type '" + filter.type + "'.");
|
|
19
39
|
return null;
|
|
20
40
|
}
|
|
21
41
|
};
|
|
22
42
|
exports.FilterInputBase = FilterInputBase;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVySW5wdXRCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRmlsdGVySW5wdXRCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDRFQUFzRDtBQUN0RCxvRUFBOEM7QUFDOUMsb0ZBQThEO0FBQzlELHNFQUFnRDtBQUNoRCxnREFBMEI7QUFDMUIsNERBQXNDO0FBRy9CLElBQU0sZUFBZSxHQUF5QixVQUFBLEtBQUs7O0lBQzlDLElBQUEsTUFBTSxHQUFzQixLQUFLLE9BQTNCLEVBQUUsUUFBUSxHQUFZLEtBQUssU0FBakIsRUFBRSxLQUFLLEdBQUssS0FBSyxNQUFWLENBQVc7SUFFMUMsUUFBUSxNQUFNLENBQUMsSUFBSSxFQUFFO1FBQ2pCLEtBQUssUUFBUTtZQUNULE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQUMsSUFBSSxRQUFDLEVBQUUsRUFBRSxFQUFFO2dCQUNiLDhCQUFDLHNCQUFZLElBQ1QsT0FBTyxFQUFFLE1BQUEsTUFBTSxDQUFDLE9BQU8sbUNBQUksRUFBRSxFQUM3QixXQUFXLEVBQUUsVUFBQSxNQUFNLElBQUksT0FBQSw4QkFBQyxtQkFBUyxlQUFLLE1BQU0sSUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUMsT0FBTyxFQUFDLFNBQVMsVUFBRyxFQUFyRSxDQUFxRSxFQUM1RixjQUFjLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsS0FBSyxFQUFQLENBQU8sRUFDNUIsUUFBUSxFQUFFLFVBQUMsQ0FBQyxFQUFFLEtBQUssWUFBSyxPQUFBLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLG1DQUFJLElBQUksRUFBRSxDQUFDLENBQUEsRUFBQSxFQUNwRixLQUFLLEVBQUUsTUFBQSxNQUFBLE1BQU0sQ0FBQyxPQUFPLDBDQUFFLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxLQUFLLE1BQUssS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssQ0FBQSxFQUF4QixDQUF3QixDQUFDLG1DQUFJLElBQUksR0FDcEUsQ0FDQyxDQUNWLENBQUM7UUFDTixLQUFLLFNBQVM7WUFDVixPQUFPLENBQ0gsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtnQkFDYiw4QkFBQywwQkFBZ0IsSUFDYixPQUFPLEVBQ0gsOEJBQUMsa0JBQVEsSUFDTCxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssQ0FBQSxFQUNyQixRQUFRLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUF4RCxDQUF3RCxHQUN6RSxFQUVOLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUNyQixDQUNDLENBQ1YsQ0FBQztRQUNOLEtBQUssTUFBTTtZQUNQLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQUMsSUFBSSxRQUFDLEVBQUUsRUFBRSxFQUFFO2dCQUNiLDhCQUFDLG1CQUFTLElBQ04sS0FBSyxFQUFFLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssbUNBQUksRUFBRSxFQUN6QixRQUFRLEVBQUUsVUFBQSxDQUFDLFlBQUksT0FBQSxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssbUNBQUksRUFBRSxFQUFFLENBQUMsQ0FBQSxFQUFBLEVBQzNFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixJQUFJLEVBQUMsT0FBTyxFQUNaLFNBQVMsU0FDWCxDQUNDLENBQ1YsQ0FBQztRQUNOO1lBQ0ksT0FBTyxDQUFDLElBQUksQ0FBQywwQkFBd0IsTUFBTSxDQUFDLElBQUksT0FBSSxDQUFDLENBQUM7WUFDdEQsT0FBTyxJQUFJLENBQUM7S0FDbkI7QUFDTCxDQUFDLENBQUM7QUE5Q1csUUFBQSxlQUFlLG1CQThDMUIifQ==
|
|
@@ -5,15 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.FilterListItemBase = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var Chip_1 = __importDefault(require("@mui/material/Chip"));
|
|
8
9
|
var FilterListItemBase = function (props) {
|
|
9
|
-
var filter = props.filter, value = props.value;
|
|
10
|
+
var filter = props.filter, value = props.value, onFilter = props.onFilter;
|
|
10
11
|
if (!value.value) {
|
|
11
12
|
return null;
|
|
12
13
|
}
|
|
13
|
-
|
|
14
|
-
filter.label,
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
if (filter.type === "boolean") {
|
|
15
|
+
return (react_1.default.createElement(Chip_1.default, { label: "" + filter.label, variant: "outlined", onDelete: function () { return onFilter({ name: filter.name, value: null }); } }));
|
|
16
|
+
}
|
|
17
|
+
return (react_1.default.createElement(Chip_1.default, { label: filter.label + ": " + value.value, variant: "outlined", onDelete: function () { return onFilter({ name: filter.name, value: null }); } }));
|
|
17
18
|
};
|
|
18
19
|
exports.FilterListItemBase = FilterListItemBase;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyTGlzdEl0ZW1CYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRmlsdGVyTGlzdEl0ZW1CYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsNERBQXNDO0FBRS9CLElBQU0sa0JBQWtCLEdBQTRCLFVBQUEsS0FBSztJQUNwRCxJQUFBLE1BQU0sR0FBc0IsS0FBSyxPQUEzQixFQUFFLEtBQUssR0FBZSxLQUFLLE1BQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBRTFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFO1FBQ2QsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDM0IsT0FBTyxDQUNILDhCQUFDLGNBQUksSUFDRCxLQUFLLEVBQUUsS0FBRyxNQUFNLENBQUMsS0FBTyxFQUN4QixPQUFPLEVBQUMsVUFBVSxFQUNsQixRQUFRLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUE1QyxDQUE0QyxHQUM5RCxDQUNMLENBQUM7S0FDTDtJQUVELE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsS0FBSyxFQUFLLE1BQU0sQ0FBQyxLQUFLLFVBQUssS0FBSyxDQUFDLEtBQU8sRUFDeEMsT0FBTyxFQUFDLFVBQVUsRUFDbEIsUUFBUSxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBNUMsQ0FBNEMsR0FDOUQsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeEJXLFFBQUEsa0JBQWtCLHNCQXdCN0IifQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Filter, FilterInputComponent, RequestFilter } from "../types";
|
|
3
|
+
interface FiltersProps {
|
|
4
|
+
dispatch: (action: any) => void;
|
|
5
|
+
filters: Filter<any>[];
|
|
6
|
+
filtersData: RequestFilter[];
|
|
7
|
+
gridName: string | null;
|
|
8
|
+
FilterInput?: FilterInputComponent;
|
|
9
|
+
}
|
|
10
|
+
export declare const Filters: React.FC<FiltersProps>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,64 @@
|
|
|
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 __read = (this && this.__read) || function (o, n) {
|
|
22
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
23
|
+
if (!m) return o;
|
|
24
|
+
var i = m.call(o), r, ar = [], e;
|
|
25
|
+
try {
|
|
26
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
27
|
+
}
|
|
28
|
+
catch (error) { e = { error: error }; }
|
|
29
|
+
finally {
|
|
30
|
+
try {
|
|
31
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
32
|
+
}
|
|
33
|
+
finally { if (e) throw e.error; }
|
|
34
|
+
}
|
|
35
|
+
return ar;
|
|
36
|
+
};
|
|
37
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
38
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.Filters = void 0;
|
|
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
|
+
var react_1 = __importStar(require("react"));
|
|
47
|
+
var Drawer_1 = require("./Drawer");
|
|
48
|
+
var actions_1 = require("../store/actions");
|
|
49
|
+
var FilterInputBase_1 = require("./FilterInputBase");
|
|
50
|
+
var Filters = function (props) {
|
|
51
|
+
var filters = props.filters, dispatch = props.dispatch, filtersData = props.filtersData, gridName = props.gridName, _a = props.FilterInput, FilterInput = _a === void 0 ? FilterInputBase_1.FilterInputBase : _a;
|
|
52
|
+
var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
53
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
54
|
+
react_1.default.createElement(Tooltip_1.default, { title: "Filtrovat" },
|
|
55
|
+
react_1.default.createElement(IconButton_1.default, { onClick: function () { return setIsOpen(true); } },
|
|
56
|
+
react_1.default.createElement(FilterList_1.default, null))),
|
|
57
|
+
react_1.default.createElement(Drawer_1.Drawer, { open: isOpen, onClose: function () { return setIsOpen(false); }, title: "Filtry" },
|
|
58
|
+
react_1.default.createElement(Grid_1.default, { container: true, spacing: 2 }, filters.map(function (filter) {
|
|
59
|
+
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((0, actions_1.filter)(v)); } }));
|
|
61
|
+
})))));
|
|
62
|
+
};
|
|
63
|
+
exports.Filters = Filters;
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNERBQXNDO0FBQ3RDLGtFQUE0QztBQUM1Qyx3RUFBa0Q7QUFDbEQsOEVBQTREO0FBQzVELDZDQUF3QztBQUV4QyxtQ0FBa0M7QUFDbEMsNENBQTBEO0FBQzFELHFEQUFvRDtBQVU3QyxJQUFNLE9BQU8sR0FBMkIsVUFBQSxLQUFLO0lBQ3hDLElBQUEsT0FBTyxHQUFxRSxLQUFLLFFBQTFFLEVBQUUsUUFBUSxHQUEyRCxLQUFLLFNBQWhFLEVBQUUsV0FBVyxHQUE4QyxLQUFLLFlBQW5ELEVBQUUsUUFBUSxHQUFvQyxLQUFLLFNBQXpDLEVBQUUsS0FBa0MsS0FBSyxZQUFWLEVBQTdCLFdBQVcsbUJBQUcsaUNBQWUsS0FBQSxDQUFXO0lBQ3BGLElBQUEsS0FBQSxPQUFzQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBcEMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFtQixDQUFDO0lBQzVDLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFDLFdBQVc7WUFDdEIsOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBZixDQUFlO2dCQUN0Qyw4QkFBQyxvQkFBYyxPQUFHLENBQ1QsQ0FDUDtRQUNWLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQixFQUFFLEtBQUssRUFBQyxRQUFRO1lBQ2pFLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsSUFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU07O2dCQUFJLE9BQUEsQ0FDbkIsOEJBQUMsV0FBVyxJQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixNQUFNLEVBQUUsTUFBTSxFQUNkLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxNQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLEVBQXRCLENBQXNCLENBQUMsbUNBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEVBQzFGLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLFFBQVEsQ0FBQyxJQUFBLGdCQUFZLEVBQUMsQ0FBQyxDQUFDLENBQUMsRUFBekIsQ0FBeUIsR0FDMUMsQ0FDTCxDQUFBO2FBQUEsQ0FBQyxDQUNDLENBQ0YsQ0FDVixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxPQUFPLFdBeUJsQiJ9
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Filter, RequestFilter } from "../types";
|
|
3
|
+
interface FiltersListProps {
|
|
4
|
+
dispatch: (action: any) => void;
|
|
5
|
+
filters: Filter<any>[];
|
|
6
|
+
filtersData: RequestFilter[];
|
|
7
|
+
}
|
|
8
|
+
export declare const FiltersList: React.FC<FiltersListProps>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,48 @@
|
|
|
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.FiltersList = void 0;
|
|
26
|
+
var Box_1 = __importDefault(require("@mui/material/Box"));
|
|
27
|
+
var Grid_1 = __importDefault(require("@mui/material/Grid"));
|
|
28
|
+
var react_1 = __importStar(require("react"));
|
|
29
|
+
var actions_1 = require("../store/actions");
|
|
30
|
+
var FilterListItemBase_1 = require("./FilterListItemBase");
|
|
31
|
+
var FiltersList = function (props) {
|
|
32
|
+
var filters = props.filters, filtersData = props.filtersData, dispatch = props.dispatch;
|
|
33
|
+
var onFilter = (0, react_1.useCallback)(function (v) {
|
|
34
|
+
dispatch((0, actions_1.filter)(v));
|
|
35
|
+
}, [dispatch]);
|
|
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 (filter) {
|
|
38
|
+
var _a;
|
|
39
|
+
var value = (_a = filtersData.find(function (f) { return f.name === filter.name; })) !== null && _a !== void 0 ? _a : { name: filter.name, value: null };
|
|
40
|
+
if (!value.value) {
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
return (react_1.default.createElement(Grid_1.default, { item: true },
|
|
44
|
+
react_1.default.createElement(FilterListItemBase_1.FilterListItemBase, { key: "" + filter.name, filter: filter, value: value, onFilter: onFilter })));
|
|
45
|
+
}))));
|
|
46
|
+
};
|
|
47
|
+
exports.FiltersList = FiltersList;
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyc0xpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXJzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDBEQUFvQztBQUNwQyw0REFBc0M7QUFDdEMsNkNBQTJDO0FBQzNDLDRDQUEwQztBQUUxQywyREFBMEQ7QUFRbkQsSUFBTSxXQUFXLEdBQStCLFVBQUEsS0FBSztJQUNoRCxJQUFBLE9BQU8sR0FBNEIsS0FBSyxRQUFqQyxFQUFFLFdBQVcsR0FBZSxLQUFLLFlBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ2pELElBQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFDeEIsVUFBQSxDQUFDO1FBQ0csUUFBUSxDQUFDLElBQUEsZ0JBQU0sRUFBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hCLENBQUMsRUFDRCxDQUFDLFFBQVEsQ0FBQyxDQUNiLENBQUM7SUFFRixPQUFPLENBQ0gsOEJBQUMsYUFBRyxJQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRTtRQUNwQiw4QkFBQyxjQUFJLElBQUMsU0FBUyxRQUFDLE9BQU8sRUFBRSxDQUFDLElBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQSxNQUFNOztZQUNmLElBQU0sS0FBSyxHQUFHLE1BQUEsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksRUFBdEIsQ0FBc0IsQ0FBQyxtQ0FBSSxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUVsRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRTtnQkFDZCxPQUFPLElBQUksQ0FBQzthQUNmO1lBRUQsT0FBTyxDQUNILDhCQUFDLGNBQUksSUFBQyxJQUFJO2dCQUNOLDhCQUFDLHVDQUFrQixJQUNmLEdBQUcsRUFBRSxLQUFHLE1BQU0sQ0FBQyxJQUFNLEVBQ3JCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxHQUNwQixDQUNDLENBQ1YsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUNDLENBQ0wsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakNXLFFBQUEsV0FBVyxlQWlDdEIifQ==
|