@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.
- package/assets/icons/table.svg +1 -1
- package/assets/icons/trash-can.svg +1 -0
- package/dist/Icons.d.ts +1 -9
- package/dist/Icons.js +1 -17
- package/dist/components/auth/LoginForm.js +1 -1
- package/dist/components/auth/PasswordRecoveryForm.js +1 -1
- package/dist/components/auth/PasswordResetForm.js +1 -1
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +14 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +76 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +22 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +156 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +2 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +18 -0
- package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +2 -0
- package/dist/components/data/AdvancedRequestDataGrid/index.js +215 -0
- package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +21 -0
- package/dist/components/data/{DataGrid/DataGridEditableCell → AdvancedRequestDataGrid}/types.js +0 -1
- package/dist/components/data/DataGrid/DataGridCell.js +5 -5
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.d.ts +2 -2
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.js +7 -1
- package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js +3 -3
- package/dist/components/data/DataGrid/DataGridColumnsModal/index.js +21 -16
- package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +2 -0
- package/dist/components/data/DataGrid/DataGridEditableCell.js +27 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.js +1 -17
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.d.ts +3 -4
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js +12 -11
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.d.ts +4 -5
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.js +40 -44
- package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js +1 -1
- package/dist/components/data/DataGrid/DataGridFooter.js +5 -5
- package/dist/components/data/DataGrid/DataGridHeader.js +6 -40
- package/dist/components/data/DataGrid/DataGridHeaderCell.d.ts +1 -1
- package/dist/components/data/DataGrid/DataGridHeaderCell.js +23 -11
- package/dist/components/data/DataGrid/DataGridRowTemplate.d.ts +1 -1
- package/dist/components/data/DataGrid/DataGridRowTemplate.js +9 -8
- package/dist/components/data/DataGrid/FilterModalContent/index.js +1 -1
- package/dist/components/data/DataGrid/helpers/columns.d.ts +12 -13
- package/dist/components/data/DataGrid/helpers/columns.js +130 -100
- package/dist/components/data/DataGrid/hooks/index.d.ts +3 -3
- package/dist/components/data/DataGrid/hooks/index.js +12 -8
- package/dist/components/data/DataGrid/hooks/useDataGrid.js +23 -71
- package/dist/components/data/DataGrid/hooks/useDataGridCopy.js +30 -25
- package/dist/components/data/DataGrid/index.js +3 -16
- package/dist/components/data/DataGrid/styles.d.ts +8 -13
- package/dist/components/data/DataGrid/styles.js +30 -58
- package/dist/components/data/DataGrid/types.d.ts +15 -81
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts +17 -16
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +84 -236
- package/dist/components/data/SqlRequestDataGrid/index.js +63 -77
- package/dist/components/data/SqlRequestDataGrid/types.d.ts +3 -13
- package/dist/components/data/SqlRequestDataGrid/types.js +0 -1
- package/dist/components/data/SqlRequestGrid/index.d.ts +1 -1
- package/dist/components/data/SqlRequestGrid/index.js +49 -139
- package/dist/components/data/SqlRequestGrid/styles.d.ts +12 -0
- package/dist/components/data/SqlRequestGrid/styles.js +20 -4
- package/dist/components/data/SqlRequestGrid/types.d.ts +4 -14
- package/dist/components/data/VirtualScroller/index.d.ts +3 -4
- package/dist/components/data/VirtualScroller/index.js +5 -15
- package/dist/components/data/VirtualScroller/styles.d.ts +2 -4
- package/dist/components/data/VirtualScroller/styles.js +6 -9
- package/dist/components/data/index.d.ts +2 -1
- package/dist/components/data/index.js +2 -1
- package/dist/components/forms/Button.d.ts +2 -9
- package/dist/components/forms/Button.js +7 -13
- package/dist/components/forms/IconButton.d.ts +1 -2
- package/dist/components/forms/IconButton.js +12 -12
- package/dist/components/forms/Select.d.ts +6 -5
- package/dist/components/forms/Select.js +5 -2
- package/dist/components/forms/index.d.ts +0 -4
- package/dist/components/forms/index.js +0 -4
- package/dist/components/layout/Dropdown/index.d.ts +0 -1
- package/dist/components/layout/Dropdown/index.js +3 -24
- package/dist/components/layout/index.d.ts +1 -4
- package/dist/components/layout/index.js +1 -4
- package/dist/components/search/QuickSearchBar.js +0 -6
- package/dist/components/ui/Card/styles.js +1 -1
- package/dist/components/ui/index.d.ts +0 -3
- package/dist/components/ui/index.js +0 -3
- package/dist/helpers/index.d.ts +0 -1
- package/dist/helpers/index.js +0 -1
- package/dist/helpers/numbers.d.ts +0 -3
- package/dist/helpers/numbers.js +1 -33
- package/dist/hooks/index.d.ts +0 -5
- package/dist/hooks/index.js +0 -5
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/providers/AuthenticationProvider/index.js +3 -4
- package/dist/providers/PortalsProvider/styles.js +1 -1
- package/dist/providers/ThemeProvider/defaultTheme.js +0 -13
- package/dist/providers/ThemeProvider/types.d.ts +1 -2
- package/dist/providers/UiProviders/index.js +1 -2
- package/dist/providers/index.d.ts +0 -2
- package/dist/providers/index.js +0 -2
- package/dist/services/globalSearch.d.ts +1 -2
- package/dist/services/index.d.ts +0 -7
- package/dist/services/index.js +0 -20
- package/eslint.config.js +2 -27
- package/package.json +4 -13
- package/src/Icons.tsx +2 -0
- package/src/components/data/DataGrid/types.ts +1 -1
- package/src/components/data/SqlRequestDataGrid/index.tsx +22 -11
- package/src/components/forms/Form/Select.tsx +8 -2
- package/src/components/forms/Form/index.tsx +11 -11
- package/src/components/forms/Form/styles.ts +5 -1
- package/src/components/forms/NumberInput.tsx +53 -53
- package/src/components/layout/Columns.ts +5 -1
- package/src/components/search/styles.ts +1 -1
- package/src/components/ui/Avatar/styles.ts +61 -61
- package/src/components/ui/Label.tsx +90 -90
- package/src/helpers/index.ts +1 -0
- package/src/helpers/styled/index.ts +1 -0
- package/src/helpers/styled/space.ts +55 -0
- package/src/providers/TrackingProvider/hooks.ts +14 -14
- package/tsconfig.tsbuildinfo +1 -1
- package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.js +0 -23
- package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.js +0 -27
- package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.d.ts +0 -5
- package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.js +0 -32
- package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.js +0 -23
- package/dist/components/data/DataGrid/DataGridEditableCell/index.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell/index.js +0 -91
- package/dist/components/data/DataGrid/DataGridEditableCell/styles.d.ts +0 -3
- package/dist/components/data/DataGrid/DataGridEditableCell/styles.js +0 -17
- package/dist/components/data/DataGrid/DataGridEditableCell/types.d.ts +0 -11
- package/dist/components/data/DataGrid/constants.d.ts +0 -6
- package/dist/components/data/DataGrid/constants.js +0 -9
- package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.d.ts +0 -9
- package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.js +0 -71
- package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.d.ts +0 -2
- package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.js +0 -19
- package/dist/components/data/SqlRequestDataGrid/styles.d.ts +0 -2
- package/dist/components/data/SqlRequestDataGrid/styles.js +0 -14
- package/dist/components/data/SqlRequestForeignList/index.d.ts +0 -4
- package/dist/components/data/SqlRequestForeignList/index.js +0 -131
- package/dist/components/data/SqlRequestForeignList/styles.d.ts +0 -9
- package/dist/components/data/SqlRequestForeignList/styles.js +0 -22
- package/dist/components/data/SqlRequestForeignList/types.d.ts +0 -22
- package/dist/components/data/SqlRequestForeignList/types.js +0 -3
- package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.d.ts +0 -10
- package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.js +0 -51
- package/dist/components/data/SqlRequestGrid/filters/styles.d.ts +0 -4
- package/dist/components/data/SqlRequestGrid/filters/styles.js +0 -17
- package/dist/components/forms/AutoTextArea.d.ts +0 -10
- package/dist/components/forms/AutoTextArea.js +0 -40
- package/dist/components/forms/Form/Checkbox.d.ts +0 -3
- package/dist/components/forms/Form/Checkbox.js +0 -33
- package/dist/components/forms/Form/FormGroup.d.ts +0 -9
- package/dist/components/forms/Form/FormGroup.js +0 -10
- package/dist/components/forms/Form/Input.d.ts +0 -3
- package/dist/components/forms/Form/Input.js +0 -33
- package/dist/components/forms/Form/Row.d.ts +0 -9
- package/dist/components/forms/Form/Row.js +0 -10
- package/dist/components/forms/Form/Select.d.ts +0 -18
- package/dist/components/forms/Form/Select.js +0 -47
- package/dist/components/forms/Form/TextArea.d.ts +0 -4
- package/dist/components/forms/Form/TextArea.js +0 -34
- package/dist/components/forms/Form/index.d.ts +0 -80
- package/dist/components/forms/Form/index.js +0 -29
- package/dist/components/forms/Form/styles.d.ts +0 -19
- package/dist/components/forms/Form/styles.js +0 -49
- package/dist/components/forms/NumberInput.d.ts +0 -9
- package/dist/components/forms/NumberInput.js +0 -41
- package/dist/components/layout/Columns.d.ts +0 -5
- package/dist/components/layout/Columns.js +0 -19
- package/dist/components/layout/Grid/index.d.ts +0 -6
- package/dist/components/layout/Grid/index.js +0 -6
- package/dist/components/layout/Grid/styles.d.ts +0 -14
- package/dist/components/layout/Grid/styles.js +0 -29
- package/dist/components/layout/Masonry/index.d.ts +0 -3
- package/dist/components/layout/Masonry/index.js +0 -20
- package/dist/components/layout/Masonry/styles.d.ts +0 -5
- package/dist/components/layout/Masonry/styles.js +0 -17
- package/dist/components/ui/Avatar/index.d.ts +0 -10
- package/dist/components/ui/Avatar/index.js +0 -52
- package/dist/components/ui/Avatar/styles.d.ts +0 -4
- package/dist/components/ui/Avatar/styles.js +0 -43
- package/dist/components/ui/Ellipsis.d.ts +0 -13
- package/dist/components/ui/Ellipsis.js +0 -28
- package/dist/components/ui/Label.d.ts +0 -9
- package/dist/components/ui/Label.js +0 -74
- package/dist/components/ui/ToastNotification.d.ts +0 -14
- package/dist/components/ui/ToastNotification.js +0 -78
- package/dist/helpers/responsive.d.ts +0 -37
- package/dist/helpers/responsive.js +0 -57
- package/dist/hooks/useContainerMediaQuery.d.ts +0 -17
- package/dist/hooks/useContainerMediaQuery.js +0 -10
- package/dist/hooks/useMediaQuery.d.ts +0 -17
- package/dist/hooks/useMediaQuery.js +0 -11
- package/dist/hooks/useMediaQueryForWidth.d.ts +0 -17
- package/dist/hooks/useMediaQueryForWidth.js +0 -26
- package/dist/hooks/useMutableState.d.ts +0 -2
- package/dist/hooks/useMutableState.js +0 -16
- package/dist/hooks/useShowArchived.d.ts +0 -6
- package/dist/hooks/useShowArchived.js +0 -21
- package/dist/poppins-700.woff2 +0 -0
- package/dist/providers/ThemeProvider/helpers.d.ts +0 -3
- package/dist/providers/ThemeProvider/helpers.js +0 -13
- package/dist/providers/TrackingProvider/hooks.d.ts +0 -1
- package/dist/providers/TrackingProvider/hooks.js +0 -15
- package/dist/providers/TrackingProvider/index.d.ts +0 -8
- package/dist/providers/TrackingProvider/index.js +0 -41
- package/dist/services/requests/generic.d.ts +0 -29
- package/dist/services/requests/generic.js +0 -29
- package/dist/services/requests/tracking.d.ts +0 -18
- package/dist/services/requests/tracking.js +0 -8
- package/dist/services/smartQueries.d.ts +0 -51
- package/dist/services/smartQueries.js +0 -10
- package/dist/services/smartRequests.d.ts +0 -0
- package/dist/services/smartRequests.js +0 -1
- package/dist/services/types/generic.d.ts +0 -44
- package/dist/services/types/generic.js +0 -79
- package/dist/services/types/tracking.d.ts +0 -24
- package/dist/services/types/tracking.js +0 -47
- package/dist/services/updateSqlRequests.d.ts +0 -24
- 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
|
+
));
|
package/src/helpers/index.ts
CHANGED
|
@@ -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
|
+
};
|
package/tsconfig.tsbuildinfo
CHANGED
|
@@ -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/
|
|
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,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,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,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);
|