@uxf/data-grid 4.0.0-beta.3 → 4.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DataGrid.d.ts +2 -11
- package/DataGrid.js +125 -163
- package/README.md +29 -30
- package/package.json +2 -2
- package/store/actions.d.ts +1 -1
- package/store/actions.js +2 -2
- package/store/reducer.d.ts +1 -0
- package/store/reducer.js +42 -19
- package/tailwindui/DataGrid.d.ts +3 -9
- package/tailwindui/DataGrid.js +9 -36
- package/tailwindui/components/body-cell-wrapper.d.ts +1 -0
- package/tailwindui/components/body-cell-wrapper.js +4 -3
- package/tailwindui/components/drawer.js +2 -2
- package/tailwindui/components/filters-list.js +11 -9
- package/tailwindui/components/select-row-checkbox.d.ts +2 -0
- package/tailwindui/components/select-row-checkbox.js +54 -0
- package/tailwindui/components/toolbar-container.js +3 -2
- package/tailwindui/styles.css +3 -0
- package/tailwindui/toolbar-plugins/csv-export-plugin.js +3 -3
- package/tailwindui/toolbar-plugins/filters-plugin.js +7 -14
- package/tailwindui/toolbar-plugins/fulltext-plugin.js +9 -2
- package/tailwindui/toolbar-plugins/hidden-columns-plugin.js +10 -13
- package/tailwindui/toolbar-plugins/tabs-plugin.d.ts +2 -0
- package/tailwindui/toolbar-plugins/tabs-plugin.js +19 -0
- package/tailwindui/toolbar-plugins/title-plugin.js +5 -5
- package/tailwindui/ui.js +4 -1
- package/types.d.ts +29 -14
- package/useColumns.d.ts +3 -0
- package/useColumns.js +100 -0
- package/utils.js +8 -8
- package/tailwindui/toolbar-plugins/tabs-filter-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/tabs-filter-plugin.js +0 -19
package/DataGrid.d.ts
CHANGED
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export declare class DataGrid<GridType extends BaseGridType, R = any> extends Component<DataGridProps<GridType, R>, DataGridState> {
|
|
4
|
-
constructor(props: Readonly<DataGridProps<GridType, R>>);
|
|
5
|
-
reload: () => Promise<void>;
|
|
6
|
-
private dispatch;
|
|
7
|
-
componentDidMount(): void;
|
|
8
|
-
componentDidUpdate(_: Readonly<DataGridProps<GridType, R>>, prevState: Readonly<DataGridState>): void;
|
|
9
|
-
private onFilter;
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|
|
1
|
+
import { BaseGridType, DataGridProps } from "./types";
|
|
2
|
+
export declare const DataGrid: <GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>) => JSX.Element;
|
package/DataGrid.js
CHANGED
|
@@ -1,19 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
3
|
if (k2 === undefined) k2 = k;
|
|
19
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -69,6 +54,22 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
69
54
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
70
55
|
}
|
|
71
56
|
};
|
|
57
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
58
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
59
|
+
if (!m) return o;
|
|
60
|
+
var i = m.call(o), r, ar = [], e;
|
|
61
|
+
try {
|
|
62
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
63
|
+
}
|
|
64
|
+
catch (error) { e = { error: error }; }
|
|
65
|
+
finally {
|
|
66
|
+
try {
|
|
67
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
68
|
+
}
|
|
69
|
+
finally { if (e) throw e.error; }
|
|
70
|
+
}
|
|
71
|
+
return ar;
|
|
72
|
+
};
|
|
72
73
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
73
74
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
74
75
|
};
|
|
@@ -79,154 +80,115 @@ var actions_1 = require("./store/actions");
|
|
|
79
80
|
var reducer_1 = require("./store/reducer");
|
|
80
81
|
var utils_1 = require("./utils");
|
|
81
82
|
var react_data_grid_1 = __importDefault(require("react-data-grid"));
|
|
83
|
+
var useColumns_1 = require("./useColumns");
|
|
84
|
+
var defaultKeyExtractor = function (r) {
|
|
85
|
+
return r.id;
|
|
86
|
+
};
|
|
82
87
|
// eslint-disable-next-line react/require-optimization
|
|
83
|
-
var DataGrid =
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
return new Promise(function (resolve) { return _this.setState(function (state) { return (0, reducer_1.reducer)(state, action); }, resolve); });
|
|
119
|
-
};
|
|
120
|
-
_this.state = (0, reducer_1.getInitialState)(props.schema, props.initialState);
|
|
121
|
-
return _this;
|
|
122
|
-
}
|
|
123
|
-
DataGrid.prototype.componentDidMount = function () {
|
|
124
|
-
this.setState({ mounted: true });
|
|
125
|
-
this.reload();
|
|
126
|
-
};
|
|
127
|
-
DataGrid.prototype.componentDidUpdate = function (_, prevState) {
|
|
128
|
-
var state = this.state;
|
|
129
|
-
if (prevState.dir !== state.dir ||
|
|
130
|
-
prevState.sort !== state.sort ||
|
|
131
|
-
prevState.perPage !== state.perPage ||
|
|
132
|
-
prevState.page !== state.page ||
|
|
133
|
-
prevState.f !== state.f ||
|
|
134
|
-
prevState.fullText !== state.fullText ||
|
|
135
|
-
prevState.tab !== state.tab) {
|
|
136
|
-
this.reload();
|
|
137
|
-
}
|
|
138
|
-
};
|
|
139
|
-
DataGrid.prototype.onFilter = function (value) {
|
|
140
|
-
this.dispatch((0, actions_1.filter)(value));
|
|
141
|
-
};
|
|
142
|
-
// eslint-disable-next-line complexity
|
|
143
|
-
DataGrid.prototype.render = function () {
|
|
144
|
-
var _this = this;
|
|
145
|
-
var _a, _b, _c, _d, _e, _f;
|
|
146
|
-
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;
|
|
147
|
-
var state = this.state;
|
|
148
|
-
var rows = (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [];
|
|
149
|
-
var columns = schema.columns
|
|
150
|
-
.filter(function (c) { return !hiddenColumns.includes(c.name); })
|
|
151
|
-
.map(function (c) {
|
|
152
|
-
var _a, _b;
|
|
153
|
-
return ({
|
|
154
|
-
key: c.name,
|
|
155
|
-
name: c.label,
|
|
156
|
-
headerCellClass: c.type,
|
|
157
|
-
resizable: true,
|
|
158
|
-
sortable: c.sort,
|
|
159
|
-
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,
|
|
160
|
-
minWidth: c.minWidth,
|
|
161
|
-
maxWidth: c.maxWidth,
|
|
162
|
-
formatter: function (props) {
|
|
163
|
-
return (react_1.default.createElement(ui.BodyCell, { column: {
|
|
164
|
-
name: props.column.key,
|
|
165
|
-
label: props.column.name,
|
|
166
|
-
sort: props.column.sortable,
|
|
167
|
-
type: props.column.headerCellClass, //TODO
|
|
168
|
-
}, reload: _this.reload, row: props.row }));
|
|
169
|
-
},
|
|
170
|
-
});
|
|
88
|
+
var DataGrid = function (props) {
|
|
89
|
+
var _a, _b, _c, _d, _e, _f;
|
|
90
|
+
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, debug = props.debug;
|
|
91
|
+
var _l = __read((0, react_1.useReducer)(debug ? reducer_1.debugReducer : reducer_1.reducer, (0, reducer_1.getInitialState)(props.schema, props.initialState)), 2), state = _l[0], dispatch = _l[1];
|
|
92
|
+
var _m = __read((0, react_1.useState)(false), 2), mounted = _m[0], setMounted = _m[1];
|
|
93
|
+
(0, react_1.useEffect)(function () {
|
|
94
|
+
setMounted(true);
|
|
95
|
+
}, []);
|
|
96
|
+
var onReload = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
97
|
+
var request, response, e_1;
|
|
98
|
+
return __generator(this, function (_a) {
|
|
99
|
+
switch (_a.label) {
|
|
100
|
+
case 0:
|
|
101
|
+
_a.trys.push([0, 4, , 6]);
|
|
102
|
+
return [4 /*yield*/, dispatch((0, actions_1.reload)())];
|
|
103
|
+
case 1:
|
|
104
|
+
_a.sent();
|
|
105
|
+
request = (0, utils_1.createRequest)(state, schema.sort, schema.dir);
|
|
106
|
+
return [4 /*yield*/, loader(gridName, request, (0, utils_1.encodeFilter)(request))];
|
|
107
|
+
case 2:
|
|
108
|
+
response = _a.sent();
|
|
109
|
+
return [4 /*yield*/, dispatch((0, actions_1.reloadDone)(response))];
|
|
110
|
+
case 3:
|
|
111
|
+
_a.sent();
|
|
112
|
+
return [3 /*break*/, 6];
|
|
113
|
+
case 4:
|
|
114
|
+
e_1 = _a.sent();
|
|
115
|
+
return [4 /*yield*/, dispatch((0, actions_1.reloadFailed)(e_1))];
|
|
116
|
+
case 5:
|
|
117
|
+
_a.sent();
|
|
118
|
+
// eslint-disable-next-line no-console
|
|
119
|
+
console.error(e_1);
|
|
120
|
+
return [3 /*break*/, 6];
|
|
121
|
+
case 6: return [2 /*return*/];
|
|
122
|
+
}
|
|
171
123
|
});
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
124
|
+
}); }, [state, schema, gridName, loader]);
|
|
125
|
+
(0, react_1.useEffect)(function () {
|
|
126
|
+
onReload();
|
|
127
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
128
|
+
}, [
|
|
129
|
+
state.request.dir,
|
|
130
|
+
state.request.sort,
|
|
131
|
+
state.request.perPage,
|
|
132
|
+
state.request.page,
|
|
133
|
+
state.request.f,
|
|
134
|
+
state.request.search,
|
|
135
|
+
state.request.tab,
|
|
136
|
+
]);
|
|
137
|
+
var onFilter = (0, react_1.useCallback)(function (value) {
|
|
138
|
+
dispatch((0, actions_1.filter)(value));
|
|
139
|
+
}, [dispatch]);
|
|
140
|
+
var rows = (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [];
|
|
141
|
+
var columns = (0, useColumns_1.useColumns)(props, onReload);
|
|
142
|
+
var contentHeight = typeof rowHeight === "function"
|
|
143
|
+
? rows.reduce(function (prev, curr) { return prev + rowHeight(curr); })
|
|
144
|
+
: ((rowHeight !== null && rowHeight !== void 0 ? rowHeight : 44) + 1) * rows.length;
|
|
145
|
+
var renderedToolbarPlugins = toolbarPlugins
|
|
146
|
+
.map(function (Plugin, index) {
|
|
147
|
+
var _a;
|
|
148
|
+
return (react_1.default.createElement(Plugin, { key: index, props: props, state: state, dispatch: dispatch, fulltext: {
|
|
149
|
+
value: (_a = state.request.search) !== null && _a !== void 0 ? _a : "",
|
|
150
|
+
onChange: function (term) { return dispatch((0, actions_1.search)(term)); },
|
|
151
|
+
}, tab: {
|
|
152
|
+
active: state.request.tab,
|
|
153
|
+
onChange: function (tabName) { return dispatch((0, actions_1.changeTab)(tabName)); },
|
|
154
|
+
}, filter: {
|
|
155
|
+
onReset: function () { return null; },
|
|
156
|
+
onFilter: function (f) { return dispatch((0, actions_1.filter)(f)); },
|
|
157
|
+
filtersData: state.request.f,
|
|
158
|
+
FilterInput: ui.FilterInput,
|
|
159
|
+
}, hiddenColumns: {
|
|
160
|
+
value: props.hiddenColumns,
|
|
161
|
+
onChange: props.onChangeHiddenColumns,
|
|
162
|
+
}, schema: schema }));
|
|
163
|
+
})
|
|
164
|
+
.filter(function (i) { return !!i; });
|
|
165
|
+
var components = (0, react_1.useMemo)(function () {
|
|
166
|
+
return {
|
|
167
|
+
checkboxFormatter: ui.SelectRowCheckbox,
|
|
168
|
+
noRowsFallback: react_1.default.createElement(ui.NoRowsFallback, { error: state.error, loading: !!state.loading }),
|
|
169
|
+
};
|
|
170
|
+
}, [ui, state.error, state.loading]);
|
|
171
|
+
return (react_1.default.createElement(ui.Container, { mb: mb, mt: mt, ml: ml, mr: mr, mx: mx, my: my, m: m, noBorder: noBorder },
|
|
172
|
+
renderedToolbarPlugins.length > 0 && (react_1.default.createElement(ui.ToolbarContainer, { noBorder: noBorder }, renderedToolbarPlugins)),
|
|
173
|
+
react_1.default.createElement(ui.FilterList, { dispatch: dispatch, onFilter: onFilter, filters: schema.filters, filtersData: state.request.f, FilterListItem: ui.FilterListItem, noBorder: noBorder }),
|
|
174
|
+
state.loading && react_1.default.createElement(ui.LinearProgress, null),
|
|
175
|
+
mounted && (react_1.default.createElement(react_data_grid_1.default, { style: {
|
|
176
|
+
border: 0,
|
|
177
|
+
borderRadius: 4,
|
|
178
|
+
height: contentHeight + headerRowHeight + (rows.length === 0 ? 44 : 0),
|
|
179
|
+
overflowY: "hidden",
|
|
180
|
+
}, 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) {
|
|
181
|
+
if (sortColumns.length > 0) {
|
|
182
|
+
var sc = sortColumns[0];
|
|
183
|
+
dispatch((0, actions_1.sort)(sc.columnKey, sc.direction.toLowerCase()));
|
|
184
|
+
}
|
|
185
|
+
else {
|
|
186
|
+
dispatch((0, actions_1.sortClear)());
|
|
187
|
+
}
|
|
188
|
+
}, sortColumns: state.request.sort && state.request.dir
|
|
189
|
+
? [{ columnKey: state.request.sort, direction: state.request.dir.toUpperCase() }]
|
|
190
|
+
: [], rowHeight: rowHeight, headerRowHeight: headerRowHeight, rowClass: rowClass, rowKeyGetter: keyExtractor, selectedRows: selectedRows, onSelectedRowsChange: onChangeSelectedRows, components: components })),
|
|
191
|
+
react_1.default.createElement(ui.Pagination, { page: state.request.page, perPage: state.request.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)); } })));
|
|
192
|
+
};
|
|
231
193
|
exports.DataGrid = DataGrid;
|
|
232
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
194
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXFGO0FBQ3JGLDJDQVd5QjtBQUN6QiwyQ0FBeUU7QUFFekUsaUNBQXNEO0FBQ3RELG9FQUE0QztBQUM1QywyQ0FBMEM7QUFFMUMsSUFBTSxtQkFBbUIsR0FBaUIsVUFBQSxDQUFDO0lBQ3ZDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNoQixDQUFDLENBQUM7QUFFRixzREFBc0Q7QUFDL0MsSUFBTSxRQUFRLEdBQUcsVUFBeUMsS0FBaUM7O0lBRTFGLElBQUEsRUFBRSxHQW9CRixLQUFLLEdBcEJILEVBQ0YsTUFBTSxHQW1CTixLQUFLLE9BbkJDLEVBQ04sS0FrQkEsS0FBSyxVQWxCUyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsS0FpQkEsS0FBSyxnQkFqQmUsRUFBcEIsZUFBZSxtQkFBRyxFQUFFLEtBQUEsRUFDcEIsUUFBUSxHQWdCUixLQUFLLFNBaEJHLEVBQ1IsUUFBUSxHQWVSLEtBQUssU0FmRyxFQUNSLFlBQVksR0FjWixLQUFLLGFBZE8sRUFDWixvQkFBb0IsR0FhcEIsS0FBSyxxQkFiZSxFQUNwQixLQVlBLEtBQUssYUFaNkIsRUFBbEMsWUFBWSxtQkFBRyxtQkFBbUIsS0FBQSxFQUNsQyxRQUFRLEdBV1IsS0FBSyxTQVhHLEVBQ1IsRUFBRSxHQVVGLEtBQUssR0FWSCxFQUNGLEVBQUUsR0FTRixLQUFLLEdBVEgsRUFDRixFQUFFLEdBUUYsS0FBSyxHQVJILEVBQ0YsRUFBRSxHQU9GLEtBQUssR0FQSCxFQUNGLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixFQUFFLEdBS0YsS0FBSyxHQUxILEVBQ0YsQ0FBQyxHQUlELEtBQUss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
|
package/README.md
CHANGED
|
@@ -117,35 +117,34 @@ const schema: Schema<GridType> = {
|
|
|
117
117
|
|
|
118
118
|
## Seznam props
|
|
119
119
|
|
|
120
|
-
| Název | Typ
|
|
121
|
-
|
|
122
|
-
| schema (required) | `Schema`
|
|
123
|
-
| loader (required) | `Loader`
|
|
124
|
-
| ui (required in core DataGrid) | `UIComponents`
|
|
125
|
-
| gridName | `string`
|
|
126
|
-
| title | `string`
|
|
127
|
-
| initialState | `Request` or `string`
|
|
128
|
-
| keyExtractor | `KeyExtractor`
|
|
129
|
-
| noBorder | `boolean`
|
|
130
|
-
| rowHeight | `number`
|
|
131
|
-
| headerRowHeight | `number`
|
|
132
|
-
| defaultConfig | `Config`
|
|
133
|
-
| rowClass |
|
|
134
|
-
| toolbarPlugins | `ToolbarPlugin[]`
|
|
135
|
-
| **Sloupec akcí** |
|
|
136
|
-
| onOpen | `(row: R) => void`
|
|
137
|
-
| getOpenUrl | `(row: R) => string , null , undefined`
|
|
138
|
-
| onEdit | `(row: R) => void`
|
|
139
|
-
| getEditUrl | `(row: R) => string , null , undefined`
|
|
140
|
-
| onRemove | `(row: R) => void`
|
|
141
|
-
| **Skryté sloupce** |
|
|
142
|
-
| hiddenColumns | `string[]`
|
|
143
|
-
| onChangeHiddenColumns | `ChangeHiddenColumnsHandler`
|
|
144
|
-
| **Výběr řádků** |
|
|
145
|
-
|
|
|
146
|
-
|
|
|
147
|
-
|
|
|
148
|
-
|
|
|
149
|
-
| onCsvDownload | `CsvDownloadHandler` | |
|
|
120
|
+
| Název | Typ | Popis |
|
|
121
|
+
|--------------------------------|-----------------------------------------|-------|
|
|
122
|
+
| schema (required) | `Schema` | |
|
|
123
|
+
| loader (required) | `Loader` | |
|
|
124
|
+
| ui (required in core DataGrid) | `UIComponents` | |
|
|
125
|
+
| gridName | `string` | |
|
|
126
|
+
| title | `string` | |
|
|
127
|
+
| initialState | `Request` or `string` | |
|
|
128
|
+
| keyExtractor | `KeyExtractor` | |
|
|
129
|
+
| noBorder | `boolean` | TODO |
|
|
130
|
+
| rowHeight | `number` | TODO |
|
|
131
|
+
| headerRowHeight | `number` | TODO |
|
|
132
|
+
| defaultConfig | `Config` | |
|
|
133
|
+
| rowClass | | TODO |
|
|
134
|
+
| toolbarPlugins | `ToolbarPlugin[]` | |
|
|
135
|
+
| **Sloupec akcí** | | |
|
|
136
|
+
| onOpen | `(row: R) => void` | |
|
|
137
|
+
| getOpenUrl | `(row: R) => string , null , undefined` | |
|
|
138
|
+
| onEdit | `(row: R) => void` | |
|
|
139
|
+
| getEditUrl | `(row: R) => string , null , undefined` | |
|
|
140
|
+
| onRemove | `(row: R) => void` | |
|
|
141
|
+
| **Skryté sloupce** | | |
|
|
142
|
+
| hiddenColumns | `string[]` | |
|
|
143
|
+
| onChangeHiddenColumns | `ChangeHiddenColumnsHandler` | |
|
|
144
|
+
| **Výběr řádků** | | |
|
|
145
|
+
| selectedRows | `Set<number>` | |
|
|
146
|
+
| onChangeSelectedRows | `(selectedRows: Set<number>]) => void` | |
|
|
147
|
+
| **Export** | | |
|
|
148
|
+
| onCsvDownload | `CsvDownloadHandler` | |
|
|
150
149
|
|
|
151
150
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/data-grid",
|
|
3
|
-
"version": "4.0.0-beta.
|
|
3
|
+
"version": "4.0.0-beta.6",
|
|
4
4
|
"description": "Redux DataGrid",
|
|
5
5
|
"homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
|
|
6
6
|
"main": "index.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"polished": "^4.1.3",
|
|
40
|
-
"react-data-grid": "^7.0.0-beta.
|
|
40
|
+
"react-data-grid": "^7.0.0-beta.13"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@tailwindcss/forms": "^0.5.2",
|
package/store/actions.d.ts
CHANGED
package/store/actions.js
CHANGED
|
@@ -39,7 +39,7 @@ var changePerPage = function (perPage) { return ({
|
|
|
39
39
|
exports.changePerPage = changePerPage;
|
|
40
40
|
var search = function (term) { return ({
|
|
41
41
|
type: "FULLTEXT",
|
|
42
|
-
|
|
42
|
+
search: term,
|
|
43
43
|
}); };
|
|
44
44
|
exports.search = search;
|
|
45
45
|
var changeTab = function (tabName) { return ({
|
|
@@ -47,4 +47,4 @@ var changeTab = function (tabName) { return ({
|
|
|
47
47
|
name: tabName,
|
|
48
48
|
}); };
|
|
49
49
|
exports.changeTab = changeTab;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9hY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVPLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQXBCLENBQW9CLENBQUM7QUFBcEMsUUFBQSxNQUFNLFVBQThCO0FBRTFDLElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBa0IsSUFBSyxPQUFBLENBQUM7SUFDL0MsSUFBSSxFQUFFLGFBQWE7SUFDbkIsUUFBUSxVQUFBO0NBQ1gsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxVQUFVLGNBR3BCO0FBRUksSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFVLElBQUssT0FBQSxDQUFDO0lBQ3pDLElBQUksRUFBRSxlQUFlO0lBQ3JCLEtBQUssT0FBQTtDQUNSLENBQUMsRUFIMEMsQ0FHMUMsQ0FBQztBQUhVLFFBQUEsWUFBWSxnQkFHdEI7QUFFSSxJQUFNLElBQUksR0FBRyxVQUFDLFVBQWtCLEVBQUUsU0FBd0IsSUFBSyxPQUFBLENBQUM7SUFDbkUsSUFBSSxFQUFFLE1BQU07SUFDWixVQUFVLFlBQUE7SUFDVixTQUFTLFdBQUE7Q0FDWixDQUFDLEVBSm9FLENBSXBFLENBQUM7QUFKVSxRQUFBLElBQUksUUFJZDtBQUVJLElBQU0sU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzVCLElBQUksRUFBRSxZQUFZO0NBQ3JCLENBQUMsRUFGNkIsQ0FFN0IsQ0FBQztBQUZVLFFBQUEsU0FBUyxhQUVuQjtBQUVJLElBQU0sVUFBVSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxFQUEvQixDQUErQixDQUFDO0FBQS9ELFFBQUEsVUFBVSxjQUFxRDtBQUVyRSxJQUFNLE1BQU0sR0FBRyxVQUFDLFdBQTBCLElBQUssT0FBQSxDQUFDO0lBQ25ELElBQUksRUFBRSxRQUFRO0lBQ2QsV0FBVyxhQUFBO0NBQ2QsQ0FBQyxFQUhvRCxDQUdwRCxDQUFDO0FBSFUsUUFBQSxNQUFNLFVBR2hCO0FBRUksSUFBTSxXQUFXLEdBQUcsY0FBTSxPQUFBLENBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQztBQUEvQyxRQUFBLFdBQVcsZUFBb0M7QUFFckQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFlLElBQUssT0FBQSxDQUFDO0lBQy9DLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsT0FBTyxTQUFBO0NBQ1YsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxhQUFhLGlCQUd2QjtBQUVJLElBQU0sTUFBTSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQztJQUNyQyxJQUFJLEVBQUUsVUFBVTtJQUNoQixNQUFNLEVBQUUsSUFBSTtDQUNmLENBQUMsRUFIc0MsQ0FHdEMsQ0FBQztBQUhVLFFBQUEsTUFBTSxVQUdoQjtBQUVJLElBQU0sU0FBUyxHQUFHLFVBQUMsT0FBZSxJQUFLLE9BQUEsQ0FBQztJQUMzQyxJQUFJLEVBQUUsWUFBWTtJQUNsQixJQUFJLEVBQUUsT0FBTztDQUNoQixDQUFDLEVBSDRDLENBRzVDLENBQUM7QUFIVSxRQUFBLFNBQVMsYUFHbkIifQ==
|
package/store/reducer.d.ts
CHANGED
|
@@ -2,3 +2,4 @@ import { Reducer } from "react";
|
|
|
2
2
|
import { Schema, Request, DataGridState } from "../types";
|
|
3
3
|
export declare const getInitialState: (schema: Schema<any>, init?: string | Request | undefined) => DataGridState;
|
|
4
4
|
export declare const reducer: Reducer<DataGridState, any>;
|
|
5
|
+
export declare const debugReducer: Reducer<DataGridState, any>;
|
package/store/reducer.js
CHANGED
|
@@ -36,23 +36,29 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
36
36
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.reducer = exports.getInitialState = void 0;
|
|
39
|
+
exports.debugReducer = exports.reducer = exports.getInitialState = void 0;
|
|
40
40
|
var utils_1 = require("../utils");
|
|
41
41
|
var getInitialState = function (schema, init) {
|
|
42
42
|
var _a, _b, _c, _d, _e, _f;
|
|
43
43
|
var initialState = init === undefined ? {} : typeof init === "string" ? (_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {} : init;
|
|
44
44
|
return {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
request: {
|
|
46
|
+
f: (_b = initialState.f) !== null && _b !== void 0 ? _b : [],
|
|
47
|
+
page: (_c = initialState.page) !== null && _c !== void 0 ? _c : 0,
|
|
48
|
+
dir: (_d = initialState.dir) !== null && _d !== void 0 ? _d : schema.dir,
|
|
49
|
+
sort: (_e = initialState.sort) !== null && _e !== void 0 ? _e : schema.sort,
|
|
50
|
+
perPage: (_f = initialState.perPage) !== null && _f !== void 0 ? _f : schema.perPage,
|
|
51
|
+
tab: schema.tabs.length > 0 ? schema.tabs[0].name : null,
|
|
52
|
+
search: "",
|
|
53
|
+
},
|
|
54
|
+
tabRequests: {},
|
|
52
55
|
};
|
|
53
56
|
};
|
|
54
57
|
exports.getInitialState = getInitialState;
|
|
58
|
+
// eslint-disable-next-line complexity
|
|
55
59
|
var reducer = function (state, action) {
|
|
60
|
+
var _a;
|
|
61
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
56
62
|
switch (action.type) {
|
|
57
63
|
case "RELOAD":
|
|
58
64
|
return __assign(__assign({}, state), { loading: true });
|
|
@@ -61,25 +67,35 @@ var reducer = function (state, action) {
|
|
|
61
67
|
case "RELOAD_FAILED":
|
|
62
68
|
return __assign(__assign({}, state), { loading: false, error: action.error });
|
|
63
69
|
case "CHANGE_PAGE":
|
|
64
|
-
return __assign(__assign({}, state), { page: action.page });
|
|
70
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: action.page }) });
|
|
65
71
|
case "CHANGE_PER_PAGE":
|
|
66
|
-
return __assign(__assign({}, state), { perPage: action.perPage });
|
|
72
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { perPage: action.perPage }) });
|
|
67
73
|
case "FILTER":
|
|
68
74
|
// eslint-disable-next-line no-case-declarations
|
|
69
75
|
var filterValue_1 = action.filterValue;
|
|
70
|
-
return __assign(__assign({}, state), { page: 0, f: state.f.find(function (f) { return f.name === filterValue_1.name; })
|
|
71
|
-
|
|
72
|
-
|
|
76
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: 0, f: state.request.f.find(function (f) { return f.name === filterValue_1.name; })
|
|
77
|
+
? state.request.f.map(function (f) { return (f.name === filterValue_1.name ? filterValue_1 : f); })
|
|
78
|
+
: __spreadArray(__spreadArray([], __read(state.request.f), false), [filterValue_1], false) }) });
|
|
73
79
|
case "FILTER_RESET":
|
|
74
|
-
return __assign(__assign({}, state), { page: 0, f: [] });
|
|
80
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: 0, f: [] }) });
|
|
75
81
|
case "SORT":
|
|
76
|
-
return __assign(__assign({}, state), { sort: action.columnName, dir: action.direction });
|
|
82
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { sort: action.columnName, dir: action.direction }) });
|
|
77
83
|
case "SORT_CLEAR":
|
|
78
|
-
return __assign(__assign({}, state), { sort: null, dir: null });
|
|
84
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { sort: null, dir: null }) });
|
|
79
85
|
case "FULLTEXT":
|
|
80
|
-
return __assign(__assign({}, state), {
|
|
86
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { search: action.search, page: 0 }) });
|
|
81
87
|
case "CHANGE_TAB":
|
|
82
|
-
|
|
88
|
+
// eslint-disable-next-line no-case-declarations
|
|
89
|
+
var tabHistory = (_b = state.tabRequests[action.name]) !== null && _b !== void 0 ? _b : {};
|
|
90
|
+
return __assign(__assign({}, state), { request: {
|
|
91
|
+
f: (_c = tabHistory.f) !== null && _c !== void 0 ? _c : [],
|
|
92
|
+
search: (_d = tabHistory.search) !== null && _d !== void 0 ? _d : "",
|
|
93
|
+
page: (_e = tabHistory.page) !== null && _e !== void 0 ? _e : 0,
|
|
94
|
+
perPage: (_f = tabHistory.perPage) !== null && _f !== void 0 ? _f : state.request.perPage,
|
|
95
|
+
dir: (_g = tabHistory.dir) !== null && _g !== void 0 ? _g : state.request.dir,
|
|
96
|
+
sort: (_h = tabHistory.sort) !== null && _h !== void 0 ? _h : state.request.sort,
|
|
97
|
+
tab: action.name,
|
|
98
|
+
}, tabRequests: __assign(__assign({}, state.tabRequests), (_a = {}, _a[(_j = state.request.tab) !== null && _j !== void 0 ? _j : "__DEFAULT_TAB__"] = state.request, _a)) });
|
|
83
99
|
default:
|
|
84
100
|
// eslint-disable-next-line no-console
|
|
85
101
|
console.warn("Unknown datagrid action.", action);
|
|
@@ -87,4 +103,11 @@ var reducer = function (state, action) {
|
|
|
87
103
|
}
|
|
88
104
|
};
|
|
89
105
|
exports.reducer = reducer;
|
|
90
|
-
|
|
106
|
+
var debugReducer = function (state, action) {
|
|
107
|
+
var newState = (0, exports.reducer)(state, action);
|
|
108
|
+
// eslint-disable-next-line no-console
|
|
109
|
+
console.log("" + action.type, { action: action, oldState: state, newState: newState });
|
|
110
|
+
return newState;
|
|
111
|
+
};
|
|
112
|
+
exports.debugReducer = debugReducer;
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLGtDQUF3QztBQUVqQyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsT0FBTztRQUNILE9BQU8sRUFBRTtZQUNMLENBQUMsRUFBRSxNQUFBLFlBQVksQ0FBQyxDQUFDLG1DQUFJLEVBQUU7WUFDdkIsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksQ0FBQztZQUM1QixHQUFHLEVBQUUsTUFBQSxZQUFZLENBQUMsR0FBRyxtQ0FBSSxNQUFNLENBQUMsR0FBRztZQUNuQyxJQUFJLEVBQUUsTUFBQSxZQUFZLENBQUMsSUFBSSxtQ0FBSSxNQUFNLENBQUMsSUFBSTtZQUN0QyxPQUFPLEVBQUUsTUFBQSxZQUFZLENBQUMsT0FBTyxtQ0FBSSxNQUFNLENBQUMsT0FBTztZQUMvQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSTtZQUN4RCxNQUFNLEVBQUUsRUFBRTtTQUNiO1FBQ0QsV0FBVyxFQUFFLEVBQUU7S0FDbEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWRXLFFBQUEsZUFBZSxtQkFjMUI7QUFFRixzQ0FB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
|