@uxf/data-grid 3.2.0 → 4.0.0-beta.3

package/DataGrid.d.ts

@@ -6,5 +6,6 @@ export declare class DataGrid<GridType extends BaseGridType, R = any> extends Co
     private dispatch;
     componentDidMount(): void;
     componentDidUpdate(_: Readonly<DataGridProps<GridType, R>>, prevState: Readonly<DataGridState>): void;
+    private onFilter;
     render(): JSX.Element;
 }

package/DataGrid.js

@@ -14,17 +14,6 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-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 __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]; } });
@@ -85,33 +74,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGrid = void 0;
-var material_1 = require("@mui/material");
-var NoSsr_1 = __importDefault(require("@mui/material/NoSsr"));
-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 Search_1 = __importDefault(require("@mui/icons-material/Search"));
-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 FilterListItemBase_1 = require("./components/FilterListItemBase");
-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");
 var actions_1 = require("./store/actions");
 var reducer_1 = require("./store/reducer");
-var utils_1 = require("./utils/utils");
+var utils_1 = require("./utils");
 var react_data_grid_1 = __importDefault(require("react-data-grid"));
-var TablePagination_1 = __importDefault(require("@mui/material/TablePagination"));
-var setLightness_1 = __importDefault(require("polished/lib/color/setLightness"));
-var SCROLLBAR_HEIGHT = 24;
 // eslint-disable-next-line react/require-optimization
 var DataGrid = /** @class */ (function (_super) {
     __extends(DataGrid, _super);
@@ -154,6 +121,7 @@ var DataGrid = /** @class */ (function (_super) {
         return _this;
     }
     DataGrid.prototype.componentDidMount = function () {
+        this.setState({ mounted: true });
         this.reload();
     };
     DataGrid.prototype.componentDidUpdate = function (_, prevState) {
@@ -163,15 +131,19 @@ var DataGrid = /** @class */ (function (_super) {
             prevState.perPage !== state.perPage ||
             prevState.page !== state.page ||
             prevState.f !== state.f ||
-            prevState.fullText !== state.fullText) {
+            prevState.fullText !== state.fullText ||
+            prevState.tab !== state.tab) {
             this.reload();
         }
     };
+    DataGrid.prototype.onFilter = function (value) {
+        this.dispatch((0, actions_1.filter)(value));
+    };
     // eslint-disable-next-line complexity
     DataGrid.prototype.render = function () {
         var _this = this;
         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, _k = _g.FilterListItem, FilterListItem = _k === void 0 ? FilterListItemBase_1.FilterListItemBase : _k, title = _g.title, ActionCell = _g.ActionCell, actionCellWidth = _g.actionCellWidth, onOpen = _g.onOpen, getOpenUrl = _g.getOpenUrl, onEdit = _g.onEdit, getEditUrl = _g.getEditUrl, onRemove = _g.onRemove, gridName = _g.gridName, _l = _g.rowHeight, rowHeight = _l === void 0 ? 44 : _l, _m = _g.headerRowHeight, headerRowHeight = _m === void 0 ? 44 : _m, onCsvDownload = _g.onCsvDownload, onChangeHiddenColumns = _g.onChangeHiddenColumns, _o = _g.hiddenColumns, hiddenColumns = _o === void 0 ? [] : _o, defaultConfig = _g.defaultConfig, FullTextInputProps = _g.FullTextInputProps, noBorder = _g.noBorder, rowClass = _g.rowClass, ToolbarContent = _g.ToolbarContent, ml = _g.ml, mt = _g.mt, mb = _g.mb, mr = _g.mr;
+        var _g = this.props, ui = _g.ui, schema = _g.schema, ActionCell = _g.ActionCell, actionCellWidth = _g.actionCellWidth, onOpen = _g.onOpen, getOpenUrl = _g.getOpenUrl, onEdit = _g.onEdit, getEditUrl = _g.getEditUrl, onRemove = _g.onRemove, _h = _g.rowHeight, rowHeight = _h === void 0 ? 44 : _h, _j = _g.headerRowHeight, headerRowHeight = _j === void 0 ? 36 : _j, _k = _g.hiddenColumns, hiddenColumns = _k === void 0 ? [] : _k, defaultConfig = _g.defaultConfig, noBorder = _g.noBorder, rowClass = _g.rowClass, ml = _g.ml, mt = _g.mt, mb = _g.mb, mr = _g.mr, mx = _g.mx, my = _g.my, m = _g.m, _l = _g.toolbarPlugins, toolbarPlugins = _l === void 0 ? [] : _l;
         var state = this.state;
         var rows = (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [];
         var columns = schema.columns
@@ -188,7 +160,7 @@ var DataGrid = /** @class */ (function (_super) {
                 minWidth: c.minWidth,
                 maxWidth: c.maxWidth,
                 formatter: function (props) {
-                    return (react_1.default.createElement(BodyCell, { column: {
+                    return (react_1.default.createElement(ui.BodyCell, { column: {
                             name: props.column.key,
                             label: props.column.name,
                             sort: props.column.sortable,
@@ -198,91 +170,63 @@ var DataGrid = /** @class */ (function (_super) {
             });
         });
         if (ActionCell || onOpen || onEdit || getOpenUrl || getEditUrl || onRemove) {
-            var ActionCellComponent_1 = ActionCell !== null && ActionCell !== void 0 ? ActionCell : ActionCellBase_1.ActionCellBase;
             columns.push({
                 key: "__action_column",
                 name: "",
                 resizable: false,
                 headerCellClass: "rdg-action-cell",
                 cellClass: "action rdg-action-cell",
-                width: ActionCell ? actionCellWidth : [onRemove, onEdit, onOpen].filter(function (i) { return i; }).length * 44 + 8 * 2,
+                width: ActionCell
+                    ? actionCellWidth
+                    : [onRemove, onEdit !== null && onEdit !== void 0 ? onEdit : getEditUrl, onOpen !== null && onOpen !== void 0 ? onOpen : getOpenUrl].filter(function (i) { return i; }).length * 36 + 8 * 2,
                 formatter: function (props) {
-                    return (react_1.default.createElement(ActionCellBase_1.ActionCellWrapper, null,
-                        react_1.default.createElement(ActionCellComponent_1, { row: props.row, reload: _this.reload, onRemove: onRemove, onEdit: onEdit, getEditUrl: getEditUrl, onOpen: onOpen, getOpenUrl: getOpenUrl })));
+                    return (react_1.default.createElement(ui.ActionCellWrapper, null,
+                        react_1.default.createElement(ui.ActionCell, { row: props.row, reload: _this.reload, onRemove: onRemove, onEdit: onEdit, getEditUrl: getEditUrl, onOpen: onOpen, getOpenUrl: getOpenUrl })));
                 },
             });
         }
         var contentHeight = typeof rowHeight === "function"
             ? rows.reduce(function (prev, curr) { return prev + rowHeight(curr); })
             : ((rowHeight !== null && rowHeight !== void 0 ? rowHeight : 44) + 1) * rows.length;
-        var visibleToolbar = schema.fullText ||
-            title ||
-            onCsvDownload ||
-            onChangeHiddenColumns ||
-            schema.filters.length > 0 ||
-            ToolbarContent;
-        return (react_1.default.createElement(Paper_1.Paper, { variant: "outlined", sx: {
-                ml: ml,
-                mr: mr,
-                mb: mb,
-                mt: mt,
-                borderWidth: noBorder ? 0 : undefined,
-                "& .rdg-action-cell": {
-                    alignItems: "center",
-                    boxShadow: 2,
-                    display: "flex",
-                    justifyContent: "center",
-                    position: "sticky",
-                    right: 0,
-                },
-                ".rdg-row.primary > .rdg-cell": {
-                    backgroundColor: function (theme) { return (0, setLightness_1.default)(0.9, theme.palette.primary.main); },
-                },
-                ".rdg-row.secondary > .rdg-cell": {
-                    backgroundColor: function (theme) { return (0, setLightness_1.default)(0.9, theme.palette.secondary.main); },
-                },
-                ".rdg-row.success > .rdg-cell": {
-                    backgroundColor: function (theme) { return (0, setLightness_1.default)(0.9, theme.palette.success.main); },
-                },
-                ".rdg-row.warning > .rdg-cell": {
-                    backgroundColor: function (theme) { return (0, setLightness_1.default)(0.9, theme.palette.warning.main); },
-                },
-                ".rdg-row.error > .rdg-cell": {
-                    backgroundColor: function (theme) { return (0, setLightness_1.default)(0.9, theme.palette.error.main); },
-                },
-            } },
-            visibleToolbar && (react_1.default.createElement(Toolbar_1.default, { style: { paddingLeft: 16, paddingRight: 16 } },
-                ToolbarContent ? (react_1.default.createElement(ToolbarContent, { filtersData: state.f, onFilter: function (v) { return _this.dispatch((0, actions_1.filter)(v)); } })) : schema.fullText ? (react_1.default.createElement(material_1.TextField, __assign({ fullWidth: true, variant: "outlined", size: "small", InputProps: { startAdornment: react_1.default.createElement(Search_1.default, null) } }, FullTextInputProps, { value: state.fullText || "", onChange: function (e) { return _this.dispatch((0, actions_1.search)(e.target.value)); } }))) : (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, schema.sort, schema.dir));
-                            } },
-                            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 })))),
-            schema.filters.length > 0 && (react_1.default.createElement(FiltersList_1.FiltersList, { dispatch: this.dispatch, filters: schema.filters, filtersData: state.f, FilterListItem: FilterListItem })),
-            state.loading && react_1.default.createElement(LinearProgress_1.default, { style: { marginTop: -4 } }),
-            react_1.default.createElement(NoSsr_1.default, null,
-                react_1.default.createElement(react_data_grid_1.default, { style: {
-                        border: 0,
-                        borderRadius: 4,
-                        height: contentHeight + headerRowHeight + SCROLLBAR_HEIGHT + (rows.length === 0 ? 44 : 0),
-                        overflowY: "hidden",
-                    }, className: "rdg-light", 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.sortClear)());
-                        }
-                    }, sortColumns: state.sort && state.dir
-                        ? [{ columnKey: state.sort, direction: state.dir.toUpperCase() }]
-                        : [], rowHeight: rowHeight, headerRowHeight: headerRowHeight, noRowsFallback: react_1.default.createElement(Box_1.default, { height: 48, 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"))), rowClass: rowClass })),
-            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))); }, showFirstButton: true, showLastButton: true })));
+        var renderedToolbarPlugins = toolbarPlugins
+            .map(function (Plugin, index) {
+            var _a;
+            return (react_1.default.createElement(Plugin, { key: index, dataGridState: _this.state, dataGridProps: _this.props, dispatch: _this.dispatch, fulltext: {
+                    value: (_a = _this.state.fullText) !== null && _a !== void 0 ? _a : "",
+                    onChange: function (term) { return _this.dispatch((0, actions_1.search)(term)); },
+                }, tab: {
+                    active: _this.state.tab,
+                    onChange: function (tabName) { return _this.dispatch((0, actions_1.changeTab)(tabName)); },
+                }, filter: {
+                    onReset: function () { return null; },
+                    onFilter: function (f) { return _this.dispatch((0, actions_1.filter)(f)); },
+                    filtersData: _this.state.f,
+                }, schema: schema }));
+        })
+            .filter(function (i) { return !!i; });
+        return (react_1.default.createElement(ui.Container, { mb: mb, mt: mt, ml: ml, mr: mr, mx: mx, my: my, m: m, noBorder: noBorder },
+            renderedToolbarPlugins.length > 0 && (react_1.default.createElement(ui.ToolbarContainer, null, renderedToolbarPlugins)),
+            react_1.default.createElement(ui.FilterList, { dispatch: this.dispatch, onFilter: this.onFilter, filters: schema.filters, filtersData: state.f, FilterListItem: ui.FilterListItem }),
+            this.state.loading && react_1.default.createElement(ui.LinearProgress, null),
+            this.state.mounted && (react_1.default.createElement(react_data_grid_1.default, { style: {
+                    border: 0,
+                    borderRadius: 4,
+                    height: contentHeight + headerRowHeight + (rows.length === 0 ? 44 : 0),
+                    overflowY: "hidden",
+                }, className: "rdg-light", 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.sortClear)());
+                    }
+                }, sortColumns: state.sort && state.dir
+                    ? [{ columnKey: state.sort, direction: state.dir.toUpperCase() }]
+                    : [], rowHeight: rowHeight, headerRowHeight: headerRowHeight, noRowsFallback: react_1.default.createElement(ui.NoRowsFallback, { error: state.error, loading: !!state.loading }), rowClass: rowClass })),
+            react_1.default.createElement(ui.Pagination, { page: state.page, perPage: state.perPage, count: (_f = (_e = state.response) === null || _e === void 0 ? void 0 : _e.count) !== null && _f !== void 0 ? _f : 0, onChangePage: function (page) { return _this.dispatch((0, actions_1.changePage)(page)); }, onChangeRowsPerPage: function (perPage) { return _this.dispatch((0, actions_1.changePerPage)(perPage)); } })));
     };
     return DataGrid;
 }(react_1.Component));
 exports.DataGrid = DataGrid;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDBDQUEwQztBQUMxQyw4REFBd0M7QUFDeEMsb0ZBQThEO0FBQzlELGdGQUEwRDtBQUMxRCxrRUFBNEM7QUFDNUMsMERBQW9DO0FBQ3BDLHdFQUFrRDtBQUNsRCxvRkFBOEQ7QUFDOUQsc0VBQW9EO0FBQ3BELHdFQUFrRDtBQUNsRCxrRUFBNEM7QUFDNUMsOERBQWdGO0FBQ2hGLGdFQUErRDtBQUMvRCxzRUFBcUU7QUFDckUsZ0RBQStDO0FBQy9DLHdEQUF1RDtBQUN2RCw0REFBMkQ7QUFDM0QsNENBQTJDO0FBQzNDLDZDQUF5QztBQUN6QywwREFBeUQ7QUFDekQsMkNBVXlCO0FBQ3pCLDJDQUEyRDtBQUUzRCx1Q0FBNEQ7QUFDNUQsb0VBQXdEO0FBQ3hELGtGQUE0RDtBQUM1RCxpRkFBMkQ7QUFFM0QsSUFBTSxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7QUFFNUIsc0RBQXNEO0FBQ3REO0lBQXNFLDRCQUdyRTtJQUNHLGtCQUFZLEtBQTJDO1FBQXZELFlBQ0ksa0JBQU0sS0FBSyxDQUFDLFNBRWY7UUFFTSxZQUFNLEdBQUc7Ozs7Ozt3QkFFQSxNQUFNLEdBQUssSUFBSSxDQUFDLEtBQUssT0FBZixDQUFnQjt3QkFDOUIscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLGdCQUFNLEdBQUUsQ0FBQyxFQUFBOzt3QkFBN0IsU0FBNkIsQ0FBQzt3QkFFeEIsT0FBTyxHQUFHLElBQUEscUJBQWEsRUFBQyxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO3dCQUNsRCxxQkFBTSxJQUFJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBeUM7QUFDekMsMkNBV3lCO0FBQ3pCLDJDQUEyRDtBQUUzRCxpQ0FBc0Q7QUFDdEQsb0VBQXdEO0FBRXhELHNEQUFzRDtBQUN0RDtJQUFzRSw0QkFHckU7SUFDRyxrQkFBWSxLQUEyQztRQUF2RCxZQUNJLGtCQUFNLEtBQUssQ0FBQyxTQUVmO1FBRU0sWUFBTSxHQUFHOzs7Ozs7d0JBRUEsTUFBTSxHQUFLLElBQUksQ0FBQyxLQUFLLE9BQWYsQ0FBZ0I7d0JBQzlCLHFCQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxnQkFBTSxHQUFFLENBQUMsRUFBQTs7d0JBQTdCLFNBQTZCLENBQUM7d0JBRXhCLE9BQU8sR0FBRyxJQUFBLHFCQUFhLEVBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQzt3QkFDbEQscUJBQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLElBQUEsb0JBQVksRUFBQyxPQUFPLENBQUMsQ0FBQyxFQUFBOzt3QkFBdkYsUUFBUSxHQUFHLFNBQTRFO3dCQUU3RixxQkFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsb0JBQVUsRUFBQyxRQUFRLENBQUMsQ0FBQyxFQUFBOzt3QkFBekMsU0FBeUMsQ0FBQzs7Ozt3QkFFMUMscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLHNCQUFZLEVBQUMsR0FBQyxDQUFDLENBQUMsRUFBQTs7d0JBQXBDLFNBQW9DLENBQUM7d0JBQ3JDLHNDQUFzQzt3QkFDdEMsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFDLENBQUMsQ0FBQzs7Ozs7YUFFeEIsQ0FBQztRQUVNLGNBQVEsR0FBRyxVQUFDLE1BQVc7WUFDM0IsT0FBTyxJQUFJLE9BQU8sQ0FBTyxVQUFBLE9BQU8sSUFBSSxPQUFBLEtBQUksQ0FBQyxRQUFRLENBQUMsVUFBQSxLQUFLLElBQUksT0FBQSxJQUFBLGlCQUFPLEVBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxFQUF0QixDQUFzQixFQUFFLE9BQU8sQ0FBQyxFQUF2RCxDQUF1RCxDQUFDLENBQUM7UUFDakcsQ0FBQyxDQUFDO1FBckJFLEtBQUksQ0FBQyxLQUFLLEdBQUcsSUFBQSx5QkFBZSxFQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDOztJQUNuRSxDQUFDO0lBc0JELG9DQUFpQixHQUFqQjtRQUNJLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVNLHFDQUFrQixHQUF6QixVQUEwQixDQUF1QyxFQUFFLFNBQWtDO1FBQ2pHLElBQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFDSSxTQUFTLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQyxHQUFHO1lBQzNCLFNBQVMsQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLElBQUk7WUFDN0IsU0FBUyxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsT0FBTztZQUNuQyxTQUFTLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJO1lBQzdCLFNBQVMsQ0FBQyxDQUFDLEtBQUssS0FBSyxDQUFDLENBQUM7WUFDdkIsU0FBUyxDQUFDLFFBQVEsS0FBSyxLQUFLLENBQUMsUUFBUTtZQUNyQyxTQUFTLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQyxHQUFHLEVBQzdCO1lBQ0UsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2pCO0lBQ0wsQ0FBQztJQUVPLDJCQUFRLEdBQWhCLFVBQWlCLEtBQW9CO1FBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxnQkFBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELHNDQUFzQztJQUMvQix5QkFBTSxHQUFiO1FBQUEsaUJBeUtDOztRQXhLUyxJQUFBLEtBd0JGLElBQUksQ0FBQyxLQUFLLEVBdkJWLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFVBQVUsZ0JBQUEsRUFDVixlQUFlLHFCQUFBLEVBQ2YsTUFBTSxZQUFBLEVBQ04sVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNOLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixpQkFBYyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsdUJBQW9CLEVBQXBCLGVBQWUsbUJBQUcsRUFBRSxLQUFBLEVBQ3BCLHFCQUFrQixFQUFsQixhQUFhLG1CQUFHLEVBQUUsS0FBQSxFQUNsQixhQUFhLG1CQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsRUFBRSxRQUFBLEVBQ0YsRUFBRSxRQUFBLEVBQ0YsRUFBRSxRQUFBLEVBQ0YsRUFBRSxRQUFBLEVBQ0YsRUFBRSxRQUFBLEVBQ0YsRUFBRSxRQUFBLEVBQ0YsQ0FBQyxPQUFBLEVBQ0Qsc0JBQW1CLEVBQW5CLGNBQWMsbUJBQUcsRUFBRSxLQUNULENBQUM7UUFFUCxJQUFBLEtBQUssR0FBSyxJQUFJLE1BQVQsQ0FBVTtRQUV2QixJQUFNLElBQUksR0FBRyxNQUFBLE1BQUEsS0FBSyxDQUFDLFFBQVEsMENBQUUsTUFBTSxtQ0FBSSxFQUFFLENBQUM7UUFFMUMsSUFBTSxPQUFPLEdBQWtCLE1BQU0sQ0FBQyxPQUFPO2FBQ3hDLE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBYyxDQUFDLEVBQXpDLENBQXlDLENBQUM7YUFDdEQsR0FBRyxDQUFDLFVBQUEsQ0FBQzs7WUFBSSxPQUFBLENBQUM7Z0JBQ1AsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFXO2dCQUNsQixJQUFJLEVBQUUsQ0FBQyxDQUFDLEtBQUs7Z0JBQ2IsZUFBZSxFQUFFLENBQUMsQ0FBQyxJQUFJO2dCQUN2QixTQUFTLEVBQUUsSUFBSTtnQkFDZixRQUFRLEVBQUUsQ0FBQyxDQUFDLElBQUk7Z0JBQ2hCLEtBQUssRUFBRSxNQUFBLENBQUMsQ0FBQyxLQUFLLG1DQUFJLE1BQUEsYUFBYSxhQUFiLGFBQWEsdUJBQWIsYUFBYSxDQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLDBDQUFFLEtBQUs7Z0JBQ3ZELFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUTtnQkFDcEIsUUFBUSxFQUFFLENBQUMsQ0FBQyxRQUFRO2dCQUNwQixTQUFTLEVBQUUsVUFBQSxLQUFLO29CQUNaLE9BQU8sQ0FDSCw4QkFBQyxFQUFFLENBQUMsUUFBUSxJQUNSLE1BQU0sRUFBRTs0QkFDSixJQUFJLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxHQUFHOzRCQUN0QixLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJOzRCQUN4QixJQUFJLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFROzRCQUMzQixJQUFJLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxlQUFzQixFQUFFLE1BQU07eUJBQ3BELEVBQ0QsTUFBTSxFQUFFLEtBQUksQ0FBQyxNQUFNLEVBQ25CLEdBQUcsRUFBRSxLQUFLLENBQUMsR0FBRyxHQUNoQixDQUNMLENBQUM7Z0JBQ04sQ0FBQzthQUNKLENBQUMsQ0FBQTtTQUFBLENBQUMsQ0FBQztRQUVSLElBQUksVUFBVSxJQUFJLE1BQU0sSUFBSSxNQUFNLElBQUksVUFBVSxJQUFJLFVBQVUsSUFBSSxRQUFRLEVBQUU7WUFDeEUsT0FBTyxDQUFDLElBQUksQ0FBQztnQkFDVCxHQUFHLEVBQUUsaUJBQWlCO2dCQUN0QixJQUFJLEVBQUUsRUFBRTtnQkFDUixTQUFTLEVBQUUsS0FBSztnQkFDaEIsZUFBZSxFQUFFLGlCQUFpQjtnQkFDbEMsU0FBUyxFQUFFLHdCQUF3QjtnQkFDbkMsS0FBSyxFQUFFLFVBQVU7b0JBQ2IsQ0FBQyxDQUFDLGVBQWU7b0JBQ2pCLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxVQUFVLEVBQUUsTUFBTSxhQUFOLE1BQU0sY0FBTixNQUFNLEdBQUksVUFBVSxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxFQUFELENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUM7Z0JBQy9GLFNBQVMsRUFBRSxVQUFBLEtBQUs7b0JBQ1osT0FBTyxDQUNILDhCQUFDLEVBQUUsQ0FBQyxpQkFBaUI7d0JBQ2pCLDhCQUFDLEVBQUUsQ0FBQyxVQUFVLElBQ1YsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHLEVBQ2QsTUFBTSxFQUFFLEtBQUksQ0FBQyxNQUFNLEVBQ25CLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsVUFBVSxFQUFFLFVBQVUsRUFDdEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxVQUFVLEVBQUUsVUFBVSxHQUN4QixDQUNpQixDQUMxQixDQUFDO2dCQUNOLENBQUM7YUFDSixDQUFDLENBQUM7U0FDTjtRQUVELElBQU0sYUFBYSxHQUNmLE9BQU8sU0FBUyxLQUFLLFVBQVU7WUFDM0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBQyxJQUFJLEVBQUUsSUFBSSxJQUFLLE9BQUEsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBdEIsQ0FBc0IsQ0FBQztZQUNyRCxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsYUFBVCxTQUFTLGNBQVQsU0FBUyxHQUFJLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFFaEQsSUFBTSxzQkFBc0IsR0FBRyxjQUFjO2FBQ3hDLEdBQUcsQ0FBQyxVQUFDLE1BQU0sRUFBRSxLQUFLOztZQUFLLE9BQUEsQ0FDcEIsOEJBQUMsTUFBTSxJQUNILEdBQUcsRUFBRSxLQUFLLEVBQ1YsYUFBYSxFQUFFLEtBQUksQ0FBQyxLQUFLLEVBQ3pCLGFBQWEsRUFBRSxLQUFJLENBQUMsS0FBSyxFQUN6QixRQUFRLEVBQUUsS0FBSSxDQUFDLFFBQVEsRUFDdkIsUUFBUSxFQUFFO29CQUNOLEtBQUssRUFBRSxNQUFBLEtBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxtQ0FBSSxFQUFFO29CQUNoQyxRQUFRLEVBQUUsVUFBQSxJQUFJLElBQUksT0FBQSxLQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsZ0JBQU0sRUFBQyxJQUFJLENBQUMsQ0FBQyxFQUEzQixDQUEyQjtpQkFDaEQsRUFDRCxHQUFHLEVBQUU7b0JBQ0QsTUFBTSxFQUFFLEtBQUksQ0FBQyxLQUFLLENBQUMsR0FBRztvQkFDdEIsUUFBUSxFQUFFLFVBQUEsT0FBTyxJQUFJLE9BQUEsS0FBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLG1CQUFTLEVBQUMsT0FBTyxDQUFDLENBQUMsRUFBakMsQ0FBaUM7aUJBQ3pELEVBQ0QsTUFBTSxFQUFFO29CQUNKLE9BQU8sRUFBRSxjQUFNLE9BQUEsSUFBSSxFQUFKLENBQUk7b0JBQ25CLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLEtBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxnQkFBTSxFQUFDLENBQUMsQ0FBQyxDQUFDLEVBQXhCLENBQXdCO29CQUN2QyxXQUFXLEVBQUUsS0FBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2lCQUM1QixFQUNELE1BQU0sRUFBRSxNQUFNLEdBQ2hCLENBQ0wsQ0FBQTtTQUFBLENBQUM7YUFDRCxNQUFNLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsQ0FBQyxFQUFILENBQUcsQ0FBQyxDQUFDO1FBRXRCLE9BQU8sQ0FDSCw4QkFBQyxFQUFFLENBQUMsU0FBUyxJQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVE7WUFDakYsc0JBQXNCLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUNsQyw4QkFBQyxFQUFFLENBQUMsZ0JBQWdCLFFBQUUsc0JBQXNCLENBQXVCLENBQ3RFO1lBQ0QsOEJBQUMsRUFBRSxDQUFDLFVBQVUsSUFDVixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFDdkIsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQ3ZCLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxFQUN2QixXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsRUFDcEIsY0FBYyxFQUFFLEVBQUUsQ0FBQyxjQUFxQixHQUMxQztZQUNELElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxJQUFJLDhCQUFDLEVBQUUsQ0FBQyxjQUFjLE9BQUc7WUFDM0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FDbkIsOEJBQUMseUJBQWEsSUFDVixLQUFLLEVBQUU7b0JBQ0gsTUFBTSxFQUFFLENBQUM7b0JBQ1QsWUFBWSxFQUFFLENBQUM7b0JBQ2YsTUFBTSxFQUFFLGFBQWEsR0FBRyxlQUFlLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQ3RFLFNBQVMsRUFBRSxRQUFRO2lCQUN0QixFQUNELFNBQVMsRUFBQyxXQUFXLEVBQ3JCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxNQUFBLE1BQUEsS0FBSyxDQUFDLFFBQVEsMENBQUUsTUFBTSxtQ0FBSSxFQUFFLEVBQ2xDLG9CQUFvQixFQUFFLEtBQUssRUFDM0IsbUJBQW1CLEVBQUUsVUFBQSxXQUFXO29CQUM1QixJQUFJLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO3dCQUN4QixJQUFNLEVBQUUsR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7d0JBQzFCLEtBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxjQUFJLEVBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsU0FBUyxDQUFDLFdBQVcsRUFBUyxDQUFDLENBQUMsQ0FBQztxQkFDeEU7eUJBQU07d0JBQ0gsS0FBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLG1CQUFTLEdBQUUsQ0FBQyxDQUFDO3FCQUM5QjtnQkFDTCxDQUFDLEVBQ0QsV0FBVyxFQUNQLEtBQUssQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLEdBQUc7b0JBQ25CLENBQUMsQ0FBQyxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFTLEVBQUUsQ0FBQztvQkFDeEUsQ0FBQyxDQUFDLEVBQUUsRUFFWixTQUFTLEVBQUUsU0FBUyxFQUNwQixlQUFlLEVBQUUsZUFBZSxFQUNoQyxjQUFjLEVBQUUsOEJBQUMsRUFBRSxDQUFDLGNBQWMsSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUksRUFDbkYsUUFBUSxFQUFFLFFBQVEsR0FDcEIsQ0FDTDtZQUNELDhCQUFDLEVBQUUsQ0FBQyxVQUFVLElBQ1YsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxFQUN0QixLQUFLLEVBQUUsTUFBQSxNQUFBLEtBQUssQ0FBQyxRQUFRLDBDQUFFLEtBQUssbUNBQUksQ0FBQyxFQUNqQyxZQUFZLEVBQUUsVUFBQSxJQUFJLElBQUksT0FBQSxLQUFJLENBQUMsUUFBUSxDQUFDLElBQUEsb0JBQVUsRUFBQyxJQUFJLENBQUMsQ0FBQyxFQUEvQixDQUErQixFQUNyRCxtQkFBbUIsRUFBRSxVQUFBLE9BQU8sSUFBSSxPQUFBLEtBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSx1QkFBYSxFQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQXJDLENBQXFDLEdBQ3ZFLENBQ1MsQ0FDbEIsQ0FBQztJQUNOLENBQUM7SUFDTCxlQUFDO0FBQUQsQ0FBQyxBQWhPRCxDQUFzRSxpQkFBUyxHQWdPOUU7QUFoT1ksNEJBQVEifQ==

