@uxf/data-grid 5.0.0-beta.1 → 5.0.0-beta.11
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 +4 -4
- package/hooks/useCallbackRef.d.ts +1 -0
- package/hooks/useColumns.js +8 -9
- package/icons-config/index.js +62 -0
- package/package.json +5 -4
- package/tailwindui/DataGrid.d.ts +1 -0
- package/tailwindui/body-cell/body-cell-boolean.js +3 -2
- package/tailwindui/body-cell/body-cell-date.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-date.js +16 -0
- package/tailwindui/body-cell/body-cell-datetime.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-datetime.js +16 -0
- package/tailwindui/body-cell/body-cell-email.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-email.js +17 -0
- package/tailwindui/body-cell/body-cell-phone.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-phone.js +17 -0
- package/tailwindui/body-cell/body-cell-to-many.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-to-many.js +18 -0
- package/tailwindui/body-cell/body-cell-to-one.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-to-one.js +15 -0
- package/tailwindui/body-cell/body-cell-url.d.ts +2 -0
- package/tailwindui/body-cell/body-cell-url.js +17 -0
- package/tailwindui/body-cell/index.js +15 -1
- package/tailwindui/components/action-cell-base.js +1 -1
- package/tailwindui/components/drawer.js +11 -11
- package/tailwindui/components/filter-list.js +3 -3
- package/tailwindui/components/no-rows-fallback.js +3 -3
- package/tailwindui/components/pagination-rows-per-page-select.js +2 -2
- package/tailwindui/components/select-row-checkbox.js +7 -4
- package/tailwindui/components/selected-rows-toolbar.js +3 -3
- package/tailwindui/components/toolbar-control.js +5 -5
- package/tailwindui/components/toolbar-customs.js +4 -4
- package/tailwindui/filter-handler/boolean-filter.js +9 -6
- package/tailwindui/filter-handler/index.js +7 -2
- package/tailwindui/filter-handler/interval-filter.d.ts +3 -0
- package/tailwindui/filter-handler/interval-filter.js +50 -0
- package/tailwindui/filter-handler/select-filter.d.ts +3 -0
- package/tailwindui/filter-handler/select-filter.js +33 -0
- package/tailwindui/styles.css +92 -7
- package/types/components.d.ts +7 -1
- package/types/core.d.ts +2 -1
package/DataGrid.d.ts
CHANGED
package/DataGrid.js
CHANGED
|
@@ -182,7 +182,7 @@ var DataGrid = function (props) {
|
|
|
182
182
|
var reactDataGridStyles = {
|
|
183
183
|
border: 0,
|
|
184
184
|
borderRadius: 4,
|
|
185
|
-
height: contentHeight + headerRowHeight + (rows.length === 0 ? 44 : 0),
|
|
185
|
+
height: contentHeight + headerRowHeight + (rows.length === 0 ? 44 : 0) + 4,
|
|
186
186
|
overflowY: "hidden",
|
|
187
187
|
};
|
|
188
188
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -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)); }, size: "sm" }))),
|
|
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
|
? {
|
|
@@ -79,23 +78,23 @@ var useColumns = function (props, reload) {
|
|
|
79
78
|
}, [ActionCell, actionCellWidth, getEditUrl, getOpenUrl, onEdit, onOpen, onRemove, reload, ui]);
|
|
80
79
|
var rdgColumns = (0, react_1.useMemo)(function () {
|
|
81
80
|
return schema.columns
|
|
82
|
-
.filter(function (c) { return !(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(c.name)); })
|
|
81
|
+
.filter(function (c) { var _a; return !(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(c.name)) && !((_a = defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns[c.name]) === null || _a === void 0 ? void 0 : _a.hidden); })
|
|
83
82
|
.map(function (c) {
|
|
84
83
|
var _a, _b;
|
|
85
84
|
return ({
|
|
86
85
|
key: c.name,
|
|
87
86
|
name: c.label,
|
|
88
|
-
headerCellClass: (0, utils_1.cx)("uxf-data-grid__cell", c.type),
|
|
87
|
+
headerCellClass: (0, utils_1.cx)("uxf-data-grid__cell", "uxf-data-grid__cell--header", "uxf-data-grid__cell--type-".concat(c.type), "uxf-data-grid__cell--name-".concat(c.name)),
|
|
89
88
|
resizable: true,
|
|
90
89
|
sortable: c.sort,
|
|
91
90
|
width: (_a = c.width) !== null && _a !== void 0 ? _a : (_b = defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.columns[c.name]) === null || _b === void 0 ? void 0 : _b.width,
|
|
92
91
|
minWidth: c.minWidth,
|
|
93
92
|
maxWidth: c.maxWidth,
|
|
94
|
-
cellClass: "uxf-data-grid__cell",
|
|
93
|
+
cellClass: (0, utils_1.cx)("uxf-data-grid__cell", "uxf-data-grid__cell--type-".concat(c.type), "uxf-data-grid__cell--name-".concat(c.name)),
|
|
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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
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
const uiIcons = require("@uxf/ui/utils/icons-config");
|
|
2
|
+
|
|
3
|
+
/** @type {import('@uxf/icons-generator/types').Config['icons']} */
|
|
4
|
+
module.exports = {
|
|
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
|
+
},
|
|
17
|
+
filter: {
|
|
18
|
+
width: 512,
|
|
19
|
+
height: 512,
|
|
20
|
+
data: `<path d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z" fill="currentColor"/>`,
|
|
21
|
+
},
|
|
22
|
+
pen: {
|
|
23
|
+
width: 512,
|
|
24
|
+
height: 512,
|
|
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"/>`,
|
|
26
|
+
},
|
|
27
|
+
table: {
|
|
28
|
+
width: 512,
|
|
29
|
+
height: 512,
|
|
30
|
+
data: `<path d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z" fill="currentColor"/>`,
|
|
31
|
+
},
|
|
32
|
+
"file-arrow-down": {
|
|
33
|
+
width: 384,
|
|
34
|
+
height: 512,
|
|
35
|
+
data: `<path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM216 232V334.1l31-31c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-72-72c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l31 31V232c0-13.3 10.7-24 24-24s24 10.7 24 24z" fill="currentColor"/>`,
|
|
36
|
+
},
|
|
37
|
+
"table-columns": {
|
|
38
|
+
width: 640,
|
|
39
|
+
height: 512,
|
|
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"/>`,
|
|
41
|
+
},
|
|
42
|
+
search: {
|
|
43
|
+
width: 512,
|
|
44
|
+
height: 512,
|
|
45
|
+
data: `<path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z" fill="currentColor"/>`,
|
|
46
|
+
},
|
|
47
|
+
"file-download": {
|
|
48
|
+
width: 384,
|
|
49
|
+
height: 512,
|
|
50
|
+
data: `<path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM216 232V334.1l31-31c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-72-72c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l31 31V232c0-13.3 10.7-24 24-24s24 10.7 24 24z" fill="currentColor"/>`,
|
|
51
|
+
},
|
|
52
|
+
trash: {
|
|
53
|
+
width: 448,
|
|
54
|
+
height: 512,
|
|
55
|
+
data: `<path d="M424 80C437.3 80 448 90.75 448 104C448 117.3 437.3 128 424 128H412.4L388.4 452.7C385.9 486.1 358.1 512 324.6 512H123.4C89.92 512 62.09 486.1 59.61 452.7L35.56 128H24C10.75 128 0 117.3 0 104C0 90.75 10.75 80 24 80H93.82L130.5 24.94C140.9 9.357 158.4 0 177.1 0H270.9C289.6 0 307.1 9.358 317.5 24.94L354.2 80H424zM177.1 48C174.5 48 171.1 49.34 170.5 51.56L151.5 80H296.5L277.5 51.56C276 49.34 273.5 48 270.9 48H177.1zM364.3 128H83.69L107.5 449.2C108.1 457.5 115.1 464 123.4 464H324.6C332.9 464 339.9 457.5 340.5 449.2L364.3 128z" fill="currentColor"/>`,
|
|
56
|
+
},
|
|
57
|
+
warning: {
|
|
58
|
+
width: 512,
|
|
59
|
+
height: 512,
|
|
60
|
+
data: `<path d="M506.3 417l-213.3-364C284.8 39 270.4 32 256 32C241.6 32 227.2 39 218.1 53l-213.2 364C-10.59 444.9 9.851 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM52.58 432L255.1 84.8L459.4 432H52.58zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44c0 17.36 14.11 31.44 31.48 31.44s31.4-14.08 31.4-31.44C287.4 351.2 273.4 337.1 256 337.1zM232 184v96C232 293.3 242.8 304 256 304s24-10.75 24-24v-96C280 170.8 269.3 160 256 160S232 170.8 232 184z" fill="currentColor"/>`,
|
|
61
|
+
},
|
|
62
|
+
};
|
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.11",
|
|
4
4
|
"description": "Redux DataGrid",
|
|
5
5
|
"homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
|
|
6
6
|
"main": "index.js",
|
|
@@ -34,14 +34,14 @@
|
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": "^18.0.0",
|
|
37
|
-
"react-dom": "^18.0.0"
|
|
37
|
+
"react-dom": "^18.0.0",
|
|
38
|
+
"dayjs": "^1.11.7"
|
|
38
39
|
},
|
|
39
40
|
"dependencies": {
|
|
40
41
|
"react-data-grid": "7.0.0-beta.13"
|
|
41
42
|
},
|
|
42
43
|
"devDependencies": {
|
|
43
44
|
"@tailwindcss/aspect-ratio": "^0.4.2",
|
|
44
|
-
"@tailwindcss/forms": "^0.5.2",
|
|
45
45
|
"@tailwindcss/line-clamp": "^0.4.2",
|
|
46
46
|
"@types/jest": "^26.0.19",
|
|
47
47
|
"@types/react": "^18.0.25",
|
|
@@ -50,9 +50,10 @@
|
|
|
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.113",
|
|
54
54
|
"autoprefixer": "^10.4.13",
|
|
55
55
|
"babel-polyfill": "^6.26.0",
|
|
56
|
+
"dayjs": "^1.11.7",
|
|
56
57
|
"eslint": "^8.8.0",
|
|
57
58
|
"eslint-plugin-import": "^2.25.4",
|
|
58
59
|
"eslint-plugin-jsx-a11y": "^6.5.1",
|
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: "uxf-data-grid__body-cell--boolean" },
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWJvb2xlYW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvYm9keS1jZWxsLWJvb2xlYW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiwyREFBeUQ7QUFFbEQsSUFBTSxlQUFlLEdBQWdDLFVBQUEsS0FBSztJQUM3RCxJQUFJLE9BQU8sS0FBSyxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7UUFDbEMsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsbUNBQW1DO1FBQzlDLDhCQUFDLGdDQUFjLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUsVUFBVSxTQUFHLENBQy9DLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVZXLFFBQUEsZUFBZSxtQkFVMUIifQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
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.BodyCellDate = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var dayjs_1 = __importDefault(require("dayjs"));
|
|
9
|
+
var BodyCellDate = function (props) {
|
|
10
|
+
if (typeof props.value !== "string") {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return react_1.default.createElement("span", null, props.value === null ? null : (0, dayjs_1.default)(props.value).format("l"));
|
|
14
|
+
};
|
|
15
|
+
exports.BodyCellDate = BodyCellDate;
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWRhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvYm9keS1jZWxsLWRhdGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixnREFBMEI7QUFFbkIsSUFBTSxZQUFZLEdBQWdDLFVBQUEsS0FBSztJQUMxRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEtBQUssS0FBSyxRQUFRLEVBQUU7UUFDakMsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sNENBQU8sS0FBSyxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBQSxlQUFLLEVBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBUSxDQUFDO0FBQ3ZGLENBQUMsQ0FBQztBQU5XLFFBQUEsWUFBWSxnQkFNdkIifQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
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.BodyCellDateTime = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var dayjs_1 = __importDefault(require("dayjs"));
|
|
9
|
+
var BodyCellDateTime = function (props) {
|
|
10
|
+
if (typeof props.value !== "string") {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return react_1.default.createElement("span", null, props.value === null ? null : (0, dayjs_1.default)(props.value).format("l LTS"));
|
|
14
|
+
};
|
|
15
|
+
exports.BodyCellDateTime = BodyCellDateTime;
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWRhdGV0aW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvYm9keS1jZWxsL2JvZHktY2VsbC1kYXRldGltZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLGdEQUEwQjtBQUVuQixJQUFNLGdCQUFnQixHQUFnQyxVQUFBLEtBQUs7SUFDOUQsSUFBSSxPQUFPLEtBQUssQ0FBQyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQ2pDLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLDRDQUFPLEtBQUssQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUEsZUFBSyxFQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQVEsQ0FBQztBQUMzRixDQUFDLENBQUM7QUFOVyxRQUFBLGdCQUFnQixvQkFNM0IifQ==
|
|
@@ -0,0 +1,17 @@
|
|
|
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.BodyCellEmail = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var text_link_1 = require("@uxf/ui/text-link");
|
|
9
|
+
var BodyCellEmail = function (props) {
|
|
10
|
+
if (typeof props.value !== "string") {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return (react_1.default.createElement("span", null,
|
|
14
|
+
react_1.default.createElement(text_link_1.TextLink, { href: "mailto:".concat(props.value) }, props.value)));
|
|
15
|
+
};
|
|
16
|
+
exports.BodyCellEmail = BodyCellEmail;
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWVtYWlsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvYm9keS1jZWxsL2JvZHktY2VsbC1lbWFpbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLCtDQUE2QztBQUV0QyxJQUFNLGFBQWEsR0FBZ0MsVUFBQSxLQUFLO0lBQzNELElBQUksT0FBTyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUNqQyxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsb0JBQVEsSUFBQyxJQUFJLEVBQUUsaUJBQVUsS0FBSyxDQUFDLEtBQUssQ0FBRSxJQUFHLEtBQUssQ0FBQyxLQUFLLENBQVksQ0FDOUQsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVlcsUUFBQSxhQUFhLGlCQVV4QiJ9
|
|
@@ -0,0 +1,17 @@
|
|
|
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.BodyCellPhone = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var text_link_1 = require("@uxf/ui/text-link");
|
|
9
|
+
var BodyCellPhone = function (props) {
|
|
10
|
+
if (typeof props.value !== "string") {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return (react_1.default.createElement("span", null,
|
|
14
|
+
react_1.default.createElement(text_link_1.TextLink, { href: "tel:".concat(props.value) }, props.value)));
|
|
15
|
+
};
|
|
16
|
+
exports.BodyCellPhone = BodyCellPhone;
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXBob25lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvYm9keS1jZWxsL2JvZHktY2VsbC1waG9uZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLCtDQUE2QztBQUV0QyxJQUFNLGFBQWEsR0FBZ0MsVUFBQSxLQUFLO0lBQzNELElBQUksT0FBTyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUNqQyxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsb0JBQVEsSUFBQyxJQUFJLEVBQUUsY0FBTyxLQUFLLENBQUMsS0FBSyxDQUFFLElBQUcsS0FBSyxDQUFDLEtBQUssQ0FBWSxDQUMzRCxDQUNWLENBQUM7QUFDTixDQUFDLENBQUM7QUFWVyxRQUFBLGFBQWEsaUJBVXhCIn0=
|
|
@@ -0,0 +1,18 @@
|
|
|
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.BodyCellToMany = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var BodyCellToMany = function (props) {
|
|
9
|
+
if (typeof props.value !== "object") {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, Object.values(props.value)
|
|
13
|
+
.map(function (v) { return (!!v && "label" in v ? v.label : null); })
|
|
14
|
+
.filter(Boolean)
|
|
15
|
+
.join(", ")));
|
|
16
|
+
};
|
|
17
|
+
exports.BodyCellToMany = BodyCellToMany;
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXRvLW1hbnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvYm9keS1jZWxsLXRvLW1hbnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLGNBQWMsR0FBZ0MsVUFBQSxLQUFLO0lBQzVELElBQUksT0FBTyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUNqQyxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILDhEQUNLLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztTQUN0QixHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUUsQ0FBdUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUE3RCxDQUE2RCxDQUFDO1NBQ3ZFLE1BQU0sQ0FBQyxPQUFPLENBQUM7U0FDZixJQUFJLENBQUMsSUFBSSxDQUFDLENBQ2hCLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQWJXLFFBQUEsY0FBYyxrQkFhekIifQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
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.BodyCellToOne = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var BodyCellToOne = function (props) {
|
|
9
|
+
if (typeof props.value !== "object") {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
return react_1.default.createElement("span", null, props.value.label);
|
|
13
|
+
};
|
|
14
|
+
exports.BodyCellToOne = BodyCellToOne;
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXRvLW9uZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2JvZHktY2VsbC9ib2R5LWNlbGwtdG8tb25lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxhQUFhLEdBQWdDLFVBQUEsS0FBSztJQUMzRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEtBQUssS0FBSyxRQUFRLEVBQUU7UUFDakMsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sNENBQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQVEsQ0FBQztBQUM1QyxDQUFDLENBQUM7QUFOVyxRQUFBLGFBQWEsaUJBTXhCIn0=
|
|
@@ -0,0 +1,17 @@
|
|
|
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.BodyCellUrl = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var text_link_1 = require("@uxf/ui/text-link");
|
|
9
|
+
var BodyCellUrl = function (props) {
|
|
10
|
+
if (typeof props.value !== "string") {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return (react_1.default.createElement("span", null,
|
|
14
|
+
react_1.default.createElement(text_link_1.TextLink, { href: props.value, target: "_blank", rel: "noreferrer noopener" }, props.value)));
|
|
15
|
+
};
|
|
16
|
+
exports.BodyCellUrl = BodyCellUrl;
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXVybC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2JvZHktY2VsbC9ib2R5LWNlbGwtdXJsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsK0NBQTZDO0FBRXRDLElBQU0sV0FBVyxHQUFnQyxVQUFBLEtBQUs7SUFDekQsSUFBSSxPQUFPLEtBQUssQ0FBQyxLQUFLLEtBQUssUUFBUSxFQUFFO1FBQ2pDLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLENBQ0g7UUFDSSw4QkFBQyxvQkFBUSxJQUFDLElBQUksRUFBRSxLQUFLLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBQyxRQUFRLEVBQUMsR0FBRyxFQUFDLHFCQUFxQixJQUNqRSxLQUFLLENBQUMsS0FBSyxDQUNMLENBQ1IsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSxXQUFXLGVBWXRCIn0=
|
|
@@ -3,8 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.BodyCells = void 0;
|
|
4
4
|
var body_cell_default_1 = require("./body-cell-default");
|
|
5
5
|
var body_cell_boolean_1 = require("./body-cell-boolean");
|
|
6
|
+
var body_cell_date_1 = require("./body-cell-date");
|
|
7
|
+
var body_cell_datetime_1 = require("./body-cell-datetime");
|
|
8
|
+
var body_cell_to_one_1 = require("./body-cell-to-one");
|
|
9
|
+
var body_cell_to_many_1 = require("./body-cell-to-many");
|
|
10
|
+
var body_cell_email_1 = require("./body-cell-email");
|
|
11
|
+
var body_cell_phone_1 = require("./body-cell-phone");
|
|
12
|
+
var body_cell_url_1 = require("./body-cell-url");
|
|
6
13
|
exports.BodyCells = {
|
|
7
14
|
boolean: body_cell_boolean_1.BodyCellBoolean,
|
|
15
|
+
date: body_cell_date_1.BodyCellDate,
|
|
16
|
+
datetime: body_cell_datetime_1.BodyCellDateTime,
|
|
17
|
+
email: body_cell_email_1.BodyCellEmail,
|
|
18
|
+
phone: body_cell_phone_1.BodyCellPhone,
|
|
19
|
+
toOne: body_cell_to_one_1.BodyCellToOne,
|
|
20
|
+
toMany: body_cell_to_many_1.BodyCellToMany,
|
|
21
|
+
url: body_cell_url_1.BodyCellUrl,
|
|
8
22
|
default: body_cell_default_1.BodyCellDefault,
|
|
9
23
|
};
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EseURBQXNEO0FBQ3RELHlEQUFzRDtBQUN0RCxtREFBZ0Q7QUFDaEQsMkRBQXdEO0FBQ3hELHVEQUFtRDtBQUNuRCx5REFBcUQ7QUFDckQscURBQWtEO0FBQ2xELHFEQUFrRDtBQUNsRCxpREFBOEM7QUFFakMsUUFBQSxTQUFTLEdBQWlDO0lBQ25ELE9BQU8sRUFBRSxtQ0FBZTtJQUN4QixJQUFJLEVBQUUsNkJBQVk7SUFDbEIsUUFBUSxFQUFFLHFDQUFnQjtJQUMxQixLQUFLLEVBQUUsK0JBQWE7SUFDcEIsS0FBSyxFQUFFLCtCQUFhO0lBQ3BCLEtBQUssRUFBRSxnQ0FBYTtJQUNwQixNQUFNLEVBQUUsa0NBQWM7SUFDdEIsR0FBRyxFQUFFLDJCQUFXO0lBQ2hCLE9BQU8sRUFBRSxtQ0FBZTtDQUMzQixDQUFDIn0=
|
|
@@ -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,18 @@ 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
|
-
return (react_1.default.createElement("main", { className: "
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
: "
|
|
14
|
-
|
|
15
|
-
(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
react_1.default.createElement("div", { className: "p-4" }, children))),
|
|
19
|
-
react_1.default.createElement("section", { className: "w-screen h-full cursor-pointer ", onClick: onClose })));
|
|
12
|
+
return (react_1.default.createElement("main", { className: "uxf-data-grid__drawer uxf-data-grid__drawer--".concat(open ? "open" : "closed") },
|
|
13
|
+
react_1.default.createElement("section", { className: "uxf-data-grid__drawer-body-wrapper ".concat(open ? "uxf-data-grid__drawer-body-wrapper--open" : "") },
|
|
14
|
+
react_1.default.createElement("article", { className: "uxf-data-grid__drawer-body" },
|
|
15
|
+
react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: onClose, variant: "text", className: "uxf-data-grid__drawer-close-button" },
|
|
16
|
+
react_1.default.createElement(icon_1.Icon, { name: "xmarkLarge" })),
|
|
17
|
+
react_1.default.createElement("header", { className: "uxf-data-grid__drawer-header" }, title),
|
|
18
|
+
react_1.default.createElement("div", { className: "uxf-data-grid__drawer-content" }, children))),
|
|
19
|
+
react_1.default.createElement("section", { className: "uxf-data-grid__drawer-backdrop", onClick: onClose })));
|
|
20
20
|
};
|
|
21
21
|
exports.Drawer = Drawer;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9kcmF3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQUN6QyxxQ0FBb0M7QUFDcEMseUNBQXdDO0FBU2pDLElBQU0sTUFBTSxHQUEwQixVQUFBLEtBQUs7SUFDdEMsSUFBQSxLQUFLLEdBQThCLEtBQUssTUFBbkMsRUFBRSxJQUFJLEdBQXdCLEtBQUssS0FBN0IsRUFBRSxPQUFPLEdBQWUsS0FBSyxRQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUNqRCxPQUFPLENBQ0gsd0NBQU0sU0FBUyxFQUFFLHVEQUFnRCxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFFO1FBQ3ZGLDJDQUNJLFNBQVMsRUFBRSw2Q0FDUCxJQUFJLENBQUMsQ0FBQyxDQUFDLDBDQUEwQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQ3hEO1lBRUYsMkNBQVMsU0FBUyxFQUFDLDRCQUE0QjtnQkFDM0MsOEJBQUMsZUFBTSxJQUNILFlBQVksUUFDWixPQUFPLEVBQUUsT0FBTyxFQUNoQixPQUFPLEVBQUMsTUFBTSxFQUNkLFNBQVMsRUFBQyxvQ0FBb0M7b0JBRTlDLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsWUFBWSxHQUFHLENBQ3JCO2dCQUNULDBDQUFRLFNBQVMsRUFBQyw4QkFBOEIsSUFBRSxLQUFLLENBQVU7Z0JBQ2pFLHVDQUFLLFNBQVMsRUFBQywrQkFBK0IsSUFBRSxRQUFRLENBQU8sQ0FDekQsQ0FDSjtRQUNWLDJDQUFTLFNBQVMsRUFBQyxnQ0FBZ0MsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3JFLENBQ1YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXpCVyxRQUFBLE1BQU0sVUF5QmpCIn0=
|
|
@@ -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=
|
|
@@ -9,8 +9,8 @@ var icon_1 = require("@uxf/ui/icon");
|
|
|
9
9
|
var utils_1 = require("../../utils");
|
|
10
10
|
var NoRowsFallback = function (props) {
|
|
11
11
|
return (react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__fallback", props.loading && "is-loading", props.error && "is-error") }, props.loading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
12
|
-
react_1.default.createElement(icon_1.Icon, { name: "warning",
|
|
13
|
-
react_1.default.createElement("p",
|
|
12
|
+
react_1.default.createElement(icon_1.Icon, { name: "warning", size: 24 }),
|
|
13
|
+
react_1.default.createElement("p", null, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
|
|
14
14
|
};
|
|
15
15
|
exports.NoRowsFallback = NoRowsFallback;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tcm93cy1mYWxsYmFjay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvbm8tcm93cy1mYWxsYmFjay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsZ0RBQTBCO0FBQzFCLHFDQUFvQztBQUNwQyxxQ0FBaUM7QUFFMUIsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSztJQUN4RCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFFLElBQUEsVUFBRSxFQUFDLHlCQUF5QixFQUFFLEtBQUssQ0FBQyxPQUFPLElBQUksWUFBWSxFQUFFLEtBQUssQ0FBQyxLQUFLLElBQUksVUFBVSxDQUFDLElBQ2xHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ2IsMEZBQWUsQ0FDbEIsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDZDtRQUNJLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxFQUFFLEdBQUk7UUFDakMsNkRBQXdCLENBQ3pCLENBQ04sQ0FBQyxDQUFDLENBQUMsQ0FDQSxrR0FBa0IsQ0FDckIsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLGNBQWMsa0JBZXpCIn0=
|
|
@@ -15,7 +15,7 @@ var PER_PAGE_OPTIONS = [
|
|
|
15
15
|
var PaginationRowsPerPageSelect = function (props) {
|
|
16
16
|
return (react_1.default.createElement("div", { className: "uxf-data-grid__rows-per-page" },
|
|
17
17
|
react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, "Po\u010Det \u0159\u00E1dk\u016F"),
|
|
18
|
-
react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.value, onChange: function (value) { var _a; return props.onChange((_a = value) !== null && _a !== void 0 ? _a : 10); }, options: PER_PAGE_OPTIONS })));
|
|
18
|
+
react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.value, onChange: function (value) { var _a; return props.onChange((_a = value) !== null && _a !== void 0 ? _a : 10); }, options: PER_PAGE_OPTIONS, size: "sm" })));
|
|
19
19
|
};
|
|
20
20
|
exports.PaginationRowsPerPageSelect = PaginationRowsPerPageSelect;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi1yb3dzLXBlci1wYWdlLXNlbGVjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvcGFnaW5hdGlvbi1yb3dzLXBlci1wYWdlLXNlbGVjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLHlDQUFxRDtBQUdyRCxJQUFNLGdCQUFnQixHQUEyQjtJQUM3QyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtJQUN2QixFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtDQUM1QixDQUFDO0FBRUssSUFBTSwyQkFBMkIsR0FBeUMsVUFBQSxLQUFLO0lBQ2xGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO1FBQ3pDLHlDQUFPLE9BQU8sRUFBQyxnQ0FBZ0Msc0NBQW9CO1FBQ25FLDhCQUFDLGVBQU0sSUFDSCxFQUFFLEVBQUMsZ0NBQWdDLEVBQ25DLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNsQixRQUFRLEVBQUUsVUFBQSxLQUFLLFlBQUksT0FBQSxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQUMsS0FBZ0IsbUNBQUksRUFBRSxDQUFDLENBQUEsRUFBQSxFQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQ3pCLElBQUksRUFBQyxJQUFJLEdBQ1gsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFiVyxRQUFBLDJCQUEyQiwrQkFhdEMifQ==
|
|
@@ -47,12 +47,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
47
47
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
48
|
exports.SelectRowCheckbox = void 0;
|
|
49
49
|
var react_1 = __importStar(require("react"));
|
|
50
|
+
var checkbox_visual_1 = require("@uxf/ui/checkbox-visual");
|
|
50
51
|
var SelectRowComponent = function (_a, ref) {
|
|
51
52
|
var onChange = _a.onChange, props = __rest(_a, ["onChange"]);
|
|
52
|
-
var handleChange = function (e) {
|
|
53
|
-
|
|
53
|
+
var handleChange = function (value, e) {
|
|
54
|
+
var _a;
|
|
55
|
+
onChange(value, (_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.shiftKey);
|
|
54
56
|
};
|
|
55
|
-
return (react_1.default.createElement("
|
|
57
|
+
return (react_1.default.createElement("div", { className: "uxf-data-grid__select-row-checkbox-wrapper" },
|
|
58
|
+
react_1.default.createElement(checkbox_visual_1.CheckboxVisual, __assign({ ref: ref }, props, { value: props.checked, onChange: handleChange }))));
|
|
56
59
|
};
|
|
57
60
|
exports.SelectRowCheckbox = (0, react_1.forwardRef)(SelectRowComponent);
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXJvdy1jaGVja2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvc2VsZWN0LXJvdy1jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTBDO0FBRTFDLDJEQUF5RDtBQUV6RCxJQUFNLGtCQUFrQixHQUErQixVQUFDLEVBQXNCLEVBQUUsR0FBUTtJQUE5QixJQUFBLFFBQVEsY0FBQSxFQUFLLEtBQUssY0FBcEIsWUFBc0IsQ0FBRjtJQUN4RSxJQUFNLFlBQVksR0FBRyxVQUFDLEtBQWMsRUFBRSxDQUFrRDs7UUFDcEYsUUFBUSxDQUFDLEtBQUssRUFBRSxNQUFDLENBQUMsYUFBRCxDQUFDLHVCQUFELENBQUMsQ0FBRSxXQUEwQiwwQ0FBRSxRQUFRLENBQUMsQ0FBQztJQUM5RCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLDRDQUE0QztRQUN2RCw4QkFBQyxnQ0FBYyxhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLElBQUksQ0FDbkYsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRVcsUUFBQSxpQkFBaUIsR0FBK0IsSUFBQSxrQkFBVSxFQUFDLGtCQUF5QixDQUFDLENBQUMifQ==
|
|
@@ -22,10 +22,10 @@ var SelectedRowsToolbar = function (props) {
|
|
|
22
22
|
}
|
|
23
23
|
return (react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-wrapper", style: { paddingLeft: 240 } },
|
|
24
24
|
react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar" },
|
|
25
|
-
react_1.default.createElement("p",
|
|
26
|
-
react_1.default.createElement("div", { className: "
|
|
25
|
+
react_1.default.createElement("p", null, getText(selectedRows.size)),
|
|
26
|
+
react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-actions" },
|
|
27
27
|
Actions && (react_1.default.createElement(Actions, { onChangeSelectedRows: onChangeSelectedRows, selectedRows: selectedRows, reload: reload })),
|
|
28
28
|
react_1.default.createElement(button_1.Button, { onClick: function () { return onChangeSelectedRows(new Set()); } }, "Smazat")))));
|
|
29
29
|
};
|
|
30
30
|
exports.SelectedRowsToolbar = SelectedRowsToolbar;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtcm93cy10b29sYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9zZWxlY3RlZC1yb3dzLXRvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQix5Q0FBd0M7QUFFeEMsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFhO0lBQzFCLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8saUJBQWlCLENBQUM7S0FDNUI7SUFDRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7UUFDWCxPQUFPLHVCQUFXLEtBQUssa0JBQVUsQ0FBQztLQUNyQztJQUVELE9BQU8sdUJBQVcsS0FBSyx1QkFBVSxDQUFDO0FBQ3RDLENBQUMsQ0FBQztBQUVLLElBQU0sbUJBQW1CLEdBQWlDLFVBQUEsS0FBSztJQUMxRCxJQUFBLFlBQVksR0FBNEMsS0FBSyxhQUFqRCxFQUFFLG9CQUFvQixHQUFzQixLQUFLLHFCQUEzQixFQUFFLE9BQU8sR0FBYSxLQUFLLFFBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXRFLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtRQUNuRSxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyw4Q0FBOEMsRUFBQyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFFO1FBQ3JGLHVDQUFLLFNBQVMsRUFBQyxzQ0FBc0M7WUFDakQseUNBQUksT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBSztZQUNuQyx1Q0FBSyxTQUFTLEVBQUMsOENBQThDO2dCQUN4RCxPQUFPLElBQUksQ0FDUiw4QkFBQyxPQUFPLElBQ0osb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLFlBQVksRUFBRSxZQUFZLEVBQzFCLE1BQU0sRUFBRSxNQUFNLEdBQ2hCLENBQ0w7Z0JBQ0QsOEJBQUMsZUFBTSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsb0JBQW9CLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxFQUEvQixDQUErQixhQUFpQixDQUNyRSxDQUNKLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBeEJXLFFBQUEsbUJBQW1CLHVCQXdCOUIifQ==
|
|
@@ -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 })); } }));
|
|
@@ -67,8 +67,8 @@ var ToolbarControl = function (props) {
|
|
|
67
67
|
var _a = __read((0, react_1.useState)(false), 2), isFiltersOpen = _a[0], setFiltersOpen = _a[1];
|
|
68
68
|
var _b = __read((0, react_1.useState)(false), 2), isColumnsOpen = _b[0], setColumnsOpen = _b[1];
|
|
69
69
|
return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" },
|
|
70
|
-
react_1.default.createElement(text_input_1.TextInput, { value: props.fulltextValue, onChange: props.onFulltextChange, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-
|
|
71
|
-
react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: function () { return setFiltersOpen(true); }, title: "Filtrovat" },
|
|
70
|
+
react_1.default.createElement(text_input_1.TextInput, { value: props.fulltextValue, onChange: props.onFulltextChange, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }) }),
|
|
71
|
+
react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: function () { return setFiltersOpen(true); }, title: "Filtrovat", className: "uxf-data-grid__plugin-filter" },
|
|
72
72
|
react_1.default.createElement(icon_1.Icon, { name: "filter" })),
|
|
73
73
|
react_1.default.createElement(show_1.Show, { when: props.onChangeHiddenColumns && props.hiddenColumns },
|
|
74
74
|
react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: function () { return setColumnsOpen(true); }, title: "Nastaven\u00ED sloupc\u016F" },
|
|
@@ -79,4 +79,4 @@ var ToolbarControl = function (props) {
|
|
|
79
79
|
react_1.default.createElement(Columns, { schema: props.schema, onChangeHiddenColumns: props.onChangeHiddenColumns, hiddenColumns: props.hiddenColumns }))));
|
|
80
80
|
};
|
|
81
81
|
exports.ToolbarControl = ToolbarControl;
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jb250cm9sLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWNvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF3QztBQUN4QyxxQ0FBb0M7QUFDcEMsaURBQStDO0FBQy9DLHlDQUF3QztBQUN4QyxtQ0FBa0M7QUFTbEMseUNBQXdDO0FBQ3hDLCtDQUFzRDtBQUN0RCxnQ0FBK0I7QUFXL0IsU0FBUyxPQUFPLENBQUMsS0FBbUI7SUFDaEMsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx3QkFBd0IsSUFDbEMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUEsTUFBTTs7UUFDNUIsSUFBTSxXQUFXLEdBQXlCLE1BQUEsS0FBSyxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDBDQUFFLEtBQUssQ0FBQztRQUVuRixJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2Qsc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUMsMkJBQW1CLE1BQU0sQ0FBQyxJQUFJLFFBQUksQ0FBQyxDQUFDO1lBQ2pELE9BQU8sSUFBSSxDQUFDO1NBQ2Y7UUFFRCxPQUFPLENBQ0gsOEJBQUMsV0FBVyxJQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxLQUFLLEVBQ0QsTUFBQSxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksRUFBdEIsQ0FBc0IsQ0FBQyxtQ0FBSSxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtB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
|
|
@@ -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 uxf-data-grid__toolbar-control--custom" }, (_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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jdXN0b21zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWN1c3RvbXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQix5Q0FBd0M7QUFHakMsSUFBTSxjQUFjLEdBQTRCLFVBQUEsS0FBSzs7SUFDeEQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx1RUFBdUUsSUFDakYsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxHQUFHLENBQUMsVUFBQyxNQUFNLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDbkMsOEJBQUMsZUFBTSxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFDNUYsTUFBTSxDQUFDLEtBQUssQ0FDUixDQUNaLEVBSnNDLENBSXRDLENBQUMsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFWVyxRQUFBLGNBQWMsa0JBVXpCIn0=
|
|
@@ -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,13 @@ 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"));
|
|
10
|
+
var select_filter_1 = __importDefault(require("./select-filter"));
|
|
9
11
|
exports.defaultFilterHandlers = {
|
|
10
12
|
text: text_filter_1.default,
|
|
11
|
-
|
|
13
|
+
string: text_filter_1.default,
|
|
14
|
+
bool: boolean_filter_1.default,
|
|
15
|
+
interval: interval_filter_1.default,
|
|
16
|
+
select: select_filter_1.default,
|
|
12
17
|
};
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9maWx0ZXItaGFuZGxlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSw4REFBaUM7QUFDakMsb0VBQXVDO0FBQ3ZDLHNFQUF5QztBQUN6QyxrRUFBcUM7QUFFeEIsUUFBQSxxQkFBcUIsR0FBbUI7SUFDakQsSUFBSSx1QkFBQTtJQUNKLE1BQU0sRUFBRSxxQkFBSTtJQUNaLElBQUksRUFBRSx3QkFBTztJQUNiLFFBQVEsMkJBQUE7SUFDUixNQUFNLHlCQUFBO0NBQ1QsQ0FBQyJ9
|
|
@@ -0,0 +1,50 @@
|
|
|
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: "uxf-data-grid__filter uxf-data-grid__filter--interval" },
|
|
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("div", { className: "uxf-data-grid__filter-gap" }, "\u2013"),
|
|
33
|
+
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) {
|
|
34
|
+
return props.onFilter(__assign(__assign({}, initializedValue), { value: __assign(__assign({}, initializedValue.value), { to: val ? parseInt(val, 10) : null }) }));
|
|
35
|
+
} }))));
|
|
36
|
+
},
|
|
37
|
+
listItem: function (props) {
|
|
38
|
+
if (!props.value.value) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
var _a = props.value.value, from = _a.from, to = _a.to;
|
|
42
|
+
var formatInterval = [from ? "od " + from : "", to ? "do " + to : ""];
|
|
43
|
+
return from || to ? (react_1.default.createElement(chip_1.Chip, { onClose: function () { return props.onFilter(__assign(__assign({}, props.value), { value: undefined })); } },
|
|
44
|
+
props.filter.label,
|
|
45
|
+
" ",
|
|
46
|
+
formatInterval.filter(function (i) { return !!i; }).join(" "))) : null;
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
exports.default = IntervalFilterHandler;
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJ2YWwtZmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvZmlsdGVyLWhhbmRsZXIvaW50ZXJ2YWwtZmlsdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLHFDQUFvQztBQUNwQyxpREFBK0M7QUFFL0MsSUFBTSxxQkFBcUIsR0FBa0I7SUFDekMsS0FBSyxFQUFFLFVBQUEsS0FBSztRQUNSLElBQU0sZ0JBQWdCLEdBQ2xCLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSztZQUNqQixPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxXQUFXO1lBQzdDLE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRSxLQUFLLFdBQVc7WUFDdkMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLO1lBQ2IsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUM7UUFFdkUsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUk7WUFDdkIsdUNBQUssU0FBUyxFQUFDLHVEQUF1RDtnQkFDbEUsOEJBQUMsc0JBQVMsSUFDTixLQUFLLEVBQUUsVUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssU0FBTSxFQUNsQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUN4RCxRQUFRLEVBQUUsVUFBQSxHQUFHO3dCQUNULE9BQU8sS0FBSyxDQUFDLFFBQVEsdUJBQ2QsZ0JBQWdCLEtBQ25CLEtBQUssd0JBQ0UsZ0JBQWdCLENBQUMsS0FBSyxLQUN6QixJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLE9BRTFDLENBQUM7b0JBQ1AsQ0FBQyxHQUNIO2dCQUNGLHVDQUFLLFNBQVMsRUFBQywyQkFBMkIsYUFBYztnQkFDeEQsOEJBQUMsc0JBQVMsSUFDTixLQUFLLEVBQUUsVUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssU0FBTSxFQUNsQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUN0RCxRQUFRLEVBQUUsVUFBQSxHQUFHO3dCQUNULE9BQU8sS0FBSyxDQUFDLFFBQVEsdUJBQ2QsZ0JBQWdCLEtBQ25CLEtBQUssd0JBQ0UsZ0JBQWdCLENBQUMsS0FBSyxLQUN6QixFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLE9BRXhDLENBQUM7b0JBQ1AsQ0FBQyxHQUNILENBQ0EsQ0FDSixDQUNULENBQUM7SUFDTixDQUFDO0lBQ0QsUUFBUSxFQUFFLFVBQUEsS0FBSztRQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRTtZQUNwQixPQUFPLElBQUksQ0FBQztTQUNmO1FBRUssSUFBQSxLQUFlLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUE5QixJQUFJLFVBQUEsRUFBRSxFQUFFLFFBQXNCLENBQUM7UUFDdkMsSUFBTSxjQUFjLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRXhFLE9BQU8sSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FDaEIsOEJBQUMsV0FBSSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsdUJBQU0sS0FBSyxDQUFDLEtBQUssS0FBRSxLQUFLLEVBQUUsU0FBUyxJQUFHLEVBQXBELENBQW9EO1lBQ3BFLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSzs7WUFBRyxjQUFjLENBQUMsTUFBTSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLENBQUMsRUFBSCxDQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQzVELENBQ1YsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ2IsQ0FBQztDQUNKLENBQUM7QUFFRixrQkFBZSxxQkFBcUIsQ0FBQyJ9
|
|
@@ -0,0 +1,33 @@
|
|
|
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 select_1 = require("@uxf/ui/select");
|
|
20
|
+
var SelectFilterHandler = {
|
|
21
|
+
input: function (props) {
|
|
22
|
+
var _a;
|
|
23
|
+
return (react_1.default.createElement(select_1.Select, { options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : [], label: props.filter.label, value: props.value.value, onChange: function (value) { return props.onFilter(__assign(__assign({}, props.value), { value: value })); } }));
|
|
24
|
+
},
|
|
25
|
+
listItem: function (props) {
|
|
26
|
+
var _a, _b, _c;
|
|
27
|
+
return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
|
|
28
|
+
props.filter.label,
|
|
29
|
+
":\u00A0", (_c = (_b = (_a = props.filter.options) === null || _a === void 0 ? void 0 : _a.find(function (v) { return v.id === props.value.value; })) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : ""));
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
exports.default = SelectFilterHandler;
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWZpbHRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2ZpbHRlci1oYW5kbGVyL3NlbGVjdC1maWx0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFFMUIscUNBQW9DO0FBQ3BDLHlDQUF3QztBQUV4QyxJQUFNLG1CQUFtQixHQUFrQjtJQUN2QyxLQUFLLEVBQUUsVUFBQSxLQUFLOztRQUFJLE9BQUEsQ0FDWiw4QkFBQyxlQUFNLElBQ0gsT0FBTyxFQUFFLE1BQUEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLG1DQUFJLEVBQUUsRUFDbkMsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUN6QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQ3hCLFFBQVEsRUFBRSxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUssQ0FBQyxRQUFRLHVCQUFNLEtBQUssQ0FBQyxLQUFLLEtBQUUsS0FBSyxPQUFBLElBQUcsRUFBekMsQ0FBeUMsR0FDOUQsQ0FDTCxDQUFBO0tBQUE7SUFDRCxRQUFRLEVBQUUsVUFBQSxLQUFLOztRQUNYLE9BQU8sQ0FDSCw4QkFBQyxXQUFJLElBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1lBQ3ZCLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSzt1QkFBUyxNQUFBLE1BQUEsTUFBQSxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sMENBQUUsSUFBSSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLEVBQUUsS0FBSyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBMUIsQ0FBMEIsQ0FBQywwQ0FBRSxLQUFLLG1DQUFJLEVBQUUsQ0FDakcsQ0FDVixDQUFDO0lBQ04sQ0FBQztDQUNKLENBQUM7QUFFRixrQkFBZSxtQkFBbUIsQ0FBQyJ9
|
package/tailwindui/styles.css
CHANGED
|
@@ -9,16 +9,80 @@
|
|
|
9
9
|
@apply text-gray-400;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
+
&__action-cell {
|
|
13
|
+
@apply bg-white sticky right-0;
|
|
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
|
+
&__body-cell {
|
|
21
|
+
&--boolean {
|
|
22
|
+
@apply w-full h-full flex items-center;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&__cell {
|
|
27
|
+
@apply bg-transparent;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&__drawer {
|
|
31
|
+
@apply fixed overflow-hidden z-10 bg-gray-900 bg-opacity-25 inset-0 transform ease-in-out;
|
|
32
|
+
|
|
33
|
+
&--open {
|
|
34
|
+
@apply transition-opacity opacity-100 duration-500 translate-x-0;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&--closed {
|
|
38
|
+
@apply transition-all delay-500 opacity-0 translate-x-full;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&-body-wrapper {
|
|
42
|
+
@apply w-11/12 max-w-sm right-0 absolute bg-white h-full shadow-xl duration-500 ease-in-out transition-all transform translate-x-full;
|
|
43
|
+
|
|
44
|
+
&--open {
|
|
45
|
+
@apply translate-x-0;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&-body {
|
|
50
|
+
@apply relative w-full max-w-sm pb-10 flex flex-col overflow-y-scroll h-full;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&-close-button {
|
|
54
|
+
@apply ml-auto !mt-4 mr-4;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&-header {
|
|
58
|
+
@apply p-4 pt-8 font-bold text-lg;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&-content {
|
|
62
|
+
@apply p-4;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&-backdrop {
|
|
66
|
+
@apply w-screen h-full cursor-pointer;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
16
70
|
&__fallback {
|
|
17
71
|
grid-column: 1/-1;
|
|
18
72
|
|
|
19
73
|
@apply flex items-center justify-center text-center text-gray-600;
|
|
20
74
|
}
|
|
21
75
|
|
|
76
|
+
&__filter {
|
|
77
|
+
&--interval {
|
|
78
|
+
@apply gap-4 grid grid-cols-[1fr_min-content_1fr];
|
|
79
|
+
|
|
80
|
+
.uxf-data-grid__filter-gap {
|
|
81
|
+
@apply flex items-center pt-5;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
22
86
|
&__filters {
|
|
23
87
|
@apply space-y-4;
|
|
24
88
|
}
|
|
@@ -28,7 +92,7 @@
|
|
|
28
92
|
}
|
|
29
93
|
|
|
30
94
|
&__footer {
|
|
31
|
-
@apply flex items-center justify-end p-2 gap-4;
|
|
95
|
+
@apply flex flex-wrap items-center justify-end p-2 gap-4;
|
|
32
96
|
|
|
33
97
|
&.no-border {
|
|
34
98
|
@apply px-0;
|
|
@@ -70,24 +134,40 @@
|
|
|
70
134
|
@apply text-sm text-neutral-700 text-lightLow;
|
|
71
135
|
}
|
|
72
136
|
|
|
137
|
+
&__plugin-fulltext {
|
|
138
|
+
@apply text-gray-400;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
&__plugin-filter {
|
|
142
|
+
@apply shrink-0;
|
|
143
|
+
}
|
|
144
|
+
|
|
73
145
|
&__rows-per-page {
|
|
74
|
-
@apply flex gap-2 text-sm text-gray-700 items-center text-lightLow;
|
|
146
|
+
@apply flex flex-wrap gap-2 text-sm text-gray-700 items-center text-lightLow;
|
|
75
147
|
|
|
76
148
|
.uxf-select {
|
|
77
149
|
@apply w-28;
|
|
78
150
|
}
|
|
79
151
|
}
|
|
80
152
|
|
|
153
|
+
&__select-row-checkbox-wrapper {
|
|
154
|
+
@apply flex items-center justify-center text-white w-full h-full;
|
|
155
|
+
}
|
|
156
|
+
|
|
81
157
|
&__selected-rows-toolbar-wrapper {
|
|
82
158
|
@apply fixed bottom-8 left-0 right-0 flex flex-row justify-center items-center;
|
|
83
159
|
}
|
|
84
160
|
|
|
85
161
|
&__selected-rows-toolbar {
|
|
86
|
-
@apply text-white bg-dataGridPrimary rounded-full px-6 py-2 flex items-center justify-center drop-shadow-xl border border-gray-100;
|
|
162
|
+
@apply text-white text-sm bg-dataGridPrimary rounded-full px-6 py-2 flex items-center justify-center drop-shadow-xl border border-gray-100;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
&__selected-rows-toolbar-actions {
|
|
166
|
+
@apply pl-4 space-x-2;
|
|
87
167
|
}
|
|
88
168
|
|
|
89
169
|
&__table {
|
|
90
|
-
@apply rounded-none;
|
|
170
|
+
@apply bg-transparent rounded-none;
|
|
91
171
|
}
|
|
92
172
|
|
|
93
173
|
&__toolbar {
|
|
@@ -115,7 +195,11 @@
|
|
|
115
195
|
}
|
|
116
196
|
|
|
117
197
|
&__toolbar-control {
|
|
118
|
-
@apply flex flex-row items-center gap-2
|
|
198
|
+
@apply flex flex-row items-center gap-2;
|
|
199
|
+
|
|
200
|
+
&--custom {
|
|
201
|
+
@apply overflow-auto;
|
|
202
|
+
}
|
|
119
203
|
}
|
|
120
204
|
}
|
|
121
205
|
|
|
@@ -136,7 +220,7 @@
|
|
|
136
220
|
@apply bg-gray-200 text-gray-400 font-medium;
|
|
137
221
|
|
|
138
222
|
.rdg-cell {
|
|
139
|
-
@apply rounded-none;
|
|
223
|
+
@apply rounded-none bg-gray-50;
|
|
140
224
|
}
|
|
141
225
|
}
|
|
142
226
|
.rdg-header-sort-name + span {
|
|
@@ -145,9 +229,10 @@
|
|
|
145
229
|
}
|
|
146
230
|
.rdg-cell.rdg-cell-frozen {
|
|
147
231
|
box-shadow: none;
|
|
232
|
+
background: transparent;
|
|
148
233
|
}
|
|
149
234
|
.rdg-cell[aria-selected=true] {
|
|
150
|
-
outline-color: #
|
|
235
|
+
outline-color: #060C0C;
|
|
151
236
|
}
|
|
152
237
|
.rdg-row[aria-selected=true] {
|
|
153
238
|
background-color: rgba(255,79,6,0.05);
|
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>;
|