@addev-be/ui 0.7.0 → 0.7.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 (316) 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/up.svg +1 -1
  21. package/assets/icons/user-tie.svg +1 -1
  22. package/assets/icons/x-bar.svg +3 -3
  23. package/package.json +1 -1
  24. package/src/Icons.tsx +116 -116
  25. package/src/components/auth/LoginForm.tsx +83 -83
  26. package/src/components/auth/LoginPage.tsx +32 -32
  27. package/src/components/auth/PasswordRecoveryForm.tsx +52 -52
  28. package/src/components/auth/PasswordResetForm.tsx +112 -112
  29. package/src/components/auth/index.ts +4 -4
  30. package/src/components/auth/styles.ts +14 -14
  31. package/src/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.ts +93 -93
  32. package/src/components/data/AdvancedRequestDataGrid/helpers/columns.tsx +262 -262
  33. package/src/components/data/AdvancedRequestDataGrid/helpers/index.ts +2 -2
  34. package/src/components/data/AdvancedRequestDataGrid/index.tsx +267 -267
  35. package/src/components/data/AdvancedRequestDataGrid/types.ts +47 -47
  36. package/src/components/data/DataGrid/DataGridCell.tsx +73 -73
  37. package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts +14 -14
  38. package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx +59 -59
  39. package/src/components/data/DataGrid/DataGridColumnsModal/index.tsx +181 -181
  40. package/src/components/data/DataGrid/DataGridColumnsModal/styles.ts +104 -104
  41. package/src/components/data/DataGrid/DataGridEditableCell.tsx +43 -43
  42. package/src/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.tsx +120 -120
  43. package/src/components/data/DataGrid/DataGridFilterMenu/hooks.tsx +75 -75
  44. package/src/components/data/DataGrid/DataGridFilterMenu/index.tsx +360 -360
  45. package/src/components/data/DataGrid/DataGridFilterMenu/styles.ts +96 -96
  46. package/src/components/data/DataGrid/DataGridFooter.tsx +42 -42
  47. package/src/components/data/DataGrid/DataGridHeader.tsx +126 -126
  48. package/src/components/data/DataGrid/DataGridHeaderCell.tsx +132 -132
  49. package/src/components/data/DataGrid/DataGridRowTemplate.tsx +70 -70
  50. package/src/components/data/DataGrid/FilterModalContent/index.tsx +136 -136
  51. package/src/components/data/DataGrid/FilterModalContent/styles.ts +22 -22
  52. package/src/components/data/DataGrid/helpers/columns.tsx +319 -319
  53. package/src/components/data/DataGrid/helpers/filters.ts +287 -287
  54. package/src/components/data/DataGrid/helpers/index.ts +2 -2
  55. package/src/components/data/DataGrid/hooks/index.ts +30 -30
  56. package/src/components/data/DataGrid/hooks/useDataGrid.tsx +287 -287
  57. package/src/components/data/DataGrid/hooks/useDataGridCopy.ts +175 -175
  58. package/src/components/data/DataGrid/hooks/useDataGridSettings.ts +48 -48
  59. package/src/components/data/DataGrid/index.tsx +82 -82
  60. package/src/components/data/DataGrid/styles.ts +285 -285
  61. package/src/components/data/DataGrid/types.ts +276 -276
  62. package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +303 -303
  63. package/src/components/data/SqlRequestDataGrid/helpers/index.ts +2 -2
  64. package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +16 -16
  65. package/src/components/data/SqlRequestDataGrid/index.tsx +380 -380
  66. package/src/components/data/SqlRequestDataGrid/types.ts +47 -47
  67. package/src/components/data/SqlRequestGrid/helpers/index.ts +1 -2
  68. package/src/components/data/SqlRequestGrid/helpers/sqlRequests.ts +16 -16
  69. package/src/components/data/SqlRequestGrid/index.tsx +174 -174
  70. package/src/components/data/SqlRequestGrid/styles.ts +50 -50
  71. package/src/components/data/SqlRequestGrid/types.ts +50 -50
  72. package/src/components/data/VirtualScroller/hooks.ts +71 -71
  73. package/src/components/data/VirtualScroller/index.tsx +75 -75
  74. package/src/components/data/VirtualScroller/styles.ts +51 -51
  75. package/src/components/data/VirtualScroller/types.ts +12 -12
  76. package/src/components/data/index.ts +17 -17
  77. package/src/components/forms/Button.tsx +99 -99
  78. package/src/components/forms/IconButton.tsx +56 -56
  79. package/src/components/forms/IndeterminateCheckbox.tsx +46 -46
  80. package/src/components/forms/Select.tsx +40 -40
  81. package/src/components/forms/VerticalLabel.tsx +20 -20
  82. package/src/components/forms/index.ts +5 -5
  83. package/src/components/forms/styles.ts +31 -31
  84. package/src/components/index.ts +6 -6
  85. package/src/components/layout/Dropdown/index.tsx +80 -80
  86. package/src/components/layout/Dropdown/styles.ts +45 -45
  87. package/src/components/layout/Loading/index.tsx +29 -29
  88. package/src/components/layout/Loading/styles.ts +29 -29
  89. package/src/components/layout/Modal/index.tsx +51 -51
  90. package/src/components/layout/Modal/styles.ts +121 -121
  91. package/src/components/layout/index.ts +3 -3
  92. package/src/components/search/HighlightedText.tsx +37 -37
  93. package/src/components/search/QuickSearchBar.tsx +80 -80
  94. package/src/components/search/QuickSearchResults.tsx +86 -86
  95. package/src/components/search/index.ts +9 -9
  96. package/src/components/search/styles.ts +96 -96
  97. package/src/components/search/types.ts +26 -26
  98. package/src/components/ui/Card/index.tsx +14 -14
  99. package/src/components/ui/Card/styles.ts +37 -37
  100. package/src/components/ui/ContextMenu/index.tsx +79 -79
  101. package/src/components/ui/ContextMenu/styles.ts +119 -119
  102. package/src/components/ui/Message/index.tsx +57 -57
  103. package/src/components/ui/Message/styles.ts +40 -40
  104. package/src/components/ui/index.ts +3 -3
  105. package/src/config/index.ts +14 -14
  106. package/src/helpers/dates.ts +17 -17
  107. package/src/helpers/getScrollbarSize.ts +14 -14
  108. package/src/helpers/index.ts +3 -3
  109. package/src/helpers/numbers.ts +26 -26
  110. package/src/helpers/text.ts +13 -13
  111. package/src/hooks/index.ts +2 -2
  112. package/src/hooks/useElementSize.ts +24 -24
  113. package/src/hooks/useWindowSize.ts +20 -20
  114. package/src/index.ts +8 -8
  115. package/src/providers/AuthenticationProvider/helpers.ts +3 -3
  116. package/src/providers/AuthenticationProvider/index.tsx +235 -226
  117. package/src/providers/LoadingProvider/index.tsx +47 -47
  118. package/src/providers/PortalsProvider/index.tsx +54 -54
  119. package/src/providers/PortalsProvider/styles.ts +27 -27
  120. package/src/providers/SettingsProvider/index.tsx +70 -70
  121. package/src/providers/ThemeProvider/ThemeProvider.ts +63 -63
  122. package/src/providers/ThemeProvider/defaultTheme.ts +444 -444
  123. package/src/providers/ThemeProvider/index.ts +4 -4
  124. package/src/providers/ThemeProvider/types.ts +123 -123
  125. package/src/providers/UiProviders/index.tsx +65 -65
  126. package/src/providers/UiProviders/styles.ts +10 -10
  127. package/src/providers/hooks.ts +12 -12
  128. package/src/providers/index.ts +6 -6
  129. package/src/services/HttpService.ts +92 -92
  130. package/src/services/WebSocketService.ts +137 -137
  131. package/src/services/advancedRequests.ts +101 -101
  132. package/src/services/base.ts +23 -23
  133. package/src/services/globalSearch.ts +27 -27
  134. package/src/services/hooks.ts +44 -44
  135. package/src/services/index.ts +13 -13
  136. package/src/services/requests/auth.ts +44 -44
  137. package/src/services/requests/userProfiles.ts +35 -35
  138. package/src/services/requests/users.ts +28 -28
  139. package/src/services/sqlRequests.ts +110 -110
  140. package/src/services/types/auth.ts +131 -131
  141. package/src/services/types/base.ts +10 -10
  142. package/src/services/types/userProfiles.ts +107 -107
  143. package/src/services/types/users.ts +106 -104
  144. package/src/styles/animations.scss +30 -30
  145. package/src/styles/index.scss +42 -42
  146. package/src/typings.d.ts +13 -13
  147. package/dist/Icons.d.ts +0 -43
  148. package/dist/Icons.js +0 -116
  149. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +0 -14
  150. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +0 -76
  151. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +0 -22
  152. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +0 -156
  153. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +0 -2
  154. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +0 -18
  155. package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +0 -2
  156. package/dist/components/data/AdvancedRequestDataGrid/index.js +0 -215
  157. package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +0 -21
  158. package/dist/components/data/AdvancedRequestDataGrid/types.js +0 -2
  159. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.d.ts +0 -10
  160. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.js +0 -173
  161. package/dist/components/data/DataGrid/DataGridCell.d.ts +0 -2
  162. package/dist/components/data/DataGrid/DataGridCell.js +0 -59
  163. package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.d.ts +0 -2
  164. package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.js +0 -24
  165. package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.d.ts +0 -6
  166. package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js +0 -38
  167. package/dist/components/data/DataGrid/DataGridColumnsModal/index.d.ts +0 -15
  168. package/dist/components/data/DataGrid/DataGridColumnsModal/index.js +0 -111
  169. package/dist/components/data/DataGrid/DataGridColumnsModal/styles.d.ts +0 -22
  170. package/dist/components/data/DataGrid/DataGridColumnsModal/styles.js +0 -54
  171. package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +0 -2
  172. package/dist/components/data/DataGrid/DataGridEditableCell.js +0 -27
  173. package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.d.ts +0 -9
  174. package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js +0 -52
  175. package/dist/components/data/DataGrid/DataGridFilterMenu/index.d.ts +0 -9
  176. package/dist/components/data/DataGrid/DataGridFilterMenu/index.js +0 -220
  177. package/dist/components/data/DataGrid/DataGridFilterMenu/styles.d.ts +0 -9
  178. package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js +0 -21
  179. package/dist/components/data/DataGrid/DataGridFooter.d.ts +0 -4
  180. package/dist/components/data/DataGrid/DataGridFooter.js +0 -44
  181. package/dist/components/data/DataGrid/DataGridHeader.d.ts +0 -4
  182. package/dist/components/data/DataGrid/DataGridHeader.js +0 -119
  183. package/dist/components/data/DataGrid/DataGridHeaderCell.d.ts +0 -2
  184. package/dist/components/data/DataGrid/DataGridHeaderCell.js +0 -84
  185. package/dist/components/data/DataGrid/FilterModalContent/index.d.ts +0 -7
  186. package/dist/components/data/DataGrid/FilterModalContent/index.js +0 -108
  187. package/dist/components/data/DataGrid/FilterModalContent/styles.d.ts +0 -3
  188. package/dist/components/data/DataGrid/FilterModalContent/styles.js +0 -15
  189. package/dist/components/data/DataGrid/FilterValuesScroller.d.ts +0 -13
  190. package/dist/components/data/DataGrid/FilterValuesScroller.js +0 -73
  191. package/dist/components/data/DataGrid/VirtualScroller.d.ts +0 -11
  192. package/dist/components/data/DataGrid/VirtualScroller.js +0 -41
  193. package/dist/components/data/DataGrid/helpers/advancedRequests.d.ts +0 -12
  194. package/dist/components/data/DataGrid/helpers/advancedRequests.js +0 -53
  195. package/dist/components/data/DataGrid/helpers/columns.d.ts +0 -12
  196. package/dist/components/data/DataGrid/helpers/columns.js +0 -162
  197. package/dist/components/data/DataGrid/helpers/filters.d.ts +0 -17
  198. package/dist/components/data/DataGrid/helpers/filters.js +0 -254
  199. package/dist/components/data/DataGrid/helpers/index.d.ts +0 -2
  200. package/dist/components/data/DataGrid/helpers/index.js +0 -18
  201. package/dist/components/data/DataGrid/helpers.d.ts +0 -28
  202. package/dist/components/data/DataGrid/helpers.js +0 -436
  203. package/dist/components/data/DataGrid/hooks/index.d.ts +0 -7
  204. package/dist/components/data/DataGrid/hooks/index.js +0 -34
  205. package/dist/components/data/DataGrid/hooks/useDataGrid.d.ts +0 -2
  206. package/dist/components/data/DataGrid/hooks/useDataGrid.js +0 -246
  207. package/dist/components/data/DataGrid/hooks/useDataGridCopy.d.ts +0 -4
  208. package/dist/components/data/DataGrid/hooks/useDataGridCopy.js +0 -171
  209. package/dist/components/data/DataGrid/hooks/useDataGridSettings.d.ts +0 -16
  210. package/dist/components/data/DataGrid/hooks/useDataGridSettings.js +0 -43
  211. package/dist/components/data/DataGrid/index.d.ts +0 -4
  212. package/dist/components/data/DataGrid/index.js +0 -108
  213. package/dist/components/data/DataGrid/styles.d.ts +0 -64
  214. package/dist/components/data/DataGrid/styles.js +0 -134
  215. package/dist/components/data/DataGrid/types.d.ts +0 -162
  216. package/dist/components/data/DataGrid/types.js +0 -34
  217. package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts +0 -16
  218. package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +0 -125
  219. package/dist/components/data/SqlRequestDataGrid/helpers/index.d.ts +0 -2
  220. package/dist/components/data/SqlRequestDataGrid/helpers/index.js +0 -18
  221. package/dist/components/data/SqlRequestDataGrid/helpers/sqlRequests.d.ts +0 -3
  222. package/dist/components/data/SqlRequestDataGrid/helpers/sqlRequests.js +0 -18
  223. package/dist/components/data/SqlRequestDataGrid/index.d.ts +0 -2
  224. package/dist/components/data/SqlRequestDataGrid/index.js +0 -296
  225. package/dist/components/data/SqlRequestDataGrid/types.d.ts +0 -21
  226. package/dist/components/data/SqlRequestDataGrid/types.js +0 -2
  227. package/dist/components/data/index.d.ts +0 -8
  228. package/dist/components/data/index.js +0 -24
  229. package/dist/components/forms/Button.d.ts +0 -10
  230. package/dist/components/forms/Button.js +0 -70
  231. package/dist/components/forms/IconButton.d.ts +0 -7
  232. package/dist/components/forms/IconButton.js +0 -64
  233. package/dist/components/forms/IndeterminateCheckbox.d.ts +0 -8
  234. package/dist/components/forms/IndeterminateCheckbox.js +0 -41
  235. package/dist/components/forms/Select.d.ts +0 -10
  236. package/dist/components/forms/Select.js +0 -49
  237. package/dist/components/forms/index.d.ts +0 -5
  238. package/dist/components/forms/index.js +0 -23
  239. package/dist/components/forms/styles.d.ts +0 -2
  240. package/dist/components/forms/styles.js +0 -34
  241. package/dist/components/index.d.ts +0 -3
  242. package/dist/components/index.js +0 -19
  243. package/dist/components/layout/Dropdown/index.d.ts +0 -11
  244. package/dist/components/layout/Dropdown/index.js +0 -85
  245. package/dist/components/layout/Dropdown/styles.d.ts +0 -11
  246. package/dist/components/layout/Dropdown/styles.js +0 -45
  247. package/dist/components/layout/Loading/index.d.ts +0 -6
  248. package/dist/components/layout/Loading/index.js +0 -42
  249. package/dist/components/layout/Loading/styles.d.ts +0 -6
  250. package/dist/components/layout/Loading/styles.js +0 -18
  251. package/dist/components/layout/Modal/index.d.ts +0 -16
  252. package/dist/components/layout/Modal/index.js +0 -67
  253. package/dist/components/layout/Modal/styles.d.ts +0 -32
  254. package/dist/components/layout/Modal/styles.js +0 -52
  255. package/dist/components/layout/index.d.ts +0 -3
  256. package/dist/components/layout/index.js +0 -19
  257. package/dist/components/ui/ContextMenu/index.d.ts +0 -11
  258. package/dist/components/ui/ContextMenu/index.js +0 -58
  259. package/dist/components/ui/ContextMenu/styles.d.ts +0 -18
  260. package/dist/components/ui/ContextMenu/styles.js +0 -56
  261. package/dist/config/index.d.ts +0 -10
  262. package/dist/config/index.js +0 -2
  263. package/dist/config/types.d.ts +0 -11
  264. package/dist/config/types.js +0 -2
  265. package/dist/helpers/dates.d.ts +0 -2
  266. package/dist/helpers/dates.js +0 -13
  267. package/dist/helpers/getScrollbarSize.d.ts +0 -1
  268. package/dist/helpers/getScrollbarSize.js +0 -17
  269. package/dist/helpers/numbers.d.ts +0 -3
  270. package/dist/helpers/numbers.js +0 -31
  271. package/dist/hooks/index.d.ts +0 -2
  272. package/dist/hooks/index.js +0 -18
  273. package/dist/hooks/useElementSize.d.ts +0 -4
  274. package/dist/hooks/useElementSize.js +0 -23
  275. package/dist/hooks/useWindowSize.d.ts +0 -4
  276. package/dist/hooks/useWindowSize.js +0 -19
  277. package/dist/index.d.ts +0 -5
  278. package/dist/index.js +0 -21
  279. package/dist/providers/PortalsProvider/index.d.ts +0 -10
  280. package/dist/providers/PortalsProvider/index.js +0 -46
  281. package/dist/providers/PortalsProvider/styles.d.ts +0 -9
  282. package/dist/providers/PortalsProvider/styles.js +0 -21
  283. package/dist/providers/SettingsProvider/index.d.ts +0 -8
  284. package/dist/providers/SettingsProvider/index.js +0 -54
  285. package/dist/providers/ThemeProvider/ThemeProvider.d.ts +0 -7
  286. package/dist/providers/ThemeProvider/ThemeProvider.js +0 -51
  287. package/dist/providers/ThemeProvider/defaultTheme.d.ts +0 -2
  288. package/dist/providers/ThemeProvider/defaultTheme.js +0 -417
  289. package/dist/providers/ThemeProvider/index.d.ts +0 -2
  290. package/dist/providers/ThemeProvider/index.js +0 -5
  291. package/dist/providers/ThemeProvider/types.d.ts +0 -24
  292. package/dist/providers/ThemeProvider/types.js +0 -2
  293. package/dist/providers/UiProviders/index.d.ts +0 -12
  294. package/dist/providers/UiProviders/index.js +0 -62
  295. package/dist/providers/UiProviders/styles.d.ts +0 -3
  296. package/dist/providers/UiProviders/styles.js +0 -13
  297. package/dist/providers/hooks.d.ts +0 -3
  298. package/dist/providers/hooks.js +0 -13
  299. package/dist/providers/index.d.ts +0 -4
  300. package/dist/providers/index.js +0 -20
  301. package/dist/services/HttpService.d.ts +0 -10
  302. package/dist/services/HttpService.js +0 -117
  303. package/dist/services/WebSocketService.d.ts +0 -24
  304. package/dist/services/WebSocketService.js +0 -136
  305. package/dist/services/advancedRequests.d.ts +0 -41
  306. package/dist/services/advancedRequests.js +0 -13
  307. package/dist/services/base.d.ts +0 -19
  308. package/dist/services/base.js +0 -10
  309. package/dist/services/hooks.d.ts +0 -2
  310. package/dist/services/hooks.js +0 -18
  311. package/dist/services/index.d.ts +0 -2
  312. package/dist/services/index.js +0 -18
  313. package/dist/services/sqlRequests.d.ts +0 -45
  314. package/dist/services/sqlRequests.js +0 -11
  315. package/src/services/requests/userPermissions.ts +0 -36
  316. package/tsconfig.tsbuildinfo +0 -1
