@addev-be/ui 0.20.3 → 0.20.5

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 (265) hide show
  1. package/assets/icons/table.svg +1 -1
  2. package/dist/Icons.d.ts +1 -11
  3. package/dist/Icons.js +1 -22
  4. package/dist/components/auth/LoginForm.js +1 -1
  5. package/dist/components/auth/PasswordRecoveryForm.js +1 -1
  6. package/dist/components/auth/PasswordResetForm.js +1 -1
  7. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +14 -0
  8. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +76 -0
  9. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +22 -0
  10. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +156 -0
  11. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +2 -0
  12. package/dist/{helpers/styled → components/data/AdvancedRequestDataGrid/helpers}/index.js +2 -1
  13. package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +2 -0
  14. package/dist/components/data/AdvancedRequestDataGrid/index.js +215 -0
  15. package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +21 -0
  16. package/dist/components/data/DataGrid/DataGridCell.js +5 -5
  17. package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.d.ts +2 -2
  18. package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.js +7 -1
  19. package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js +3 -3
  20. package/dist/components/data/DataGrid/DataGridColumnsModal/index.js +21 -16
  21. package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +2 -0
  22. package/dist/components/data/DataGrid/DataGridEditableCell.js +27 -0
  23. package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.js +1 -17
  24. package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.d.ts +3 -4
  25. package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js +12 -11
  26. package/dist/components/data/DataGrid/DataGridFilterMenu/index.d.ts +4 -5
  27. package/dist/components/data/DataGrid/DataGridFilterMenu/index.js +40 -44
  28. package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js +1 -1
  29. package/dist/components/data/DataGrid/DataGridFooter.js +5 -5
  30. package/dist/components/data/DataGrid/DataGridHeader.js +8 -52
  31. package/dist/components/data/DataGrid/DataGridHeaderCell.d.ts +1 -1
  32. package/dist/components/data/DataGrid/DataGridHeaderCell.js +24 -11
  33. package/dist/components/data/DataGrid/DataGridRowTemplate.d.ts +1 -1
  34. package/dist/components/data/DataGrid/DataGridRowTemplate.js +9 -8
  35. package/dist/components/data/DataGrid/FilterModalContent/index.js +1 -1
  36. package/dist/components/data/DataGrid/helpers/columns.d.ts +12 -13
  37. package/dist/components/data/DataGrid/helpers/columns.js +130 -100
  38. package/dist/components/data/DataGrid/hooks/index.d.ts +3 -3
  39. package/dist/components/data/DataGrid/hooks/index.js +12 -8
  40. package/dist/components/data/DataGrid/hooks/useDataGrid.js +24 -73
  41. package/dist/components/data/DataGrid/hooks/useDataGridCopy.js +30 -25
  42. package/dist/components/data/DataGrid/index.d.ts +2 -2
  43. package/dist/components/data/DataGrid/index.js +3 -17
  44. package/dist/components/data/DataGrid/styles.d.ts +8 -13
  45. package/dist/components/data/DataGrid/styles.js +30 -58
  46. package/dist/components/data/DataGrid/types.d.ts +17 -87
  47. package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts +17 -16
  48. package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +84 -237
  49. package/dist/components/data/SqlRequestDataGrid/index.d.ts +2 -2
  50. package/dist/components/data/SqlRequestDataGrid/index.js +68 -92
  51. package/dist/components/data/SqlRequestDataGrid/types.d.ts +3 -13
  52. package/dist/components/data/SqlRequestDataGrid/types.js +0 -1
  53. package/dist/components/data/SqlRequestGrid/index.d.ts +1 -1
  54. package/dist/components/data/SqlRequestGrid/index.js +50 -139
  55. package/dist/components/data/SqlRequestGrid/styles.d.ts +12 -0
  56. package/dist/components/data/SqlRequestGrid/styles.js +20 -4
  57. package/dist/components/data/SqlRequestGrid/types.d.ts +4 -14
  58. package/dist/components/data/VirtualScroller/index.d.ts +3 -4
  59. package/dist/components/data/VirtualScroller/index.js +5 -15
  60. package/dist/components/data/VirtualScroller/styles.d.ts +2 -4
  61. package/dist/components/data/VirtualScroller/styles.js +6 -9
  62. package/dist/components/data/index.d.ts +2 -1
  63. package/dist/components/data/index.js +2 -1
  64. package/dist/components/forms/Button.d.ts +4 -11
  65. package/dist/components/forms/Button.js +9 -15
  66. package/dist/components/forms/IconButton.d.ts +1 -2
  67. package/dist/components/forms/IconButton.js +12 -12
  68. package/dist/components/forms/Select.d.ts +6 -5
  69. package/dist/components/forms/Select.js +5 -2
  70. package/dist/components/forms/index.d.ts +0 -4
  71. package/dist/components/forms/index.js +0 -4
  72. package/dist/components/forms/styles.d.ts +3 -17
  73. package/dist/components/forms/styles.js +7 -8
  74. package/dist/components/layout/Dropdown/index.d.ts +0 -1
  75. package/dist/components/layout/Dropdown/index.js +3 -24
  76. package/dist/components/layout/Modal/styles.js +1 -1
  77. package/dist/components/layout/index.d.ts +1 -5
  78. package/dist/components/layout/index.js +1 -5
  79. package/dist/components/search/HighlightedText.js +7 -9
  80. package/dist/components/search/QuickSearchBar.d.ts +2 -6
  81. package/dist/components/search/QuickSearchBar.js +7 -7
  82. package/dist/components/search/styles.js +1 -1
  83. package/dist/components/search/types.d.ts +0 -3
  84. package/dist/components/ui/Card/styles.js +1 -1
  85. package/dist/components/ui/index.d.ts +0 -4
  86. package/dist/components/ui/index.js +0 -4
  87. package/dist/helpers/index.d.ts +0 -2
  88. package/dist/helpers/index.js +0 -2
  89. package/dist/helpers/numbers.d.ts +0 -3
  90. package/dist/helpers/numbers.js +1 -33
  91. package/dist/hooks/index.d.ts +0 -5
  92. package/dist/hooks/index.js +0 -5
  93. package/dist/index.d.ts +0 -1
  94. package/dist/index.js +0 -1
  95. package/dist/providers/AuthenticationProvider/index.d.ts +0 -1
  96. package/dist/providers/AuthenticationProvider/index.js +15 -57
  97. package/dist/providers/PortalsProvider/styles.js +1 -1
  98. package/dist/providers/ThemeProvider/defaultTheme.js +0 -13
  99. package/dist/providers/ThemeProvider/types.d.ts +1 -2
  100. package/dist/providers/UiProviders/index.js +1 -2
  101. package/dist/providers/index.d.ts +0 -2
  102. package/dist/providers/index.js +0 -2
  103. package/dist/services/WebSocketService.d.ts +0 -8
  104. package/dist/services/WebSocketService.js +2 -34
  105. package/dist/services/globalSearch.d.ts +2 -6
  106. package/dist/services/hooks.d.ts +0 -10
  107. package/dist/services/hooks.js +2 -89
  108. package/dist/services/index.d.ts +0 -7
  109. package/dist/services/index.js +0 -20
  110. package/package.json +2 -2
  111. package/src/components/data/DataGrid/DataGridCell.tsx +13 -11
  112. package/src/components/data/DataGrid/DataGridHeader.tsx +0 -111
  113. package/src/components/data/DataGrid/DataGridToolbar.tsx +134 -0
  114. package/src/components/data/DataGrid/index.tsx +37 -29
  115. package/src/components/data/DataGrid/styles.ts +38 -5
  116. package/src/components/data/DataGrid/types.ts +12 -7
  117. package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +16 -21
  118. package/src/components/data/VirtualScroller/index.tsx +0 -2
  119. package/src/components/data/VirtualScroller/styles.ts +0 -1
  120. package/src/components/forms/Form/Checkbox.tsx +1 -1
  121. package/src/components/forms/styles.ts +3 -2
  122. package/src/components/ui/Avatar/styles.ts +61 -61
  123. package/src/components/ui/Label.tsx +90 -90
  124. package/src/components/ui/TabsView/TabsList.tsx +44 -0
  125. package/src/components/ui/TabsView/TabsView.tsx +29 -0
  126. package/src/components/ui/TabsView/index.ts +3 -0
  127. package/src/components/ui/{Tab → TabsView}/styles.ts +66 -64
  128. package/src/components/ui/{Tab → TabsView}/types.ts +12 -17
  129. package/src/components/ui/index.ts +1 -1
  130. package/src/helpers/styled/index.ts +1 -1
  131. package/src/helpers/styled/space.ts +111 -55
  132. package/src/providers/ThemeProvider/types.ts +2 -0
  133. package/src/providers/TrackingProvider/hooks.ts +14 -14
  134. package/tsconfig.tsbuildinfo +1 -1
  135. package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.d.ts +0 -2
  136. package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.js +0 -23
  137. package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.d.ts +0 -2
  138. package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.js +0 -27
  139. package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.d.ts +0 -7
  140. package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.js +0 -34
  141. package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.d.ts +0 -2
  142. package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.js +0 -23
  143. package/dist/components/data/DataGrid/DataGridEditableCell/index.d.ts +0 -2
  144. package/dist/components/data/DataGrid/DataGridEditableCell/index.js +0 -91
  145. package/dist/components/data/DataGrid/DataGridEditableCell/styles.d.ts +0 -3
  146. package/dist/components/data/DataGrid/DataGridEditableCell/styles.js +0 -17
  147. package/dist/components/data/DataGrid/DataGridEditableCell/types.d.ts +0 -11
  148. package/dist/components/data/DataGrid/DataGridEditableCell/types.js +0 -3
  149. package/dist/components/data/DataGrid/constants.d.ts +0 -6
  150. package/dist/components/data/DataGrid/constants.js +0 -9
  151. package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.d.ts +0 -9
  152. package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.js +0 -91
  153. package/dist/components/data/DataGrid/hooks/useRefreshModal.d.ts +0 -5
  154. package/dist/components/data/DataGrid/hooks/useRefreshModal.js +0 -25
  155. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.d.ts +0 -2
  156. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.js +0 -19
  157. package/dist/components/data/SqlRequestDataGrid/styles.d.ts +0 -2
  158. package/dist/components/data/SqlRequestDataGrid/styles.js +0 -14
  159. package/dist/components/data/SqlRequestForeignList/index.d.ts +0 -4
  160. package/dist/components/data/SqlRequestForeignList/index.js +0 -131
  161. package/dist/components/data/SqlRequestForeignList/styles.d.ts +0 -9
  162. package/dist/components/data/SqlRequestForeignList/styles.js +0 -22
  163. package/dist/components/data/SqlRequestForeignList/types.d.ts +0 -22
  164. package/dist/components/data/SqlRequestForeignList/types.js +0 -3
  165. package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.d.ts +0 -10
  166. package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.js +0 -51
  167. package/dist/components/data/SqlRequestGrid/filters/styles.d.ts +0 -4
  168. package/dist/components/data/SqlRequestGrid/filters/styles.js +0 -17
  169. package/dist/components/forms/AutoTextArea.d.ts +0 -10
  170. package/dist/components/forms/AutoTextArea.js +0 -41
  171. package/dist/components/forms/Form/Checkbox.d.ts +0 -3
  172. package/dist/components/forms/Form/Checkbox.js +0 -33
  173. package/dist/components/forms/Form/FormGroup.d.ts +0 -11
  174. package/dist/components/forms/Form/FormGroup.js +0 -10
  175. package/dist/components/forms/Form/Input.d.ts +0 -3
  176. package/dist/components/forms/Form/Input.js +0 -33
  177. package/dist/components/forms/Form/Row.d.ts +0 -9
  178. package/dist/components/forms/Form/Row.js +0 -10
  179. package/dist/components/forms/Form/Select.d.ts +0 -18
  180. package/dist/components/forms/Form/Select.js +0 -51
  181. package/dist/components/forms/Form/TextArea.d.ts +0 -4
  182. package/dist/components/forms/Form/TextArea.js +0 -34
  183. package/dist/components/forms/Form/index.d.ts +0 -81
  184. package/dist/components/forms/Form/index.js +0 -29
  185. package/dist/components/forms/Form/styles.d.ts +0 -19
  186. package/dist/components/forms/Form/styles.js +0 -49
  187. package/dist/components/forms/NumberInput.d.ts +0 -9
  188. package/dist/components/forms/NumberInput.js +0 -40
  189. package/dist/components/layout/Columns.d.ts +0 -6
  190. package/dist/components/layout/Columns.js +0 -23
  191. package/dist/components/layout/Flexbox.d.ts +0 -11
  192. package/dist/components/layout/Flexbox.js +0 -26
  193. package/dist/components/layout/Grid/index.d.ts +0 -6
  194. package/dist/components/layout/Grid/index.js +0 -6
  195. package/dist/components/layout/Grid/styles.d.ts +0 -14
  196. package/dist/components/layout/Grid/styles.js +0 -29
  197. package/dist/components/layout/Masonry/index.d.ts +0 -3
  198. package/dist/components/layout/Masonry/index.js +0 -20
  199. package/dist/components/layout/Masonry/styles.d.ts +0 -5
  200. package/dist/components/layout/Masonry/styles.js +0 -17
  201. package/dist/components/ui/Avatar/index.d.ts +0 -10
  202. package/dist/components/ui/Avatar/index.js +0 -52
  203. package/dist/components/ui/Avatar/styles.d.ts +0 -4
  204. package/dist/components/ui/Avatar/styles.js +0 -43
  205. package/dist/components/ui/Ellipsis.d.ts +0 -13
  206. package/dist/components/ui/Ellipsis.js +0 -28
  207. package/dist/components/ui/Label.d.ts +0 -9
  208. package/dist/components/ui/Label.js +0 -74
  209. package/dist/components/ui/Tab/index.d.ts +0 -3
  210. package/dist/components/ui/Tab/index.js +0 -12
  211. package/dist/components/ui/Tab/styles.d.ts +0 -6
  212. package/dist/components/ui/Tab/styles.js +0 -41
  213. package/dist/components/ui/Tab/types.d.ts +0 -13
  214. package/dist/components/ui/Tabs/index.d.ts +0 -2
  215. package/dist/components/ui/Tabs/index.js +0 -10
  216. package/dist/components/ui/Tabs/styles.d.ts +0 -0
  217. package/dist/components/ui/Tabs/styles.js +0 -1
  218. package/dist/components/ui/Tabs/types.d.ts +0 -8
  219. package/dist/components/ui/Tabs/types.js +0 -2
  220. package/dist/components/ui/Tab/302/265/index.d.ts +0 -2
  221. package/dist/components/ui/Tab/302/265/index.js +0 -10
  222. package/dist/components/ui/Tab/302/265/styles.d.ts +0 -0
  223. package/dist/components/ui/Tab/302/265/styles.js +0 -1
  224. package/dist/components/ui/Tab/302/265/types.d.ts +0 -8
  225. package/dist/components/ui/Tab/302/265/types.js +0 -2
  226. package/dist/components/ui/ToastNotification.d.ts +0 -14
  227. package/dist/components/ui/ToastNotification.js +0 -78
  228. package/dist/helpers/responsive.d.ts +0 -37
  229. package/dist/helpers/responsive.js +0 -57
  230. package/dist/helpers/styled/index.d.ts +0 -1
  231. package/dist/helpers/styled/space.d.ts +0 -23
  232. package/dist/helpers/styled/space.js +0 -56
  233. package/dist/hooks/useContainerMediaQuery.d.ts +0 -17
  234. package/dist/hooks/useContainerMediaQuery.js +0 -10
  235. package/dist/hooks/useMediaQuery.d.ts +0 -17
  236. package/dist/hooks/useMediaQuery.js +0 -11
  237. package/dist/hooks/useMediaQueryForWidth.d.ts +0 -17
  238. package/dist/hooks/useMediaQueryForWidth.js +0 -26
  239. package/dist/hooks/useMutableState.d.ts +0 -2
  240. package/dist/hooks/useMutableState.js +0 -16
  241. package/dist/hooks/useShowArchived.d.ts +0 -6
  242. package/dist/hooks/useShowArchived.js +0 -21
  243. package/dist/poppins-700.woff2 +0 -0
  244. package/dist/providers/ThemeProvider/helpers.d.ts +0 -8
  245. package/dist/providers/ThemeProvider/helpers.js +0 -53
  246. package/dist/providers/TrackingProvider/hooks.d.ts +0 -1
  247. package/dist/providers/TrackingProvider/hooks.js +0 -15
  248. package/dist/providers/TrackingProvider/index.d.ts +0 -8
  249. package/dist/providers/TrackingProvider/index.js +0 -41
  250. package/dist/services/requests/generic.d.ts +0 -29
  251. package/dist/services/requests/generic.js +0 -29
  252. package/dist/services/requests/tracking.d.ts +0 -18
  253. package/dist/services/requests/tracking.js +0 -8
  254. package/dist/services/smartQueries.d.ts +0 -51
  255. package/dist/services/smartQueries.js +0 -10
  256. package/dist/services/smartRequests.d.ts +0 -0
  257. package/dist/services/smartRequests.js +0 -1
  258. package/dist/services/types/generic.d.ts +0 -44
  259. package/dist/services/types/generic.js +0 -79
  260. package/dist/services/types/tracking.d.ts +0 -24
  261. package/dist/services/types/tracking.js +0 -47
  262. package/dist/services/updateSqlRequests.d.ts +0 -24
  263. package/dist/services/updateSqlRequests.js +0 -7
  264. package/src/components/ui/Tab/index.tsx +0 -35
  265. /package/dist/components/{ui/Tab → data/AdvancedRequestDataGrid}/types.js +0 -0
