@addev-be/ui 0.2.16 → 0.2.19
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/eslint.config.js +28 -0
- package/package.json +13 -20
- package/{dist/Icons.d.ts → src/Icons.tsx} +69 -6
- package/src/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.ts +93 -0
- package/src/components/data/AdvancedRequestDataGrid/helpers/columns.tsx +262 -0
- package/src/components/data/AdvancedRequestDataGrid/index.tsx +267 -0
- package/src/components/data/AdvancedRequestDataGrid/types.ts +47 -0
- package/src/components/data/DataGrid/DataGridCell.tsx +73 -0
- package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts +14 -0
- package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx +59 -0
- package/src/components/data/DataGrid/DataGridColumnsModal/index.tsx +181 -0
- package/src/components/data/DataGrid/DataGridColumnsModal/styles.ts +104 -0
- package/src/components/data/DataGrid/DataGridEditableCell.tsx +43 -0
- package/src/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.tsx +120 -0
- package/src/components/data/DataGrid/DataGridFilterMenu/hooks.tsx +75 -0
- package/src/components/data/DataGrid/DataGridFilterMenu/index.tsx +360 -0
- package/src/components/data/DataGrid/DataGridFilterMenu/styles.ts +96 -0
- package/src/components/data/DataGrid/DataGridFooter.tsx +42 -0
- package/src/components/data/DataGrid/DataGridHeader.tsx +126 -0
- package/src/components/data/DataGrid/DataGridHeaderCell.tsx +132 -0
- package/src/components/data/DataGrid/FilterModalContent/index.tsx +136 -0
- package/src/components/data/DataGrid/FilterModalContent/styles.ts +22 -0
- package/src/components/data/DataGrid/VirtualScroller.tsx +46 -0
- package/src/components/data/DataGrid/helpers/columns.tsx +295 -0
- package/src/components/data/DataGrid/helpers/filters.ts +287 -0
- package/src/components/data/DataGrid/hooks/index.ts +30 -0
- package/src/components/data/DataGrid/hooks/useDataGrid.tsx +306 -0
- package/src/components/data/DataGrid/hooks/useDataGridCopy.ts +175 -0
- package/src/components/data/DataGrid/hooks/useDataGridSettings.ts +48 -0
- package/src/components/data/DataGrid/index.tsx +140 -0
- package/src/components/data/DataGrid/styles.ts +323 -0
- package/src/components/data/DataGrid/types.ts +267 -0
- package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +277 -0
- package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +16 -0
- package/src/components/data/SqlRequestDataGrid/index.tsx +347 -0
- package/src/components/data/SqlRequestDataGrid/types.ts +47 -0
- package/src/components/forms/Button.tsx +99 -0
- package/src/components/forms/IconButton.tsx +56 -0
- package/src/components/forms/IndeterminateCheckbox.tsx +46 -0
- package/src/components/forms/Select.tsx +40 -0
- package/src/components/forms/styles.ts +20 -0
- package/src/components/layout/Dropdown/index.tsx +79 -0
- package/src/components/layout/Dropdown/styles.ts +44 -0
- package/src/components/layout/Loading/index.tsx +29 -0
- package/src/components/layout/Loading/styles.ts +29 -0
- package/src/components/layout/Modal/index.tsx +51 -0
- package/src/components/layout/Modal/styles.ts +110 -0
- package/src/components/ui/ContextMenu/index.tsx +79 -0
- package/src/components/ui/ContextMenu/styles.ts +119 -0
- package/src/config/index.ts +14 -0
- package/src/helpers/dates.ts +9 -0
- package/src/helpers/getScrollbarSize.ts +14 -0
- package/src/helpers/numbers.ts +26 -0
- package/src/hooks/useElementSize.ts +24 -0
- package/src/hooks/useWindowSize.ts +20 -0
- package/{dist/index.d.ts → src/index.ts} +2 -0
- package/src/providers/PortalsProvider/index.tsx +54 -0
- package/src/providers/PortalsProvider/styles.ts +27 -0
- package/src/providers/SettingsProvider/index.tsx +70 -0
- package/src/providers/ThemeProvider/ThemeProvider.ts +55 -0
- package/src/providers/ThemeProvider/defaultTheme.ts +444 -0
- package/{dist/providers/ThemeProvider/index.d.ts → src/providers/ThemeProvider/index.ts} +1 -0
- package/src/providers/ThemeProvider/types.ts +123 -0
- package/src/providers/UiProviders/index.tsx +65 -0
- package/src/providers/UiProviders/styles.ts +10 -0
- package/src/providers/hooks.ts +8 -0
- package/{dist/providers/index.d.ts → src/providers/index.ts} +1 -0
- package/src/services/HttpService.ts +80 -0
- package/src/services/WebSocketService.ts +147 -0
- package/src/services/advancedRequests.ts +101 -0
- package/src/services/base.ts +31 -0
- package/src/services/globalSearch.ts +27 -0
- package/src/services/hooks.ts +23 -0
- package/src/services/sqlRequests.ts +110 -0
- package/src/styles/animations.scss +30 -0
- package/src/styles/index.scss +42 -0
- package/src/typings.d.ts +6 -0
- package/tsconfig.json +18 -0
- 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.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.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.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.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.js +0 -23
- package/dist/components/forms/styles.d.ts +0 -2
- package/dist/components/forms/styles.js +0 -34
- 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.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.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.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.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.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.js +0 -18
- package/dist/services/sqlRequests.d.ts +0 -45
- package/dist/services/sqlRequests.js +0 -11
- /package/{dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts → src/components/data/AdvancedRequestDataGrid/helpers/index.ts} +0 -0
- /package/{dist/components/data/DataGrid/helpers/index.d.ts → src/components/data/DataGrid/helpers/index.ts} +0 -0
- /package/{dist/components/data/SqlRequestDataGrid/helpers/index.d.ts → src/components/data/SqlRequestDataGrid/helpers/index.ts} +0 -0
- /package/{dist/components/data/index.d.ts → src/components/data/index.ts} +0 -0
- /package/{dist/components/forms/index.d.ts → src/components/forms/index.ts} +0 -0
- /package/{dist/components/index.d.ts → src/components/index.ts} +0 -0
- /package/{dist/components/layout/index.d.ts → src/components/layout/index.ts} +0 -0
- /package/{dist/hooks/index.d.ts → src/hooks/index.ts} +0 -0
- /package/{dist/services/index.d.ts → src/services/index.ts} +0 -0
|
@@ -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
|
-
};
|