@uxf/data-grid 3.0.0-beta.5 → 3.0.0-beta.9

package/DataGrid.js

@@ -74,8 +74,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGrid = void 0;
-var material_1 = require("@mui/material");
+var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+var LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var CloudDownload_1 = __importDefault(require("@mui/icons-material/CloudDownload"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
 var ActionCellBase_1 = require("./components/ActionCellBase");
+var FilterInputBase_1 = require("./components/FilterInputBase");
+var Filters_1 = require("./components/Filters");
+var FiltersList_1 = require("./components/FiltersList");
+var HiddenColumns_1 = require("./components/HiddenColumns");
 var Paper_1 = require("./components/Paper");
 var react_1 = __importStar(require("react"));
 var BodyCellBase_1 = require("./components/BodyCellBase");
@@ -137,14 +148,22 @@ var DataGrid = /** @class */ (function (_super) {
     };
     DataGrid.prototype.render = function () {
         var _this = this;
-        var _a, _b, _c, _d;
-        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;
+        var _a, _b, _c, _d, _e, _f;
+        var _g = this.props, schema = _g.schema, _h = _g.BodyCell, BodyCell = _h === void 0 ? BodyCellBase_1.BodyCellBase : _h, _j = _g.FilterInput, FilterInput = _j === void 0 ? FilterInputBase_1.FilterInputBase : _j, title = _g.title, ActionCell = _g.ActionCell, actionCellWidth = _g.actionCellWidth, onOpen = _g.onOpen, onEdit = _g.onEdit, onRemove = _g.onRemove, gridName = _g.gridName, _k = _g.rowHeight, rowHeight = _k === void 0 ? 44 : _k, onCsvDownload = _g.onCsvDownload, onChangeHiddenColumns = _g.onChangeHiddenColumns, _l = _g.hiddenColumns, hiddenColumns = _l === void 0 ? [] : _l, ml = _g.ml, mt = _g.mt, mb = _g.mb, mr = _g.mr;
         var state = this.state;
-        var columns = schema.columns.map(function (c) { return ({
+        console.log(hiddenColumns);
+        var rows = (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [];
+        var columns = schema.columns
+            .filter(function (c) { return !hiddenColumns.includes(c.name); })
+            .map(function (c) { return ({
             key: c.name,
             name: c.label,
             headerCellClass: c.type,
             resizable: true,
+            sortable: c.sort,
+            width: c.width,
+            minWidth: c.minWidth,
+            maxWidth: c.maxWidth,
             formatter: function (props) {
                 return (react_1.default.createElement(BodyCell, { column: {
                         name: props.column.key,
@@ -160,19 +179,57 @@ var DataGrid = /** @class */ (function (_super) {
                 key: "__action_column",
                 name: "",
                 resizable: false,
-                cellClass: "action",
+                headerCellClass: "rdg-action-cell",
+                cellClass: "action rdg-action-cell",
+                width: ActionCell ? actionCellWidth : [onRemove, onEdit, onOpen].filter(function (i) { return i; }).length * 44 + 8 * 2,
                 formatter: function (props) {
                     return (react_1.default.createElement(ActionCellComponent_1, { row: props.row, reload: _this.reload, onRemove: onRemove, onEdit: onEdit, onOpen: onOpen }));
                 },
             });
         }
-        return (react_1.default.createElement(Paper_1.Paper, { variant: "outlined" },
-            react_1.default.createElement(material_1.Toolbar, null,
-                react_1.default.createElement(material_1.Typography, { sx: { flex: "1 1 100%" }, variant: "h6", id: "tableTitle", component: "div" }, title)),
-            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 : [] }),
-            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))); } })));
+        var contentHeight = typeof rowHeight === "function"
+            ? rows.reduce(function (prev, curr) { return prev + rowHeight(curr); })
+            : ((rowHeight !== null && rowHeight !== void 0 ? rowHeight : 44) + 1) * rows.length;
+        return (react_1.default.createElement(Paper_1.Paper, { variant: "outlined", sx: {
+                ml: ml,
+                mr: mr,
+                mb: mb,
+                mt: mt,
+                "& .rdg-action-cell": {
+                    alignItems: "center",
+                    boxShadow: 2,
+                    display: "flex",
+                    justifyContent: "center",
+                    position: "sticky",
+                    right: 0,
+                },
+            } },
+            react_1.default.createElement(Toolbar_1.default, null,
+                react_1.default.createElement(Typography_1.default, { sx: { flex: "1 1 100%" }, variant: "h6", id: "tableTitle", component: "div" }, title),
+                react_1.default.createElement(Box_1.default, { display: "flex", flexDirection: "row" },
+                    onCsvDownload && (react_1.default.createElement(Tooltip_1.default, { title: "St\u00E1hnout csv" },
+                        react_1.default.createElement(IconButton_1.default, { sx: { ml: 1 }, onClick: function () { return onCsvDownload((0, utils_1.createRequest)(_this.state)); } },
+                            react_1.default.createElement(CloudDownload_1.default, null)))),
+                    onChangeHiddenColumns && (react_1.default.createElement(HiddenColumns_1.HiddenColumns, { dispatch: this.dispatch, columns: schema.columns, hiddenColumns: hiddenColumns !== null && hiddenColumns !== void 0 ? hiddenColumns : [], onChangeHiddenColumns: onChangeHiddenColumns })),
+                    react_1.default.createElement(Filters_1.Filters, { dispatch: this.dispatch, filters: schema.filters, filtersData: state.f, gridName: gridName !== null && gridName !== void 0 ? gridName : null, FilterInput: FilterInput }))),
+            react_1.default.createElement(FiltersList_1.FiltersList, { dispatch: this.dispatch, filters: schema.filters, filtersData: state.f }),
+            state.loading && react_1.default.createElement(LinearProgress_1.default, { style: { marginTop: -4 } }),
+            react_1.default.createElement(react_data_grid_1.default, { style: {
+                    border: 0,
+                    borderRadius: 4,
+                    height: contentHeight + 44 + (state.loading && rows.length === 0 ? 44 : 0),
+                }, columns: columns, rows: (_d = (_c = state.response) === null || _c === void 0 ? void 0 : _c.result) !== null && _d !== void 0 ? _d : [], enableVirtualization: false, onSortColumnsChange: function (sortColumns) {
+                    if (sortColumns.length > 0) {
+                        var sc = sortColumns[0];
+                        _this.dispatch((0, actions_1.sort)(sc.columnKey, sc.direction.toLowerCase()));
+                    }
+                    else {
+                        _this.dispatch((0, actions_1.sort)(schema.sort, schema.dir.toLowerCase()));
+                    }
+                }, sortColumns: state.sort ? [{ columnKey: state.sort, direction: state.dir.toUpperCase() }] : [], rowHeight: rowHeight, noRowsFallback: react_1.default.createElement(Box_1.default, { height: 44, display: "flex", alignItems: "center", justifyContent: "center" }, state.loading ? (react_1.default.createElement(CircularProgress_1.default, { size: 24 })) : state.error ? (react_1.default.createElement(Typography_1.default, { textAlign: "center" }, "Vyskytla se chyba")) : (react_1.default.createElement(Typography_1.default, { textAlign: "center" }, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))) }),
+            react_1.default.createElement(TablePagination_1.default, { sx: { mx: 2 }, component: "div", count: (_f = (_e = state.response) === null || _e === void 0 ? void 0 : _e.count) !== null && _f !== void 0 ? _f : 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))); } })));
     };
     return DataGrid;
 }(react_1.Component));
 exports.DataGrid = DataGrid;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwwQ0FBb0Q7QUFDcEQsOERBQTZEO0FBQzdELDRDQUEyQztBQUMzQyw2Q0FBeUM7QUFDekMsMERBQXlEO0FBQ3pELDJDQUE4RjtBQUM5RiwyQ0FBMkQ7QUFFM0QsdUNBQTREO0FBQzVELG9FQUF3RDtBQUN4RCxrRkFBNEQ7QUFFNUQ7SUFBc0QsNEJBQTBDO0lBQzVGLGtCQUFZLEtBQW9EO1FBQWhFLFlBQ0ksa0JBQU0sS0FBSyxDQUFDLFNBRWY7UUFFTSxZQUFNLEdBQUc7Ozs7Ozt3QkFFUixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsZ0JBQU0sR0FBRSxDQUFDLEVBQUE7O3dCQUE3QixTQUE2QixDQUFDO3dCQUV4QixPQUFPLEdBQUcsSUFBQSxxQkFBYSxFQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzt3QkFDekIscUJBQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLElBQUEsb0JBQVksRUFBQyxPQUFPLENBQUMsQ0FBQyxFQUFBOzt3QkFBdkYsUUFBUSxHQUFHLFNBQTRFO3dCQUU3RixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsb0JBQVUsRUFBQyxRQUFRLENBQUMsQ0FBQyxFQUFBOzt3QkFBekMsU0FBeUMsQ0FBQzs7Ozt3QkFFMUMscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLHNCQUFZLEVBQUMsR0FBQyxDQUFDLENBQUMsRUFBQTs7d0JBQXBDLFNBQW9DLENBQUM7d0JBQ3JDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBQyxDQUFDLENBQUM7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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsZ0ZBQTBEO0FBQzFELGtFQUE0QztBQUM1QywwREFBb0M7QUFDcEMsd0VBQWtEO0FBQ2xELG9GQUE4RDtBQUM5RCx3RUFBa0Q7QUFDbEQsa0VBQTRDO0FBQzVDLDhEQUE2RDtBQUM3RCxnRUFBK0Q7QUFDL0QsZ0RBQStDO0FBQy9DLHdEQUF1RDtBQUN2RCw0REFBMkQ7QUFDM0QsNENBQTJDO0FBQzNDLDZDQUF5QztBQUN6QywwREFBeUQ7QUFDekQsMkNBQW9HO0FBQ3BHLDJDQUEyRDtBQUUzRCx1Q0FBNEQ7QUFDNUQsb0VBQXdEO0FBQ3hELGtGQUE0RDtBQUU1RDtJQUFzRCw0QkFBMEM7SUFDNUYsa0JBQVksS0FBb0Q7UUFBaEUsWUFDSSxrQkFBTSxLQUFLLENBQUMsU0FFZjtRQUVNLFlBQU0sR0FBRzs7Ozs7O3dCQUVSLHFCQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxnQkFBTSxHQUFFLENBQUMsRUFBQTs7d0JBQTdCLFNBQTZCLENBQUM7d0JBRXhCLE9BQU8sR0FBRyxJQUFBLHFCQUFhLEVBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO3dCQUN6QixxQkFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsSUFBQSxvQkFBWSxFQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUE7O3dCQUF2RixRQUFRLEdBQUcsU0FBNEU7d0JBRTdGLHFCQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxvQkFBVSxFQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUE7O3dCQUF6QyxT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

package/components/ActionCellBase.js

@@ -1,26 +1,54 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionCellBase = void 0;
-var react_1 = __importDefault(require("react"));
-var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
 var ArrowRightAlt_1 = __importDefault(require("@mui/icons-material/ArrowRightAlt"));
-var Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var react_1 = __importStar(require("react"));
+var ActionCellItem = (0, react_1.memo)(function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement(Box_1.default, { alignItems: "center", justifyContent: "center", textAlign: "center", width: "100%" }, children));
+});
+ActionCellItem.displayName = "ActionCellItem";
 var ActionCellBase = function (props) {
     var onOpen = props.onOpen, onEdit = props.onEdit, onRemove = props.onRemove, row = props.row;
     if (!onOpen && !onEdit && !onRemove) {
         return null;
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        onRemove && (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: function () { return onRemove(row); } },
-            react_1.default.createElement(Delete_1.default, null))),
-        onEdit && (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: function () { return onEdit(row); } },
-            react_1.default.createElement(Edit_1.default, null))),
-        onOpen && (react_1.default.createElement(IconButton_1.default, { onClick: function () { return onOpen(row); } },
-            react_1.default.createElement(ArrowRightAlt_1.default, null)))));
+        onRemove && (react_1.default.createElement(ActionCellItem, null,
+            react_1.default.createElement(IconButton_1.default, { size: "small", onClick: function () { return onRemove(row); } },
+                react_1.default.createElement(Delete_1.default, null)))),
+        onEdit && (react_1.default.createElement(ActionCellItem, null,
+            react_1.default.createElement(IconButton_1.default, { size: "small", onClick: function () { return onEdit(row); } },
+                react_1.default.createElement(Edit_1.default, null)))),
+        onOpen && (react_1.default.createElement(ActionCellItem, null,
+            react_1.default.createElement(IconButton_1.default, { onClick: function () { return onOpen(row); } },
+                react_1.default.createElement(ArrowRightAlt_1.default, null))))));
 };
 exports.ActionCellBase = ActionCellBase;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aW9uQ2VsbEJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25DZWxsQmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLHdFQUFrRDtBQUNsRCxvRkFBK0Q7QUFDL0Qsa0VBQWdEO0FBQ2hELHNFQUFvRDtBQUU3QyxJQUFNLGNBQWMsR0FBNkIsVUFBQSxLQUFLO0lBQ2pELElBQUEsTUFBTSxHQUE0QixLQUFLLE9BQWpDLEVBQUUsTUFBTSxHQUFvQixLQUFLLE9BQXpCLEVBQUUsUUFBUSxHQUFVLEtBQUssU0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUNoRCxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsUUFBUSxFQUFFO1FBQ2pDLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFDRCxPQUFPLENBQ0g7UUFDSyxRQUFRLElBQUksQ0FDVCw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQWIsQ0FBYTtZQUNqRCw4QkFBQyxnQkFBVSxPQUFHLENBQ0wsQ0FDaEI7UUFDQSxNQUFNLElBQUksQ0FDUCw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQVgsQ0FBVztZQUMvQyw4QkFBQyxjQUFRLE9BQUcsQ0FDSCxDQUNoQjtRQUNBLE1BQU0sSUFBSSxDQUNQLDhCQUFDLG9CQUFVLElBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQVgsQ0FBVztZQUNsQyw4QkFBQyx1QkFBYyxPQUFHLENBQ1QsQ0FDaEIsQ0FDRixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUF4QlcsUUFBQSxjQUFjLGtCQXdCekIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aW9uQ2VsbEJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25DZWxsQmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLG9GQUErRDtBQUMvRCxzRUFBb0Q7QUFDcEQsa0VBQWdEO0FBQ2hELDBEQUFvQztBQUNwQyx3RUFBa0Q7QUFDbEQsNkNBQW9DO0FBR3BDLElBQU0sY0FBYyxHQUFHLElBQUEsWUFBSSxFQUFDLFVBQUMsRUFBWTtRQUFWLFFBQVEsY0FBQTtJQUFPLE9BQUEsQ0FDMUMsOEJBQUMsYUFBRyxJQUFDLFVBQVUsRUFBQyxRQUFRLEVBQUMsY0FBYyxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUMsUUFBUSxFQUFDLEtBQUssRUFBQyxNQUFNLElBQzNFLFFBQVEsQ0FDUCxDQUNUO0FBSjZDLENBSTdDLENBQUMsQ0FBQztBQUVILGNBQWMsQ0FBQyxXQUFXLEdBQUcsZ0JBQWdCLENBQUM7QUFFdkMsSUFBTSxjQUFjLEdBQTZCLFVBQUEsS0FBSztJQUNqRCxJQUFBLE1BQU0sR0FBNEIsS0FBSyxPQUFqQyxFQUFFLE1BQU0sR0FBb0IsS0FBSyxPQUF6QixFQUFFLFFBQVEsR0FBVSxLQUFLLFNBQWYsRUFBRSxHQUFHLEdBQUssS0FBSyxJQUFWLENBQVc7SUFDaEQsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLFFBQVEsRUFBRTtRQUNqQyxPQUFPLElBQUksQ0FBQztLQUNmO0lBQ0QsT0FBTyxDQUNIO1FBQ0ssUUFBUSxJQUFJLENBQ1QsOEJBQUMsY0FBYztZQUNYLDhCQUFDLG9CQUFVLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBYixDQUFhO2dCQUNqRCw4QkFBQyxnQkFBVSxPQUFHLENBQ0wsQ0FDQSxDQUNwQjtRQUNBLE1BQU0sSUFBSSxDQUNQLDhCQUFDLGNBQWM7WUFDWCw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQVgsQ0FBVztnQkFDL0MsOEJBQUMsY0FBUSxPQUFHLENBQ0gsQ0FDQSxDQUNwQjtRQUNBLE1BQU0sSUFBSSxDQUNQLDhCQUFDLGNBQWM7WUFDWCw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFYLENBQVc7Z0JBQ2xDLDhCQUFDLHVCQUFjLE9BQUcsQ0FDVCxDQUNBLENBQ3BCLENBQ0YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBOUJXLFFBQUEsY0FBYyxrQkE4QnpCIn0=