@@ -1,64 +1,66 @@
1
- import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
2
- import styled, { css } from 'styled-components';
3
-
4
- import { getColorWithIntensity } from '../../../providers/ThemeProvider/helpers';
5
-
6
- export const TabViewContainer = styled.div`
7
- display: flex;
8
- flex-direction: column;
9
- height: 100%;
10
- `;
11
-
12
- export const TabListContainer = styled.div<{}>`
13
- display: flex;
14
- gap: var(--space-4);
15
- flex-shrink: 0;
16
- overflow-x: scroll;
17
- scrollbar-width: none;
18
- padding: var(--space-2) var(--space-2);
19
- font-size: var(--text-base);
20
- white-space: nowrap;
21
- `;
22
-
23
- export const TabContainer = styled.div<{
24
- $color?: ThemeColorWithIntensity | ThemeColor;
25
- $isActive?: boolean;
26
- }>`
27
- display: flex;
28
- align-items: center;
29
- height: var(--space-8);
30
- gap: var(--space-2);
31
- cursor: pointer;
32
- padding: 0 var(--space-2);
33
-
34
- ${({ $color = 'primary' }) => css`
35
- &:hover {
36
- color: var(--color-${getColorWithIntensity($color, 500)});
37
- fill: var(--color-${getColorWithIntensity($color, 500)});
38
- }
39
- svg {
40
- height: var(--space-4);
41
- width: var(--space-4);
42
- }
43
- `};
44
-
45
- ${({ $isActive, $color = 'primary' }) =>
46
- $isActive &&
47
- css`
48
- border-bottom: var(--space-0_5) solid;
49
- color: var(--color-${getColorWithIntensity($color, 500)});
50
- fill: var(--color-${getColorWithIntensity($color, 500)});
51
- `}
52
- `;
53
-
54
- export const TabContentContainer = styled.div<{
55
- $isOverflow?: boolean;
56
- }>`
57
- display: flex;
58
- height: 100%;
59
-
60
- ${({ $isOverflow }) => css`
61
- overflow: ${$isOverflow ? 'auto' : 'hidden'};
62
- scroll-behavior: smooth;
63
- `}
64
- `;
1
+ import { SpaceProps, space } from '../../../helpers/styled';
2
+ import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
3
+ import styled, { css } from 'styled-components';
4
+
5
+ import { getColorWithIntensity } from '../../../providers/ThemeProvider/helpers';
6
+
7
+ export const TabsViewContainer = styled.div`
8
+ display: flex;
9
+ flex-direction: column;
10
+ height: 100%;
11
+ `;
12
+
13
+ export const TabsListContainer = styled.div<SpaceProps>`
14
+ display: flex;
15
+ gap: var(--space-4);
16
+ flex-shrink: 0;
17
+ overflow-x: scroll;
18
+ scrollbar-width: none;
19
+ font-size: var(--text-lg);
20
+ white-space: nowrap;
21
+
22
+ ${space}
23
+ `;
24
+
25
+ export const TabContainer = styled.div<{
26
+ $color?: ThemeColorWithIntensity | ThemeColor;
27
+ $isActive?: boolean;
28
+ }>`
29
+ display: flex;
30
+ align-items: center;
31
+ height: var(--space-8);
32
+ gap: var(--space-2);
33
+ cursor: pointer;
34
+ padding: 0 var(--space-2);
35
+
36
+ ${({ $color = 'primary' }) => css`
37
+ &:hover {
38
+ color: var(--color-${getColorWithIntensity($color, 500)});
39
+ fill: var(--color-${getColorWithIntensity($color, 500)});
40
+ }
41
+ svg {
42
+ height: var(--space-4);
43
+ width: var(--space-4);
44
+ }
45
+ `};
46
+
47
+ ${({ $isActive, $color = 'primary' }) =>
48
+ $isActive &&
49
+ css`
50
+ border-bottom: var(--space-0_5) solid;
51
+ color: var(--color-${getColorWithIntensity($color, 500)});
52
+ fill: var(--color-${getColorWithIntensity($color, 500)});
53
+ `}
54
+ `;
55
+
56
+ export const TabContentContainer = styled.div<{
57
+ $isOverflow?: boolean;
58
+ }>`
59
+ display: flex;
60
+ height: 100%;
61
+
62
+ ${({ $isOverflow }) => css`
63
+ overflow: ${$isOverflow ? 'auto' : 'hidden'};
64
+ scroll-behavior: smooth;
65
+ `}
66
+ `;
@@ -1,17 +1,12 @@
1
- import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
2
-
3
- import { IconFC } from '../../../Icons';
4
- import { ReactNode } from 'react';
5
-
6
- export type Tab = {
7
- color?: ThemeColorWithIntensity | ThemeColor;
8
- content: ReactNode;
9
- icon?: IconFC;
10
- key?: string;
11
- tabName: string;
12
- };
13
-
14
- export type TabProps = {
15
- tabs: Tab[];
16
- overflow?: boolean;
17
- };
1
+ import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
2
+
3
+ import { IconFC } from '../../../Icons';
4
+ import { ReactNode } from 'react';
5
+
6
+ export type Tab = {
7
+ color?: ThemeColorWithIntensity | ThemeColor;
8
+ content: ReactNode;
9
+ icon?: IconFC;
10
+ key?: string;
11
+ tabName: string;
12
+ };
@@ -4,4 +4,4 @@ export * from './ContextMenu';
4
4
  export * from './Ellipsis';
