@addev-be/ui 0.17.2 → 0.17.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (264) hide show
  1. package/assets/icons/arrow-down-1-9.svg +1 -1
  2. package/assets/icons/arrow-down-a-z.svg +1 -1
  3. package/assets/icons/arrow-up-z-a.svg +1 -1
  4. package/assets/icons/check.svg +1 -1
  5. package/assets/icons/circle-check.svg +1 -1
  6. package/assets/icons/down.svg +1 -1
  7. package/assets/icons/filter-full.svg +1 -1
  8. package/assets/icons/filter.svg +1 -1
  9. package/assets/icons/hashtag.svg +1 -1
  10. package/assets/icons/image-slash.svg +1 -1
  11. package/assets/icons/left.svg +1 -1
  12. package/assets/icons/magnifier.svg +1 -1
  13. package/assets/icons/phone.svg +1 -1
  14. package/assets/icons/right.svg +1 -1
  15. package/assets/icons/sort-calendar-ascending.svg +5 -5
  16. package/assets/icons/spinner-third.svg +1 -1
  17. package/assets/icons/table-columns.svg +1 -1
  18. package/assets/icons/table-footer-slash.svg +4 -4
  19. package/assets/icons/table-footer.svg +3 -3
  20. package/assets/icons/table.svg +1 -1
  21. package/assets/icons/up.svg +1 -1
  22. package/assets/icons/user-tie.svg +1 -1
  23. package/assets/icons/x-bar.svg +3 -3
  24. package/dist/components/data/DataGrid/styles.d.ts +1 -1
  25. package/dist/components/data/DataGrid/styles.js +4 -4
  26. package/dist/components/forms/Form/Checkbox.d.ts +2 -2
  27. package/dist/components/forms/Form/Checkbox.js +2 -2
  28. package/dist/components/forms/Form/Input.d.ts +2 -2
  29. package/dist/components/forms/Form/Input.js +3 -2
  30. package/dist/components/forms/Form/Row.d.ts +9 -0
  31. package/dist/components/forms/Form/Row.js +10 -0
  32. package/dist/components/forms/Form/Select.d.ts +1 -0
  33. package/dist/components/forms/Form/Select.js +5 -4
  34. package/dist/components/forms/Form/TextArea.d.ts +2 -2
  35. package/dist/components/forms/Form/TextArea.js +3 -2
  36. package/dist/components/forms/Form/index.d.ts +22 -8
  37. package/dist/components/forms/Form/index.js +6 -1
  38. package/dist/components/forms/Form/styles.d.ts +9 -4
  39. package/dist/components/forms/Form/styles.js +13 -11
  40. package/dist/components/forms/NumberInput.d.ts +9 -0
  41. package/dist/components/forms/NumberInput.js +41 -0
  42. package/dist/components/forms/index.d.ts +2 -1
  43. package/dist/components/forms/index.js +2 -1
  44. package/dist/components/ui/ToastNotification.d.ts +14 -0
  45. package/dist/components/ui/ToastNotification.js +78 -0
  46. package/dist/hooks/index.d.ts +1 -0
  47. package/dist/hooks/index.js +1 -0
  48. package/dist/hooks/useMutableState.d.ts +2 -0
  49. package/dist/hooks/useMutableState.js +16 -0
  50. package/dist/poppins-700.woff2 +0 -0
  51. package/package.json +1 -1
  52. package/src/Icons.tsx +134 -134
  53. package/src/components/auth/LoginForm.tsx +84 -84
  54. package/src/components/auth/LoginPage.tsx +32 -32
  55. package/src/components/auth/PasswordRecoveryForm.tsx +52 -52
  56. package/src/components/auth/PasswordResetForm.tsx +112 -112
  57. package/src/components/auth/index.ts +4 -4
  58. package/src/components/auth/styles.ts +14 -14
  59. package/src/components/data/DataGrid/DataGridCell.tsx +77 -77
  60. package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts +9 -9
  61. package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx +59 -59
  62. package/src/components/data/DataGrid/DataGridColumnsModal/index.tsx +182 -182
  63. package/src/components/data/DataGrid/DataGridColumnsModal/styles.ts +104 -104
  64. package/src/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.tsx +38 -38
  65. package/src/components/data/DataGrid/DataGridEditableCell/DateEditableCell.tsx +39 -39
  66. package/src/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.tsx +68 -68
  67. package/src/components/data/DataGrid/DataGridEditableCell/TextEditableCell.tsx +38 -38
  68. package/src/components/data/DataGrid/DataGridEditableCell/index.tsx +106 -106
  69. package/src/components/data/DataGrid/DataGridEditableCell/styles.ts +35 -35
  70. package/src/components/data/DataGrid/DataGridEditableCell/types.ts +19 -19
  71. package/src/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.tsx +131 -131
  72. package/src/components/data/DataGrid/DataGridFilterMenu/hooks.tsx +81 -81
  73. package/src/components/data/DataGrid/DataGridFilterMenu/index.tsx +376 -376
  74. package/src/components/data/DataGrid/DataGridFilterMenu/styles.ts +97 -97
  75. package/src/components/data/DataGrid/DataGridFooter.tsx +45 -45
  76. package/src/components/data/DataGrid/DataGridHeader.tsx +185 -185
  77. package/src/components/data/DataGrid/DataGridHeaderCell.tsx +111 -111
  78. package/src/components/data/DataGrid/DataGridRowTemplate.tsx +82 -82
  79. package/src/components/data/DataGrid/FilterModalContent/index.tsx +136 -136
  80. package/src/components/data/DataGrid/FilterModalContent/styles.ts +22 -22
  81. package/src/components/data/DataGrid/constants.ts +6 -6
  82. package/src/components/data/DataGrid/helpers/columns.tsx +386 -386
  83. package/src/components/data/DataGrid/helpers/filters.ts +287 -287
  84. package/src/components/data/DataGrid/helpers/index.ts +2 -2
  85. package/src/components/data/DataGrid/hooks/index.ts +29 -29
  86. package/src/components/data/DataGrid/hooks/useDataGrid.tsx +381 -381
  87. package/src/components/data/DataGrid/hooks/useDataGridChangedRows.ts +97 -97
  88. package/src/components/data/DataGrid/hooks/useDataGridCopy.ts +174 -174
  89. package/src/components/data/DataGrid/hooks/useDataGridSettings.ts +48 -48
  90. package/src/components/data/DataGrid/hooks/useRefreshModal.tsx +48 -48
  91. package/src/components/data/DataGrid/index.tsx +112 -112
  92. package/src/components/data/DataGrid/styles.ts +379 -379
  93. package/src/components/data/DataGrid/types.ts +369 -369
  94. package/src/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.tsx +16 -16
  95. package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +481 -481
  96. package/src/components/data/SqlRequestDataGrid/helpers/index.ts +2 -2
  97. package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +16 -16
  98. package/src/components/data/SqlRequestDataGrid/index.tsx +403 -403
  99. package/src/components/data/SqlRequestDataGrid/styles.ts +15 -15
  100. package/src/components/data/SqlRequestDataGrid/types.ts +74 -74
  101. package/src/components/data/SqlRequestForeignList/index.tsx +259 -259
  102. package/src/components/data/SqlRequestForeignList/styles.ts +43 -43
  103. package/src/components/data/SqlRequestForeignList/types.ts +34 -34
  104. package/src/components/data/SqlRequestGrid/filters/FiltersSidebar.tsx +110 -110
  105. package/src/components/data/SqlRequestGrid/filters/styles.ts +88 -88
  106. package/src/components/data/SqlRequestGrid/helpers/index.ts +1 -1
  107. package/src/components/data/SqlRequestGrid/helpers/sqlRequests.ts +16 -16
  108. package/src/components/data/SqlRequestGrid/index.tsx +316 -316
  109. package/src/components/data/SqlRequestGrid/styles.ts +20 -20
  110. package/src/components/data/SqlRequestGrid/types.ts +75 -75
  111. package/src/components/data/VirtualScroller/hooks.ts +71 -71
  112. package/src/components/data/VirtualScroller/index.tsx +91 -91
  113. package/src/components/data/VirtualScroller/styles.ts +58 -58
  114. package/src/components/data/VirtualScroller/types.ts +12 -12
  115. package/src/components/data/index.ts +16 -16
  116. package/src/components/forms/AutoTextArea.tsx +41 -41
  117. package/src/components/forms/Button.tsx +133 -133
  118. package/src/components/forms/Form/Checkbox.tsx +12 -12
  119. package/src/components/forms/Form/FormGroup.tsx +31 -27
  120. package/src/components/forms/Form/Input.tsx +16 -16
  121. package/src/components/forms/Form/Row.tsx +32 -32
  122. package/src/components/forms/Form/Select.tsx +81 -81
  123. package/src/components/forms/Form/TextArea.tsx +17 -17
  124. package/src/components/forms/Form/index.tsx +45 -45
  125. package/src/components/forms/Form/styles.ts +180 -171
  126. package/src/components/forms/IconButton.tsx +57 -57
  127. package/src/components/forms/IndeterminateCheckbox.tsx +46 -46
  128. package/src/components/forms/NumberInput.tsx +53 -53
  129. package/src/components/forms/Select.tsx +35 -35
  130. package/src/components/forms/VerticalLabel.tsx +20 -20
  131. package/src/components/forms/index.ts +9 -9
  132. package/src/components/forms/styles.ts +29 -29
  133. package/src/components/index.ts +6 -6
  134. package/src/components/layout/Columns.ts +24 -20
  135. package/src/components/layout/Dropdown/index.tsx +113 -113
  136. package/src/components/layout/Dropdown/styles.ts +45 -45
  137. package/src/components/layout/Grid/index.tsx +8 -8
  138. package/src/components/layout/Grid/styles.ts +34 -34
  139. package/src/components/layout/Loading/index.tsx +29 -29
  140. package/src/components/layout/Loading/styles.ts +29 -29
  141. package/src/components/layout/Masonry/index.tsx +29 -29
  142. package/src/components/layout/Masonry/styles.ts +20 -20
  143. package/src/components/layout/Modal/index.tsx +51 -51
  144. package/src/components/layout/Modal/styles.ts +125 -125
  145. package/src/components/layout/index.ts +6 -6
  146. package/src/components/search/HighlightedText.tsx +41 -41
  147. package/src/components/search/QuickSearchBar.tsx +109 -109
  148. package/src/components/search/QuickSearchResults.tsx +86 -86
  149. package/src/components/search/index.ts +9 -9
  150. package/src/components/search/styles.ts +96 -96
  151. package/src/components/search/types.ts +26 -26
  152. package/src/components/ui/Avatar/index.tsx +54 -54
  153. package/src/components/ui/Avatar/styles.ts +61 -61
  154. package/src/components/ui/Card/index.tsx +14 -14
  155. package/src/components/ui/Card/styles.ts +37 -37
  156. package/src/components/ui/ContextMenu/index.tsx +79 -79
  157. package/src/components/ui/ContextMenu/styles.ts +119 -119
  158. package/src/components/ui/Ellipsis.tsx +34 -34
  159. package/src/components/ui/Message/index.tsx +57 -57
  160. package/src/components/ui/Message/styles.ts +40 -40
  161. package/src/components/ui/index.ts +6 -6
  162. package/src/config/index.ts +14 -14
  163. package/src/helpers/dates.ts +17 -17
  164. package/src/helpers/getScrollbarSize.ts +14 -14
  165. package/src/helpers/index.ts +4 -4
  166. package/src/helpers/numbers.ts +63 -63
  167. package/src/helpers/responsive.ts +83 -83
  168. package/src/helpers/text.ts +13 -13
  169. package/src/hooks/index.ts +7 -7
  170. package/src/hooks/useContainerMediaQuery.ts +7 -7
  171. package/src/hooks/useElementSize.ts +24 -24
  172. package/src/hooks/useMediaQuery.ts +9 -9
  173. package/src/hooks/useMediaQueryForWidth.ts +35 -35
  174. package/src/hooks/useMutableState.ts +19 -19
  175. package/src/hooks/useShowArchived.ts +28 -28
  176. package/src/hooks/useWindowSize.ts +20 -20
  177. package/src/index.ts +9 -9
  178. package/src/providers/AuthenticationProvider/helpers.ts +3 -3
  179. package/src/providers/AuthenticationProvider/index.tsx +243 -243
  180. package/src/providers/LoadingProvider/index.tsx +47 -47
  181. package/src/providers/PortalsProvider/index.tsx +54 -54
  182. package/src/providers/PortalsProvider/styles.ts +31 -31
  183. package/src/providers/SettingsProvider/index.tsx +70 -70
  184. package/src/providers/ThemeProvider/ThemeProvider.ts +63 -63
  185. package/src/providers/ThemeProvider/defaultTheme.ts +457 -457
  186. package/src/providers/ThemeProvider/helpers.ts +11 -11
  187. package/src/providers/ThemeProvider/index.ts +4 -4
  188. package/src/providers/ThemeProvider/types.ts +131 -131
  189. package/src/providers/TrackingProvider/hooks.ts +14 -14
  190. package/src/providers/TrackingProvider/index.tsx +71 -71
  191. package/src/providers/UiProviders/index.tsx +68 -68
  192. package/src/providers/UiProviders/styles.ts +10 -10
  193. package/src/providers/hooks.ts +12 -12
  194. package/src/providers/index.ts +8 -8
  195. package/src/services/HttpService.ts +92 -92
  196. package/src/services/WebSocketService.ts +137 -137
  197. package/src/services/advancedRequests.ts +102 -102
  198. package/src/services/base.ts +23 -23
  199. package/src/services/globalSearch.ts +29 -29
  200. package/src/services/hooks.ts +44 -44
  201. package/src/services/index.ts +21 -21
  202. package/src/services/requests/auth.ts +44 -44
  203. package/src/services/requests/generic.ts +62 -62
  204. package/src/services/requests/tracking.ts +12 -12
  205. package/src/services/requests/userProfiles.ts +35 -35
  206. package/src/services/requests/users.ts +28 -28
  207. package/src/services/smartQueries.ts +122 -122
  208. package/src/services/sqlRequests.ts +111 -111
  209. package/src/services/types/auth.ts +131 -131
  210. package/src/services/types/base.ts +10 -10
  211. package/src/services/types/generic.ts +96 -96
  212. package/src/services/types/tracking.ts +39 -39
  213. package/src/services/types/userProfiles.ts +107 -107
  214. package/src/services/types/users.ts +106 -106
  215. package/src/services/updateSqlRequests.ts +34 -34
  216. package/src/styles/animations.scss +30 -30
  217. package/src/styles/index.scss +42 -42
  218. package/src/typings.d.ts +19 -19
  219. package/tsconfig.json +18 -18
  220. package/tsconfig.tsbuildinfo +1 -1
  221. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +0 -14
  222. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +0 -77
  223. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +0 -22
  224. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +0 -105
  225. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +0 -2
  226. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +0 -18
  227. package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +0 -2
  228. package/dist/components/data/AdvancedRequestDataGrid/index.js +0 -215
  229. package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +0 -21
  230. package/dist/components/data/AdvancedRequestDataGrid/types.js +0 -2
  231. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.d.ts +0 -10
  232. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.js +0 -173
  233. package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +0 -2
  234. package/dist/components/data/DataGrid/DataGridEditableCell.js +0 -27
  235. package/dist/components/data/DataGrid/FilterValuesScroller.d.ts +0 -13
  236. package/dist/components/data/DataGrid/FilterValuesScroller.js +0 -73
  237. package/dist/components/data/DataGrid/VirtualScroller.d.ts +0 -11
  238. package/dist/components/data/DataGrid/VirtualScroller.js +0 -41
  239. package/dist/components/data/DataGrid/helpers/advancedRequests.d.ts +0 -12
  240. package/dist/components/data/DataGrid/helpers/advancedRequests.js +0 -53
  241. package/dist/components/data/DataGrid/helpers.d.ts +0 -28
  242. package/dist/components/data/DataGrid/helpers.js +0 -436
  243. package/dist/components/data/SmartQueryDataGrid/helpers/columns.d.ts +0 -20
  244. package/dist/components/data/SmartQueryDataGrid/helpers/columns.js +0 -160
  245. package/dist/components/data/SmartQueryDataGrid/helpers/hooks.d.ts +0 -5
  246. package/dist/components/data/SmartQueryDataGrid/helpers/hooks.js +0 -41
  247. package/dist/components/data/SmartQueryDataGrid/helpers/index.d.ts +0 -2
  248. package/dist/components/data/SmartQueryDataGrid/helpers/index.js +0 -18
  249. package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.d.ts +0 -3
  250. package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.js +0 -15
  251. package/dist/components/data/SmartQueryDataGrid/hooks.d.ts +0 -9
  252. package/dist/components/data/SmartQueryDataGrid/hooks.js +0 -63
  253. package/dist/components/data/SmartQueryDataGrid/index.d.ts +0 -12
  254. package/dist/components/data/SmartQueryDataGrid/index.js +0 -242
  255. package/dist/components/data/SmartQueryDataGrid/types.d.ts +0 -22
  256. package/dist/components/data/SmartQueryDataGrid/types.js +0 -2
  257. package/dist/components/forms/Form/InputWithLabel.d.ts +0 -2
  258. package/dist/components/forms/Form/InputWithLabel.js +0 -10
  259. package/dist/components/forms/Form/types.d.ts +0 -7
  260. package/dist/components/forms/Form/types.js +0 -2
  261. package/dist/config/types.d.ts +0 -11
  262. package/dist/config/types.js +0 -2
  263. package/dist/services/requests/userPermissions.d.ts +0 -4
  264. package/dist/services/requests/userPermissions.js +0 -20