package/components/BodyCellBase.js

@@ -34,7 +34,11 @@ var BodyCellBase = function (props) {
     if (canRender) {
         return react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name }, value);
     }
-    return react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name }, "Nezn\u00E1m\u00E1 hodnota");
+    return (react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name },
+        "Nezn\u00E1m\u00E1",
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        " hodnota"));
 };
 exports.BodyCellBase = BodyCellBase;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm9keUNlbGxCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQm9keUNlbGxCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXlDO0FBRXpDLHFEQUFvRDtBQUU3QyxJQUFNLFlBQVksR0FBMkIsVUFBQSxLQUFLO0lBQzdDLElBQUEsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUM5QixJQUFNLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRS9CLElBQU0sU0FBUyxHQUFHLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0lBRWxILElBQUEsaUJBQVMsRUFBQztRQUNOLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDWixPQUFPLENBQUMsSUFBSSxDQUFDLCtCQUE2QixNQUFNLENBQUMsSUFBSSxPQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDckU7SUFDTCxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUV2QixJQUFJLFNBQVMsRUFBRTtRQUNYLE9BQU8sOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxLQUFLLENBQW1CLENBQUM7S0FDekU7SUFFRCxPQUFPLDhCQUFDLGlDQUFlLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLGdDQUFtQyxDQUFDO0FBQ2xGLENBQUMsQ0FBQztBQWpCVyxRQUFBLFlBQVksZ0JBaUJ2QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm9keUNlbGxCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQm9keUNlbGxCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXlDO0FBRXpDLHFEQUFvRDtBQUU3QyxJQUFNLFlBQVksR0FBMkIsVUFBQSxLQUFLO0lBQzdDLElBQUEsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUM5QixJQUFNLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRS9CLElBQU0sU0FBUyxHQUFHLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0lBRWxILElBQUEsaUJBQVMsRUFBQztRQUNOLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDWixPQUFPLENBQUMsSUFBSSxDQUFDLCtCQUE2QixNQUFNLENBQUMsSUFBSSxPQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDckU7SUFDTCxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUV2QixJQUFJLFNBQVMsRUFBRTtRQUNYLE9BQU8sOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxLQUFLLENBQW1CLENBQUM7S0FDekU7SUFFRCxPQUFPLENBQ0gsOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7O1FBRS9CLHlDQUFNO1FBQ04seUNBQU07bUJBQ1EsQ0FDckIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXZCVyxRQUFBLFlBQVksZ0JBdUJ2QiJ9