5
5
  export * from './Label';
6
6
  export * from './Message';
7
- export * from './Tab';
7
+ export * from './TabsView';
@@ -1 +1 @@
1
- export * from './space';
1
+ export * from './space';
@@ -1,55 +1,111 @@
1
- import { ThemeSpace } from '../../providers';
2
- import { css } from 'styled-components';
3
-
4
- export type MarginProps = {
5
- m?: ThemeSpace;
6
- mx?: ThemeSpace;
7
- my?: ThemeSpace;
8
- mt?: ThemeSpace;
9
- mr?: ThemeSpace;
10
- mb?: ThemeSpace;
11
- ml?: ThemeSpace;
12
- };
13
-
14
- export const margins = css<MarginProps>`
15
- ${({ m }) => m && `margin: var(--space-${m});`}
16
- ${({ mx }) =>
17
- mx && `margin-left: var(--space-${mx}); margin-right: var(--space-${mx});`}
18
- ${({ my }) =>
19
- my && `margin-top: var(--space-${my}); margin-bottom: var(--space-${my});`}
20
- ${({ mt }) => mt && `margin-top: var(--space-${mt});`}
21
- ${({ mr }) => mr && `margin-right: var(--space-${mr});`}
22
- ${({ mb }) => mb && `margin-bottom: var(--space-${mb});`}
23
- ${({ ml }) => ml && `margin-left: var(--space-${ml});`}
24
- `;
25
-
26
- export type PaddingProps = {
27
- p?: ThemeSpace;
28
- px?: ThemeSpace;
29
- py?: ThemeSpace;
30
- pt?: ThemeSpace;
31
- pr?: ThemeSpace;
32
- pb?: ThemeSpace;
33
- pl?: ThemeSpace;
34
- };
35
-
36
- export const paddings = css<PaddingProps>`
37
- ${({ p }) => p && `padding: var(--space-${p});`}
38
- ${({ px }) =>
39
- px &&
40
- `padding-left: var(--space-${px}); padding-right: var(--space-${px});`}
41
- ${({ py }) =>
42
- py &&
43
- `padding-top: var(--space-${py}); padding-bottom: var(--space-${py});`}
44
- ${({ pt }) => pt && `padding-top: var(--space-${pt});`}
45
- ${({ pr }) => pr && `padding-right: var(--space-${pr});`}
46
- ${({ pb }) => pb && `padding-bottom: var(--space-${pb});`}
47
- ${({ pl }) => pl && `padding-left: var(--space-${pl});`}
48
- `;
49
-
50
- export type SpaceProps = MarginProps & PaddingProps;
51
-
52
- export const space = css<SpaceProps>`
53
- ${margins}
54
- ${paddings}
55
- `;
1
+ import { ThemeSpace, ThemeSpaceWithNegative } from '../../providers';
2
+
3
+ import { css } from 'styled-components';
4
+
5
+ export type MarginProps = {
6
+ m?: ThemeSpace | ThemeSpaceWithNegative;
7
+ mx?: ThemeSpace | ThemeSpaceWithNegative;
8
+ my?: ThemeSpace | ThemeSpaceWithNegative;
9
+ mt?: ThemeSpace | ThemeSpaceWithNegative;
10
+ mr?: ThemeSpace | ThemeSpaceWithNegative;
11
+ mb?: ThemeSpace | ThemeSpaceWithNegative;
12
+ ml?: ThemeSpace | ThemeSpaceWithNegative;
13
+ };
14
+
15
+ export const margins = css<MarginProps>`
16
+ ${({ m }) =>
17
+ m && m.startsWith('-')
18
+ ? `margin: calc(0 - var(--space-${m.substring(1)}));`
19
+ : `margin: var(--space-${m});`}
20
+ ${({ mx }) =>
21
+ mx && mx.startsWith('-')
22
+ ? `margin-left: calc(0 - var(--space-${mx.substring(
23
+ 1
24
+ )})); margin-right: calc(0 - var(--space-${mx.substring(1)}));`
25
+ : `margin-left: var(--space-${mx}); margin-right: var(--space-${mx});`}
26
+ ${({ my }) =>
27
+ my && my.startsWith('-')
28
+ ? `margin-top: calc(0 - var(--space-${my.substring(
29
+ 1
30
+ )})); margin-bottom: calc(0 - var(--space-${my.substring(1)}));`
31
+ : `margin-top: var(--space-${my}); margin-bottom: var(--space-${my});`}
32
+ ${({ mt }) =>
33
+ mt && mt.startsWith('-')
34
+ ? `margin-top: calc(0 - var(--space-${mt.substring(1)}));`
35
+ : `margin-top: var(--space-${mt});`}
36
+ ${({ mr }) =>
37
+ mr && mr.startsWith('-')
38
+ ? `margin-right: calc(0 - var(--space-${mr.substring(1)}));`
39
+ : `margin-right: var(--space-${mr});`}
40
+ ${({ mb }) =>
41
+ mb && mb.startsWith('-')
42
+ ? `margin-bottom: calc(0 - var(--space-${mb.substring(1)}));`
43
+ : `margin-bottom: var(--space-${mb});`}
44
+ ${({ ml }) =>
45
+ ml && ml.startsWith('-')
46
+ ? `margin-left: calc(0 - var(--space-${ml.substring(1)}));`
47
+ : `margin-left: var(--space-${ml});`}
48
+ `;
49
+
50
+ export type PaddingProps = {
51
+ p?: ThemeSpace;
52
+ px?: ThemeSpace;
53
+ py?: ThemeSpace;
54
+ pt?: ThemeSpace;
55
+ pr?: ThemeSpace;
56
+ pb?: ThemeSpace;
57
+ pl?: ThemeSpace;
58
+ };
59
+
60
+ export const paddings = css<PaddingProps>`
61
+ ${({ p }) => p && `padding: var(--space-${p});`}
62
+ ${({ px }) =>
63
+ px &&
64
+ `padding-left: var(--space-${px}); padding-right: var(--space-${px});`}
65
+ ${({ py }) =>
66
+ py &&
67
+ `padding-top: var(--space-${py}); padding-bottom: var(--space-${py});`}
68
+ ${({ pt }) => pt && `padding-top: var(--space-${pt});`}
69
+ ${({ pr }) => pr && `padding-right: var(--space-${pr});`}
70
+ ${({ pb }) => pb && `padding-bottom: var(--space-${pb});`}
71
+ ${({ pl }) => pl && `padding-left: var(--space-${pl});`}
72
+ `;
73
+
74
+ export type SpaceProps = MarginProps & PaddingProps;
75
+
76
+ export const extractSpaceProps = ({
77
+ m,
78
+ mx,
79
+ my,
80
+ mt,
81
+ mr,
82
+ mb,
83
+ ml,
84
+ p,
85
+ px,
86
+ py,
87
+ pt,
88
+ pr,
89
+ pb,
90
+ pl,
91
+ }: SpaceProps) => ({
92
+ m,
93
+ mx,
94
+ my,
95
+ mt,
96
+ mr,
97
+ mb,
98
+ ml,
99
+ p,
100
+ px,
101
+ py,
102
+ pt,
103
+ pr,
104
+ pb,
105
+ pl,
106
+ });
107
+
108
+ export const space = css<SpaceProps>`
109
+ ${margins}
110
+ ${paddings}
111
+ `;
@@ -89,6 +89,8 @@ export type ThemeSpace =
89
89
  | '80'