@@ -1,173 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
14
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
15
- if (ar || !(i in from)) {
16
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
17
- ar[i] = from[i];
18
- }
19
- }
20
- return to.concat(ar || Array.prototype.slice.call(from));
21
- };
22
- Object.defineProperty(exports, "__esModule", { value: true });
23
- exports.AdvancedRequestDataGrid = void 0;
24
- var jsx_runtime_1 = require("react/jsx-runtime");
25
- var advancedRequests_1 = require("../../../services/advancedRequests");
26
- var helpers_1 = require("./helpers");
27
- var react_1 = require("react");
28
- var _1 = require(".");
29
- var lodash_1 = require("lodash");
30
- var getColumnField = function (columns, columnKey) {
31
- var _a, _b;
32
- return columns[columnKey].field
33
- ? {
34
- fieldName: (_b = (_a = columns[columnKey].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : columnKey,
35
- fieldAlias: columnKey,
36
- }
37
- : {
38
- fieldName: columnKey,
39
- fieldAlias: columnKey,
40
- };
41
- };
42
- var getFirstColumnField = function (columns) {
43
- return getColumnField(columns, Object.keys(columns)[0]);
44
- };
45
- var AdvancedRequestDataGrid = function (props) {
46
- var _a;
47
- var currentRows = (0, react_1.useRef)([]);
48
- var _b = (0, react_1.useState)([]), rows = _b[0], setRows = _b[1];
49
- var _c = (0, react_1.useState)(0), start = _c[0], setStart = _c[1];
50
- var _d = (0, react_1.useState)(50), length = _d[0], setLength = _d[1];
51
- var _e = (0, react_1.useState)(-1), total = _e[0], setTotal = _e[1];
52
- var advancedRequest = (0, advancedRequests_1.useAdvancedRequestHandler)();
53
- var _f = (0, react_1.useState)([]), conditions = _f[0], setConditions = _f[1];
54
- var _g = (0, react_1.useState)((_a = props.orderBy) !== null && _a !== void 0 ? _a : [
55
- {
56
- field: getFirstColumnField(props.columns),
57
- direction: 'ASC',
58
- },
59
- ]), orderBy = _g[0], setOrderBy = _g[1];
60
- var refresh = (0, react_1.useCallback)(function () {
61
- setRows([]);
62
- setStart(0);
63
- setLength(50);
64
- setTotal(-1);
65
- }, []);
66
- var onFiltersChanged = (0, react_1.useCallback)(function (filters) {
67
- console.log('filters changed', filters);
68
- var newConditions = (0, helpers_1.convertFiltersToConditions)(filters);
69
- console.log('new conditions:', newConditions);
70
- setTotal(-1);
71
- setConditions(newConditions);
72
- }, []);
73
- var onSortsChanged = (0, react_1.useCallback)(function (sorts) {
74
- console.log('sorts changed', sorts);
75
- refresh();
76
- setOrderBy(Object.entries(sorts).map(function (_a) {
77
- var columnKey = _a[0], direction = _a[1];
78
- return ({
79
- field: getColumnField(props.columns, columnKey),
80
- direction: direction.toUpperCase(),
81
- });
82
- }));
83
- }, [props.columns, refresh]);
84
- var loadRows = (0, react_1.useRef)((0, lodash_1.debounce)(function (columns, conditions, orderBy, start, length, getTotal) {
85
- if (getTotal === void 0) { getTotal = false; }
86
- advancedRequest((0, helpers_1.getAdvancedRequestDto)({
87
- type: props.type,
88
- columns: columns,
89
- conditions: conditions,
90
- orderBy: orderBy,
91
- start: start,
92
- length: length,
93
- getTotal: getTotal,
94
- })).then(function (response) {
95
- var _a;
96
- var _b, _c;
97
- if (getTotal) {
98
- currentRows.current = Array(response.total).fill(null);
99
- if (getTotal)
100
- setTotal((_b = response.total) !== null && _b !== void 0 ? _b : 0);
101
- }
102
- var parsedRows = response.data.map((_c = props.parser) !== null && _c !== void 0 ? _c : (function (row) { return row; }));
103
- (_a = currentRows.current).splice.apply(_a, __spreadArray([start, length], parsedRows, false));
104
- setRows(__spreadArray([], currentRows.current, true));
105
- });
106
- }, 100));
107
- var loadFilterValues = (0, react_1.useCallback)(function (columnKey) {
108
- var _a;
109
- return advancedRequest({
110
- fields: [
111
- {
112
- fieldName: columnKey,
113
- },
114
- ],
115
- conditions: __spreadArray(__spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), conditions, true), [
116
- {
117
- field: {
118
- fieldName: 'DeletedAt',
119
- },
120
- operator: 'isNull',
121
- },
122
- ], false).filter(function (condition) {
123
- var _a;
124
- return ((_a = condition.field.fieldAlias) !== null && _a !== void 0 ? _a : condition.field.fieldName) !==
125
- columnKey;
126
- }),
127
- orderBy: [
128
- {
129
- field: { fieldName: columnKey },
130
- direction: 'ASC',
131
- },
132
- ],
133
- type: props.type,
134
- getTotal: false,
135
- unique: true,
136
- }).then(function (response) {
137
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
138
- return response.data.map(function (row) { return row[columnKey]; });
139
- });
140
- }, [advancedRequest, conditions, props.conditions, props.type]);
141
- (0, react_1.useEffect)(function () {
142
- var _a;
143
- return loadRows.current(props.columns, __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), (conditions !== null && conditions !== void 0 ? conditions : []), true), orderBy, start, length, total < 0);
144
- }, [props.columns, conditions, orderBy, start, length, total, props.conditions]);
145
- var loadCopyRows = (0, react_1.useCallback)(function () {
146
- var _a;
147
- return advancedRequest((0, helpers_1.getAdvancedRequestDto)({
148
- type: props.type,
149
- columns: props.columns,
150
- conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), (conditions !== null && conditions !== void 0 ? conditions : []), true),
151
- orderBy: orderBy,
152
- start: 0,
153
- length: total,
154
- })).then(function (response) { var _a; return response.data.map((_a = props.parser) !== null && _a !== void 0 ? _a : (function (row) { return row; })); });
155
- }, [
156
- advancedRequest,
157
- conditions,
158
- orderBy,
159
- props.columns,
160
- props.conditions,
161
- props.parser,
162
- props.type,
163
- total,
164
- ]);
165
- var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
166
- if (newStart !== start || newLength !== length) {
167
- setStart(newStart);
168
- setLength(newLength);
169
- }
170
- }, [length, start]);
171
- return ((0, jsx_runtime_1.jsx)(_1.DataGrid, __assign({ onVisibleRowsChange: onVisibleRowsChanged, filter: false, sort: false, onFiltersChanged: onFiltersChanged, onSortsChanged: onSortsChanged, filterValuesLoader: loadFilterValues, rows: rows, loadCopyRows: loadCopyRows, refresh: refresh }, props)));
172
- };
173
- exports.AdvancedRequestDataGrid = AdvancedRequestDataGrid;
@@ -1,2 +0,0 @@
1
- import { DataGridCellProps } from './types';
2
- export declare const DataGridEditableCell: <R>({ row, columnKey, column, context, }: DataGridCellProps<R>) => import("react/jsx-runtime").JSX.Element;
@@ -1,27 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DataGridEditableCell = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- /* eslint-disable @typescript-eslint/no-explicit-any */
6
- /* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
7
- var react_1 = require("react");
8
- var hooks_1 = require("./hooks");
9
- var DataGridEditableCell = function (_a) {
10
- var row = _a.row, columnKey = _a.columnKey, column = _a.column, context = _a.context;
11
- var _b = (0, hooks_1.useDataGridContext)(context), onCellEdited = _b.onCellEdited, setEditingCell = _b.setEditingCell;
12
- var _c = (0, react_1.useState)(column.getter
13
- ? column.getter(row)
14
- : column.propertyName
15
- ? String(row[column.propertyName])
16
- : ''), value = _c[0], setValue = _c[1];
17
- var onClose = (0, react_1.useCallback)(function () {
18
- onCellEdited === null || onCellEdited === void 0 ? void 0 : onCellEdited(row, columnKey, value);
19
- setEditingCell([-1, -1]);
20
- }, [columnKey, onCellEdited, row, setEditingCell, value]);
21
- return ((0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)("input", { type: "text",
22
- // className="relative z-10 block text-normal w-full border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-sky-600 sm:text-sm sm:leading-6"
23
- value: String(value), onChange: function (e) { return setValue(e.target.value); } }), (0, jsx_runtime_1.jsx)("div", {
24
- // className="fixed inset-0 bg-black bg-opacity-10"
25
- onClick: onClose })] }, columnKey));
26
- };
27
- exports.DataGridEditableCell = DataGridEditableCell;
@@ -1,13 +0,0 @@
1
- import { DataGridFilterFormatter, DataGridFilterGroup, DataGridFilterRenderer, DataGridFilterValue } from './types';
2
- type FilterValuesScrollerProps = {
3
- values: DataGridFilterValue[];
4
- rowHeight?: number;
5
- formatter: DataGridFilterFormatter;
6
- renderer: DataGridFilterRenderer;
7
- onRangeChange?: (startIndex: number, length: number) => void;
8
- onToggle?: (values: DataGridFilterValue[]) => void;
9
- selectedValues?: DataGridFilterValue[];
10
- groups?: DataGridFilterGroup[];
11
- };
12
- export declare const FilterValuesScroller: ({ values, rowHeight, onRangeChange, onToggle, formatter, renderer, selectedValues, groups, }: FilterValuesScrollerProps) => import("react/jsx-runtime").JSX.Element;
13
- export {};
@@ -1,73 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- Object.defineProperty(exports, "__esModule", { value: true });
37
- exports.FilterValuesScroller = void 0;
38
- var jsx_runtime_1 = require("react/jsx-runtime");
39
- /* eslint-disable @typescript-eslint/no-explicit-any */
40
- var styles = __importStar(require("./styles"));
41
- var lodash_1 = require("lodash");
42
- var helpers_1 = require("./helpers");
43
- var react_1 = require("react");
44
- var hooks_1 = require("../../../hooks");
45
- var CheckboxTemplate = function (_a) {
46
- var selectedValues = _a.selectedValues, value = _a.value, index = _a.index, className = _a.className, style = _a.style, onToggle = _a.onToggle;
47
- return ((0, jsx_runtime_1.jsxs)("div", { className: (0, lodash_1.join)([
48
- // 'absolute left-0 right-0 flex flex-row cursor-pointer hover:bg-gray-50',
49
- className,
50
- ], ' '), style: __assign(__assign({}, style), { paddingLeft: "".concat(value.level, "rem") }), title: value.title, onClick: function () { return onToggle === null || onToggle === void 0 ? void 0 : onToggle([value.value]); }, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: selectedValues.includes(value.value), readOnly: true }), (0, jsx_runtime_1.jsx)("span", { children: value.displayValue || '(Vides)' })] }, index));
51
- };
52
- var FilterValuesScroller = function (_a) {
53
- var values = _a.values, _b = _a.rowHeight, rowHeight = _b === void 0 ? styles.DEFAULT_FILTER_ROW_HEIGHT : _b, onRangeChange = _a.onRangeChange, onToggle = _a.onToggle, _c = _a.formatter, formatter = _c === void 0 ? helpers_1.defaultRendererAndFormatter : _c, _d = _a.renderer, renderer = _d === void 0 ? helpers_1.defaultRendererAndFormatter : _d, _e = _a.selectedValues, selectedValues = _e === void 0 ? [] : _e, groups = _a.groups;
54
- var scrollableRef = (0, react_1.useRef)(null);
55
- var height = (0, hooks_1.useElementSize)(scrollableRef.current).height;
56
- var tolerance = 20;
57
- var _f = (0, react_1.useState)(0), scrollTop = _f[0], setScrollTop = _f[1];
58
- var index = Math.floor(scrollTop / rowHeight);
59
- var length = Math.ceil(height / rowHeight);
60
- // eslint-disable-next-line react-hooks/exhaustive-deps
61
- var onScroll = (0, react_1.useCallback)((0, lodash_1.debounce)(function (e) {
62
- var target = e.target;
63
- setScrollTop(function () { return target.scrollTop; });
64
- }, 50), []);
65
- var checkboxes = (0, react_1.useMemo)(function () { return (0, helpers_1.getCheckboxes)(values, renderer, formatter, groups); }, [values, groups, renderer, formatter]);
66
- var visibleCheckboxes = checkboxes.slice(Math.max(0, index - tolerance), index + length + 1 + tolerance);
67
- var firstCheckboxTop = Math.max(0, index - tolerance) * rowHeight;
68
- (0, react_1.useEffect)(function () {
69
- onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(index, length);
70
- }, [index, length, onRangeChange]);
71
- return ((0, jsx_runtime_1.jsx)(styles.FilterValuesScrollerContainer, { ref: scrollableRef, onScroll: onScroll, "$rowHeight": rowHeight, children: (0, jsx_runtime_1.jsx)("div", { style: { height: "".concat(values.length * rowHeight, "px") }, children: visibleCheckboxes.map(function (value, index) { return ((0, jsx_runtime_1.jsx)(CheckboxTemplate, { className: "checkbox", style: { top: firstCheckboxTop + index * rowHeight + 'px' }, selectedValues: selectedValues, value: value, index: index, onToggle: onToggle }, index)); }) }) }));
72
- };
73
- exports.FilterValuesScroller = FilterValuesScroller;
@@ -1,11 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { DataGridContext } from './types';
3
- type VirtualScrollerProps<R> = {
4
- showAllRows?: boolean;
5
- rowTemplate: (row: R, index: number) => ReactNode;
6
- hasFooter?: boolean;
7
- context: DataGridContext<R>;
8
- onRangeChange?: (startIndex: number, length: number) => void;
9
- };
10
- export declare const VirtualScroller: <R>(props: VirtualScrollerProps<R>) => import("react/jsx-runtime").JSX.Element;
11
- export {};
@@ -1,41 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.VirtualScroller = void 0;
27
- var jsx_runtime_1 = require("react/jsx-runtime");
28
- var styles = __importStar(require("./styles"));
29
- var react_1 = require("react");
30
- var VirtualScroller = function (props) {
31
- var _a = (0, react_1.useContext)(props.context), _b = _a.rowHeight, rowHeight = _b === void 0 ? styles.DEFAULT_ROW_HEIGHT : _b,
32
- // headerRowHeight = styles.DEFAULT_HEADER_ROW_HEIGHT,
33
- sortedRows = _a.sortedRows, index = _a.index, visibleRows = _a.visibleRows, gridTemplateColumns = _a.gridTemplateColumns;
34
- var rowTemplate = props.rowTemplate;
35
- var totalHeight = sortedRows.length * rowHeight;
36
- var topPadding = Math.max(0, index - styles.VIRTUAL_SCROLL_TOLERANCE) * rowHeight;
37
- // const headerAndFooterHeight =
38
- // 2 * headerRowHeight + (hasFooter ? rowHeight : 0) + 2;
39
- return ((0, jsx_runtime_1.jsx)(styles.VirtualScrollerContainer, { "$height": totalHeight, children: (0, jsx_runtime_1.jsx)(styles.VirtualScrollerRowsContainer, { "$gridTemplateColumns": gridTemplateColumns, "$topPadding": topPadding, "$rowHeight": rowHeight, children: visibleRows.map(rowTemplate) }) }));
40
- };
41
- exports.VirtualScroller = VirtualScroller;
@@ -1,12 +0,0 @@
1
- import { AdvancedRequestDTO, ConditionDTO, OrderByDTO } from '../../../../services/advancedRequests';
2
- import { DataGridColumns } from '../types';
3
- export declare const getAdvancedRequestDto: <R>({ type, columns, conditions, orderBy, start, length, getTotal, addIdColumn, }: {
4
- type: string;
5
- columns: DataGridColumns<R>;
6
- conditions?: ConditionDTO[];
7
- orderBy?: OrderByDTO[];
8
- start?: number;
9
- length?: number;
10
- getTotal?: boolean;
11
- addIdColumn?: boolean;
12
- }) => AdvancedRequestDTO;
@@ -1,53 +0,0 @@
1
- "use strict";
2
- /* eslint-disable @typescript-eslint/no-explicit-any */
3
- var __assign = (this && this.__assign) || function () {
4
- __assign = Object.assign || function(t) {
5
- for (var s, i = 1, n = arguments.length; i < n; i++) {
6
- s = arguments[i];
7
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
8
- t[p] = s[p];
9
- }
10
- return t;
11
- };
12
- return __assign.apply(this, arguments);
13
- };
14
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
15
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
16
- if (ar || !(i in from)) {
17
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
18
- ar[i] = from[i];
19
- }
20
- }
21
- return to.concat(ar || Array.prototype.slice.call(from));
22
- };
23
- Object.defineProperty(exports, "__esModule", { value: true });
24
- exports.getAdvancedRequestDto = void 0;
25
- var getAdvancedRequestDto = function (_a) {
26
- var type = _a.type, columns = _a.columns, _b = _a.conditions, conditions = _b === void 0 ? [] : _b, _c = _a.orderBy, orderBy = _c === void 0 ? [] : _c, _d = _a.start, start = _d === void 0 ? 0 : _d, _e = _a.length, length = _e === void 0 ? 100 : _e, _f = _a.getTotal, getTotal = _f === void 0 ? false : _f, _g = _a.addIdColumn, addIdColumn = _g === void 0 ? true : _g;
27
- return ({
28
- fields: __spreadArray(__spreadArray([], (Object.keys(columns).includes('Id') || addIdColumn === false
29
- ? []
30
- : [{ fieldName: 'Id' }]), true), Object.keys(columns).map(function (key) {
31
- var _a, _b;
32
- return columns[key].field
33
- ? __assign(__assign({}, columns[key].field), { fieldName: (_b = (_a = columns[key].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : key, fieldAlias: key }) : {
34
- fieldName: key,
35
- fieldAlias: key,
36
- };
37
- }), true),
38
- conditions: __spreadArray(__spreadArray([], conditions, true), [
39
- {
40
- field: {
41
- fieldName: 'DeletedAt',
42
- },
43
- operator: 'isNull',
44
- },
45
- ], false),
46
- orderBy: orderBy,
47
- type: type,
48
- start: start,
49
- length: length,
50
- getTotal: getTotal,
51
- });
52
- };
53
- exports.getAdvancedRequestDto = getAdvancedRequestDto;
@@ -1,28 +0,0 @@
1
- import { AdvancedRequestDTO, ConditionDTO, OrderByDTO } from '../../../services/advancedRequests';
2
- import { DataGridColumn, DataGridColumns, DataGridFilter, DataGridFilterCheckbox, DataGridFilterDataType, DataGridFilterFormatter, DataGridFilterGroup, DataGridFilterPredicates, DataGridFilterType, DataGridFilters, DataGridSettings } from './types';
3
- export declare const filtersPredicates: DataGridFilterPredicates;
4
- export declare const applyFilters: <R>(rows: R[], filters: DataGridFilter<R, DataGridFilterType>[]) => R[];
5
- export declare const applyFilter: <R, T extends DataGridFilterType>(rows: R[], filter: DataGridFilter<R, T>) => R[];
6
- export declare const defaultFilterGetter: (row: any, columnKey: string) => any;
7
- export declare const defaultFilterValues: {
8
- [K in DataGridFilterType]: DataGridFilterDataType<K>;
9
- };
10
- export declare const defaultValueParsers: {
11
- [K in DataGridFilterType]: (value: string) => DataGridFilterDataType<K>;
12
- };
13
- export declare const groupDatesByYearAndMonth: (dates: any[]) => Record<string, Record<string, any[]>>;
14
- export declare const getDateGroups: <R extends string | number | null>(dates: any[]) => DataGridFilterGroup<R>[];
15
- export declare const isColumnVisible: <R>(obj: DataGridColumn<R, any> | DataGridSettings) => boolean;
16
- export declare const convertFiltersToConditions: <R>(filters: DataGridFilters<R>) => ConditionDTO[];
17
- export declare const getAdvancedRequestDto: <R>(type: string, columns: DataGridColumns<R>, conditions?: ConditionDTO[], orderBy?: OrderByDTO[], start?: number, length?: number, getTotal?: boolean) => AdvancedRequestDTO;
18
- export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
19
- export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
20
- export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
21
- export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
22
- export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
23
- export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
24
- export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
25
- export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
26
- export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
27
- export declare const colorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
28
- export declare const getCheckboxes: <R extends string | number | null>(values: R[], formatter: DataGridFilterFormatter, groups?: DataGridFilterGroup<R>[], level?: number) => DataGridFilterCheckbox<R>[];