@addev-be/ui 0.18.2 → 0.19.1

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 (219) hide show
  1. package/assets/icons/table.svg +1 -1
  2. package/assets/icons/trash-can.svg +1 -0
  3. package/dist/Icons.d.ts +1 -9
  4. package/dist/Icons.js +1 -17
  5. package/dist/components/auth/LoginForm.js +1 -1
  6. package/dist/components/auth/PasswordRecoveryForm.js +1 -1
  7. package/dist/components/auth/PasswordResetForm.js +1 -1
  8. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +14 -0
  9. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +76 -0
  10. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +22 -0
  11. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +156 -0
  12. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +2 -0
  13. package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +18 -0
  14. package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +2 -0
  15. package/dist/components/data/AdvancedRequestDataGrid/index.js +215 -0
  16. package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +21 -0
  17. package/dist/components/data/{DataGrid/DataGridEditableCell → AdvancedRequestDataGrid}/types.js +0 -1
  18. package/dist/components/data/DataGrid/DataGridCell.js +5 -5
  19. package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.d.ts +2 -2
  20. package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.js +7 -1
  21. package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js +3 -3
  22. package/dist/components/data/DataGrid/DataGridColumnsModal/index.js +21 -16
  23. package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +2 -0
  24. package/dist/components/data/DataGrid/DataGridEditableCell.js +27 -0
  25. package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.js +1 -17
  26. package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.d.ts +3 -4
  27. package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js +12 -11
  28. package/dist/components/data/DataGrid/DataGridFilterMenu/index.d.ts +4 -5
  29. package/dist/components/data/DataGrid/DataGridFilterMenu/index.js +40 -44
  30. package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js +1 -1
  31. package/dist/components/data/DataGrid/DataGridFooter.js +5 -5
  32. package/dist/components/data/DataGrid/DataGridHeader.js +6 -40
  33. package/dist/components/data/DataGrid/DataGridHeaderCell.d.ts +1 -1
  34. package/dist/components/data/DataGrid/DataGridHeaderCell.js +23 -11
  35. package/dist/components/data/DataGrid/DataGridRowTemplate.d.ts +1 -1
  36. package/dist/components/data/DataGrid/DataGridRowTemplate.js +9 -8
  37. package/dist/components/data/DataGrid/FilterModalContent/index.js +1 -1
  38. package/dist/components/data/DataGrid/helpers/columns.d.ts +12 -13
  39. package/dist/components/data/DataGrid/helpers/columns.js +130 -100
  40. package/dist/components/data/DataGrid/hooks/index.d.ts +3 -3
  41. package/dist/components/data/DataGrid/hooks/index.js +12 -8
  42. package/dist/components/data/DataGrid/hooks/useDataGrid.js +23 -71
  43. package/dist/components/data/DataGrid/hooks/useDataGridCopy.js +30 -25
  44. package/dist/components/data/DataGrid/index.js +3 -16
  45. package/dist/components/data/DataGrid/styles.d.ts +8 -13
  46. package/dist/components/data/DataGrid/styles.js +30 -58
  47. package/dist/components/data/DataGrid/types.d.ts +15 -81
  48. package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts +17 -16
  49. package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +84 -236
  50. package/dist/components/data/SqlRequestDataGrid/index.js +63 -77
  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 +49 -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 +2 -9
  65. package/dist/components/forms/Button.js +7 -13
  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/layout/Dropdown/index.d.ts +0 -1
  73. package/dist/components/layout/Dropdown/index.js +3 -24
  74. package/dist/components/layout/index.d.ts +1 -4
  75. package/dist/components/layout/index.js +1 -4
  76. package/dist/components/search/QuickSearchBar.js +0 -6
  77. package/dist/components/ui/Card/styles.js +1 -1
  78. package/dist/components/ui/index.d.ts +0 -3
  79. package/dist/components/ui/index.js +0 -3
  80. package/dist/helpers/index.d.ts +0 -1
  81. package/dist/helpers/index.js +0 -1
  82. package/dist/helpers/numbers.d.ts +0 -3
  83. package/dist/helpers/numbers.js +1 -33
  84. package/dist/hooks/index.d.ts +0 -5
  85. package/dist/hooks/index.js +0 -5
  86. package/dist/index.d.ts +0 -1
  87. package/dist/index.js +0 -1
  88. package/dist/providers/AuthenticationProvider/index.js +3 -4
  89. package/dist/providers/PortalsProvider/styles.js +1 -1
  90. package/dist/providers/ThemeProvider/defaultTheme.js +0 -13
  91. package/dist/providers/ThemeProvider/types.d.ts +1 -2
  92. package/dist/providers/UiProviders/index.js +1 -2
  93. package/dist/providers/index.d.ts +0 -2
  94. package/dist/providers/index.js +0 -2
  95. package/dist/services/globalSearch.d.ts +1 -2
  96. package/dist/services/index.d.ts +0 -7
  97. package/dist/services/index.js +0 -20
  98. package/eslint.config.js +2 -27
  99. package/package.json +4 -13
  100. package/src/Icons.tsx +2 -0
  101. package/src/components/data/DataGrid/types.ts +1 -1
  102. package/src/components/data/SqlRequestDataGrid/index.tsx +22 -11
  103. package/src/components/forms/Form/Select.tsx +8 -2
  104. package/src/components/forms/Form/index.tsx +11 -11
  105. package/src/components/forms/Form/styles.ts +5 -1
  106. package/src/components/forms/NumberInput.tsx +53 -53
  107. package/src/components/layout/Columns.ts +5 -1
  108. package/src/components/search/styles.ts +1 -1
  109. package/src/components/ui/Avatar/styles.ts +61 -61
  110. package/src/components/ui/Label.tsx +90 -90
  111. package/src/helpers/index.ts +1 -0
  112. package/src/helpers/styled/index.ts +1 -0
  113. package/src/helpers/styled/space.ts +55 -0
  114. package/src/providers/TrackingProvider/hooks.ts +14 -14
  115. package/tsconfig.tsbuildinfo +1 -1
  116. package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.d.ts +0 -2
  117. package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.js +0 -23
  118. package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.d.ts +0 -2
  119. package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.js +0 -27
  120. package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.d.ts +0 -5
  121. package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.js +0 -32
  122. package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.d.ts +0 -2
  123. package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.js +0 -23
  124. package/dist/components/data/DataGrid/DataGridEditableCell/index.d.ts +0 -2
  125. package/dist/components/data/DataGrid/DataGridEditableCell/index.js +0 -91
  126. package/dist/components/data/DataGrid/DataGridEditableCell/styles.d.ts +0 -3
  127. package/dist/components/data/DataGrid/DataGridEditableCell/styles.js +0 -17
  128. package/dist/components/data/DataGrid/DataGridEditableCell/types.d.ts +0 -11
  129. package/dist/components/data/DataGrid/constants.d.ts +0 -6
  130. package/dist/components/data/DataGrid/constants.js +0 -9
  131. package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.d.ts +0 -9
  132. package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.js +0 -71
  133. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.d.ts +0 -2
  134. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.js +0 -19
  135. package/dist/components/data/SqlRequestDataGrid/styles.d.ts +0 -2
  136. package/dist/components/data/SqlRequestDataGrid/styles.js +0 -14
  137. package/dist/components/data/SqlRequestForeignList/index.d.ts +0 -4
  138. package/dist/components/data/SqlRequestForeignList/index.js +0 -131
  139. package/dist/components/data/SqlRequestForeignList/styles.d.ts +0 -9
  140. package/dist/components/data/SqlRequestForeignList/styles.js +0 -22
  141. package/dist/components/data/SqlRequestForeignList/types.d.ts +0 -22
  142. package/dist/components/data/SqlRequestForeignList/types.js +0 -3
  143. package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.d.ts +0 -10
  144. package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.js +0 -51
  145. package/dist/components/data/SqlRequestGrid/filters/styles.d.ts +0 -4
  146. package/dist/components/data/SqlRequestGrid/filters/styles.js +0 -17
  147. package/dist/components/forms/AutoTextArea.d.ts +0 -10
  148. package/dist/components/forms/AutoTextArea.js +0 -40
  149. package/dist/components/forms/Form/Checkbox.d.ts +0 -3
  150. package/dist/components/forms/Form/Checkbox.js +0 -33
  151. package/dist/components/forms/Form/FormGroup.d.ts +0 -9
  152. package/dist/components/forms/Form/FormGroup.js +0 -10
  153. package/dist/components/forms/Form/Input.d.ts +0 -3
  154. package/dist/components/forms/Form/Input.js +0 -33
  155. package/dist/components/forms/Form/Row.d.ts +0 -9
  156. package/dist/components/forms/Form/Row.js +0 -10
  157. package/dist/components/forms/Form/Select.d.ts +0 -18
  158. package/dist/components/forms/Form/Select.js +0 -47
  159. package/dist/components/forms/Form/TextArea.d.ts +0 -4
  160. package/dist/components/forms/Form/TextArea.js +0 -34
  161. package/dist/components/forms/Form/index.d.ts +0 -80
  162. package/dist/components/forms/Form/index.js +0 -29
  163. package/dist/components/forms/Form/styles.d.ts +0 -19
  164. package/dist/components/forms/Form/styles.js +0 -49
  165. package/dist/components/forms/NumberInput.d.ts +0 -9
  166. package/dist/components/forms/NumberInput.js +0 -41
  167. package/dist/components/layout/Columns.d.ts +0 -5
  168. package/dist/components/layout/Columns.js +0 -19
  169. package/dist/components/layout/Grid/index.d.ts +0 -6
  170. package/dist/components/layout/Grid/index.js +0 -6
  171. package/dist/components/layout/Grid/styles.d.ts +0 -14
  172. package/dist/components/layout/Grid/styles.js +0 -29
  173. package/dist/components/layout/Masonry/index.d.ts +0 -3
  174. package/dist/components/layout/Masonry/index.js +0 -20
  175. package/dist/components/layout/Masonry/styles.d.ts +0 -5
  176. package/dist/components/layout/Masonry/styles.js +0 -17
  177. package/dist/components/ui/Avatar/index.d.ts +0 -10
  178. package/dist/components/ui/Avatar/index.js +0 -52
  179. package/dist/components/ui/Avatar/styles.d.ts +0 -4
  180. package/dist/components/ui/Avatar/styles.js +0 -43
  181. package/dist/components/ui/Ellipsis.d.ts +0 -13
  182. package/dist/components/ui/Ellipsis.js +0 -28
  183. package/dist/components/ui/Label.d.ts +0 -9
  184. package/dist/components/ui/Label.js +0 -74
  185. package/dist/components/ui/ToastNotification.d.ts +0 -14
  186. package/dist/components/ui/ToastNotification.js +0 -78
  187. package/dist/helpers/responsive.d.ts +0 -37
  188. package/dist/helpers/responsive.js +0 -57
  189. package/dist/hooks/useContainerMediaQuery.d.ts +0 -17
  190. package/dist/hooks/useContainerMediaQuery.js +0 -10
  191. package/dist/hooks/useMediaQuery.d.ts +0 -17
  192. package/dist/hooks/useMediaQuery.js +0 -11
  193. package/dist/hooks/useMediaQueryForWidth.d.ts +0 -17
  194. package/dist/hooks/useMediaQueryForWidth.js +0 -26
  195. package/dist/hooks/useMutableState.d.ts +0 -2
  196. package/dist/hooks/useMutableState.js +0 -16
  197. package/dist/hooks/useShowArchived.d.ts +0 -6
  198. package/dist/hooks/useShowArchived.js +0 -21
  199. package/dist/poppins-700.woff2 +0 -0
  200. package/dist/providers/ThemeProvider/helpers.d.ts +0 -3
  201. package/dist/providers/ThemeProvider/helpers.js +0 -13
  202. package/dist/providers/TrackingProvider/hooks.d.ts +0 -1
  203. package/dist/providers/TrackingProvider/hooks.js +0 -15
  204. package/dist/providers/TrackingProvider/index.d.ts +0 -8
  205. package/dist/providers/TrackingProvider/index.js +0 -41
  206. package/dist/services/requests/generic.d.ts +0 -29
  207. package/dist/services/requests/generic.js +0 -29
  208. package/dist/services/requests/tracking.d.ts +0 -18
  209. package/dist/services/requests/tracking.js +0 -8
  210. package/dist/services/smartQueries.d.ts +0 -51
  211. package/dist/services/smartQueries.js +0 -10
  212. package/dist/services/smartRequests.d.ts +0 -0
  213. package/dist/services/smartRequests.js +0 -1
  214. package/dist/services/types/generic.d.ts +0 -44
  215. package/dist/services/types/generic.js +0 -79
  216. package/dist/services/types/tracking.d.ts +0 -24
  217. package/dist/services/types/tracking.js +0 -47
  218. package/dist/services/updateSqlRequests.d.ts +0 -24
  219. package/dist/services/updateSqlRequests.js +0 -7