90
90
  | '96'
91
91
  | '128';
92
+ export type ThemeSpaceWithNegative = ThemeSpace | `-${ThemeSpace}`;
93
+
92
94
  export type ThemeSize =
93
95
  | '0'
94
96
  | '0_5'
@@ -1,14 +1,14 @@
1
- import { useContext, useEffect } from 'react';
2
-
3
- import { TrackingContext } from '.';
4
- import { useLocation } from 'react-router-dom';
5
-
6
- export const useLocationTracking = () => {
7
- const { sendEvent } = useContext(TrackingContext);
8
- const { pathname, search } = useLocation();
9
- const pathWithSearch = `${pathname}${search}`;
10
-
11
- useEffect(() => {
12
- sendEvent('PageView', { path: pathWithSearch });
13
- }, [pathWithSearch, sendEvent]);
14
- };
1
+ import { useContext, useEffect } from 'react';
2
+
3
+ import { TrackingContext } from '.';
4
+ import { useLocation } from 'react-router-dom';
5
+
6
+ export const useLocationTracking = () => {
7
+ const { sendEvent } = useContext(TrackingContext);
8
+ const { pathname, search } = useLocation();
9
+ const pathWithSearch = `${pathname}${search}`;
10
+
11
+ useEffect(() => {
12
+ sendEvent('PageView', { path: pathWithSearch });
13
+ }, [pathWithSearch, sendEvent]);
14
+ };
@@ -1 +1 @@
1
- {"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/auth/loginform.tsx","./src/components/auth/loginpage.tsx","./src/components/auth/passwordrecoveryform.tsx","./src/components/auth/passwordresetform.tsx","./src/components/auth/index.ts","./src/components/auth/styles.ts","./src/components/data/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/datagridrowtemplate.tsx","./src/components/data/datagrid/constants.ts","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagrideditablecell/checkboxeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/dateeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/numbereditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/texteditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/index.tsx","./src/components/data/datagrid/datagrideditablecell/styles.ts","./src/components/data/datagrid/datagrideditablecell/types.ts","./src/components/data/datagrid/datagridfiltermenu/filtervaluesscroller.tsx","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridchangedrows.ts","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/datagrid/hooks/userefreshmodal.tsx","./src/components/data/sqlrequestdatagrid/sqlrequestforeignlisteditablecell.tsx","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/styles.ts","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/data/sqlrequestforeignlist/index.tsx","./src/components/data/sqlrequestforeignlist/styles.ts","./src/components/data/sqlrequestforeignlist/types.ts","./src/components/data/sqlrequestgrid/index.tsx","./src/components/data/sqlrequestgrid/styles.ts","./src/components/data/sqlrequestgrid/types.ts","./src/components/data/sqlrequestgrid/filters/filterssidebar.tsx","./src/components/data/sqlrequestgrid/filters/styles.ts","./src/components/data/sqlrequestgrid/helpers/index.ts","./src/components/data/sqlrequestgrid/helpers/sqlrequests.ts","./src/components/data/virtualscroller/hooks.ts","./src/components/data/virtualscroller/index.tsx","./src/components/data/virtualscroller/styles.ts","./src/components/data/virtualscroller/types.ts","./src/components/forms/autotextarea.tsx","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/numberinput.tsx","./src/components/forms/select.tsx","./src/components/forms/verticallabel.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/forms/form/checkbox.tsx","./src/components/forms/form/formgroup.tsx","./src/components/forms/form/input.tsx","./src/components/forms/form/row.tsx","./src/components/forms/form/select.tsx","./src/components/forms/form/textarea.tsx","./src/components/forms/form/index.tsx","./src/components/forms/form/styles.ts","./src/components/layout/columns.ts","./src/components/layout/flexbox.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/grid/index.tsx","./src/components/layout/grid/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/masonry/index.tsx","./src/components/layout/masonry/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/search/highlightedtext.tsx","./src/components/search/quicksearchbar.tsx","./src/components/search/quicksearchresults.tsx","./src/components/search/index.ts","./src/components/search/styles.ts","./src/components/search/types.ts","./src/components/ui/ellipsis.tsx","./src/components/ui/label.tsx","./src/components/ui/index.ts","./src/components/ui/avatar/index.tsx","./src/components/ui/avatar/styles.ts","./src/components/ui/card/index.tsx","./src/components/ui/card/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/components/ui/message/index.tsx","./src/components/ui/message/styles.ts","./src/components/ui/tab/index.tsx","./src/components/ui/tab/styles.ts","./src/components/ui/tab/types.ts","./src/config/index.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/index.ts","./src/helpers/numbers.ts","./src/helpers/responsive.ts","./src/helpers/text.ts","./src/helpers/styled/index.ts","./src/helpers/styled/space.ts","./src/hooks/index.ts","./src/hooks/usecontainermediaquery.ts","./src/hooks/useelementsize.ts","./src/hooks/usemediaquery.ts","./src/hooks/usemediaqueryforwidth.ts","./src/hooks/usemutablestate.ts","./src/hooks/useshowarchived.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/authenticationprovider/helpers.ts","./src/providers/authenticationprovider/index.tsx","./src/providers/loadingprovider/index.tsx","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/helpers.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/trackingprovider/hooks.ts","./src/providers/trackingprovider/index.tsx","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/globalsearch.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/smartqueries.ts","./src/services/smartrequests.ts","./src/services/sqlrequests.ts","./src/services/updatesqlrequests.ts","./src/services/requests/auth.ts","./src/services/requests/generic.ts","./src/services/requests/tracking.ts","./src/services/requests/userprofiles.ts","./src/services/requests/users.ts","./src/services/types/auth.ts","./src/services/types/base.ts","./src/services/types/generic.ts","./src/services/types/tracking.ts","./src/services/types/userprofiles.ts","./src/services/types/users.ts"],"version":"5.6.2"}
1
+ {"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/auth/loginform.tsx","./src/components/auth/loginpage.tsx","./src/components/auth/passwordrecoveryform.tsx","./src/components/auth/passwordresetform.tsx","./src/components/auth/index.ts","./src/components/auth/styles.ts","./src/components/data/index.ts","./src/components/data/advancedrequestdatagrid/index.tsx","./src/components/data/advancedrequestdatagrid/types.ts","./src/components/data/advancedrequestdatagrid/helpers/advancedrequests.ts","./src/components/data/advancedrequestdatagrid/helpers/columns.tsx","./src/components/data/advancedrequestdatagrid/helpers/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagrideditablecell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/datagridrowtemplate.tsx","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagridfiltermenu/filtervaluesscroller.tsx","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/data/sqlrequestgrid/index.tsx","./src/components/data/sqlrequestgrid/styles.ts","./src/components/data/sqlrequestgrid/types.ts","./src/components/data/sqlrequestgrid/helpers/index.ts","./src/components/data/sqlrequestgrid/helpers/sqlrequests.ts","./src/components/data/virtualscroller/hooks.ts","./src/components/data/virtualscroller/index.tsx","./src/components/data/virtualscroller/styles.ts","./src/components/data/virtualscroller/types.ts","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/select.tsx","./src/components/forms/verticallabel.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/search/highlightedtext.tsx","./src/components/search/quicksearchbar.tsx","./src/components/search/quicksearchresults.tsx","./src/components/search/index.ts","./src/components/search/styles.ts","./src/components/search/types.ts","./src/components/ui/index.ts","./src/components/ui/card/index.tsx","./src/components/ui/card/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/components/ui/message/index.tsx","./src/components/ui/message/styles.ts","./src/config/index.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/index.ts","./src/helpers/numbers.ts","./src/helpers/text.ts","./src/hooks/index.ts","./src/hooks/useelementsize.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/authenticationprovider/helpers.ts","./src/providers/authenticationprovider/index.tsx","./src/providers/loadingprovider/index.tsx","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/globalsearch.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/sqlrequests.ts","./src/services/requests/auth.ts","./src/services/requests/userprofiles.ts","./src/services/requests/users.ts","./src/services/types/auth.ts","./src/services/types/base.ts","./src/services/types/userprofiles.ts","./src/services/types/users.ts"],"version":"5.6.2"}
@@ -1,2 +0,0 @@
1
- import { DataGridEditableCellProps } from './types';
2
- export declare const CheckboxEditableCell: <R>(props: DataGridEditableCellProps<R, boolean> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CheckboxEditableCell = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- var react_1 = require("react");
6
- var CheckboxEditableCellInner = function (_a, ref) {
7
- var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
8
- var onBlur = (0, react_1.useCallback)(function () {
9
- onClose(true);
10
- }, [onClose]);
11
- var onKeyDown = (0, react_1.useCallback)(function (e) {
12
- if (e.key === 'Enter') {
13
- e.preventDefault();
14
- onClose(true);
15
- }
16
- else if (e.key === 'Escape') {
17
- e.preventDefault();
18
- onClose(false);
19
- }
20
- }, [onClose]);
21
- return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", checked: value, onChange: function (e) { return onChange(e.target.checked); }, onBlur: onBlur, onKeyDown: onKeyDown }));
22
- };
23
- exports.CheckboxEditableCell = (0, react_1.forwardRef)(CheckboxEditableCellInner);
@@ -1,2 +0,0 @@
1
- import { DataGridEditableCellProps } from './types';
2
- export declare const DateEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
@@ -1,27 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DateEditableCell = void 0;
7
- var jsx_runtime_1 = require("react/jsx-runtime");
8
- var react_1 = require("react");
9
- var moment_1 = __importDefault(require("moment"));
10
- var DateEditableCellInner = function (_a, ref) {
11
- var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
12
- var onBlur = (0, react_1.useCallback)(function () {
13
- onClose(true);
14
- }, [onClose]);
15
- var onKeyDown = (0, react_1.useCallback)(function (e) {
16
- if (e.key === 'Enter') {
17
- e.preventDefault();
18
- onClose(true);
19
- }
20
- else if (e.key === 'Escape') {
21
- e.preventDefault();
22
- onClose(false);
23
- }
24
- }, [onClose]);
25
- return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "date", value: (0, moment_1.default)(value).format('YYYY-MM-DD'), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
26
- };
27
- exports.DateEditableCell = (0, react_1.forwardRef)(DateEditableCellInner);
@@ -1,7 +0,0 @@
1
- import { DataGridEditableCellProps } from './types';
2
- export declare const NumberEditableCell: <R>(props: DataGridEditableCellProps<R, number> & {
3
- decimals?: number;
4
- currency?: string | ((row: R) => string);
5
- prefix?: string;
6
- suffix?: string;
7
- } & import("react").RefAttributes<HTMLElement>) => import("react").JSX.Element | null;
@@ -1,34 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NumberEditableCell = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- var react_1 = require("react");
6
- var numbers_1 = require("../../../../helpers/numbers");
7
- var react_number_format_1 = require("react-number-format");
8
- var NumberEditableCellInner = function (_a, ref) {
9
- var _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, currency = _a.currency, prefixFromProps = _a.prefix, suffixFromProps = _a.suffix, row = _a.row, value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
10
- var currencyName = typeof currency === 'function' ? currency(row) : currency;
11
- var _c = currencyName
12
- ? (0, numbers_1.getCurrencySymbol)(currencyName)
13
- : [undefined, undefined], prefixFromCurrency = _c[0], suffixFromCurrency = _c[1];
14
- var prefix = prefixFromProps || prefixFromCurrency;
15
- var suffix = suffixFromProps || suffixFromCurrency;
16
- var onBlur = (0, react_1.useCallback)(function () {
17
- onClose(true);
18
- }, [onClose]);
19
- var onKeyDown = (0, react_1.useCallback)(function (e) {
20
- if (e.key === 'Enter') {
21
- e.preventDefault();
22
- onClose(true);
23
- }
24
- else if (e.key === 'Escape') {
25
- e.preventDefault();
26
- onClose(false);
27
- }
28
- }, [onClose]);
29
- return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { getInputRef: ref, value: Number(value), onChange: function (e) {
30
- console.log('e:', e);
31
- onChange((0, numbers_1.parseNumber)(e.target.value));
32
- }, onBlur: onBlur, onKeyDown: onKeyDown, decimalSeparator: numbers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }));
33
- };
34
- exports.NumberEditableCell = (0, react_1.forwardRef)(NumberEditableCellInner);
@@ -1,2 +0,0 @@
1
- import { DataGridEditableCellProps } from './types';
2
- export declare const TextEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TextEditableCell = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- var react_1 = require("react");
6
- var TextEditableCellInner = function (_a, ref) {
7
- var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
8
- var onBlur = (0, react_1.useCallback)(function () {
9
- onClose(true);
10
- }, [onClose]);
11
- var onKeyDown = (0, react_1.useCallback)(function (e) {
12
- if (e.key === 'Enter') {
13
- e.preventDefault();
14
- onClose(true);
15
- }
16
- else if (e.key === 'Escape') {
17
- e.preventDefault();
18
- onClose(false);
19
- }
20
- }, [onClose]);
21
- return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "text", value: String(value), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
22
- };
23
- exports.TextEditableCell = (0, react_1.forwardRef)(TextEditableCellInner);
@@ -1,2 +0,0 @@
1
- import { EditableDataGridCellProps } from '../types';
2
- export declare const DataGridEditableCell: <R, T>({ row, columnKey, column, context, }: EditableDataGridCellProps<R, T>) => import("react/jsx-runtime").JSX.Element;