@uxf/data-grid 4.0.0-beta.4 → 4.0.0-beta.7
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 +21 -12
- package/README.md +8 -1
- package/package.json +1 -1
- package/store/actions.d.ts +1 -1
- package/store/actions.js +2 -2
- package/store/reducer.d.ts +1 -0
- package/store/reducer.js +42 -18
- package/tailwindui/DataGrid.js +3 -3
- package/tailwindui/components/badge.js +2 -2
- package/tailwindui/components/circle-button.d.ts +1 -0
- package/tailwindui/components/circle-button.js +4 -3
- package/tailwindui/components/drawer.js +2 -2
- package/tailwindui/components/filters-list.js +11 -9
- package/tailwindui/components/inputs/checkbox.js +3 -3
- package/tailwindui/components/inputs/select.js +4 -2
- package/tailwindui/components/inputs/switch.js +5 -3
- package/tailwindui/components/linear-progress.d.ts +2 -2
- package/tailwindui/components/linear-progress.js +5 -2
- package/tailwindui/components/select-row-checkbox.js +2 -2
- package/tailwindui/components/selected-rows-toolbar.d.ts +2 -0
- package/tailwindui/components/selected-rows-toolbar.js +33 -0
- package/tailwindui/components/tab.js +2 -2
- package/tailwindui/styles.css +13 -3
- package/tailwindui/toolbar-plugins/fulltext-plugin.js +9 -2
- package/tailwindui/toolbar-plugins/tabs-plugin.d.ts +2 -0
- package/tailwindui/toolbar-plugins/tabs-plugin.js +19 -0
- package/tailwindui/ui.js +3 -1
- package/types.d.ts +28 -7
- package/utils.js +8 -8
- package/tailwindui/toolbar-plugins/tabs-filter-plugin.d.ts +0 -2
- package/tailwindui/toolbar-plugins/tabs-filter-plugin.js +0 -19
package/DataGrid.js
CHANGED
|
@@ -87,8 +87,8 @@ var defaultKeyExtractor = function (r) {
|
|
|
87
87
|
// eslint-disable-next-line react/require-optimization
|
|
88
88
|
var DataGrid = function (props) {
|
|
89
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];
|
|
90
|
+
var ui = props.ui, schema = props.schema, _g = props.rowHeight, rowHeight = _g === void 0 ? 44 : _g, _h = props.headerRowHeight, headerRowHeight = _h === void 0 ? 36 : _h, noBorder = props.noBorder, rowClass = props.rowClass, selectedRows = props.selectedRows, onChangeSelectedRows = props.onChangeSelectedRows, _j = props.keyExtractor, keyExtractor = _j === void 0 ? defaultKeyExtractor : _j, gridName = props.gridName, ml = props.ml, mt = props.mt, mb = props.mb, mr = props.mr, mx = props.mx, my = props.my, m = props.m, _k = props.toolbarPlugins, toolbarPlugins = _k === void 0 ? [] : _k, loader = props.loader, debug = props.debug;
|
|
91
|
+
var _l = __read((0, react_1.useReducer)(debug ? reducer_1.debugReducer : reducer_1.reducer, (0, reducer_1.getInitialState)(props.schema, props.initialState)), 2), state = _l[0], dispatch = _l[1];
|
|
92
92
|
var _m = __read((0, react_1.useState)(false), 2), mounted = _m[0], setMounted = _m[1];
|
|
93
93
|
(0, react_1.useEffect)(function () {
|
|
94
94
|
setMounted(true);
|
|
@@ -125,7 +125,15 @@ var DataGrid = function (props) {
|
|
|
125
125
|
(0, react_1.useEffect)(function () {
|
|
126
126
|
onReload();
|
|
127
127
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
128
|
-
}, [
|
|
128
|
+
}, [
|
|
129
|
+
state.request.dir,
|
|
130
|
+
state.request.sort,
|
|
131
|
+
state.request.perPage,
|
|
132
|
+
state.request.page,
|
|
133
|
+
state.request.f,
|
|
134
|
+
state.request.search,
|
|
135
|
+
state.request.tab,
|
|
136
|
+
]);
|
|
129
137
|
var onFilter = (0, react_1.useCallback)(function (value) {
|
|
130
138
|
dispatch((0, actions_1.filter)(value));
|
|
131
139
|
}, [dispatch]);
|
|
@@ -138,15 +146,15 @@ var DataGrid = function (props) {
|
|
|
138
146
|
.map(function (Plugin, index) {
|
|
139
147
|
var _a;
|
|
140
148
|
return (react_1.default.createElement(Plugin, { key: index, props: props, state: state, dispatch: dispatch, fulltext: {
|
|
141
|
-
value: (_a = state.
|
|
149
|
+
value: (_a = state.request.search) !== null && _a !== void 0 ? _a : "",
|
|
142
150
|
onChange: function (term) { return dispatch((0, actions_1.search)(term)); },
|
|
143
151
|
}, tab: {
|
|
144
|
-
active: state.tab,
|
|
152
|
+
active: state.request.tab,
|
|
145
153
|
onChange: function (tabName) { return dispatch((0, actions_1.changeTab)(tabName)); },
|
|
146
154
|
}, filter: {
|
|
147
155
|
onReset: function () { return null; },
|
|
148
156
|
onFilter: function (f) { return dispatch((0, actions_1.filter)(f)); },
|
|
149
|
-
filtersData: state.f,
|
|
157
|
+
filtersData: state.request.f,
|
|
150
158
|
FilterInput: ui.FilterInput,
|
|
151
159
|
}, hiddenColumns: {
|
|
152
160
|
value: props.hiddenColumns,
|
|
@@ -162,8 +170,8 @@ var DataGrid = function (props) {
|
|
|
162
170
|
}, [ui, state.error, state.loading]);
|
|
163
171
|
return (react_1.default.createElement(ui.Container, { mb: mb, mt: mt, ml: ml, mr: mr, mx: mx, my: my, m: m, noBorder: noBorder },
|
|
164
172
|
renderedToolbarPlugins.length > 0 && (react_1.default.createElement(ui.ToolbarContainer, { noBorder: noBorder }, renderedToolbarPlugins)),
|
|
165
|
-
react_1.default.createElement(ui.
|
|
166
|
-
|
|
173
|
+
react_1.default.createElement(ui.LinearProgress, { loading: !!state.loading }),
|
|
174
|
+
react_1.default.createElement(ui.FilterList, { dispatch: dispatch, onFilter: onFilter, filters: schema.filters, filtersData: state.request.f, FilterListItem: ui.FilterListItem, noBorder: noBorder }),
|
|
167
175
|
mounted && (react_1.default.createElement(react_data_grid_1.default, { style: {
|
|
168
176
|
border: 0,
|
|
169
177
|
borderRadius: 4,
|
|
@@ -177,10 +185,11 @@ var DataGrid = function (props) {
|
|
|
177
185
|
else {
|
|
178
186
|
dispatch((0, actions_1.sortClear)());
|
|
179
187
|
}
|
|
180
|
-
}, sortColumns: state.sort && state.dir
|
|
181
|
-
? [{ columnKey: state.sort, direction: state.dir.toUpperCase() }]
|
|
188
|
+
}, sortColumns: state.request.sort && state.request.dir
|
|
189
|
+
? [{ columnKey: state.request.sort, direction: state.request.dir.toUpperCase() }]
|
|
182
190
|
: [], 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)); } })
|
|
191
|
+
react_1.default.createElement(ui.Pagination, { page: state.request.page, perPage: state.request.perPage, count: (_f = (_e = state.response) === null || _e === void 0 ? void 0 : _e.count) !== null && _f !== void 0 ? _f : 0, onChangePage: function (page) { return dispatch((0, actions_1.changePage)(page)); }, onChangeRowsPerPage: function (perPage) { return dispatch((0, actions_1.changePerPage)(perPage)); } }),
|
|
192
|
+
react_1.default.createElement(ui.SelectedRowsToolbar, { selectedRows: selectedRows, onChangeSelectedRows: onChangeSelectedRows, Actions: ui.SelectedRowsToolbarActions })));
|
|
184
193
|
};
|
|
185
194
|
exports.DataGrid = DataGrid;
|
|
186
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
195
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXFGO0FBQ3JGLDJDQVd5QjtBQUN6QiwyQ0FBeUU7QUFFekUsaUNBQXNEO0FBQ3RELG9FQUE0QztBQUM1QywyQ0FBMEM7QUFFMUMsSUFBTSxtQkFBbUIsR0FBaUIsVUFBQSxDQUFDO0lBQ3ZDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNoQixDQUFDLENBQUM7QUFFRixzREFBc0Q7QUFDL0MsSUFBTSxRQUFRLEdBQUcsVUFBeUMsS0FBaUM7O0lBRTFGLElBQUEsRUFBRSxHQW9CRixLQUFLLEdBcEJILEVBQ0YsTUFBTSxHQW1CTixLQUFLLE9BbkJDLEVBQ04sS0FrQkEsS0FBSyxVQWxCUyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsS0FpQkEsS0FBSyxnQkFqQmUsRUFBcEIsZUFBZSxtQkFBRyxFQUFFLEtBQUEsRUFDcEIsUUFBUSxHQWdCUixLQUFLLFNBaEJHLEVBQ1IsUUFBUSxHQWVSLEtBQUssU0FmRyxFQUNSLFlBQVksR0FjWixLQUFLLGFBZE8sRUFDWixvQkFBb0IsR0FhcEIsS0FBSyxxQkFiZSxFQUNwQixLQVlBLEtBQUssYUFaNkIsRUFBbEMsWUFBWSxtQkFBRyxtQkFBbUIsS0FBQSxFQUNsQyxRQUFRLEdBV1IsS0FBSyxTQVhHLEVBQ1IsRUFBRSxHQVVGLEtBQUssR0FWSCxFQUNGLEVBQUUsR0FTRixLQUFLLEdBVEgsRUFDRixFQUFFLEdBUUYsS0FBSyxHQVJILEVBQ0YsRUFBRSxHQU9GLEtBQUssR0FQSCxFQUNGLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixFQUFFLEdBS0YsS0FBSyxHQUxILEVBQ0YsQ0FBQyxHQUlELEtBQUss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
|
package/README.md
CHANGED
|
@@ -27,6 +27,8 @@ const UI: UIComponents<any, any> = {
|
|
|
27
27
|
FilterListItem: TODO,
|
|
28
28
|
FilterList: TODO,
|
|
29
29
|
Pagination: TODO,
|
|
30
|
+
SelectRowCheckbox: TODO,
|
|
31
|
+
SelectedRowsToolbar: TODO,
|
|
30
32
|
}
|
|
31
33
|
|
|
32
34
|
const Page: React.FC = () => {
|
|
@@ -49,7 +51,12 @@ module.exports = {
|
|
|
49
51
|
"./node_modules/@uxf/data-grid/tailwindui/**/*.tsx" // přidat
|
|
50
52
|
],
|
|
51
53
|
theme: {
|
|
52
|
-
extend: {
|
|
54
|
+
extend: {
|
|
55
|
+
colors: {
|
|
56
|
+
dataGridPrimary: "#140939", // přidat
|
|
57
|
+
dataGridSecondary: "#FF4F06", // přidat
|
|
58
|
+
},
|
|
59
|
+
},
|
|
53
60
|
},
|
|
54
61
|
plugins: [
|
|
55
62
|
require("@tailwindcss/forms") // přidat
|
package/package.json
CHANGED
package/store/actions.d.ts
CHANGED
package/store/actions.js
CHANGED
|
@@ -39,7 +39,7 @@ var changePerPage = function (perPage) { return ({
|
|
|
39
39
|
exports.changePerPage = changePerPage;
|
|
40
40
|
var search = function (term) { return ({
|
|
41
41
|
type: "FULLTEXT",
|
|
42
|
-
|
|
42
|
+
search: term,
|
|
43
43
|
}); };
|
|
44
44
|
exports.search = search;
|
|
45
45
|
var changeTab = function (tabName) { return ({
|
|
@@ -47,4 +47,4 @@ var changeTab = function (tabName) { return ({
|
|
|
47
47
|
name: tabName,
|
|
48
48
|
}); };
|
|
49
49
|
exports.changeTab = changeTab;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9hY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVPLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQXBCLENBQW9CLENBQUM7QUFBcEMsUUFBQSxNQUFNLFVBQThCO0FBRTFDLElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBa0IsSUFBSyxPQUFBLENBQUM7SUFDL0MsSUFBSSxFQUFFLGFBQWE7SUFDbkIsUUFBUSxVQUFBO0NBQ1gsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxVQUFVLGNBR3BCO0FBRUksSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFVLElBQUssT0FBQSxDQUFDO0lBQ3pDLElBQUksRUFBRSxlQUFlO0lBQ3JCLEtBQUssT0FBQTtDQUNSLENBQUMsRUFIMEMsQ0FHMUMsQ0FBQztBQUhVLFFBQUEsWUFBWSxnQkFHdEI7QUFFSSxJQUFNLElBQUksR0FBRyxVQUFDLFVBQWtCLEVBQUUsU0FBd0IsSUFBSyxPQUFBLENBQUM7SUFDbkUsSUFBSSxFQUFFLE1BQU07SUFDWixVQUFVLFlBQUE7SUFDVixTQUFTLFdBQUE7Q0FDWixDQUFDLEVBSm9FLENBSXBFLENBQUM7QUFKVSxRQUFBLElBQUksUUFJZDtBQUVJLElBQU0sU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzVCLElBQUksRUFBRSxZQUFZO0NBQ3JCLENBQUMsRUFGNkIsQ0FFN0IsQ0FBQztBQUZVLFFBQUEsU0FBUyxhQUVuQjtBQUVJLElBQU0sVUFBVSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxFQUEvQixDQUErQixDQUFDO0FBQS9ELFFBQUEsVUFBVSxjQUFxRDtBQUVyRSxJQUFNLE1BQU0sR0FBRyxVQUFDLFdBQTBCLElBQUssT0FBQSxDQUFDO0lBQ25ELElBQUksRUFBRSxRQUFRO0lBQ2QsV0FBVyxhQUFBO0NBQ2QsQ0FBQyxFQUhvRCxDQUdwRCxDQUFDO0FBSFUsUUFBQSxNQUFNLFVBR2hCO0FBRUksSUFBTSxXQUFXLEdBQUcsY0FBTSxPQUFBLENBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQztBQUEvQyxRQUFBLFdBQVcsZUFBb0M7QUFFckQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFlLElBQUssT0FBQSxDQUFDO0lBQy9DLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsT0FBTyxTQUFBO0NBQ1YsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxhQUFhLGlCQUd2QjtBQUVJLElBQU0sTUFBTSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQztJQUNyQyxJQUFJLEVBQUUsVUFBVTtJQUNoQixNQUFNLEVBQUUsSUFBSTtDQUNmLENBQUMsRUFIc0MsQ0FHdEMsQ0FBQztBQUhVLFFBQUEsTUFBTSxVQUdoQjtBQUVJLElBQU0sU0FBUyxHQUFHLFVBQUMsT0FBZSxJQUFLLE9BQUEsQ0FBQztJQUMzQyxJQUFJLEVBQUUsWUFBWTtJQUNsQixJQUFJLEVBQUUsT0FBTztDQUNoQixDQUFDLEVBSDRDLENBRzVDLENBQUM7QUFIVSxRQUFBLFNBQVMsYUFHbkIifQ==
|
package/store/reducer.d.ts
CHANGED
|
@@ -2,3 +2,4 @@ import { Reducer } from "react";
|
|
|
2
2
|
import { Schema, Request, DataGridState } from "../types";
|
|
3
3
|
export declare const getInitialState: (schema: Schema<any>, init?: string | Request | undefined) => DataGridState;
|
|
4
4
|
export declare const reducer: Reducer<DataGridState, any>;
|
|
5
|
+
export declare const debugReducer: Reducer<DataGridState, any>;
|
package/store/reducer.js
CHANGED
|
@@ -36,22 +36,29 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
36
36
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.reducer = exports.getInitialState = void 0;
|
|
39
|
+
exports.debugReducer = exports.reducer = exports.getInitialState = void 0;
|
|
40
40
|
var utils_1 = require("../utils");
|
|
41
41
|
var getInitialState = function (schema, init) {
|
|
42
42
|
var _a, _b, _c, _d, _e, _f;
|
|
43
43
|
var initialState = init === undefined ? {} : typeof init === "string" ? (_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {} : init;
|
|
44
44
|
return {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
request: {
|
|
46
|
+
f: (_b = initialState.f) !== null && _b !== void 0 ? _b : [],
|
|
47
|
+
page: (_c = initialState.page) !== null && _c !== void 0 ? _c : 0,
|
|
48
|
+
dir: (_d = initialState.dir) !== null && _d !== void 0 ? _d : schema.dir,
|
|
49
|
+
sort: (_e = initialState.sort) !== null && _e !== void 0 ? _e : schema.sort,
|
|
50
|
+
perPage: (_f = initialState.perPage) !== null && _f !== void 0 ? _f : schema.perPage,
|
|
51
|
+
tab: schema.tabs.length > 0 ? schema.tabs[0].name : null,
|
|
52
|
+
search: "",
|
|
53
|
+
},
|
|
54
|
+
tabRequests: {},
|
|
51
55
|
};
|
|
52
56
|
};
|
|
53
57
|
exports.getInitialState = getInitialState;
|
|
58
|
+
// eslint-disable-next-line complexity
|
|
54
59
|
var reducer = function (state, action) {
|
|
60
|
+
var _a;
|
|
61
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
55
62
|
switch (action.type) {
|
|
56
63
|
case "RELOAD":
|
|
57
64
|
return __assign(__assign({}, state), { loading: true });
|
|
@@ -60,25 +67,35 @@ var reducer = function (state, action) {
|
|
|
60
67
|
case "RELOAD_FAILED":
|
|
61
68
|
return __assign(__assign({}, state), { loading: false, error: action.error });
|
|
62
69
|
case "CHANGE_PAGE":
|
|
63
|
-
return __assign(__assign({}, state), { page: action.page });
|
|
70
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: action.page }) });
|
|
64
71
|
case "CHANGE_PER_PAGE":
|
|
65
|
-
return __assign(__assign({}, state), { perPage: action.perPage });
|
|
72
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { perPage: action.perPage }) });
|
|
66
73
|
case "FILTER":
|
|
67
74
|
// eslint-disable-next-line no-case-declarations
|
|
68
75
|
var filterValue_1 = action.filterValue;
|
|
69
|
-
return __assign(__assign({}, state), { page: 0, f: state.f.find(function (f) { return f.name === filterValue_1.name; })
|
|
70
|
-
|
|
71
|
-
|
|
76
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: 0, f: state.request.f.find(function (f) { return f.name === filterValue_1.name; })
|
|
77
|
+
? state.request.f.map(function (f) { return (f.name === filterValue_1.name ? filterValue_1 : f); })
|
|
78
|
+
: __spreadArray(__spreadArray([], __read(state.request.f), false), [filterValue_1], false) }) });
|
|
72
79
|
case "FILTER_RESET":
|
|
73
|
-
return __assign(__assign({}, state), { page: 0, f: [] });
|
|
80
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: 0, f: [] }) });
|
|
74
81
|
case "SORT":
|
|
75
|
-
return __assign(__assign({}, state), { sort: action.columnName, dir: action.direction });
|
|
82
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { sort: action.columnName, dir: action.direction }) });
|
|
76
83
|
case "SORT_CLEAR":
|
|
77
|
-
return __assign(__assign({}, state), { sort: null, dir: null });
|
|
84
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { sort: null, dir: null }) });
|
|
78
85
|
case "FULLTEXT":
|
|
79
|
-
return __assign(__assign({}, state), {
|
|
86
|
+
return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { search: action.search, page: 0 }) });
|
|
80
87
|
case "CHANGE_TAB":
|
|
81
|
-
|
|
88
|
+
// eslint-disable-next-line no-case-declarations
|
|
89
|
+
var tabHistory = (_b = state.tabRequests[action.name]) !== null && _b !== void 0 ? _b : {};
|
|
90
|
+
return __assign(__assign({}, state), { request: {
|
|
91
|
+
f: (_c = tabHistory.f) !== null && _c !== void 0 ? _c : [],
|
|
92
|
+
search: (_d = tabHistory.search) !== null && _d !== void 0 ? _d : "",
|
|
93
|
+
page: (_e = tabHistory.page) !== null && _e !== void 0 ? _e : 0,
|
|
94
|
+
perPage: (_f = tabHistory.perPage) !== null && _f !== void 0 ? _f : state.request.perPage,
|
|
95
|
+
dir: (_g = tabHistory.dir) !== null && _g !== void 0 ? _g : state.request.dir,
|
|
96
|
+
sort: (_h = tabHistory.sort) !== null && _h !== void 0 ? _h : state.request.sort,
|
|
97
|
+
tab: action.name,
|
|
98
|
+
}, tabRequests: __assign(__assign({}, state.tabRequests), (_a = {}, _a[(_j = state.request.tab) !== null && _j !== void 0 ? _j : "__DEFAULT_TAB__"] = state.request, _a)) });
|
|
82
99
|
default:
|
|
83
100
|
// eslint-disable-next-line no-console
|
|
84
101
|
console.warn("Unknown datagrid action.", action);
|
|
@@ -86,4 +103,11 @@ var reducer = function (state, action) {
|
|
|
86
103
|
}
|
|
87
104
|
};
|
|
88
105
|
exports.reducer = reducer;
|
|
89
|
-
|
|
106
|
+
var debugReducer = function (state, action) {
|
|
107
|
+
var newState = (0, exports.reducer)(state, action);
|
|
108
|
+
// eslint-disable-next-line no-console
|
|
109
|
+
console.log("" + action.type, { action: action, oldState: state, newState: newState });
|
|
110
|
+
return newState;
|
|
111
|
+
};
|
|
112
|
+
exports.debugReducer = debugReducer;
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLGtDQUF3QztBQUVqQyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsT0FBTztRQUNILE9BQU8sRUFBRTtZQUNMLENBQUMsRUFBRSxNQUFBLFlBQVksQ0FBQyxDQUFDLG1DQUFJLEVBQUU7WUFDdkIsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksQ0FBQztZQUM1QixHQUFHLEVBQUUsTUFBQSxZQUFZLENBQUMsR0FBRyxtQ0FBSSxNQUFNLENBQUMsR0FBRztZQUNuQyxJQUFJLEVBQUUsTUFBQSxZQUFZLENBQUMsSUFBSSxtQ0FBSSxNQUFNLENBQUMsSUFBSTtZQUN0QyxPQUFPLEVBQUUsTUFBQSxZQUFZLENBQUMsT0FBTyxtQ0FBSSxNQUFNLENBQUMsT0FBTztZQUMvQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSTtZQUN4RCxNQUFNLEVBQUUsRUFBRTtTQUNiO1FBQ0QsV0FBVyxFQUFFLEVBQUU7S0FDbEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWRXLFFBQUEsZUFBZSxtQkFjMUI7QUFFRixzQ0FB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
|
package/tailwindui/DataGrid.js
CHANGED
|
@@ -34,13 +34,13 @@ exports.DataGrid = void 0;
|
|
|
34
34
|
var DataGrid_1 = require("../DataGrid");
|
|
35
35
|
var react_1 = __importStar(require("react"));
|
|
36
36
|
var ui_1 = require("./ui");
|
|
37
|
-
var title_plugin_1 = require("./toolbar-plugins/title-plugin");
|
|
38
37
|
var fulltext_plugin_1 = require("./toolbar-plugins/fulltext-plugin");
|
|
39
38
|
var filters_plugin_1 = require("./toolbar-plugins/filters-plugin");
|
|
40
39
|
var hidden_columns_plugin_1 = require("./toolbar-plugins/hidden-columns-plugin");
|
|
41
40
|
var csv_export_plugin_1 = require("./toolbar-plugins/csv-export-plugin");
|
|
41
|
+
var tabs_plugin_1 = require("./toolbar-plugins/tabs-plugin");
|
|
42
42
|
var TOOLBAR_PLUGINS = [
|
|
43
|
-
|
|
43
|
+
tabs_plugin_1.TabsPlugin,
|
|
44
44
|
fulltext_plugin_1.FulltextPlugin,
|
|
45
45
|
filters_plugin_1.FiltersPlugin,
|
|
46
46
|
hidden_columns_plugin_1.HiddenColumnsPlugin,
|
|
@@ -53,4 +53,4 @@ var DataGrid = function (props) {
|
|
|
53
53
|
return react_1.default.createElement(DataGrid_1.DataGrid, __assign({ toolbarPlugins: TOOLBAR_PLUGINS }, props, { ui: ui }));
|
|
54
54
|
};
|
|
55
55
|
exports.DataGrid = DataGrid;
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS9EYXRhR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0Esd0NBQXVEO0FBQ3ZELDZDQUF1QztBQUN2QywyQkFBMEI7QUFDMUIscUVBQW1FO0FBQ25FLG1FQUFpRTtBQUNqRSxpRkFBOEU7QUFDOUUseUVBQXNFO0FBQ3RFLDZEQUEyRDtBQU0zRCxJQUFNLGVBQWUsR0FBb0I7SUFDckMsd0JBQVU7SUFDVixnQ0FBYztJQUNkLDhCQUFhO0lBQ2IsMkNBQW1CO0lBQ25CLG1DQUFlO0NBQ2xCLENBQUM7QUFFSyxJQUFNLFFBQVEsR0FBRyxVQUF5QyxLQUFpQztJQUM5RixJQUFNLEVBQUUsR0FBOEIsSUFBQSxlQUFPLEVBQUM7UUFDMUMsNkJBQWEsT0FBVSxHQUFLLEtBQUssQ0FBQyxFQUFFLEVBQUc7SUFDM0MsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDZixPQUFPLDhCQUFDLG1CQUFZLGFBQUMsY0FBYyxFQUFFLGVBQWUsSUFBTSxLQUFLLElBQUUsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDO0FBQ2hGLENBQUMsQ0FBQztBQUxXLFFBQUEsUUFBUSxZQUtuQiJ9
|
|
@@ -7,7 +7,7 @@ exports.Badge = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var Badge = function (props) {
|
|
9
9
|
var value = props.value, onClose = props.onClose;
|
|
10
|
-
return (react_1.default.createElement("span", { className: "inline-flex rounded-full items-center py-1 pl-
|
|
10
|
+
return (react_1.default.createElement("span", { className: "inline-flex rounded-full items-center py-1 pl-3.5 pr-2 text-sm font-medium bg-dataGridPrimary text-dataGridPrimary", style: { backgroundColor: "#e8e6eb" } },
|
|
11
11
|
value,
|
|
12
12
|
onClose && (react_1.default.createElement("button", { onClick: onClose, type: "button", title: "Smazat filtr", className: "flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:outline-none focus:bg-gray-500 focus:text-white" },
|
|
13
13
|
react_1.default.createElement("span", { className: "sr-only" }, "Smazat filtr"),
|
|
@@ -15,4 +15,4 @@ var Badge = function (props) {
|
|
|
15
15
|
react_1.default.createElement("path", { strokeLinecap: "round", strokeWidth: "1.5", d: "M1 1l6 6m0-6L1 7" }))))));
|
|
16
16
|
};
|
|
17
17
|
exports.Badge = Badge;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFFbEMsSUFBTSxLQUFLLEdBQXlELFVBQUEsS0FBSztJQUNwRSxJQUFBLEtBQUssR0FBYyxLQUFLLE1BQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ2pDLE9BQU8sQ0FDSCx3Q0FDSSxTQUFTLEVBQUMsb0hBQW9ILEVBQzlILEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUU7UUFFcEMsS0FBSztRQUNMLE9BQU8sSUFBSSxDQUNSLDBDQUNJLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBQyxRQUFRLEVBQ2IsS0FBSyxFQUFDLGNBQWMsRUFDcEIsU0FBUyxFQUFDLDZMQUE2TDtZQUV2TSx3Q0FBTSxTQUFTLEVBQUMsU0FBUyxtQkFBb0I7WUFDN0MsdUNBQUssU0FBUyxFQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsY0FBYyxFQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsT0FBTyxFQUFDLFNBQVM7Z0JBQ3hFLHdDQUFNLGFBQWEsRUFBQyxPQUFPLEVBQUMsV0FBVyxFQUFDLEtBQUssRUFBQyxDQUFDLEVBQUMsa0JBQWtCLEdBQUcsQ0FDbkUsQ0FDRCxDQUNaLENBQ0UsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdkJXLFFBQUEsS0FBSyxTQXVCaEIifQ==
|
|
@@ -6,8 +6,9 @@ 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;
|
|
10
|
-
return (react_1.default.createElement("button", { onClick: onClick, type: "button", title: title, className: "
|
|
9
|
+
var _a = props.className, className = _a === void 0 ? "" : _a, onClick = props.onClick, title = props.title, children = props.children, light = props.light;
|
|
10
|
+
return (react_1.default.createElement("button", { onClick: onClick, type: "button", title: title, className: (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) }, children));
|
|
11
12
|
};
|
|
12
13
|
exports.CircleButton = CircleButton;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvY2lyY2xlLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQXlDO0FBV2xDLElBQU0sWUFBWSxHQUFnQyxVQUFBLEtBQUs7SUFDbEQsSUFBQSxLQUFvRCxLQUFLLFVBQTNDLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxPQUFPLEdBQTZCLEtBQUssUUFBbEMsRUFBRSxLQUFLLEdBQXNCLEtBQUssTUFBM0IsRUFBRSxRQUFRLEdBQVksS0FBSyxTQUFqQixFQUFFLEtBQUssR0FBSyxLQUFLLE1BQVYsQ0FBVztJQUNsRSxPQUFPLENBQ0gsMENBQ0ksT0FBTyxFQUFFLE9BQU8sRUFDaEIsSUFBSSxFQUFDLFFBQVEsRUFDYixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFDTCxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUMsQ0FBQyxDQUFDLGtDQUFrQyxDQUFDO2FBQzlFLHdHQUFzRyxTQUFXLENBQUEsSUFHcEgsUUFBUSxDQUNKLENBQ1osQ0FBQztBQUNOLENBQUMsQ0FBQztBQWZXLFFBQUEsWUFBWSxnQkFldkIifQ==
|
|
@@ -14,9 +14,9 @@ var Drawer = function (props) {
|
|
|
14
14
|
react_1.default.createElement("section", { className: " w-screen max-w-lg right-0 absolute bg-white h-full shadow-xl delay-400 duration-500 ease-in-out transition-all transform " +
|
|
15
15
|
(open ? " translate-x-0 " : " translate-x-full ") },
|
|
16
16
|
react_1.default.createElement("article", { className: "relative w-screen max-w-lg pb-10 flex flex-col overflow-y-scroll h-full" },
|
|
17
|
-
react_1.default.createElement("header", { className: "p-4 font-bold text-lg" }, title),
|
|
17
|
+
react_1.default.createElement("header", { className: "p-4 pt-16 font-bold text-lg" }, title),
|
|
18
18
|
react_1.default.createElement("div", { className: "p-4" }, children))),
|
|
19
19
|
react_1.default.createElement("section", { className: " w-screen h-full cursor-pointer ", onClick: onClose })));
|
|
20
20
|
};
|
|
21
21
|
exports.Drawer = Drawer;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9kcmF3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQVNsQyxJQUFNLE1BQU0sR0FBMEIsVUFBQSxLQUFLO0lBQ3RDLElBQUEsS0FBSyxHQUE4QixLQUFLLE1BQW5DLEVBQUUsSUFBSSxHQUF3QixLQUFLLEtBQTdCLEVBQUUsT0FBTyxHQUFlLEtBQUssUUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDakQsT0FBTyxDQUNILHdDQUNJLFNBQVMsRUFDTCxzRkFBc0Y7WUFDdEYsQ0FBQyxJQUFJO2dCQUNELENBQUMsQ0FBQyw4REFBOEQ7Z0JBQ2hFLENBQUMsQ0FBQyx3REFBd0QsQ0FBQztRQUduRSwyQ0FDSSxTQUFTLEVBQ0wsNkhBQTZIO2dCQUM3SCxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO1lBR3JELDJDQUFTLFNBQVMsRUFBQyx5RUFBeUU7Z0JBQ3hGLDBDQUFRLFNBQVMsRUFBQyw2QkFBNkIsSUFBRSxLQUFLLENBQVU7Z0JBQ2hFLHVDQUFLLFNBQVMsRUFBQyxLQUFLLElBQUUsUUFBUSxDQUFPLENBQy9CLENBQ0o7UUFDViwyQ0FBUyxTQUFTLEVBQUMsa0NBQWtDLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN2RSxDQUNWLENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxNQUFNLFVBeUJqQiJ9
|
|
@@ -7,15 +7,17 @@ exports.FiltersList = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var FiltersList = function (props) {
|
|
9
9
|
var filters = props.filters, filtersData = props.filtersData, FilterListItem = props.FilterListItem, onFilter = props.onFilter, noBorder = props.noBorder;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
return (react_1.default.createElement("div", { className: (noBorder ? "" : "px-2 ") + "py-2 flex flex-row space-x-2" }, filters.map(function (f1) {
|
|
10
|
+
var renderedFilters = filters
|
|
11
|
+
.map(function (f) {
|
|
14
12
|
var _a;
|
|
15
|
-
var value = (_a = filtersData.find(function (
|
|
16
|
-
return value.value ? (react_1.default.createElement(
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
var value = (_a = filtersData.find(function (f1) { return f1.name === f.name; })) !== null && _a !== void 0 ? _a : { name: f.name, value: null };
|
|
14
|
+
return value.value ? (react_1.default.createElement(FilterListItem, { key: "" + f.name, filter: f, value: value, onFilter: onFilter })) : null;
|
|
15
|
+
})
|
|
16
|
+
.filter(function (f) { return f !== null; });
|
|
17
|
+
if (renderedFilters.length === 0) {
|
|
18
|
+
return react_1.default.createElement("div", { className: "py-2" });
|
|
19
|
+
}
|
|
20
|
+
return react_1.default.createElement("div", { className: (noBorder ? "" : "px-2 ") + "pt-3 pb-4 flex flex-row space-x-2" }, renderedFilters);
|
|
19
21
|
};
|
|
20
22
|
exports.FiltersList = FiltersList;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVycy1saXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9maWx0ZXJzLWxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLFdBQVcsR0FBd0IsVUFBQSxLQUFLO0lBQ3pDLElBQUEsT0FBTyxHQUFzRCxLQUFLLFFBQTNELEVBQUUsV0FBVyxHQUF5QyxLQUFLLFlBQTlDLEVBQUUsY0FBYyxHQUF5QixLQUFLLGVBQTlCLEVBQUUsUUFBUSxHQUFlLEtBQUssU0FBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFM0UsSUFBTSxlQUFlLEdBQUcsT0FBTztTQUMxQixHQUFHLENBQUMsVUFBQSxDQUFDOztRQUNGLElBQU0sS0FBSyxHQUFHLE1BQUEsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFBLEVBQUUsSUFBSSxPQUFBLEVBQUUsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLElBQUksRUFBbEIsQ0FBa0IsQ0FBQyxtQ0FBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQztRQUUxRixPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQ2pCLDhCQUFDLGNBQWMsSUFBQyxHQUFHLEVBQUUsS0FBRyxDQUFDLENBQUMsSUFBTSxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJLENBQ3BGLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNiLENBQUMsQ0FBQztTQUNELE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsS0FBSyxJQUFJLEVBQVYsQ0FBVSxDQUFDLENBQUM7SUFFN0IsSUFBSSxlQUFlLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUM5QixPQUFPLHVDQUFLLFNBQVMsRUFBQyxNQUFNLEdBQUcsQ0FBQztLQUNuQztJQUVELE9BQU8sdUNBQUssU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLG1DQUFtQyxJQUFHLGVBQWUsQ0FBTyxDQUFDO0FBQ3BILENBQUMsQ0FBQztBQWxCVyxRQUFBLFdBQVcsZUFrQnRCIn0=
|
|
@@ -7,8 +7,8 @@ exports.Checkbox = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var Checkbox = function (props) {
|
|
9
9
|
var checked = props.checked, disabled = props.disabled, onChange = props.onChange, label = props.label, id = props.id;
|
|
10
|
-
var inputElement = (react_1.default.createElement("input", { id: id, type: "checkbox", className: (disabled ? "text-gray-400" : "text-
|
|
11
|
-
" focus:ring-
|
|
10
|
+
var inputElement = (react_1.default.createElement("input", { id: id, type: "checkbox", className: (disabled ? "text-gray-400" : "text-dataGridSecondary") +
|
|
11
|
+
" focus:ring-dataGridSecondary h-4 w-4 border-gray-300 rounded", disabled: disabled, checked: checked, onChange: function (e) { return onChange && onChange(e.target.checked); } }));
|
|
12
12
|
if (!label) {
|
|
13
13
|
return inputElement;
|
|
14
14
|
}
|
|
@@ -20,4 +20,4 @@ var Checkbox = function (props) {
|
|
|
20
20
|
react_1.default.createElement("label", { htmlFor: id, className: "font-medium text-gray-700" }, label)))));
|
|
21
21
|
};
|
|
22
22
|
exports.Checkbox = Checkbox;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2lucHV0cy9jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQXlDO0FBVWxDLElBQU0sUUFBUSxHQUE0QixVQUFBLEtBQUs7SUFDMUMsSUFBQSxPQUFPLEdBQW9DLEtBQUssUUFBekMsRUFBRSxRQUFRLEdBQTBCLEtBQUssU0FBL0IsRUFBRSxRQUFRLEdBQWdCLEtBQUssU0FBckIsRUFBRSxLQUFLLEdBQVMsS0FBSyxNQUFkLEVBQUUsRUFBRSxHQUFLLEtBQUssR0FBVixDQUFXO0lBRXpELElBQU0sWUFBWSxHQUFHLENBQ2pCLHlDQUNJLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLFVBQVUsRUFDZixTQUFTLEVBQ0wsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUM7WUFDdkQsK0RBQStELEVBRW5FLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLFFBQVEsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFBdEMsQ0FBc0MsR0FDdkQsQ0FDTCxDQUFDO0lBRUYsSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNSLE9BQU8sWUFBWSxDQUFDO0tBQ3ZCO0lBRUQsT0FBTyxDQUNIO1FBQ0ksMENBQVEsU0FBUyxFQUFDLFNBQVMsSUFBRSxLQUFLLENBQVU7UUFDNUMsdUNBQUssU0FBUyxFQUFDLDJCQUEyQjtZQUN0Qyx1Q0FBSyxTQUFTLEVBQUMsdUJBQXVCLElBQUUsWUFBWSxDQUFPO1lBQzNELHVDQUFLLFNBQVMsRUFBQyxjQUFjO2dCQUN6Qix5Q0FBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBQywyQkFBMkIsSUFDcEQsS0FBSyxDQUNGLENBQ04sQ0FDSixDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWxDVyxRQUFBLFFBQVEsWUFrQ25CIn0=
|
|
@@ -7,7 +7,9 @@ exports.Select = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var Select = function (props) {
|
|
9
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;
|
|
10
|
-
var select = (react_1.default.createElement("select", { id: id, className: "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); }
|
|
10
|
+
var select = (react_1.default.createElement("select", { id: id, className: "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 :
|
|
12
|
+
options.map(function (o) { return (react_1.default.createElement("option", { key: o.id, value: o.id }, o.label)); })));
|
|
11
13
|
if (!label) {
|
|
12
14
|
return select;
|
|
13
15
|
}
|
|
@@ -16,4 +18,4 @@ var Select = function (props) {
|
|
|
16
18
|
select));
|
|
17
19
|
};
|
|
18
20
|
exports.Select = Select;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9pbnB1dHMvc2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFXbEMsSUFBTSxNQUFNLEdBQTBCLFVBQUEsS0FBSztJQUN0QyxJQUFBLEtBQUssR0FBbUQsS0FBSyxNQUF4RCxFQUFFLE9BQU8sR0FBMEMsS0FBSyxRQUEvQyxFQUFFLEtBQUssR0FBbUMsS0FBSyxNQUF4QyxFQUFFLEVBQUUsR0FBK0IsS0FBSyxHQUFwQyxFQUFFLFFBQVEsR0FBcUIsS0FBSyxTQUExQixFQUFFLEtBQW1CLEtBQUssVUFBVixFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLENBQVc7SUFFdEUsSUFBTSxNQUFNLEdBQUcsQ0FDWCwwQ0FDSSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSw0SUFBMEksU0FBVyxFQUNoSyxRQUFRLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBeEIsQ0FBd0IsRUFDdkMsS0FBSyxFQUFFLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUU7UUFFbEIsMENBQVEsS0FBSyxFQUFDLEVBQUUsc0JBQXlCLEVBQ3hDLE9BQU8sYUFBUCxPQUFPO1FBQVAsT0FBTyxDQUFFLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQ2YsMENBQVEsR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxFQUFFLElBQ3pCLENBQUMsQ0FBQyxLQUFLLENBQ0gsQ0FDWixFQUprQixDQUlsQixDQUFDLENBQ0csQ0FDWixDQUFDO0lBRUYsSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNSLE9BQU8sTUFBTSxDQUFDO0tBQ2pCO0lBRUQsT0FBTyxDQUNIO1FBQ0kseUNBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUMsOENBQThDLElBQ3ZFLEtBQUssQ0FDRjtRQUNQLE1BQU0sQ0FDTCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUEvQlcsUUFBQSxNQUFNLFVBK0JqQiJ9
|
|
@@ -8,12 +8,14 @@ var react_1 = __importDefault(require("react"));
|
|
|
8
8
|
var Switch = function (props) {
|
|
9
9
|
var value = props.value, label = props.label, onChange = props.onChange;
|
|
10
10
|
return (react_1.default.createElement("div", { className: "flex items-center" },
|
|
11
|
-
react_1.default.createElement("button", { type: "button", className: (value
|
|
12
|
-
"
|
|
11
|
+
react_1.default.createElement("button", { type: "button", className: (value
|
|
12
|
+
? "bg-dataGridSecondary focus:ring-dataGridSecondary "
|
|
13
|
+
: "bg-gray-200 focus:ring-dataGridSecondary ") +
|
|
14
|
+
" relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", role: "switch", "aria-checked": "false", "aria-labelledby": "annual-billing-label", onClick: function () { return onChange(!value); } },
|
|
13
15
|
react_1.default.createElement("span", { "aria-hidden": "true", className: (value ? "translate-x-5" : "translate-x-0") +
|
|
14
16
|
" pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200" })),
|
|
15
17
|
react_1.default.createElement("span", { className: "ml-3", id: "annual-billing-label" },
|
|
16
18
|
react_1.default.createElement("span", { className: "text-sm font-medium text-gray-900" }, label))));
|
|
17
19
|
};
|
|
18
20
|
exports.Switch = Switch;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9pbnB1dHMvc3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFRbEMsSUFBTSxNQUFNLEdBQTBCLFVBQUEsS0FBSztJQUN0QyxJQUFBLEtBQUssR0FBc0IsS0FBSyxNQUEzQixFQUFFLEtBQUssR0FBZSxLQUFLLE1BQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBRXpDLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsbUJBQW1CO1FBQzlCLDBDQUNJLElBQUksRUFBQyxRQUFRLEVBQ2IsU0FBUyxFQUNMLENBQUMsS0FBSztnQkFDRixDQUFDLENBQUMsb0RBQW9EO2dCQUN0RCxDQUFDLENBQUMsMkNBQTJDLENBQUM7Z0JBQ2xELHFNQUFxTSxFQUV6TSxJQUFJLEVBQUMsUUFBUSxrQkFDQSxPQUFPLHFCQUNKLHNCQUFzQixFQUN0QyxPQUFPLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFoQixDQUFnQjtZQUUvQix1REFDZ0IsTUFBTSxFQUNsQixTQUFTLEVBQ0wsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDO29CQUMzQyw2SEFBNkgsR0FFbkksQ0FDRztRQUNULHdDQUFNLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFDLHNCQUFzQjtZQUM1Qyx3Q0FBTSxTQUFTLEVBQUMsbUNBQW1DLElBQUUsS0FBSyxDQUFRLENBQy9ELENBQ0wsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBL0JXLFFBQUEsTUFBTSxVQStCakIifQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare const LinearProgress:
|
|
1
|
+
import { LinearProgressComponent } from "../../types";
|
|
2
|
+
export declare const LinearProgress: LinearProgressComponent;
|
|
@@ -5,6 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.LinearProgress = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var LinearProgress = function () {
|
|
8
|
+
var LinearProgress = function (props) {
|
|
9
|
+
var loading = props.loading;
|
|
10
|
+
return react_1.default.createElement("div", { className: "datagrid-linear-progress" + (loading ? " loading" : "") });
|
|
11
|
+
};
|
|
9
12
|
exports.LinearProgress = LinearProgress;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLXByb2dyZXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9saW5lYXItcHJvZ3Jlc3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLGNBQWMsR0FBNEIsVUFBQSxLQUFLO0lBQ2hELElBQUEsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQzFCLE9BQU8sdUNBQUssU0FBUyxFQUFFLDBCQUEwQixHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFJLENBQUM7QUFDeEYsQ0FBQyxDQUFDO0FBSFcsUUFBQSxjQUFjLGtCQUd6QiJ9
|
|
@@ -48,7 +48,7 @@ var SelectRowComponent = function (_a, ref) {
|
|
|
48
48
|
var handleChange = function (e) {
|
|
49
49
|
onChange(e.target.checked, e.nativeEvent.shiftKey);
|
|
50
50
|
};
|
|
51
|
-
return (react_1.default.createElement("input", __assign({ type: "checkbox", className: "focus:ring-
|
|
51
|
+
return (react_1.default.createElement("input", __assign({ type: "checkbox", className: "focus:ring-0 checked:bg-dataGridSecondary focus:checked:bg-dataGridSecondary active:bg-dataGridSecondary h-4 w-4 border-gray-300 rounded", ref: ref }, props, { onChange: handleChange })));
|
|
52
52
|
};
|
|
53
53
|
exports.SelectRowCheckbox = (0, react_1.forwardRef)(SelectRowComponent);
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXJvdy1jaGVja2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvc2VsZWN0LXJvdy1jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBMEM7QUFHMUMsSUFBTSxrQkFBa0IsR0FBK0IsVUFBQyxFQUFzQixFQUFFLEdBQVE7SUFBOUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxLQUFLLGNBQXBCLFlBQXNCLENBQUY7SUFDeEUsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFzQztRQUN4RCxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUcsQ0FBQyxDQUFDLFdBQTBCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkUsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNILGtEQUNJLElBQUksRUFBQyxVQUFVLEVBQ2YsU0FBUyxFQUFDLDBJQUEwSSxFQUNwSixHQUFHLEVBQUUsR0FBRyxJQUNKLEtBQUssSUFDVCxRQUFRLEVBQUUsWUFBWSxJQUN4QixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFFVyxRQUFBLGlCQUFpQixHQUErQixJQUFBLGtCQUFVLEVBQUMsa0JBQXlCLENBQUMsQ0FBQyJ9
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SelectedRowsToolbar = void 0;
|
|
7
|
+
var circle_button_1 = require("./circle-button");
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var getText = function (count) {
|
|
10
|
+
if (count === 1) {
|
|
11
|
+
return "Vybrán 1 záznam";
|
|
12
|
+
}
|
|
13
|
+
if (count < 5) {
|
|
14
|
+
return "Vybr\u00E1ny " + count + " z\u00E1znamy";
|
|
15
|
+
}
|
|
16
|
+
return "Vybr\u00E1no " + count + " z\u00E1znam\u016F";
|
|
17
|
+
};
|
|
18
|
+
var SelectedRowsToolbar = function (props) {
|
|
19
|
+
var selectedRows = props.selectedRows, onChangeSelectedRows = props.onChangeSelectedRows, Actions = props.Actions;
|
|
20
|
+
if (!onChangeSelectedRows || !selectedRows || selectedRows.size === 0) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
return (react_1.default.createElement("div", { className: "fixed bottom-8 left-0 right-0 flex flex-row justify-center items-center", style: { paddingLeft: 240 } },
|
|
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
|
+
react_1.default.createElement("p", { className: "text-sm" }, getText(selectedRows.size)),
|
|
26
|
+
react_1.default.createElement("div", { className: "pl-4 space-x-2" },
|
|
27
|
+
Actions,
|
|
28
|
+
react_1.default.createElement(circle_button_1.CircleButton, { title: "Zru\u0161it v\u00FDb\u011Br", onClick: function () { return onChangeSelectedRows(new Set()); }, light: true },
|
|
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
|
+
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })))))));
|
|
31
|
+
};
|
|
32
|
+
exports.SelectedRowsToolbar = SelectedRowsToolbar;
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtcm93cy10b29sYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9zZWxlY3RlZC1yb3dzLXRvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGlEQUErQztBQUMvQyxnREFBMEI7QUFHMUIsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFhO0lBQzFCLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8saUJBQWlCLENBQUM7S0FDNUI7SUFDRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7UUFDWCxPQUFPLGtCQUFXLEtBQUssa0JBQVUsQ0FBQztLQUNyQztJQUVELE9BQU8sa0JBQVcsS0FBSyx1QkFBVSxDQUFDO0FBQ3RDLENBQUMsQ0FBQztBQUVLLElBQU0sbUJBQW1CLEdBQWlDLFVBQUEsS0FBSztJQUMxRCxJQUFBLFlBQVksR0FBb0MsS0FBSyxhQUF6QyxFQUFFLG9CQUFvQixHQUFjLEtBQUsscUJBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRTlELElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtRQUNuRSxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUNJLFNBQVMsRUFBQyx5RUFBeUUsRUFDbkYsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLEdBQUcsRUFBRTtRQUUzQix1Q0FBSyxTQUFTLEVBQUMsNkhBQTZIO1lBQ3hJLHFDQUFHLFNBQVMsRUFBQyxTQUFTLElBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBSztZQUN2RCx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCO2dCQUMxQixPQUFPO2dCQUNSLDhCQUFDLDRCQUFZLElBQUMsS0FBSyxFQUFDLDZCQUFjLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEVBQS9CLENBQStCLEVBQUUsS0FBSztvQkFDcEYsdUNBQ0ksS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxTQUFTLEVBQUMsU0FBUyxFQUNuQixJQUFJLEVBQUMsTUFBTSxFQUNYLE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxPQUFPLEVBQ2QsV0FBVyxFQUFFLENBQUM7d0JBRWQsd0NBQU0sYUFBYSxFQUFDLE9BQU8sRUFBQyxjQUFjLEVBQUMsT0FBTyxFQUFDLENBQUMsRUFBQyxzQkFBc0IsR0FBRyxDQUM1RSxDQUNLLENBQ2IsQ0FDSixDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhDVyxRQUFBLG1CQUFtQix1QkFnQzlCIn0=
|
|
@@ -8,9 +8,9 @@ var react_1 = __importDefault(require("react"));
|
|
|
8
8
|
var Tab = function (props) {
|
|
9
9
|
var title = props.title, active = props.active, onClick = props.onClick;
|
|
10
10
|
return (react_1.default.createElement("button", { className: (active
|
|
11
|
-
? "border-
|
|
11
|
+
? "border-dataGridPrimary text-dataGridPrimary "
|
|
12
12
|
: "border-transparent text-gray-500 hover:text-gray-700 ") +
|
|
13
13
|
"inline-flex items-center hover:text-gray-700 whitespace-nowrap py-1 px-1 border-b-2 font-medium text-sm", onClick: onClick }, title));
|
|
14
14
|
};
|
|
15
15
|
exports.Tab = Tab;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90YWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQUVsQyxJQUFNLEdBQUcsR0FBMEUsVUFBQSxLQUFLO0lBQ25GLElBQUEsS0FBSyxHQUFzQixLQUFLLE1BQTNCLEVBQUUsTUFBTSxHQUFjLEtBQUssT0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFDekMsT0FBTyxDQUNILDBDQUNJLFNBQVMsRUFDTCxDQUFDLE1BQU07WUFDSCxDQUFDLENBQUMsOENBQThDO1lBQ2hELENBQUMsQ0FBQyx1REFBdUQsQ0FBQztZQUM5RCx5R0FBeUcsRUFFN0csT0FBTyxFQUFFLE9BQU8sSUFFZixLQUFLLENBQ0QsQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZlcsUUFBQSxHQUFHLE9BZWQifQ==
|
package/tailwindui/styles.css
CHANGED
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
.rdg-header-row .rdg-cell {
|
|
15
15
|
border-right: 0;
|
|
16
16
|
box-shadow: none;
|
|
17
|
+
color: #252525;
|
|
17
18
|
}
|
|
18
19
|
.rdg-header-sort-name + span {
|
|
19
20
|
display: flex;
|
|
@@ -22,24 +23,33 @@
|
|
|
22
23
|
.rdg-cell.rdg-cell-frozen {
|
|
23
24
|
box-shadow: none;
|
|
24
25
|
}
|
|
26
|
+
.rdg-cell[aria-selected=true] {
|
|
27
|
+
outline-color: #FF4F06;
|
|
28
|
+
}
|
|
29
|
+
.rdg-row[aria-selected=true] {
|
|
30
|
+
background-color: rgba(255,79,6,0.05);
|
|
31
|
+
}
|
|
32
|
+
.rdg-row[aria-selected=true]:hover {
|
|
33
|
+
background-color: rgba(255,79,6,0.1);
|
|
34
|
+
}
|
|
25
35
|
.datagrid-linear-progress {
|
|
26
36
|
width: 100%;
|
|
27
37
|
height: 3px;
|
|
28
38
|
position: relative;
|
|
29
39
|
overflow: hidden;
|
|
30
|
-
background-color:
|
|
40
|
+
background-color: white;
|
|
31
41
|
-webkit-border-radius: 20px;
|
|
32
42
|
-moz-border-radius: 20px;
|
|
33
43
|
border-radius: 20px;
|
|
34
44
|
}
|
|
35
45
|
|
|
36
|
-
.datagrid-linear-progress:before {
|
|
46
|
+
.datagrid-linear-progress.loading:before {
|
|
37
47
|
content: "";
|
|
38
48
|
position: absolute;
|
|
39
49
|
left: -50%;
|
|
40
50
|
height: 3px;
|
|
41
51
|
width: 40%;
|
|
42
|
-
background-color:
|
|
52
|
+
background-color: #FF4F06;
|
|
43
53
|
-webkit-animation: datagridLineAnim 1s linear infinite;
|
|
44
54
|
-moz-animation: datagridLineAnim 1s linear infinite;
|
|
45
55
|
animation: datagridLineAnim 1s linear infinite;
|
|
@@ -40,7 +40,7 @@ var react_1 = __importStar(require("react"));
|
|
|
40
40
|
var circle_button_1 = require("../components/circle-button");
|
|
41
41
|
var FulltextPlugin = function (props) {
|
|
42
42
|
var _a;
|
|
43
|
-
var fulltext = props.fulltext, schema = props.schema;
|
|
43
|
+
var fulltext = props.fulltext, schema = props.schema, tab = props.tab;
|
|
44
44
|
var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
45
45
|
var inputRef = (0, react_1.useRef)();
|
|
46
46
|
var onClik = function () {
|
|
@@ -49,7 +49,14 @@ var FulltextPlugin = function (props) {
|
|
|
49
49
|
if (!oldIsOpen) {
|
|
50
50
|
inputRef.current.focus();
|
|
51
51
|
}
|
|
52
|
+
else {
|
|
53
|
+
fulltext.onChange("");
|
|
54
|
+
}
|
|
52
55
|
};
|
|
56
|
+
(0, react_1.useEffect)(function () {
|
|
57
|
+
setIsOpen(!!fulltext.value);
|
|
58
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
59
|
+
}, [tab.active]);
|
|
53
60
|
if (!schema.fullText) {
|
|
54
61
|
return null;
|
|
55
62
|
}
|
|
@@ -62,4 +69,4 @@ var FulltextPlugin = function (props) {
|
|
|
62
69
|
react_1.default.createElement("input", { ref: inputRef, type: "text", placeholder: (_a = fulltext.placeholder) !== null && _a !== void 0 ? _a : "pište pro hledání...", className: "border-none h-6 w-full p-1", onChange: function (e) { return fulltext.onChange(e.target.value); }, value: fulltext.value }))));
|
|
63
70
|
};
|
|
64
71
|
exports.FulltextPlugin = FulltextPlugin;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbHRleHQtcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL2Z1bGx0ZXh0LXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBMkQ7QUFFM0QsNkRBQTJEO0FBRXBELElBQU0sY0FBYyxHQUFrQixVQUFBLEtBQUs7O0lBQ3RDLElBQUEsUUFBUSxHQUFrQixLQUFLLFNBQXZCLEVBQUUsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUNsQyxJQUFBLEtBQUEsT0FBc0IsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXBDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBbUIsQ0FBQztJQUU1QyxJQUFNLFFBQVEsR0FBRyxJQUFBLGNBQU0sR0FBTyxDQUFDO0lBRS9CLElBQU0sTUFBTSxHQUFHO1FBQ1gsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDO1FBQ3pCLFNBQVMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDWixRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzVCO2FBQU07WUFDSCxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ3pCO0lBQ0wsQ0FBQyxDQUFDO0lBRUYsSUFBQSxpQkFBUyxFQUFDO1FBQ04sU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsdURBQXVEO0lBQzNELENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRWpCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFO1FBQ2xCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLGlDQUFpQztRQUM1Qyw4QkFBQyw0QkFBWSxJQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDLFFBQVE7WUFDekMsdUNBQ0ksS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxTQUFTLEVBQUMsU0FBUyxFQUNuQixJQUFJLEVBQUMsTUFBTSxFQUNYLE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxjQUFjLEVBQ3JCLFdBQVcsRUFBRSxDQUFDO2dCQUVkLHdDQUNJLGFBQWEsRUFBQyxPQUFPLEVBQ3JCLGNBQWMsRUFBQyxPQUFPLEVBQ3RCLENBQUMsRUFBQyw2Q0FBNkMsR0FDakQsQ0FDQSxDQUNLO1FBQ2YsdUNBQ0ksU0FBUyxFQUNMLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztnQkFDekIsOEVBQThFO1lBR2xGLHlDQUNJLEdBQUcsRUFBRSxRQUFRLEVBQ2IsSUFBSSxFQUFDLE1BQU0sRUFDWCxXQUFXLEVBQUUsTUFBQSxRQUFRLENBQUMsV0FBVyxtQ0FBSSxzQkFBc0IsRUFDM0QsU0FBUyxFQUFDLDRCQUE0QixFQUN0QyxRQUFRLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQWpDLENBQWlDLEVBQ2hELEtBQUssRUFBRSxRQUFRLENBQUMsS0FBSyxHQUN2QixDQUNBLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNURXLFFBQUEsY0FBYyxrQkE0RHpCIn0=
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.TabsPlugin = void 0;
|
|
7
|
+
var tab_1 = require("../components/tab");
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var TabsPlugin = function (props) {
|
|
10
|
+
var tab = props.tab, schema = props.schema;
|
|
11
|
+
var active = tab.active, onChange = tab.onChange;
|
|
12
|
+
if (schema.tabs.length === 0) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
return (react_1.default.createElement("div", { className: "flex flex-1 self-stretch" },
|
|
16
|
+
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
|
+
};
|
|
18
|
+
exports.TabsPlugin = TabsPlugin;
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS90b29sYmFyLXBsdWdpbnMvdGFicy1wbHVnaW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLHlDQUF3QztBQUN4QyxnREFBMEI7QUFFbkIsSUFBTSxVQUFVLEdBQWtCLFVBQUEsS0FBSztJQUNsQyxJQUFBLEdBQUcsR0FBYSxLQUFLLElBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBQ3RCLElBQUEsTUFBTSxHQUFlLEdBQUcsT0FBbEIsRUFBRSxRQUFRLEdBQUssR0FBRyxTQUFSLENBQVM7SUFFakMsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7UUFDMUIsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsMEJBQTBCO1FBQ3JDLHVDQUFLLFNBQVMsRUFBQyx1QkFBdUIsZ0JBQVksTUFBTSxJQUNuRCxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQ2xCLDhCQUFDLFNBQUcsSUFBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxLQUFLLENBQUMsQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFoQixDQUFnQixHQUFJLENBQ25HLEVBRnFCLENBRXJCLENBQUMsQ0FDQSxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWpCVyxRQUFBLFVBQVUsY0FpQnJCIn0=
|
package/tailwindui/ui.js
CHANGED
|
@@ -12,6 +12,7 @@ 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
14
|
var select_row_checkbox_1 = require("./components/select-row-checkbox");
|
|
15
|
+
var selected_rows_toolbar_1 = require("./components/selected-rows-toolbar");
|
|
15
16
|
exports.UI = {
|
|
16
17
|
ActionCell: action_cell_base_1.ActionCellBase,
|
|
17
18
|
actionCellWidth: 100,
|
|
@@ -26,5 +27,6 @@ exports.UI = {
|
|
|
26
27
|
FilterList: filters_list_1.FiltersList,
|
|
27
28
|
Pagination: pagination_1.Pagination,
|
|
28
29
|
SelectRowCheckbox: select_row_checkbox_1.SelectRowCheckbox,
|
|
30
|
+
SelectedRowsToolbar: selected_rows_toolbar_1.SelectedRowsToolbar,
|
|
29
31
|
};
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS91aS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esa0VBQWtGO0FBQ2xGLDhEQUEyRDtBQUMzRCxrRUFBK0Q7QUFDL0QsZ0VBQThEO0FBQzlELG9FQUFrRTtBQUNsRSxvREFBbUQ7QUFDbkQsb0VBQWlFO0FBQ2pFLDRFQUF3RTtBQUN4RSwwREFBd0Q7QUFDeEQsc0RBQXFEO0FBQ3JELHdFQUFxRTtBQUNyRSw0RUFBeUU7QUFFNUQsUUFBQSxFQUFFLEdBQTJCO0lBQ3RDLFVBQVUsRUFBRSxpQ0FBYztJQUMxQixlQUFlLEVBQUUsR0FBRztJQUNwQixpQkFBaUIsRUFBRSxvQ0FBaUI7SUFDcEMsUUFBUSxFQUFFLDZCQUFZO0lBQ3RCLGNBQWMsRUFBRSxpQ0FBYztJQUM5QixjQUFjLEVBQUUsZ0NBQWM7SUFDOUIsZ0JBQWdCLEVBQUUsb0NBQWdCO0lBQ2xDLFNBQVMsRUFBRSxxQkFBUztJQUNwQixXQUFXLEVBQUUsbUNBQWU7SUFDNUIsY0FBYyxFQUFFLDBDQUFrQjtJQUNsQyxVQUFVLEVBQUUsMEJBQVc7SUFDdkIsVUFBVSxFQUFFLHVCQUFVO0lBQ3RCLGlCQUFpQixFQUFFLHVDQUFpQjtJQUNwQyxtQkFBbUIsRUFBRSwyQ0FBbUI7Q0FDM0MsQ0FBQyJ9
|
package/types.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ export declare type BaseGridType = {
|
|
|
5
5
|
filters: any;
|
|
6
6
|
};
|
|
7
7
|
export declare type SortDirection = "asc" | "desc";
|
|
8
|
-
export declare type SelectableRows = "none" | "single" | "multiple";
|
|
9
8
|
export declare type ResultItem = any;
|
|
10
9
|
export declare type KeyExtractor = (row: ResultItem) => number;
|
|
11
10
|
export declare type CsvDownloadHandler = (request: Request) => void;
|
|
@@ -37,8 +36,10 @@ export declare type UIComponents<GridType extends BaseGridType, R> = {
|
|
|
37
36
|
Pagination: PaginationComponent;
|
|
38
37
|
Container: ContainerComponent;
|
|
39
38
|
ToolbarContainer: ToolbarContainerComponent;
|
|
40
|
-
LinearProgress:
|
|
39
|
+
LinearProgress: LinearProgressComponent;
|
|
41
40
|
SelectRowCheckbox: SelectRowCheckboxComponent;
|
|
41
|
+
SelectedRowsToolbar: SelectedRowsToolbarComponent;
|
|
42
|
+
SelectedRowsToolbarActions?: SelectedRowsToolbarActionsComponent;
|
|
42
43
|
} & ActionCellWithRequiredWidth<R>;
|
|
43
44
|
export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
44
45
|
schema: Schema<GridType>;
|
|
@@ -70,6 +71,7 @@ export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
|
70
71
|
defaultConfig?: Config<GridType["columns"]>;
|
|
71
72
|
rowClass?: (row: R) => "success" | "warning" | "error" | "primary" | "secondary" | string | null | undefined;
|
|
72
73
|
toolbarPlugins?: ToolbarPlugin[];
|
|
74
|
+
debug?: boolean;
|
|
73
75
|
};
|
|
74
76
|
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & ActionCellWithRequiredWidth<R> & {
|
|
75
77
|
ui: UIComponents<GridType, R>;
|
|
@@ -168,17 +170,23 @@ export interface FilterInputProps<F extends Filter<any, any>, T> {
|
|
|
168
170
|
onFilter: (value: RequestFilter<T>) => void;
|
|
169
171
|
}
|
|
170
172
|
export declare type FilterInputComponent<F extends BaseGridType["filters"], T = any> = ComponentType<FilterInputProps<Filters<F>, T>>;
|
|
171
|
-
|
|
172
|
-
loading?: boolean;
|
|
173
|
-
response?: Response;
|
|
173
|
+
declare type GridRequest = {
|
|
174
174
|
f: RequestFilter[];
|
|
175
175
|
sort: string | null;
|
|
176
176
|
dir: SortDirection | null;
|
|
177
177
|
page: number;
|
|
178
|
-
tab: string | null;
|
|
179
178
|
perPage: number;
|
|
179
|
+
search: string;
|
|
180
|
+
tab: string | null;
|
|
181
|
+
};
|
|
182
|
+
export interface DataGridState {
|
|
183
|
+
loading?: boolean;
|
|
184
|
+
response?: Response;
|
|
185
|
+
request: GridRequest;
|
|
180
186
|
error?: any;
|
|
181
|
-
|
|
187
|
+
tabRequests: {
|
|
188
|
+
[tab: string]: GridRequest;
|
|
189
|
+
};
|
|
182
190
|
}
|
|
183
191
|
export declare type ContainerComponent = React.FC<{
|
|
184
192
|
mr?: number;
|
|
@@ -240,3 +248,16 @@ export declare type NoRowsFallbackComponent = React.FC<{
|
|
|
240
248
|
loading: boolean;
|
|
241
249
|
}>;
|
|
242
250
|
export declare type SelectRowCheckboxComponent = React.FC<CheckboxFormatterProps>;
|
|
251
|
+
export declare type LinearProgressComponent = React.FC<{
|
|
252
|
+
loading: boolean;
|
|
253
|
+
}>;
|
|
254
|
+
export declare type SelectedRowsToolbarActionsComponent = React.FC<{
|
|
255
|
+
selectedRows: Set<number>;
|
|
256
|
+
onChangeSelectedRows: (rows: Set<number>) => Set<number>;
|
|
257
|
+
}>;
|
|
258
|
+
export declare type SelectedRowsToolbarComponent = React.FC<{
|
|
259
|
+
selectedRows?: Set<number>;
|
|
260
|
+
onChangeSelectedRows?: (rows: Set<number>) => void;
|
|
261
|
+
Actions?: SelectedRowsToolbarActionsComponent;
|
|
262
|
+
}>;
|
|
263
|
+
export {};
|
package/utils.js
CHANGED
|
@@ -24,14 +24,14 @@ exports.encodeFilter = encodeFilter;
|
|
|
24
24
|
function createRequest(state, defaultSort, defaultDir) {
|
|
25
25
|
var _a, _b;
|
|
26
26
|
return {
|
|
27
|
-
sort: (_a = state.sort) !== null && _a !== void 0 ? _a : defaultSort,
|
|
28
|
-
dir: (_b = state.dir) !== null && _b !== void 0 ? _b : defaultDir,
|
|
29
|
-
perPage: state.perPage,
|
|
30
|
-
page: state.page,
|
|
31
|
-
f: state.f.filter(function (f) { return !!f.value; }),
|
|
32
|
-
search: state.
|
|
33
|
-
tab: state.tab,
|
|
27
|
+
sort: (_a = state.request.sort) !== null && _a !== void 0 ? _a : defaultSort,
|
|
28
|
+
dir: (_b = state.request.dir) !== null && _b !== void 0 ? _b : defaultDir,
|
|
29
|
+
perPage: state.request.perPage,
|
|
30
|
+
page: state.request.page,
|
|
31
|
+
f: state.request.f.filter(function (f) { return !!f.value; }),
|
|
32
|
+
search: state.request.search,
|
|
33
|
+
tab: state.request.tab,
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
exports.createRequest = createRequest;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsU0FBZ0IsWUFBWSxDQUFDLFlBQW9CO0lBQzdDLElBQUk7UUFDQSxJQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFMUUsT0FBTztZQUNILENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUU7WUFDakIsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQUksRUFBRTtZQUM3QixJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDO1lBQ3RCLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLEtBQUs7WUFDeEIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUksSUFBSTtTQUM1QixDQUFDO0tBQ0w7SUFBQyxPQUFPLENBQUMsRUFBRTtRQUNSLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7QUFDTCxDQUFDO0FBZEQsb0NBY0M7QUFFRCxTQUFnQixZQUFZLENBQUMsT0FBZ0I7SUFDekMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdkUsQ0FBQztBQUZELG9DQUVDO0FBRUQsU0FBZ0IsYUFBYSxDQUFDLEtBQW9CLEVBQUUsV0FBbUIsRUFBRSxVQUF5Qjs7SUFDOUYsT0FBTztRQUNILElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxtQ0FBSSxXQUFXO1FBQ3ZDLEdBQUcsRUFBRSxNQUFBLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxtQ0FBSSxVQUFVO1FBQ3BDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU87UUFDOUIsSUFBSSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSTtRQUN4QixDQUFDLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQVQsQ0FBUyxDQUFDO1FBQ3pDLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU07UUFDNUIsR0FBRyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRztLQUN6QixDQUFDO0FBQ04sQ0FBQztBQVZELHNDQVVDIn0=
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.TabsToolbarPlugin = void 0;
|
|
7
|
-
var tab_1 = require("../components/tab");
|
|
8
|
-
var react_1 = __importDefault(require("react"));
|
|
9
|
-
var TabsToolbarPlugin = function (props) {
|
|
10
|
-
var tab = props.tab, schema = props.schema;
|
|
11
|
-
var active = tab.active, onChange = tab.onChange;
|
|
12
|
-
if (schema.tabs.length === 0) {
|
|
13
|
-
return null;
|
|
14
|
-
}
|
|
15
|
-
return (react_1.default.createElement("div", { className: "flex flex-1 self-stretch" },
|
|
16
|
-
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
|
-
};
|
|
18
|
-
exports.TabsToolbarPlugin = TabsToolbarPlugin;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1maWx0ZXItcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvdG9vbGJhci1wbHVnaW5zL3RhYnMtZmlsdGVyLXBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EseUNBQXdDO0FBQ3hDLGdEQUEwQjtBQUVuQixJQUFNLGlCQUFpQixHQUFrQixVQUFBLEtBQUs7SUFDekMsSUFBQSxHQUFHLEdBQWEsS0FBSyxJQUFsQixFQUFFLE1BQU0sR0FBSyxLQUFLLE9BQVYsQ0FBVztJQUN0QixJQUFBLE1BQU0sR0FBZSxHQUFHLE9BQWxCLEVBQUUsUUFBUSxHQUFLLEdBQUcsU0FBUixDQUFTO0lBRWpDLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1FBQzFCLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLDBCQUEwQjtRQUNyQyx1Q0FBSyxTQUFTLEVBQUMsdUJBQXVCLGdCQUFZLE1BQU0sSUFDbkQsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUNsQiw4QkFBQyxTQUFHLElBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sS0FBSyxDQUFDLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBaEIsQ0FBZ0IsR0FBSSxDQUNuRyxFQUZxQixDQUVyQixDQUFDLENBQ0EsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFqQlcsUUFBQSxpQkFBaUIscUJBaUI1QiJ9
|