@uxf/data-grid 5.0.0-beta.3 → 5.0.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DataGrid.d.ts +1 -0
- package/DataGrid.js +3 -3
- package/hooks/useCallbackRef.d.ts +1 -0
- package/hooks/useColumns.js +5 -6
- package/icons-config/index.js +15 -7
- package/package.json +2 -2
- package/tailwindui/DataGrid.d.ts +1 -0
- package/tailwindui/body-cell/body-cell-boolean.js +3 -2
- package/tailwindui/components/action-cell-base.js +1 -1
- package/tailwindui/components/drawer.js +8 -4
- package/tailwindui/components/filter-list.js +3 -3
- package/tailwindui/components/toolbar-control.js +2 -2
- package/tailwindui/components/toolbar-customs.js +4 -4
- package/tailwindui/filter-handler/boolean-filter.js +9 -6
- package/tailwindui/filter-handler/index.js +3 -1
- package/tailwindui/filter-handler/interval-filter.d.ts +3 -0
- package/tailwindui/filter-handler/interval-filter.js +49 -0
- package/tailwindui/styles.css +13 -4
- package/types/components.d.ts +7 -1
- package/types/core.d.ts +2 -1
package/DataGrid.d.ts
CHANGED
package/DataGrid.js
CHANGED
|
@@ -190,7 +190,7 @@ var DataGrid = function (props) {
|
|
|
190
190
|
react_1.default.createElement(Toolbar, { noBorder: props.noBorder },
|
|
191
191
|
react_1.default.createElement(ToolbarTabs, { activeTab: state.request.tab, onChange: function (tab) { return dispatch(actions_1.dataGridActions.changeTab(tab)); }, schema: props.schema }),
|
|
192
192
|
react_1.default.createElement(ToolbarControl, { gridName: props.gridName, dispatch: dispatch, filterHandlers: props.ui.FilterHandlers, noBorder: props.noBorder, schema: props.schema, filtersData: state.request.f, fulltextValue: state.request.search, onFulltextChange: function (value) { return dispatch(actions_1.dataGridActions.search(value)); } }),
|
|
193
|
-
react_1.default.createElement(ToolbarCustoms,
|
|
193
|
+
react_1.default.createElement(ToolbarCustoms, { buttons: props.customActions })),
|
|
194
194
|
react_1.default.createElement(LinearProgress, { loading: !!state.loading }),
|
|
195
195
|
react_1.default.createElement(FilterList, { gridName: props.gridName, onFilter: onFilter, filters: props.schema.filters, filtersData: state.request.f, filterHandlers: props.ui.FilterHandlers, noBorder: props.noBorder }),
|
|
196
196
|
react_1.default.createElement(show_1.Show, { when: mounted },
|
|
@@ -198,8 +198,8 @@ var DataGrid = function (props) {
|
|
|
198
198
|
react_1.default.createElement(footer_1.Footer, { noBorder: props.noBorder },
|
|
199
199
|
react_1.default.createElement(PaginationRowsPerPageSelect, { value: state.request.perPage, onChange: function (value) { return dispatch(actions_1.dataGridActions.changePerPage(value)); } }),
|
|
200
200
|
react_1.default.createElement(PaginationCounts, { page: state.request.page, perPage: state.request.perPage, response: state.response }),
|
|
201
|
-
react_1.default.createElement(Pagination, { count: state.response ? Math.ceil(state.response.count / state.request.perPage) : 1, page: state.request.page + 1, onPageChange: function (value) { return dispatch(actions_1.dataGridActions.changePage(value - 1)); } }))),
|
|
201
|
+
react_1.default.createElement(Pagination, { count: state.response ? Math.max(Math.ceil(state.response.count / state.request.perPage), 1) : 1, page: state.request.page + 1, onPageChange: function (value) { return dispatch(actions_1.dataGridActions.changePage(value - 1)); } }))),
|
|
202
202
|
react_1.default.createElement(SelectedRowsToolbar, { selectedRows: props.selectedRows, onChangeSelectedRows: props.onChangeSelectedRows, Actions: props.ui.SelectedRowsToolbarActions, reload: onReload })));
|
|
203
203
|
};
|
|
204
204
|
exports.DataGrid = DataGrid;
|
|
205
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
205
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFvRztBQUNwRywyQ0FBeUU7QUFFekUsaUNBQXNEO0FBQ3RELG9FQUE0RDtBQUM1RCxpREFBZ0Q7QUFDaEQseURBQXdEO0FBQ3hELDBDQUF5QztBQUN6QywyQ0FBa0Q7QUFFbEQsSUFBTSxtQkFBbUIsR0FBaUIsVUFBQSxDQUFDO0lBQ3ZDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUNoQixDQUFDLENBQUM7QUFFRixzREFBc0Q7QUFDL0MsSUFBTSxRQUFRLEdBQUcsVUFBeUMsS0FBaUM7O0lBQzlGLElBQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLFNBQVMsbUNBQUksRUFBRSxDQUFDO0lBQ3hDLElBQU0sZUFBZSxHQUFHLE1BQUEsS0FBSyxDQUFDLGVBQWUsbUNBQUksRUFBRSxDQUFDO0lBRTlDLElBQUEsS0FjRixLQUFLLENBQUMsRUFBRSxFQWJSLGNBQWMsb0JBQUEsRUFDZCxTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQSxFQUNWLGdCQUFnQixzQkFBQSxFQUNoQiwyQkFBMkIsaUNBQUEsRUFDM0IsbUJBQW1CLHlCQUFBLEVBQ25CLGNBQWMsb0JBQUEsRUFDZCxpQkFBaUIsdUJBQUEsRUFDakIsT0FBTyxhQUFBLEVBQ1AsY0FBYyxvQkFBQSxFQUNkLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUNILENBQUM7SUFFUCxJQUFBLEtBQUEsT0FBb0IsSUFBQSxrQkFBVSxFQUNoQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxzQkFBWSxDQUFDLENBQUMsQ0FBQyxpQkFBTyxFQUNwQyxJQUFBLHlCQUFlLEVB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
|
package/hooks/useColumns.js
CHANGED
|
@@ -53,10 +53,9 @@ var react_1 = __importStar(require("react"));
|
|
|
53
53
|
var react_data_grid_1 = require("react-data-grid");
|
|
54
54
|
var tailwindui_1 = require("../tailwindui");
|
|
55
55
|
var utils_1 = require("../utils");
|
|
56
|
-
var body_cell_1 = require("../tailwindui/body-cell");
|
|
57
56
|
var useColumns = function (props, reload) {
|
|
58
57
|
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;
|
|
59
|
-
var ActionCell = ui.ActionCell, actionCellWidth = ui.actionCellWidth;
|
|
58
|
+
var ActionCell = ui.ActionCell, actionCellWidth = ui.actionCellWidth, BodyCells = ui.BodyCells;
|
|
60
59
|
var rdgActionColumn = (0, react_1.useMemo)(function () {
|
|
61
60
|
return (ActionCell && ActionCell !== tailwindui_1.ActionCellBase) || onOpen || onEdit || getOpenUrl || getEditUrl || onRemove
|
|
62
61
|
? {
|
|
@@ -94,8 +93,8 @@ var useColumns = function (props, reload) {
|
|
|
94
93
|
cellClass: "uxf-data-grid__cell",
|
|
95
94
|
formatter: function (p) {
|
|
96
95
|
var _a;
|
|
97
|
-
var columnType =
|
|
98
|
-
var BodyCell = (_a =
|
|
96
|
+
var columnType = c.type;
|
|
97
|
+
var BodyCell = (_a = BodyCells[columnType]) !== null && _a !== void 0 ? _a : BodyCells.default;
|
|
99
98
|
if (!BodyCell) {
|
|
100
99
|
return null;
|
|
101
100
|
}
|
|
@@ -108,10 +107,10 @@ var useColumns = function (props, reload) {
|
|
|
108
107
|
},
|
|
109
108
|
});
|
|
110
109
|
});
|
|
111
|
-
}, [defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns, hiddenColumns, reload, schema.columns]);
|
|
110
|
+
}, [BodyCells, defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns, hiddenColumns, reload, schema.columns]);
|
|
112
111
|
return (0, react_1.useMemo)(function () {
|
|
113
112
|
return __spreadArray(__spreadArray([onChangeSelectedRows ? react_data_grid_1.SelectColumn : null], __read(rdgColumns), false), [rdgActionColumn], false).filter(function (c) { return c !== null; });
|
|
114
113
|
}, [onChangeSelectedRows, rdgActionColumn, rdgColumns]);
|
|
115
114
|
};
|
|
116
115
|
exports.useColumns = useColumns;
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VDb2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBdUM7QUFDdkMsbURBQXVEO0FBRXZELDRDQUErQztBQUMvQyxrQ0FBOEI7QUFFdkIsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUE4QixFQUFFLE1BQTJCO0lBRTlFLElBQUEsb0JBQW9CLEdBVXBCLEtBQUsscUJBVmUsRUFDcEIsTUFBTSxHQVNOLEtBQUssT0FUQyxFQUNOLGFBQWEsR0FRYixLQUFLLGNBUlEsRUFDYixhQUFhLEdBT2IsS0FBSyxjQVBRLEVBQ2IsRUFBRSxHQU1GLEtBQUssR0FOSCxFQUNGLE1BQU0sR0FLTixLQUFLLE9BTEMsRUFDTixNQUFNLEdBSU4sS0FBSyxPQUpDLEVBQ04sVUFBVSxHQUdWLEtBQUssV0FISyxFQUNWLFVBQVUsR0FFVixLQUFLLFdBRkssRUFDVixRQUFRLEdBQ1IsS0FBSyxTQURHLENBQ0Y7SUFFRixJQUFBLFVBQVUsR0FBaUMsRUFBRSxXQUFuQyxFQUFFLGVBQWUsR0FBZ0IsRUFBRSxnQkFBbEIsRUFBRSxTQUFTLEdBQUssRUFBRSxVQUFQLENBQVE7SUFFdEQsSUFBTSxlQUFlLEdBQXVCLElBQUEsZUFBTyxFQUFDO1FBQ2hELE9BQU8sQ0FBQyxVQUFVLElBQUksVUFBVSxLQUFLLDJCQUFjLENBQUMsSUFBSSxNQUFNLElBQUksTUFBTSxJQUFJLFVBQVUsSUFBSSxVQUFVLElBQUksUUFBUTtZQUM1RyxDQUFDLENBQUM7Z0JBQ0ksR0FBRyxFQUFFLGlCQUFpQjtnQkFDdEIsSUFBSSxFQUFFLEVBQUU7Z0JBQ1IsU0FBUyxFQUFFLEtBQUs7Z0JBQ2hCLGVBQWUsRUFBRSw0QkFBNEI7Z0JBQzdDLFNBQVMsRUFBRSw0QkFBNEI7Z0JBQ3ZDLEtBQUssRUFB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
|
package/icons-config/index.js
CHANGED
|
@@ -1,6 +1,19 @@
|
|
|
1
|
+
const uiIcons = require("@uxf/ui/utils/icons-config");
|
|
2
|
+
|
|
1
3
|
/** @type {import('@uxf/icons-generator/types').Config['icons']} */
|
|
2
4
|
module.exports = {
|
|
3
|
-
|
|
5
|
+
check: uiIcons.check,
|
|
6
|
+
chevronDown: uiIcons.chevronDown,
|
|
7
|
+
chevronsLeft: uiIcons.chevronsLeft,
|
|
8
|
+
chevronLeft: uiIcons.chevronLeft,
|
|
9
|
+
chevronsRight: uiIcons.chevronsRight,
|
|
10
|
+
chevronRight: uiIcons.chevronRight,
|
|
11
|
+
xmarkLarge: uiIcons.xmarkLarge,
|
|
12
|
+
"circle-info": {
|
|
13
|
+
width: 512,
|
|
14
|
+
height: 512,
|
|
15
|
+
data: `<path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z" fill="currentColor"/>`,
|
|
16
|
+
},
|
|
4
17
|
filter: {
|
|
5
18
|
width: 512,
|
|
6
19
|
height: 512,
|
|
@@ -9,7 +22,7 @@ module.exports = {
|
|
|
9
22
|
pen: {
|
|
10
23
|
width: 512,
|
|
11
24
|
height: 512,
|
|
12
|
-
data: `<path d="
|
|
25
|
+
data: `<path d="M58.57 323.5L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75C495.8 61.87 498.5 65.24 500.9 68.79C517.3 93.63 514.6 127.4 492.7 149.3L188.5 453.4C187.2 454.7 185.9 455.1 184.5 457.2C174.9 465.7 163.5 471.1 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L58.57 323.5zM82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L383 191L320.1 128.1L92.51 357.4C91.92 358 91.35 358.6 90.8 359.3C86.94 363.6 84.07 368.8 82.42 374.4L82.42 374.4z" fill="currentColor"/>`,
|
|
13
26
|
},
|
|
14
27
|
table: {
|
|
15
28
|
width: 512,
|
|
@@ -26,11 +39,6 @@ module.exports = {
|
|
|
26
39
|
height: 512,
|
|
27
40
|
data: `<path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H576c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM192 96V416H64V96H192zm64 0H384V416H256V96zm320 0V416H448V96H576z" fill="currentColor"/>`,
|
|
28
41
|
},
|
|
29
|
-
"arrow-right": {
|
|
30
|
-
width: 448,
|
|
31
|
-
height: 512,
|
|
32
|
-
data: `<path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z" fill="currentColor"/>`,
|
|
33
|
-
},
|
|
34
42
|
search: {
|
|
35
43
|
width: 512,
|
|
36
44
|
height: 512,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/data-grid",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.5",
|
|
4
4
|
"description": "Redux DataGrid",
|
|
5
5
|
"homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
|
|
6
6
|
"main": "index.js",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@typescript-eslint/parser": "^5.11.0",
|
|
51
51
|
"@uxf/eslint-config": "^1.2.3",
|
|
52
52
|
"@uxf/icons-generator": "^1.3.0",
|
|
53
|
-
"@uxf/ui": "^1.0.0-beta.
|
|
53
|
+
"@uxf/ui": "^1.0.0-beta.112",
|
|
54
54
|
"autoprefixer": "^10.4.13",
|
|
55
55
|
"babel-polyfill": "^6.26.0",
|
|
56
56
|
"eslint": "^8.8.0",
|
package/tailwindui/DataGrid.d.ts
CHANGED
|
@@ -10,7 +10,8 @@ var BodyCellBoolean = function (props) {
|
|
|
10
10
|
if (typeof props.value !== "boolean") {
|
|
11
11
|
return null;
|
|
12
12
|
}
|
|
13
|
-
return react_1.default.createElement(
|
|
13
|
+
return (react_1.default.createElement("div", { className: "w-full h-full flex items-center justify-center" },
|
|
14
|
+
react_1.default.createElement(checkbox_visual_1.CheckboxVisual, { value: props.value, isDisabled: true })));
|
|
14
15
|
};
|
|
15
16
|
exports.BodyCellBoolean = BodyCellBoolean;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWJvb2xlYW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvYm9keS1jZWxsLWJvb2xlYW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiwyREFBeUQ7QUFFbEQsSUFBTSxlQUFlLEdBQWdDLFVBQUEsS0FBSztJQUM3RCxJQUFJLE9BQU8sS0FBSyxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7UUFDbEMsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsZ0RBQWdEO1FBQzNELDhCQUFDLGdDQUFjLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUsVUFBVSxTQUFHLENBQy9DLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVZXLFFBQUEsZUFBZSxtQkFVMUIifQ==
|
|
@@ -77,7 +77,7 @@ var ActionCellBase = function (props) {
|
|
|
77
77
|
return (react_1.default.createElement(exports.ActionCellWrapper, null,
|
|
78
78
|
react_1.default.createElement(Button, { row: props.row, onClick: props.onRemove, getUrl: undefined, icon: "trash", title: "Smazat" }),
|
|
79
79
|
react_1.default.createElement(Button, { row: props.row, onClick: props.onEdit, getUrl: props.getEditUrl, icon: "pen", title: "Upravit" }),
|
|
80
|
-
react_1.default.createElement(Button, { row: props.row, onClick: props.onOpen, getUrl: props.getOpenUrl, icon: "
|
|
80
|
+
react_1.default.createElement(Button, { row: props.row, onClick: props.onOpen, getUrl: props.getOpenUrl, icon: "circle-info", title: "Detail" })));
|
|
81
81
|
};
|
|
82
82
|
exports.ActionCellBase = ActionCellBase;
|
|
83
83
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNlbGwtYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvYWN0aW9uLWNlbGwtYmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBd0U7QUFFeEUseUNBQW9EO0FBRXBELHFDQUFvQztBQUU3QixJQUFNLGlCQUFpQixHQUEwQixVQUFBLEtBQUs7SUFDekQsSUFBTSxRQUFRLEdBQUcsSUFBQSxjQUFNLEVBQWlCLElBQUksQ0FBQyxDQUFDO0lBRTlDLElBQUEsaUJBQVMsRUFBQzs7UUFDTixJQUFJLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDbkIsSUFBSSxJQUFJLEdBQW1CLElBQUksQ0FBQztRQUVoQyxJQUFNLElBQUksR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDUCxPQUFPO1NBQ1Y7UUFFRCxJQUFNLGFBQWEsR0FBRztZQUNsQixJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7WUFDckMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztRQUN2RCxDQUFDLENBQUM7UUFFRixJQUFNLFlBQVksR0FBRztZQUNqQixJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM1QixJQUFJLElBQUksRUFBRTtnQkFDTixVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztnQkFDN0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQzthQUNsRDtRQUNMLENBQUMsQ0FBQztRQUVGLE1BQUEsSUFBSSxDQUFDLGFBQWEsMENBQUUsZ0JBQWdC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
|
|
@@ -5,18 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Drawer = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
9
|
+
var button_1 = require("@uxf/ui/button");
|
|
8
10
|
var Drawer = function (props) {
|
|
9
11
|
var title = props.title, open = props.open, onClose = props.onClose, children = props.children;
|
|
10
12
|
return (react_1.default.createElement("main", { className: " fixed overflow-hidden z-10 bg-gray-900 bg-opacity-25 inset-0 transform ease-in-out " +
|
|
11
13
|
(open
|
|
12
14
|
? " transition-opacity opacity-100 duration-500 translate-x-0 "
|
|
13
15
|
: " transition-all delay-500 opacity-0 translate-x-full ") },
|
|
14
|
-
react_1.default.createElement("section", { className: " w-
|
|
16
|
+
react_1.default.createElement("section", { className: " w-11/12 max-w-sm right-0 absolute bg-white h-full shadow-xl delay-400 duration-500 ease-in-out transition-all transform " +
|
|
15
17
|
(open ? " translate-x-0 " : " translate-x-full ") },
|
|
16
|
-
react_1.default.createElement("article", { className: "relative w-
|
|
17
|
-
react_1.default.createElement("
|
|
18
|
+
react_1.default.createElement("article", { className: "relative w-full max-w-sm pb-10 flex flex-col overflow-y-scroll h-full" },
|
|
19
|
+
react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: onClose, variant: "text", className: "ml-auto !mt-4 mr-4" },
|
|
20
|
+
react_1.default.createElement(icon_1.Icon, { name: "xmarkLarge" })),
|
|
21
|
+
react_1.default.createElement("header", { className: "p-4 pt-8 font-bold text-lg" }, title),
|
|
18
22
|
react_1.default.createElement("div", { className: "p-4" }, children))),
|
|
19
23
|
react_1.default.createElement("section", { className: "w-screen h-full cursor-pointer ", onClick: onClose })));
|
|
20
24
|
};
|
|
21
25
|
exports.Drawer = Drawer;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9kcmF3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQUN6QyxxQ0FBa0M7QUFDbEMseUNBQXNDO0FBUy9CLElBQU0sTUFBTSxHQUEwQixVQUFBLEtBQUs7SUFDdEMsSUFBQSxLQUFLLEdBQThCLEtBQUssTUFBbkMsRUFBRSxJQUFJLEdBQXdCLEtBQUssS0FBN0IsRUFBRSxPQUFPLEdBQWUsS0FBSyxRQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUNqRCxPQUFPLENBQ0gsd0NBQ0ksU0FBUyxFQUNMLHNGQUFzRjtZQUN0RixDQUFDLElBQUk7Z0JBQ0QsQ0FBQyxDQUFDLDhEQUE4RDtnQkFDaEUsQ0FBQyxDQUFDLHdEQUF3RCxDQUFDO1FBR25FLDJDQUNJLFNBQVMsRUFDTCw0SEFBNEg7Z0JBQzVILENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUM7WUFHckQsMkNBQVMsU0FBUyxFQUFDLHVFQUF1RTtnQkFDdEYsOEJBQUMsZUFBTSxJQUFDLFlBQVksUUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFDLG9CQUFvQjtvQkFBQyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLFlBQVksR0FBRyxDQUFTO2dCQUN4SCwwQ0FBUSxTQUFTLEVBQUMsNEJBQTRCLElBQUUsS0FBSyxDQUFVO2dCQUMvRCx1Q0FBSyxTQUFTLEVBQUMsS0FBSyxJQUFFLFFBQVEsQ0FBTyxDQUMvQixDQUNKO1FBQ1YsMkNBQVMsU0FBUyxFQUFDLGlDQUFpQyxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdEUsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsTUFBTSxVQTBCakIifQ==
|
|
@@ -9,14 +9,14 @@ var FilterList = function (props) {
|
|
|
9
9
|
var renderedFilters = props.filtersData
|
|
10
10
|
.map(function (filterRequest) {
|
|
11
11
|
var _a;
|
|
12
|
-
if (!filterRequest.value) {
|
|
12
|
+
if (typeof filterRequest.value !== "number" && !filterRequest.value) {
|
|
13
13
|
return null;
|
|
14
14
|
}
|
|
15
15
|
var filter = props.filters.find(function (f) { return f.name === filterRequest.name; });
|
|
16
16
|
if (!filter) {
|
|
17
17
|
return null;
|
|
18
18
|
}
|
|
19
|
-
var FilterListItem = (_a = props.filterHandlers[filter.
|
|
19
|
+
var FilterListItem = (_a = props.filterHandlers[filter.type]) === null || _a === void 0 ? void 0 : _a.listItem;
|
|
20
20
|
if (!FilterListItem) {
|
|
21
21
|
return null;
|
|
22
22
|
}
|
|
@@ -29,4 +29,4 @@ var FilterList = function (props) {
|
|
|
29
29
|
return react_1.default.createElement("div", { className: "uxf-data-grid__filter-list" }, renderedFilters);
|
|
30
30
|
};
|
|
31
31
|
exports.FilterList = FilterList;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2ZpbHRlci1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxVQUFVLEdBQTZCLFVBQUEsS0FBSztJQUNyRCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsV0FBVztTQUNwQyxHQUFHLENBQUMsVUFBQSxhQUFhOztRQUNkLElBQUksT0FBTyxhQUFhLENBQUMsS0FBSyxLQUFLLFFBQVEsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUU7WUFDakUsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUVELElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLElBQUksS0FBSyxhQUFhLENBQUMsSUFBSSxFQUE3QixDQUE2QixDQUFDLENBQUM7UUFFdEUsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNULE9BQU8sSUFBSSxDQUFDO1NBQ2Y7UUFFRCxJQUFNLGNBQWMsR0FBRyxNQUFBLEtBQUssQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQywwQ0FBRSxRQUFRLENBQUM7UUFFbkUsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNqQixPQUFPLElBQUksQ0FBQztTQUNmO1FBRUQsT0FBTyxDQUNILDhCQUFDLGNBQWMsSUFDWCxHQUFHLEVBQUUsYUFBYSxDQUFDLElBQUksRUFDdkIsTUFBTSxFQUFFLE1BQU0sRUFDZCxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLEtBQUssRUFBRSxhQUFhLEVBQ3BCLE9BQU8sRUFBRSxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFsRCxDQUFrRCxHQUNuRSxDQUNMLENBQUM7SUFDTixDQUFDLENBQUM7U0FDRCxNQUFNLENBQUMsVUFBQSxJQUFJLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxFQUFOLENBQU0sQ0FBQyxDQUFDO0lBRTVCLElBQUksZUFBZSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7UUFDOUIsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sdUNBQUssU0FBUyxFQUFDLDRCQUE0QixJQUFFLGVBQWUsQ0FBTyxDQUFDO0FBQy9FLENBQUMsQ0FBQztBQXJDVyxRQUFBLFVBQVUsY0FxQ3JCIn0=
|
|
@@ -51,10 +51,10 @@ var show_1 = require("../show");
|
|
|
51
51
|
function Filters(props) {
|
|
52
52
|
return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map(function (filter) {
|
|
53
53
|
var _a, _b;
|
|
54
|
-
var FilterInput = (_a = props.filterHandlers[filter.
|
|
54
|
+
var FilterInput = (_a = props.filterHandlers[filter.type]) === null || _a === void 0 ? void 0 : _a.input;
|
|
55
55
|
if (!FilterInput) {
|
|
56
56
|
// eslint-disable-next-line no-console
|
|
57
|
-
console.warn("Unknown filter \"".concat(filter.
|
|
57
|
+
console.warn("Unknown filter \"".concat(filter.type, "\"."));
|
|
58
58
|
return null;
|
|
59
59
|
}
|
|
60
60
|
return (react_1.default.createElement(FilterInput, { key: filter.name, gridName: props.gridName, filter: filter, value: (_b = props.filtersData.find(function (f) { return f.name === filter.name; })) !== null && _b !== void 0 ? _b : { name: filter.name, value: null }, onFilter: function (requestFilter) { return props.dispatch(actions_1.dataGridActions.filter(requestFilter)); }, onClear: function () { return props.dispatch(actions_1.dataGridActions.filter({ name: filter.name, value: null })); } }));
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ToolbarCustoms = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var button_1 = require("@uxf/ui/button");
|
|
9
|
-
var ToolbarCustoms = function () {
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
var ToolbarCustoms = function (props) {
|
|
10
|
+
var _a;
|
|
11
|
+
return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" }, (_a = props.buttons) === null || _a === void 0 ? void 0 : _a.map(function (button, index) { return (react_1.default.createElement(button_1.Button, { key: index, href: button.href, onClick: button.onClick, size: "sm", variant: button.variant }, button.label)); })));
|
|
12
12
|
};
|
|
13
13
|
exports.ToolbarCustoms = ToolbarCustoms;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jdXN0b21zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWN1c3RvbXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQix5Q0FBd0M7QUFHakMsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSzs7SUFDeEQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxnQ0FBZ0MsSUFDMUMsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxHQUFHLENBQUMsVUFBQyxNQUFNLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDbkMsOEJBQUMsZUFBTSxJQUNILEdBQUcsRUFBRSxLQUFLLEVBQ1YsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2pCLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxFQUN2QixJQUFJLEVBQUMsSUFBSSxFQUNULE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxJQUV0QixNQUFNLENBQUMsS0FBSyxDQUNSLENBQ1osRUFWc0MsQ0FVdEMsQ0FBQyxDQUNBLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhCVyxRQUFBLGNBQWMsa0JBZ0J6QiJ9
|
|
@@ -15,15 +15,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var checkbox_1 = require("@uxf/ui/checkbox");
|
|
19
18
|
var chip_1 = require("@uxf/ui/chip");
|
|
20
|
-
var
|
|
19
|
+
var select_1 = require("@uxf/ui/select");
|
|
21
20
|
var BooleanFilterHandler = {
|
|
22
|
-
input: function (props) { return (react_1.default.createElement(
|
|
21
|
+
input: function (props) { return (react_1.default.createElement(select_1.Select, { options: [
|
|
22
|
+
{ id: "", label: "Nerozhoduje" },
|
|
23
|
+
{ id: 1, label: "Ano" },
|
|
24
|
+
{ id: 0, label: "Ne" },
|
|
25
|
+
], label: props.filter.label, value: props.value.value, onChange: function (value) { return props.onFilter(__assign(__assign({}, props.value), { value: value })); } })); },
|
|
23
26
|
listItem: function (props) { return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
|
|
24
27
|
props.filter.label,
|
|
25
|
-
"
|
|
26
|
-
|
|
28
|
+
":\u00A0",
|
|
29
|
+
props.value.value ? "Ano" : "Ne")); },
|
|
27
30
|
};
|
|
28
31
|
exports.default = BooleanFilterHandler;
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vbGVhbi1maWx0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9maWx0ZXItaGFuZGxlci9ib29sZWFuLWZpbHRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixxQ0FBb0M7QUFDcEMseUNBQXdDO0FBRXhDLElBQU0sb0JBQW9CLEdBQWtCO0lBQ3hDLEtBQUssRUFBRSxVQUFBLEtBQUssSUFBSSxPQUFBLENBQ1osOEJBQUMsZUFBTSxJQUNILE9BQU8sRUFBRTtZQUNMLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFO1lBQ2hDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO1lBQ3ZCLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1NBQ3pCLEVBQ0QsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUN6QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQ3hCLFFBQVEsRUFBRSxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUssQ0FBQyxRQUFRLHVCQUFNLEtBQUssQ0FBQyxLQUFLLEtBQUUsS0FBSyxPQUFBLElBQUcsRUFBekMsQ0FBeUMsR0FDOUQsQ0FDTCxFQVhlLENBV2Y7SUFDRCxRQUFRLEVBQUUsVUFBQSxLQUFLLElBQUksT0FBQSxDQUNmLDhCQUFDLFdBQUksSUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU87UUFDdkIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLOztRQUFTLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDekQsQ0FDVixFQUprQixDQUlsQjtDQUNKLENBQUM7QUFFRixrQkFBZSxvQkFBb0IsQ0FBQyJ9
|
|
@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.defaultFilterHandlers = void 0;
|
|
7
7
|
var text_filter_1 = __importDefault(require("./text-filter"));
|
|
8
8
|
var boolean_filter_1 = __importDefault(require("./boolean-filter"));
|
|
9
|
+
var interval_filter_1 = __importDefault(require("./interval-filter"));
|
|
9
10
|
exports.defaultFilterHandlers = {
|
|
10
11
|
text: text_filter_1.default,
|
|
11
12
|
boolean: boolean_filter_1.default,
|
|
13
|
+
interval: interval_filter_1.default,
|
|
12
14
|
};
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9maWx0ZXItaGFuZGxlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSw4REFBaUM7QUFDakMsb0VBQXVDO0FBQ3ZDLHNFQUF5QztBQUU1QixRQUFBLHFCQUFxQixHQUFtQjtJQUNqRCxJQUFJLHVCQUFBO0lBQ0osT0FBTywwQkFBQTtJQUNQLFFBQVEsMkJBQUE7Q0FDWCxDQUFDIn0=
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var react_1 = __importDefault(require("react"));
|
|
18
|
+
var chip_1 = require("@uxf/ui/chip");
|
|
19
|
+
var text_input_1 = require("@uxf/ui/text-input");
|
|
20
|
+
var IntervalFilterHandler = {
|
|
21
|
+
input: function (props) {
|
|
22
|
+
var initializedValue = props.value.value &&
|
|
23
|
+
typeof props.value.value.from !== "undefined" &&
|
|
24
|
+
typeof props.value.value.to !== "undefined"
|
|
25
|
+
? props.value
|
|
26
|
+
: { name: props.filter.name, value: { from: null, to: null } };
|
|
27
|
+
return (react_1.default.createElement("div", { key: props.filter.name },
|
|
28
|
+
react_1.default.createElement("div", { className: "gap-4 grid grid-cols-2" },
|
|
29
|
+
react_1.default.createElement(text_input_1.TextInput, { label: "".concat(props.filter.label, " od:"), value: props.value.value ? props.value.value.from : null, onChange: function (val) {
|
|
30
|
+
return props.onFilter(__assign(__assign({}, initializedValue), { value: __assign(__assign({}, initializedValue.value), { from: val ? parseInt(val, 10) : null }) }));
|
|
31
|
+
} }),
|
|
32
|
+
react_1.default.createElement(text_input_1.TextInput, { label: "".concat(props.filter.label, " do:"), value: props.value.value ? props.value.value.to : null, onChange: function (val) {
|
|
33
|
+
return props.onFilter(__assign(__assign({}, initializedValue), { value: __assign(__assign({}, initializedValue.value), { to: val ? parseInt(val, 10) : null }) }));
|
|
34
|
+
} }))));
|
|
35
|
+
},
|
|
36
|
+
listItem: function (props) {
|
|
37
|
+
if (!props.value.value) {
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
var _a = props.value.value, from = _a.from, to = _a.to;
|
|
41
|
+
var formatInterval = [from ? "od " + from : "", to ? "do " + to : ""];
|
|
42
|
+
return from || to ? (react_1.default.createElement(chip_1.Chip, { onClose: function () { return props.onFilter(__assign(__assign({}, props.value), { value: undefined })); } },
|
|
43
|
+
props.filter.label,
|
|
44
|
+
" ",
|
|
45
|
+
formatInterval.filter(function (i) { return !!i; }).join(" "))) : null;
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
exports.default = IntervalFilterHandler;
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJ2YWwtZmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvZmlsdGVyLWhhbmRsZXIvaW50ZXJ2YWwtZmlsdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLHFDQUFvQztBQUNwQyxpREFBK0M7QUFFL0MsSUFBTSxxQkFBcUIsR0FBa0I7SUFDekMsS0FBSyxFQUFFLFVBQUEsS0FBSztRQUNSLElBQU0sZ0JBQWdCLEdBQ2xCLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSztZQUNqQixPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxXQUFXO1lBQzdDLE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRSxLQUFLLFdBQVc7WUFDdkMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLO1lBQ2IsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUM7UUFFdkUsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUk7WUFDdkIsdUNBQUssU0FBUyxFQUFDLHdCQUF3QjtnQkFDbkMsOEJBQUMsc0JBQVMsSUFDTixLQUFLLEVBQUUsVUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssU0FBTSxFQUNsQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUN4RCxRQUFRLEVBQUUsVUFBQSxHQUFHO3dCQUNULE9BQU8sS0FBSyxDQUFDLFFBQVEsdUJBQ2QsZ0JBQWdCLEtBQ25CLEtBQUssd0JBQ0UsZ0JBQWdCLENBQUMsS0FBSyxLQUN6QixJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLE9BRTFDLENBQUM7b0JBQ1AsQ0FBQyxHQUNIO2dCQUNGLDhCQUFDLHNCQUFTLElBQ04sS0FBSyxFQUFFLFVBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLFNBQU0sRUFDbEMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDdEQsUUFBUSxFQUFFLFVBQUEsR0FBRzt3QkFDVCxPQUFPLEtBQUssQ0FBQyxRQUFRLHVCQUNkLGdCQUFnQixLQUNuQixLQUFLLHdCQUNFLGdCQUFnQixDQUFDLEtBQUssS0FDekIsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxPQUV4QyxDQUFDO29CQUNQLENBQUMsR0FDSCxDQUNBLENBQ0osQ0FDVCxDQUFDO0lBQ04sQ0FBQztJQUNELFFBQVEsRUFBRSxVQUFBLEtBQUs7UUFDWCxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUU7WUFDcEIsT0FBTyxJQUFJLENBQUM7U0FDZjtRQUVLLElBQUEsS0FBZSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBOUIsSUFBSSxVQUFBLEVBQUUsRUFBRSxRQUFzQixDQUFDO1FBQ3ZDLElBQU0sY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUV4RSxPQUFPLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQ2hCLDhCQUFDLFdBQUksSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLEtBQUssQ0FBQyxRQUFRLHVCQUFNLEtBQUssQ0FBQyxLQUFLLEtBQUUsS0FBSyxFQUFFLFNBQVMsSUFBRyxFQUFwRCxDQUFvRDtZQUNwRSxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUs7O1lBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxDQUFDLEVBQUgsQ0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUM1RCxDQUNWLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNiLENBQUM7Q0FDSixDQUFDO0FBRUYsa0JBQWUscUJBQXFCLENBQUMifQ==
|
package/tailwindui/styles.css
CHANGED
|
@@ -9,10 +9,18 @@
|
|
|
9
9
|
@apply text-gray-400;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
+
&__action-cell {
|
|
13
|
+
@apply bg-transparent;
|
|
14
|
+
}
|
|
15
|
+
|
|
12
16
|
&__action-cell-wrapper {
|
|
13
17
|
@apply flex items-center justify-center text-center w-full h-full space-x-2;
|
|
14
18
|
}
|
|
15
19
|
|
|
20
|
+
&__cell {
|
|
21
|
+
@apply bg-transparent;
|
|
22
|
+
}
|
|
23
|
+
|
|
16
24
|
&__fallback {
|
|
17
25
|
grid-column: 1/-1;
|
|
18
26
|
|
|
@@ -28,7 +36,7 @@
|
|
|
28
36
|
}
|
|
29
37
|
|
|
30
38
|
&__footer {
|
|
31
|
-
@apply flex items-center justify-end p-2 gap-4;
|
|
39
|
+
@apply flex flex-wrap items-center justify-end p-2 gap-4;
|
|
32
40
|
|
|
33
41
|
&.no-border {
|
|
34
42
|
@apply px-0;
|
|
@@ -71,7 +79,7 @@
|
|
|
71
79
|
}
|
|
72
80
|
|
|
73
81
|
&__rows-per-page {
|
|
74
|
-
@apply flex gap-2 text-sm text-gray-700 items-center text-lightLow;
|
|
82
|
+
@apply flex flex-wrap gap-2 text-sm text-gray-700 items-center text-lightLow;
|
|
75
83
|
|
|
76
84
|
.uxf-select {
|
|
77
85
|
@apply w-28;
|
|
@@ -87,7 +95,7 @@
|
|
|
87
95
|
}
|
|
88
96
|
|
|
89
97
|
&__table {
|
|
90
|
-
@apply rounded-none;
|
|
98
|
+
@apply bg-transparent rounded-none;
|
|
91
99
|
}
|
|
92
100
|
|
|
93
101
|
&__toolbar {
|
|
@@ -136,7 +144,7 @@
|
|
|
136
144
|
@apply bg-gray-200 text-gray-400 font-medium;
|
|
137
145
|
|
|
138
146
|
.rdg-cell {
|
|
139
|
-
@apply rounded-none;
|
|
147
|
+
@apply rounded-none bg-gray-50;
|
|
140
148
|
}
|
|
141
149
|
}
|
|
142
150
|
.rdg-header-sort-name + span {
|
|
@@ -145,6 +153,7 @@
|
|
|
145
153
|
}
|
|
146
154
|
.rdg-cell.rdg-cell-frozen {
|
|
147
155
|
box-shadow: none;
|
|
156
|
+
background: transparent;
|
|
148
157
|
}
|
|
149
158
|
.rdg-cell[aria-selected=true] {
|
|
150
159
|
outline-color: #FF4F06;
|
package/types/components.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentType, FC, ReactNode } from "react";
|
|
1
|
+
import React, { ComponentType, FC, ReactElement, ReactNode } from "react";
|
|
2
2
|
import { BaseGridType, Columns, Filter, Filters, Schema } from "./schema";
|
|
3
3
|
import { RequestFilter, Response } from "./api";
|
|
4
4
|
import { PaginationProps } from "@uxf/ui/pagination/pagination";
|
|
@@ -165,6 +165,12 @@ export declare type ToolbarControlComponent = React.FC<ToolbarControlProps>;
|
|
|
165
165
|
* Toolbar customs
|
|
166
166
|
*/
|
|
167
167
|
export interface ToolbarCustomsProps {
|
|
168
|
+
buttons?: {
|
|
169
|
+
label: string | ReactElement;
|
|
170
|
+
onClick?: () => void;
|
|
171
|
+
href?: string;
|
|
172
|
+
variant?: "default" | "outlined" | "text";
|
|
173
|
+
}[];
|
|
168
174
|
}
|
|
169
175
|
export declare type ToolbarCustomsComponent = React.FC<ToolbarCustomsProps>;
|
|
170
176
|
/**
|
package/types/core.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { MutableRefObject, ReactNode } from "react";
|
|
|
2
2
|
import { DataGridProps as RDGProps } from "react-data-grid";
|
|
3
3
|
import { Request, Response, ResultItem } from "./api";
|
|
4
4
|
import { BaseGridType, Schema } from "./schema";
|
|
5
|
-
import { ActionCellComponent, BodyCellComponents, ContainerComponent, FilterHandlers, FilterListComponent, LinearProgressComponent, NoRowsFallbackComponent, PaginationComponent, PaginationCountsComponent, PaginationRowsPerPageSelectComponent, SelectedRowsToolbarActionsComponent, SelectedRowsToolbarComponent, SelectRowCheckboxComponent, ToolbarComponent, ToolbarControlComponent, ToolbarCustomsComponent, ToolbarTabsComponent } from "./components";
|
|
5
|
+
import { ActionCellComponent, BodyCellComponents, ContainerComponent, FilterHandlers, FilterListComponent, LinearProgressComponent, NoRowsFallbackComponent, PaginationComponent, PaginationCountsComponent, PaginationRowsPerPageSelectComponent, SelectedRowsToolbarActionsComponent, SelectedRowsToolbarComponent, SelectRowCheckboxComponent, ToolbarComponent, ToolbarControlComponent, ToolbarCustomsComponent, ToolbarCustomsProps, ToolbarTabsComponent } from "./components";
|
|
6
6
|
export declare type KeyExtractor = (row: ResultItem) => number;
|
|
7
7
|
export declare type CsvDownloadHandler = (request: Request) => void;
|
|
8
8
|
export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
|
|
@@ -68,6 +68,7 @@ export declare type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
|
68
68
|
rowClass?: (row: R) => "success" | "warning" | "error" | "primary" | "secondary" | string | null | undefined;
|
|
69
69
|
debug?: boolean;
|
|
70
70
|
className?: string;
|
|
71
|
+
customActions?: ToolbarCustomsProps["buttons"];
|
|
71
72
|
};
|
|
72
73
|
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
|
|
73
74
|
ui: UIComponents<GridType, R>;
|