package/components/Drawer.d.ts

@@ -0,0 +1,7 @@
+import { DrawerProps as MuiDrawerProps } from "@mui/material/Drawer";
+import React from "react";
+interface DrawerProps extends MuiDrawerProps {
+    title?: string;
+}
+export declare const Drawer: React.FC<DrawerProps>;
+export {};

package/components/Drawer.js

@@ -0,0 +1,42 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Drawer_1 = __importDefault(require("@mui/material/Drawer"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var react_1 = __importDefault(require("react"));
+var Drawer = function (props) {
+    var title = props.title, children = props.children, drawerProps = __rest(props, ["title", "children"]);
+    return (react_1.default.createElement(Drawer_1.default, __assign({ anchor: "right", ModalProps: { BackdropProps: { invisible: true } } }, drawerProps),
+        react_1.default.createElement(Box_1.default, { sx: { width: 400, p: 2, pt: 8 } },
+            title && (react_1.default.createElement(Box_1.default, { mb: 2 },
+                react_1.default.createElement(Typography_1.default, { component: "h4", noWrap: true, variant: "h6" }, title))),
+            children)));
+};
+exports.Drawer = Drawer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLGdFQUFnRjtBQUNoRix3RUFBa0Q7QUFDbEQsZ0RBQTBCO0FBTW5CLElBQU0sTUFBTSxHQUEwQixVQUFBLEtBQUs7SUFDdEMsSUFBQSxLQUFLLEdBQStCLEtBQUssTUFBcEMsRUFBRSxRQUFRLEdBQXFCLEtBQUssU0FBMUIsRUFBSyxXQUFXLFVBQUssS0FBSyxFQUEzQyxxQkFBbUMsQ0FBRixDQUFXO0lBQ2xELE9BQU8sQ0FDSCw4QkFBQyxnQkFBUyxhQUFDLE1BQU0sRUFBQyxPQUFPLEVBQUMsVUFBVSxFQUFFLEVBQUUsYUFBYSxFQUFFLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxFQUFFLElBQU0sV0FBVztRQUN6Riw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUU7WUFDL0IsS0FBSyxJQUFJLENBQ04sOEJBQUMsYUFBRyxJQUFDLEVBQUUsRUFBRSxDQUFDO2dCQUNOLDhCQUFDLG9CQUFVLElBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxNQUFNLFFBQUMsT0FBTyxFQUFDLElBQUksSUFDekMsS0FBSyxDQUNHLENBQ1gsQ0FDVDtZQUNBLFFBQVEsQ0FDUCxDQUNFLENBQ2YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhCVyxRQUFBLE1BQU0sVUFnQmpCIn0=

package/components/FilterInputBase.js

@@ -1,23 +1,43 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterInputBase = void 0;
+var Autocomplete_1 = __importDefault(require("@mui/material/Autocomplete"));
+var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+var TextField_1 = __importDefault(require("@mui/material/TextField"));
 var react_1 = __importDefault(require("react"));
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
 var FilterInputBase = function (props) {
-    var filter = props.filter;
+    var _a, _b, _c, _d;
+    var filter = props.filter, onFilter = props.onFilter, value = props.value;
     switch (filter.type) {
         case "select":
-            return react_1.default.createElement("div", null, "select");
+            return (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                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 })));
         case "boolean":
-            return react_1.default.createElement("div", null, "boolean");
+            return (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                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 })));
         case "text":