@@ -1,61 +1,61 @@
1
- import styled, { css } from 'styled-components';
2
-
3
- export type AvatarContainerProps = {
4
- size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- };
6
-
7
- const stylesMap: Record<
8
- AvatarContainerProps['size'],
9
- ReturnType<typeof css>
10
- > = {
11
- xs: css`
12
- width: var(--size-6);
13
- height: var(--size-6);
14
- min-width: var(--size-6);
15
- min-height: var(--size-6);
16
- font-size: var(--text-xs);
17
- line-height: var(--text-xs);
18
- `,
19
- sm: css`
20
- width: var(--size-8);
21
- height: var(--size-8);
22
- min-width: var(--size-8);
23
- min-height: var(--size-8);
24
- font-size: var(--text-sm);
25
- line-height: var(--text-sm);
26
- `,
27
- md: css`
28
- width: var(--size-10);
29
- height: var(--size-10);
30
- min-width: var(--size-10);
31
- min-height: var(--size-10);
32
- font-size: var(--text-md);
33
- line-height: var(--text-md);
34
- `,
35
- lg: css`
36
- width: var(--size-12);
37
- height: var(--size-12);
38
- min-width: var(--size-12);
39
- min-height: var(--size-12);
40
- font-size: var(--text-lg);
41
- line-height: var(--text-lg);
42
- `,
43
- xl: css`
44
- width: var(--size-14);
45
- height: var(--size-14);
46
- min-width: var(--size-14);
47
- min-height: var(--size-14);
48
- font-size: var(--text-2xl);
49
- line-height: var(--text-2xl);
50
- `,
51
- };
52
-
53
- export const AvatarContainer = styled.div<AvatarContainerProps>`
54
- display: inline-flex;
55
- align-items: center;
56
- justify-content: center;
57
- border-radius: var(--rounded-full);
58
- user-select: none;
59
-
60
- ${({ size }) => stylesMap[size]}
61
- `;
1
+ import styled, { css } from 'styled-components';
2
+
3
+ export type AvatarContainerProps = {
4
+ size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
+ };
6
+
7
+ const stylesMap: Record<
8
+ AvatarContainerProps['size'],
9
+ ReturnType<typeof css>
10
+ > = {
11
+ xs: css`
12
+ width: var(--size-6);
13
+ height: var(--size-6);
14
+ min-width: var(--size-6);
15
+ min-height: var(--size-6);
16
+ font-size: var(--text-xs);
17
+ line-height: var(--text-xs);
18
+ `,
19
+ sm: css`
20
+ width: var(--size-8);
21
+ height: var(--size-8);
22
+ min-width: var(--size-8);
23
+ min-height: var(--size-8);
24
+ font-size: var(--text-sm);
25
+ line-height: var(--text-sm);
26
+ `,
27
+ md: css`
28
+ width: var(--size-10);
29
+ height: var(--size-10);
30
+ min-width: var(--size-10);
31
+ min-height: var(--size-10);
32
+ font-size: var(--text-md);
33
+ line-height: var(--text-md);
34
+ `,
35
+ lg: css`
36
+ width: var(--size-12);
37
+ height: var(--size-12);
38
+ min-width: var(--size-12);
39
+ min-height: var(--size-12);
40
+ font-size: var(--text-lg);
41
+ line-height: var(--text-lg);
42
+ `,
43
+ xl: css`
44
+ width: var(--size-14);
45
+ height: var(--size-14);
46
+ min-width: var(--size-14);
47
+ min-height: var(--size-14);
48
+ font-size: var(--text-2xl);
49
+ line-height: var(--text-2xl);
50
+ `,
51
+ };
52
+
53
+ export const AvatarContainer = styled.div<AvatarContainerProps>`
54
+ display: inline-flex;
55
+ align-items: center;
56
+ justify-content: center;
57
+ border-radius: var(--rounded-full);
58
+ user-select: none;
59
+
60
+ ${({ size }) => stylesMap[size]}
61
+ `;
@@ -1,90 +1,90 @@
1
- import { ComponentProps, forwardRef } from 'react';
2
- import styled, { css } from 'styled-components';
3
-
4
- import { ThemeColor } from '../../providers/ThemeProvider/types';
5
-
6
- export const StyledLabel = styled.span.withConfig({
7
- shouldForwardProp: () => true,
8
- })<LabelProps>`
9
- display: inline-flex;
10
- align-items: center;
11
- justify-content: center;
12
- font-family: var(--font-sans);
13
- font-weight: 500;
14
-
15
- ${({ color }) =>
16
- color
17
- ? css`
18
- background-color: var(--color-${color}-100);
19
- color: var(--color-${color}-700);
20
- svg {
21
- fill: var(--color-${color}-700);
22
- }
23
- `
24
- : css`
25
- background-color: var(--color-neutral-100);
26
- color: var(--color-neutral-700);
27
- svg {
28
- fill: var(--color-neutral-700);
29
- }
30
- `}
31
-
32
- ${({ bordered, color }) =>
33
- bordered
34
- ? css`
35
- border: 1px solid
36
- ${color ? `var(--color-${color}-200)` : 'var(--color-neutral-200)'};
37
- `
38
- : 'border: none;'}
39
-
40
- ${({ rounded }) => rounded && 'border-radius: var(--rounded-full);'}
41
-
42
- &.small {
43
- padding: var(--space-0_5) var(--space-1_5);
44
- font-size: var(--text-xs);
45
- border-radius: var(--rounded-sm);
46
- svg {
47
- margin-right: var(--space-1);
48
- width: var(--space-3);
49
- height: var(--space-3);
50
- }
51
- }
52
-
53
- &.medium {
54
- padding: var(--space-1) var(--space-2);
55
- font-size: var(--text-sm);
56
- border-radius: var(--rounded-md);
57
- svg {
58
- margin-right: var(--space-1);
59
- width: var(--space-3_5);
60
- height: var(--space-3_5);
61
- }
62
- }
63
-
64
- &.large {
65
- padding: var(--space-1_5) var(--space-2_5);
66
- font-size: var(--text-base);
67
- border-radius: var(--rounded-lg);
68
- svg {
69
- margin-right: var(--space-1_5);
70
- width: var(--space-4);
71
- height: var(--space-4);
72
- }
73
- }
74
- `;
75
-
76
- export type LabelProps = {
77
- color?: ThemeColor;
78
- size?: 'small' | 'medium' | 'large';
79
- rounded?: boolean;
80
- bordered?: boolean;
81
- };
82
-
83
- export const Label = forwardRef<
84
- HTMLSpanElement,
85
- ComponentProps<typeof StyledLabel> & LabelProps
86
- >(({ children, size = 'medium', className = '', ...props }, ref) => (
87
- <StyledLabel ref={ref} className={`${size} ${className}`} {...props}>
88
- {children}
89
- </StyledLabel>
90
- ));
1
+ import { ComponentProps, forwardRef } from 'react';
2
+ import styled, { css } from 'styled-components';
3
+
4
+ import { ThemeColor } from '../../providers/ThemeProvider/types';
5
+
6
+ export const StyledLabel = styled.span.withConfig({
7
+ shouldForwardProp: () => true,
8
+ })<LabelProps>`
9
+ display: inline-flex;
10
+ align-items: center;
11
+ justify-content: center;
12
+ font-family: var(--font-sans);
13
+ font-weight: 500;
14
+
15
+ ${({ color }) =>
16
+ color
17
+ ? css`
18
+ background-color: var(--color-${color}-100);
19
+ color: var(--color-${color}-700);
20
+ svg {
21
+ fill: var(--color-${color}-700);
22
+ }
23
+ `
24
+ : css`
25
+ background-color: var(--color-neutral-100);
26
+ color: var(--color-neutral-700);
27
+ svg {
28
+ fill: var(--color-neutral-700);
29
+ }
30
+ `}
31
+
32
+ ${({ bordered, color }) =>
33
+ bordered
34
+ ? css`
35
+ border: 1px solid
36
+ ${color ? `var(--color-${color}-200)` : 'var(--color-neutral-200)'};
37
+ `
38
+ : 'border: none;'}
39
+
40
+ ${({ rounded }) => rounded && 'border-radius: var(--rounded-full);'}
41
+
42
+ &.small {
43
+ padding: var(--space-0_5) var(--space-1_5);
44
+ font-size: var(--text-xs);
45
+ border-radius: var(--rounded-sm);
46
+ svg {
47
+ margin-right: var(--space-1);
48
+ width: var(--space-3);
49
+ height: var(--space-3);
50
+ }
51
+ }
52
+
53
+ &.medium {
54
+ padding: var(--space-1) var(--space-2);
55
+ font-size: var(--text-sm);
56
+ border-radius: var(--rounded-md);
57
+ svg {
58
+ margin-right: var(--space-1);
59
+ width: var(--space-3_5);
60
+ height: var(--space-3_5);
61
+ }
62
+ }
63
+
64
+ &.large {
65
+ padding: var(--space-1_5) var(--space-2_5);
66
+ font-size: var(--text-base);
67
+ border-radius: var(--rounded-lg);
68
+ svg {
69
+ margin-right: var(--space-1_5);
70
+ width: var(--space-4);
71
+ height: var(--space-4);
72
+ }
73
+ }
74
+ `;
75
+
76
+ export type LabelProps = {
77
+ color?: ThemeColor;
78
+ size?: 'small' | 'medium' | 'large';
79
+ rounded?: boolean;
80
+ bordered?: boolean;
81
+ };
82
+
83
+ export const Label = forwardRef<
84
+ HTMLSpanElement,
85
+ ComponentProps<typeof StyledLabel> & LabelProps
86
+ >(({ children, size = 'medium', className = '', ...props }, ref) => (
87
+ <StyledLabel ref={ref} className={`${size} ${className}`} {...props}>
88
+ {children}
89
+ </StyledLabel>
90
+ ));
@@ -2,3 +2,4 @@ export * from './dates';
2
2
  export * from './numbers';
3
3
  export * from './text';
4
4
  export * from './responsive';
5
+ export * from './styled';
@@ -0,0 +1 @@
1
+ export * from './space';
@@ -0,0 +1,55 @@
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,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/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/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/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/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,5 +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
- } & import("react").RefAttributes<HTMLElement>) => import("react").JSX.Element | null;
@@ -1,32 +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, 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], prefix = _c[0], suffix = _c[1];
14
- var onBlur = (0, react_1.useCallback)(function () {
15
- onClose(true);
16
- }, [onClose]);
17
- var onKeyDown = (0, react_1.useCallback)(function (e) {
18
- if (e.key === 'Enter') {
19
- e.preventDefault();
20
- onClose(true);
21
- }
22
- else if (e.key === 'Escape') {
23
- e.preventDefault();
24
- onClose(false);
25
- }
26
- }, [onClose]);
27
- return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { getInputRef: ref, value: Number(value), onChange: function (e) {
28
- console.log('e:', e);
29
- onChange((0, numbers_1.parseNumber)(e.target.value));
30
- }, onBlur: onBlur, onKeyDown: onKeyDown, decimalSeparator: numbers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }));
31
- };
32
- 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;