@uxf/data-grid 4.0.0-beta.8 → 4.0.0
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.js +35 -26
- package/README.md +19 -1
- package/index.d.ts +1 -0
- package/index.js +2 -1
- package/package.json +2 -2
- package/store/reducer.js +9 -8
- package/tailwindui/DataGrid.d.ts +2 -1
- package/tailwindui/DataGrid.js +4 -4
- package/tailwindui/components/action-cell-base.js +9 -14
- package/tailwindui/components/circle-button.js +5 -4
- package/tailwindui/components/inputs/select.d.ts +1 -0
- package/tailwindui/components/inputs/select.js +3 -3
- package/tailwindui/components/pagination.js +12 -11
- package/tailwindui/components/selected-rows-toolbar.js +3 -3
- package/tailwindui/toolbar-plugins/tabs-plugin.js +4 -2
- package/types.d.ts +10 -3
- package/useCallbackRef.d.ts +2 -0
- package/useCallbackRef.js +7 -0
- package/useColumns.js +5 -3
package/DataGrid.js
CHANGED
|
@@ -86,13 +86,19 @@ var defaultKeyExtractor = function (r) {
|
|
|
86
86
|
};
|
|
87
87
|
// eslint-disable-next-line react/require-optimization
|
|
88
88
|
var DataGrid = function (props) {
|
|
89
|
-
var _a, _b, _c, _d, _e, _f;
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
-
var _m =
|
|
89
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
90
|
+
var rowHeight = (_a = props.rowHeight) !== null && _a !== void 0 ? _a : 44;
|
|
91
|
+
var headerRowHeight = (_b = props.headerRowHeight) !== null && _b !== void 0 ? _b : 36;
|
|
92
|
+
var _m = props.ui, ToolbarContainer = _m.ToolbarContainer, LinearProgress = _m.LinearProgress, Container = _m.Container, FilterList = _m.FilterList, Pagination = _m.Pagination, SelectedRowsToolbar = _m.SelectedRowsToolbar, NoRowsFallback = _m.NoRowsFallback, SelectRowCheckbox = _m.SelectRowCheckbox;
|
|
93
|
+
var _o = __read((0, react_1.useReducer)(props.debug ? reducer_1.debugReducer : reducer_1.reducer, (0, reducer_1.getInitialState)(props.schema, props.initialState)), 2), state = _o[0], dispatch = _o[1];
|
|
94
|
+
var _p = __read((0, react_1.useState)(false), 2), mounted = _p[0], setMounted = _p[1];
|
|
93
95
|
(0, react_1.useEffect)(function () {
|
|
94
96
|
setMounted(true);
|
|
95
97
|
}, []);
|
|
98
|
+
// TODO @vejvis - tady vyřešit problém se závislostma v useCallbacku
|
|
99
|
+
var schema = props.schema;
|
|
100
|
+
var gridName = props.gridName;
|
|
101
|
+
var loader = props.loader;
|
|
96
102
|
var onReload = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
97
103
|
var request, response, e_1;
|
|
98
104
|
return __generator(this, function (_a) {
|
|
@@ -122,6 +128,11 @@ var DataGrid = function (props) {
|
|
|
122
128
|
}
|
|
123
129
|
});
|
|
124
130
|
}); }, [state, schema, gridName, loader]);
|
|
131
|
+
if (props.callbackRef) {
|
|
132
|
+
props.callbackRef.current = {
|
|
133
|
+
reload: onReload,
|
|
134
|
+
};
|
|
135
|
+
}
|
|
125
136
|
(0, react_1.useEffect)(function () {
|
|
126
137
|
onReload();
|
|
127
138
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -137,15 +148,14 @@ var DataGrid = function (props) {
|
|
|
137
148
|
var onFilter = (0, react_1.useCallback)(function (value) {
|
|
138
149
|
dispatch((0, actions_1.filter)(value));
|
|
139
150
|
}, [dispatch]);
|
|
140
|
-
var rows = (
|
|
151
|
+
var rows = (_d = (_c = state.response) === null || _c === void 0 ? void 0 : _c.result) !== null && _d !== void 0 ? _d : [];
|
|
141
152
|
var columns = (0, useColumns_1.useColumns)(props, onReload);
|
|
142
153
|
var contentHeight = typeof rowHeight === "function"
|
|
143
|
-
? rows.reduce(function (prev, curr) { return prev + rowHeight(curr); })
|
|
144
|
-
: (
|
|
145
|
-
var renderedToolbarPlugins = toolbarPlugins
|
|
146
|
-
.map(function (Plugin, index) {
|
|
154
|
+
? rows.reduce(function (prev, curr) { return prev + rowHeight({ type: "ROW", row: curr }); })
|
|
155
|
+
: (rowHeight + 1) * rows.length;
|
|
156
|
+
var renderedToolbarPlugins = (_f = (_e = props.toolbarPlugins) === null || _e === void 0 ? void 0 : _e.map(function (Plugin, index) {
|
|
147
157
|
var _a;
|
|
148
|
-
return (react_1.default.createElement(Plugin, { key: index, props: props, state: state, dispatch: dispatch, fulltext: {
|
|
158
|
+
return (react_1.default.createElement(Plugin, { key: index, props: props, state: state, dispatch: dispatch, reload: onReload, fulltext: {
|
|
149
159
|
value: (_a = state.request.search) !== null && _a !== void 0 ? _a : "",
|
|
150
160
|
onChange: function (term) { return dispatch((0, actions_1.search)(term)); },
|
|
151
161
|
}, tab: {
|
|
@@ -155,29 +165,28 @@ var DataGrid = function (props) {
|
|
|
155
165
|
onReset: function () { return null; },
|
|
156
166
|
onFilter: function (f) { return dispatch((0, actions_1.filter)(f)); },
|
|
157
167
|
filtersData: state.request.f,
|
|
158
|
-
FilterInput: ui.FilterInput,
|
|
168
|
+
FilterInput: props.ui.FilterInput,
|
|
159
169
|
}, hiddenColumns: {
|
|
160
170
|
value: props.hiddenColumns,
|
|
161
171
|
onChange: props.onChangeHiddenColumns,
|
|
162
|
-
}, schema: schema }));
|
|
163
|
-
})
|
|
164
|
-
.filter(function (i) { return !!i; });
|
|
172
|
+
}, schema: props.schema }));
|
|
173
|
+
}).filter(function (i) { return !!i; })) !== null && _f !== void 0 ? _f : [];
|
|
165
174
|
var components = (0, react_1.useMemo)(function () {
|
|
166
175
|
return {
|
|
167
|
-
checkboxFormatter:
|
|
168
|
-
noRowsFallback: react_1.default.createElement(
|
|
176
|
+
checkboxFormatter: SelectRowCheckbox,
|
|
177
|
+
noRowsFallback: react_1.default.createElement(NoRowsFallback, { error: state.error, loading: !!state.loading }),
|
|
169
178
|
};
|
|
170
|
-
}, [
|
|
171
|
-
return (react_1.default.createElement(
|
|
172
|
-
renderedToolbarPlugins.length > 0 && (react_1.default.createElement(
|
|
173
|
-
react_1.default.createElement(
|
|
174
|
-
react_1.default.createElement(
|
|
179
|
+
}, [SelectRowCheckbox, NoRowsFallback, state.error, state.loading]);
|
|
180
|
+
return (react_1.default.createElement(Container, { mb: props.mb, mt: props.mt, ml: props.ml, mr: props.mr, mx: props.mx, my: props.my, m: props.m, noBorder: props.noBorder },
|
|
181
|
+
renderedToolbarPlugins.length > 0 && (react_1.default.createElement(ToolbarContainer, { noBorder: props.noBorder }, renderedToolbarPlugins)),
|
|
182
|
+
react_1.default.createElement(LinearProgress, { loading: !!state.loading }),
|
|
183
|
+
react_1.default.createElement(FilterList, { dispatch: dispatch, onFilter: onFilter, filters: props.schema.filters, filtersData: state.request.f, FilterListItem: props.ui.FilterListItem, noBorder: props.noBorder }),
|
|
175
184
|
mounted && (react_1.default.createElement(react_data_grid_1.default, { style: {
|
|
176
185
|
border: 0,
|
|
177
186
|
borderRadius: 4,
|
|
178
187
|
height: contentHeight + headerRowHeight + (rows.length === 0 ? 44 : 0),
|
|
179
188
|
overflowY: "hidden",
|
|
180
|
-
}, className: "rdg-light", columns: columns, rows: (
|
|
189
|
+
}, className: "rdg-light", columns: columns, rows: (_h = (_g = state.response) === null || _g === void 0 ? void 0 : _g.result) !== null && _h !== void 0 ? _h : [], enableVirtualization: false, onSortColumnsChange: function (sortColumns) {
|
|
181
190
|
if (sortColumns.length > 0) {
|
|
182
191
|
var sc = sortColumns[0];
|
|
183
192
|
dispatch((0, actions_1.sort)(sc.columnKey, sc.direction.toLowerCase()));
|
|
@@ -187,9 +196,9 @@ var DataGrid = function (props) {
|
|
|
187
196
|
}
|
|
188
197
|
}, sortColumns: state.request.sort && state.request.dir
|
|
189
198
|
? [{ 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(
|
|
192
|
-
react_1.default.createElement(
|
|
199
|
+
: [], rowHeight: rowHeight, headerRowHeight: headerRowHeight, rowClass: props.rowClass, rowKeyGetter: (_j = props.keyExtractor) !== null && _j !== void 0 ? _j : defaultKeyExtractor, selectedRows: props.selectedRows, onSelectedRowsChange: props.onChangeSelectedRows, components: components })),
|
|
200
|
+
react_1.default.createElement(Pagination, { page: state.request.page, perPage: state.request.perPage, count: (_l = (_k = state.response) === null || _k === void 0 ? void 0 : _k.count) !== null && _l !== void 0 ? _l : 0, onChangePage: function (page) { return dispatch((0, actions_1.changePage)(page)); }, onChangeRowsPerPage: function (perPage) { return dispatch((0, actions_1.changePerPage)(perPage)); } }),
|
|
201
|
+
react_1.default.createElement(SelectedRowsToolbar, { selectedRows: props.selectedRows, onChangeSelectedRows: props.onChangeSelectedRows, Actions: props.ui.SelectedRowsToolbarActions, reload: onReload })));
|
|
193
202
|
};
|
|
194
203
|
exports.DataGrid = DataGrid;
|
|
195
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
204
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXFGO0FBQ3JGLDJDQVd5QjtBQUN6QiwyQ0FBeUU7QUFFekUsaUNBQXNEO0FBQ3RELG9FQUE0QztBQUM1QywyQ0FBMEM7QUFFMUMsSUFBTSxtQkFBbUIsR0FBaUIsVUFBQSxDQUFDO0lBQ3ZDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNoQixDQUFDLENBQUM7QUFFRixzREFBc0Q7QUFDL0MsSUFBTSxRQUFRLEdBQUcsVUFBeUMsS0FBaUM7O0lBQzlGLElBQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLFNBQVMsbUNBQUksRUFBRSxDQUFDO0lBQ3hDLElBQU0sZUFBZSxHQUFHLE1BQUEsS0FBSyxDQUFDLGVBQWUsbUNBQUksRUFBRSxDQUFDO0lBQzlDLElBQUEsS0FTRixLQUFLLENBQUMsRUFBRSxFQVJSLGdCQUFnQixzQkFBQSxFQUNoQixjQUFjLG9CQUFBLEVBQ2QsU0FBUyxlQUFBLEVBQ1QsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVixtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLGlCQUFpQix1QkFDVCxDQUFDO0lBRVAsSUFBQSxLQUFBLE9BQW9CLElBQUEsa0JBQVUsRUFDaEMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsc0JBQVksQ0FBQyxDQUFDLENBQUMsaUJBQU8sRUFDcEMsSUFBQSx5QkFBZSxFQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUNwRCxJQUFBLEVBSE0sS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUdyQixDQUFDO0lBQ0ksSUFBQSxLQUFBLE9BQXdCLElB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
|
package/README.md
CHANGED
|
@@ -48,7 +48,7 @@ Do souboru `tailwind.config.js` přidat následující řádky
|
|
|
48
48
|
/** @type {import('tailwindcss').Config} */
|
|
49
49
|
module.exports = {
|
|
50
50
|
content: [
|
|
51
|
-
"./node_modules/@uxf/data-grid/tailwindui/**/*.
|
|
51
|
+
"./node_modules/@uxf/data-grid/tailwindui/**/*.js" // přidat
|
|
52
52
|
],
|
|
53
53
|
theme: {
|
|
54
54
|
extend: {
|
|
@@ -122,6 +122,23 @@ const schema: Schema<GridType> = {
|
|
|
122
122
|
<DataGrid<GridType> schema={schema}/>
|
|
123
123
|
```
|
|
124
124
|
|
|
125
|
+
## Přenačtení datagridu z rodičovské komponenty
|
|
126
|
+
```tsx
|
|
127
|
+
import { DataGrid } from "@uxf/data-grid/tailwindui";
|
|
128
|
+
import { useCallbackRef } from "@uxf/data-grid"
|
|
129
|
+
|
|
130
|
+
const Page: React.FC = () => {
|
|
131
|
+
const callbackRef = useCallbackRef();
|
|
132
|
+
|
|
133
|
+
return (
|
|
134
|
+
<>
|
|
135
|
+
<DataGrid schema={schema} loader={loader} callbackRef={callbackRef}/>
|
|
136
|
+
<button onClick={() => callbackRef.current?.reload()}>RELOAD</button>
|
|
137
|
+
</>
|
|
138
|
+
);
|
|
139
|
+
}
|
|
140
|
+
```
|
|
141
|
+
|
|
125
142
|
## Seznam props
|
|
126
143
|
|
|
127
144
|
| Název | Typ | Popis |
|
|
@@ -129,6 +146,7 @@ const schema: Schema<GridType> = {
|
|
|
129
146
|
| schema (required) | `Schema` | |
|
|
130
147
|
| loader (required) | `Loader` | |
|
|
131
148
|
| ui (required in core DataGrid) | `UIComponents` | |
|
|
149
|
+
| callbackRef | `CallbackRef` | |
|
|
132
150
|
| gridName | `string` | |
|
|
133
151
|
| title | `string` | |
|
|
134
152
|
| initialState | `Request` or `string` | |
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -13,7 +13,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
13
13
|
exports.encodeFilter = exports.decodeFilter = void 0;
|
|
14
14
|
__exportStar(require("./DataGrid"), exports);
|
|
15
15
|
__exportStar(require("./types"), exports);
|
|
16
|
+
__exportStar(require("./useCallbackRef"), exports);
|
|
16
17
|
var utils_1 = require("./utils");
|
|
17
18
|
Object.defineProperty(exports, "decodeFilter", { enumerable: true, get: function () { return utils_1.decodeFilter; } });
|
|
18
19
|
Object.defineProperty(exports, "encodeFilter", { enumerable: true, get: function () { return utils_1.encodeFilter; } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0I7QUFDeEIsbURBQWlDO0FBRWpDLGlDQUFxRDtBQUE1QyxxR0FBQSxZQUFZLE9BQUE7QUFBRSxxR0FBQSxZQUFZLE9BQUEifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/data-grid",
|
|
3
|
-
"version": "4.0.0
|
|
3
|
+
"version": "4.0.0",
|
|
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": "
|
|
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
|
@@ -39,16 +39,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
39
|
exports.debugReducer = exports.reducer = exports.getInitialState = void 0;
|
|
40
40
|
var utils_1 = require("../utils");
|
|
41
41
|
var getInitialState = function (schema, init) {
|
|
42
|
-
var _a, _b, _c, _d, _e, _f;
|
|
42
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
43
43
|
var initialState = init === undefined ? {} : typeof init === "string" ? (_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {} : init;
|
|
44
|
+
var tabsCount = (_c = (_b = schema.tabs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
|
|
44
45
|
return {
|
|
45
46
|
request: {
|
|
46
|
-
f: (
|
|
47
|
-
page: (
|
|
48
|
-
dir: (
|
|
49
|
-
sort: (
|
|
50
|
-
perPage: (
|
|
51
|
-
tab:
|
|
47
|
+
f: (_d = initialState.f) !== null && _d !== void 0 ? _d : [],
|
|
48
|
+
page: (_e = initialState.page) !== null && _e !== void 0 ? _e : 0,
|
|
49
|
+
dir: (_f = initialState.dir) !== null && _f !== void 0 ? _f : schema.dir,
|
|
50
|
+
sort: (_g = initialState.sort) !== null && _g !== void 0 ? _g : schema.sort,
|
|
51
|
+
perPage: (_h = initialState.perPage) !== null && _h !== void 0 ? _h : schema.perPage,
|
|
52
|
+
tab: tabsCount > 0 ? schema.tabs[0].name : null,
|
|
52
53
|
search: "",
|
|
53
54
|
},
|
|
54
55
|
tabRequests: {},
|
|
@@ -110,4 +111,4 @@ var debugReducer = function (state, action) {
|
|
|
110
111
|
return newState;
|
|
111
112
|
};
|
|
112
113
|
exports.debugReducer = debugReducer;
|
|
113
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLGtDQUF3QztBQUVqQyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsSUFBTSxTQUFTLEdBQUcsTUFBQSxNQUFBLE1BQU0sQ0FBQyxJQUFJLDBDQUFFLE1BQU0sbUNBQUksQ0FBQyxDQUFDO0lBQzNDLE9BQU87UUFDSCxPQUFPLEVBQUU7WUFDTCxDQUFDLEVBQUUsTUFBQSxZQUFZLENBQUMsQ0FBQyxtQ0FBSSxFQUFFO1lBQ3ZCLElBQUksRUFBRSxNQUFBLFlBQVksQ0FBQyxJQUFJLG1DQUFJLENBQUM7WUFDNUIsR0FBRyxFQUFFLE1BQUEsWUFBWSxDQUFDLEdBQUcsbUNBQUksTUFBTSxDQUFDLEdBQUc7WUFDbkMsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksTUFBTSxDQUFDLElBQUk7WUFDdEMsT0FBTyxFQUFFLE1BQUEsWUFBWSxDQUFDLE9BQU8sbUNBQUksTUFBTSxDQUFDLE9BQU87WUFDL0MsR0FBRyxFQUFFLFNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQy9DLE1BQU0sRUFBRSxFQUFFO1NBQ2I7UUFDRCxXQUFXLEVBQUUsRUFBRTtLQUNs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
|
package/tailwindui/DataGrid.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { BaseGridType, DataGridBaseProps, UIComponents } from "../types";
|
|
1
|
+
import { BaseGridType, DataGridBaseProps, ToolbarPlugin, UIComponents } from "../types";
|
|
2
2
|
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
|
|
3
3
|
ui?: Partial<UIComponents<GridType, R>>;
|
|
4
4
|
};
|
|
5
|
+
export declare const DEFAULT_TOOLBAR_PLUGINS: ToolbarPlugin[];
|
|
5
6
|
export declare const DataGrid: <GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>) => JSX.Element;
|
package/tailwindui/DataGrid.js
CHANGED
|
@@ -30,7 +30,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
30
30
|
return result;
|
|
31
31
|
};
|
|
32
32
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.DataGrid = void 0;
|
|
33
|
+
exports.DataGrid = exports.DEFAULT_TOOLBAR_PLUGINS = void 0;
|
|
34
34
|
var DataGrid_1 = require("../DataGrid");
|
|
35
35
|
var react_1 = __importStar(require("react"));
|
|
36
36
|
var ui_1 = require("./ui");
|
|
@@ -39,7 +39,7 @@ var filters_plugin_1 = require("./toolbar-plugins/filters-plugin");
|
|
|
39
39
|
var hidden_columns_plugin_1 = require("./toolbar-plugins/hidden-columns-plugin");
|
|
40
40
|
var csv_export_plugin_1 = require("./toolbar-plugins/csv-export-plugin");
|
|
41
41
|
var tabs_plugin_1 = require("./toolbar-plugins/tabs-plugin");
|
|
42
|
-
|
|
42
|
+
exports.DEFAULT_TOOLBAR_PLUGINS = [
|
|
43
43
|
tabs_plugin_1.TabsPlugin,
|
|
44
44
|
fulltext_plugin_1.FulltextPlugin,
|
|
45
45
|
filters_plugin_1.FiltersPlugin,
|
|
@@ -50,7 +50,7 @@ var DataGrid = function (props) {
|
|
|
50
50
|
var ui = (0, react_1.useMemo)(function () {
|
|
51
51
|
return __assign(__assign({}, ui_1.UI), props.ui);
|
|
52
52
|
}, [props.ui]);
|
|
53
|
-
return react_1.default.createElement(DataGrid_1.DataGrid, __assign({ toolbarPlugins:
|
|
53
|
+
return react_1.default.createElement(DataGrid_1.DataGrid, __assign({ toolbarPlugins: exports.DEFAULT_TOOLBAR_PLUGINS }, props, { ui: ui }));
|
|
54
54
|
};
|
|
55
55
|
exports.DataGrid = DataGrid;
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS9EYXRhR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0Esd0NBQXVEO0FBQ3ZELDZDQUF1QztBQUN2QywyQkFBMEI7QUFDMUIscUVBQW1FO0FBQ25FLG1FQUFpRTtBQUNqRSxpRkFBOEU7QUFDOUUseUVBQXNFO0FBQ3RFLDZEQUEyRDtBQU05QyxRQUFBLHVCQUF1QixHQUFvQjtJQUNwRCx3QkFBVTtJQUNWLGdDQUFjO0lBQ2QsOEJBQWE7SUFDYiwyQ0FBbUI7SUFDbkIsbUNBQWU7Q0FDbEIsQ0FBQztBQUVLLElBQU0sUUFBUSxHQUFHLFVBQXlDLEtBQWlDO0lBQzlGLElBQU0sRUFBRSxHQUE4QixJQUFBLGVBQU8sRUFBQztRQUMxQyw2QkFBYSxPQUFVLEdBQUssS0FBSyxDQUFDLEVBQUUsRUFBRztJQUMzQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNmLE9BQU8sOEJBQUMsbUJBQVksYUFBQyxjQUFjLEVBQUUsK0JBQXVCLElBQU0sS0FBSyxJQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQztBQUN4RixDQUFDLENBQUM7QUFMVyxRQUFBLFFBQVEsWUFLbkIifQ==
|
|
@@ -63,28 +63,23 @@ var ActionCellItem = (0, react_1.memo)(function (_a) {
|
|
|
63
63
|
});
|
|
64
64
|
ActionCellItem.displayName = "ActionCellItem";
|
|
65
65
|
var Button = function (props) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
var href = getUrl(row);
|
|
66
|
+
if (props.getUrl) {
|
|
67
|
+
var href = props.getUrl(props.row);
|
|
69
68
|
if (!href) {
|
|
70
69
|
return null;
|
|
71
70
|
}
|
|
72
|
-
return (react_1.default.createElement(circle_button_1.CircleButton, { href: href, title: title }, icon));
|
|
71
|
+
return (react_1.default.createElement(circle_button_1.CircleButton, { href: href, title: props.title }, props.icon));
|
|
73
72
|
}
|
|
74
|
-
if (onClick) {
|
|
75
|
-
return (react_1.default.createElement(circle_button_1.CircleButton, { title: title, onClick: function () { return onClick(row); } }, icon));
|
|
73
|
+
if (props.onClick) {
|
|
74
|
+
return (react_1.default.createElement(circle_button_1.CircleButton, { title: props.title, onClick: function () { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, props.row); } }, props.icon));
|
|
76
75
|
}
|
|
77
76
|
return null;
|
|
78
77
|
};
|
|
79
78
|
var ActionCellBase = function (props) {
|
|
80
|
-
var onOpen = props.onOpen, getOpenUrl = props.getOpenUrl, onEdit = props.onEdit, getEditUrl = props.getEditUrl, onRemove = props.onRemove, row = props.row;
|
|
81
|
-
if (!onOpen && !getOpenUrl && !onEdit && !getEditUrl && !onRemove) {
|
|
82
|
-
return null;
|
|
83
|
-
}
|
|
84
79
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
85
|
-
react_1.default.createElement(Button, { row: row, onClick: onRemove, getUrl: undefined, icon: react_1.default.createElement(trash_1.Trash, null), title: "Smazat" }),
|
|
86
|
-
react_1.default.createElement(Button, { row: row, onClick: onEdit, getUrl: getEditUrl, icon: react_1.default.createElement(edit_1.Edit, null), title: "Upravit" }),
|
|
87
|
-
react_1.default.createElement(Button, { row: row, onClick: onOpen, getUrl: getOpenUrl, icon: react_1.default.createElement(open_1.Open, null), title: "Detail" })));
|
|
80
|
+
react_1.default.createElement(Button, { row: props.row, onClick: props.onRemove, getUrl: undefined, icon: react_1.default.createElement(trash_1.Trash, null), title: "Smazat" }),
|
|
81
|
+
react_1.default.createElement(Button, { row: props.row, onClick: props.onEdit, getUrl: props.getEditUrl, icon: react_1.default.createElement(edit_1.Edit, null), title: "Upravit" }),
|
|
82
|
+
react_1.default.createElement(Button, { row: props.row, onClick: props.onOpen, getUrl: props.getOpenUrl, icon: react_1.default.createElement(open_1.Open, null), title: "Detail" })));
|
|
88
83
|
};
|
|
89
84
|
exports.ActionCellBase = ActionCellBase;
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNlbGwtYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvYWN0aW9uLWNlbGwtYmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHFDQUFvQztBQUNwQyxxQ0FBb0M7QUFDcEMsdUNBQXNDO0FBQ3RDLDZDQUFrRTtBQUVsRSxpREFBK0M7QUFFbEMsUUFBQSxpQkFBaUIsR0FBRyxJQUFBLFlBQUksRUFBQyxVQUFDLEVBQVk7UUFBVixRQUFRLGNBQUE7SUFDN0MsSUFBTSxRQUFRLEdBQUcsSUFBQSxjQUFNLEVBQWlCLElBQUksQ0FBQyxDQUFDO0lBRTlDLElBQUEsaUJBQVMsRUFBQzs7UUFDTixJQUFJLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDbkIsSUFBSSxJQUFJLEdBQW1CLElBQUksQ0FBQztRQUVoQyxJQUFNLElBQUksR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDUCxPQUFPO1NBQ1Y7UUFFRCxJQUFNLGFBQWEsR0FBRztZQUNsQixJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7WUFDckMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztRQUN2RCxDQUFDLENBQUM7UUFFRixJQUFNLFlBQVksR0FBRztZQUNqQixJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM1QixJQUFJLElBQUksRUFBRTtnQkFDTixVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztnQkFDN0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQzthQUNsRDtR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
|
|
@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.CircleButton = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var CircleButton = function (props) {
|
|
9
|
-
var _a = props.className, className = _a === void 0 ? "" : _a, onClick = props.onClick, title = props.title, children = props.children, light = props.light;
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
var _a = props.className, className = _a === void 0 ? "" : _a, onClick = props.onClick, title = props.title, children = props.children, light = props.light, href = props.href;
|
|
10
|
+
var preparedClassName = (light ? "text-white hover:bg-gray-700 " : "text-gray-600 hover:bg-gray-200 ") +
|
|
11
|
+
("inline-flex items-center p-2 rounded-full bg-transparent focus:outline-none focus:ring-primary-500 " + className);
|
|
12
|
+
return href ? (react_1.default.createElement("a", { type: "button", title: title, href: href, className: preparedClassName }, children)) : (react_1.default.createElement("button", { onClick: onClick, type: "button", title: title, className: preparedClassName }, children));
|
|
12
13
|
};
|
|
13
14
|
exports.CircleButton = CircleButton;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvY2lyY2xlLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQXlDO0FBV2xDLElBQU0sWUFBWSxHQUFnQyxVQUFBLEtBQUs7SUFDbEQsSUFBQSxLQUEwRCxLQUFLLFVBQWpELEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxPQUFPLEdBQW1DLEtBQUssUUFBeEMsRUFBRSxLQUFLLEdBQTRCLEtBQUssTUFBakMsRUFBRSxRQUFRLEdBQWtCLEtBQUssU0FBdkIsRUFBRSxLQUFLLEdBQVcsS0FBSyxNQUFoQixFQUFFLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUN4RSxJQUFNLGlCQUFpQixHQUNuQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUMsQ0FBQyxDQUFDLGtDQUFrQyxDQUFDO1NBQzlFLHdHQUFzRyxTQUFXLENBQUEsQ0FBQztJQUV0SCxPQUFPLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDVixxQ0FBRyxJQUFJLEVBQUMsUUFBUSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsaUJBQWlCLElBQ2xFLFFBQVEsQ0FDVCxDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0EsMENBQVEsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUMsUUFBUSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixJQUM3RSxRQUFRLENBQ0osQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZlcsUUFBQSxZQUFZLGdCQWV2QiJ9
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Select = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var Select = function (props) {
|
|
9
|
-
var label = props.label, options = props.options, value = props.value, id = props.id, onChange = props.onChange, _a = props.className, className = _a === void 0 ? "" : _a;
|
|
9
|
+
var label = props.label, options = props.options, value = props.value, id = props.id, onChange = props.onChange, _a = props.className, className = _a === void 0 ? "" : _a, _b = props.hasEmptyValue, hasEmptyValue = _b === void 0 ? true : _b;
|
|
10
10
|
var select = (react_1.default.createElement("select", { id: id, className: "form-select block pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md " + className, onChange: function (e) { return onChange(e.target.value); }, value: value !== null && value !== void 0 ? value : "" },
|
|
11
|
-
react_1.default.createElement("option", { value: "" }, "Vyberte hodnotu"), options === null || options === void 0 ? void 0 :
|
|
11
|
+
hasEmptyValue && react_1.default.createElement("option", { value: "" }, "Vyberte hodnotu"), options === null || options === void 0 ? void 0 :
|
|
12
12
|
options.map(function (o) { return (react_1.default.createElement("option", { key: o.id, value: o.id }, o.label)); })));
|
|
13
13
|
if (!label) {
|
|
14
14
|
return select;
|
|
@@ -18,4 +18,4 @@ var Select = function (props) {
|
|
|
18
18
|
select));
|
|
19
19
|
};
|
|
20
20
|
exports.Select = Select;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9pbnB1dHMvc2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFZbEMsSUFBTSxNQUFNLEdBQTBCLFVBQUEsS0FBSztJQUN0QyxJQUFBLEtBQUssR0FBeUUsS0FBSyxNQUE5RSxFQUFFLE9BQU8sR0FBZ0UsS0FBSyxRQUFyRSxFQUFFLEtBQUssR0FBeUQsS0FBSyxNQUE5RCxFQUFFLEVBQUUsR0FBcUQsS0FBSyxHQUExRCxFQUFFLFFBQVEsR0FBMkMsS0FBSyxTQUFoRCxFQUFFLEtBQXlDLEtBQUssVUFBaEMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUFFLEtBQXlCLEtBQUssY0FBVixFQUFwQixhQUFhLG1CQUFHLElBQUksS0FBQSxDQUFXO0lBRTVGLElBQU0sTUFBTSxHQUFHLENBQ1gsMENBQ0ksRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsd0pBQXNKLFNBQVcsRUFDNUssUUFBUSxFQUFFLFVBQUEsQ0FBQyxJQUFJLE9BQUEsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQXhCLENBQXdCLEVBQ3ZDLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxFQUFFO1FBRWpCLGFBQWEsSUFBSSwwQ0FBUSxLQUFLLEVBQUMsRUFBRSxzQkFBeUIsRUFDMUQsT0FBTyxhQUFQLE9BQU87UUFBUCxPQUFPLENBQUUsR0FBRyxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FDZiwwQ0FBUSxHQUFHLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLEVBQUUsSUFDekIsQ0FBQyxDQUFDLEtBQUssQ0FDSCxDQUNaLEVBSmtCLENBSWxCLENBQUMsQ0FDRyxDQUNaLENBQUM7SUFFRixJQUFJLENBQUMsS0FBSyxFQUFFO1FBQ1IsT0FBTyxNQUFNLENBQUM7S0FDakI7SUFFRCxPQUFPLENBQ0g7UUFDSSx5Q0FBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBQyw4Q0FBOEMsSUFDdkUsS0FBSyxDQUNGO1FBQ1AsTUFBTSxDQUNMLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9CVyxRQUFBLE1BQU0sVUErQmpCIn0=
|
|
@@ -23,16 +23,17 @@ var Pagination = function (props) {
|
|
|
23
23
|
var disabledNext = page >= numberOfPages - 1;
|
|
24
24
|
var fromNumber = page * perPage + 1;
|
|
25
25
|
var toNumber = page * perPage + perPage < count ? page * perPage + perPage : count;
|
|
26
|
-
return (react_1.default.createElement("div", { className: "flex items-center justify-end m-2" },
|
|
27
|
-
react_1.default.createElement("div", { className: "flex
|
|
28
|
-
react_1.default.createElement("div", { className: "
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
26
|
+
return (react_1.default.createElement("div", { className: "text-right sm:flex items-center justify-end m-2 space-y-4 sm:space-y-0" },
|
|
27
|
+
react_1.default.createElement("div", { className: "flex items-center justify-end" },
|
|
28
|
+
react_1.default.createElement("div", { className: "flex flex-row items-center space-x-2 mr-6" },
|
|
29
|
+
react_1.default.createElement("div", { className: "text-sm text-gray-700" }, "Po\u010Det \u0159\u00E1dk\u016F"),
|
|
30
|
+
react_1.default.createElement(select_1.Select, { value: perPage, onChange: function (value) { return onChangeRowsPerPage(Number.parseInt(value, 10)); }, options: PER_PAGE_OPTIONS, hasEmptyValue: false })),
|
|
31
|
+
react_1.default.createElement("p", { className: "text-sm text-gray-700 pr-4" },
|
|
32
|
+
fromNumber,
|
|
33
|
+
" - ",
|
|
34
|
+
toNumber,
|
|
35
|
+
" z\u00A0",
|
|
36
|
+
count)),
|
|
36
37
|
react_1.default.createElement("nav", { className: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" },
|
|
37
38
|
react_1.default.createElement("button", { onClick: function () { return onChangePage(0); }, className: (disabledPrevious ? "text-gray-300 " : "hover:bg-gray-50 text-gray-500 ") +
|
|
38
39
|
"relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium", disabled: disabledPrevious, title: "Prvn\u00ED strana" },
|
|
@@ -52,4 +53,4 @@ var Pagination = function (props) {
|
|
|
52
53
|
react_1.default.createElement(chevron_double_right_1.ChevronDoubleRight, null)))));
|
|
53
54
|
};
|
|
54
55
|
exports.Pagination = Pagination;
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvcGFnaW5hdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLHFEQUFtRDtBQUNuRCxtRUFBZ0U7QUFDaEUsdURBQXFEO0FBQ3JELHFFQUFrRTtBQUVsRSwwQ0FBc0Q7QUFFdEQsSUFBTSxnQkFBZ0IsR0FBMkI7SUFDN0MsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7SUFDdkIsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7SUFDdkIsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7SUFDdkIsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUU7Q0FDNUIsQ0FBQztBQUVLLElBQU0sVUFBVSxHQUF3QixVQUFBLEtBQUs7SUFDeEMsSUFBQSxLQUFLLEdBQXVELEtBQUssTUFBNUQsRUFBRSxJQUFJLEdBQWlELEtBQUssS0FBdEQsRUFBRSxPQUFPLEdBQXdDLEtBQUssUUFBN0MsRUFBRSxZQUFZLEdBQTBCLEtBQUssYUFBL0IsRUFBRSxtQkFBbUIsR0FBSyxLQUFLLG9CQUFWLENBQVc7SUFDMUUsSUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDLENBQUM7SUFFakQsSUFBTSxnQkFBZ0IsR0FBRyxJQUFJLElBQUksQ0FBQyxDQUFDO0lBQ25DLElBQU0sWUFBWSxHQUFHLElBQUksSUFBSSxhQUFhLEdBQUcsQ0FBQyxDQUFDO0lBRS9DLElBQU0sVUFBVSxHQUFHLElBQUksR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDO0lBQ3RDLElBQU0sUUFBUSxHQUFHLElBQUksR0FBRyxPQUFPLEdBQUcsT0FBTyxHQUFH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
|
|
@@ -16,7 +16,7 @@ var getText = function (count) {
|
|
|
16
16
|
return "Vybr\u00E1no " + count + " z\u00E1znam\u016F";
|
|
17
17
|
};
|
|
18
18
|
var SelectedRowsToolbar = function (props) {
|
|
19
|
-
var selectedRows = props.selectedRows, onChangeSelectedRows = props.onChangeSelectedRows, Actions = props.Actions;
|
|
19
|
+
var selectedRows = props.selectedRows, onChangeSelectedRows = props.onChangeSelectedRows, Actions = props.Actions, reload = props.reload;
|
|
20
20
|
if (!onChangeSelectedRows || !selectedRows || selectedRows.size === 0) {
|
|
21
21
|
return null;
|
|
22
22
|
}
|
|
@@ -24,10 +24,10 @@ var SelectedRowsToolbar = function (props) {
|
|
|
24
24
|
react_1.default.createElement("div", { className: "text-white bg-dataGridPrimary rounded-full px-6 py-2 flex items-center justify-center drop-shadow-xl border border-gray-100" },
|
|
25
25
|
react_1.default.createElement("p", { className: "text-sm" }, getText(selectedRows.size)),
|
|
26
26
|
react_1.default.createElement("div", { className: "pl-4 space-x-2" },
|
|
27
|
-
Actions,
|
|
27
|
+
Actions && (react_1.default.createElement(Actions, { onChangeSelectedRows: onChangeSelectedRows, selectedRows: selectedRows, reload: reload })),
|
|
28
28
|
react_1.default.createElement(circle_button_1.CircleButton, { title: "Zru\u0161it v\u00FDb\u011Br", onClick: function () { return onChangeSelectedRows(new Set()); }, light: true },
|
|
29
29
|
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "white", strokeWidth: 2 },
|
|
30
30
|
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })))))));
|
|
31
31
|
};
|
|
32
32
|
exports.SelectedRowsToolbar = SelectedRowsToolbar;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtcm93cy10b29sYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9zZWxlY3RlZC1yb3dzLXRvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGlEQUErQztBQUMvQyxnREFBMEI7QUFHMUIsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFhO0lBQzFCLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8saUJBQWlCLENBQUM7S0FDNUI7SUFDRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7UUFDWCxPQUFPLGtCQUFXLEtBQUssa0JBQVUsQ0FBQztLQUNyQztJQUVELE9BQU8sa0JBQVcsS0FBSyx1QkFBVSxDQUFDO0FBQ3RDLENBQUMsQ0FBQztBQUVLLElBQU0sbUJBQW1CLEdBQWlDLFVBQUEsS0FBSztJQUMxRCxJQUFBLFlBQVksR0FBNEMsS0FBSyxhQUFqRCxFQUFFLG9CQUFvQixHQUFzQixLQUFLLHFCQUEzQixFQUFFLE9BQU8sR0FBYSxLQUFLLFFBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXRFLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtRQUNuRSxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUNJLFNBQVMsRUFBQyx5RUFBeUUsRUFDbkYsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLEdBQUcsRUFBRTtRQUUzQix1Q0FBSyxTQUFTLEVBQUMsNkhBQTZIO1lBQ3hJLHFDQUFHLFNBQVMsRUFBQyxTQUFTLElBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBSztZQUN2RCx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCO2dCQUMxQixPQUFPLElBQUksQ0FDUiw4QkFBQyxPQUFPLElBQ0osb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLFlBQVksRUFBRSxZQUFZLEVBQzFCLE1BQU0sRUFBRSxNQUFNLEdBQ2hCLENBQ0w7Z0JBQ0QsOEJBQUMsNEJBQVksSUFBQyxLQUFLLEVBQUMsNkJBQWMsRUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLG9CQUFvQixDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsRUFBL0IsQ0FBK0IsRUFBRSxLQUFLO29CQUNwRix1Q0FDSSxLQUFLLEVBQUMsNEJBQTRCLEVBQ2xDLFNBQVMsRUFBQyxTQUFTLEVBQ25CLElBQUksRUFBQyxNQUFNLEVBQ1gsT0FBTyxFQUFDLFdBQVcsRUFDbkIsTUFBTSxFQUFDLE9BQU8sRUFDZCxXQUFXLEVBQUUsQ0FBQzt3QkFFZCx3Q0FBTSxhQUFhLEVBQUMsT0FBTyxFQUFDLGNBQWMsRUFBQyxPQUFPLEVBQUMsQ0FBQyxFQUFDLHNCQUFzQixHQUFHLENBQzVFLENBQ0ssQ0FDYixDQUNKLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdENXLFFBQUEsbUJBQW1CLHVCQXNDOUIifQ==
|
|
@@ -7,13 +7,15 @@ exports.TabsPlugin = void 0;
|
|
|
7
7
|
var tab_1 = require("../components/tab");
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
9
|
var TabsPlugin = function (props) {
|
|
10
|
+
var _a, _b;
|
|
10
11
|
var tab = props.tab, schema = props.schema;
|
|
11
12
|
var active = tab.active, onChange = tab.onChange;
|
|
12
|
-
|
|
13
|
+
var tabsCount = (_b = (_a = schema.tabs) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
|
|
14
|
+
if (tabsCount === 0) {
|
|
13
15
|
return null;
|
|
14
16
|
}
|
|
15
17
|
return (react_1.default.createElement("div", { className: "flex flex-1 self-stretch" },
|
|
16
18
|
react_1.default.createElement("nav", { className: "-mb-px flex space-x-4", "aria-label": "Tabs" }, schema.tabs.map(function (t) { return (react_1.default.createElement(tab_1.Tab, { key: t.name, title: t.label, active: active === t.name, onClick: function () { return onChange(t.name); } })); }))));
|
|
17
19
|
};
|
|
18
20
|
exports.TabsPlugin = TabsPlugin;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS90b29sYmFyLXBsdWdpbnMvdGFicy1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLHlDQUF3QztBQUN4QyxnREFBMEI7QUFFbkIsSUFBTSxVQUFVLEdBQWtCLFVBQUEsS0FBSzs7SUFDbEMsSUFBQSxHQUFHLEdBQWEsS0FBSyxJQUFsQixFQUFFLE1BQU0sR0FBSyxLQUFLLE9BQVYsQ0FBVztJQUN0QixJQUFBLE1BQU0sR0FBZSxHQUFHLE9BQWxCLEVBQUUsUUFBUSxHQUFLLEdBQUcsU0FBUixDQUFTO0lBRWpDLElBQU0sU0FBUyxHQUFHLE1BQUEsTUFBQSxNQUFNLENBQUMsSUFBSSwwQ0FBRSxNQUFNLG1DQUFJLENBQUMsQ0FBQztJQUUzQyxJQUFJLFNBQVMsS0FBSyxDQUFDLEVBQUU7UUFDakIsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsMEJBQTBCO1FBQ3JDLHVDQUFLLFNBQVMsRUFBQyx1QkFBdUIsZ0JBQVksTUFBTSxJQUNuRCxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQ2xCLDhCQUFDLFNBQUcsSUFBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxLQUFLLENBQUMsQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFoQixDQUFnQixHQUFJLENBQ25HLEVBRnFCLENBRXJCLENBQUMsQ0FDQSxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5CVyxRQUFBLFVBQVUsY0FtQnJCIn0=
|
package/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentType, Dispatch, ReactElement, ReactNode } from "react";
|
|
1
|
+
import React, { ComponentType, Dispatch, MutableRefObject, ReactElement, ReactNode } from "react";
|
|
2
2
|
import { CheckboxFormatterProps, DataGridProps as RDGProps } from "react-data-grid";
|
|
3
3
|
export declare type BaseGridType = {
|
|
4
4
|
columns: any;
|
|
@@ -10,6 +10,9 @@ export declare type KeyExtractor = (row: ResultItem) => number;
|
|
|
10
10
|
export declare type CsvDownloadHandler = (request: Request) => void;
|
|
11
11
|
export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
|
|
12
12
|
export declare type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
|
|
13
|
+
export declare type CallbackRef = {
|
|
14
|
+
reload: () => Promise<void>;
|
|
15
|
+
};
|
|
13
16
|
export declare type Config<C extends BaseGridType["columns"]> = {
|
|
14
17
|
columns: Partial<{
|
|
15
18
|
[columnName in keyof C]: {
|
|
@@ -42,6 +45,7 @@ export declare type UIComponents<GridType extends BaseGridType, R> = {
|
|
|
42
45
|
SelectedRowsToolbarActions?: SelectedRowsToolbarActionsComponent;
|
|
43
46
|
} & ActionCellWithRequiredWidth<R>;
|
|
44
47
|
export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
48
|
+
callbackRef?: MutableRefObject<CallbackRef | undefined>;
|
|
45
49
|
schema: Schema<GridType>;
|
|
46
50
|
loader: Loader;
|
|
47
51
|
gridName?: string;
|
|
@@ -73,7 +77,7 @@ export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
|
73
77
|
toolbarPlugins?: ToolbarPlugin[];
|
|
74
78
|
debug?: boolean;
|
|
75
79
|
};
|
|
76
|
-
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> &
|
|
80
|
+
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
|
|
77
81
|
ui: UIComponents<GridType, R>;
|
|
78
82
|
};
|
|
79
83
|
export declare type Columns<C extends BaseGridType["columns"]> = {
|
|
@@ -208,6 +212,7 @@ export declare type ToolbarPlugin = React.FC<{
|
|
|
208
212
|
state: DataGridState;
|
|
209
213
|
dispatch: Dispatch<any>;
|
|
210
214
|
schema: Schema<any>;
|
|
215
|
+
reload: () => Promise<void>;
|
|
211
216
|
tab: {
|
|
212
217
|
onChange: (tabName: string) => void;
|
|
213
218
|
active: string | null;
|
|
@@ -253,11 +258,13 @@ export declare type LinearProgressComponent = React.FC<{
|
|
|
253
258
|
}>;
|
|
254
259
|
export declare type SelectedRowsToolbarActionsComponent = React.FC<{
|
|
255
260
|
selectedRows: Set<number>;
|
|
256
|
-
onChangeSelectedRows: (rows: Set<number>) =>
|
|
261
|
+
onChangeSelectedRows: (rows: Set<number>) => void;
|
|
262
|
+
reload: () => Promise<void>;
|
|
257
263
|
}>;
|
|
258
264
|
export declare type SelectedRowsToolbarComponent = React.FC<{
|
|
259
265
|
selectedRows?: Set<number>;
|
|
260
266
|
onChangeSelectedRows?: (rows: Set<number>) => void;
|
|
261
267
|
Actions?: SelectedRowsToolbarActionsComponent;
|
|
268
|
+
reload: () => Promise<void>;
|
|
262
269
|
}>;
|
|
263
270
|
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useCallbackRef = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var useCallbackRef = function () { return (0, react_1.useRef)(); };
|
|
6
|
+
exports.useCallbackRef = useCallbackRef;
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ2FsbGJhY2tSZWYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdXNlQ2FsbGJhY2tSZWYudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsK0JBQStCO0FBR3hCLElBQU0sY0FBYyxHQUFHLGNBQU0sT0FBQSxJQUFBLGNBQU0sR0FBZSxFQUFyQixDQUFxQixDQUFDO0FBQTdDLFFBQUEsY0FBYyxrQkFBK0IifQ==
|
package/useColumns.js
CHANGED
|
@@ -47,10 +47,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.useColumns = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var react_data_grid_1 = require("react-data-grid");
|
|
50
|
+
var tailwindui_1 = require("./tailwindui");
|
|
50
51
|
var useColumns = function (props, reload) {
|
|
51
|
-
var onChangeSelectedRows = props.onChangeSelectedRows, schema = props.schema, hiddenColumns = props.hiddenColumns, defaultConfig = props.defaultConfig, ui = props.ui,
|
|
52
|
+
var onChangeSelectedRows = props.onChangeSelectedRows, schema = props.schema, hiddenColumns = props.hiddenColumns, defaultConfig = props.defaultConfig, ui = props.ui, onOpen = props.onOpen, onEdit = props.onEdit, getOpenUrl = props.getOpenUrl, getEditUrl = props.getEditUrl, onRemove = props.onRemove;
|
|
53
|
+
var ActionCell = ui.ActionCell, actionCellWidth = ui.actionCellWidth;
|
|
52
54
|
var rdgActionColumn = (0, react_1.useMemo)(function () {
|
|
53
|
-
return ActionCell || onOpen || onEdit || getOpenUrl || getEditUrl || onRemove
|
|
55
|
+
return (ActionCell && ActionCell !== tailwindui_1.ActionCellBase) || onOpen || onEdit || getOpenUrl || getEditUrl || onRemove
|
|
54
56
|
? {
|
|
55
57
|
key: "__action_column",
|
|
56
58
|
name: "",
|
|
@@ -97,4 +99,4 @@ var useColumns = function (props, reload) {
|
|
|
97
99
|
}, [onChangeSelectedRows, rdgActionColumn, rdgColumns]);
|
|
98
100
|
};
|
|
99
101
|
exports.useColumns = useColumns;
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy91c2VDb2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF1QztBQUN2QyxtREFBdUQ7QUFFdkQsMkNBQThDO0FBRXZDLElBQU0sVUFBVSxHQUFHLFVBQUMsS0FBOEIsRUFBRSxNQUEyQjtJQUU5RSxJQUFBLG9CQUFvQixHQVVwQixLQUFLLHFCQVZlLEVBQ3BCLE1BQU0sR0FTTixLQUFLLE9BVEMsRUFDTixhQUFhLEdBUWIsS0FBSyxjQVJRLEVBQ2IsYUFBYSxHQU9iLEtBQUssY0FQUSxFQUNiLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixNQUFNLEdBS04sS0FBSyxPQUxDLEVBQ04sTUFBTSxHQUlOLEtBQUssT0FKQyxFQUNOLFVBQVUsR0FHVixLQUFLLFdBSEssRUFDVixVQUFVLEdBRVYsS0FBSyxXQUZLLEVBQ1YsUUFBUSxHQUNSLEtBQUssU0FERyxDQUNGO0lBRUYsSUFBQSxVQUFVLEdBQXNCLEVBQUUsV0FBeEIsRUFBRSxlQUFlLEdBQUssRUFBRSxnQkFBUCxDQUFRO0lBRTNDLElBQU0sZUFBZSxHQUF1QixJQUFBLGVBQU8sRUFBQztRQUNoRCxPQUFPLENBQUMsVUFBVSxJQUFJLFVBQVUsS0FBSywyQkFBYyxDQUFDLElBQUksTUFBTSxJQUFJLE1BQU0sSUFBSSxVQUFVLElBQUksVUFBVSxJQUFJLFFBQVE7WUFDNUcsQ0FBQyxDQUFDO2dCQUNJLEdBQUcsRUFBRSxpQkFBaUI7Z0JBQ3RCLElBQUksRUFBRSxFQUFFO2dCQUNSLFNBQVMsRUFBRSxLQUFLO2dCQUNoQixlQUFlLEVBQUUsaUJBQWlCO2dCQUNsQyxTQUFTLEVBQUUsd0JBQXdCO2dCQUNuQyxLQUFLLEVBQUUsVUFBVTtvQkFDYixDQUFDLENBQUMsZUFBZTtvQkFDakIsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU0sYUFBTixNQUFNLGNBQU4sTUFBTSxHQUFJLFVBQVUsRUFBRSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxVQUFVLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLEVBQUQsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQztnQkFDL0YsU0FBUyxFQUFFLFVBQUEsQ0FBQztvQkFDUixPQUFPLENBQ0gsOEJBQUMsRUFBRSxDQUFDLGlCQUFpQjt3QkFDakIsOEJBQUMsRUFBRSxDQUFDLFVBQVUsSUFDVixHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFDVixNQUFNLEVBQUUsTUFBTSxFQUNkLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsVUFBVSxFQUFFLFVBQVUsRUFDdEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxVQUFVLEVBQUUsVUFBVSxHQUN4QixDQUNpQixDQUMxQixDQUFDO2dCQUNOLENBQUM7YUFDSjtZQUNILENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDZixDQUFDLEVBQUUsQ0FBQyxVQUFVLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFFaEcsSUFBTSxVQUFVLEdBQUcsSUFBQSxlQUFPLEVBQXFCO1FBQzNDLE9BQU8sTUFBTSxDQUFDLE9BQU87YUFDaEIsTUFBTSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFBLGFBQWEsYUFBYixhQUFhLHVCQUFiLGFBQWEsQ0FBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQWMsQ0FBQyxDQUFBLEVBQTFDLENBQTBDLENBQUM7YUFDdkQsR0FBRyxDQUFDLFVBQUEsQ0FBQzs7WUFBSSxPQUFBLENBQUM7Z0JBQ1AsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFXO2dCQUNsQixJQUFJLEVBQUUsQ0FBQyxDQUFDLEtBQUs7Z0JBQ2IsZUFBZSxFQUFFLENBQUMsQ0FBQyxJQUFJO2dCQUN2QixTQUFTLEVBQUUsSUFBSTtnQkFDZixRQUFRLEVBQUUsQ0FBQyxDQUFDLElBQUk7Z0JBQ2hCLEtBQUssRUFBRSxNQUFBLENBQUMsQ0FBQyxLQUFLLG1DQUFJLE1BQUEsYUFBYSxhQUFiLGFBQWEsdUJBQWIsYUFBYSxDQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLDBDQUFFLEtBQUs7Z0JBQ3ZELFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUTtnQkFDcEIsUUFBUSxFQUFFLENBQUMsQ0FBQyxRQUFRO2dCQUNwQixTQUFTLEVBQUUsVUFBQSxDQUFDO29CQUNSLE9BQU8sQ0FDSCw4QkFBQyxFQUFFLENBQUMsUUFBUSxJQUNSLE1BQU0sRUFBRTs0QkFDSixJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHOzRCQUNsQixLQUFLLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJOzRCQUNwQixJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFROzRCQUN2QixJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxlQUFzQixFQUFFLE1BQU07eUJBQ2hELEVBQ0QsTUFBTSxFQUFFLE1BQU0sRUFDZCxHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUcsR0FDWixDQUNMLENBQUM7Z0JBQ04sQ0FBQzthQUNKLENBQUMsQ0FBQTtTQUFBLENBQUMsQ0FBQztJQUNaLENBQUMsRUFBRSxDQUFDLGFBQWEsYUFBYixhQUFhLHVCQUFiLGFBQWEsQ0FBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFFeEUsT0FBTyxJQUFBLGVBQU8sRUFBcUI7UUFDL0IsT0FBTyw2QkFBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsOEJBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxVQUFLLFVBQVUsWUFBRSxlQUFlLFVBQUUsTUFBTSxDQUN0RixVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsS0FBSyxJQUFJLEVBQVYsQ0FBVSxDQUNELENBQUM7SUFDdkIsQ0FBQyxFQUFFLENBQUMsb0JBQW9CLEVBQUUsZUFBZSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUM7QUFDNUQsQ0FBQyxDQUFDO0FBaEZXLFFBQUEsVUFBVSxjQWdGckIifQ==
|