@uxf/data-grid 11.35.0 → 11.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_store/reducer.js +17 -14
- package/components.d.ts +4 -9
- package/components.js +25 -30
- package/data-grid-custom-example.stories.js +2 -2
- package/data-grid.js +7 -8
- package/data-grid.stories.js +3 -3
- package/export-button/export-button.d.ts +1 -3
- package/export-button/export-button.js +2 -5
- package/filter-list/filter-list.d.ts +2 -6
- package/filter-list/filter-list.js +2 -5
- package/filters/filters.d.ts +1 -3
- package/filters/filters.js +2 -5
- package/filters-button/filters-button.d.ts +1 -3
- package/filters-button/filters-button.js +2 -5
- package/footer/footer.d.ts +0 -2
- package/footer/footer.js +1 -3
- package/fulltext-input/fulltext-input.d.ts +1 -3
- package/fulltext-input/fulltext-input.js +2 -5
- package/linear-progress/linear-progress.d.ts +2 -6
- package/linear-progress/linear-progress.js +2 -5
- package/package.json +54 -54
- package/pagination/pagination.d.ts +2 -6
- package/pagination/pagination.js +2 -5
- package/root/root.d.ts +0 -2
- package/root/root.js +1 -2
- package/row-counts/row-counts.d.ts +2 -6
- package/row-counts/row-counts.js +2 -5
- package/rows-per-page-select/rows-per-page-select.d.ts +1 -3
- package/rows-per-page-select/rows-per-page-select.js +2 -5
- package/selected-rows-toolbar/selected-rows-toolbar.d.ts +2 -6
- package/selected-rows-toolbar/selected-rows-toolbar.js +2 -5
- package/styles.css +4 -12
- package/table/hooks/use-react-data-grid-columns.d.ts +2 -2
- package/table/hooks/use-react-data-grid-columns.js +1 -1
- package/table/table.d.ts +1 -3
- package/table/table.js +2 -5
- package/table/types.d.ts +1 -3
- package/table-v2/hooks/use-resizable-columns.js +6 -9
- package/table-v2/styles.css +6 -0
- package/table-v2/table-v2.d.ts +1 -3
- package/table-v2/table-v2.js +12 -15
- package/table-v2/types.d.ts +1 -3
- package/table-v2/utils/get-grid-template-columns.d.ts +6 -0
- package/table-v2/utils/get-grid-template-columns.js +14 -0
- package/table-v2/utils/get-grid-template-rows.d.ts +2 -2
- package/toolbar/toolbar.d.ts +0 -1
- package/toolbar/toolbar.js +1 -3
- package/toolbar-control/toolbar-control.d.ts +2 -6
- package/toolbar-control/toolbar-control.js +2 -5
- package/toolbar-customs/toolbar-customs.d.ts +2 -6
- package/toolbar-customs/toolbar-customs.js +2 -5
- package/toolbar-tabs/toolbar-tabs.d.ts +4 -6
- package/toolbar-tabs/toolbar-tabs.js +8 -10
- package/types/components.d.ts +1 -0
- package/types/data-grid-props.d.ts +2 -3
- package/types/index.d.ts +6 -6
- package/types/index.js +0 -20
- package/types/schema.d.ts +0 -5
- package/types/schema.js +0 -7
- package/use-data-grid-control/actions-factory.d.ts +2 -1
- package/use-data-grid-control/actions-factory.js +1 -1
- package/use-data-grid-control/use-data-grid-control.d.ts +1 -1
- package/data-grid-v2.d.ts +0 -3
- package/data-grid-v2.js +0 -43
- package/data-grid-v2.stories.d.ts +0 -2
- package/data-grid-v2.stories.js +0 -92
- package/utils/classes.d.ts +0 -1
- package/utils/classes.js +0 -4
package/_store/reducer.js
CHANGED
|
@@ -118,28 +118,31 @@ const reducer = (state, action) => {
|
|
|
118
118
|
page: 0,
|
|
119
119
|
},
|
|
120
120
|
};
|
|
121
|
-
case "CHANGE_TAB":
|
|
122
|
-
// eslint-disable-next-line
|
|
121
|
+
case "CHANGE_TAB": {
|
|
122
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
123
123
|
const tabHistory = (_d = state.tabRequests[action.tab.name]) !== null && _d !== void 0 ? _d : {};
|
|
124
124
|
return {
|
|
125
125
|
...state,
|
|
126
|
-
request:
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
126
|
+
request: action.filterBehavior === "sharedFilters"
|
|
127
|
+
? { ...state.request, tab: action.tab.name }
|
|
128
|
+
: {
|
|
129
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
130
|
+
f: (_e = tabHistory.f) !== null && _e !== void 0 ? _e : [],
|
|
131
|
+
s: (_g = (_f = tabHistory.s) !== null && _f !== void 0 ? _f : action.tab.s) !== null && _g !== void 0 ? _g : state.request.s,
|
|
132
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
133
|
+
search: (_h = tabHistory.search) !== null && _h !== void 0 ? _h : "",
|
|
134
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
135
|
+
page: (_j = tabHistory.page) !== null && _j !== void 0 ? _j : 0,
|
|
136
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
137
|
+
perPage: (_k = tabHistory.perPage) !== null && _k !== void 0 ? _k : state.request.perPage,
|
|
138
|
+
tab: action.tab.name,
|
|
139
|
+
},
|
|
138
140
|
tabRequests: {
|
|
139
141
|
...state.tabRequests,
|
|
140
142
|
[(_l = state.request.tab) !== null && _l !== void 0 ? _l : "__DEFAULT_TAB__"]: state.request,
|
|
141
143
|
},
|
|
142
144
|
};
|
|
145
|
+
}
|
|
143
146
|
case "SET_SELECTED_ROWS":
|
|
144
147
|
return {
|
|
145
148
|
...state,
|
package/components.d.ts
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import * as dataGridCustomExampleStories from "./data-grid-custom-example.stories";
|
|
2
|
-
import * as dataGridV2Stories from "./data-grid-v2.stories";
|
|
3
1
|
import * as dataGridStories from "./data-grid.stories";
|
|
2
|
+
import * as dataGridCustomExampleStories from "./data-grid-custom-example.stories";
|
|
4
3
|
import * as exportButtonStories from "./export-button/export-button.stories";
|
|
5
4
|
import * as filterListStories from "./filter-list/filter-list.stories";
|
|
6
|
-
import * as filtersButtonStories from "./filters-button/filters-button.stories";
|
|
7
5
|
import * as filtersStories from "./filters/filters.stories";
|
|
6
|
+
import * as filtersButtonStories from "./filters-button/filters-button.stories";
|
|
8
7
|
import * as fulltextInputStories from "./fulltext-input/fulltext-input.stories";
|
|
9
|
-
import * as hiddenColumnsButtonStories from "./hidden-columns-button/hidden-columns-button.stories";
|
|
10
8
|
import * as hiddenColumnsStories from "./hidden-columns/hidden-columns.stories";
|
|
9
|
+
import * as hiddenColumnsButtonStories from "./hidden-columns-button/hidden-columns-button.stories";
|
|
11
10
|
import * as paginationStories from "./pagination/pagination.stories";
|
|
12
11
|
import * as rowCountsStories from "./row-counts/row-counts.stories";
|
|
13
12
|
import * as rowsPerPageSelectStories from "./rows-per-page-select/rows-per-page-select.stories";
|
|
14
13
|
import * as selectedRowsToolbarStories from "./selected-rows-toolbar/selected-rows-toolbar.stories";
|
|
15
|
-
import * as tableV2Stories from "./table-v2/table-v2.stories";
|
|
16
14
|
import * as tableStories from "./table/table.stories";
|
|
15
|
+
import * as tableV2Stories from "./table-v2/table-v2.stories";
|
|
17
16
|
import * as toolbarControlStories from "./toolbar-control/toolbar-control.stories";
|
|
18
17
|
import * as toolbarCustomsStories from "./toolbar-customs/toolbar-customs.stories";
|
|
19
18
|
import * as toolbarTabsStories from "./toolbar-tabs/toolbar-tabs.stories";
|
|
@@ -22,10 +21,6 @@ export declare const components: {
|
|
|
22
21
|
readonly title: "DataGrid";
|
|
23
22
|
readonly stories: typeof dataGridStories;
|
|
24
23
|
};
|
|
25
|
-
readonly "data-grid-v2": {
|
|
26
|
-
readonly title: "DataGridV2";
|
|
27
|
-
readonly stories: typeof dataGridV2Stories;
|
|
28
|
-
};
|
|
29
24
|
readonly "data-grid-custom-example": {
|
|
30
25
|
readonly title: "DataGridCustomExample";
|
|
31
26
|
readonly stories: typeof dataGridCustomExampleStories;
|
package/components.js
CHANGED
|
@@ -25,100 +25,95 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.components = void 0;
|
|
27
27
|
// generated file
|
|
28
|
-
const dataGridCustomExampleStories = __importStar(require("./data-grid-custom-example.stories"));
|
|
29
|
-
const dataGridV2Stories = __importStar(require("./data-grid-v2.stories"));
|
|
30
28
|
const dataGridStories = __importStar(require("./data-grid.stories"));
|
|
29
|
+
const dataGridCustomExampleStories = __importStar(require("./data-grid-custom-example.stories"));
|
|
31
30
|
const exportButtonStories = __importStar(require("./export-button/export-button.stories"));
|
|
32
31
|
const filterListStories = __importStar(require("./filter-list/filter-list.stories"));
|
|
33
|
-
const filtersButtonStories = __importStar(require("./filters-button/filters-button.stories"));
|
|
34
32
|
const filtersStories = __importStar(require("./filters/filters.stories"));
|
|
33
|
+
const filtersButtonStories = __importStar(require("./filters-button/filters-button.stories"));
|
|
35
34
|
const fulltextInputStories = __importStar(require("./fulltext-input/fulltext-input.stories"));
|
|
36
|
-
const hiddenColumnsButtonStories = __importStar(require("./hidden-columns-button/hidden-columns-button.stories"));
|
|
37
35
|
const hiddenColumnsStories = __importStar(require("./hidden-columns/hidden-columns.stories"));
|
|
36
|
+
const hiddenColumnsButtonStories = __importStar(require("./hidden-columns-button/hidden-columns-button.stories"));
|
|
38
37
|
const paginationStories = __importStar(require("./pagination/pagination.stories"));
|
|
39
38
|
const rowCountsStories = __importStar(require("./row-counts/row-counts.stories"));
|
|
40
39
|
const rowsPerPageSelectStories = __importStar(require("./rows-per-page-select/rows-per-page-select.stories"));
|
|
41
40
|
const selectedRowsToolbarStories = __importStar(require("./selected-rows-toolbar/selected-rows-toolbar.stories"));
|
|
42
|
-
const tableV2Stories = __importStar(require("./table-v2/table-v2.stories"));
|
|
43
41
|
const tableStories = __importStar(require("./table/table.stories"));
|
|
42
|
+
const tableV2Stories = __importStar(require("./table-v2/table-v2.stories"));
|
|
44
43
|
const toolbarControlStories = __importStar(require("./toolbar-control/toolbar-control.stories"));
|
|
45
44
|
const toolbarCustomsStories = __importStar(require("./toolbar-customs/toolbar-customs.stories"));
|
|
46
45
|
const toolbarTabsStories = __importStar(require("./toolbar-tabs/toolbar-tabs.stories"));
|
|
47
46
|
exports.components = {
|
|
48
47
|
"data-grid": {
|
|
49
48
|
title: "DataGrid",
|
|
50
|
-
stories: dataGridStories
|
|
51
|
-
},
|
|
52
|
-
"data-grid-v2": {
|
|
53
|
-
title: "DataGridV2",
|
|
54
|
-
stories: dataGridV2Stories,
|
|
49
|
+
stories: dataGridStories
|
|
55
50
|
},
|
|
56
51
|
"data-grid-custom-example": {
|
|
57
52
|
title: "DataGridCustomExample",
|
|
58
|
-
stories: dataGridCustomExampleStories
|
|
53
|
+
stories: dataGridCustomExampleStories
|
|
59
54
|
},
|
|
60
55
|
"export-button": {
|
|
61
56
|
title: "ExportButton",
|
|
62
|
-
stories: exportButtonStories
|
|
57
|
+
stories: exportButtonStories
|
|
63
58
|
},
|
|
64
59
|
"filter-list": {
|
|
65
60
|
title: "FilterList",
|
|
66
|
-
stories: filterListStories
|
|
61
|
+
stories: filterListStories
|
|
67
62
|
},
|
|
68
|
-
filters: {
|
|
63
|
+
"filters": {
|
|
69
64
|
title: "Filters",
|
|
70
|
-
stories: filtersStories
|
|
65
|
+
stories: filtersStories
|
|
71
66
|
},
|
|
72
67
|
"filters-button": {
|
|
73
68
|
title: "FiltersButton",
|
|
74
|
-
stories: filtersButtonStories
|
|
69
|
+
stories: filtersButtonStories
|
|
75
70
|
},
|
|
76
71
|
"fulltext-input": {
|
|
77
72
|
title: "FulltextInput",
|
|
78
|
-
stories: fulltextInputStories
|
|
73
|
+
stories: fulltextInputStories
|
|
79
74
|
},
|
|
80
75
|
"hidden-columns": {
|
|
81
76
|
title: "HiddenColumns",
|
|
82
|
-
stories: hiddenColumnsStories
|
|
77
|
+
stories: hiddenColumnsStories
|
|
83
78
|
},
|
|
84
79
|
"hidden-columns-button": {
|
|
85
80
|
title: "HiddenColumnsButton",
|
|
86
|
-
stories: hiddenColumnsButtonStories
|
|
81
|
+
stories: hiddenColumnsButtonStories
|
|
87
82
|
},
|
|
88
|
-
pagination: {
|
|
83
|
+
"pagination": {
|
|
89
84
|
title: "Pagination",
|
|
90
|
-
stories: paginationStories
|
|
85
|
+
stories: paginationStories
|
|
91
86
|
},
|
|
92
87
|
"row-counts": {
|
|
93
88
|
title: "RowCounts",
|
|
94
|
-
stories: rowCountsStories
|
|
89
|
+
stories: rowCountsStories
|
|
95
90
|
},
|
|
96
91
|
"rows-per-page-select": {
|
|
97
92
|
title: "RowsPerPageSelect",
|
|
98
|
-
stories: rowsPerPageSelectStories
|
|
93
|
+
stories: rowsPerPageSelectStories
|
|
99
94
|
},
|
|
100
95
|
"selected-rows-toolbar": {
|
|
101
96
|
title: "SelectedRowsToolbar",
|
|
102
|
-
stories: selectedRowsToolbarStories
|
|
97
|
+
stories: selectedRowsToolbarStories
|
|
103
98
|
},
|
|
104
|
-
table: {
|
|
99
|
+
"table": {
|
|
105
100
|
title: "Table",
|
|
106
|
-
stories: tableStories
|
|
101
|
+
stories: tableStories
|
|
107
102
|
},
|
|
108
103
|
"table-v2": {
|
|
109
104
|
title: "TableV2",
|
|
110
|
-
stories: tableV2Stories
|
|
105
|
+
stories: tableV2Stories
|
|
111
106
|
},
|
|
112
107
|
"toolbar-control": {
|
|
113
108
|
title: "ToolbarControl",
|
|
114
|
-
stories: toolbarControlStories
|
|
109
|
+
stories: toolbarControlStories
|
|
115
110
|
},
|
|
116
111
|
"toolbar-customs": {
|
|
117
112
|
title: "ToolbarCustoms",
|
|
118
|
-
stories: toolbarCustomsStories
|
|
113
|
+
stories: toolbarCustomsStories
|
|
119
114
|
},
|
|
120
115
|
"toolbar-tabs": {
|
|
121
116
|
title: "ToolbarTabs",
|
|
122
|
-
stories: toolbarTabsStories
|
|
117
|
+
stories: toolbarTabsStories
|
|
123
118
|
},
|
|
124
119
|
};
|
|
@@ -18,7 +18,7 @@ const root_1 = require("./root");
|
|
|
18
18
|
const row_counts_1 = require("./row-counts");
|
|
19
19
|
const rows_per_page_select_1 = require("./rows-per-page-select");
|
|
20
20
|
const selected_rows_toolbar_1 = require("./selected-rows-toolbar");
|
|
21
|
-
const
|
|
21
|
+
const table_v2_1 = require("./table-v2");
|
|
22
22
|
const toolbar_1 = require("./toolbar");
|
|
23
23
|
const toolbar_control_1 = require("./toolbar-control");
|
|
24
24
|
const toolbar_customs_1 = require("./toolbar-customs");
|
|
@@ -48,7 +48,7 @@ function DataGrid() {
|
|
|
48
48
|
react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: toolbarCustomButtons })),
|
|
49
49
|
react_1.default.createElement(linear_progress_1.DataGridLinearProgress, { isLoading: isLoading }),
|
|
50
50
|
react_1.default.createElement(filter_list_1.DataGridFilterList, { ...control, filterHandlers: filterHandlers, schema: schema }),
|
|
51
|
-
react_1.default.createElement(
|
|
51
|
+
react_1.default.createElement(table_v2_1.DataGridTableV2, { ...control, actionCell: actionCell, bodyCells: bodyCells, data: (_a = data === null || data === void 0 ? void 0 : data.result) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, error: error, isLoading: isLoading, onReload: onReload, schema: schema }),
|
|
52
52
|
react_1.default.createElement(footer_1.DataGridFooter, null,
|
|
53
53
|
react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { ...control }),
|
|
54
54
|
react_1.default.createElement(row_counts_1.DataGridRowCounts, { ...control, count: (_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0, totalCount: (_c = data === null || data === void 0 ? void 0 : data.totalCount) !== null && _c !== void 0 ? _c : 0 }),
|
package/data-grid.js
CHANGED
|
@@ -16,26 +16,25 @@ const root_1 = require("./root");
|
|
|
16
16
|
const row_counts_1 = require("./row-counts");
|
|
17
17
|
const rows_per_page_select_1 = require("./rows-per-page-select");
|
|
18
18
|
const selected_rows_toolbar_1 = require("./selected-rows-toolbar");
|
|
19
|
-
const
|
|
19
|
+
const table_v2_1 = require("./table-v2");
|
|
20
20
|
const no_rows_fallback_1 = require("./table/no-rows-fallback");
|
|
21
21
|
const toolbar_1 = require("./toolbar");
|
|
22
22
|
const toolbar_control_1 = require("./toolbar-control");
|
|
23
23
|
const toolbar_customs_1 = require("./toolbar-customs");
|
|
24
24
|
const toolbar_tabs_1 = require("./toolbar-tabs");
|
|
25
|
-
const classes_1 = require("./utils/classes");
|
|
26
25
|
const DefaultSelectedRowsToolbarActions = () => null;
|
|
27
26
|
function DataGrid(props) {
|
|
28
27
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
29
28
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
30
|
-
react_1.default.createElement(root_1.DataGridRoot, { className: props.className
|
|
31
|
-
react_1.default.createElement(toolbar_1.DataGridToolbar,
|
|
32
|
-
react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, schema: props.schema, state: props.state }),
|
|
29
|
+
react_1.default.createElement(root_1.DataGridRoot, { className: props.className },
|
|
30
|
+
react_1.default.createElement(toolbar_1.DataGridToolbar, null,
|
|
31
|
+
react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, changeTabFilterBehavior: props.changeTabFilterBehavior, schema: props.schema, state: props.state }),
|
|
33
32
|
react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: props.actions, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, onCsvDownload: props.onCsvDownload, schema: props.schema, state: props.state }),
|
|
34
33
|
react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: props.customActions })),
|
|
35
34
|
react_1.default.createElement(linear_progress_1.DataGridLinearProgress, { isLoading: props.isLoading }),
|
|
36
|
-
react_1.default.createElement(filter_list_1.DataGridFilterList, { actions: props.actions,
|
|
37
|
-
react_1.default.createElement(
|
|
38
|
-
react_1.default.createElement(footer_1.DataGridFooter,
|
|
35
|
+
react_1.default.createElement(filter_list_1.DataGridFilterList, { actions: props.actions, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, schema: props.schema, state: props.state }),
|
|
36
|
+
react_1.default.createElement(table_v2_1.DataGridTableV2, { NoRowsFallback: (_c = props.NoRowsFallback) !== null && _c !== void 0 ? _c : no_rows_fallback_1.NoRowsFallback, actionCell: props.actionCell, actions: props.actions, bodyCells: (_d = props.bodyCells) !== null && _d !== void 0 ? _d : body_cell_1.BodyCells, data: (_f = (_e = props.data) === null || _e === void 0 ? void 0 : _e.result) !== null && _f !== void 0 ? _f : empty_array_1.EMPTY_ARRAY, error: props.error, headerRowHeight: props.headerRowHeight, isLoading: props.isLoading, isRowSelectable: props.isRowSelectable, keyExtractor: props.keyExtractor, onReload: props.onReload, rowClass: props.rowClass, rowHeight: props.rowHeight, schema: props.schema, state: props.state }),
|
|
37
|
+
react_1.default.createElement(footer_1.DataGridFooter, null,
|
|
39
38
|
react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { actions: props.actions, state: props.state }),
|
|
40
39
|
react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: (_h = (_g = props.data) === null || _g === void 0 ? void 0 : _g.count) !== null && _h !== void 0 ? _h : 0, state: props.state, totalCount: (_k = (_j = props.data) === null || _j === void 0 ? void 0 : _j.totalCount) !== null && _k !== void 0 ? _k : 0 }),
|
|
41
40
|
react_1.default.createElement(pagination_1.DataGridPagination, { actions: props.actions, count: (_m = (_l = props.data) === null || _l === void 0 ? void 0 : _l.count) !== null && _m !== void 0 ? _m : 0, showFirstButton: true, showLastButton: true, size: "sm", state: props.state }))),
|
package/data-grid.stories.js
CHANGED
|
@@ -68,7 +68,7 @@ const schemaWithFrontendConfig = (0, merge_schema_with_config_1.mergeSchemaWithC
|
|
|
68
68
|
},
|
|
69
69
|
});
|
|
70
70
|
function Default() {
|
|
71
|
-
const [
|
|
71
|
+
const [hasSharedFilters, setHasSharedFilters] = (0, react_1.useState)(false);
|
|
72
72
|
const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({
|
|
73
73
|
schema: schema_1.schema,
|
|
74
74
|
initialUserConfig: {
|
|
@@ -86,7 +86,7 @@ function Default() {
|
|
|
86
86
|
state,
|
|
87
87
|
});
|
|
88
88
|
return (react_1.default.createElement("div", { className: "p-10" },
|
|
89
|
-
react_1.default.createElement(toggle_1.Toggle, { label: "
|
|
90
|
-
react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, data: data, error: error, isLoading: isLoading, isRowSelectable: true,
|
|
89
|
+
react_1.default.createElement(toggle_1.Toggle, { label: "Has shared Filters for all Tabs", name: "hasSharedFilters", onChange: (value) => setHasSharedFilters(Boolean(value)), value: hasSharedFilters }),
|
|
90
|
+
react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, changeTabFilterBehavior: hasSharedFilters ? "sharedFilters" : "filtersPerTab", data: data, error: error, isLoading: isLoading, isRowSelectable: true, onCsvDownload: console.log, onReload: onReload, schema: schemaWithFrontendConfig, state: state }),
|
|
91
91
|
react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
|
|
92
92
|
}
|
|
@@ -6,6 +6,4 @@ export interface DataGridExportButtonProps extends DataGridControl {
|
|
|
6
6
|
onCsvDownload: CsvDownloadHandler;
|
|
7
7
|
schema: Schema<any>;
|
|
8
8
|
}
|
|
9
|
-
|
|
10
|
-
export declare function ExportButton(props: DataGridExportButtonProps): React.JSX.Element;
|
|
11
|
-
export declare const DataGridExportButton: typeof ExportButton;
|
|
9
|
+
export declare function DataGridExportButton(props: DataGridExportButtonProps): React.JSX.Element;
|
|
@@ -3,15 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.DataGridExportButton =
|
|
7
|
-
exports.ExportButton = ExportButton;
|
|
6
|
+
exports.DataGridExportButton = DataGridExportButton;
|
|
8
7
|
const button_1 = require("@uxf/ui/button");
|
|
9
8
|
const icon_1 = require("@uxf/ui/icon");
|
|
10
9
|
const react_1 = __importDefault(require("react"));
|
|
11
10
|
const utils_1 = require("../utils");
|
|
12
|
-
|
|
13
|
-
function ExportButton(props) {
|
|
11
|
+
function DataGridExportButton(props) {
|
|
14
12
|
return (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => props.onCsvDownload((0, utils_1.createRequest)(props.state.request)), size: "sm", title: "St\u00E1hnout CSV", variant: "secondary" },
|
|
15
13
|
react_1.default.createElement(icon_1.Icon, { name: "file-arrow-down" })));
|
|
16
14
|
}
|
|
17
|
-
exports.DataGridExportButton = ExportButton;
|
|
@@ -2,13 +2,9 @@ import React from "react";
|
|
|
2
2
|
import { FilterHandlers } from "../filter-handler";
|
|
3
3
|
import { Schema } from "../types";
|
|
4
4
|
import { DataGridControl } from "../use-data-grid-control";
|
|
5
|
-
|
|
6
|
-
export interface FilterListProps extends DataGridControl {
|
|
5
|
+
export interface DataGridFilterListProps extends DataGridControl {
|
|
7
6
|
filterHandlers: FilterHandlers;
|
|
8
7
|
className?: string;
|
|
9
8
|
schema: Schema<any>;
|
|
10
9
|
}
|
|
11
|
-
export
|
|
12
|
-
/** @deprecated Use DataGridFilterList */
|
|
13
|
-
export declare function FilterList(props: FilterListProps): React.JSX.Element | null;
|
|
14
|
-
export declare const DataGridFilterList: typeof FilterList;
|
|
10
|
+
export declare function DataGridFilterList(props: DataGridFilterListProps): React.JSX.Element | null;
|
|
@@ -3,15 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.DataGridFilterList =
|
|
7
|
-
exports.FilterList = FilterList;
|
|
6
|
+
exports.DataGridFilterList = DataGridFilterList;
|
|
8
7
|
const cx_1 = require("@uxf/core/utils/cx");
|
|
9
8
|
const is_empty_1 = require("@uxf/core/utils/is-empty");
|
|
10
9
|
const is_nil_1 = require("@uxf/core/utils/is-nil");
|
|
11
10
|
const react_1 = __importDefault(require("react"));
|
|
12
11
|
const create_filter_component_props_1 = require("../utils/create-filter-component-props");
|
|
13
|
-
|
|
14
|
-
function FilterList(props) {
|
|
12
|
+
function DataGridFilterList(props) {
|
|
15
13
|
const renderedFilters = props.state.request.f
|
|
16
14
|
.map((filterRequest) => {
|
|
17
15
|
const filter = props.schema.filters.find((f) => f.name === filterRequest.name);
|
|
@@ -31,4 +29,3 @@ function FilterList(props) {
|
|
|
31
29
|
}
|
|
32
30
|
return react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__filter-list", props.className) }, renderedFilters);
|
|
33
31
|
}
|
|
34
|
-
exports.DataGridFilterList = FilterList;
|
package/filters/filters.d.ts
CHANGED
|
@@ -6,6 +6,4 @@ export interface DataGridFiltersProps extends DataGridControl {
|
|
|
6
6
|
schema: Schema<any>;
|
|
7
7
|
filterHandlers: FilterHandlers;
|
|
8
8
|
}
|
|
9
|
-
|
|
10
|
-
export declare function Filters(props: DataGridFiltersProps): React.JSX.Element;
|
|
11
|
-
export declare const DataGridFilters: typeof Filters;
|
|
9
|
+
export declare function DataGridFilters(props: DataGridFiltersProps): React.JSX.Element;
|
package/filters/filters.js
CHANGED
|
@@ -3,12 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.DataGridFilters =
|
|
7
|
-
exports.Filters = Filters;
|
|
6
|
+
exports.DataGridFilters = DataGridFilters;
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
8
|
const create_filter_component_props_1 = require("../utils/create-filter-component-props");
|
|
10
|
-
|
|
11
|
-
function Filters(props) {
|
|
9
|
+
function DataGridFilters(props) {
|
|
12
10
|
return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map((filter) => {
|
|
13
11
|
const filterHandler = props.filterHandlers[filter.type];
|
|
14
12
|
const FilterInput = filterHandler === null || filterHandler === void 0 ? void 0 : filterHandler.Input;
|
|
@@ -21,4 +19,3 @@ function Filters(props) {
|
|
|
21
19
|
return (react_1.default.createElement(FilterInput, { key: filter.name, ...(0, create_filter_component_props_1.createFilterComponentProps)(props.schema.name, filter, props.state, props.actions) }));
|
|
22
20
|
})));
|
|
23
21
|
}
|
|
24
|
-
exports.DataGridFilters = Filters;
|
|
@@ -7,6 +7,4 @@ export interface DataGridFiltersButtonProps extends DataGridControl {
|
|
|
7
7
|
filterHandlers: FilterHandlers;
|
|
8
8
|
schema: Schema<any>;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
export declare function FiltersButton(props: DataGridFiltersButtonProps): React.JSX.Element | null;
|
|
12
|
-
export declare const DataGridFiltersButton: typeof FiltersButton;
|
|
10
|
+
export declare function DataGridFiltersButton(props: DataGridFiltersButtonProps): React.JSX.Element | null;
|
|
@@ -23,15 +23,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.DataGridFiltersButton =
|
|
27
|
-
exports.FiltersButton = FiltersButton;
|
|
26
|
+
exports.DataGridFiltersButton = DataGridFiltersButton;
|
|
28
27
|
const button_1 = require("@uxf/ui/button");
|
|
29
28
|
const icon_1 = require("@uxf/ui/icon");
|
|
30
29
|
const react_1 = __importStar(require("react"));
|
|
31
30
|
const drawer_1 = require("../_components/drawer");
|
|
32
31
|
const filters_1 = require("../filters");
|
|
33
|
-
|
|
34
|
-
function FiltersButton(props) {
|
|
32
|
+
function DataGridFiltersButton(props) {
|
|
35
33
|
var _a;
|
|
36
34
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
37
35
|
if (props.schema.filters.length === 0) {
|
|
@@ -43,4 +41,3 @@ function FiltersButton(props) {
|
|
|
43
41
|
react_1.default.createElement(drawer_1.Drawer, { isOpen: isOpen, onClose: () => setIsOpen(false), title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Filtrování" },
|
|
44
42
|
react_1.default.createElement(filters_1.DataGridFilters, { actions: props.actions, filterHandlers: props.filterHandlers, schema: props.schema, state: props.state }))));
|
|
45
43
|
}
|
|
46
|
-
exports.DataGridFiltersButton = FiltersButton;
|
package/footer/footer.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
2
|
export interface DataGridFooterProps {
|
|
3
|
-
/** @deprecated will be remove, create custom data grid https://fe.uxf.dev/docs/data-grid/data-grid-custom-example */
|
|
4
|
-
noBorder?: boolean;
|
|
5
3
|
children: ReactNode;
|
|
6
4
|
}
|
|
7
5
|
export declare function DataGridFooter(props: DataGridFooterProps): React.JSX.Element;
|
package/footer/footer.js
CHANGED
|
@@ -4,9 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.DataGridFooter = DataGridFooter;
|
|
7
|
-
const cx_1 = require("@uxf/core/utils/cx");
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const classes_1 = require("../utils/classes");
|
|
10
8
|
function DataGridFooter(props) {
|
|
11
|
-
return react_1.default.createElement("div", { className:
|
|
9
|
+
return react_1.default.createElement("div", { className: "uxf-data-grid__footer" }, props.children);
|
|
12
10
|
}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DataGridControl } from "../use-data-grid-control";
|
|
3
3
|
export type DataGridFulltextInputProps = DataGridControl;
|
|
4
|
-
|
|
5
|
-
export declare function FulltextInput(props: DataGridFulltextInputProps): React.JSX.Element;
|
|
6
|
-
export declare const DataGridFulltextInput: typeof FulltextInput;
|
|
4
|
+
export declare function DataGridFulltextInput(props: DataGridFulltextInputProps): React.JSX.Element;
|
|
@@ -3,13 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.DataGridFulltextInput =
|
|
7
|
-
exports.FulltextInput = FulltextInput;
|
|
6
|
+
exports.DataGridFulltextInput = DataGridFulltextInput;
|
|
8
7
|
const icon_1 = require("@uxf/ui/icon");
|
|
9
8
|
const text_input_1 = require("@uxf/ui/text-input");
|
|
10
9
|
const react_1 = __importDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
function FulltextInput(props) {
|
|
10
|
+
function DataGridFulltextInput(props) {
|
|
13
11
|
return (react_1.default.createElement(text_input_1.TextInput, { className: "uxf-data-grid__plugin-fulltext", hiddenLabel: true, label: "Vyhled\u00E1v\u00E1n\u00ED", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), name: "fulltext", onChange: props.actions.search, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", size: "small", value: props.state.request.search }));
|
|
14
12
|
}
|
|
15
|
-
exports.DataGridFulltextInput = FulltextInput;
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
export interface LinearProgressProps {
|
|
2
|
+
export interface DataGridLinearProgressProps {
|
|
4
3
|
isLoading: boolean;
|
|
5
4
|
}
|
|
6
|
-
export
|
|
7
|
-
/** @deprecated Use DataGridLinearProgress */
|
|
8
|
-
export declare function LinearProgress(props: LinearProgressProps): React.JSX.Element;
|
|
9
|
-
export declare const DataGridLinearProgress: typeof LinearProgress;
|
|
5
|
+
export declare function DataGridLinearProgress(props: DataGridLinearProgressProps): React.JSX.Element;
|
|
@@ -3,13 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.DataGridLinearProgress =
|
|
7
|
-
exports.LinearProgress = LinearProgress;
|
|
6
|
+
exports.DataGridLinearProgress = DataGridLinearProgress;
|
|
8
7
|
const cx_1 = require("@uxf/core/utils/cx");
|
|
9
8
|
const react_1 = __importDefault(require("react"));
|
|
10
|
-
|
|
11
|
-
function LinearProgress(props) {
|
|
9
|
+
function DataGridLinearProgress(props) {
|
|
12
10
|
return (react_1.default.createElement("div", { className: "uxf-data-grid__linear-progress-wrapper" },
|
|
13
11
|
react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__linear-progress", props.isLoading && "is-loading") })));
|
|
14
12
|
}
|
|
15
|
-
exports.DataGridLinearProgress = LinearProgress;
|
package/package.json
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
2
|
+
"name": "@uxf/data-grid",
|
|
3
|
+
"version": "11.37.0",
|
|
4
|
+
"description": "UXF DataGrid",
|
|
5
|
+
"homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
|
|
6
|
+
"main": "index.js",
|
|
7
|
+
"bin": {
|
|
8
|
+
"uxf-data-grid-generator": "bin/uxf-data-grid-generator.js"
|
|
9
|
+
},
|
|
10
|
+
"typings": "index.d.ts",
|
|
11
|
+
"publishConfig": {
|
|
12
|
+
"access": "public"
|
|
13
|
+
},
|
|
14
|
+
"repository": {
|
|
15
|
+
"type": "git",
|
|
16
|
+
"url": "git+https://gitlab.com/uxf-npm/data-grid.git"
|
|
17
|
+
},
|
|
18
|
+
"license": "MIT",
|
|
19
|
+
"keywords": [
|
|
20
|
+
"data-table",
|
|
21
|
+
"data-grid",
|
|
22
|
+
"uxf"
|
|
23
|
+
],
|
|
24
|
+
"scripts": {
|
|
25
|
+
"dev": "next dev",
|
|
26
|
+
"build": "tsc -P tsconfig.json",
|
|
27
|
+
"gen:icons": "icons-gen",
|
|
28
|
+
"gen:data-grid": "node bin/uxf-data-grid-generator.js -s _generator/__generator_tests__/data-grid-schema -o _generator/__generator_tests__/data-grid --requiredLoader",
|
|
29
|
+
"lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
|
|
30
|
+
"test": "npm run-script typecheck",
|
|
31
|
+
"typecheck": "tsc --noEmit --skipLibCheck"
|
|
32
|
+
},
|
|
33
|
+
"dependencies": {
|
|
34
|
+
"@uxf/core": "11.35.0",
|
|
35
|
+
"@uxf/core-react": "11.36.0",
|
|
36
|
+
"@uxf/ui": "11.37.0",
|
|
37
|
+
"dayjs": "1.11.13",
|
|
38
|
+
"deepmerge": "4.3.1",
|
|
39
|
+
"fast-glob": "3.3.2",
|
|
40
|
+
"qs": "6.13.0",
|
|
41
|
+
"react-data-grid": "7.0.0-beta.39",
|
|
42
|
+
"yargs": "17.7.2"
|
|
43
|
+
},
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"react": ">=18.2.0",
|
|
46
|
+
"react-dom": ">=18.2.0"
|
|
47
|
+
},
|
|
48
|
+
"devDependencies": {
|
|
49
|
+
"@types/react": "18.3.5",
|
|
50
|
+
"@types/react-dom": "18.3.0",
|
|
51
|
+
"react": "18.3.1",
|
|
52
|
+
"react-dom": "18.3.1"
|
|
53
|
+
},
|
|
54
|
+
"gitHead": "e4f21a15c3d50fb6614d70cdaf36685232de87e7"
|
|
55
|
+
}
|