-            return react_1.default.createElement("div", null, "text");
+            return (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                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 })));
         default:
             console.warn("Unknown filter type '" + filter.type + "'.");
             return null;
     }
 };
 exports.FilterInputBase = FilterInputBase;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVySW5wdXRCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRmlsdGVySW5wdXRCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxlQUFlLEdBQXlCLFVBQUEsS0FBSztJQUM5QyxJQUFBLE1BQU0sR0FBSyxLQUFLLE9BQVYsQ0FBVztJQUV6QixRQUFRLE1BQU0sQ0FBQyxJQUFJLEVBQUU7UUFDakIsS0FBSyxRQUFRO1lBQ1QsT0FBTyxvREFBaUIsQ0FBQztRQUM3QixLQUFLLFNBQVM7WUFDVixPQUFPLHFEQUFrQixDQUFDO1FBQzlCLEtBQUssTUFBTTtZQUNQLE9BQU8sa0RBQWUsQ0FBQztRQUMzQjtZQUNJLE9BQU8sQ0FBQyxJQUFJLENBQUMsMEJBQXdCLE1BQU0sQ0FBQyxJQUFJLE9BQUksQ0FBQyxDQUFDO1lBQ3RELE9BQU8sSUFBSSxDQUFDO0tBQ25CO0FBQ0wsQ0FBQyxDQUFDO0FBZFcsUUFBQSxlQUFlLG1CQWMxQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVySW5wdXRCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRmlsdGVySW5wdXRCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDRFQUFzRDtBQUN0RCxvRUFBOEM7QUFDOUMsb0ZBQThEO0FBQzlELHNFQUFnRDtBQUNoRCxnREFBMEI7QUFDMUIsNERBQXNDO0FBRy9CLElBQU0sZUFBZSxHQUF5QixVQUFBLEtBQUs7O0lBQzlDLElBQUEsTUFBTSxHQUFzQixLQUFLLE9BQTNCLEVBQUUsUUFBUSxHQUFZLEtBQUssU0FBakIsRUFBRSxLQUFLLEdBQUssS0FBSyxNQUFWLENBQVc7SUFFMUMsUUFBUSxNQUFNLENBQUMsSUFBSSxFQUFFO1FBQ2pCLEtBQUssUUFBUTtZQUNULE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQUMsSUFBSSxRQUFDLEVBQUUsRUFBRSxFQUFFO2dCQUNiLDhCQUFDLHNCQUFZLElBQ1QsT0FBTyxFQUFFLE1BQUEsTUFBTSxDQUFDLE9BQU8sbUNBQUksRUFBRSxFQUM3QixXQUFXLEVBQUUsVUFBQSxNQUFNLElBQUksT0FBQSw4QkFBQyxtQkFBUyxlQUFLLE1BQU0sSUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUMsT0FBTyxFQUFDLFNBQVMsVUFBRyxFQUFyRSxDQUFxRSxFQUM1RixjQUFjLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsS0FBSyxFQUFQLENBQU8sRUFDNUIsUUFBUSxFQUFFLFVBQUMsQ0FBQyxFQUFFLEtBQUssWUFBSyxPQUFBLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLG1DQUFJLElBQUksRUFBRSxDQUFDLENBQUEsRUFBQSxFQUNwRixLQUFLLEVBQUUsTUFBQSxNQUFBLE1BQU0sQ0FBQyxPQUFPLDBDQUFFLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxLQUFLLE1BQUssS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssQ0FBQSxFQUF4QixDQUF3QixDQUFDLG1DQUFJLElBQUksR0FDcEUsQ0FDQyxDQUNWLENBQUM7UUFDTixLQUFLLFNBQVM7WUFDVixPQUFPLENBQ0gsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtnQkFDYiw4QkFBQywwQkFBZ0IsSUFDYixPQUFPLEVBQ0gsOEJBQUMsa0JBQVEsSUFDTCxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssQ0FBQSxFQUNyQixRQUFRLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUF4RCxDQUF3RCxHQUN6RSxFQUVOLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUNyQixDQUNDLENBQ1YsQ0FBQztRQUNOLEtBQUssTUFBTTtZQUNQLE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQUMsSUFBSSxRQUFDLEVBQUUsRUFBRSxFQUFFO2dCQUNiLDhCQUFDLG1CQUFTLElBQ04sS0FBSyxFQUFFLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssbUNBQUksRUFBRSxFQUN6QixRQUFRLEVBQUUsVUFBQSxDQUFDLFlBQUksT0FBQSxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssbUNBQUksRUFBRSxFQUFFLENBQUMsQ0FBQSxFQUFBLEVBQzNFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixJQUFJLEVBQUMsT0FBTyxFQUNaLFNBQVMsU0FDWCxDQUNDLENBQ1YsQ0FBQztRQUNOO1lBQ0ksT0FBTyxDQUFDLElBQUksQ0FBQywwQkFBd0IsTUFBTSxDQUFDLElBQUksT0FBSSxDQUFDLENBQUM7WUFDdEQsT0FBTyxJQUFJLENBQUM7S0FDbkI7QUFDTCxDQUFDLENBQUM7QUE5Q1csUUFBQSxlQUFlLG1CQThDMUIifQ==

