@uxf/data-grid 3.0.0-beta.2 → 3.0.0-beta.6

package/DataGrid.js

@@ -74,12 +74,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGrid = void 0;
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
+var ActionCellBase_1 = require("./components/ActionCellBase");
+var Filters_1 = require("./components/Filters");
+var FiltersList_1 = require("./components/FiltersList");
+var Paper_1 = require("./components/Paper");
 var react_1 = __importStar(require("react"));
 var BodyCellBase_1 = require("./components/BodyCellBase");
 var actions_1 = require("./store/actions");
 var reducer_1 = require("./store/reducer");
 var utils_1 = require("./utils/utils");
 var react_data_grid_1 = __importDefault(require("react-data-grid"));
+var TablePagination_1 = __importDefault(require("@mui/material/TablePagination"));
 var DataGrid = /** @class */ (function (_super) {
     __extends(DataGrid, _super);
     function DataGrid(props) {
@@ -133,24 +140,53 @@ var DataGrid = /** @class */ (function (_super) {
     };
     DataGrid.prototype.render = function () {
         var _this = this;
-        var _a, _b;
-        var _c = this.props, schema = _c.schema, _d = _c.BodyCell, BodyCell = _d === void 0 ? BodyCellBase_1.BodyCellBase : _d;
+        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, gridName = _e.gridName;
         var state = this.state;
         var columns = schema.columns.map(function (c) { return ({
             key: c.name,
             name: c.label,
+            headerCellClass: c.type,
+            resizable: true,
+            sortable: c.sort,
             formatter: function (props) {
                 return (react_1.default.createElement(BodyCell, { column: {
                         name: props.column.key,
                         label: props.column.name,
                         sort: props.column.sortable,
+                        type: props.column.headerCellClass,
                     }, reload: _this.reload, row: props.row }));
             },
         }); });
-        return (react_1.default.createElement("div", { style: { border: "1px solid gray", padding: 16, borderRadius: 4, backgroundColor: "white" } },
-            react_1.default.createElement(react_data_grid_1.default, { columns: columns, rows: (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [] })));
+        if (ActionCell || onOpen || onEdit || onRemove) {
+            var ActionCellComponent_1 = ActionCell !== null && ActionCell !== void 0 ? ActionCell : ActionCellBase_1.ActionCellBase;
+            columns.push({
+                key: "__action_column",
+                name: "",
+                resizable: false,
+                cellClass: "action",
+                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(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(Filters_1.Filters, { dispatch: this.dispatch, filters: schema.filters, filtersData: state.f, gridName: gridName !== null && gridName !== void 0 ? gridName : null })),
+            react_1.default.createElement(FiltersList_1.FiltersList, { dispatch: this.dispatch, filters: schema.filters, filtersData: state.f }),
+            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) {
+                    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() }] : [] }),
+            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))); } })));
     };
     return DataGrid;
 }(react_1.Component));
 exports.DataGrid = DataGrid;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBeUM7QUFDekMsMERBQXlEO0FBQ3pELDJDQUFtRTtBQUNuRSwyQ0FBMkQ7QUFFM0QsdUNBQTREO0FBQzVELG9FQUF3RDtBQUV4RDtJQUFzRCw0QkFBMEM7SUFDNUYsa0JBQVksS0FBb0Q7UUFBaEUsWUFDSSxrQkFBTSxLQUFLLENBQUMsU0FFZjtRQUVNLFlBQU0sR0FBRzs7Ozs7O3dCQUVSLHFCQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxnQkFBTSxHQUFFLENBQUMsRUFBQTs7d0JBQTdCLFNBQTZCLENBQUM7d0JBRXhCLE9BQU8sR0FBRyxJQUFBLHFCQUFhLEVBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO3dCQUN6QixxQkFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsSUFBQSxvQkFBWSxFQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUE7O3dCQUF2RixRQUFRLEdBQUcsU0FBNEU7d0JBRTdGLHFCQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxvQkFBVSxFQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUE7O3dCQUF6QyxTQUF5QyxDQUFDOzs7O3dCQUUxQyxxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsc0JBQVksRUFBQyxHQUFDLENBQUMsQ0FBQyxFQUFBOzt3QkFBcEMsU0FBb0MsQ0FBQzt3QkFDckMsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFDLENBQUMsQ0FBQzs7Ozs7YUFFeEIsQ0FBQztRQUVNLGNBQVEsR0FBRyxVQUFDLE1BQVc7WUFDM0IsT0FBTyxJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSx3RUFBa0Q7QUFDbEQsa0VBQTRDO0FBQzVDLDhEQUE2RDtBQUM3RCxnREFBK0M7QUFDL0Msd0RBQXVEO0FBQ3ZELDRDQUEyQztBQUMzQyw2Q0FBeUM7QUFDekMsMERBQXlEO0FBQ3pELDJDQUFvRztBQUNwRywyQ0FBMkQ7QUFFM0QsdUNBQTREO0FBQzVELG9FQUF3RDtBQUN4RCxrRkFBNEQ7QUFFNUQ7SUFBc0QsNEJBQTBDO0lBQzVGLGtCQUFZLEtBQW9EO1FBQWhFLFlBQ0ksa0JBQU0sS0FBSyxDQUFDLFNBRWY7UUFFTSxZQUFNLEdBQUc7Ozs7Ozt3QkFFUixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsZ0JBQU0sR0FBRSxDQUFDLEVBQUE7O3dCQUE3QixTQUE2QixDQUFDO3dCQUV4QixPQUFPLEdBQUcsSUFBQSxxQkFBYSxFQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzt3QkFDekIscUJBQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLElBQUEsb0JBQVksRUFBQyxPQUFPLENBQUMsQ0FBQyxFQUFBOzt3QkFBdkYsUUFBUSxHQUFHLFNBQTRFO3dCQUU3RixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsb0JBQVUsRUFBQyxRQUFRLENBQUMsQ0FBQyxFQUFBOzt3QkFBekMsU0FBeUMsQ0FBQzs7Ozt3QkFFMUMscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLHNCQUFZLEVBQUMsR0FBQyxDQUFDLENBQUMsRUFBQTs7d0JBQXBDLFNBQW9DLENBQUM7d0JBQ3JDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBQyxDQUFDLENBQUM7Ozs7O2FBRXhCLENBQUM7UUFFTSxjQUFRLEdBQUcsVUFBQyxNQUFXO1lBQzNCLE9BQU8sSUFBSSxPQUFPLENBQU8sVUFBQSxPQUFPLElBQUksT0FBQSxLQUFJLENBQUMsUUFBUSxDQUFDLFVBQUEsS0FBSyxJQUFJLE9BQUEsSUFBQSxpQkFBTyxFQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsRUFBdEIsQ0FBc0IsRUFBRSxPQUFPLENBQUMsRUFBdkQsQ0FBdUQsQ0FBQyxDQUFDO1FBQ2pHLENBQUMsQ0FBQztRQW5CRSxLQUFJLENBQUMsS0FBSyxHQUFHLElBQUEseUJBQWUsRUFBQyxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQzs7SUFDbkUsQ0FBQztJQW9CRCxvQ0FBaUIsR0FBakI7UUFDSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVNLHFDQUFrQixHQUF6QixVQUEwQixDQUE2QixFQUFFLFNBQWtDO1FBQ3ZGLElBQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFDSSxTQUFTLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQyxHQUFHO1lBQzNCLFNBQVMsQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLElBQUk7WUFDN0IsU0FBUyxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsT0FBTztZQUNuQyxTQUFTLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJO1lBQzdCLFNBQVMsQ0FBQyxDQUFDLEtBQUssS0FBSyxDQUFDLENBQUMsRUFDekI7WUFDRSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDakI7SUFDTCxDQUFDO0lBRU0seUJBQU0sR0FBYjtRQUFBLGlCQXlGQzs7UUF4RlMsSUFBQSxLQUE2RixJQUFJLENBQUMsS0FBSyxFQUFyRyxNQUFNLFlBQUEsRUFBRSxnQkFBdUIsRUFBdkIsUUFBUSxtQkFBRywyQkFBWSxLQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBZSxDQUFDO1FBRXRHLElBQUEsS0FBSyxHQUFLLElBQUksTUFBVCxDQUFVO1FBRXZCLElBQU0sT0FBTyxHQUFrQixNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUM7WUFDcEQsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJO1lBQ1gsSUFBSSxFQUFFLENBQUMsQ0FBQyxLQUFLO1lBQ2IsZUFBZSxFQUFFLENBQUMsQ0FBQyxJQUFJO1lBQ3ZCLFNBQVMsRUFBRSxJQUFJO1lBQ2YsUUFBUSxFQUFFLENBQUMsQ0FBQyxJQUFJO1lBQ2hCLFNBQVMsRUFBRSxVQUFBLEtBQUs7Z0JBQ1osT0FBTyxDQUNILDhCQUFDLFFBQVEsSUFDTCxNQUFNLEVBQUU7d0JBQ0osSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRzt3QkFDdEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSTt3QkFDeEIsSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsUUFBUTt3QkFDM0IsSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsZUFBZTtxQkFDckMsRUFDRCxNQUFNLEVBQUUsS0FBSSxDQUFDLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHLEdBQ2hCLENBQ0wsQ0FBQztZQUNOLENBQUM7U0FDSixDQUFDLEVBcEJxRCxDQW9CckQsQ0FBQyxDQUFDO1FBRUosSUFBSSxVQUFVLElBQUksTUFBTSxJQUFJLE1BQU0sSUFBSSxRQUFRLEVBQUU7WUFDNUMsSUFBTSxxQkFBbUIsR0FBRyxVQUFVLGFBQVYsVUFBVSxjQUFWLFVBQVUsR0FBSSwrQkFBYyxDQUFDO1lBQ3pELE9BQU8sQ0FBQyxJQUFJLENBQUM7Z0JBQ1QsR0FBRyxFQUFFLGlCQUFpQjtnQkFDdEIsSUFBSSxFQUFFLEVBQUU7Z0JBQ1IsU0FBUyxFQUFFLEtBQUs7Z0JBQ2hCLFNBQVMsRUFBRSxRQUFRO2dCQUNuQixTQUFTLEVBQUUsVUFBQSxLQUFLO29CQUNaLE9BQU8sQ0FDSCw4QkFBQyxxQkFBbUIsSUFDaEIsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHLEVBQ2QsTUFBTSxFQUFFLEtBQUksQ0FBQyxNQUFNLEVBQ25CLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsTUFBTSxFQUFFLE1BQU0sR0FDaEIsQ0FDTCxDQUFDO2dCQUNOLENBQUM7YUFDSixDQUFDLENBQUM7U0FDTjtRQUNELE9BQU8sQ0FDSCw4QkFBQyxhQUFLLElBQUMsT0FBTyxFQUFDLFVBQVU7WUFDckIsOEJBQUMsaUJBQU87Z0JBQ0osOEJBQUMsb0JBQVUsSUFBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLEVBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxFQUFFLEVBQUMsWUFBWSxFQUFDLFNBQVMsRUFBQyxLQUFLLElBQzdFLEtBQUssQ0FDRztnQkFDYiw4QkFBQyxpQkFBTyxJQUNKLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUN2QixPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFDdkIsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxJQUFJLEdBQzVCLENBQ0k7WUFDViw4QkFBQyx5QkFBVyxJQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQyxHQUFJO1lBQ3ZGLDhCQUFDLHlCQUFhLElBQ1YsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxFQUFFLEVBQ3JDLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxNQUFBLE1BQUEsS0FBSyxDQUFDLFFBQVEsMENBQUUsTUFBTSxtQ0FBSSxFQUFFLEVBQ2xDLG9CQUFvQixFQUFFLEtBQUssRUFDM0IsbUJBQW1CLEVBQUUsVUFBQSxXQUFXO29CQUM1QixJQUFJLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO3dCQUN4QixJQUFNLEVBQUUsR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7d0JBQzFCLEtBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxjQUFJLEVBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLFdBQVcsRUFBUyxDQUFDLENBQUMsQ0FBQztxQkFDeEU7eUJBQU07d0JBQ0gsS0FBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLGNBQUksRUFBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFTLENBQUMsQ0FBQyxDQUFDO3FCQUNyRTtnQkFDTCxDQUFDLEVBQ0QsV0FBVyxFQUNQLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQVMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FFOUY7WUFDRiw4QkFBQyx5QkFBZSxJQUNaLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFDYixTQUFTLEVBQUMsS0FBSyxFQUNmLEtBQUssRUFBRSxNQUFBLE1BQUEsS0FBSyxDQUFDLFFBQVEsMENBQUUsS0FBSyxtQ0FBSSxDQUFDLEVBQ2pDLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxFQUNoQixZQUFZLEVBQUUsVUFBQyxDQUFDLEVBQUUsSUFBSSxJQUFLLE9BQUEsS0FBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLG9CQUFVLEVBQUMsSUFBSSxDQUFDLENBQUMsRUFBL0IsQ0FBK0IsRUFDMUQsV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQzFCLG1CQUFtQixFQUFFLFVBQUEsS0FBSyxJQUFJLE9BQUEsS0FBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLHVCQUFhLEVBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQXJFLENBQXFFLEdBQ3JHLENBQ0UsQ0FDWCxDQUFDO0lBQ04sQ0FBQztJQUNMLGVBQUM7QUFBRCxDQUFDLEFBbklELENBQXNELGlCQUFTLEdBbUk5RDtBQW5JWSw0QkFBUSJ9

