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

package/DataGrid.js

@@ -74,11 +74,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGrid = void 0;
+var material_1 = require("@mui/material");
+var ActionCellBase_1 = require("./components/ActionCellBase");
+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) {
@@ -131,18 +136,43 @@ var DataGrid = /** @class */ (function (_super) {
         }
     };
     DataGrid.prototype.render = function () {
-        var _a, _b;
-        var schema = this.props.schema;
+        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 state = this.state;
         var columns = schema.columns.map(function (c) { return ({
             key: c.name,
             name: c.label,
-            formatter: function (props) { return react_1.default.createElement(react_1.default.Fragment, null, props.row[props.column.key]); },
+            headerCellClass: c.type,
+            resizable: true,
+            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(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))); } })));
     };
     return DataGrid;
 }(react_1.Component));
 exports.DataGrid = DataGrid;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBeUM7QUFDekMsMkNBQW1FO0FBQ25FLDJDQUEyRDtBQUUzRCx1Q0FBNEQ7QUFDNUQsb0VBQXdEO0FBRXhEO0lBQXNELDRCQUEwQztJQUM1RixrQkFBWSxLQUFvRDtRQUFoRSxZQUNJLGtCQUFNLEtBQUssQ0FBQyxTQUVmO1FBRU0sWUFBTSxHQUFHOzs7Ozs7d0JBRVIscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLGdCQUFNLEdBQUUsQ0FBQyxFQUFBOzt3QkFBN0IsU0FBNkIsQ0FBQzt3QkFFeEIsT0FBTyxHQUFHLElBQUEscUJBQWEsRUFBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7d0JBQ3pCLHFCQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxJQUFBLG9CQUFZLEVBQUMsT0FBTyxDQUFDLENBQUMsRUFBQTs7d0JBQXZGLFFBQVEsR0FBRyxTQUE0RTt3QkFFN0YscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLG9CQUFVLEVBQUMsUUFBUSxDQUFDLENBQUMsRUFBQTs7d0JBQXpDLFNBQXlDLENBQUM7Ozs7d0JBRTFDLHFCQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxzQkFBWSxFQUFDLEdBQUMsQ0FBQyxDQUFDLEVBQUE7O3dCQUFwQyxTQUFvQyxDQUFDO3dCQUNyQyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUMsQ0FBQyxDQUFDOzs7OzthQUV4QixDQUFDO1FBRU0sY0FBUSxHQUFHLFVBQUMsTUFBVztZQUMzQixPQUFPLElBQUksT0FBTyxDQUFPLFVBQUEsT0FBTyxJQUFJLE9BQUEsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFBLEtBQUssSUFBSSxPQUFBLElBQUEsaUJBQU8sRUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEVBQXRCLENBQXNCLEVBQUUsT0FBTyxDQUFDLEVBQXZELENBQXVELENBQUMsQ0FBQztRQUNqRyxDQUFDLENBQUM7UUFuQkUsS0FBSSxDQUFDLEtBQUssR0FBRyxJQUFBLHlCQUFlLEVBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7O0lBQ25FLENBQUM7SUFvQkQsb0NBQWlCLEdBQWpCO1FBQ0ksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFTSxxQ0FBa0IsR0FBekIsVUFBMEIsQ0FBNkIsRUFBRSxTQUFrQztRQUN2RixJQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3pCLElBQ0ksU0FBUyxDQUFDLEdBQUcsS0FBSyxLQUFLLENBQUMsR0FBRztZQUMzQixTQUFTLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJO1lBQzdCLFNBQVMsQ0FBQyxPQUFPLEtBQUssS0FBSyxDQUFDLE9BQU87WUFDbkMsU0FBUyxDQUFDLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSTtZQUM3QixTQUFTLENBQUMsQ0FBQyxLQUFLLEtBQUssQ0FBQyxDQUFDLEVBQ3pCO1lBQ0UsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2pCO0lBQ0wsQ0FBQztJQUVNLHlCQUFNLEdBQWI7O1FBQ1ksSUFBQSxNQUFNLEdBQUssSUFBSSxDQUFDLEtBQUssT0FBZixDQUFnQjtRQUV0QixJQUFBLEtBQUssR0FBSyxJQUFJLE1BQVQsQ0FBVTtRQUV2QixJQUFNLE9BQU8sR0FBa0IsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDO1lBQ3BELEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSTtZQUNYLElBQUksRUFBRSxDQUFDLENBQUMsS0FBSztZQUNiLFNBQVMsRUFBRSxVQUFBLEtBQUssSUFBSSxPQUFBLDhEQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBSSxFQUFsQyxDQUFrQztTQUN6RCxDQUFDLEVBSnFELENBSXJELENBQUMsQ0FBQztRQUVKLE9BQU8sQ0FDSCx1Q0FBSyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsQ0FBQyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUU7WUFDNUYsOEJBQUMseUJBQWEsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFBLE1BQUEsS0FBSyxDQUFDLFFBQVEsMENBQUUsTUFBTSxtQ0FBSSxFQUFFLEdBQUksQ0FDckUsQ0FDVCxDQUFDO0lBQ04sQ0FBQztJQUNMLGVBQUM7QUFBRCxDQUFDLEFBMURELENBQXNELGlCQUFTLEdBMEQ5RDtBQTFEWSw0QkFBUSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwwQ0FBb0Q7QUFDcEQsOERBQTZEO0FBQzdELDRDQUEyQztBQUMzQyw2Q0FBeUM7QUFDekMsMERBQXlEO0FBQ3pELDJDQUE4RjtBQUM5RiwyQ0FBMkQ7QUFFM0QsdUNBQTREO0FBQzVELG9FQUF3RDtBQUN4RCxrRkFBNEQ7QUFFNUQ7SUFBc0QsNEJBQTBDO0lBQzVGLGtCQUFZLEtBQW9EO1FBQWhFLFlBQ0ksa0JBQU0sS0FBSyxDQUFDLFNBRWY7UUFFTSxZQUFNLEdBQUc7Ozs7Ozt3QkFFUixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsZ0JBQU0sR0FBRSxDQUFDLEVBQUE7O3dCQUE3QixTQUE2QixDQUFDO3dCQUV4QixPQUFPLEdBQUcsSUFBQSxxQkFBYSxFQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzt3QkFDekIscUJBQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLElBQUEsb0JBQVksRUFBQyxPQUFPLENBQUMsQ0FBQyxFQUFBOzt3QkFBdkYsUUFBUSxHQUFHLFNBQTRFO3dCQUU3RixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsb0JBQVUsRUFBQyxRQUFRLENBQUMsQ0FBQyxFQUFBOzt3QkFBekMsU0FBeUMsQ0FBQzs7Ozt3QkFFMUMscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLHNCQUFZLEVBQUMsR0FBQyxDQUFDLENBQUMsRUFBQTs7d0JBQXBDLFNBQW9DLENBQUM7d0JBQ3JDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBQyxDQUFDLENBQUM7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

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