package/components/FilterListItemBase.js

@@ -5,15 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterListItemBase = void 0;
 var react_1 = __importDefault(require("react"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var FilterListItemBase = function (props) {
-    var filter = props.filter, value = props.value;
+    var filter = props.filter, value = props.value, onFilter = props.onFilter;
     if (!value.value) {
         return null;
     }
-    return (react_1.default.createElement("div", null,
-        filter.label,
-        ": ",
-        value.value));
+    if (filter.type === "boolean") {
+        return (react_1.default.createElement(Chip_1.default, { label: "" + filter.label, variant: "outlined", onDelete: function () { return onFilter({ name: filter.name, value: null }); } }));
+    }
+    return (react_1.default.createElement(Chip_1.default, { label: filter.label + ": " + value.value, variant: "outlined", onDelete: function () { return onFilter({ name: filter.name, value: null }); } }));
 };
 exports.FilterListItemBase = FilterListItemBase;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyTGlzdEl0ZW1CYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRmlsdGVyTGlzdEl0ZW1CYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxrQkFBa0IsR0FBNEIsVUFBQSxLQUFLO0lBQ3BELElBQUEsTUFBTSxHQUFZLEtBQUssT0FBakIsRUFBRSxLQUFLLEdBQUssS0FBSyxNQUFWLENBQVc7SUFFaEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUU7UUFDZCxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNIO1FBQ0ssTUFBTSxDQUFDLEtBQUs7O1FBQUksS0FBSyxDQUFDLEtBQUssQ0FDMUIsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSxrQkFBa0Isc0JBWTdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyTGlzdEl0ZW1CYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRmlsdGVyTGlzdEl0ZW1CYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsNERBQXNDO0FBRS9CLElBQU0sa0JBQWtCLEdBQTRCLFVBQUEsS0FBSztJQUNwRCxJQUFBLE1BQU0sR0FBc0IsS0FBSyxPQUEzQixFQUFFLEtBQUssR0FBZSxLQUFLLE1BQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBRTFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFO1FBQ2QsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDM0IsT0FBTyxDQUNILDhCQUFDLGNBQUksSUFDRCxLQUFLLEVBQUUsS0FBRyxNQUFNLENBQUMsS0FBTyxFQUN4QixPQUFPLEVBQUMsVUFBVSxFQUNsQixRQUFRLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUE1QyxDQUE0QyxHQUM5RCxDQUNMLENBQUM7S0FDTDtJQUVELE9BQU8sQ0FDSCw4QkFBQyxjQUFJLElBQ0QsS0FBSyxFQUFLLE1BQU0sQ0FBQyxLQUFLLFVBQUssS0FBSyxDQUFDLEtBQU8sRUFDeEMsT0FBTyxFQUFDLFVBQVUsRUFDbEIsUUFBUSxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBNUMsQ0FBNEMsR0FDOUQsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeEJXLFFBQUEsa0JBQWtCLHNCQXdCN0IifQ==

package/components/Filters.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Filter, FilterInputComponent, RequestFilter } from "../types";
+interface FiltersProps {
+    dispatch: (action: any) => void;
+    filters: Filter<any>[];
+    filtersData: RequestFilter[];
+    gridName: string | null;
+    FilterInput: FilterInputComponent;
+}
+export declare const Filters: React.FC<FiltersProps>;
+export {};

package/components/Filters.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Filters = void 0;
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var FilterList_1 = __importDefault(require("@mui/icons-material/FilterList"));
+var react_1 = __importStar(require("react"));
+var Drawer_1 = require("./Drawer");
+var actions_1 = require("../store/actions");
+var Filters = function (props) {
+    var filters = props.filters, dispatch = props.dispatch, filtersData = props.filtersData, gridName = props.gridName, FilterInput = props.FilterInput;
+    var _a = __read((0, react_1.useState)(false), 2), isOpen = _a[0], setIsOpen = _a[1];
+    if (filters.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Tooltip_1.default, { title: "Filtrovat" },
+            react_1.default.createElement(IconButton_1.default, { onClick: function () { return setIsOpen(true); }, sx: { ml: 1 } },
+                react_1.default.createElement(FilterList_1.default, null))),
+        react_1.default.createElement(Drawer_1.Drawer, { open: isOpen, onClose: function () { return setIsOpen(false); }, title: "Filtry" },
+            react_1.default.createElement(Grid_1.default, { container: true, spacing: 2 }, filters.map(function (filter) {
+                var _a;
+                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)); } }));
+            })))));
+};
+exports.Filters = Filters;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNERBQXNDO0FBQ3RDLGtFQUE0QztBQUM1Qyx3RUFBa0Q7QUFDbEQsOEVBQTREO0FBQzVELDZDQUF3QztBQUV4QyxtQ0FBa0M7QUFDbEMsNENBQTBEO0FBVW5ELElBQU0sT0FBTyxHQUEyQixVQUFBLEtBQUs7SUFDeEMsSUFBQSxPQUFPLEdBQW1ELEtBQUssUUFBeEQsRUFBRSxRQUFRLEdBQXlDLEtBQUssU0FBOUMsRUFBRSxXQUFXLEdBQTRCLEtBQUssWUFBakMsRUFBRSxRQUFRLEdBQWtCLEtBQUssU0FBdkIsRUFBRSxXQUFXLEdBQUssS0FBSyxZQUFWLENBQVc7SUFDbEUsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBSSxPQUFPLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsaUJBQU8sSUFBQyxLQUFLLEVBQUMsV0FBVztZQUN0Qiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFO2dCQUNyRCw4QkFBQyxvQkFBYyxPQUFHLENBQ1QsQ0FDUDtRQUNWLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQixFQUFFLEtBQUssRUFBQyxRQUFRO1lBQ2pFLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsSUFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU07O2dCQUFJLE9BQUEsQ0FDbkIsOEJBQUMsV0FBVyxJQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixNQUFNLEVBQUUsTUFBTSxFQUNkLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxNQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLEVBQXRCLENBQXNCLENBQUMsbUNBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEVBQzFGLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLFFBQVEsQ0FBQyxJQUFBLGdCQUFZLEVBQUMsQ0FBQyxDQUFDLENBQUMsRUFBekIsQ0FBeUIsR0FDMUMsQ0FDTCxDQUFBO2FBQUEsQ0FBQyxDQUNDLENBQ0YsQ0FDVixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUE5QlcsUUFBQSxPQUFPLFdBOEJsQiJ9

