@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.
Files changed (68) hide show
  1. package/_store/reducer.js +17 -14
  2. package/components.d.ts +4 -9
  3. package/components.js +25 -30
  4. package/data-grid-custom-example.stories.js +2 -2
  5. package/data-grid.js +7 -8
  6. package/data-grid.stories.js +3 -3
  7. package/export-button/export-button.d.ts +1 -3
  8. package/export-button/export-button.js +2 -5
  9. package/filter-list/filter-list.d.ts +2 -6
  10. package/filter-list/filter-list.js +2 -5
  11. package/filters/filters.d.ts +1 -3
  12. package/filters/filters.js +2 -5
  13. package/filters-button/filters-button.d.ts +1 -3
  14. package/filters-button/filters-button.js +2 -5
  15. package/footer/footer.d.ts +0 -2
  16. package/footer/footer.js +1 -3
  17. package/fulltext-input/fulltext-input.d.ts +1 -3
  18. package/fulltext-input/fulltext-input.js +2 -5
  19. package/linear-progress/linear-progress.d.ts +2 -6
  20. package/linear-progress/linear-progress.js +2 -5
  21. package/package.json +54 -54
  22. package/pagination/pagination.d.ts +2 -6
  23. package/pagination/pagination.js +2 -5
  24. package/root/root.d.ts +0 -2
  25. package/root/root.js +1 -2
  26. package/row-counts/row-counts.d.ts +2 -6
  27. package/row-counts/row-counts.js +2 -5
  28. package/rows-per-page-select/rows-per-page-select.d.ts +1 -3
  29. package/rows-per-page-select/rows-per-page-select.js +2 -5
  30. package/selected-rows-toolbar/selected-rows-toolbar.d.ts +2 -6
  31. package/selected-rows-toolbar/selected-rows-toolbar.js +2 -5
  32. package/styles.css +4 -12
  33. package/table/hooks/use-react-data-grid-columns.d.ts +2 -2
  34. package/table/hooks/use-react-data-grid-columns.js +1 -1
  35. package/table/table.d.ts +1 -3
  36. package/table/table.js +2 -5
  37. package/table/types.d.ts +1 -3
  38. package/table-v2/hooks/use-resizable-columns.js +6 -9
  39. package/table-v2/styles.css +6 -0
  40. package/table-v2/table-v2.d.ts +1 -3
  41. package/table-v2/table-v2.js +12 -15
  42. package/table-v2/types.d.ts +1 -3
  43. package/table-v2/utils/get-grid-template-columns.d.ts +6 -0
  44. package/table-v2/utils/get-grid-template-columns.js +14 -0
  45. package/table-v2/utils/get-grid-template-rows.d.ts +2 -2
  46. package/toolbar/toolbar.d.ts +0 -1
  47. package/toolbar/toolbar.js +1 -3
  48. package/toolbar-control/toolbar-control.d.ts +2 -6
  49. package/toolbar-control/toolbar-control.js +2 -5
  50. package/toolbar-customs/toolbar-customs.d.ts +2 -6
  51. package/toolbar-customs/toolbar-customs.js +2 -5
  52. package/toolbar-tabs/toolbar-tabs.d.ts +4 -6
  53. package/toolbar-tabs/toolbar-tabs.js +8 -10
  54. package/types/components.d.ts +1 -0
  55. package/types/data-grid-props.d.ts +2 -3
  56. package/types/index.d.ts +6 -6
  57. package/types/index.js +0 -20
  58. package/types/schema.d.ts +0 -5
  59. package/types/schema.js +0 -7
  60. package/use-data-grid-control/actions-factory.d.ts +2 -1
  61. package/use-data-grid-control/actions-factory.js +1 -1
  62. package/use-data-grid-control/use-data-grid-control.d.ts +1 -1
  63. package/data-grid-v2.d.ts +0 -3
  64. package/data-grid-v2.js +0 -43
  65. package/data-grid-v2.stories.d.ts +0 -2
  66. package/data-grid-v2.stories.js +0 -92
  67. package/utils/classes.d.ts +0 -1
  68. 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 no-case-declarations,@typescript-eslint/no-unnecessary-condition
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
- // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
128
- f: (_e = tabHistory.f) !== null && _e !== void 0 ? _e : [],
129
- s: (_g = (_f = tabHistory.s) !== null && _f !== void 0 ? _f : action.tab.s) !== null && _g !== void 0 ? _g : state.request.s,
130
- // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
131
- search: (_h = tabHistory.search) !== null && _h !== void 0 ? _h : "",
132
- // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
133
- page: (_j = tabHistory.page) !== null && _j !== void 0 ? _j : 0,
134
- // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
135
- perPage: (_k = tabHistory.perPage) !== null && _k !== void 0 ? _k : state.request.perPage,
136
- tab: action.tab.name,
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 table_1 = require("./table");
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(table_1.DataGridTable, { ...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 }),
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 table_1 = require("./table");
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, noBorder: props.noBorder },
31
- react_1.default.createElement(toolbar_1.DataGridToolbar, { noBorder: props.noBorder },
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, className: props.noBorder ? classes_1.NO_BORDER_CLASS : undefined, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, schema: props.schema, state: props.state }),
37
- react_1.default.createElement(table_1.DataGridTable, { 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 }),
38
- react_1.default.createElement(footer_1.DataGridFooter, { noBorder: props.noBorder },
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 }))),
@@ -68,7 +68,7 @@ const schemaWithFrontendConfig = (0, merge_schema_with_config_1.mergeSchemaWithC
68
68
  },
69
69
  });
70
70
  function Default() {
71
- const [noBorder, setNoBorder] = (0, react_1.useState)(false);
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: "No border", name: "noBorder", onChange: (value) => setNoBorder(Boolean(value)), value: noBorder }),
90
- react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, data: data, error: error, isLoading: isLoading, isRowSelectable: true, noBorder: noBorder, onCsvDownload: console.log, onReload: onReload, schema: schemaWithFrontendConfig, state: state }),
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
- /** @deprecated Use DataGridExportButton */
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 = void 0;
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
- /** @deprecated Use DataGridExportButton */
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
- /** @deprecated Use DataGridFilterListProps */
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 type DataGridFilterListProps = FilterListProps;
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 = void 0;
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
- /** @deprecated Use DataGridFilterList */
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;
@@ -6,6 +6,4 @@ export interface DataGridFiltersProps extends DataGridControl {
6
6
  schema: Schema<any>;
7
7
  filterHandlers: FilterHandlers;
8
8
  }
9
- /** @deprecated Use DataGridFilters */
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;
@@ -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 = void 0;
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
- /** @deprecated Use DataGridFilters */
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
- /** @deprecated Use DataGridFiltersButton */
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 = void 0;
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
- /** @deprecated Use DataGridFiltersButton */
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;
@@ -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: (0, cx_1.cx)("uxf-data-grid__footer", props.noBorder && classes_1.NO_BORDER_CLASS) }, props.children);
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
- /** @deprecated Use DataGridFulltextInput */
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 = void 0;
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
- /** @deprecated Use DataGridFulltextInput */
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
- /** @deprecated Use DataGridLinearProgressProps */
3
- export interface LinearProgressProps {
2
+ export interface DataGridLinearProgressProps {
4
3
  isLoading: boolean;
5
4
  }
6
- export type DataGridLinearProgressProps = LinearProgressProps;
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 = void 0;
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
- /** @deprecated Use DataGridLinearProgress */
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
- "name": "@uxf/data-grid",
3
- "version": "11.35.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.35.0",
36
- "@uxf/ui": "11.35.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
- }
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
+ }