@@ -1,14 +1,40 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellBase = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var BodyCellWrapper_1 = require("./BodyCellWrapper");
 var BodyCellBase = function (props) {
     var column = props.column, row = props.row;
-    return react_1.default.createElement(BodyCellWrapper_1.BodyCellWrapper, { label: column.name }, row[column.name]);
+    var value = row[column.name];
+    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);
+        }
+    }, [value, canRender]);
+    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");
 };
 exports.BodyCellBase = BodyCellBase;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm9keUNlbGxCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQm9keUNlbGxCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFFMUIscURBQW9EO0FBRTdDLElBQU0sWUFBWSxHQUEyQixVQUFBLEtBQUs7SUFDN0MsSUFBQSxNQUFNLEdBQVUsS0FBSyxPQUFmLEVBQUUsR0FBRyxHQUFLLEtBQUssSUFBVixDQUFXO0lBQzlCLE9BQU8sOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFtQixDQUFDO0FBQ3JGLENBQUMsQ0FBQztBQUhXLFFBQUEsWUFBWSxnQkFHdkIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm9keUNlbGxCYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQm9keUNlbGxCYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXlDO0FBRXpDLHFEQUFvRDtBQUU3QyxJQUFNLFlBQVksR0FBMkIsVUFBQSxLQUFLO0lBQzdDLElBQUEsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUM5QixJQUFNLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRS9CLElBQU0sU0FBUyxHQUFHLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0lBRWxILElBQUEsaUJBQVMsRUFBQztRQUNOLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDWixPQUFPLENBQUMsSUFBSSxDQUFDLCtCQUE2QixNQUFNLENBQUMsSUFBSSxPQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDckU7SUFDTCxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUV2QixJQUFJLFNBQVMsRUFBRTtRQUNYLE9BQU8sOEJBQUMsaUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxLQUFLLENBQW1CLENBQUM7S0FDekU7SUFFRCxPQUFPLDhCQUFDLGlDQUFlLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLGdDQUFtQyxDQUFDO0FBQ2xGLENBQUMsQ0FBQztBQWpCVyxRQUFBLFlBQVksZ0JBaUJ2QiJ9

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.1",
+  "version": "3.0.0-beta.5",
   "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

@@ -1,4 +1,4 @@
-import { ComponentType, ReactNode } from "react";
+import { ComponentType, ReactElement, ReactNode } from "react";
 export declare type SortDirection = "asc" | "desc";
 export declare type SelectableRows = "none" | "single" | "multiple";
 export declare type ResultItem = any;
@@ -35,8 +35,8 @@ export interface DataGridProps<R extends any> {
 }
 export interface Column<T = string> {
     name: string;
-    label: string;
-    type?: T;
+    label: string | ReactElement;
+    type?: T | null;
     sort?: boolean;
     hint?: string;
     print?: boolean;