package/components/FiltersList.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Filter, RequestFilter } from "../types";
+interface FiltersListProps {
+    dispatch: (action: any) => void;
+    filters: Filter<any>[];
+    filtersData: RequestFilter[];
+}
+export declare const FiltersList: React.FC<FiltersListProps>;
+export {};

package/components/FiltersList.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FiltersList = void 0;
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var react_1 = __importStar(require("react"));
+var actions_1 = require("../store/actions");
+var FilterListItemBase_1 = require("./FilterListItemBase");
+var FiltersList = function (props) {
+    var filters = props.filters, filtersData = props.filtersData, dispatch = props.dispatch;
+    var onFilter = (0, react_1.useCallback)(function (v) {
+        dispatch((0, actions_1.filter)(v));
+    }, [dispatch]);
+    return (react_1.default.createElement(Box_1.default, { sx: { p: 2, pt: 0 } },
+        react_1.default.createElement(Grid_1.default, { container: true, spacing: 1 }, filters.map(function (filter) {
+            var _a;
+            var value = (_a = filtersData.find(function (f) { return f.name === filter.name; })) !== null && _a !== void 0 ? _a : { name: filter.name, value: null };
+            if (!value.value) {
+                return null;
+            }
+            return (react_1.default.createElement(Grid_1.default, { item: true },
+                react_1.default.createElement(FilterListItemBase_1.FilterListItemBase, { key: "" + filter.name, filter: filter, value: value, onFilter: onFilter })));
+        }))));
+};
+exports.FiltersList = FiltersList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyc0xpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXJzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDBEQUFvQztBQUNwQyw0REFBc0M7QUFDdEMsNkNBQTJDO0FBQzNDLDRDQUEwQztBQUUxQywyREFBMEQ7QUFRbkQsSUFBTSxXQUFXLEdBQStCLFVBQUEsS0FBSztJQUNoRCxJQUFBLE9BQU8sR0FBNEIsS0FBSyxRQUFqQyxFQUFFLFdBQVcsR0FBZSxLQUFLLFlBQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQ2pELElBQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFDeEIsVUFBQSxDQUFDO1FBQ0csUUFBUSxDQUFDLElBQUEsZ0JBQU0sRUFBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hCLENBQUMsRUFDRCxDQUFDLFFBQVEsQ0FBQyxDQUNiLENBQUM7SUFFRixPQUFPLENBQ0gsOEJBQUMsYUFBRyxJQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRTtRQUNwQiw4QkFBQyxjQUFJLElBQUMsU0FBUyxRQUFDLE9BQU8sRUFBRSxDQUFDLElBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQSxNQUFNOztZQUNmLElBQU0sS0FBSyxHQUFHLE1BQUEsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksRUFBdEIsQ0FBc0IsQ0FBQyxtQ0FBSSxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUVsRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRTtnQkFDZCxPQUFPLElBQUksQ0FBQzthQUNmO1lBRUQsT0FBTyxDQUNILDhCQUFDLGNBQUksSUFBQyxJQUFJO2dCQUNOLDhCQUFDLHVDQUFrQixJQUNmLEdBQUcsRUFBRSxLQUFHLE1BQU0sQ0FBQyxJQUFNLEVBQ3JCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxHQUNwQixDQUNDLENBQ1YsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUNDLENBQ0wsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakNXLFFBQUEsV0FBVyxlQWlDdEIifQ==