package/README.md

@@ -4,6 +4,75 @@
 [![quality](https://img.shields.io/npms-io/quality-score/@uxf/data-grid)](https://www.npmjs.com/package/@uxf/data-grid)
 [![license](https://img.shields.io/npm/l/@uxf/data-grid)](https://www.npmjs.com/package/@uxf/data-grid)
 
+## Instalace balíčku
+
+```shell
+yarn add @uxf/data-grid
+```
+
+### DataGrid s vlastním stylováním
+
+```tsx
+import { DataGrid, UIComponents } from "@uxf/data-grid";
+
+const UI: UIComponents<any, any> = {
+    ActionCell: TODO,
+    ActionCellWrapper: TODO,
+    BodyCell: TODO,
+    NoRowsFallback: TODO,
+    LinearProgress: TODO,
+    ToolbarContainer: TODO,
+    Container: TODO,
+    FilterInput: TODO,
+    FilterListItem: TODO,
+    FilterList: TODO,
+    Pagination: TODO,
+}
+
+const Page: React.FC = () => {
+    return (
+        <DataGrid
+            schema={schema}
+            loader={loader}
+            ui={UI}/>
+    );
+}
+```
+
+### DataGrid na TailwindUI
+
+Do souboru `tailwind.config.js` přidat následující řádky
+```js
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        "./node_modules/@uxf/data-grid/tailwindui/**/*.tsx" // přidat
+    ],
+    theme: {
+        extend: {},
+    },
+    plugins: [
+        require("@tailwindcss/forms") // přidat
+    ],
+};
+```
+
+do souboru `_app.tsx` přidat import
+
+```tsx
+import "@uxf/data-grid/tailwindui/styles.css";
+```
+
+Použití DataGridu
+
+```tsx
+import { DataGrid } from "@uxf/data-grid/tailwindui";
+
+const Page: React.FC = () => {
+    return <DataGrid schema={schema} loader={loader}/>;
+}
+```
+
 ## Typescript
 
 ```tsx
@@ -33,6 +102,10 @@ const schema: Schema<GridType> = {
         { name: "id", type: "number", label: "Id" },
         { name: "name", type: "text", label: "Jméno" },
     ],
+    tabs: [
+        { name: "all", label: "All countries" },
+        { name: "eu", label: "EU countries"},
+    ],
     dir: "asc",
     sort: "id",
     perPage: 10,
@@ -42,105 +115,37 @@ const schema: Schema<GridType> = {
 <DataGrid<GridType> schema={schema}/>
 ```
 
-## Props
-
-#### getOpenUrl
-Return value: null or undefined hides button
-```tsx
-getOpenUrl: (row: T) => string | null | undefined;
-```
-
-#### getEditUrl
-Return value: null or undefined hides button
-```tsx
-getOpenUrl: (row: T) => string | null | undefined;
-```
-
-#### rowClass
-```tsx
-rowClass: (row: T) => "primary" | "secondary" | "success" | "warning" | "error" | string | null;
-```
-
-#### ToolbarContent
-```tsx
-<DataGrid
-    ToolbarContent={({ onFilter, filtersData }) => (
-        <Checkbox
-            label="Boolean filter in toolbar"
-            checked={filtersData.find(f => f.name === "neighbors")?.value}
-            onChange={e => onFilter({ name: "neighbors", value: e.target.checked })}
-        />
-    )}
-/>
-```
+## Seznam props
+
+| Název                          | Typ                                           | Popis |
+|--------------------------------|-----------------------------------------------|-------|
+| schema (required)              | `Schema`                                      |       |
+| loader (required)              | `Loader`                                      |       |
+| ui (required in core DataGrid) | `UIComponents`                                |       |
+| gridName                       | `string`                                      |       |
+| title                          | `string`                                      |       |
+| initialState                   | `Request` or `string`                         |       |
+| keyExtractor                   | `KeyExtractor`                                |       |
+| noBorder                       | `boolean`                                     | TODO  |
+| rowHeight                      | `number`                                      | TODO  |
+| headerRowHeight                | `number`                                      | TODO  |
+| defaultConfig                  | `Config`                                      |       |
+| rowClass                       |                                               | TODO  |
+| toolbarPlugins                 | `ToolbarPlugin[]`                             |       |
+| **Sloupec akcí**               |                                               |       |
+| onOpen                         | `(row: R) => void`                            |       |
+| getOpenUrl                     | `(row: R) => string , null , undefined`       |       |
+| onEdit                         | `(row: R) => void`                            |       |
+| getEditUrl                     | `(row: R) => string , null , undefined`       |       |
+| onRemove                       | `(row: R) => void`                            |       |
+| **Skryté sloupce**             |                                               |       |
+| hiddenColumns                  | `string[]`                                    |       |
+| onChangeHiddenColumns          | `ChangeHiddenColumnsHandler`                  |       |
+| **Výběr řádků**                |                                               |       |
+| selectableRows                 | SelectableRows (`none`, `single`, `multiple`) |       |
+| selectedRows                   | `R[]`                                         |       |
+| onChangeSelectedRows           | `(selectedRows: R[]) => void`                 |       |
+| **Export**                     |                                               |       |
+| onCsvDownload                  | `CsvDownloadHandler`                          |       |
 
 
-## Example usage ##
-
-```tsx
-// prepare data
-export interface Country {
-    code: string;
-    name: string;
-}
-
-export const countries: Country[] = [
-    { code: "AT", name: "Austria" },
-    { code: "CZ", name: "Czech Republic" },
-    { code: "DE", name: "Germany" },
-    { code: "GR", name: "Greece" },
-    { code: "HU", name: "Hungary" },
-    { code: "IT", name: "Italy" },
-    { code: "MT", name: "Malta" },
-    { code: "MC", name: "Monaco" },
-    { code: "NL", name: "Netherlands" },
-    { code: "NO", name: "Norway" },
-    { code: "PL", name: "Poland" },
-    { code: "PT", name: "Portugal" },
-];
-
-export const App: React.FC = () => {
-    const [hiddenColumns, setHiddenColumns] = useState<string[]>([]);
-    const [selectedRows, setSelectedRows] = useState<Country[]>([]);
-
-    // create config 
-    const config = DataGridConfigurator.create()
-        .addColumn({ name: "code", label: "Code" })
-        .addColumn({ name: "name", label: "Name", sort: true })
-        .addFilter({
-            name: "code",
-            label: "Code",
-            type: "select",
-            options: countries.map(c => ({ label: c.name, value: c.code })),
-        })
-        .addFilter({ name: "name", label: "Name", type: "text" })
-        .getConfig();
-    
-    // create loader 
-    const loader: Loader = async (_, { dir, page = 1, perPage = 10 }) => {
-        const result = countries.sort((a, b) =>
-            dir === "asc" ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name),
-        );
-    
-        return {
-            count: result.length,
-            totalCount: countries.length,
-            result: result.slice(page * perPage, page * perPage + perPage),
-        };
-    };
-
-    return (
-        <DataGrid<Country>
-            {...config}
-            gridName="test"
-            title="Test"
-            loader={loader}
-            onChangeHiddenColumns={setHiddenColumns}
-            hiddenColumns={hiddenColumns}
-            selectableRows="multiple"
-            onChangeSelectedRows={setSelectedRows}
-            selectedRows={selectedRows}
-        />
-    );
-};
-```

package/index.d.ts

@@ -1,8 +1,3 @@
 export * from "./DataGrid";
-export * from "./components/ActionCellBase";
-export * from "./components/BodyCellBase";
-export * from "./components/BodyCellWrapper";
-export * from "./components/FilterInputBase";
-export * from "./components/FilterListItemBase";
 export * from "./types";
-export { decodeFilter, encodeFilter } from "./utils/utils";
+export { decodeFilter, encodeFilter } from "./utils";

package/index.js

@@ -12,13 +12,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.encodeFilter = exports.decodeFilter = void 0;
 __exportStar(require("./DataGrid"), exports);
-__exportStar(require("./components/ActionCellBase"), exports);
-__exportStar(require("./components/BodyCellBase"), exports);
-__exportStar(require("./components/BodyCellWrapper"), exports);
-__exportStar(require("./components/FilterInputBase"), exports);
-__exportStar(require("./components/FilterListItemBase"), exports);
 __exportStar(require("./types"), exports);
-var utils_1 = require("./utils/utils");
+var utils_1 = require("./utils");
 Object.defineProperty(exports, "decodeFilter", { enumerable: true, get: function () { return utils_1.decodeFilter; } });
 Object.defineProperty(exports, "encodeFilter", { enumerable: true, get: function () { return utils_1.encodeFilter; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiw4REFBNEM7QUFDNUMsNERBQTBDO0FBQzFDLCtEQUE2QztBQUM3QywrREFBNkM7QUFDN0Msa0VBQWdEO0FBQ2hELDBDQUF3QjtBQUV4Qix1Q0FBMkQ7QUFBbEQscUdBQUEsWUFBWSxPQUFBO0FBQUUscUdBQUEsWUFBWSxPQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0I7QUFFeEIsaUNBQXFEO0FBQTVDLHFHQUFBLFlBQVksT0FBQTtBQUFFLHFHQUFBLFlBQVksT0FBQSJ9

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@uxf/data-grid",
-  "version": "3.2.0",
+  "version": "4.0.0-beta.3",
   "description": "Redux DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
   "typings": "index.d.ts",
-  "module": "index.js",
   "publishConfig": {
     "access": "public"
   },
@@ -33,10 +32,6 @@
     "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"
   },
@@ -45,10 +40,7 @@
     "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",
-    "@mui/material": "^5.0.0",
+    "@tailwindcss/forms": "^0.5.2",
     "@types/jest": "^26.0.19",
     "@types/react": "^17.0.22",
     "@types/react-dom": "^17.0.0",
@@ -62,11 +54,14 @@
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.28.0",
     "jest": "^26.6.3",
-    "parcel-bundler": "^1.12.5",
+    "parcel": "^2.0.0-nightly.1125",
+    "postcss": "^8.4.14",
     "prettier": "^1.18.2",
+    "process": "^0.11.10",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.1",
+    "tailwindcss": "^3.1.3",
     "ts-jest": "^26.4.4",
     "ts-loader": "^6.2.0",
     "typescript": "^4.1.3"

package/store/actions.d.ts

@@ -37,3 +37,7 @@ export declare const search: (term: string) => {
     type: string;
     fullText: string;
 };
+export declare const changeTab: (tabName: string) => {
+    type: string;
+    name: string;
+};

package/store/actions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.search = exports.changePerPage = exports.filterReset = exports.filter = exports.changePage = exports.sortClear = exports.sort = exports.reloadFailed = exports.reloadDone = exports.reload = void 0;
+exports.changeTab = exports.search = exports.changePerPage = exports.filterReset = exports.filter = exports.changePage = exports.sortClear = exports.sort = exports.reloadFailed = exports.reloadDone = exports.reload = void 0;
 var reload = function () { return ({ type: "RELOAD" }); };
 exports.reload = reload;
 var reloadDone = function (response) { return ({
@@ -42,4 +42,9 @@ var search = function (term) { return ({
     fullText: term,
 }); };
 exports.search = search;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9hY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVPLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQXBCLENBQW9CLENBQUM7QUFBcEMsUUFBQSxNQUFNLFVBQThCO0FBRTFDLElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBa0IsSUFBSyxPQUFBLENBQUM7SUFDL0MsSUFBSSxFQUFFLGFBQWE7SUFDbkIsUUFBUSxVQUFBO0NBQ1gsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxVQUFVLGNBR3BCO0FBRUksSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFVLElBQUssT0FBQSxDQUFDO0lBQ3pDLElBQUksRUFBRSxlQUFlO0lBQ3JCLEtBQUssT0FBQTtDQUNSLENBQUMsRUFIMEMsQ0FHMUMsQ0FBQztBQUhVLFFBQUEsWUFBWSxnQkFHdEI7QUFFSSxJQUFNLElBQUksR0FBRyxVQUFDLFVBQWtCLEVBQUUsU0FBd0IsSUFBSyxPQUFBLENBQUM7SUFDbkUsSUFBSSxFQUFFLE1BQU07SUFDWixVQUFVLFlBQUE7SUFDVixTQUFTLFdBQUE7Q0FDWixDQUFDLEVBSm9FLENBSXBFLENBQUM7QUFKVSxRQUFBLElBQUksUUFJZDtBQUVJLElBQU0sU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzVCLElBQUksRUFBRSxZQUFZO0NBQ3JCLENBQUMsRUFGNkIsQ0FFN0IsQ0FBQztBQUZVLFFBQUEsU0FBUyxhQUVuQjtBQUVJLElBQU0sVUFBVSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxFQUEvQixDQUErQixDQUFDO0FBQS9ELFFBQUEsVUFBVSxjQUFxRDtBQUVyRSxJQUFNLE1BQU0sR0FBRyxVQUFDLFdBQTBCLElBQUssT0FBQSxDQUFDO0lBQ25ELElBQUksRUFBRSxRQUFRO0lBQ2QsV0FBVyxhQUFBO0NBQ2QsQ0FBQyxFQUhvRCxDQUdwRCxDQUFDO0FBSFUsUUFBQSxNQUFNLFVBR2hCO0FBRUksSUFBTSxXQUFXLEdBQUcsY0FBTSxPQUFBLENBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQztBQUEvQyxRQUFBLFdBQVcsZUFBb0M7QUFFckQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFlLElBQUssT0FBQSxDQUFDO0lBQy9DLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsT0FBTyxTQUFBO0NBQ1YsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxhQUFhLGlCQUd2QjtBQUVJLElBQU0sTUFBTSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQztJQUNyQyxJQUFJLEVBQUUsVUFBVTtJQUNoQixRQUFRLEVBQUUsSUFBSTtDQUNqQixDQUFDLEVBSHNDLENBR3RDLENBQUM7QUFIVSxRQUFBLE1BQU0sVUFHaEIifQ==
+var changeTab = function (tabName) { return ({
+    type: "CHANGE_TAB",
+    name: tabName,
+}); };
+exports.changeTab = changeTab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9hY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVPLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQXBCLENBQW9CLENBQUM7QUFBcEMsUUFBQSxNQUFNLFVBQThCO0FBRTFDLElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBa0IsSUFBSyxPQUFBLENBQUM7SUFDL0MsSUFBSSxFQUFFLGFBQWE7SUFDbkIsUUFBUSxVQUFBO0NBQ1gsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxVQUFVLGNBR3BCO0FBRUksSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFVLElBQUssT0FBQSxDQUFDO0lBQ3pDLElBQUksRUFBRSxlQUFlO0lBQ3JCLEtBQUssT0FBQTtDQUNSLENBQUMsRUFIMEMsQ0FHMUMsQ0FBQztBQUhVLFFBQUEsWUFBWSxnQkFHdEI7QUFFSSxJQUFNLElBQUksR0FBRyxVQUFDLFVBQWtCLEVBQUUsU0FBd0IsSUFBSyxPQUFBLENBQUM7SUFDbkUsSUFBSSxFQUFFLE1BQU07SUFDWixVQUFVLFlBQUE7SUFDVixTQUFTLFdBQUE7Q0FDWixDQUFDLEVBSm9FLENBSXBFLENBQUM7QUFKVSxRQUFBLElBQUksUUFJZDtBQUVJLElBQU0sU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzVCLElBQUksRUFBRSxZQUFZO0NBQ3JCLENBQUMsRUFGNkIsQ0FFN0IsQ0FBQztBQUZVLFFBQUEsU0FBUyxhQUVuQjtBQUVJLElBQU0sVUFBVSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxFQUEvQixDQUErQixDQUFDO0FBQS9ELFFBQUEsVUFBVSxjQUFxRDtBQUVyRSxJQUFNLE1BQU0sR0FBRyxVQUFDLFdBQTBCLElBQUssT0FBQSxDQUFDO0lBQ25ELElBQUksRUFBRSxRQUFRO0lBQ2QsV0FBVyxhQUFBO0NBQ2QsQ0FBQyxFQUhvRCxDQUdwRCxDQUFDO0FBSFUsUUFBQSxNQUFNLFVBR2hCO0FBRUksSUFBTSxXQUFXLEdBQUcsY0FBTSxPQUFBLENBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQztBQUEvQyxRQUFBLFdBQVcsZUFBb0M7QUFFckQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFlLElBQUssT0FBQSxDQUFDO0lBQy9DLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsT0FBTyxTQUFBO0NBQ1YsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxhQUFhLGlCQUd2QjtBQUVJLElBQU0sTUFBTSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQztJQUNyQyxJQUFJLEVBQUUsVUFBVTtJQUNoQixRQUFRLEVBQUUsSUFBSTtDQUNqQixDQUFDLEVBSHNDLENBR3RDLENBQUM7QUFIVSxRQUFBLE1BQU0sVUFHaEI7QUFFSSxJQUFNLFNBQVMsR0FBRyxVQUFDLE9BQWUsSUFBSyxPQUFBLENBQUM7SUFDM0MsSUFBSSxFQUFFLFlBQVk7SUFDbEIsSUFBSSxFQUFFLE9BQU87Q0FDaEIsQ0FBQyxFQUg0QyxDQUc1QyxDQUFDO0FBSFUsUUFBQSxTQUFTLGFBR25CIn0=