@uxf/data-grid 4.0.0-beta.1 → 4.0.0-beta.4

package/DataGrid.d.ts

@@ -1,10 +1,2 @@
-import { Component } from "react";
-import { BaseGridType, DataGridProps, DataGridState } from "./types";
-export declare class DataGrid<GridType extends BaseGridType, R = any> extends Component<DataGridProps<GridType, R>, DataGridState> {
-    constructor(props: Readonly<DataGridProps<GridType, R>>);
-    reload: () => Promise<void>;
-    private dispatch;
-    componentDidMount(): void;
-    componentDidUpdate(_: Readonly<DataGridProps<GridType, R>>, prevState: Readonly<DataGridState>): void;
-    render(): JSX.Element;
-}
+import { BaseGridType, DataGridProps } from "./types";
+export declare const DataGrid: <GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>) => JSX.Element;

package/DataGrid.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 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]; } });
@@ -69,187 +54,133 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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.DataGrid = void 0;
-var action_cell_base_1 = require("./components/action-cell-base");
-var filters_list_1 = require("./components/filters-list");
 var react_1 = __importStar(require("react"));
-var body_cell_base_1 = require("./components/body-cell-base");
 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 container_1 = require("./components/container");
-var toolbar_container_1 = require("./components/toolbar-container");
-var pagination_1 = require("./components/pagination");
-var filters_plugin_1 = require("./toolbar-plugins/filters-plugin");
-var hidden_columns_plugin_1 = require("./toolbar-plugins/hidden-columns-plugin");
-var csv_export_plugin_1 = require("./toolbar-plugins/csv-export-plugin");
-var error_1 = require("./components/error");
-var spinner_1 = require("./components/spinner");
-var empty_1 = require("./components/empty");
-var filter_list_item_base_1 = require("./components/filter-list-item-base");
-var filter_input_base_1 = require("./components/filter-input-base");
-var fulltext_plugin_1 = require("./toolbar-plugins/fulltext-plugin");
-var title_plugin_1 = require("./toolbar-plugins/title-plugin");
-var linear_progress_1 = require("./components/linear-progress");
+var useColumns_1 = require("./useColumns");
+var defaultKeyExtractor = function (r) {
+    return r.id;
+};
 // eslint-disable-next-line react/require-optimization
