@addev-be/ui 2.4.0 → 2.4.2

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 (250) 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/hooks/useDataGrid.js +3 -0
  25. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.d.ts +1 -2
  26. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.js +3 -2
  27. package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +3 -1
  28. package/dist/services/index.js +7 -17
  29. package/eslint.config.js +3 -3
  30. package/package.json +2 -2
  31. package/src/Icons.tsx +138 -138
  32. package/src/components/auth/LoginForm.tsx +86 -86
  33. package/src/components/auth/LoginPage.tsx +32 -32
  34. package/src/components/auth/PasswordRecoveryForm.tsx +53 -53
  35. package/src/components/auth/PasswordResetForm.tsx +112 -112
  36. package/src/components/auth/styles.ts +14 -14
  37. package/src/components/data/DataGrid/DataGridCell.tsx +81 -81
  38. package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts +9 -9
  39. package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx +59 -59
  40. package/src/components/data/DataGrid/DataGridColumnsModal/index.tsx +182 -182
  41. package/src/components/data/DataGrid/DataGridColumnsModal/styles.ts +104 -104
  42. package/src/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.tsx +37 -37
  43. package/src/components/data/DataGrid/DataGridEditableCell/DateEditableCell.tsx +38 -38
  44. package/src/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.tsx +71 -71
  45. package/src/components/data/DataGrid/DataGridEditableCell/TextEditableCell.tsx +37 -37
  46. package/src/components/data/DataGrid/DataGridEditableCell/index.tsx +106 -106
  47. package/src/components/data/DataGrid/DataGridEditableCell/styles.ts +35 -35
  48. package/src/components/data/DataGrid/DataGridEditableCell/types.ts +18 -18
  49. package/src/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.tsx +129 -129
  50. package/src/components/data/DataGrid/DataGridFilterMenu/helpers.ts +23 -23
  51. package/src/components/data/DataGrid/DataGridFilterMenu/hooks.tsx +81 -81
  52. package/src/components/data/DataGrid/DataGridFilterMenu/index.tsx +370 -370
  53. package/src/components/data/DataGrid/DataGridFilterMenu/styles.ts +97 -97
  54. package/src/components/data/DataGrid/DataGridFooter.tsx +45 -45
  55. package/src/components/data/DataGrid/DataGridHeader.tsx +74 -74
  56. package/src/components/data/DataGrid/DataGridHeaderCell.tsx +112 -112
  57. package/src/components/data/DataGrid/DataGridRowTemplate.tsx +83 -83
  58. package/src/components/data/DataGrid/DataGridToolbar.tsx +134 -134
  59. package/src/components/data/DataGrid/FilterModalContent/index.tsx +137 -137
  60. package/src/components/data/DataGrid/FilterModalContent/styles.ts +22 -22
  61. package/src/components/data/DataGrid/constants.ts +6 -6
  62. package/src/components/data/DataGrid/helpers/columns.tsx +452 -452
  63. package/src/components/data/DataGrid/helpers/filters.ts +287 -287
  64. package/src/components/data/DataGrid/helpers/index.ts +2 -2
  65. package/src/components/data/DataGrid/hooks/index.ts +29 -29
  66. package/src/components/data/DataGrid/hooks/useDataGrid.tsx +383 -380
  67. package/src/components/data/DataGrid/hooks/useDataGridChangedRows.ts +97 -97
  68. package/src/components/data/DataGrid/hooks/useDataGridCopy.ts +174 -174
  69. package/src/components/data/DataGrid/hooks/useDataGridSettings.ts +48 -48
  70. package/src/components/data/DataGrid/hooks/useRefreshModal.tsx +48 -48
  71. package/src/components/data/DataGrid/index.tsx +111 -111
  72. package/src/components/data/DataGrid/styles.ts +430 -430
  73. package/src/components/data/DataGrid/types.ts +380 -380
  74. package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +526 -524
  75. package/src/components/data/SqlRequestDataGrid/helpers/index.ts +2 -2
  76. package/src/components/data/SqlRequestDataGrid/helpers/rows.ts +24 -24
  77. package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +16 -16
  78. package/src/components/data/SqlRequestDataGrid/index.tsx +417 -417
  79. package/src/components/data/SqlRequestDataGrid/styles.ts +15 -15
  80. package/src/components/data/SqlRequestDataGrid/types.ts +74 -74
  81. package/src/components/data/SqlRequestForeignList/index.tsx +254 -254
  82. package/src/components/data/SqlRequestForeignList/styles.ts +43 -43
  83. package/src/components/data/SqlRequestForeignList/types.ts +32 -32
  84. package/src/components/data/SqlRequestGrid/filters/FiltersSidebar.tsx +108 -108
  85. package/src/components/data/SqlRequestGrid/filters/styles.ts +88 -88
  86. package/src/components/data/SqlRequestGrid/helpers/index.ts +1 -1
  87. package/src/components/data/SqlRequestGrid/helpers/sqlRequests.ts +16 -16
  88. package/src/components/data/SqlRequestGrid/index.tsx +304 -304
  89. package/src/components/data/SqlRequestGrid/styles.ts +20 -20
  90. package/src/components/data/SqlRequestGrid/types.ts +73 -73
  91. package/src/components/data/VirtualScroller/hooks.ts +71 -71
  92. package/src/components/data/VirtualScroller/index.tsx +89 -89
  93. package/src/components/data/VirtualScroller/styles.ts +57 -57
  94. package/src/components/data/VirtualScroller/types.ts +10 -10
  95. package/src/components/forms/AutoTextArea.tsx +48 -48
  96. package/src/components/forms/Button.tsx +132 -132
  97. package/src/components/forms/Form/Checkbox.tsx +12 -12
  98. package/src/components/forms/Form/CustomSelect.tsx +86 -86
  99. package/src/components/forms/Form/FormGroup.tsx +31 -31
  100. package/src/components/forms/Form/Input.tsx +16 -16
  101. package/src/components/forms/Form/Row.tsx +32 -32
  102. package/src/components/forms/Form/Select.tsx +82 -82
  103. package/src/components/forms/Form/TextArea.tsx +17 -17
  104. package/src/components/forms/Form/index.tsx +48 -48
  105. package/src/components/forms/Form/styles.ts +184 -184
  106. package/src/components/forms/IconButton.tsx +61 -61
  107. package/src/components/forms/IndeterminateCheckbox.tsx +46 -46
  108. package/src/components/forms/NumberInput.tsx +53 -53
  109. package/src/components/forms/Select.tsx +34 -34
  110. package/src/components/forms/VerticalLabel.tsx +20 -20
  111. package/src/components/forms/styles.ts +42 -42
  112. package/src/components/layout/Columns.ts +28 -28
  113. package/src/components/layout/Dropdown/index.tsx +113 -113
  114. package/src/components/layout/Dropdown/styles.ts +53 -53
  115. package/src/components/layout/Flexbox.ts +21 -21
  116. package/src/components/layout/Grid/index.tsx +8 -8
  117. package/src/components/layout/Grid/styles.ts +34 -34
  118. package/src/components/layout/Loading/index.tsx +29 -29
  119. package/src/components/layout/Loading/styles.ts +29 -29
  120. package/src/components/layout/Masonry/index.tsx +29 -29
  121. package/src/components/layout/Masonry/styles.ts +20 -20
  122. package/src/components/layout/Modal/index.tsx +51 -51
  123. package/src/components/layout/Modal/styles.ts +125 -125
  124. package/src/components/search/HighlightedText.tsx +41 -41
  125. package/src/components/search/QuickSearchBar.tsx +99 -99
  126. package/src/components/search/QuickSearchResults.tsx +86 -86
  127. package/src/components/search/styles.ts +96 -96
  128. package/src/components/search/types.ts +29 -29
  129. package/src/components/ui/Avatar/index.tsx +54 -54
  130. package/src/components/ui/Avatar/styles.ts +61 -61
  131. package/src/components/ui/Card/index.tsx +14 -14
  132. package/src/components/ui/Card/styles.ts +37 -37
  133. package/src/components/ui/ContextMenu/index.tsx +79 -79
  134. package/src/components/ui/ContextMenu/styles.ts +119 -119
  135. package/src/components/ui/Ellipsis.tsx +33 -33
  136. package/src/components/ui/Label.tsx +93 -93
  137. package/src/components/ui/Message/index.tsx +57 -57
  138. package/src/components/ui/Message/styles.ts +44 -44
  139. package/src/components/ui/TabsView/TabsList.tsx +44 -44
  140. package/src/components/ui/TabsView/TabsView.tsx +38 -38
  141. package/src/components/ui/TabsView/index.ts +3 -3
  142. package/src/components/ui/TabsView/styles.ts +76 -76
  143. package/src/components/ui/TabsView/types.ts +15 -15
  144. package/src/config/index.ts +10 -10
  145. package/src/helpers/components.ts +9 -9
  146. package/src/helpers/dates.ts +17 -17
  147. package/src/helpers/getScrollbarSize.ts +14 -14
  148. package/src/helpers/numbers.ts +63 -63
  149. package/src/helpers/responsive.ts +83 -83
  150. package/src/helpers/styled/space.ts +114 -114
  151. package/src/helpers/styled/typography.ts +25 -25
  152. package/src/helpers/text.ts +13 -13
  153. package/src/helpers/types.ts +9 -9
  154. package/src/hooks/useContainerMediaQuery.ts +7 -7
  155. package/src/hooks/useElementSize.ts +24 -24
  156. package/src/hooks/useMediaQuery.ts +9 -9
  157. package/src/hooks/useMediaQueryForWidth.ts +35 -35
  158. package/src/hooks/useMutableState.ts +25 -25
  159. package/src/hooks/useShowArchived.ts +28 -28
  160. package/src/hooks/useWindowSize.ts +20 -20
  161. package/src/index.ts +102 -102
  162. package/src/providers/AuthenticationProvider/helpers.ts +3 -3
  163. package/src/providers/AuthenticationProvider/index.tsx +303 -303
  164. package/src/providers/LoadingProvider/index.tsx +47 -47
  165. package/src/providers/PortalsProvider/index.tsx +54 -54
  166. package/src/providers/PortalsProvider/styles.ts +31 -31
  167. package/src/providers/SettingsProvider/index.tsx +70 -70
  168. package/src/providers/ThemeProvider/defaultTheme.ts +470 -470
  169. package/src/providers/ThemeProvider/helpers.ts +84 -84
  170. package/src/providers/ThemeProvider/index.ts +66 -66
  171. package/src/providers/ThemeProvider/types.ts +134 -134
  172. package/src/providers/ToastProvider/index.tsx +93 -93
  173. package/src/providers/TrackingProvider/hooks.ts +14 -14
  174. package/src/providers/TrackingProvider/index.tsx +71 -71
  175. package/src/providers/UiProviders/index.tsx +76 -76
  176. package/src/providers/UiProviders/styles.ts +10 -10
  177. package/src/providers/hooks.ts +14 -14
  178. package/src/services/HttpService.ts +92 -92
  179. package/src/services/WebSocketService.ts +155 -155
  180. package/src/services/advancedRequests.ts +102 -102
  181. package/src/services/base.ts +23 -23
  182. package/src/services/globalSearch.ts +32 -32
  183. package/src/services/hooks.ts +92 -92
  184. package/src/services/requests/auth.ts +44 -44
  185. package/src/services/requests/generic.ts +62 -62
  186. package/src/services/requests/tracking.ts +12 -12
  187. package/src/services/requests/userProfiles.ts +35 -35
  188. package/src/services/requests/users.ts +28 -28
  189. package/src/services/smartQueries.ts +122 -122
  190. package/src/services/sqlRequests.ts +111 -111
  191. package/src/services/types/auth.ts +98 -98
  192. package/src/services/types/base.ts +10 -10
  193. package/src/services/types/generic.ts +82 -82
  194. package/src/services/types/tracking.ts +29 -29
  195. package/src/services/types/userProfiles.ts +79 -79
  196. package/src/services/types/users.ts +74 -74
  197. package/src/services/updateSqlRequests.ts +32 -32
  198. package/src/styles/animations.scss +30 -30
  199. package/src/styles/index.scss +42 -42
  200. package/src/types.ts +8 -8
  201. package/src/typings.d.ts +2 -2
  202. package/tsconfig.json +18 -18
  203. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +0 -14
  204. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +0 -77
  205. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +0 -22
  206. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +0 -105
  207. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +0 -2
  208. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +0 -18
  209. package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +0 -2
  210. package/dist/components/data/AdvancedRequestDataGrid/index.js +0 -215
  211. package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +0 -21
  212. package/dist/components/data/AdvancedRequestDataGrid/types.js +0 -2
  213. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.d.ts +0 -10
  214. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.js +0 -173
  215. package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +0 -2
  216. package/dist/components/data/DataGrid/DataGridEditableCell.js +0 -27
  217. package/dist/components/data/DataGrid/FilterValuesScroller.d.ts +0 -13
  218. package/dist/components/data/DataGrid/FilterValuesScroller.js +0 -73
  219. package/dist/components/data/DataGrid/VirtualScroller.d.ts +0 -11
  220. package/dist/components/data/DataGrid/VirtualScroller.js +0 -41
  221. package/dist/components/data/DataGrid/helpers/advancedRequests.d.ts +0 -12
  222. package/dist/components/data/DataGrid/helpers/advancedRequests.js +0 -53
  223. package/dist/components/data/DataGrid/helpers.d.ts +0 -28
  224. package/dist/components/data/DataGrid/helpers.js +0 -436
  225. package/dist/components/data/SmartQueryDataGrid/helpers/columns.d.ts +0 -20
  226. package/dist/components/data/SmartQueryDataGrid/helpers/columns.js +0 -160
  227. package/dist/components/data/SmartQueryDataGrid/helpers/hooks.d.ts +0 -5
  228. package/dist/components/data/SmartQueryDataGrid/helpers/hooks.js +0 -41
  229. package/dist/components/data/SmartQueryDataGrid/helpers/index.d.ts +0 -2
  230. package/dist/components/data/SmartQueryDataGrid/helpers/index.js +0 -18
  231. package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.d.ts +0 -3
  232. package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.js +0 -15
  233. package/dist/components/data/SmartQueryDataGrid/hooks.d.ts +0 -9
  234. package/dist/components/data/SmartQueryDataGrid/hooks.js +0 -63
  235. package/dist/components/data/SmartQueryDataGrid/index.d.ts +0 -12
  236. package/dist/components/data/SmartQueryDataGrid/index.js +0 -242
  237. package/dist/components/data/SmartQueryDataGrid/types.d.ts +0 -22
  238. package/dist/components/data/SmartQueryDataGrid/types.js +0 -2
  239. package/dist/components/forms/Form/InputWithLabel.d.ts +0 -2
  240. package/dist/components/forms/Form/InputWithLabel.js +0 -10
  241. package/dist/components/forms/Form/types.d.ts +0 -7
  242. package/dist/components/forms/Form/types.js +0 -2
  243. package/dist/config/types.d.ts +0 -11
  244. package/dist/config/types.js +0 -2
  245. package/dist/helpers/react.d.ts +0 -2
  246. package/dist/helpers/react.js +0 -8
  247. package/dist/helpers/styled/index.d.ts +0 -1
  248. package/dist/helpers/styled/index.js +0 -17
  249. package/dist/services/requests/userPermissions.d.ts +0 -4
  250. package/dist/services/requests/userPermissions.js +0 -20