package/components/ActionCellBase.js

@@ -5,15 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (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 ActionCellBase = function (props) {
-    var onOpen = props.onOpen, onEdit = props.onEdit, onRemove = props.onRemove;
+    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 && "remove",
-        onEdit && "edit",
-        onOpen && "open"));
+        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)))));
 };
 exports.ActionCellBase = ActionCellBase;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aW9uQ2VsbEJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25DZWxsQmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBR25CLElBQU0sY0FBYyxHQUE2QixVQUFBLEtBQUs7SUFDakQsSUFBQSxNQUFNLEdBQXVCLEtBQUssT0FBNUIsRUFBRSxNQUFNLEdBQWUsS0FBSyxPQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUMzQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsUUFBUSxFQUFFO1FBQ2pDLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFDRCxPQUFPLENBQ0g7UUFDSyxRQUFRLElBQUksUUFBUTtRQUNwQixNQUFNLElBQUksTUFBTTtRQUNoQixNQUFNLElBQUksTUFBTSxDQUNsQixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUFaVyxRQUFBLGNBQWMsa0JBWXpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aW9uQ2VsbEJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25DZWxsQmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLHdFQUFrRDtBQUNsRCxvRkFBK0Q7QUFDL0Qsa0VBQWdEO0FBQ2hELHNFQUFvRDtBQUU3QyxJQUFNLGNBQWMsR0FBNkIsVUFBQSxLQUFLO0lBQ2pELElBQUEsTUFBTSxHQUE0QixLQUFLLE9BQWpDLEVBQUUsTUFBTSxHQUFvQixLQUFLLE9BQXpCLEVBQUUsUUFBUSxHQUFVLEtBQUssU0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUNoRCxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsUUFBUSxFQUFFO1FBQ2pDLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFDRCxPQUFPLENBQ0g7UUFDSyxRQUFRLElBQUksQ0FDVCw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQWIsQ0FBYTtZQUNqRCw4QkFBQyxnQkFBVSxPQUFHLENBQ0wsQ0FDaEI7UUFDQSxNQUFNLElBQUksQ0FDUCw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQVgsQ0FBVztZQUMvQyw4QkFBQyxjQUFRLE9BQUcsQ0FDSCxDQUNoQjtRQUNBLE1BQU0sSUFBSSxDQUNQLDhCQUFDLG9CQUFVLElBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQVgsQ0FBVztZQUNsQyw4QkFBQyx1QkFBYyxPQUFHLENBQ1QsQ0FDaEIsQ0FDRixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUF4QlcsUUFBQSxjQUFjLGtCQXdCekIifQ==

