@uxf/data-grid 4.0.0-beta.3 → 4.0.0-beta.4
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 +117 -163
- package/README.md +29 -30
- package/package.json +2 -2
- package/store/reducer.js +1 -2
- package/tailwindui/DataGrid.d.ts +3 -9
- package/tailwindui/DataGrid.js +7 -34
- package/tailwindui/components/body-cell-wrapper.d.ts +1 -0
- package/tailwindui/components/body-cell-wrapper.js +4 -3
- package/tailwindui/components/filters-list.js +3 -3
- 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/hidden-columns-plugin.js +10 -13
- package/tailwindui/toolbar-plugins/title-plugin.js +5 -5
- package/tailwindui/ui.js +4 -1
- package/types.d.ts +16 -9
- package/useColumns.d.ts +3 -0
- package/useColumns.js +100 -0
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,107 @@ 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;
|
|
91
|
+
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];
|
|
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
|
+
}, [state.dir, state.sort, state.perPage, state.page, state.f, state.fullText, state.tab]);
|
|
129
|
+
var onFilter = (0, react_1.useCallback)(function (value) {
|
|
130
|
+
dispatch((0, actions_1.filter)(value));
|
|
131
|
+
}, [dispatch]);
|
|
132
|
+
var rows = (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [];
|
|
133
|
+
var columns = (0, useColumns_1.useColumns)(props, onReload);
|
|
134
|
+
var contentHeight = typeof rowHeight === "function"
|
|
135
|
+
? rows.reduce(function (prev, curr) { return prev + rowHeight(curr); })
|
|
136
|
+
: ((rowHeight !== null && rowHeight !== void 0 ? rowHeight : 44) + 1) * rows.length;
|
|
137
|
+
var renderedToolbarPlugins = toolbarPlugins
|
|
138
|
+
.map(function (Plugin, index) {
|
|
139
|
+
var _a;
|
|
140
|
+
return (react_1.default.createElement(Plugin, { key: index, props: props, state: state, dispatch: dispatch, fulltext: {
|
|
141
|
+
value: (_a = state.fullText) !== null && _a !== void 0 ? _a : "",
|
|
142
|
+
onChange: function (term) { return dispatch((0, actions_1.search)(term)); },
|
|
143
|
+
}, tab: {
|
|
144
|
+
active: state.tab,
|
|
145
|
+
onChange: function (tabName) { return dispatch((0, actions_1.changeTab)(tabName)); },
|
|
146
|
+
}, filter: {
|
|
147
|
+
onReset: function () { return null; },
|
|
148
|
+
onFilter: function (f) { return dispatch((0, actions_1.filter)(f)); },
|
|
149
|
+
filtersData: state.f,
|
|
150
|
+
FilterInput: ui.FilterInput,
|
|
151
|
+
}, hiddenColumns: {
|
|
152
|
+
value: props.hiddenColumns,
|
|
153
|
+
onChange: props.onChangeHiddenColumns,
|
|
154
|
+
}, schema: schema }));
|
|
155
|
+
})
|
|
156
|
+
.filter(function (i) { return !!i; });
|
|
157
|
+
var components = (0, react_1.useMemo)(function () {
|
|
158
|
+
return {
|
|
159
|
+
checkboxFormatter: ui.SelectRowCheckbox,
|
|
160
|
+
noRowsFallback: react_1.default.createElement(ui.NoRowsFallback, { error: state.error, loading: !!state.loading }),
|
|
161
|
+
};
|
|
162
|
+
}, [ui, state.error, state.loading]);
|
|
163
|
+
return (react_1.default.createElement(ui.Container, { mb: mb, mt: mt, ml: ml, mr: mr, mx: mx, my: my, m: m, noBorder: noBorder },
|
|
164
|
+
renderedToolbarPlugins.length > 0 && (react_1.default.createElement(ui.ToolbarContainer, { noBorder: noBorder }, renderedToolbarPlugins)),
|
|
165
|
+
react_1.default.createElement(ui.FilterList, { dispatch: dispatch, onFilter: onFilter, filters: schema.filters, filtersData: state.f, FilterListItem: ui.FilterListItem, noBorder: noBorder }),
|
|
166
|
+
state.loading && react_1.default.createElement(ui.LinearProgress, null),
|
|
167
|
+
mounted && (react_1.default.createElement(react_data_grid_1.default, { style: {
|
|
168
|
+
border: 0,
|
|
169
|
+
borderRadius: 4,
|
|
170
|
+
height: contentHeight + headerRowHeight + (rows.length === 0 ? 44 : 0),
|
|
171
|
+
overflowY: "hidden",
|
|
172
|
+
}, 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) {
|
|
173
|
+
if (sortColumns.length > 0) {
|
|
174
|
+
var sc = sortColumns[0];
|
|
175
|
+
dispatch((0, actions_1.sort)(sc.columnKey, sc.direction.toLowerCase()));
|
|
176
|
+
}
|
|
177
|
+
else {
|
|
178
|
+
dispatch((0, actions_1.sortClear)());
|
|
179
|
+
}
|
|
180
|
+
}, sortColumns: state.sort && state.dir
|
|
181
|
+
? [{ columnKey: state.sort, direction: state.dir.toUpperCase() }]
|
|
182
|
+
: [], rowHeight: rowHeight, headerRowHeight: headerRowHeight, rowClass: rowClass, rowKeyGetter: keyExtractor, selectedRows: selectedRows, onSelectedRowsChange: onChangeSelectedRows, components: components })),
|
|
183
|
+
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)); } })));
|
|
184
|
+
};
|
|
231
185
|
exports.DataGrid = DataGrid;
|
|
232
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
186
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXFGO0FBQ3JGLDJDQVd5QjtBQUN6QiwyQ0FBMkQ7QUFFM0QsaUNBQXNEO0FBQ3RELG9FQUE0QztBQUM1QywyQ0FBMEM7QUFFMUMsSUFBTSxtQkFBbUIsR0FBaUIsVUFBQSxDQUFDO0lBQ3ZDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNoQixDQUFDLENBQUM7QUFFRixzREFBc0Q7QUFDL0MsSUFBTSxRQUFRLEdBQUcsVUFBeUMsS0FBaUM7O0lBRTFGLElBQUEsRUFBRSxHQW1CRixLQUFLLEdBbkJILEVBQ0YsTUFBTSxHQWtCTixLQUFLLE9BbEJDLEVBQ04sS0FpQkEsS0FBSyxVQWpCUyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsS0FnQkEsS0FBSyxnQkFoQmUsRUFBcEIsZUFBZSxtQkFBRyxFQUFFLEtBQUEsRUFDcEIsUUFBUSxHQWVSLEtBQUssU0FmRyxFQUNSLFFBQVEsR0FjUixLQUFLLFNBZEcsRUFDUixZQUFZLEdBYVosS0FBSyxhQWJPLEVBQ1osb0JBQW9CLEdBWXBCLEtBQUsscUJBWmUsRUFDcEIsS0FXQSxLQUFLLGFBWDZCLEVBQWxDLFlBQVksbUJBQUcsbUJBQW1CLEtBQUEsRUFDbEMsUUFBUSxHQVVSLEtBQUssU0FWRyxFQUNSLEVBQUUsR0FTRixLQUFLLEdBVEgsRUFDRixFQUFFLEdBUUYsS0FBSyxHQVJILEVBQ0YsRUFBRSxHQU9GLEtBQUssR0FQSCxFQUNGLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixFQUFFLEdBS0YsS0FBSyxHQUxILEVBQ0YsRUFBRSxHQUlGLEtBQUssR0FKSCxFQUNGLENBQUMsR0FHRCxLQUFLLEVB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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.4",
|
|
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/reducer.js
CHANGED
|
@@ -47,7 +47,6 @@ var getInitialState = function (schema, init) {
|
|
|
47
47
|
dir: (_d = initialState.dir) !== null && _d !== void 0 ? _d : schema.dir,
|
|
48
48
|
sort: (_e = initialState.sort) !== null && _e !== void 0 ? _e : schema.sort,
|
|
49
49
|
perPage: (_f = initialState.perPage) !== null && _f !== void 0 ? _f : schema.perPage,
|
|
50
|
-
mounted: false,
|
|
51
50
|
tab: schema.tabs.length > 0 ? schema.tabs[0].name : null,
|
|
52
51
|
};
|
|
53
52
|
};
|
|
@@ -87,4 +86,4 @@ var reducer = function (state, action) {
|
|
|
87
86
|
}
|
|
88
87
|
};
|
|
89
88
|
exports.reducer = reducer;
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLGtDQUF3QztBQUVqQyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsT0FBTztRQUNILENBQUMsRUFBRSxNQUFBLFlBQVksQ0FBQyxDQUFDLG1DQUFJLEVBQUU7UUFDdkIsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksQ0FBQztRQUM1QixHQUFHLEVBQUUsTUFBQSxZQUFZLENBQUMsR0FBRyxtQ0FBSSxNQUFNLENBQUMsR0FBRztRQUNuQyxJQUFJLEVBQUUsTUFBQSxZQUFZLENBQUMsSUFBSSxtQ0FBSSxNQUFNLENBQUMsSUFBSTtRQUN0QyxPQUFPLEVBQUUsTUFBQSxZQUFZLENBQUMsT0FBTyxtQ0FBSSxNQUFNLENBQUMsT0FBTztRQUMvQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSTtLQUMzRCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVlcsUUFBQSxlQUFlLG1CQVUxQjtBQUVLLElBQU0sT0FBTyxHQUFnQyxVQUFDLEtBQUssRUFBRSxNQUFNO0lBQzlELFFBQVEsTUFBTSxDQUFDLElBQUksRUFBRTtRQUNqQixLQUFLLFFBQVE7WUFDVCw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLElBQUksSUFDZjtRQUNOLEtBQUssYUFBYTtZQUNkLDZCQUNPLEtBQUssS0FDUixPQUFPLEVBQUUsS0FBSyxFQUNkLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUSxJQUMzQjtRQUNOLEtBQUssZUFBZTtZQUNoQiw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLEtBQUssRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFDckI7UUFDTixLQUFLLGFBQWE7WUFDZCw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQ25CO1FBQ04sS0FBSyxpQkFBaUI7WUFDbEIsNkJBQ08sS0FBSyxLQUNSLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxJQUN6QjtRQUNOLEtBQUssUUFBUTtZQUNULGdEQUFnRDtZQUNoRCxJQUFNLGFBQVcsR0FBa0IsTUFBTSxDQUFDLFdBQVcsQ0FBQztZQUN0RCw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLENBQUMsRUFDUCxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLGFBQVcsQ0FBQyxJQUFJLEVBQTNCLENBQTJCLENBQUM7b0JBQzdDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxhQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUEvQyxDQUErQyxDQUFDO29CQUNuRSxDQUFDLHdDQUFLLEtBQUssQ0FBQyxDQUFDLFlBQUUsYUFBVyxTQUFDLElBQ2pDO1FBQ04sS0FBSyxjQUFjO1lBQ2YsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxDQUFDLEVBQ1AsQ0FBQyxFQUFFLEVBQUUsSUFDUDtRQUNOLEtBQUssTUFBTTtZQUNQLDZCQUNPLEtBQUssS0FDUixJQUFJLEVBQUUsTUFBTSxDQUFDLFVBQVUsRUFDdkIsR0FBRyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQ3ZCO1FBQ04sS0FBSyxZQUFZO1lBQ2IsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLElBQUksSUFDWDtRQUNOLEtBQUssVUFBVTtZQUNYLDZCQUNPLEtBQUssS0FDUixRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFDekIsSUFBSSxFQUFFLENBQUMsSUFDVDtRQUNOLEtBQUssWUFBWTtZQUNiLDZCQUNPLEtBQUssS0FDUixHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksSUFDbEI7UUFDTjtZQUNJLHNDQUFzQztZQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDLDBCQUEwQixFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ2pELE9BQU8sS0FBSyxDQUFDO0tBQ3BCO0FBQ0wsQ0FBQyxDQUFDO0FBekVXLFFBQUEsT0FBTyxXQXlFbEIifQ==
|
package/tailwindui/DataGrid.d.ts
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & ActionCellWithRequiredWidth<R> & {
|
|
1
|
+
import { BaseGridType, DataGridBaseProps, UIComponents } from "../types";
|
|
2
|
+
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
|
|
4
3
|
ui?: Partial<UIComponents<GridType, R>>;
|
|
5
4
|
};
|
|
6
|
-
export declare
|
|
7
|
-
private dataGridRef;
|
|
8
|
-
constructor(props: Readonly<DataGridProps<GridType, R>>);
|
|
9
|
-
reload(): Promise<void>;
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|
|
5
|
+
export declare const DataGrid: <GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>) => JSX.Element;
|
package/tailwindui/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 __assign = (this && this.__assign) || function () {
|
|
18
3
|
__assign = Object.assign || function(t) {
|
|
19
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -48,7 +33,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
48
33
|
exports.DataGrid = void 0;
|
|
49
34
|
var DataGrid_1 = require("../DataGrid");
|
|
50
35
|
var react_1 = __importStar(require("react"));
|
|
51
|
-
var reducer_1 = require("../store/reducer");
|
|
52
36
|
var ui_1 = require("./ui");
|
|
53
37
|
var title_plugin_1 = require("./toolbar-plugins/title-plugin");
|
|
54
38
|
var fulltext_plugin_1 = require("./toolbar-plugins/fulltext-plugin");
|
|
@@ -62,22 +46,11 @@ var TOOLBAR_PLUGINS = [
|
|
|
62
46
|
hidden_columns_plugin_1.HiddenColumnsPlugin,
|
|
63
47
|
csv_export_plugin_1.CsvExportPlugin,
|
|
64
48
|
];
|
|
65
|
-
var DataGrid =
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
return _this;
|
|
72
|
-
}
|
|
73
|
-
DataGrid.prototype.reload = function () {
|
|
74
|
-
var _a;
|
|
75
|
-
return (_a = this.dataGridRef.current) === null || _a === void 0 ? void 0 : _a.reload();
|
|
76
|
-
};
|
|
77
|
-
DataGrid.prototype.render = function () {
|
|
78
|
-
return (react_1.default.createElement(DataGrid_1.DataGrid, __assign({ ref: this.dataGridRef, toolbarPlugins: TOOLBAR_PLUGINS }, this.props, { ui: __assign(__assign({}, ui_1.UI), this.props.ui) })));
|
|
79
|
-
};
|
|
80
|
-
return DataGrid;
|
|
81
|
-
}(react_1.PureComponent));
|
|
49
|
+
var DataGrid = function (props) {
|
|
50
|
+
var ui = (0, react_1.useMemo)(function () {
|
|
51
|
+
return __assign(__assign({}, ui_1.UI), props.ui);
|
|
52
|
+
}, [props.ui]);
|
|
53
|
+
return react_1.default.createElement(DataGrid_1.DataGrid, __assign({ toolbarPlugins: TOOLBAR_PLUGINS }, props, { ui: ui }));
|
|
54
|
+
};
|
|
82
55
|
exports.DataGrid = DataGrid;
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS9EYXRhR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0Esd0NBQXVEO0FBQ3ZELDZDQUF1QztBQUN2QywyQkFBMEI7QUFDMUIsK0RBQTZEO0FBQzdELHFFQUFtRTtBQUNuRSxtRUFBaUU7QUFDakUsaUZBQThFO0FBQzlFLHlFQUFzRTtBQU10RSxJQUFNLGVBQWUsR0FBb0I7SUFDckMsMEJBQVc7SUFDWCxnQ0FBYztJQUNkLDhCQUFhO0lBQ2IsMkNBQW1CO0lBQ25CLG1DQUFlO0NBQ2xCLENBQUM7QUFFSyxJQUFNLFFBQVEsR0FBRyxVQUF5QyxLQUFpQztJQUM5RixJQUFNLEVBQUUsR0FBOEIsSUFBQSxlQUFPLEVBQUM7UUFDMUMsNkJBQWEsT0FBVSxHQUFLLEtBQUssQ0FBQyxFQUFFLEVBQUc7SUFDM0MsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDZixPQUFPLDhCQUFDLG1CQUFZLGFBQUMsY0FBYyxFQUFFLGVBQWUsSUFBTSxLQUFLLElBQUUsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDO0FBQ2hGLENBQUMsQ0FBQztBQUxXLFFBQUEsUUFBUSxZQUtuQiJ9
|
|
@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.BodyCellWrapper = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var BodyCellWrapper = function (props) {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
var _a = props.className, className = _a === void 0 ? "" : _a, children = props.children;
|
|
10
|
+
return (react_1.default.createElement("div", { className: "flex items-center h-full " + className, style: { userSelect: "text", lineHeight: 1.5 } },
|
|
11
|
+
react_1.default.createElement("div", { className: "w-full" }, children)));
|
|
11
12
|
};
|
|
12
13
|
exports.BodyCellWrapper = BodyCellWrapper;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JvZHktY2VsbC13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFRbEMsSUFBTSxlQUFlLEdBQW9CLFVBQUEsS0FBSztJQUN6QyxJQUFBLEtBQTZCLEtBQUssVUFBcEIsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUMzQyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLDhCQUE0QixTQUFXLEVBQUUsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFO1FBQ25HLHVDQUFLLFNBQVMsRUFBQyxRQUFRLElBQUUsUUFBUSxDQUFPLENBQ3RDLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVBXLFFBQUEsZUFBZSxtQkFPMUIifQ==
|
|
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.FiltersList = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var FiltersList = function (props) {
|
|
9
|
-
var filters = props.filters, filtersData = props.filtersData, FilterListItem = props.FilterListItem, onFilter = props.onFilter;
|
|
9
|
+
var filters = props.filters, filtersData = props.filtersData, FilterListItem = props.FilterListItem, onFilter = props.onFilter, noBorder = props.noBorder;
|
|
10
10
|
if (filters.length === 0) {
|
|
11
11
|
return null;
|
|
12
12
|
}
|
|
13
|
-
return (react_1.default.createElement("div", { className: "py-2 flex flex-row space-x-2" }, filters.map(function (f1) {
|
|
13
|
+
return (react_1.default.createElement("div", { className: (noBorder ? "" : "px-2 ") + "py-2 flex flex-row space-x-2" }, filters.map(function (f1) {
|
|
14
14
|
var _a;
|
|
15
15
|
var value = (_a = filtersData.find(function (f2) { return f2.name === f1.name; })) !== null && _a !== void 0 ? _a : { name: f1.name, value: null };
|
|
16
16
|
return value.value ? (react_1.default.createElement("div", { key: "" + f1.name },
|
|
@@ -18,4 +18,4 @@ var FiltersList = function (props) {
|
|
|
18
18
|
})));
|
|
19
19
|
};
|
|
20
20
|
exports.FiltersList = FiltersList;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVycy1saXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9maWx0ZXJzLWxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLFdBQVcsR0FBd0IsVUFBQSxLQUFLO0lBQ3pDLElBQUEsT0FBTyxHQUFzRCxLQUFLLFFBQTNELEVBQUUsV0FBVyxHQUF5QyxLQUFLLFlBQTlDLEVBQUUsY0FBYyxHQUF5QixLQUFLLGVBQTlCLEVBQUUsUUFBUSxHQUFlLEtBQUssU0FBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFM0UsSUFBSSxPQUFPLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsR0FBRyw4QkFBOEIsSUFDckUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLEVBQUU7O1FBQ1gsSUFBTSxLQUFLLEdBQUcsTUFBQSxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQUEsRUFBRSxJQUFJLE9BQUEsRUFBRSxDQUFDLElBQUksS0FBSyxFQUFFLENBQUMsSUFBSSxFQUFuQixDQUFtQixDQUFDLG1DQUFJLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1FBRTVGLE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDakIsdUNBQUssR0FBRyxFQUFFLEtBQUcsRUFBRSxDQUFDLElBQU07WUFDbEIsOEJBQUMsY0FBYyxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJLENBQzlELENBQ1QsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ2IsQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBcEJXLFFBQUEsV0FBVyxlQW9CdEIifQ==
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
|
+
var t = {};
|
|
34
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
35
|
+
t[p] = s[p];
|
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
37
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
39
|
+
t[p[i]] = s[p[i]];
|
|
40
|
+
}
|
|
41
|
+
return t;
|
|
42
|
+
};
|
|
43
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
+
exports.SelectRowCheckbox = void 0;
|
|
45
|
+
var react_1 = __importStar(require("react"));
|
|
46
|
+
var SelectRowComponent = function (_a, ref) {
|
|
47
|
+
var onChange = _a.onChange, props = __rest(_a, ["onChange"]);
|
|
48
|
+
var handleChange = function (e) {
|
|
49
|
+
onChange(e.target.checked, e.nativeEvent.shiftKey);
|
|
50
|
+
};
|
|
51
|
+
return (react_1.default.createElement("input", __assign({ type: "checkbox", className: "focus:ring-indigo-500 h-4 w-4 border-gray-300 rounded", ref: ref }, props, { onChange: handleChange })));
|
|
52
|
+
};
|
|
53
|
+
exports.SelectRowCheckbox = (0, react_1.forwardRef)(SelectRowComponent);
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXJvdy1jaGVja2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvc2VsZWN0LXJvdy1jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBMEM7QUFHMUMsSUFBTSxrQkFBa0IsR0FBK0IsVUFBQyxFQUFzQixFQUFFLEdBQVE7SUFBOUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxLQUFLLGNBQXBCLFlBQXNCLENBQUY7SUFDeEUsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFzQztRQUN4RCxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUcsQ0FBQyxDQUFDLFdBQTBCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkUsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNILGtEQUNJLElBQUksRUFBQyxVQUFVLEVBQ2YsU0FBUyxFQUFDLHVEQUF1RCxFQUNqRSxHQUFHLEVBQUUsR0FBRyxJQUNKLEtBQUssSUFDVCxRQUFRLEVBQUUsWUFBWSxJQUN4QixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFFVyxRQUFBLGlCQUFpQixHQUErQixJQUFBLGtCQUFVLEVBQUMsa0JBQXlCLENBQUMsQ0FBQyJ9
|
|
@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ToolbarContainer = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var ToolbarContainer = function (props) {
|
|
9
|
-
|
|
9
|
+
var children = props.children, noBorder = props.noBorder;
|
|
10
|
+
return (react_1.default.createElement("div", { className: (noBorder ? "" : "px-2 ") + "flex items-center justify-end space-x-2 border-b border-b-gray-300" }, children));
|
|
10
11
|
};
|
|
11
12
|
exports.ToolbarContainer = ToolbarContainer;
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL3Rvb2xiYXItY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxnQkFBZ0IsR0FBOEIsVUFBQSxLQUFLO0lBQ3BELElBQUEsUUFBUSxHQUFlLEtBQUssU0FBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDckMsT0FBTyxDQUNILHVDQUNJLFNBQVMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsR0FBRyxvRUFBb0UsSUFFMUcsUUFBUSxDQUNQLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVRXLFFBQUEsZ0JBQWdCLG9CQVMzQiJ9
|
package/tailwindui/styles.css
CHANGED
|
@@ -9,12 +9,12 @@ var cloud_download_1 = require("../components/icons/cloud-download");
|
|
|
9
9
|
var circle_button_1 = require("../components/circle-button");
|
|
10
10
|
var react_1 = __importDefault(require("react"));
|
|
11
11
|
var CsvExportPlugin = function (props) {
|
|
12
|
-
var
|
|
12
|
+
var state = props.state, dataGridProps = props.props;
|
|
13
13
|
return (react_1.default.createElement(circle_button_1.CircleButton, { title: "St\u00E1hnout csv", onClick: function () {
|
|
14
14
|
return dataGridProps.onCsvDownload &&
|
|
15
|
-
dataGridProps.onCsvDownload((0, utils_1.createRequest)(
|
|
15
|
+
dataGridProps.onCsvDownload((0, utils_1.createRequest)(state, dataGridProps.schema.sort, dataGridProps.schema.dir));
|
|
16
16
|
} },
|
|
17
17
|
react_1.default.createElement(cloud_download_1.CloudDownload, null)));
|
|
18
18
|
};
|
|
19
19
|
exports.CsvExportPlugin = CsvExportPlugin;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3N2LWV4cG9ydC1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS90b29sYmFyLXBsdWdpbnMvY3N2LWV4cG9ydC1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLHFDQUE0QztBQUM1QyxxRUFBbUU7QUFDbkUsNkRBQTJEO0FBQzNELGdEQUEwQjtBQUVuQixJQUFNLGVBQWUsR0FBa0IsVUFBQSxLQUFLO0lBQ3ZDLElBQUEsS0FBSyxHQUEyQixLQUFLLE1BQWhDLEVBQVMsYUFBYSxHQUFLLEtBQUssTUFBVixDQUFXO0lBQzlDLE9BQU8sQ0FDSCw4QkFBQyw0QkFBWSxJQUNULEtBQUssRUFBQyxtQkFBYyxFQUNwQixPQUFPLEVBQUU7WUFDTCxPQUFBLGFBQWEsQ0FBQyxhQUFhO2dCQUMzQixhQUFhLENBQUMsYUFBYSxDQUFDLElBQUEscUJBQWEsRUFBQyxLQUFLLEVBQUUsYUFBYSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsYUFBYSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUR0RyxDQUNzRztRQUcxRyw4QkFBQyw4QkFBYSxPQUFHLENBQ04sQ0FDbEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWJXLFFBQUEsZUFBZSxtQkFhMUIifQ==
|
|
@@ -37,20 +37,13 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
37
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
38
|
exports.FiltersPlugin = void 0;
|
|
39
39
|
var react_1 = __importStar(require("react"));
|
|
40
|
-
var actions_1 = require("../../store/actions");
|
|
41
40
|
var drawer_1 = require("../components/drawer");
|
|
42
41
|
var circle_button_1 = require("../components/circle-button");
|
|
43
42
|
var filter_1 = require("../components/icons/filter");
|
|
44
|
-
var filter_input_base_1 = require("../components/filter-input-base");
|
|
45
43
|
var FiltersPlugin = function (props) {
|
|
46
|
-
var _a,
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
var filters = dataGridProps.schema.filters;
|
|
50
|
-
var FilterInput = (_b = (_a = dataGridProps.ui) === null || _a === void 0 ? void 0 : _a.FilterInput) !== null && _b !== void 0 ? _b : filter_input_base_1.FilterInputBase;
|
|
51
|
-
var gridName = dataGridProps.gridName;
|
|
52
|
-
var filtersData = dataGridState.f;
|
|
53
|
-
if (filters.length === 0) {
|
|
44
|
+
var dataGridProps = props.props, schema = props.schema, _a = props.filter, onFilter = _a.onFilter, filtersData = _a.filtersData, FilterInput = _a.FilterInput;
|
|
45
|
+
var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
46
|
+
if (schema.filters.length === 0) {
|
|
54
47
|
return null;
|
|
55
48
|
}
|
|
56
49
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -58,10 +51,10 @@ var FiltersPlugin = function (props) {
|
|
|
58
51
|
react_1.default.createElement(circle_button_1.CircleButton, { onClick: function () { return setIsOpen(true); }, title: "Filtrovat" },
|
|
59
52
|
react_1.default.createElement(filter_1.Filter, null))),
|
|
60
53
|
react_1.default.createElement(drawer_1.Drawer, { open: isOpen, onClose: function () { return setIsOpen(false); }, title: "Filtry" },
|
|
61
|
-
react_1.default.createElement("div", { className: "flex flex-col space-y-4" }, filters.map(function (filter) {
|
|
62
|
-
var _a;
|
|
63
|
-
return (react_1.default.createElement(FilterInput, { key: filter.name, filter: filter, gridName: gridName !== null &&
|
|
54
|
+
react_1.default.createElement("div", { className: "flex flex-col space-y-4" }, schema.filters.map(function (filter) {
|
|
55
|
+
var _a, _b;
|
|
56
|
+
return (react_1.default.createElement(FilterInput, { key: filter.name, filter: filter, gridName: (_a = dataGridProps.gridName) !== null && _a !== void 0 ? _a : null, value: (_b = filtersData.find(function (f) { return f.name === filter.name; })) !== null && _b !== void 0 ? _b : { name: filter.name, value: null }, onFilter: onFilter }));
|
|
64
57
|
})))));
|
|
65
58
|
};
|
|
66
59
|
exports.FiltersPlugin = FiltersPlugin;
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVycy1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS90b29sYmFyLXBsdWdpbnMvZmlsdGVycy1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXdDO0FBRXhDLCtDQUE4QztBQUM5Qyw2REFBMkQ7QUFDM0QscURBQWtFO0FBRTNELElBQU0sYUFBYSxHQUFrQixVQUFBLEtBQUs7SUFFekMsSUFBTyxhQUFhLEdBR3BCLEtBQUssTUFIZSxFQUNwQixNQUFNLEdBRU4sS0FBSyxPQUZDLEVBQ04sS0FDQSxLQUFLLE9BRHlDLEVBQXBDLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxXQUFXLGlCQUFFLENBQ3hDO0lBQ0osSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBSSxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7UUFDN0IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSDtRQUNJO1lBQ0ksOEJBQUMsNEJBQVksSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBZixDQUFlLEVBQUUsS0FBSyxFQUFDLFdBQVc7Z0JBQzNELDhCQUFDLGVBQVUsT0FBRyxDQUNILENBQ2I7UUFDTiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBaEIsQ0FBZ0IsRUFBRSxLQUFLLEVBQUMsUUFBUTtZQUNqRSx1Q0FBSyxTQUFTLEVBQUMseUJBQXlCLElBQ25DLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUEsTUFBTTs7Z0JBQUksT0FBQSxDQUMxQiw4QkFBQyxXQUFXLElBQ1IsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2hCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsUUFBUSxFQUFFLE1BQUEsYUFBYSxDQUFDLFFBQVEsbUNBQUksSUFBSSxFQUN4QyxLQUFLLEVBQUUsTUFBQSxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsSUFBSSxFQUF0QixDQUFzQixDQUFDLG1DQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxFQUMxRixRQUFRLEVBQUUsUUFBUSxHQUNwQixDQUNMLENBQUE7YUFBQSxDQUFDLENBQ0EsQ0FDRCxDQUNWLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQWxDVyxRQUFBLGFBQWEsaUJBa0N4QiJ9
|
|
@@ -51,21 +51,18 @@ var switch_1 = require("../components/inputs/switch");
|
|
|
51
51
|
var circle_button_1 = require("../components/circle-button");
|
|
52
52
|
var table_1 = require("../components/icons/table");
|
|
53
53
|
var HiddenColumnsPlugin = function (props) {
|
|
54
|
-
var _a;
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
|
|
58
|
-
var onChangeHiddenColumns = dataGridProps.onChangeHiddenColumns;
|
|
59
|
-
var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
60
|
-
if (!onChangeHiddenColumns) {
|
|
54
|
+
var schema = props.schema, _a = props.hiddenColumns, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange;
|
|
55
|
+
var columns = schema.columns;
|
|
56
|
+
var _c = __read((0, react_1.useState)(false), 2), isOpen = _c[0], setIsOpen = _c[1];
|
|
57
|
+
if (!onChange) {
|
|
61
58
|
return null;
|
|
62
59
|
}
|
|
63
|
-
var
|
|
64
|
-
if (
|
|
65
|
-
|
|
60
|
+
var handleChange = function (column) { return function () {
|
|
61
|
+
if (value.includes(column.name)) {
|
|
62
|
+
onChange(value.filter(function (cn) { return cn !== column.name; }));
|
|
66
63
|
}
|
|
67
64
|
else {
|
|
68
|
-
|
|
65
|
+
onChange(__spreadArray(__spreadArray([], __read(value), false), [column.name], false));
|
|
69
66
|
}
|
|
70
67
|
}; };
|
|
71
68
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -73,7 +70,7 @@ var HiddenColumnsPlugin = function (props) {
|
|
|
73
70
|
react_1.default.createElement(table_1.Table, null)),
|
|
74
71
|
react_1.default.createElement(drawer_1.Drawer, { title: "Zobrazit sloupce", open: isOpen, onClose: function () { return setIsOpen(false); } },
|
|
75
72
|
react_1.default.createElement("div", { className: "flex flex-col space-y-4" }, columns.map(function (column) { return (react_1.default.createElement("div", { key: column.name },
|
|
76
|
-
react_1.default.createElement(switch_1.Switch, { value: !
|
|
73
|
+
react_1.default.createElement(switch_1.Switch, { value: !value.includes(column.name), onChange: handleChange(column), label: column.label }))); })))));
|
|
77
74
|
};
|
|
78
75
|
exports.HiddenColumnsPlugin = HiddenColumnsPlugin;
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlkZGVuLWNvbHVtbnMtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL2hpZGRlbi1jb2x1bW5zLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBd0M7QUFFeEMsK0NBQThDO0FBQzlDLHNEQUFxRDtBQUNyRCw2REFBMkQ7QUFDM0QsbURBQStEO0FBRXhELElBQU0sbUJBQW1CLEdBQWtCLFVBQUEsS0FBSztJQUUvQyxJQUFBLE1BQU0sR0FFTixLQUFLLE9BRkMsRUFDTixLQUNBLEtBQUssY0FEa0MsRUFBdEIsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBLEVBQUUsUUFBUSxjQUFFLENBQ2pDO0lBQ1YsSUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztJQUV6QixJQUFBLEtBQUEsT0FBc0IsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXBDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBbUIsQ0FBQztJQUU1QyxJQUFJLENBQUMsUUFBUSxFQUFFO1FBQ1gsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsTUFBd0IsSUFBSyxPQUFBO1FBQy9DLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDN0IsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBQSxFQUFFLElBQUksT0FBQSxFQUFFLEtBQUssTUFBTSxDQUFDLElBQUksRUFBbEIsQ0FBa0IsQ0FBQyxDQUFDLENBQUM7U0FDcEQ7YUFBTTtZQUNILFFBQVEsd0NBQUssS0FBSyxZQUFFLE1BQU0sQ0FBQyxJQUFJLFVBQUUsQ0FBQztTQUNyQztJQUNMLENBQUMsRUFOa0QsQ0FNbEQsQ0FBQztJQUNGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDRCQUFZLElBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQWYsQ0FBZSxFQUFFLEtBQUssRUFBQyw2QkFBbUI7WUFDbkUsOEJBQUMsYUFBUyxPQUFHLENBQ0Y7UUFDZiw4QkFBQyxlQUFNLElBQUMsS0FBSyxFQUFDLGtCQUFrQixFQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQWhCLENBQWdCO1lBQzFFLHVDQUFLLFNBQVMsRUFBQyx5QkFBeUIsSUFDbkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU0sSUFBSSxPQUFBLENBQ25CLHVDQUFLLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDakIsOEJBQUMsZUFBTSxJQUNILEtBQUssRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUNuQyxRQUFRLEVBQUUsWUFBWSxDQUFDLE1BQU0sQ0FBQyxFQUM5QixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssR0FDckIsQ0FDQSxDQUNULEVBUnNCLENBUXRCLENBQUMsQ0FDQSxDQUNELENBQ1YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeENXLFFBQUEsbUJBQW1CLHVCQXdDOUIifQ==
|
|
@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.TitlePlugin = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var TitlePlugin = function (
|
|
9
|
-
var
|
|
10
|
-
if (!
|
|
8
|
+
var TitlePlugin = function (_a) {
|
|
9
|
+
var props = _a.props;
|
|
10
|
+
if (!props.title) {
|
|
11
11
|
return null;
|
|
12
12
|
}
|
|
13
|
-
return react_1.default.createElement("div", { className: "flex-1 text-lg" },
|
|
13
|
+
return react_1.default.createElement("div", { className: "flex-1 text-lg" }, props.title);
|
|
14
14
|
};
|
|
15
15
|
exports.TitlePlugin = TitlePlugin;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL3RpdGxlLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBR25CLElBQU0sV0FBVyxHQUFrQixVQUFDLEVBQVM7UUFBUCxLQUFLLFdBQUE7SUFDOUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUU7UUFDZCxPQUFPLElBQUksQ0FBQztLQUNmO0lBQ0QsT0FBTyx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCLElBQUUsS0FBSyxDQUFDLEtBQUssQ0FBTyxDQUFDO0FBQy9ELENBQUMsQ0FBQztBQUxXLFFBQUEsV0FBVyxlQUt0QiJ9
|
package/tailwindui/ui.js
CHANGED
|
@@ -11,8 +11,10 @@ var filter_input_base_1 = require("./components/filter-input-base");
|
|
|
11
11
|
var filter_list_item_base_1 = require("./components/filter-list-item-base");
|
|
12
12
|
var filters_list_1 = require("./components/filters-list");
|
|
13
13
|
var pagination_1 = require("./components/pagination");
|
|
14
|
+
var select_row_checkbox_1 = require("./components/select-row-checkbox");
|
|
14
15
|
exports.UI = {
|
|
15
16
|
ActionCell: action_cell_base_1.ActionCellBase,
|
|
17
|
+
actionCellWidth: 100,
|
|
16
18
|
ActionCellWrapper: action_cell_base_1.ActionCellWrapper,
|
|
17
19
|
BodyCell: body_cell_base_1.BodyCellBase,
|
|
18
20
|
NoRowsFallback: no_rows_fallback_1.NoRowsFallback,
|
|
@@ -23,5 +25,6 @@ exports.UI = {
|
|
|
23
25
|
FilterListItem: filter_list_item_base_1.FilterListItemBase,
|
|
24
26
|
FilterList: filters_list_1.FiltersList,
|
|
25
27
|
Pagination: pagination_1.Pagination,
|
|
28
|
+
SelectRowCheckbox: select_row_checkbox_1.SelectRowCheckbox,
|
|
26
29
|
};
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS91aS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esa0VBQWtGO0FBQ2xGLDhEQUEyRDtBQUMzRCxrRUFBK0Q7QUFDL0QsZ0VBQThEO0FBQzlELG9FQUFrRTtBQUNsRSxvREFBbUQ7QUFDbkQsb0VBQWlFO0FBQ2pFLDRFQUF3RTtBQUN4RSwwREFBd0Q7QUFDeEQsc0RBQXFEO0FBQ3JELHdFQUFxRTtBQUV4RCxRQUFBLEVBQUUsR0FBMkI7SUFDdEMsVUFBVSxFQUFFLGlDQUFjO0lBQzFCLGVBQWUsRUFBRSxHQUFHO0lBQ3BCLGlCQUFpQixFQUFFLG9DQUFpQjtJQUNwQyxRQUFRLEVBQUUsNkJBQVk7SUFDdEIsY0FBYyxFQUFFLGlDQUFjO0lBQzlCLGNBQWMsRUFBRSxnQ0FBYztJQUM5QixnQkFBZ0IsRUFBRSxvQ0FBZ0I7SUFDbEMsU0FBUyxFQUFFLHFCQUFTO0lBQ3BCLFdBQVcsRUFBRSxtQ0FBZTtJQUM1QixjQUFjLEVBQUUsMENBQWtCO0lBQ2xDLFVBQVUsRUFBRSwwQkFBVztJQUN2QixVQUFVLEVBQUUsdUJBQVU7SUFDdEIsaUJBQWlCLEVBQUUsdUNBQWlCO0NBQ3ZDLENBQUMifQ==
|
package/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentType, Dispatch, ReactElement, ReactNode } from "react";
|
|
2
|
-
import { DataGridProps as RDGProps } from "react-data-grid";
|
|
2
|
+
import { CheckboxFormatterProps, DataGridProps as RDGProps } from "react-data-grid";
|
|
3
3
|
export declare type BaseGridType = {
|
|
4
4
|
columns: any;
|
|
5
5
|
filters: any;
|
|
@@ -7,7 +7,7 @@ export declare type BaseGridType = {
|
|
|
7
7
|
export declare type SortDirection = "asc" | "desc";
|
|
8
8
|
export declare type SelectableRows = "none" | "single" | "multiple";
|
|
9
9
|
export declare type ResultItem = any;
|
|
10
|
-
export declare type KeyExtractor = (row: ResultItem) =>
|
|
10
|
+
export declare type KeyExtractor = (row: ResultItem) => number;
|
|
11
11
|
export declare type CsvDownloadHandler = (request: Request) => void;
|
|
12
12
|
export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
|
|
13
13
|
export declare type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
|
|
@@ -38,7 +38,8 @@ export declare type UIComponents<GridType extends BaseGridType, R> = {
|
|
|
38
38
|
Container: ContainerComponent;
|
|
39
39
|
ToolbarContainer: ToolbarContainerComponent;
|
|
40
40
|
LinearProgress: React.FC;
|
|
41
|
-
|
|
41
|
+
SelectRowCheckbox: SelectRowCheckboxComponent;
|
|
42
|
+
} & ActionCellWithRequiredWidth<R>;
|
|
42
43
|
export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
43
44
|
schema: Schema<GridType>;
|
|
44
45
|
loader: Loader;
|
|
@@ -48,10 +49,9 @@ export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
|
48
49
|
initialState?: Request | string;
|
|
49
50
|
onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
|
|
50
51
|
hiddenColumns?: string[];
|
|
51
|
-
selectableRows?: SelectableRows;
|
|
52
52
|
onCsvDownload?: CsvDownloadHandler;
|
|
53
|
-
onChangeSelectedRows?: (selectedRows:
|
|
54
|
-
selectedRows?:
|
|
53
|
+
onChangeSelectedRows?: (selectedRows: Set<number>) => void;
|
|
54
|
+
selectedRows?: Set<number>;
|
|
55
55
|
onOpen?: (row: R) => void;
|
|
56
56
|
getOpenUrl?: (row: R) => string | null | undefined;
|
|
57
57
|
onEdit?: (row: R) => void;
|
|
@@ -179,7 +179,6 @@ export interface DataGridState {
|
|
|
179
179
|
perPage: number;
|
|
180
180
|
error?: any;
|
|
181
181
|
fullText?: string;
|
|
182
|
-
mounted: boolean;
|
|
183
182
|
}
|
|
184
183
|
export declare type ContainerComponent = React.FC<{
|
|
185
184
|
mr?: number;
|
|
@@ -194,10 +193,11 @@ export declare type ContainerComponent = React.FC<{
|
|
|
194
193
|
}>;
|
|
195
194
|
export declare type ToolbarContainerComponent = React.FC<{
|
|
196
195
|
children: ReactNode;
|
|
196
|
+
noBorder?: boolean;
|
|
197
197
|
}>;
|
|
198
198
|
export declare type ToolbarPlugin = React.FC<{
|
|
199
|
-
|
|
200
|
-
|
|
199
|
+
props: DataGridProps<any, any>;
|
|
200
|
+
state: DataGridState;
|
|
201
201
|
dispatch: Dispatch<any>;
|
|
202
202
|
schema: Schema<any>;
|
|
203
203
|
tab: {
|
|
@@ -213,6 +213,11 @@ export declare type ToolbarPlugin = React.FC<{
|
|
|
213
213
|
onReset: (initialFilters?: RequestFilter[]) => void;
|
|
214
214
|
onFilter: (value: RequestFilter) => void;
|
|
215
215
|
filtersData: RequestFilter[];
|
|
216
|
+
FilterInput: FilterInputComponent<any>;
|
|
217
|
+
};
|
|
218
|
+
hiddenColumns: {
|
|
219
|
+
value?: string[];
|
|
220
|
+
onChange?: (value: string[]) => void;
|
|
216
221
|
};
|
|
217
222
|
}>;
|
|
218
223
|
export declare type PaginationComponent = React.FC<{
|
|
@@ -228,8 +233,10 @@ export declare type FilterListComponent = React.FC<{
|
|
|
228
233
|
filters: Filter<any, any>[];
|
|
229
234
|
filtersData: RequestFilter[];
|
|
230
235
|
FilterListItem: FilterListItemComponent<any>;
|
|
236
|
+
noBorder?: boolean;
|
|
231
237
|
}>;
|
|
232
238
|
export declare type NoRowsFallbackComponent = React.FC<{
|
|
233
239
|
error?: any;
|
|
234
240
|
loading: boolean;
|
|
235
241
|
}>;
|
|
242
|
+
export declare type SelectRowCheckboxComponent = React.FC<CheckboxFormatterProps>;
|
package/useColumns.d.ts
ADDED
package/useColumns.js
ADDED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
22
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
23
|
+
if (!m) return o;
|
|
24
|
+
var i = m.call(o), r, ar = [], e;
|
|
25
|
+
try {
|
|
26
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
27
|
+
}
|
|
28
|
+
catch (error) { e = { error: error }; }
|
|
29
|
+
finally {
|
|
30
|
+
try {
|
|
31
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
32
|
+
}
|
|
33
|
+
finally { if (e) throw e.error; }
|
|
34
|
+
}
|
|
35
|
+
return ar;
|
|
36
|
+
};
|
|
37
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
38
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
39
|
+
if (ar || !(i in from)) {
|
|
40
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
41
|
+
ar[i] = from[i];
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
45
|
+
};
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
exports.useColumns = void 0;
|
|
48
|
+
var react_1 = __importStar(require("react"));
|
|
49
|
+
var react_data_grid_1 = require("react-data-grid");
|
|
50
|
+
var useColumns = function (props, reload) {
|
|
51
|
+
var onChangeSelectedRows = props.onChangeSelectedRows, schema = props.schema, hiddenColumns = props.hiddenColumns, defaultConfig = props.defaultConfig, ui = props.ui, ActionCell = props.ActionCell, onOpen = props.onOpen, onEdit = props.onEdit, getOpenUrl = props.getOpenUrl, getEditUrl = props.getEditUrl, onRemove = props.onRemove, actionCellWidth = props.actionCellWidth;
|
|
52
|
+
var rdgActionColumn = (0, react_1.useMemo)(function () {
|
|
53
|
+
return ActionCell || onOpen || onEdit || getOpenUrl || getEditUrl || onRemove
|
|
54
|
+
? {
|
|
55
|
+
key: "__action_column",
|
|
56
|
+
name: "",
|
|
57
|
+
resizable: false,
|
|
58
|
+
headerCellClass: "rdg-action-cell",
|
|
59
|
+
cellClass: "action rdg-action-cell",
|
|
60
|
+
width: ActionCell
|
|
61
|
+
? actionCellWidth
|
|
62
|
+
: [onRemove, onEdit !== null && onEdit !== void 0 ? onEdit : getEditUrl, onOpen !== null && onOpen !== void 0 ? onOpen : getOpenUrl].filter(function (i) { return i; }).length * 36 + 8 * 2,
|
|
63
|
+
formatter: function (p) {
|
|
64
|
+
return (react_1.default.createElement(ui.ActionCellWrapper, null,
|
|
65
|
+
react_1.default.createElement(ui.ActionCell, { row: p.row, reload: reload, onRemove: onRemove, onEdit: onEdit, getEditUrl: getEditUrl, onOpen: onOpen, getOpenUrl: getOpenUrl })));
|
|
66
|
+
},
|
|
67
|
+
}
|
|
68
|
+
: null;
|
|
69
|
+
}, [ActionCell, actionCellWidth, getEditUrl, getOpenUrl, onEdit, onOpen, onRemove, reload, ui]);
|
|
70
|
+
var rdgColumns = (0, react_1.useMemo)(function () {
|
|
71
|
+
return schema.columns
|
|
72
|
+
.filter(function (c) { return !(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(c.name)); })
|
|
73
|
+
.map(function (c) {
|
|
74
|
+
var _a, _b;
|
|
75
|
+
return ({
|
|
76
|
+
key: c.name,
|
|
77
|
+
name: c.label,
|
|
78
|
+
headerCellClass: c.type,
|
|
79
|
+
resizable: true,
|
|
80
|
+
sortable: c.sort,
|
|
81
|
+
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,
|
|
82
|
+
minWidth: c.minWidth,
|
|
83
|
+
maxWidth: c.maxWidth,
|
|
84
|
+
formatter: function (p) {
|
|
85
|
+
return (react_1.default.createElement(ui.BodyCell, { column: {
|
|
86
|
+
name: p.column.key,
|
|
87
|
+
label: p.column.name,
|
|
88
|
+
sort: p.column.sortable,
|
|
89
|
+
type: p.column.headerCellClass, //TODO
|
|
90
|
+
}, reload: reload, row: p.row }));
|
|
91
|
+
},
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
}, [defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns, hiddenColumns, reload, schema.columns, ui]);
|
|
95
|
+
return (0, react_1.useMemo)(function () {
|
|
96
|
+
return __spreadArray(__spreadArray([onChangeSelectedRows ? react_data_grid_1.SelectColumn : null], __read(rdgColumns), false), [rdgActionColumn], false).filter(function (c) { return c !== null; });
|
|
97
|
+
}, [onChangeSelectedRows, rdgActionColumn, rdgColumns]);
|
|
98
|
+
};
|
|
99
|
+
exports.useColumns = useColumns;
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy91c2VDb2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF1QztBQUN2QyxtREFBdUQ7QUFHaEQsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUE4QixFQUFFLE1BQTJCO0lBRTlFLElBQUEsb0JBQW9CLEdBWXBCLEtBQUsscUJBWmUsRUFDcEIsTUFBTSxHQVdOLEtBQUssT0FYQyxFQUNOLGFBQWEsR0FVYixLQUFLLGNBVlEsRUFDYixhQUFhLEdBU2IsS0FBSyxjQVRRLEVBQ2IsRUFBRSxHQVFGLEtBQUssR0FSSCxFQUNGLFVBQVUsR0FPVixLQUFLLFdBUEssRUFDVixNQUFNLEdBTU4sS0FBSyxPQU5DLEVBQ04sTUFBTSxHQUtOLEtBQUssT0FMQyxFQUNOLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixVQUFVLEdBR1YsS0FBSyxXQUhLLEVBQ1YsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLGVBQWUsR0FDZixLQUFLLGdCQURVLENBQ1Q7SUFFVixJQUFNLGVBQWUsR0FBdUIsSUFBQSxlQUFPLEVBQUM7UUFDaEQsT0FBTyxVQUFVLElBQUksTUFBTSxJQUFJLE1BQU0sSUFBSSxVQUFVLElBQUksVUFBVSxJQUFJLFFBQVE7WUFDekUsQ0FBQyxDQUFDO2dCQUNJLEdBQUcsRUFBRSxpQkFBaUI7Z0JBQ3RCLElBQUksRUFBRSxFQUFFO2dCQUNSLFNBQVMsRUFBRSxLQUFLO2dCQUNoQixlQUFlLEVBQUUsaUJBQWlCO2dCQUNsQyxTQUFTLEVBQUUsd0JBQXdCO2dCQUNuQyxLQUFLLEVBQUUsVUFBVTtvQkFDYixDQUFDLENBQUMsZUFBZTtvQkFDakIsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU0sYUFBTixNQUFNLGNBQU4sTUFBTSxHQUFJLFVBQVUsRUFBRSxNQUFNLGFBQU4s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
|