package/components/HiddenColumns.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Column } from "../types";
+interface HiddenColumnsProps {
+    dispatch: (action: any) => void;
+    columns: Column[];
+    hiddenColumns: string[];
+    onChangeHiddenColumns: (hiddenColumns: string[]) => void;
+}
+export declare const HiddenColumns: React.FC<HiddenColumnsProps>;
+export {};

package/components/HiddenColumns.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HiddenColumns = void 0;
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var Switch_1 = __importDefault(require("@mui/material/Switch"));
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var react_1 = __importStar(require("react"));
+var ViewColumn_1 = __importDefault(require("@mui/icons-material/ViewColumn"));
+var Drawer_1 = require("./Drawer");
+var HiddenColumns = function (props) {
+    var columns = props.columns, hiddenColumns = props.hiddenColumns, onChangeHiddenColumns = props.onChangeHiddenColumns;
+    var _a = __read((0, react_1.useState)(false), 2), isOpen = _a[0], setIsOpen = _a[1];
+    var onChange = function (column) { return function () {
+        if (hiddenColumns.includes(column.name)) {
+            onChangeHiddenColumns(hiddenColumns.filter(function (cn) { return cn !== column.name; }));
+        }
+        else {
+            onChangeHiddenColumns(__spreadArray(__spreadArray([], __read(hiddenColumns), false), [column.name], false));
+        }
+    }; };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Tooltip_1.default, { title: "Zobrazit sloupce" },
+            react_1.default.createElement(IconButton_1.default, { onClick: function () { return setIsOpen(true); } },
+                react_1.default.createElement(ViewColumn_1.default, null))),
+        react_1.default.createElement(Drawer_1.Drawer, { title: "Zobrazit sloupce", open: isOpen, onClose: function () { return setIsOpen(false); }, anchor: "right" },
+            react_1.default.createElement(Grid_1.default, { container: true, spacing: 1 }, columns.map(function (column) { return (react_1.default.createElement(Grid_1.default, { item: true, xs: 12, key: column.name },
+                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 }))); })))));
+};
+exports.HiddenColumns = HiddenColumns;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGlkZGVuQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0hpZGRlbkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsa0VBQTRDO0FBQzVDLDREQUFzQztBQUN0QyxnRUFBMEM7QUFDMUMsb0ZBQThEO0FBQzlELHdFQUFrRDtBQUNsRCw2Q0FBd0M7QUFDeEMsOEVBQTREO0FBRTVELG1DQUFrQztBQVMzQixJQUFNLGFBQWEsR0FBaUMsVUFBQSxLQUFLO0lBQ3BELElBQUEsT0FBTyxHQUEyQyxLQUFLLFFBQWhELEVBQUUsYUFBYSxHQUE0QixLQUFLLGNBQWpDLEVBQUUscUJBQXFCLEdBQUssS0FBSyxzQkFBVixDQUFXO0lBQzFELElBQUEsS0FBQSxPQUFzQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBcEMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFtQixDQUFDO0lBRTVDLElBQU0sUUFBUSxHQUFHLFVBQUMsTUFBYyxJQUFLLE9BQUE7UUFDakMsSUFBSSxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNyQyxxQkFBcUIsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLFVBQUEsRUFBRSxJQUFJLE9BQUEsRUFBRSxLQUFLLE1BQU0sQ0FBQyxJQUFJLEVBQWxCLENBQWtCLENBQUMsQ0FBQyxDQUFDO1NBQ3pFO2FBQU07WUFDSCxxQkFBcUIsd0NBQUssYUFBYSxZQUFFLE1BQU0sQ0FBQyxJQUFJLFVBQUUsQ0FBQztTQUMxRDtJQUNMLENBQUMsRUFOb0MsQ0FNcEMsQ0FBQztJQUNGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFDLGtCQUFrQjtZQUM3Qiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWU7Z0JBQ3RDLDhCQUFDLG9CQUFjLE9BQUcsQ0FDVCxDQUNQO1FBQ1YsOEJBQUMsZUFBTSxJQUFDLEtBQUssRUFBQyxrQkFBa0IsRUFBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQixFQUFFLE1BQU0sRUFBQyxPQUFPO1lBQzFGLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsSUFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU0sSUFBSSxPQUFBLENBQ25CLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUk7Z0JBQy9CLDhCQUFDLDBCQUFnQixJQUNiLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixPQUFPLEVBQ0gsOEJBQUMsZ0JBQU0sSUFDSCxPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFDN0MsUUFBUSxFQUFFLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFDMUIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2pCLEtBQUssRUFBQyxTQUFTLEdBQ2pCLEVBRU4sS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEdBQ3JCLENBQ0MsQ0FDVixFQWZzQixDQWV0QixDQUFDLENBQ0MsQ0FDRixDQUNWLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXhDVyxRQUFBLGFBQWEsaUJBd0N4QiJ9