package/components/BodyCellBase.js

@@ -25,7 +25,7 @@ var BodyCellWrapper_1 = require("./BodyCellWrapper");
 var BodyCellBase = function (props) {
     var column = props.column, row = props.row;
     var value = row[column.name];
-    var canRender = typeof value === "string" || typeof value === "number";
+    var canRender = typeof value === "string" || typeof value === "number" || value === undefined || value === null;
     (0, react_1.useEffect)(function () {
         if (!canRender) {
             console.warn("Unknown value for column '" + column.name + "'.", value);
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm9keUNlbGxCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQm9keUNlbGxCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXlDO0FBRXpDLHFEQUFvRDtBQUU3QyxJQUFNLFlBQVksR0FBMkIsVUFBQSxLQUFLO0lBQzdDLElBQUEsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUM5QixJQUFNLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRS9CLElBQU0sU0FBUyxHQUFHLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLENBQUM7SUFFekUsSUFBQSxpQkFBUyxFQUFDO1FBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNaLE9BQU8sQ0FBQyxJQUFJLENBQUMsK0JBQTZCLE1BQU0sQ0FBQyxJQUFJLE9BQUksRUFBRSxLQUFLLENBQUMsQ0FBQztTQUNyRTtJQUNMLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBRXZCLElBQUksU0FBUyxFQUFFO1FBQ1gsT0FBTyw4QkFBQyxpQ0FBZSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLEtBQUssQ0FBbUIsQ0FBQztLQUN6RTtJQUVELE9BQU8sOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksZ0NBQW1DLENBQUM7QUFDbEYsQ0FBQyxDQUFDO0FBakJXLFFBQUEsWUFBWSxnQkFpQnZCIn0=
+//# 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 } },
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMERBQW9DO0FBQ3BDLGdFQUFnRjtBQUNoRix3RUFBa0Q7QUFDbEQsZ0RBQTBCO0FBTW5CLElBQU0sTUFBTSxHQUEwQixVQUFBLEtBQUs7SUFDdEMsSUFBQSxLQUFLLEdBQStCLEtBQUssTUFBcEMsRUFBRSxRQUFRLEdBQXFCLEtBQUssU0FBMUIsRUFBSyxXQUFXLFVBQUssS0FBSyxFQUEzQyxxQkFBbUMsQ0FBRixDQUFXO0lBQ2xELE9BQU8sQ0FDSCw4QkFBQyxnQkFBUyxhQUFDLE1BQU0sRUFBQyxPQUFPLEVBQUMsVUFBVSxFQUFFLEVBQUUsYUFBYSxFQUFFLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxFQUFFLElBQU0sV0FBVztRQUN6Riw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFO1lBQ3hCLEtBQUssSUFBSSxDQUNOLDhCQUFDLGFBQUcsSUFBQyxFQUFFLEVBQUUsQ0FBQztnQkFDTiw4QkFBQyxvQkFBVSxJQUFDLFNBQVMsRUFBQyxJQUFJLEVBQUMsTUFBTSxRQUFDLE9BQU8sRUFBQyxJQUFJLElBQ3pDLEtBQUssQ0FDRyxDQUNYLENBQ1Q7WUFDQSxRQUFRLENBQ1AsQ0FDRSxDQUNmLENBQUM7QUFDTixDQUFDLENBQUM7QUFoQlcsUUFBQSxNQUFNLFVBZ0JqQiJ9

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,64 @@
+"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 FilterInputBase_1 = require("./FilterInputBase");
+var Filters = function (props) {
+    var filters = props.filters, dispatch = props.dispatch, filtersData = props.filtersData, gridName = props.gridName, _a = props.FilterInput, FilterInput = _a === void 0 ? FilterInputBase_1.FilterInputBase : _a;
+    var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
+    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); } },
+                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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNERBQXNDO0FBQ3RDLGtFQUE0QztBQUM1Qyx3RUFBa0Q7QUFDbEQsOEVBQTREO0FBQzVELDZDQUF3QztBQUV4QyxtQ0FBa0M7QUFDbEMsNENBQTBEO0FBQzFELHFEQUFvRDtBQVU3QyxJQUFNLE9BQU8sR0FBMkIsVUFBQSxLQUFLO0lBQ3hDLElBQUEsT0FBTyxHQUFxRSxLQUFLLFFBQTFFLEVBQUUsUUFBUSxHQUEyRCxLQUFLLFNBQWhFLEVBQUUsV0FBVyxHQUE4QyxLQUFLLFlBQW5ELEVBQUUsUUFBUSxHQUFvQyxLQUFLLFNBQXpDLEVBQUUsS0FBa0MsS0FBSyxZQUFWLEVBQTdCLFdBQVcsbUJBQUcsaUNBQWUsS0FBQSxDQUFXO0lBQ3BGLElBQUEsS0FBQSxPQUFzQixJQUFBLGdCQUFRLEVBQUMsS0FBSyxDQUFDLElBQUEsRUFBcEMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFtQixDQUFDO0lBQzVDLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLGlCQUFPLElBQUMsS0FBSyxFQUFDLFdBQVc7WUFDdEIsOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBZixDQUFlO2dCQUN0Qyw4QkFBQyxvQkFBYyxPQUFHLENBQ1QsQ0FDUDtRQUNWLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQixFQUFFLEtBQUssRUFBQyxRQUFRO1lBQ2pFLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsSUFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU07O2dCQUFJLE9BQUEsQ0FDbkIsOEJBQUMsV0FBVyxJQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixNQUFNLEVBQUUsTUFBTSxFQUNkLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxNQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxJQUFJLEVBQXRCLENBQXNCLENBQUMsbUNBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEVBQzFGLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLFFBQVEsQ0FBQyxJQUFBLGdCQUFZLEVBQUMsQ0FBQyxDQUFDLENBQUMsRUFBekIsQ0FBeUIsR0FDMUMsQ0FDTCxDQUFBO2FBQUEsQ0FBQyxDQUNDLENBQ0YsQ0FDVixDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxPQUFPLFdBeUJsQiJ9

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/Paper.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Paper: import("@mui/system").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material/Paper").PaperClasses> | undefined;
+    elevation?: number | undefined;
+    square?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
+    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"> & {
+    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/components/Paper.js

@@ -0,0 +1,15 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Paper = void 0;
+var styles_1 = require("@mui/material/styles");
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+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"])));
+var templateObject_1;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9QYXBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLCtDQUE4QztBQUM5Qyw4REFBMkM7QUFFOUIsUUFBQSxLQUFLLEdBQUcsSUFBQSxlQUFNLEVBQUMsZUFBUSxDQUFDLGtNQUFBLCtIQVFwQyxLQUFDIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.6",
   "description": "Redux DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "dist/index.js",
@@ -32,16 +32,23 @@
     "node": ">=8.9"
   },
   "peerDependencies": {
+    "@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",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "dependencies": {
-    "@material-ui/core": "^4.12.3",
     "react-data-grid": "^7.0.0-beta.5"
   },
   "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",
     "@types/jest": "^26.0.19",
-    "@types/react": "^17.0.20",
+    "@types/react": "^17.0.21",
     "@types/react-dom": "^17.0.0",
     "@types/react-test-renderer": "^16.9.4",
     "@typescript-eslint/eslint-plugin": "^4.11.0",

package/types.d.ts

@@ -36,7 +36,7 @@ export interface DataGridProps<R extends any> {
 export interface Column<T = string> {
     name: string;
     label: string | ReactElement;
-    type?: T;
+    type?: T | null;
     sort?: boolean;
     hint?: string;
     print?: boolean;