-var DataGrid = /** @class */ (function (_super) {
-    __extends(DataGrid, _super);
-    function DataGrid(props) {
-        var _this = _super.call(this, props) || this;
-        _this.reload = function () { return __awaiter(_this, void 0, void 0, function () {
-            var schema, request, response, e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 4, , 6]);
-                        schema = this.props.schema;
-                        return [4 /*yield*/, this.dispatch((0, actions_1.reload)())];
-                    case 1:
-                        _a.sent();
-                        request = (0, utils_1.createRequest)(this.state, schema.sort, schema.dir);
-                        return [4 /*yield*/, this.props.loader(this.props.gridName, request, (0, utils_1.encodeFilter)(request))];
-                    case 2:
-                        response = _a.sent();
-                        return [4 /*yield*/, this.dispatch((0, actions_1.reloadDone)(response))];
-                    case 3:
-                        _a.sent();
-                        return [3 /*break*/, 6];
-                    case 4:
-                        e_1 = _a.sent();
-                        return [4 /*yield*/, this.dispatch((0, actions_1.reloadFailed)(e_1))];
-                    case 5:
-                        _a.sent();
-                        // eslint-disable-next-line no-console
-                        console.error(e_1);
-                        return [3 /*break*/, 6];
-                    case 6: return [2 /*return*/];
-                }
-            });
-        }); };
-        _this.dispatch = function (action) {
-            return new Promise(function (resolve) { return _this.setState(function (state) { return (0, reducer_1.reducer)(state, action); }, resolve); });
-        };
-        _this.state = (0, reducer_1.getInitialState)(props.schema, props.initialState);
-        return _this;
-    }
-    DataGrid.prototype.componentDidMount = function () {
-        this.setState({ mounted: true });
-        this.reload();
-    };
-    DataGrid.prototype.componentDidUpdate = function (_, prevState) {
-        var state = this.state;
-        if (prevState.dir !== state.dir ||
-            prevState.sort !== state.sort ||
-            prevState.perPage !== state.perPage ||
-            prevState.page !== state.page ||
-            prevState.f !== state.f ||
-            prevState.fullText !== state.fullText) {
-            this.reload();
-        }
-    };
-    // eslint-disable-next-line complexity
-    DataGrid.prototype.render = function () {
-        var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        var _r = this.props, _s = _r.ui, ui = _s === void 0 ? {} : _s, schema = _r.schema, ActionCell = _r.ActionCell, actionCellWidth = _r.actionCellWidth, onOpen = _r.onOpen, getOpenUrl = _r.getOpenUrl, onEdit = _r.onEdit, getEditUrl = _r.getEditUrl, onRemove = _r.onRemove, _t = _r.rowHeight, rowHeight = _t === void 0 ? 44 : _t, _u = _r.headerRowHeight, headerRowHeight = _u === void 0 ? 36 : _u, _v = _r.hiddenColumns, hiddenColumns = _v === void 0 ? [] : _v, defaultConfig = _r.defaultConfig, noBorder = _r.noBorder, rowClass = _r.rowClass, ml = _r.ml, mt = _r.mt, mb = _r.mb, mr = _r.mr, mx = _r.mx, my = _r.my, m = _r.m;
-        var uiComponents = {
-            ActionCell: (_a = ui.ActionCell) !== null && _a !== void 0 ? _a : action_cell_base_1.ActionCellBase,
-            BodyCell: (_b = ui.BodyCell) !== null && _b !== void 0 ? _b : body_cell_base_1.BodyCellBase,
-            FilterInput: (_c = ui.FilterInput) !== null && _c !== void 0 ? _c : filter_input_base_1.FilterInputBase,
-            FilterListItem: (_d = ui.FilterListItem) !== null && _d !== void 0 ? _d : filter_list_item_base_1.FilterListItemBase,
-            Pagination: (_e = ui.Pagination) !== null && _e !== void 0 ? _e : pagination_1.Pagination,
-            Container: (_f = ui.Container) !== null && _f !== void 0 ? _f : container_1.Container,
-            ToolbarContainer: (_g = ui.ToolbarContainer) !== null && _g !== void 0 ? _g : toolbar_container_1.ToolbarContainer,
-            LinearProgress: (_h = ui.LinearProgress) !== null && _h !== void 0 ? _h : linear_progress_1.LinearProgress,
-        };
-        var state = this.state;
-        var rows = (_k = (_j = state.response) === null || _j === void 0 ? void 0 : _j.result) !== null && _k !== void 0 ? _k : [];
-        var columns = schema.columns
-            .filter(function (c) { return !hiddenColumns.includes(c.name); })
-            .map(function (c) {
-            var _a, _b;
-            return ({
-                key: c.name,
-                name: c.label,
-                headerCellClass: c.type,
-                resizable: true,
-                sortable: c.sort,
-                width: (_a = c.width) !== null && _a !== void 0 ? _a : (_b = defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns[c.name]) === null || _b === void 0 ? void 0 : _b.width,
-                minWidth: c.minWidth,
-                maxWidth: c.maxWidth,
-                formatter: function (props) {
-                    return (react_1.default.createElement(uiComponents.BodyCell, { column: {
-                            name: props.column.key,
-                            label: props.column.name,
-                            sort: props.column.sortable,
-                            type: props.column.headerCellClass, //TODO
-                        }, reload: _this.reload, row: props.row }));
-                },
-            });
+var DataGrid = function (props) {
+    var _a, _b, _c, _d, _e, _f;
+    var ui = props.ui, schema = props.schema, _g = props.rowHeight, rowHeight = _g === void 0 ? 44 : _g, _h = props.headerRowHeight, headerRowHeight = _h === void 0 ? 36 : _h, noBorder = props.noBorder, rowClass = props.rowClass, selectedRows = props.selectedRows, onChangeSelectedRows = props.onChangeSelectedRows, _j = props.keyExtractor, keyExtractor = _j === void 0 ? defaultKeyExtractor : _j, gridName = props.gridName, ml = props.ml, mt = props.mt, mb = props.mb, mr = props.mr, mx = props.mx, my = props.my, m = props.m, _k = props.toolbarPlugins, toolbarPlugins = _k === void 0 ? [] : _k, loader = props.loader;
+    var _l = __read((0, react_1.useReducer)(reducer_1.reducer, (0, reducer_1.getInitialState)(props.schema, props.initialState)), 2), state = _l[0], dispatch = _l[1];
+    var _m = __read((0, react_1.useState)(false), 2), mounted = _m[0], setMounted = _m[1];
+    (0, react_1.useEffect)(function () {
+        setMounted(true);
+    }, []);
+    var onReload = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var request, response, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 4, , 6]);
+                    return [4 /*yield*/, dispatch((0, actions_1.reload)())];
+                case 1:
+                    _a.sent();
+                    request = (0, utils_1.createRequest)(state, schema.sort, schema.dir);
+                    return [4 /*yield*/, loader(gridName, request, (0, utils_1.encodeFilter)(request))];
+                case 2:
+                    response = _a.sent();
+                    return [4 /*yield*/, dispatch((0, actions_1.reloadDone)(response))];
+                case 3:
+                    _a.sent();
+                    return [3 /*break*/, 6];
+                case 4:
+                    e_1 = _a.sent();
+                    return [4 /*yield*/, dispatch((0, actions_1.reloadFailed)(e_1))];
+                case 5:
+                    _a.sent();
+                    // eslint-disable-next-line no-console
+                    console.error(e_1);
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
         });