@@ -1,22 +0,0 @@
1
- import { AdvancedRequestDataGridColumn, AdvancedRequestDataGridColumns } from '../types';
2
- import { FieldDTO } from '../../../../services/advancedRequests';
3
- export declare const withGroupBy: <R extends Record<string, any>>(columns: AdvancedRequestDataGridColumns<R>) => AdvancedRequestDataGridColumns<R>;
4
- export declare const advancedTextColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
5
- /**
6
- * Creates a column with a composed value from multiple fields,
7
- * and filtered by a text filter on the first field
8
- */
9
- export declare const advancedComposedColumn: <R extends Record<string, any>>(key: string, title: string, fields: string[], options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
10
- export declare const advancedMailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
11
- export declare const advancedPhoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
12
- export declare const advancedDateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
13
- export declare const advancedMonthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
14
- export declare const advancedNumberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
15
- export declare const advancedMoneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
16
- export declare const advancedPercentageColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
17
- export declare const advancedCheckboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
18
- export declare const advancedColorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
19
- export declare const getColumnField: <R>(columns: AdvancedRequestDataGridColumns<R>, columnKey: string) => FieldDTO;
20
- export declare const getColumnSortField: <R>(columns: AdvancedRequestDataGridColumns<R>, columnKey: string) => FieldDTO;
21
- export declare const getFirstColumnField: <R>(columns: AdvancedRequestDataGridColumns<R>) => FieldDTO;
22
- export declare const getFirstColumnSortField: <R>(columns: AdvancedRequestDataGridColumns<R>) => FieldDTO;
@@ -1,105 +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 __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.getFirstColumnSortField = exports.getFirstColumnField = exports.getColumnSortField = exports.getColumnField = exports.advancedColorColumn = exports.advancedCheckboxColumn = exports.advancedPercentageColumn = exports.advancedMoneyColumn = exports.advancedNumberColumn = exports.advancedMonthColumn = exports.advancedDateColumn = exports.advancedPhoneColumn = exports.advancedMailColumn = exports.advancedComposedColumn = exports.advancedTextColumn = exports.withGroupBy = void 0;
18
- var jsx_runtime_1 = require("react/jsx-runtime");
19
- var numbers_1 = require("../../../../helpers/numbers");
20
- var helpers_1 = require("../../DataGrid/helpers");
21
- var lodash_1 = __importDefault(require("lodash"));
22
- var moment_1 = __importDefault(require("moment"));
23
- var withGroupBy = function (columns) {
24
- return lodash_1.default.mapValues(columns, function (column, key) {
25
- var _a;
26
- return (__assign(__assign({}, column), { field: __assign(__assign({}, ((_a = column.field) !== null && _a !== void 0 ? _a : { fieldName: key })), { groupBy: true }) }));
27
- });
28
- };
29
- exports.withGroupBy = withGroupBy;
30
- var advancedTextColumn = function (key, title, options) { return (__assign({ key: key, name: title, render: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options)); };
31
- exports.advancedTextColumn = advancedTextColumn;
32
- /**
33
- * Creates a column with a composed value from multiple fields,
34
- * and filtered by a text filter on the first field
35
- */
36
- var advancedComposedColumn = function (key, title, fields, options) { return (__assign({ key: key, field: {
37
- fieldAlias: key,
38
- operator: 'jsonObject',
39
- operands: fields.flatMap(function (field) { return [
40
- { constantValue: field },
41
- { fieldName: field },
42
- ]; }),
43
- }, name: title, render: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(fields[0])), { getter: function (value) { var _a; return (_a = value[fields[0]]) !== null && _a !== void 0 ? _a : 0; } }), filterField: fields[0], sortField: fields[0] }, options)); };
44
- exports.advancedComposedColumn = advancedComposedColumn;
45
- var advancedMailColumn = function (key, title, options) { return (__assign({ key: key, name: title, render: function (row) { var _a; return (0, jsx_runtime_1.jsx)("a", { href: "mailto:".concat(row[key]), children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options)); };
46
- exports.advancedMailColumn = advancedMailColumn;
47
- var advancedPhoneColumn = function (key, title, options) { return (__assign({ key: key, name: title, render: function (row) { var _a; return (0, jsx_runtime_1.jsx)("a", { href: "tel:".concat(row[key]), children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options)); };
48
- exports.advancedPhoneColumn = advancedPhoneColumn;
49
- var advancedDateColumn = function (key, title, options) { return (__assign({ key: key, name: title, render: function (row) { var _a; return (_a = (0, moment_1.default)(row[key]).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options)); };
50
- exports.advancedDateColumn = advancedDateColumn;
51
- var advancedMonthColumn = function (key, title, options) { return (__assign({ key: key, name: title, render: function (row) { return (row[key] ? "".concat(row[key], " mois ") : ''); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options)); };
52
- exports.advancedMonthColumn = advancedMonthColumn;
53
- var advancedNumberColumn = function (key, title, decimals, options) {
54
- if (decimals === void 0) { decimals = 2; }
55
- return (__assign({ key: key, name: title, render: function (row) { var _a; return (_a = (0, numbers_1.formatNumber)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return '#'; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; } }) }, options));
56
- };
57
- exports.advancedNumberColumn = advancedNumberColumn;
58
- var advancedMoneyColumn = function (key, title, decimals, options) {
59
- if (decimals === void 0) { decimals = 2; }
60
- return (__assign({ key: key, name: title, render: function (row) { var _a; return (_a = (0, numbers_1.formatMoney)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return '#0.00'; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; } }) }, options));
61
- };
62
- exports.advancedMoneyColumn = advancedMoneyColumn;
63
- var advancedPercentageColumn = function (key, title, options) { return (__assign({ key: key, name: title, render: function (row) { var _a; return (_a = (0, numbers_1.formatPercentage)(row[key])) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return '#0.00'; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; } }) }, options)); };
64
- exports.advancedPercentageColumn = advancedPercentageColumn;
65
- var advancedCheckboxColumn = function (key, title, options) { return (__assign({ key: key, name: title, render: function (row) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: row[key], readOnly: true }), (0, jsx_runtime_1.jsx)("span", { children: row[key] ? ' Oui' : ' Non' })] })); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; } }) }, options)); };
66
- exports.advancedCheckboxColumn = advancedCheckboxColumn;
67
- var advancedColorColumn = function (key, title, options) { return (__assign({ key: key, name: title, render: function (row) {
68
- var _a;
69
- return ((0, jsx_runtime_1.jsx)("div", { style: { backgroundColor: row[key] }, children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }));
70
- }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options)); };
71
- exports.advancedColorColumn = advancedColorColumn;
72
- var getColumnField = function (columns, columnKey) {
73
- var _a, _b;
74
- return columns[columnKey].field
75
- ? {
76
- fieldName: (_b = (_a = columns[columnKey].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : columnKey,
77
- fieldAlias: columnKey,
78
- }
79
- : {
80
- fieldName: columnKey,
81
- fieldAlias: columnKey,
82
- };
83
- };
84
- exports.getColumnField = getColumnField;
85
- var getColumnSortField = function (columns, columnKey) {
86
- var _a;
87
- return columns[columnKey].sortField
88
- ? {
89
- fieldName: (_a = columns[columnKey].sortField) !== null && _a !== void 0 ? _a : columnKey,
90
- fieldAlias: columnKey,
91
- }
92
- : {
93
- fieldName: columnKey,
94
- fieldAlias: columnKey,
95
- };
96
- };
97
- exports.getColumnSortField = getColumnSortField;
98
- var getFirstColumnField = function (columns) {
99
- return (0, exports.getColumnField)(columns, Object.keys(columns)[0]);
100
- };
101
- exports.getFirstColumnField = getFirstColumnField;
102
- var getFirstColumnSortField = function (columns) {
103
- return (0, exports.getColumnSortField)(columns, Object.keys(columns)[0]);
104
- };
105
- exports.getFirstColumnSortField = getFirstColumnSortField;
@@ -1,2 +0,0 @@
1
- export * from './advancedRequests';
2
- export * from './columns';
@@ -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("./advancedRequests"), exports);
18
- __exportStar(require("./columns"), exports);
@@ -1,2 +0,0 @@
1
- import { AdvancedRequestDataGridProps } from './types';
2
- export declare const AdvancedRequestDataGrid: <R>({ onSelectionChange: onSelectionChangeFromProps, idField, ...props }: AdvancedRequestDataGridProps<R>) => import("react/jsx-runtime").JSX.Element;
@@ -1,215 +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
- var __rest = (this && this.__rest) || function (s, e) {
37
- var t = {};
38
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
- t[p] = s[p];
40
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
- t[p[i]] = s[p[i]];
44
- }
45
- return t;
46
- };
47
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
48
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
49
- if (ar || !(i in from)) {
50
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
51
- ar[i] = from[i];
52
- }
53
- }
54
- return to.concat(ar || Array.prototype.slice.call(from));
55
- };
56
- Object.defineProperty(exports, "__esModule", { value: true });
57
- exports.AdvancedRequestDataGrid = void 0;
58
- var jsx_runtime_1 = require("react/jsx-runtime");
59
- var advancedRequests_1 = require("../../../services/advancedRequests");
60
- var lodash_1 = __importStar(require("lodash"));
61
- var helpers_1 = require("./helpers");
62
- var react_1 = require("react");
63
- var DataGrid_1 = require("../DataGrid");
64
- var AdvancedRequestDataGrid = function (_a) {
65
- var onSelectionChangeFromProps = _a.onSelectionChange, idField = _a.idField, props = __rest(_a, ["onSelectionChange", "idField"]);
66
- var currentRows = (0, react_1.useRef)([]);
67
- var _b = (0, react_1.useState)([]), rows = _b[0], setRows = _b[1];
68
- var _c = (0, react_1.useState)(0), start = _c[0], setStart = _c[1];
69
- var _d = (0, react_1.useState)(-1), length = _d[0], setLength = _d[1];
70
- var _e = (0, react_1.useState)(-1), total = _e[0], setTotal = _e[1];
71
- var advancedRequest = (0, advancedRequests_1.useAdvancedRequestHandler)();
72
- var idAdvancedRequest = (0, advancedRequests_1.useAdvancedRequestHandler)();
73
- var _f = (0, react_1.useState)({}), conditions = _f[0], setConditions = _f[1];
74
- var _g = (0, react_1.useState)([]), orderBy = _g[0], setOrderBy = _g[1];
75
- var refresh = (0, react_1.useCallback)(function () {
76
- setRows([]);
77
- setStart(0);
78
- setLength(-1);
79
- setTotal(-1);
80
- }, []);
81
- var onFiltersChanged = (0, react_1.useCallback)(function (filters) {
82
- var newConditions = (0, helpers_1.convertFiltersToConditions)(filters, props.columns);
83
- setTotal(-1);
84
- setConditions(newConditions);
85
- }, [props.columns]);
86
- var onSortsChanged = (0, react_1.useCallback)(function (sorts) {
87
- refresh();
88
- setOrderBy(Object.entries(sorts).map(function (_a) {
89
- var columnKey = _a[0], direction = _a[1];
90
- return ({
91
- field: (0, helpers_1.getColumnSortField)(props.columns, columnKey),
92
- direction: direction.toUpperCase(),
93
- });
94
- }));
95
- }, [props.columns, refresh]);
96
- var loadRows = (0, react_1.useRef)((0, lodash_1.debounce)(function (columns, conditions, orderBy, start, length, idField, getTotal) {
97
- if (getTotal === void 0) { getTotal = false; }
98
- advancedRequest((0, helpers_1.getAdvancedRequestDto)({
99
- type: props.type,
100
- columns: columns,
101
- conditions: conditions,
102
- orderBy: orderBy,
103
- start: start,
104
- length: length,
105
- getTotal: getTotal,
106
- idField: idField,
107
- })).then(function (response) {
108
- var _a;
109
- var _b;
110
- if (getTotal) {
111
- currentRows.current = Array(response.count).fill(null);
112
- if (getTotal)
113
- setTotal((_b = response.count) !== null && _b !== void 0 ? _b : 0);
114
- }
115
- var parsedRows = (0, helpers_1.parseJsonObjectFields)(response.data, columns, props.parser);
116
- (_a = currentRows.current).splice.apply(_a, __spreadArray([start, length], parsedRows, false));
117
- setRows(__spreadArray([], currentRows.current, true));
118
- });
119
- }, 100));
120
- var loadFilterValues = (0, react_1.useCallback)(function (columnKey) {
121
- var _a, _b, _c, _d, _e, _f, _g;
122
- return advancedRequest({
123
- fields: [
124
- (_a = props.columns[columnKey].field) !== null && _a !== void 0 ? _a : {
125
- fieldName: columnKey,
126
- },
127
- ],
128
- conditions: __spreadArray(__spreadArray([], ((_b = props.conditions) !== null && _b !== void 0 ? _b : []), true), Object.values(lodash_1.default.pickBy(conditions, function (_, key) { return key !== columnKey; })), true).filter(function (condition) { return condition.field !== columnKey; }),
129
- orderBy: [
130
- {
131
- field: (_g = (_e = (_c = props.columns[columnKey].filterField) !== null && _c !== void 0 ? _c : (_d = props.columns[columnKey].field) === null || _d === void 0 ? void 0 : _d.fieldAlias) !== null && _e !== void 0 ? _e : (_f = props.columns[columnKey].field) === null || _f === void 0 ? void 0 : _f.fieldName) !== null && _g !== void 0 ? _g : columnKey,
132
- direction: 'ASC',
133
- },
134
- ],
135
- type: props.type,
136
- getTotal: false,
137
- unique: true,
138
- }).then(function (response) {
139
- return response.data.map(function (row) { var _a, _b, _c; return (_c = (_b = (_a = props.columns[columnKey].filter) === null || _a === void 0 ? void 0 : _a.getter) === null || _b === void 0 ? void 0 : _b.call(_a, row)) !== null && _c !== void 0 ? _c : null; });
140
- });
141
- }, [advancedRequest, conditions, props.columns, props.conditions, props.type]);
142
- (0, react_1.useEffect)(function () {
143
- var _a, _b;
144
- return loadRows.current(props.columns, __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true), orderBy, start, length, idField, total < 0);
145
- }, [
146
- props.columns,
147
- conditions,
148
- orderBy,
149
- start,
150
- length,
151
- total,
152
- props.conditions,
153
- idField,
154
- ]);
155
- var loadCopyRows = (0, react_1.useCallback)(function () {
156
- var _a, _b;
157
- return advancedRequest((0, helpers_1.getAdvancedRequestDto)({
158
- type: props.type,
159
- columns: props.columns,
160
- conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
161
- orderBy: orderBy,
162
- start: 0,
163
- length: total,
164
- idField: idField,
165
- })).then(function (response) {
166
- return (0, helpers_1.parseJsonObjectFields)(response.data, props.columns, props.parser);
167
- });
168
- }, [
169
- advancedRequest,
170
- conditions,
171
- idField,
172
- orderBy,
173
- props.columns,
174
- props.conditions,
175
- props.parser,
176
- props.type,
177
- total,
178
- ]);
179
- var loadAllIds = (0, react_1.useCallback)(function () {
180
- var _a, _b;
181
- return idAdvancedRequest((0, helpers_1.getAdvancedRequestDto)({
182
- type: props.type,
183
- columns: {
184
- Id: {
185
- name: 'Id',
186
- field: idField !== null && idField !== void 0 ? idField : { fieldName: 'Id' },
187
- },
188
- },
189
- conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
190
- orderBy: orderBy,
191
- start: 0,
192
- length: total,
193
- idField: null,
194
- })).then(function (response) { return response.data.map(function (row) { return row['Id']; }); });
195
- }, [
196
- conditions,
197
- idAdvancedRequest,
198
- idField,
199
- orderBy,
200
- props.conditions,
201
- props.type,
202
- total,
203
- ]);
204
- var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
205
- if (newStart !== start || newLength !== length) {
206
- setStart(newStart);
207
- setLength(newLength);
208
- }
209
- }, [length, start]);
210
- var onSelectionChange = (0, react_1.useCallback)(function (selectedKeys) {
211
- onSelectionChangeFromProps === null || onSelectionChangeFromProps === void 0 ? void 0 : onSelectionChangeFromProps(selectedKeys);
212
- }, [onSelectionChangeFromProps]);
213
- return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, __assign({ onVisibleRowsChange: onVisibleRowsChanged, filter: false, sort: false, onFiltersChanged: onFiltersChanged, onSortsChanged: onSortsChanged, filterValuesLoader: loadFilterValues, rows: rows, loadCopyRows: loadCopyRows, refresh: refresh, onSelectionChange: onSelectionChange, getAllIds: loadAllIds }, props)));
214
- };
215
- exports.AdvancedRequestDataGrid = AdvancedRequestDataGrid;
@@ -1,21 +0,0 @@
1
- import { AdvancedRequestRow, ConditionDTO, FieldDTO, OrderByDTO } from '../../../services/advancedRequests';
2
- import { DataGridColumn, DataGridFilter, DataGridFilterType, DataGridProps } from '../DataGrid/types';
3
- export type AdvancedRequestDataGridFilter<T extends DataGridFilterType = DataGridFilterType> = DataGridFilter<T> & {
4
- field?: FieldDTO;
5
- };
6
- export type AdvancedRequestDataGridFilters = Record<string, AdvancedRequestDataGridFilter>;
7
- export type AdvancedRequestDataGridColumn<R> = DataGridColumn<R> & {
8
- filter?: AdvancedRequestDataGridFilter;
9
- field?: FieldDTO;
10
- filterField?: string;
11
- sortField?: string;
12
- };
13
- export type AdvancedRequestDataGridColumns<R> = AdvancedRequestDataGridColumn<R>[];
14
- export type AdvancedRequestDataGridProps<R> = Omit<DataGridProps<R>, 'rows' | 'columns'> & {
15
- columns: AdvancedRequestDataGridColumns<R>;
16
- type: string;
17
- orderBy?: OrderByDTO[];
18
- conditions?: ConditionDTO[];
19
- idField?: FieldDTO | null;
20
- parser?: (row: AdvancedRequestRow<R>) => R;
21
- };
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,10 +0,0 @@
1
- import { AdvancedRequestRow, ConditionDTO, OrderByDTO } from '../../../services/advancedRequests';
2
- import { DataGridProps } from './types';
3
- export type AdvancedRequestDataGridProps<R> = Omit<DataGridProps<R>, 'rows'> & {
4
- type: string;
5
- orderBy?: OrderByDTO[];
6
- conditions?: ConditionDTO[];
7
- addIdColumn?: boolean;
8
- parser?: (row: AdvancedRequestRow<R>) => R;
9
- };
10
- export declare const AdvancedRequestDataGrid: <R>(props: AdvancedRequestDataGridProps<R>) => import("react/jsx-runtime").JSX.Element;
@@ -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 {};