package/components/Paper.d.ts

@@ -8,7 +8,7 @@ export declare const Paper: import("@mui/system").StyledComponent<{
     variant?: "elevation" | "outlined" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "elevation" | "square" | "variant"> & {
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "square" | "variant"> & {
     theme?: import("@mui/material/styles").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
     sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-beta.9",
   "description": "Redux DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "dist/index.js",
@@ -45,10 +45,10 @@
   "devDependencies": {
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.0.0-rc.1",
-    "@mui/material": "^5.0.0-rc.1",
+    "@mui/icons-material": "^5.0.0",
+    "@mui/material": "^5.0.0",
     "@types/jest": "^26.0.19",
-    "@types/react": "^17.0.21",
+    "@types/react": "^17.0.22",
     "@types/react-dom": "^17.0.0",
     "@types/react-test-renderer": "^16.9.4",
     "@typescript-eslint/eslint-plugin": "^4.11.0",

package/types.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType, ReactElement, ReactNode } from "react";
+import { DataGridProps as RDGProps } from "react-data-grid";
 export declare type SortDirection = "asc" | "desc";
 export declare type SelectableRows = "none" | "single" | "multiple";
 export declare type ResultItem = any;
@@ -6,7 +7,14 @@ export declare type KeyExtractor = (row: ResultItem) => string;
 export declare type CsvDownloadHandler = (request: Request) => void;
 export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
 export declare type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
-export interface DataGridProps<R extends any> {
+declare type ActionCellWithRequiredWidth<R extends any> = {
+    ActionCell?: ActionCellComponent<R>;
+    actionCellWidth: number;
+} | {
+    ActionCell?: never;
+    actionCellWidth?: never;
+};
+export declare type DataGridProps<R extends any> = {
     gridName?: string;
     title?: ReactNode;
     schema: Schema;
@@ -21,7 +29,6 @@ export interface DataGridProps<R extends any> {
     onCsvDownload?: CsvDownloadHandler;
     BodyCell?: BodyCellComponent<R>;
     HeadCell?: HeadCellComponent<R>;
-    ActionCell?: ActionCellComponent<R>;
     FilterInput?: FilterInputComponent;
     FilterListItem?: FilterListItemComponent;
     Footer?: import("react").ReactNode;
@@ -32,7 +39,12 @@ export interface DataGridProps<R extends any> {
     onEdit?: (row: R) => void;
     onRemove?: (row: R) => void;
     noBorder?: boolean;
-}
+    rowHeight?: RDGProps<any>["rowHeight"];
+    ml?: number;
+    mt?: number;
+    mr?: number;
+    mb?: number;
+} & ActionCellWithRequiredWidth<R>;
 export interface Column<T = string> {
     name: string;
     label: string | ReactElement;
@@ -40,6 +52,10 @@ export interface Column<T = string> {
     sort?: boolean;
     hint?: string;
     print?: boolean;
+    width?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    frozen?: boolean;
 }
 export interface FilterOption {
     value: string | number;
@@ -120,3 +136,4 @@ export interface DataGridState {
     perPage: number;
     error?: any;
 }
+export {};