-        if (ActionCell || onOpen || onEdit || getOpenUrl || getEditUrl || onRemove) {
-            columns.push({
-                key: "__action_column",
-                name: "",
-                resizable: false,
-                headerCellClass: "rdg-action-cell",
-                cellClass: "action rdg-action-cell",
-                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(action_cell_base_1.ActionCellWrapper, null,
-                        react_1.default.createElement(uiComponents.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 toolbarPlugins = (_l = this.props.toolbarPlugins) !== null && _l !== void 0 ? _l : [
-            title_plugin_1.TitlePlugin,
-            fulltext_plugin_1.FulltextPlugin,
-            filters_plugin_1.FiltersPlugin,
-            hidden_columns_plugin_1.HiddenColumnsPlugin,
-            csv_export_plugin_1.CsvExportPlugin,
-        ];
-        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)); },
-                }, schema: schema }));
-        })
-            .filter(function (i) { return !!i; });
-        return (react_1.default.createElement(uiComponents.Container, { mb: mb, mt: mt, ml: ml, mr: mr, mx: mx, my: my, m: m, noBorder: noBorder },
-            renderedToolbarPlugins.length > 0 && react_1.default.createElement(toolbar_container_1.ToolbarContainer, null, renderedToolbarPlugins),
-            react_1.default.createElement(filters_list_1.FiltersList, { dispatch: this.dispatch, filters: schema.filters, filtersData: state.f, FilterListItem: uiComponents.FilterListItem }),
-            this.state.loading && react_1.default.createElement(uiComponents.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: (_o = (_m = state.response) === null || _m === void 0 ? void 0 : _m.result) !== null && _o !== void 0 ? _o : [], 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("div", { style: { height: 48 }, className: "flex items-center justify-center" }, state.loading ? react_1.default.createElement(spinner_1.Spinner, null) : state.error ? react_1.default.createElement(error_1.Error, { error: state.error }) : react_1.default.createElement(empty_1.Empty, null)), rowClass: rowClass })),
-            react_1.default.createElement(uiComponents.Pagination, { page: state.page, perPage: state.perPage, count: (_q = (_p = state.response) === null || _p === void 0 ? void 0 : _p.count) !== null && _q !== void 0 ? _q : 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));
+    }); }, [state, schema, gridName, loader]);
+    (0, react_1.useEffect)(function () {
+        onReload();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state.dir, state.sort, state.perPage, state.page, state.f, state.fullText, state.tab]);
+    var onFilter = (0, react_1.useCallback)(function (value) {
+        dispatch((0, actions_1.filter)(value));
+    }, [dispatch]);
+    var rows = (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [];
+    var columns = (0, useColumns_1.useColumns)(props, onReload);
+    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 renderedToolbarPlugins = toolbarPlugins
+        .map(function (Plugin, index) {
+        var _a;
+        return (react_1.default.createElement(Plugin, { key: index, props: props, state: state, dispatch: dispatch, fulltext: {
+                value: (_a = state.fullText) !== null && _a !== void 0 ? _a : "",
+                onChange: function (term) { return dispatch((0, actions_1.search)(term)); },
+            }, tab: {
+                active: state.tab,
+                onChange: function (tabName) { return dispatch((0, actions_1.changeTab)(tabName)); },
+            }, filter: {
+                onReset: function () { return null; },
+                onFilter: function (f) { return dispatch((0, actions_1.filter)(f)); },
+                filtersData: state.f,
+                FilterInput: ui.FilterInput,
+            }, hiddenColumns: {
+                value: props.hiddenColumns,
+                onChange: props.onChangeHiddenColumns,
+            }, schema: schema }));
+    })
+        .filter(function (i) { return !!i; });
+    var components = (0, react_1.useMemo)(function () {
+        return {
+            checkboxFormatter: ui.SelectRowCheckbox,
+            noRowsFallback: react_1.default.createElement(ui.NoRowsFallback, { error: state.error, loading: !!state.loading }),
+        };
+    }, [ui, state.error, state.loading]);
+    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, { noBorder: noBorder }, renderedToolbarPlugins)),
+        react_1.default.createElement(ui.FilterList, { dispatch: dispatch, onFilter: onFilter, filters: schema.filters, filtersData: state.f, FilterListItem: ui.FilterListItem, noBorder: noBorder }),
+        state.loading && react_1.default.createElement(ui.LinearProgress, null),
+        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];
+                    dispatch((0, actions_1.sort)(sc.columnKey, sc.direction.toLowerCase()));
+                }
+                else {
+                    dispatch((0, actions_1.sortClear)());
+                }
+            }, sortColumns: state.sort && state.dir
+                ? [{ columnKey: state.sort, direction: state.dir.toUpperCase() }]
+                : [], rowHeight: rowHeight, headerRowHeight: headerRowHeight, rowClass: rowClass, rowKeyGetter: keyExtractor, selectedRows: selectedRows, onSelectedRowsChange: onChangeSelectedRows, components: components })),
+        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 dispatch((0, actions_1.changePage)(page)); }, onChangeRowsPerPage: function (perPage) { return dispatch((0, actions_1.changePerPage)(perPage)); } })));
+};
 exports.DataGrid = DataGrid;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxrRUFBa0Y7QUFDbEYsMERBQXdEO0FBQ3hELDZDQUF5QztBQUN6Qyw4REFBMkQ7QUFDM0QsMkNBQXVIO0FBQ3ZILDJDQUEyRDtBQUUzRCx1Q0FBNEQ7QUFDNUQsb0VBQXdEO0FBQ3hELG9EQUFtRDtBQUNuRCxvRUFBa0U7QUFDbEUsc0RBQXFEO0FBQ3JELG1FQUFpRTtBQUNqRSxpRkFBOEU7QUFDOUUseUVBQXNFO0FBQ3RFLDRDQUEyQztBQUMzQyxnREFBK0M7QUFDL0MsNENBQTJDO0FBQzNDLDRFQUF3RTtBQUN4RSxvRUFBaUU7QUFDakUscUVBQW1FO0FBQ25FLCtEQUE2RDtBQUM3RCxnRUFBOEQ7QUFFOUQsc0RBQXNEO0FBQ3REO0lBQXNFLDRCQUdyRTtJQUNHLGtCQUFZLEtBQTJDO1FBQXZELFlBQ0ksa0JBQU0sS0FBSyxDQUFDLFNBRWY7UUFFTSxZQUFNLEdBQUc7Ozs7Ozt3QkFFQSxNQUFNLEdBQUssSUFBSSxDQUFDLEtBQUssT0FBZixDQUFnQjt3QkFDOUIscUJBQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFBLGdCQUFNLEdBQUUsQ0FBQyxFQUFBOzt3QkFBN0IsU0FBNkIsQ0FBQzt3QkFFeEIsT0FBTyxHQUFHLElBQUEscUJBQWEsRUFBQyxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO3dCQUNsRCxxQkFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsSUFBQSxvQkFBWSxFQUFDLE9BQU8sQ0FBQyxDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXFGO0FBQ3JGLDJDQVd5QjtBQUN6QiwyQ0FBMkQ7QUFFM0QsaUNBQXNEO0FBQ3RELG9FQUE0QztBQUM1QywyQ0FBMEM7QUFFMUMsSUFBTSxtQkFBbUIsR0FBaUIsVUFBQSxDQUFDO0lBQ3ZDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNoQixDQUFDLENBQUM7QUFFRixzREFBc0Q7QUFDL0MsSUFBTSxRQUFRLEdBQUcsVUFBeUMsS0FBaUM7O0lBRTFGLElBQUEsRUFBRSxHQW1CRixLQUFLLEdBbkJILEVBQ0YsTUFBTSxHQWtCTixLQUFLLE9BbEJDLEVBQ04sS0FpQkEsS0FBSyxVQWpCUyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsS0FnQkEsS0FBSyxnQkFoQmUsRUFBcEIsZUFBZSxtQkFBRyxFQUFFLEtBQUEsRUFDcEIsUUFBUSxHQWVSLEtBQUssU0FmRyxFQUNSLFFBQVEsR0FjUixLQUFLLFNBZEcsRUFDUixZQUFZLEdBYVosS0FBSyxhQWJPLEVBQ1osb0JBQW9CLEdBWXBCLEtBQUsscUJBWmUsRUFDcEIsS0FXQSxLQUFLLGFBWDZCLEVBQWxDLFlBQVksbUJBQUcsbUJBQW1CLEtBQUEsRUFDbEMsUUFBUSxHQVVSLEtBQUssU0FWRyxFQUNSLEVBQUUsR0FTRixLQUFLLEdBVEgsRUFDRixFQUFFLEdBUUYsS0FBSyxHQVJILEVBQ0YsRUFBRSxHQU9GLEtBQUssR0FQSCxFQUNGLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixFQUFFLEdBS0YsS0FBSyxHQUxILEVBQ0YsRUFBRSxHQUlGLEtBQUssR0FKSCxFQUNGLENBQUMsR0FHRCxLQUFLLEVB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

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,36 @@ 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ů**                |                                         |       |
+| selectedRows                   | `Set<number>`                           |       |
+| onChangeSelectedRows           | `(selectedRows: Set<number>]) => 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/action-cell-base";
-export * from "./components/body-cell-base";
-export * from "./components/body-cell-wrapper";
-export * from "./components/filter-input-base";
-export * from "./components/filter-list-item-base";
 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/action-cell-base"), exports);
-__exportStar(require("./components/body-cell-base"), exports);
-__exportStar(require("./components/body-cell-wrapper"), exports);
-__exportStar(require("./components/filter-input-base"), exports);
-__exportStar(require("./components/filter-list-item-base"), 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQixnRUFBOEM7QUFDOUMsOERBQTRDO0FBQzVDLGlFQUErQztBQUMvQyxpRUFBK0M7QUFDL0MscUVBQW1EO0FBQ25ELDBDQUF3QjtBQUV4Qix1Q0FBMkQ7QUFBbEQscUdBQUEsWUFBWSxPQUFBO0FBQUUscUdBQUEsWUFBWSxPQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0I7QUFFeEIsaUNBQXFEO0FBQTVDLHFHQUFBLFlBQVksT0FBQTtBQUFFLHFHQUFBLFlBQVksT0FBQSJ9