@@ -1,59 +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.DataGridCell = void 0;
27
- var jsx_runtime_1 = require("react/jsx-runtime");
28
- /* eslint-disable @typescript-eslint/no-explicit-any */
29
- /* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
30
- var styles = __importStar(require("./styles"));
31
- var react_1 = require("react");
32
- var DataGridEditableCell_1 = require("./DataGridEditableCell");
33
- var hooks_1 = require("./hooks");
34
- var defaultRender = function (row, col) {
35
- var value = col.propertyName ? row[col.propertyName] : '';
36
- return !value ? '' : String(value);
37
- };
38
- var DataGridCell = function (_a) {
39
- var _b, _c;
40
- var row = _a.row, rowIndex = _a.rowIndex, columnKey = _a.columnKey, columnIndex = _a.columnIndex, column = _a.column, context = _a.context, style = _a.style;
41
- var _d = (0, hooks_1.useDataGridContext)(context), name = _d.name, editable = _d.editable, _e = _d.editingCell, editingCell = _e === void 0 ? [-1, -1] : _e, setEditingCell = _d.setEditingCell, onRowDoubleClick = _d.onRowDoubleClick;
42
- var isEditable = !!editable && !!column.editable && column.type && column.getter;
43
- var isEditing = isEditable && editingCell[0] === rowIndex && editingCell[1] === columnIndex;
44
- var DataGridCellComponent = (_b = column.component) !== null && _b !== void 0 ? _b : styles.DataGridCell;
45
- var onDoubleClick = (0, react_1.useCallback)(function (e) {
46
- e.stopPropagation();
47
- e.preventDefault();
48
- if (isEditable) {
49
- setEditingCell([rowIndex, columnIndex]);
50
- }
51
- else
52
- onRowDoubleClick === null || onRowDoubleClick === void 0 ? void 0 : onRowDoubleClick(row, e);
53
- }, [columnIndex, isEditable, onRowDoubleClick, row, rowIndex, setEditingCell]);
54
- if (isEditing) {
55
- return ((0, jsx_runtime_1.jsx)(DataGridEditableCell_1.DataGridEditableCell, { row: row, rowIndex: rowIndex, columnKey: columnKey, columnIndex: columnIndex, column: column, context: context }, "".concat(name, "-").concat(rowIndex, "-").concat(columnIndex)));
56
- }
57
- return ((0, jsx_runtime_1.jsx)(DataGridCellComponent, { onDoubleClick: onDoubleClick, style: style, children: ((_c = column.render) !== null && _c !== void 0 ? _c : defaultRender)(row, column) }, "".concat(name, "-").concat(rowIndex, "-").concat(columnIndex)));
58
- };
59
- exports.DataGridCell = DataGridCell;
@@ -1,2 +0,0 @@
1
- import { DataGridColumnKeyValuePair, DataGridColumns } from '../types';
2
- export declare const normalizeColumnsOrders: <R>(columns: DataGridColumns<R> | DataGridColumnKeyValuePair<R>[]) => DataGridColumnKeyValuePair<R>[];
@@ -1,24 +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
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.normalizeColumnsOrders = void 0;
15
- var normalizeColumnsOrders = function (columns) {
16
- return (Array.isArray(columns) ? columns : Object.entries(columns)).map(function (_a, index) {
17
- var key = _a[0], column = _a[1];
18
- return [
19
- key,
20
- __assign(__assign({}, column), { order: index }),
21
- ];
22
- });
23
- };
24
- exports.normalizeColumnsOrders = normalizeColumnsOrders;
@@ -1,6 +0,0 @@
1
- import { DataGridContext } from '../types';
2
- export declare const useDataGridColumnsModal: <R>(context: DataGridContext<R>) => {
3
- openModal: () => void;
4
- closeModal: () => void;
5
- modal: import("react/jsx-runtime").JSX.Element | null;
6
- };
@@ -1,38 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDataGridColumnsModal = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- var react_1 = require("react");
6
- var forms_1 = require("../../../forms");
7
- var _1 = require(".");
8
- var Modal_1 = require("../../../layout/Modal");
9
- var lodash_1 = require("lodash");
10
- var useDataGridColumnsModal = function (context) {
11
- var _a = (0, react_1.useState)(false), isVisible = _a[0], setIsVisible = _a[1];
12
- var _b = (0, react_1.useContext)(context), columns = _b.columns, setSettings = _b.setSettings, saveSettings = _b.saveSettings;
13
- var _c = (0, react_1.useState)(columns), currentColumns = _c[0], setCurrentColumns = _c[1];
14
- var openModal = (0, react_1.useCallback)(function () {
15
- setCurrentColumns(columns);
16
- setIsVisible(true);
17
- }, [columns]);
18
- var closeModal = (0, react_1.useCallback)(function () {
19
- setIsVisible(false);
20
- }, []);
21
- var onApplyClicked = (0, react_1.useCallback)(function () {
22
- var newSettings = (0, lodash_1.mapValues)(currentColumns, function (col) {
23
- var _a, _b;
24
- return ({
25
- order: (_a = col.order) !== null && _a !== void 0 ? _a : 0,
26
- width: (_b = col.width) !== null && _b !== void 0 ? _b : 150,
27
- });
28
- });
29
- setSettings(function () { return newSettings; });
30
- saveSettings(newSettings);
31
- closeModal();
32
- }, [currentColumns, closeModal, saveSettings, setSettings]);
33
- var modal = (0, react_1.useMemo)(function () {
34
- return isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { "$width": 600, "$height": 400, children: [(0, jsx_runtime_1.jsx)(Modal_1.Modal.Header, { children: "Param\u00E8tres des colonnes" }), (0, jsx_runtime_1.jsx)(Modal_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(_1.DataGridColumnsEditor, { columns: currentColumns, onColumnsChanged: setCurrentColumns }) }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Footer, { children: [(0, jsx_runtime_1.jsx)(forms_1.Button, { onClick: closeModal, children: "Annuler" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { color: "primary", style: { marginLeft: 'auto' }, onClick: onApplyClicked, children: "Appliquer" })] })] })) : null;
35
- }, [closeModal, currentColumns, isVisible, onApplyClicked]);
36
- return { openModal: openModal, closeModal: closeModal, modal: modal };
37
- };
38
- exports.useDataGridColumnsModal = useDataGridColumnsModal;
@@ -1,15 +0,0 @@
1
- import { DataGridColumn, DataGridColumns } from '../types';
2
- import { Dispatch, SetStateAction } from 'react';
3
- export declare const DataGridColumnItem: <R>({ columnIndex, columnKey, column, visible, onUpButtonClicked, onDownButtonClicked, onVisibleButtonClicked, }: {
4
- columnIndex: number;
5
- columnKey: string;
6
- column: DataGridColumn<R>;
7
- visible: boolean;
8
- onUpButtonClicked?: (index: number) => void;
9
- onDownButtonClicked?: (index: number) => void;
10
- onVisibleButtonClicked: (key: string) => void;
11
- }) => import("react/jsx-runtime").JSX.Element;
12
- export declare const DataGridColumnsEditor: <R>({ columns, onColumnsChanged, }: {
13
- columns: DataGridColumns<R>;
14
- onColumnsChanged: Dispatch<SetStateAction<DataGridColumns<R>>>;
15
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,111 +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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
37
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
38
- if (ar || !(i in from)) {
39
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
40
- ar[i] = from[i];
41
- }
42
- }
43
- return to.concat(ar || Array.prototype.slice.call(from));
44
- };
45
- var __importDefault = (this && this.__importDefault) || function (mod) {
46
- return (mod && mod.__esModule) ? mod : { "default": mod };
47
- };
48
- Object.defineProperty(exports, "__esModule", { value: true });
49
- exports.DataGridColumnsEditor = exports.DataGridColumnItem = void 0;
50
- var jsx_runtime_1 = require("react/jsx-runtime");
51
- var styles = __importStar(require("./styles"));
52
- var react_1 = require("react");
53
- var Icons_1 = require("../../../../Icons");
54
- var IconButton_1 = require("../../../forms/IconButton");
55
- var lodash_1 = __importDefault(require("lodash"));
56
- var helpers_1 = require("./helpers");
57
- var hooks_1 = require("../hooks");
58
- var DataGridColumnItem = function (_a) {
59
- var columnIndex = _a.columnIndex, columnKey = _a.columnKey, column = _a.column, visible = _a.visible, onUpButtonClicked = _a.onUpButtonClicked, onDownButtonClicked = _a.onDownButtonClicked, onVisibleButtonClicked = _a.onVisibleButtonClicked;
60
- return ((0, jsx_runtime_1.jsxs)(styles.ColumnItem, { "$visible": visible, children: [!visible && ((0, jsx_runtime_1.jsx)(styles.Buttons, { "$visible": false, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", icon: Icons_1.LeftIcon, onClick: function () { return onVisibleButtonClicked(columnKey); } }) })), (0, jsx_runtime_1.jsx)("span", { children: column === null || column === void 0 ? void 0 : column.name }), visible && ((0, jsx_runtime_1.jsxs)(styles.Buttons, { "$visible": true, children: [onUpButtonClicked && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", icon: Icons_1.UpIcon, onClick: function () { return onUpButtonClicked(columnIndex); } })), onDownButtonClicked && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", icon: Icons_1.DownIcon, onClick: function () { return onDownButtonClicked(columnIndex); } })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", icon: Icons_1.RightIcon, onClick: function () { return onVisibleButtonClicked(columnKey); } })] }))] }));
61
- };
62
- exports.DataGridColumnItem = DataGridColumnItem;
63
- var DataGridColumnsEditor = function (_a) {
64
- var columns = _a.columns, onColumnsChanged = _a.onColumnsChanged;
65
- var _b = (0, hooks_1.useVisibleAndHiddenColumns)(columns), visibleColumns = _b[0], hiddenColumns = _b[1];
66
- var sortedVisibleColumnsEntries = (0, helpers_1.normalizeColumnsOrders)(lodash_1.default.sortBy(Object.entries(visibleColumns), function (_a) {
67
- var _b;
68
- var col = _a[1];
69
- return (_b = col.order) !== null && _b !== void 0 ? _b : 0;
70
- }));
71
- var onUpButtonClicked = (0, react_1.useCallback)(function (index) {
72
- if (index > 0) {
73
- var newArray_1 = (0, helpers_1.normalizeColumnsOrders)(__spreadArray(__spreadArray(__spreadArray([], sortedVisibleColumnsEntries.slice(0, index - 1), true), [
74
- sortedVisibleColumnsEntries[index],
75
- sortedVisibleColumnsEntries[index - 1]
76
- ], false), sortedVisibleColumnsEntries.slice(index + 1), true));
77
- onColumnsChanged(function () { return (__assign(__assign({}, Object.fromEntries(newArray_1)), hiddenColumns)); });
78
- }
79
- }, [hiddenColumns, onColumnsChanged, sortedVisibleColumnsEntries]);
80
- var onDownButtonClicked = (0, react_1.useCallback)(function (index) {
81
- if (index < sortedVisibleColumnsEntries.length - 1) {
82
- var newArray_2 = (0, helpers_1.normalizeColumnsOrders)(__spreadArray(__spreadArray(__spreadArray([], sortedVisibleColumnsEntries.slice(0, index), true), [
83
- sortedVisibleColumnsEntries[index + 1],
84
- sortedVisibleColumnsEntries[index]
85
- ], false), sortedVisibleColumnsEntries.slice(index + 2), true));
86
- onColumnsChanged(function () { return (__assign(__assign({}, Object.fromEntries(newArray_2)), hiddenColumns)); });
87
- }
88
- }, [hiddenColumns, onColumnsChanged, sortedVisibleColumnsEntries]);
89
- var onHideButtonClicked = (0, react_1.useCallback)(function (columnKey) {
90
- onColumnsChanged(function (prev) {
91
- var _a;
92
- return (__assign(__assign({}, prev), (_a = {}, _a[columnKey] = __assign(__assign({}, prev[columnKey]), { order: -1 }), _a)));
93
- });
94
- }, [onColumnsChanged]);
95
- var onShowButtonClicked = (0, react_1.useCallback)(function (columnKey) {
96
- onColumnsChanged(function (prev) {
97
- var _a;
98
- return (__assign(__assign({}, prev), (_a = {}, _a[columnKey] = __assign(__assign({}, hiddenColumns[columnKey]), { order: Object.keys(prev).length }), _a)));
99
- });
100
- }, [hiddenColumns, onColumnsChanged]);
101
- return ((0, jsx_runtime_1.jsxs)(styles.Container, { children: [(0, jsx_runtime_1.jsxs)(styles.Panel, { children: [(0, jsx_runtime_1.jsx)(styles.Title, { children: "Colonnes visibles" }), (0, jsx_runtime_1.jsx)(styles.ColumnsList, { children: sortedVisibleColumnsEntries.map(function (_a, index) {
102
- var key = _a[0], column = _a[1];
103
- return ((0, jsx_runtime_1.jsx)(exports.DataGridColumnItem, { columnKey: key, columnIndex: index, column: column, visible: true, onUpButtonClicked: index > 0 ? onUpButtonClicked : undefined, onDownButtonClicked: index < sortedVisibleColumnsEntries.length - 1
104
- ? onDownButtonClicked
105
- : undefined, onVisibleButtonClicked: onHideButtonClicked }, key));
106
- }) })] }), (0, jsx_runtime_1.jsxs)(styles.Panel, { children: [(0, jsx_runtime_1.jsx)(styles.Title, { children: "Colonnes masqu\u00E9es" }), (0, jsx_runtime_1.jsx)(styles.ColumnsList, { children: Object.entries(hiddenColumns).map(function (_a, index) {
107
- var key = _a[0], column = _a[1];
108
- return ((0, jsx_runtime_1.jsx)(exports.DataGridColumnItem, { columnKey: key, columnIndex: index, column: column, visible: false, onVisibleButtonClicked: onShowButtonClicked }, key));
109
- }) })] })] }));
110
- };
111
- exports.DataGridColumnsEditor = DataGridColumnsEditor;
@@ -1,22 +0,0 @@
1
- export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
2
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
- }>, never>, never>> & string;
4
- export declare const Panel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
5
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
6
- }>, never>, never>> & string;
7
- export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
8
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
9
- }>, never>, never>> & string;
10
- export declare const ColumnsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
11
- ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
12
- }>, never>, never>> & string;
13
- export declare const ColumnItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
14
- ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
15
- }>, never>, {
16
- $visible?: boolean;
17
- }>> & string;
18
- export declare const Buttons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
19
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
20
- }>, never>, {
21
- $visible?: boolean;
22
- }>> & string;
@@ -1,54 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
- if (k2 === undefined) k2 = k;
8
- var desc = Object.getOwnPropertyDescriptor(m, k);
9
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
- desc = { enumerable: true, get: function() { return m[k]; } };
11
- }
12
- Object.defineProperty(o, k2, desc);
13
- }) : (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- o[k2] = m[k];
16
- }));
17
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
- Object.defineProperty(o, "default", { enumerable: true, value: v });
19
- }) : function(o, v) {
20
- o["default"] = v;
21
- });
22
- var __importStar = (this && this.__importStar) || function (mod) {
23
- if (mod && mod.__esModule) return mod;
24
- var result = {};
25
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
- __setModuleDefault(result, mod);
27
- return result;
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- exports.Buttons = exports.ColumnItem = exports.ColumnsList = exports.Title = exports.Panel = exports.Container = void 0;
31
- var styled_components_1 = __importStar(require("styled-components"));
32
- exports.Container = styled_components_1.default.div.attrs({
33
- className: 'DataGridColumnsModal-Container',
34
- })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n gap: var(--space-2);\n overflow: auto;\n font-size: var(--text-base);\n height: 100%;\n"], ["\n display: flex;\n flex-direction: row;\n gap: var(--space-2);\n overflow: auto;\n font-size: var(--text-base);\n height: 100%;\n"])));
35
- exports.Panel = styled_components_1.default.div.attrs({
36
- className: 'DataGridColumnsModal-Panel',
37
- })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex: 1;\n"], ["\n display: flex;\n flex-direction: column;\n flex: 1;\n"])));
38
- exports.Title = styled_components_1.default.div.attrs({
39
- className: 'DataGridColumnsModal-Title',
40
- })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0;\n margin-bottom: var(--space-2);\n font-weight: bold;\n"], ["\n margin: 0;\n margin-bottom: var(--space-2);\n font-weight: bold;\n"])));
41
- exports.ColumnsList = styled_components_1.default.ul.attrs({
42
- className: 'DataGridColumnsModal-ColumnsList',
43
- })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow: auto;\n border: 1px solid var(--color-neutral-200);\n margin: 0;\n background-color: var(--color-neutral-50);\n\n & > li:not(:last-child) {\n border-bottom: 1px solid var(--color-neutral-100);\n }\n"], ["\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow: auto;\n border: 1px solid var(--color-neutral-200);\n margin: 0;\n background-color: var(--color-neutral-50);\n\n & > li:not(:last-child) {\n border-bottom: 1px solid var(--color-neutral-100);\n }\n"])));
44
- exports.ColumnItem = styled_components_1.default.li.attrs({
45
- className: 'DataGridColumnsModal-ColumnItem',
46
- })(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: var(--space-1);\n transition: background-color 0.2s;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--space-2);\n\n span {\n flex: 1;\n }\n\n button {\n display: none;\n padding: var(--space-1);\n width: var(--space-6);\n height: var(--space-6);\n border-radius: var(--rounded-full);\n background-color: var(--color-neutral-200);\n border: none;\n align-items: center;\n justify-content: center;\n }\n\n &:hover {\n background-color: var(--color-neutral-100);\n button {\n display: flex;\n background-color: var(--color-neutral-300);\n }\n }\n"], ["\n padding: var(--space-1);\n transition: background-color 0.2s;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--space-2);\n\n span {\n flex: 1;\n }\n\n button {\n display: none;\n padding: var(--space-1);\n width: var(--space-6);\n height: var(--space-6);\n border-radius: var(--rounded-full);\n background-color: var(--color-neutral-200);\n border: none;\n align-items: center;\n justify-content: center;\n }\n\n &:hover {\n background-color: var(--color-neutral-100);\n button {\n display: flex;\n background-color: var(--color-neutral-300);\n }\n }\n"])));
47
- exports.Buttons = styled_components_1.default.div.attrs({
48
- className: 'DataGridColumnsModal-Buttons',
49
- })(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n gap: var(--space-1);\n height: var(--space-6);\n ", "\n\n svg {\n width: var(--space-4);\n height: var(--space-4);\n }\n"], ["\n display: flex;\n gap: var(--space-1);\n height: var(--space-6);\n ", "\n\n svg {\n width: var(--space-4);\n height: var(--space-4);\n }\n"])), function (_a) {
50
- var $visible = _a.$visible;
51
- return $visible
52
- ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: var(--space-24);\n justify-content: flex-end;\n "], ["\n width: var(--space-24);\n justify-content: flex-end;\n "]))) : (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: var(--space-6);\n "], ["\n width: var(--space-6);\n "])));
53
- });
54
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
@@ -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,9 +0,0 @@
1
- import { DataGridContext } from '../types';
2
- export declare const useFilterModal: <R>({ columnKey, context, }: {
3
- columnKey: string;
4
- context: DataGridContext<R>;
5
- }) => {
6
- openModal: () => void;
7
- closeModal: () => void;
8
- modal: import("react/jsx-runtime").JSX.Element | null;
9
- };
@@ -1,52 +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
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.useFilterModal = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
16
- var Icons_1 = require("../../../../Icons");
17
- var react_1 = require("react");
18
- var forms_1 = require("../../../forms");
19
- var FilterModalContent_1 = require("../FilterModalContent");
20
- var Modal_1 = require("../../../layout/Modal");
21
- var hooks_1 = require("../hooks");
22
- var useFilterModal = function (_a) {
23
- var _b;
24
- var columnKey = _a.columnKey, context = _a.context;
25
- var _c = (0, react_1.useState)(false), isVisible = _c[0], setIsVisible = _c[1];
26
- var _d = (0, hooks_1.useDataGridContext)(context), _e = _d.filters, filters = _e === void 0 ? {} : _e, columns = _d.columns, setFilters = _d.setFilters;
27
- var column = columns[columnKey];
28
- var _f = (0, react_1.useState)((_b = filters[columnKey]) !== null && _b !== void 0 ? _b : column === null || column === void 0 ? void 0 : column.filter), currentFilter = _f[0], setCurrentFilter = _f[1];
29
- var openModal = (0, react_1.useCallback)(function () {
30
- setIsVisible(true);
31
- }, []);
32
- var closeModal = (0, react_1.useCallback)(function () {
33
- setIsVisible(false);
34
- }, []);
35
- var onClearClicked = (0, react_1.useCallback)(function () {
36
- var newFilters = __assign({}, filters);
37
- delete newFilters[columnKey];
38
- setFilters(newFilters);
39
- closeModal();
40
- }, [closeModal, columnKey, filters, setFilters]);
41
- var onApplyClicked = (0, react_1.useCallback)(function () {
42
- var _a;
43
- setFilters(__assign(__assign({}, filters), (_a = {}, _a[columnKey] = currentFilter, _a)));
44
- closeModal();
45
- }, [closeModal, columnKey, currentFilter, filters, setFilters]);
46
- var onCancelClicked = (0, react_1.useCallback)(function () {
47
- closeModal();
48
- }, [closeModal]);
49
- var modal = isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { children: [(0, jsx_runtime_1.jsxs)(Modal_1.Modal.Header, { children: ["Filtrer \"", column.name, "\""] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.ContentWithIcon, { children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterIcon, { fill: "var(--color-primary-400)" }), (0, jsx_runtime_1.jsx)(FilterModalContent_1.FilterModalContent, { filter: currentFilter, onFilterChanged: setCurrentFilter })] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Buttons, { children: [(0, jsx_runtime_1.jsx)(forms_1.Button, { color: "danger", icon: Icons_1.FilterSlashIcon, onClick: onClearClicked, children: "Supprimer" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { style: { marginLeft: 'auto' }, color: "primary", icon: Icons_1.FilterIcon, onClick: onApplyClicked, children: "Filtrer" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { onClick: onCancelClicked, children: "Annuler" })] })] })) : null;
50
- return { openModal: openModal, closeModal: closeModal, modal: modal };
51
- };
52
- exports.useFilterModal = useFilterModal;
@@ -1,9 +0,0 @@
1
- import { DataGridContext } from '../types';
2
- type FilterValuesProps<R> = {
3
- columnKey: string;
4
- columnIndex: number;
5
- context: DataGridContext<R>;
6
- onClose?: () => void;
7
- };
8
- export declare const DataGridFilterMenu: <R>({ columnKey, context, onClose, }: FilterValuesProps<R>) => import("react/jsx-runtime").JSX.Element;
9
- export {};