@addev-be/ui 0.2.18 → 0.3.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/package.json +2 -1
- package/src/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.ts +1 -1
- package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +1 -1
- package/src/providers/AuthenticationProvider/index.tsx +143 -0
- package/src/providers/LoadingProvider/index.tsx +47 -0
- package/src/providers/hooks.ts +3 -1
- package/src/providers/index.ts +2 -1
- package/src/services/WebSocketService.ts +6 -17
- package/src/services/hooks.ts +17 -0
- package/src/services/index.ts +6 -0
- package/src/services/requests/auth.ts +44 -0
- package/src/services/types/auth.ts +131 -0
- package/src/services/types/base.ts +10 -0
- package/src/services/types/users.ts +20 -0
- package/dist/Icons.d.ts +0 -45
- package/dist/Icons.js +0 -120
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +0 -14
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +0 -76
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +0 -22
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +0 -156
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +0 -2
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +0 -18
- package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +0 -2
- package/dist/components/data/AdvancedRequestDataGrid/index.js +0 -215
- package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +0 -21
- package/dist/components/data/AdvancedRequestDataGrid/types.js +0 -2
- package/dist/components/data/DataGrid/DataGridCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridCell.js +0 -59
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.js +0 -24
- package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.d.ts +0 -6
- package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js +0 -38
- package/dist/components/data/DataGrid/DataGridColumnsModal/index.d.ts +0 -15
- package/dist/components/data/DataGrid/DataGridColumnsModal/index.js +0 -111
- package/dist/components/data/DataGrid/DataGridColumnsModal/styles.d.ts +0 -22
- package/dist/components/data/DataGrid/DataGridColumnsModal/styles.js +0 -54
- package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell.js +0 -27
- package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.d.ts +0 -13
- package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.js +0 -71
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.d.ts +0 -9
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js +0 -52
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.d.ts +0 -9
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.js +0 -221
- package/dist/components/data/DataGrid/DataGridFilterMenu/styles.d.ts +0 -18
- package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js +0 -31
- package/dist/components/data/DataGrid/DataGridFooter.d.ts +0 -4
- package/dist/components/data/DataGrid/DataGridFooter.js +0 -44
- package/dist/components/data/DataGrid/DataGridHeader.d.ts +0 -4
- package/dist/components/data/DataGrid/DataGridHeader.js +0 -119
- package/dist/components/data/DataGrid/DataGridHeaderCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridHeaderCell.js +0 -84
- package/dist/components/data/DataGrid/FilterModalContent/index.d.ts +0 -7
- package/dist/components/data/DataGrid/FilterModalContent/index.js +0 -117
- package/dist/components/data/DataGrid/FilterModalContent/styles.d.ts +0 -3
- package/dist/components/data/DataGrid/FilterModalContent/styles.js +0 -15
- package/dist/components/data/DataGrid/VirtualScroller.d.ts +0 -11
- package/dist/components/data/DataGrid/VirtualScroller.js +0 -41
- package/dist/components/data/DataGrid/helpers/columns.d.ts +0 -13
- package/dist/components/data/DataGrid/helpers/columns.js +0 -169
- package/dist/components/data/DataGrid/helpers/filters.d.ts +0 -18
- package/dist/components/data/DataGrid/helpers/filters.js +0 -334
- package/dist/components/data/DataGrid/helpers/index.d.ts +0 -2
- package/dist/components/data/DataGrid/helpers/index.js +0 -18
- package/dist/components/data/DataGrid/hooks/index.d.ts +0 -7
- package/dist/components/data/DataGrid/hooks/index.js +0 -34
- package/dist/components/data/DataGrid/hooks/useDataGrid.d.ts +0 -2
- package/dist/components/data/DataGrid/hooks/useDataGrid.js +0 -252
- package/dist/components/data/DataGrid/hooks/useDataGridCopy.d.ts +0 -4
- package/dist/components/data/DataGrid/hooks/useDataGridCopy.js +0 -163
- package/dist/components/data/DataGrid/hooks/useDataGridSettings.d.ts +0 -16
- package/dist/components/data/DataGrid/hooks/useDataGridSettings.js +0 -43
- package/dist/components/data/DataGrid/index.d.ts +0 -4
- package/dist/components/data/DataGrid/index.js +0 -108
- package/dist/components/data/DataGrid/styles.d.ts +0 -60
- package/dist/components/data/DataGrid/styles.js +0 -128
- package/dist/components/data/DataGrid/types.d.ts +0 -165
- package/dist/components/data/DataGrid/types.js +0 -34
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts +0 -16
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +0 -125
- package/dist/components/data/SqlRequestDataGrid/helpers/index.d.ts +0 -2
- package/dist/components/data/SqlRequestDataGrid/helpers/index.js +0 -18
- package/dist/components/data/SqlRequestDataGrid/helpers/sqlRequests.d.ts +0 -3
- package/dist/components/data/SqlRequestDataGrid/helpers/sqlRequests.js +0 -18
- package/dist/components/data/SqlRequestDataGrid/index.d.ts +0 -2
- package/dist/components/data/SqlRequestDataGrid/index.js +0 -296
- package/dist/components/data/SqlRequestDataGrid/types.d.ts +0 -21
- package/dist/components/data/SqlRequestDataGrid/types.js +0 -2
- package/dist/components/data/index.d.ts +0 -8
- package/dist/components/data/index.js +0 -24
- package/dist/components/forms/Button.d.ts +0 -10
- package/dist/components/forms/Button.js +0 -70
- package/dist/components/forms/IconButton.d.ts +0 -7
- package/dist/components/forms/IconButton.js +0 -64
- package/dist/components/forms/IndeterminateCheckbox.d.ts +0 -8
- package/dist/components/forms/IndeterminateCheckbox.js +0 -41
- package/dist/components/forms/Select.d.ts +0 -10
- package/dist/components/forms/Select.js +0 -49
- package/dist/components/forms/index.d.ts +0 -5
- package/dist/components/forms/index.js +0 -23
- package/dist/components/forms/styles.d.ts +0 -2
- package/dist/components/forms/styles.js +0 -34
- package/dist/components/index.d.ts +0 -3
- package/dist/components/index.js +0 -19
- package/dist/components/layout/Dropdown/index.d.ts +0 -11
- package/dist/components/layout/Dropdown/index.js +0 -85
- package/dist/components/layout/Dropdown/styles.d.ts +0 -11
- package/dist/components/layout/Dropdown/styles.js +0 -45
- package/dist/components/layout/Loading/index.d.ts +0 -6
- package/dist/components/layout/Loading/index.js +0 -42
- package/dist/components/layout/Loading/styles.d.ts +0 -6
- package/dist/components/layout/Loading/styles.js +0 -18
- package/dist/components/layout/Modal/index.d.ts +0 -16
- package/dist/components/layout/Modal/index.js +0 -67
- package/dist/components/layout/Modal/styles.d.ts +0 -32
- package/dist/components/layout/Modal/styles.js +0 -52
- package/dist/components/layout/index.d.ts +0 -3
- package/dist/components/layout/index.js +0 -19
- package/dist/components/ui/ContextMenu/index.d.ts +0 -11
- package/dist/components/ui/ContextMenu/index.js +0 -63
- package/dist/components/ui/ContextMenu/styles.d.ts +0 -18
- package/dist/components/ui/ContextMenu/styles.js +0 -56
- package/dist/config/index.d.ts +0 -10
- package/dist/config/index.js +0 -2
- package/dist/helpers/dates.d.ts +0 -2
- package/dist/helpers/dates.js +0 -13
- package/dist/helpers/getScrollbarSize.d.ts +0 -1
- package/dist/helpers/getScrollbarSize.js +0 -17
- package/dist/helpers/numbers.d.ts +0 -4
- package/dist/helpers/numbers.js +0 -39
- package/dist/hooks/index.d.ts +0 -2
- package/dist/hooks/index.js +0 -18
- package/dist/hooks/useElementSize.d.ts +0 -4
- package/dist/hooks/useElementSize.js +0 -23
- package/dist/hooks/useWindowSize.d.ts +0 -4
- package/dist/hooks/useWindowSize.js +0 -19
- package/dist/index.d.ts +0 -5
- package/dist/index.js +0 -21
- package/dist/providers/PortalsProvider/index.d.ts +0 -10
- package/dist/providers/PortalsProvider/index.js +0 -46
- package/dist/providers/PortalsProvider/styles.d.ts +0 -9
- package/dist/providers/PortalsProvider/styles.js +0 -21
- package/dist/providers/SettingsProvider/index.d.ts +0 -8
- package/dist/providers/SettingsProvider/index.js +0 -54
- package/dist/providers/ThemeProvider/ThemeProvider.d.ts +0 -7
- package/dist/providers/ThemeProvider/ThemeProvider.js +0 -51
- package/dist/providers/ThemeProvider/defaultTheme.d.ts +0 -2
- package/dist/providers/ThemeProvider/defaultTheme.js +0 -417
- package/dist/providers/ThemeProvider/index.d.ts +0 -2
- package/dist/providers/ThemeProvider/index.js +0 -5
- package/dist/providers/ThemeProvider/types.d.ts +0 -24
- package/dist/providers/ThemeProvider/types.js +0 -2
- package/dist/providers/UiProviders/index.d.ts +0 -12
- package/dist/providers/UiProviders/index.js +0 -62
- package/dist/providers/UiProviders/styles.d.ts +0 -3
- package/dist/providers/UiProviders/styles.js +0 -13
- package/dist/providers/hooks.d.ts +0 -3
- package/dist/providers/hooks.js +0 -13
- package/dist/providers/index.d.ts +0 -4
- package/dist/providers/index.js +0 -20
- package/dist/services/HttpService.d.ts +0 -10
- package/dist/services/HttpService.js +0 -117
- package/dist/services/WebSocketService.d.ts +0 -24
- package/dist/services/WebSocketService.js +0 -136
- package/dist/services/advancedRequests.d.ts +0 -41
- package/dist/services/advancedRequests.js +0 -13
- package/dist/services/base.d.ts +0 -19
- package/dist/services/base.js +0 -10
- package/dist/services/globalSearch.d.ts +0 -13
- package/dist/services/globalSearch.js +0 -8
- package/dist/services/hooks.d.ts +0 -2
- package/dist/services/hooks.js +0 -18
- package/dist/services/index.d.ts +0 -2
- package/dist/services/index.js +0 -18
- package/dist/services/sqlRequests.d.ts +0 -45
- package/dist/services/sqlRequests.js +0 -11
- package/tsconfig.tsbuildinfo +0 -1
|
@@ -1,334 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
3
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
4
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
5
|
-
if (ar || !(i in from)) {
|
|
6
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
7
|
-
ar[i] = from[i];
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
11
|
-
};
|
|
12
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
-
};
|
|
15
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.numberFilter = exports.textFilter = exports.dateFilter = exports.getCheckboxes = exports.defaultRendererAndFormatter = exports.getDateGroups = exports.groupDatesByYearAndMonth = exports.defaultValueParsers = exports.defaultFilterValues = exports.defaultFilterGetter = exports.applyFilter = exports.applyFilters = exports.filtersPredicates = void 0;
|
|
17
|
-
var moment_1 = __importDefault(require("moment"));
|
|
18
|
-
var escapeRegExp = function (s) { return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); };
|
|
19
|
-
var textContainsPredicate = function () {
|
|
20
|
-
var filterValues = [];
|
|
21
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
22
|
-
filterValues[_i] = arguments[_i];
|
|
23
|
-
}
|
|
24
|
-
var regex = new RegExp("".concat(escapeRegExp(filterValues[0])), 'i');
|
|
25
|
-
return function (valueToVerify) { return regex.test(valueToVerify); };
|
|
26
|
-
};
|
|
27
|
-
var textNotContainsPredicate = function () {
|
|
28
|
-
var filterValues = [];
|
|
29
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
30
|
-
filterValues[_i] = arguments[_i];
|
|
31
|
-
}
|
|
32
|
-
var regex = new RegExp("".concat(escapeRegExp(filterValues[0])), 'i');
|
|
33
|
-
return function (valueToVerify) { return !regex.test(valueToVerify); };
|
|
34
|
-
};
|
|
35
|
-
var textEqualsPredicate = function () {
|
|
36
|
-
var filterValues = [];
|
|
37
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
38
|
-
filterValues[_i] = arguments[_i];
|
|
39
|
-
}
|
|
40
|
-
var regex = new RegExp("^".concat(escapeRegExp(filterValues[0]), "$"), 'i');
|
|
41
|
-
return function (valueToVerify) { return regex.test(valueToVerify); };
|
|
42
|
-
};
|
|
43
|
-
var textNotEqualsPredicate = function () {
|
|
44
|
-
var filterValues = [];
|
|
45
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
46
|
-
filterValues[_i] = arguments[_i];
|
|
47
|
-
}
|
|
48
|
-
var regex = new RegExp("^".concat(escapeRegExp(filterValues[0]), "$"), 'i');
|
|
49
|
-
return function (valueToVerify) { return !regex.test(valueToVerify); };
|
|
50
|
-
};
|
|
51
|
-
var textStartsWithPredicate = function () {
|
|
52
|
-
var filterValues = [];
|
|
53
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
54
|
-
filterValues[_i] = arguments[_i];
|
|
55
|
-
}
|
|
56
|
-
var regex = new RegExp("^".concat(escapeRegExp(filterValues[0])), 'i');
|
|
57
|
-
return function (valueToVerify) { return regex.test(valueToVerify); };
|
|
58
|
-
};
|
|
59
|
-
var textEndsWithPredicate = function () {
|
|
60
|
-
var filterValues = [];
|
|
61
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
62
|
-
filterValues[_i] = arguments[_i];
|
|
63
|
-
}
|
|
64
|
-
var regex = new RegExp("".concat(escapeRegExp(filterValues[0]), "$"), 'i');
|
|
65
|
-
return function (valueToVerify) { return regex.test(valueToVerify); };
|
|
66
|
-
};
|
|
67
|
-
var textInArrayPredicate = function () {
|
|
68
|
-
var filterValues = [];
|
|
69
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
70
|
-
filterValues[_i] = arguments[_i];
|
|
71
|
-
}
|
|
72
|
-
return function (valueToVerify) { return filterValues.includes(valueToVerify); };
|
|
73
|
-
};
|
|
74
|
-
var numberEqualsPredicate = function () {
|
|
75
|
-
var filterValues = [];
|
|
76
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
77
|
-
filterValues[_i] = arguments[_i];
|
|
78
|
-
}
|
|
79
|
-
return function (valueToVerify) {
|
|
80
|
-
return valueToVerify === filterValues[0];
|
|
81
|
-
};
|
|
82
|
-
};
|
|
83
|
-
var numberNotEqualsPredicate = function () {
|
|
84
|
-
var filterValues = [];
|
|
85
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
86
|
-
filterValues[_i] = arguments[_i];
|
|
87
|
-
}
|
|
88
|
-
return function (valueToVerify) {
|
|
89
|
-
return valueToVerify !== filterValues[0];
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
var numberLessThanPredicate = function () {
|
|
93
|
-
var filterValues = [];
|
|
94
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
95
|
-
filterValues[_i] = arguments[_i];
|
|
96
|
-
}
|
|
97
|
-
return function (valueToVerify) {
|
|
98
|
-
return valueToVerify < filterValues[0];
|
|
99
|
-
};
|
|
100
|
-
};
|
|
101
|
-
var numberLessThanOrEqualPredicate = function () {
|
|
102
|
-
var filterValues = [];
|
|
103
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
104
|
-
filterValues[_i] = arguments[_i];
|
|
105
|
-
}
|
|
106
|
-
return function (valueToVerify) {
|
|
107
|
-
return valueToVerify <= filterValues[0];
|
|
108
|
-
};
|
|
109
|
-
};
|
|
110
|
-
var numberGreaterThanPredicate = function () {
|
|
111
|
-
var filterValues = [];
|
|
112
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
113
|
-
filterValues[_i] = arguments[_i];
|
|
114
|
-
}
|
|
115
|
-
return function (valueToVerify) {
|
|
116
|
-
return valueToVerify > filterValues[0];
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
var numberGreaterThanOrEqualPredicate = function () {
|
|
120
|
-
var filterValues = [];
|
|
121
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
122
|
-
filterValues[_i] = arguments[_i];
|
|
123
|
-
}
|
|
124
|
-
return function (valueToVerify) {
|
|
125
|
-
return valueToVerify >= filterValues[0];
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
var numberInRangePredicate = function () {
|
|
129
|
-
var filterValues = [];
|
|
130
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
131
|
-
filterValues[_i] = arguments[_i];
|
|
132
|
-
}
|
|
133
|
-
return function (valueToVerify) {
|
|
134
|
-
return valueToVerify >= filterValues[0] && valueToVerify <= filterValues[1];
|
|
135
|
-
};
|
|
136
|
-
};
|
|
137
|
-
var numberInArrayPredicate = function () {
|
|
138
|
-
var filterValues = [];
|
|
139
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
140
|
-
filterValues[_i] = arguments[_i];
|
|
141
|
-
}
|
|
142
|
-
return function (valueToVerify) { return filterValues.includes(valueToVerify); };
|
|
143
|
-
};
|
|
144
|
-
var dateBeforePredicate = function () {
|
|
145
|
-
var filterValues = [];
|
|
146
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
147
|
-
filterValues[_i] = arguments[_i];
|
|
148
|
-
}
|
|
149
|
-
var limitDate = (0, moment_1.default)(filterValues[0]);
|
|
150
|
-
return function (valueToVerify) { return (0, moment_1.default)(valueToVerify).isBefore(limitDate); };
|
|
151
|
-
};
|
|
152
|
-
var dateAfterPredicate = function () {
|
|
153
|
-
var filterValues = [];
|
|
154
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
155
|
-
filterValues[_i] = arguments[_i];
|
|
156
|
-
}
|
|
157
|
-
var limitDate = (0, moment_1.default)(filterValues[0]);
|
|
158
|
-
return function (valueToVerify) { return (0, moment_1.default)(valueToVerify).isAfter(limitDate); };
|
|
159
|
-
};
|
|
160
|
-
var dateEqualsPredicate = function () {
|
|
161
|
-
var filterValues = [];
|
|
162
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
163
|
-
filterValues[_i] = arguments[_i];
|
|
164
|
-
}
|
|
165
|
-
var date = (0, moment_1.default)(filterValues[0]);
|
|
166
|
-
return function (valueToVerify) { return (0, moment_1.default)(valueToVerify).isSame(date); };
|
|
167
|
-
};
|
|
168
|
-
var dateNotEqualsPredicate = function () {
|
|
169
|
-
var filterValues = [];
|
|
170
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
171
|
-
filterValues[_i] = arguments[_i];
|
|
172
|
-
}
|
|
173
|
-
var date = (0, moment_1.default)(filterValues[0]);
|
|
174
|
-
return function (valueToVerify) { return !(0, moment_1.default)(valueToVerify).isSame(date); };
|
|
175
|
-
};
|
|
176
|
-
var dateInRangePredicate = function () {
|
|
177
|
-
var filterValues = [];
|
|
178
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
179
|
-
filterValues[_i] = arguments[_i];
|
|
180
|
-
}
|
|
181
|
-
var date1 = (0, moment_1.default)(filterValues[0]);
|
|
182
|
-
var date2 = (0, moment_1.default)(filterValues[1]);
|
|
183
|
-
var startDate = date1.isBefore(date2) ? date1 : date2;
|
|
184
|
-
var endDate = date1.isBefore(date2) ? date2 : date1;
|
|
185
|
-
return function (valueToVerify) {
|
|
186
|
-
return (0, moment_1.default)(valueToVerify).isBetween(startDate, endDate, 'days', '[]');
|
|
187
|
-
};
|
|
188
|
-
};
|
|
189
|
-
var dateInArrayPredicate = function () {
|
|
190
|
-
var filterValues = [];
|
|
191
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
192
|
-
filterValues[_i] = arguments[_i];
|
|
193
|
-
}
|
|
194
|
-
return function (valueToVerify) { return filterValues.includes(valueToVerify); };
|
|
195
|
-
};
|
|
196
|
-
exports.filtersPredicates = {
|
|
197
|
-
date: {
|
|
198
|
-
before: dateBeforePredicate,
|
|
199
|
-
after: dateAfterPredicate,
|
|
200
|
-
equals: dateEqualsPredicate,
|
|
201
|
-
notEquals: dateNotEqualsPredicate,
|
|
202
|
-
inRange: dateInRangePredicate,
|
|
203
|
-
inArray: dateInArrayPredicate,
|
|
204
|
-
},
|
|
205
|
-
text: {
|
|
206
|
-
contains: textContainsPredicate,
|
|
207
|
-
notContains: textNotContainsPredicate,
|
|
208
|
-
equals: textEqualsPredicate,
|
|
209
|
-
notEquals: textNotEqualsPredicate,
|
|
210
|
-
startsWith: textStartsWithPredicate,
|
|
211
|
-
endsWith: textEndsWithPredicate,
|
|
212
|
-
inArray: textInArrayPredicate,
|
|
213
|
-
},
|
|
214
|
-
number: {
|
|
215
|
-
equals: numberEqualsPredicate,
|
|
216
|
-
notEquals: numberNotEqualsPredicate,
|
|
217
|
-
lessThan: numberLessThanPredicate,
|
|
218
|
-
lessThanOrEqual: numberLessThanOrEqualPredicate,
|
|
219
|
-
greaterThan: numberGreaterThanPredicate,
|
|
220
|
-
greaterThanOrEqual: numberGreaterThanOrEqualPredicate,
|
|
221
|
-
inRange: numberInRangePredicate,
|
|
222
|
-
inArray: numberInArrayPredicate,
|
|
223
|
-
},
|
|
224
|
-
};
|
|
225
|
-
var applyFilters = function (rows, filters) {
|
|
226
|
-
return filters.reduce(function (tempRows, filter) { return (0, exports.applyFilter)(tempRows, filter); }, rows);
|
|
227
|
-
};
|
|
228
|
-
exports.applyFilters = applyFilters;
|
|
229
|
-
var applyFilter = function (rows, filter) {
|
|
230
|
-
var predicateBuilder = exports.filtersPredicates[filter.type][filter.operator];
|
|
231
|
-
if (typeof predicateBuilder !== 'function')
|
|
232
|
-
return rows;
|
|
233
|
-
var predicate = predicateBuilder.apply(void 0, filter.values);
|
|
234
|
-
return rows.filter(function (row) { return predicate(filter.getter(row)); });
|
|
235
|
-
};
|
|
236
|
-
exports.applyFilter = applyFilter;
|
|
237
|
-
var defaultFilterGetter = function (row, columnKey) {
|
|
238
|
-
return row[columnKey];
|
|
239
|
-
};
|
|
240
|
-
exports.defaultFilterGetter = defaultFilterGetter;
|
|
241
|
-
exports.defaultFilterValues = {
|
|
242
|
-
date: '',
|
|
243
|
-
text: '',
|
|
244
|
-
number: 0,
|
|
245
|
-
};
|
|
246
|
-
exports.defaultValueParsers = {
|
|
247
|
-
date: function (value) { return (0, moment_1.default)(value).format('YYYY-MM-DD'); },
|
|
248
|
-
text: function (value) { return value; },
|
|
249
|
-
number: function (value) { return parseFloat(value); },
|
|
250
|
-
};
|
|
251
|
-
var groupDatesByYearAndMonth = function (dates) {
|
|
252
|
-
return dates.reduce(function (acc, date) {
|
|
253
|
-
var year = (0, moment_1.default)(date).format('YYYY');
|
|
254
|
-
if (!acc[year]) {
|
|
255
|
-
acc[year] = {};
|
|
256
|
-
}
|
|
257
|
-
var yearAndMonth = (0, moment_1.default)(date).format("MM/YYYY");
|
|
258
|
-
if (!acc[year][yearAndMonth]) {
|
|
259
|
-
acc[year][yearAndMonth] = [];
|
|
260
|
-
}
|
|
261
|
-
acc[year][yearAndMonth].push(date);
|
|
262
|
-
return acc;
|
|
263
|
-
}, {});
|
|
264
|
-
};
|
|
265
|
-
exports.groupDatesByYearAndMonth = groupDatesByYearAndMonth;
|
|
266
|
-
var getDateGroups = function (dates) {
|
|
267
|
-
var grouperDates = (0, exports.groupDatesByYearAndMonth)(dates);
|
|
268
|
-
return Object.entries(grouperDates).map(function (_a) {
|
|
269
|
-
var year = _a[0], months = _a[1];
|
|
270
|
-
return ({
|
|
271
|
-
name: year,
|
|
272
|
-
displayValue: year,
|
|
273
|
-
values: Object.values(months).flat(),
|
|
274
|
-
groups: Object.entries(months).map(function (_a) {
|
|
275
|
-
var month = _a[0], dates = _a[1];
|
|
276
|
-
return ({
|
|
277
|
-
displayValue: month,
|
|
278
|
-
name: month,
|
|
279
|
-
values: dates,
|
|
280
|
-
});
|
|
281
|
-
}),
|
|
282
|
-
});
|
|
283
|
-
});
|
|
284
|
-
};
|
|
285
|
-
exports.getDateGroups = getDateGroups;
|
|
286
|
-
var defaultRendererAndFormatter = function (value) {
|
|
287
|
-
return String(value !== null && value !== void 0 ? value : '').trim() || '(Vides)';
|
|
288
|
-
};
|
|
289
|
-
exports.defaultRendererAndFormatter = defaultRendererAndFormatter;
|
|
290
|
-
var getCheckboxes = function (values, displayValue, renderer, formatter, groups, level) {
|
|
291
|
-
if (level === void 0) { level = 0; }
|
|
292
|
-
return groups
|
|
293
|
-
? groups
|
|
294
|
-
.map(function (group) {
|
|
295
|
-
var _a, _b;
|
|
296
|
-
return __spreadArray([
|
|
297
|
-
{
|
|
298
|
-
displayValue: group.displayValue,
|
|
299
|
-
title: formatter(group.displayValue),
|
|
300
|
-
values: (_a = group.values) !== null && _a !== void 0 ? _a : [],
|
|
301
|
-
level: level,
|
|
302
|
-
}
|
|
303
|
-
], (0, exports.getCheckboxes)((_b = group.values) !== null && _b !== void 0 ? _b : [], group.displayValue, renderer, formatter, group.groups, level + 1), true);
|
|
304
|
-
})
|
|
305
|
-
.flat()
|
|
306
|
-
: values.map(function (value) { return ({
|
|
307
|
-
displayValue: renderer(value),
|
|
308
|
-
title: formatter(value),
|
|
309
|
-
values: [value !== null && value !== void 0 ? value : ''],
|
|
310
|
-
level: level,
|
|
311
|
-
}); });
|
|
312
|
-
};
|
|
313
|
-
exports.getCheckboxes = getCheckboxes;
|
|
314
|
-
var dateFilter = function (key) { return ({
|
|
315
|
-
type: 'date',
|
|
316
|
-
operator: 'before',
|
|
317
|
-
values: [''],
|
|
318
|
-
getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
|
|
319
|
-
}); };
|
|
320
|
-
exports.dateFilter = dateFilter;
|
|
321
|
-
var textFilter = function (key) { return ({
|
|
322
|
-
type: 'text',
|
|
323
|
-
operator: 'contains',
|
|
324
|
-
values: [''],
|
|
325
|
-
getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
|
|
326
|
-
}); };
|
|
327
|
-
exports.textFilter = textFilter;
|
|
328
|
-
var numberFilter = function (key) { return ({
|
|
329
|
-
type: 'number',
|
|
330
|
-
operator: 'equals',
|
|
331
|
-
values: [0],
|
|
332
|
-
getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
|
|
333
|
-
}); };
|
|
334
|
-
exports.numberFilter = numberFilter;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./filters"), exports);
|
|
18
|
-
__exportStar(require("./columns"), exports);
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { DataGridColumns, DataGridContext } from '../types';
|
|
2
|
-
export { useDataGridCopy } from './useDataGridCopy';
|
|
3
|
-
export { useDataGridSettings } from './useDataGridSettings';
|
|
4
|
-
export { useDataGrid } from './useDataGrid';
|
|
5
|
-
export declare const useDataGridContext: <R>(context: DataGridContext<R>) => import("../types").DataGridContextProps<R>;
|
|
6
|
-
export declare const useVisibleAndHiddenColumns: <R>(columns: DataGridColumns<R>) => import("lodash").Dictionary<import("../types").DataGridColumn<R>>[];
|
|
7
|
-
export declare const useSortedColumns: <R>(columns: DataGridColumns<R>) => [string, import("../types").DataGridColumn<R>][];
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useSortedColumns = exports.useVisibleAndHiddenColumns = exports.useDataGridContext = exports.useDataGrid = exports.useDataGridSettings = exports.useDataGridCopy = void 0;
|
|
4
|
-
var react_1 = require("react");
|
|
5
|
-
var columns_1 = require("../helpers/columns");
|
|
6
|
-
var lodash_1 = require("lodash");
|
|
7
|
-
var useDataGridCopy_1 = require("./useDataGridCopy");
|
|
8
|
-
Object.defineProperty(exports, "useDataGridCopy", { enumerable: true, get: function () { return useDataGridCopy_1.useDataGridCopy; } });
|
|
9
|
-
var useDataGridSettings_1 = require("./useDataGridSettings");
|
|
10
|
-
Object.defineProperty(exports, "useDataGridSettings", { enumerable: true, get: function () { return useDataGridSettings_1.useDataGridSettings; } });
|
|
11
|
-
var useDataGrid_1 = require("./useDataGrid");
|
|
12
|
-
Object.defineProperty(exports, "useDataGrid", { enumerable: true, get: function () { return useDataGrid_1.useDataGrid; } });
|
|
13
|
-
var useDataGridContext = function (context) {
|
|
14
|
-
return (0, react_1.useContext)(context);
|
|
15
|
-
};
|
|
16
|
-
exports.useDataGridContext = useDataGridContext;
|
|
17
|
-
var useVisibleAndHiddenColumns = function (columns) {
|
|
18
|
-
return (0, react_1.useMemo)(function () { return [
|
|
19
|
-
(0, lodash_1.pickBy)(columns, function (col) { return (0, columns_1.isColumnVisible)(col); }),
|
|
20
|
-
(0, lodash_1.pickBy)(columns, function (col) { return !(0, columns_1.isColumnVisible)(col); }),
|
|
21
|
-
]; }, [columns]);
|
|
22
|
-
};
|
|
23
|
-
exports.useVisibleAndHiddenColumns = useVisibleAndHiddenColumns;
|
|
24
|
-
var useSortedColumns = function (columns) {
|
|
25
|
-
return (0, react_1.useMemo)(function () {
|
|
26
|
-
return Object.entries(columns)
|
|
27
|
-
.filter(function (_a) {
|
|
28
|
-
var col = _a[1];
|
|
29
|
-
return (0, columns_1.isColumnVisible)(col);
|
|
30
|
-
})
|
|
31
|
-
.sort(function (a, b) { var _a, _b; return ((_a = a[1].order) !== null && _a !== void 0 ? _a : 0) - ((_b = b[1].order) !== null && _b !== void 0 ? _b : 0); });
|
|
32
|
-
}, [columns]);
|
|
33
|
-
};
|
|
34
|
-
exports.useSortedColumns = useSortedColumns;
|
|
@@ -1,252 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
|
|
3
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
4
|
-
var __assign = (this && this.__assign) || function () {
|
|
5
|
-
__assign = Object.assign || function(t) {
|
|
6
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
7
|
-
s = arguments[i];
|
|
8
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
9
|
-
t[p] = s[p];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
return __assign.apply(this, arguments);
|
|
14
|
-
};
|
|
15
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
16
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
17
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
18
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
19
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
20
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
21
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
25
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
26
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
27
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
28
|
-
function step(op) {
|
|
29
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
30
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
31
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
32
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
33
|
-
switch (op[0]) {
|
|
34
|
-
case 0: case 1: t = op; break;
|
|
35
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
36
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
37
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
38
|
-
default:
|
|
39
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
40
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
41
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
42
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
43
|
-
if (t[2]) _.ops.pop();
|
|
44
|
-
_.trys.pop(); continue;
|
|
45
|
-
}
|
|
46
|
-
op = body.call(thisArg, _);
|
|
47
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
48
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
52
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
53
|
-
if (ar || !(i in from)) {
|
|
54
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
55
|
-
ar[i] = from[i];
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
59
|
-
};
|
|
60
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
61
|
-
exports.useDataGrid = void 0;
|
|
62
|
-
var styles_1 = require("../styles");
|
|
63
|
-
var react_1 = require("react");
|
|
64
|
-
var _1 = require(".");
|
|
65
|
-
var helpers_1 = require("../helpers");
|
|
66
|
-
var lodash_1 = require("lodash");
|
|
67
|
-
var useDataGridSettings_1 = require("./useDataGridSettings");
|
|
68
|
-
var hooks_1 = require("../../../../hooks");
|
|
69
|
-
var useDataGrid = function (props, override) {
|
|
70
|
-
var _a;
|
|
71
|
-
var rows = props.rows, onFiltersChanged = props.onFiltersChanged, onSortsChanged = props.onSortsChanged, loadCopyRows = props.loadCopyRows, _b = props.rowHeight, rowHeight = _b === void 0 ? styles_1.DEFAULT_ROW_HEIGHT : _b, onVisibleRowsChange = props.onVisibleRowsChange, onSelectionChange = props.onSelectionChange, selectable = props.selectable, initialSorts = props.initialSorts;
|
|
72
|
-
var _c = (0, react_1.useState)(props.columns), columns = _c[0], setColumns = _c[1];
|
|
73
|
-
var visibleColumns = (0, _1.useSortedColumns)(columns);
|
|
74
|
-
/** SETTINGS */
|
|
75
|
-
var _d = (0, useDataGridSettings_1.useDataGridSettings)(props.name), settings = _d.settings, setSettings = _d.setSettings, saveSettings = _d.saveSettings;
|
|
76
|
-
var setColumnWidth = (0, react_1.useCallback)(function (key, width) {
|
|
77
|
-
setSettings(function (prev) {
|
|
78
|
-
var _a;
|
|
79
|
-
return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { width: width }), _a)));
|
|
80
|
-
});
|
|
81
|
-
}, [setSettings]);
|
|
82
|
-
var gridTemplateColumns = (0, react_1.useMemo)(function () {
|
|
83
|
-
return __spreadArray(__spreadArray([], (selectable ? ['var(--space-10)'] : []), true), visibleColumns.map(function (_a) {
|
|
84
|
-
var _b;
|
|
85
|
-
var col = _a[1];
|
|
86
|
-
return "".concat((_b = col.width) !== null && _b !== void 0 ? _b : 150, "px");
|
|
87
|
-
}), true).join(' ');
|
|
88
|
-
}, [selectable, visibleColumns]);
|
|
89
|
-
// Update columns when settings change
|
|
90
|
-
(0, react_1.useEffect)(function () {
|
|
91
|
-
setColumns(function (prev) { return (0, lodash_1.merge)({}, prev, settings); });
|
|
92
|
-
}, [settings]);
|
|
93
|
-
/** ROWS SELECTION **/
|
|
94
|
-
var rowKeyGetter = (0, react_1.useMemo)(function () {
|
|
95
|
-
return typeof props.rowKey === 'function'
|
|
96
|
-
? props.rowKey
|
|
97
|
-
: function (row) { return String(row === null || row === void 0 ? void 0 : row[props.rowKey]); };
|
|
98
|
-
}, [props.rowKey]);
|
|
99
|
-
var _e = (0, react_1.useState)([]), selectedKeys = _e[0], setSelectedKeys = _e[1];
|
|
100
|
-
var selectedRows = (0, react_1.useMemo)(function () { return props.rows.filter(function (row) { return selectedKeys.includes(rowKeyGetter(row)); }); }, [props.rows, rowKeyGetter, selectedKeys]);
|
|
101
|
-
(0, react_1.useEffect)(function () {
|
|
102
|
-
onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(selectedKeys);
|
|
103
|
-
}, [onSelectionChange, selectedKeys]);
|
|
104
|
-
/** ROWS FILTERING **/
|
|
105
|
-
var _f = (0, react_1.useState)({}), filters = _f[0], setFilters = _f[1];
|
|
106
|
-
var _g = (0, react_1.useState)(rows !== null && rows !== void 0 ? rows : []), filteredRows = _g[0], setFilteredRows = _g[1];
|
|
107
|
-
(0, react_1.useEffect)(function () {
|
|
108
|
-
onFiltersChanged === null || onFiltersChanged === void 0 ? void 0 : onFiltersChanged(filters);
|
|
109
|
-
}, [filters, onFiltersChanged]);
|
|
110
|
-
(0, react_1.useEffect)(function () {
|
|
111
|
-
var filteredRows = props.filter === false
|
|
112
|
-
? rows
|
|
113
|
-
: Object.entries(filters).reduce(function (tempRows, _a) {
|
|
114
|
-
var filter = _a[1];
|
|
115
|
-
return (0, helpers_1.applyFilter)(tempRows, filter /* TODO : fix typings */);
|
|
116
|
-
}, rows);
|
|
117
|
-
setFilteredRows(filteredRows !== null && filteredRows !== void 0 ? filteredRows : []);
|
|
118
|
-
}, [filters, props.filter, rows]);
|
|
119
|
-
/** CELL EDITING */
|
|
120
|
-
var _h = (0, react_1.useState)([-1, -1]), editingCell = _h[0], setEditingCell = _h[1];
|
|
121
|
-
/** ROWS SORTING **/
|
|
122
|
-
var _j = (0, react_1.useState)(initialSorts !== null && initialSorts !== void 0 ? initialSorts : {}), sorts = _j[0], setSorts = _j[1];
|
|
123
|
-
var _k = (0, react_1.useState)(rows), sortedRows = _k[0], setSortedRows = _k[1];
|
|
124
|
-
(0, react_1.useEffect)(function () {
|
|
125
|
-
var sortedRows = __spreadArray([], filteredRows, true);
|
|
126
|
-
if (props.sort !== false) {
|
|
127
|
-
Object.entries(sorts).forEach(function (_a) {
|
|
128
|
-
var sortKey = _a[0], sort = _a[1];
|
|
129
|
-
// Get the sort column and make sure it exists and is sortable
|
|
130
|
-
var sortColumn = columns[sortKey];
|
|
131
|
-
if (!sortColumn || typeof sortColumn.sortGetter !== 'function')
|
|
132
|
-
return;
|
|
133
|
-
// Sort the rows using the sortGetter function of the column
|
|
134
|
-
var sortDirection = sort === 'asc' ? 1 : -1;
|
|
135
|
-
sortedRows.sort(function (a, b) {
|
|
136
|
-
var aValue = sortColumn.sortGetter(a);
|
|
137
|
-
var bValue = sortColumn.sortGetter(b);
|
|
138
|
-
if (aValue === bValue)
|
|
139
|
-
return 0;
|
|
140
|
-
return aValue > bValue ? sortDirection : -sortDirection;
|
|
141
|
-
});
|
|
142
|
-
});
|
|
143
|
-
}
|
|
144
|
-
setSortedRows(sortedRows);
|
|
145
|
-
}, [columns, filteredRows, sorts, onSortsChanged, props.sort]);
|
|
146
|
-
(0, react_1.useEffect)(function () {
|
|
147
|
-
onSortsChanged === null || onSortsChanged === void 0 ? void 0 : onSortsChanged(sorts);
|
|
148
|
-
}, [sorts, onSortsChanged]);
|
|
149
|
-
/** VIRTUAL SCROLLING */
|
|
150
|
-
var scrollableRef = (0, react_1.useRef)(null);
|
|
151
|
-
var height = (0, hooks_1.useElementSize)(scrollableRef.current).height;
|
|
152
|
-
var _l = (0, react_1.useState)(0), scrollTop = _l[0], setScrollTop = _l[1];
|
|
153
|
-
var _m =
|
|
154
|
-
// props.showAllRows ? [0, sortedRows.length] :
|
|
155
|
-
[Math.floor(scrollTop / rowHeight), Math.ceil(height / rowHeight)], index = _m[0], length = _m[1];
|
|
156
|
-
var onScroll = (0, react_1.useCallback)(function (e) {
|
|
157
|
-
var target = e.target;
|
|
158
|
-
setScrollTop(target.scrollTop);
|
|
159
|
-
}, []);
|
|
160
|
-
var indexWithTolerance = Math.max(0, index - styles_1.VIRTUAL_SCROLL_TOLERANCE);
|
|
161
|
-
var lengthWithTolerance = length + 2 * styles_1.VIRTUAL_SCROLL_TOLERANCE;
|
|
162
|
-
var visibleRows = sortedRows.slice(indexWithTolerance, indexWithTolerance + lengthWithTolerance);
|
|
163
|
-
(0, react_1.useEffect)(function () {
|
|
164
|
-
onVisibleRowsChange === null || onVisibleRowsChange === void 0 ? void 0 : onVisibleRowsChange(indexWithTolerance, lengthWithTolerance);
|
|
165
|
-
}, [indexWithTolerance, lengthWithTolerance, onVisibleRowsChange]);
|
|
166
|
-
/** FOOTERS */
|
|
167
|
-
var _o = (0, react_1.useState)((_a = props.initialFooters) !== null && _a !== void 0 ? _a : {}), footers = _o[0], setFooters = _o[1];
|
|
168
|
-
var footerFunctions = (0, react_1.useMemo)(function () {
|
|
169
|
-
return Object.entries(footers).reduce(function (acc, _a) {
|
|
170
|
-
var columnKey = _a[0], footerKey = _a[1];
|
|
171
|
-
var column = columns[columnKey];
|
|
172
|
-
if (!column) {
|
|
173
|
-
return acc;
|
|
174
|
-
}
|
|
175
|
-
if (typeof column.footer === 'function') {
|
|
176
|
-
acc[columnKey] = column.footer;
|
|
177
|
-
}
|
|
178
|
-
else if (typeof column.footer === 'object' &&
|
|
179
|
-
typeof column.footer[footerKey] === 'function' &&
|
|
180
|
-
column.footer[footerKey] !== null) {
|
|
181
|
-
acc[columnKey] = column.footer[footerKey];
|
|
182
|
-
}
|
|
183
|
-
return acc;
|
|
184
|
-
}, {});
|
|
185
|
-
}, [columns, footers]);
|
|
186
|
-
/** COPYING */
|
|
187
|
-
var copyTable = (0, _1.useDataGridCopy)({
|
|
188
|
-
rows: rows,
|
|
189
|
-
visibleColumns: visibleColumns,
|
|
190
|
-
footerFunctions: footerFunctions,
|
|
191
|
-
loadCopyRows: loadCopyRows,
|
|
192
|
-
}).copyTable;
|
|
193
|
-
var contextValue = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, props), { columns: columns, visibleColumns: visibleColumns, sortedRows: sortedRows, selectedRows: selectedRows, selectedKeys: selectedKeys, setSelectedKeys: setSelectedKeys, sorts: sorts, setSorts: setSorts, filters: filters, setFilters: setFilters, editingCell: editingCell, setEditingCell: setEditingCell, copyTable: copyTable, setColumnWidth: setColumnWidth, settings: settings, setSettings: setSettings, saveSettings: saveSettings, visibleRows: visibleRows, scrollableRef: scrollableRef, onScroll: onScroll, index: index, length: length, rowKeyGetter: rowKeyGetter, gridTemplateColumns: gridTemplateColumns, footers: footers, setFooters: setFooters, footerFunctions: footerFunctions }), override)); }, [
|
|
194
|
-
props,
|
|
195
|
-
columns,
|
|
196
|
-
visibleColumns,
|
|
197
|
-
sortedRows,
|
|
198
|
-
selectedRows,
|
|
199
|
-
selectedKeys,
|
|
200
|
-
sorts,
|
|
201
|
-
filters,
|
|
202
|
-
editingCell,
|
|
203
|
-
copyTable,
|
|
204
|
-
setColumnWidth,
|
|
205
|
-
settings,
|
|
206
|
-
setSettings,
|
|
207
|
-
saveSettings,
|
|
208
|
-
visibleRows,
|
|
209
|
-
onScroll,
|
|
210
|
-
index,
|
|
211
|
-
length,
|
|
212
|
-
rowKeyGetter,
|
|
213
|
-
gridTemplateColumns,
|
|
214
|
-
footers,
|
|
215
|
-
footerFunctions,
|
|
216
|
-
override,
|
|
217
|
-
]);
|
|
218
|
-
var context = (0, react_1.useMemo)(function () {
|
|
219
|
-
return (0, react_1.createContext)({
|
|
220
|
-
rows: [],
|
|
221
|
-
columns: {},
|
|
222
|
-
visibleColumns: [],
|
|
223
|
-
rowKey: '',
|
|
224
|
-
rowKeyGetter: function () { return ''; },
|
|
225
|
-
sortedRows: [],
|
|
226
|
-
selectedRows: [],
|
|
227
|
-
selectedKeys: [],
|
|
228
|
-
setSelectedKeys: function () { },
|
|
229
|
-
setSorts: function () { },
|
|
230
|
-
setFilters: function () { },
|
|
231
|
-
editingCell: [-1, -1],
|
|
232
|
-
setEditingCell: function () { },
|
|
233
|
-
copyTable: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
|
|
234
|
-
return [2 /*return*/];
|
|
235
|
-
}); }); },
|
|
236
|
-
setColumnWidth: function () { },
|
|
237
|
-
saveSettings: function () { },
|
|
238
|
-
settings: {},
|
|
239
|
-
setSettings: function () { },
|
|
240
|
-
visibleRows: [],
|
|
241
|
-
scrollableRef: { current: null },
|
|
242
|
-
onScroll: function () { },
|
|
243
|
-
index: 0,
|
|
244
|
-
length: 0,
|
|
245
|
-
gridTemplateColumns: '',
|
|
246
|
-
footers: {},
|
|
247
|
-
setFooters: function () { },
|
|
248
|
-
});
|
|
249
|
-
}, []);
|
|
250
|
-
return (0, react_1.useMemo)(function () { return [contextValue, context]; }, [context, contextValue]);
|
|
251
|
-
};
|
|
252
|
-
exports.useDataGrid = useDataGrid;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { DataGridContextProps } from '../types';
|
|
2
|
-
export declare const useDataGridCopy: <R>({ rows, visibleColumns, loadCopyRows, footerFunctions, }: Pick<DataGridContextProps<R>, "rows" | "visibleColumns" | "loadCopyRows" | "footerFunctions">) => {
|
|
3
|
-
copyTable: (includeHeaders?: boolean, includeFooters?: boolean) => Promise<void>;
|
|
4
|
-
};
|