@dhis2/analytics 26.2.0 → 26.3.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/__demo__/DimensionsPanel.stories.js +1 -0
- package/build/cjs/assets/DynamicDimensionIcon.js +12 -38
- package/build/cjs/components/DimensionsPanel/List/DimensionItem.js +37 -29
- package/build/cjs/components/DimensionsPanel/List/OptionsButton.js +7 -6
- package/build/cjs/components/DimensionsPanel/List/RecommendedIcon.js +1 -2
- package/build/cjs/components/DimensionsPanel/List/__tests__/__snapshots__/DimensionItem.spec.js.snap +190 -366
- package/build/cjs/components/DimensionsPanel/List/styles/DimensionItem.module.css +83 -0
- package/build/cjs/components/DimensionsPanel/List/styles/DimensionList.style.js +2 -2
- package/build/cjs/components/DimensionsPanel/List/styles/RecommendedIcon.style.js +4 -4
- package/build/cjs/components/DimensionsPanel/styles/DimensionsPanel.style.js +1 -1
- package/build/es/__demo__/DimensionsPanel.stories.js +1 -0
- package/build/es/assets/DynamicDimensionIcon.js +12 -38
- package/build/es/components/DimensionsPanel/List/DimensionItem.js +38 -30
- package/build/es/components/DimensionsPanel/List/OptionsButton.js +7 -6
- package/build/es/components/DimensionsPanel/List/RecommendedIcon.js +1 -2
- package/build/es/components/DimensionsPanel/List/__tests__/__snapshots__/DimensionItem.spec.js.snap +190 -366
- package/build/es/components/DimensionsPanel/List/styles/DimensionItem.module.css +83 -0
- package/build/es/components/DimensionsPanel/List/styles/DimensionList.style.js +2 -2
- package/build/es/components/DimensionsPanel/List/styles/RecommendedIcon.style.js +4 -4
- package/build/es/components/DimensionsPanel/styles/DimensionsPanel.style.js +1 -1
- package/package.json +1 -1
- package/build/cjs/components/DimensionsPanel/List/styles/DimensionItem.style.js +0 -73
- package/build/es/components/DimensionsPanel/List/styles/DimensionItem.style.js +0 -66
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { theme } from '@dhis2/ui';
|
|
2
2
|
export const styles = {
|
|
3
3
|
recommendedIcon: {
|
|
4
|
-
backgroundColor: theme.
|
|
5
|
-
height: '
|
|
6
|
-
width: '
|
|
4
|
+
backgroundColor: theme.secondary400,
|
|
5
|
+
height: '6px',
|
|
6
|
+
width: '6px',
|
|
7
7
|
borderRadius: '4px',
|
|
8
|
-
marginLeft: '
|
|
8
|
+
marginLeft: '6px',
|
|
9
9
|
display: 'inline-block',
|
|
10
10
|
cursor: 'pointer'
|
|
11
11
|
}
|
package/package.json
CHANGED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.styles = void 0;
|
|
7
|
-
var _ui = require("@dhis2/ui");
|
|
8
|
-
const styles = {
|
|
9
|
-
labelWrapper: {
|
|
10
|
-
padding: '2px 5px 2px 0'
|
|
11
|
-
},
|
|
12
|
-
text: {
|
|
13
|
-
color: _ui.colors.grey900,
|
|
14
|
-
userSelect: 'none',
|
|
15
|
-
wordBreak: 'break-word',
|
|
16
|
-
fontSize: '14px'
|
|
17
|
-
},
|
|
18
|
-
textDeactivated: {
|
|
19
|
-
cursor: 'auto',
|
|
20
|
-
color: _ui.colors.grey500
|
|
21
|
-
},
|
|
22
|
-
item: {
|
|
23
|
-
display: 'flex',
|
|
24
|
-
minHeight: '24px',
|
|
25
|
-
marginTop: 3,
|
|
26
|
-
marginBottom: 3,
|
|
27
|
-
alignItems: 'center',
|
|
28
|
-
borderRadius: '2px'
|
|
29
|
-
},
|
|
30
|
-
clickable: {
|
|
31
|
-
cursor: 'pointer'
|
|
32
|
-
},
|
|
33
|
-
selected: {
|
|
34
|
-
backgroundColor: _ui.theme.secondary100,
|
|
35
|
-
fontWeight: 500
|
|
36
|
-
},
|
|
37
|
-
fixedDimensionIcon: {
|
|
38
|
-
paddingLeft: '6px',
|
|
39
|
-
paddingBottom: '2px'
|
|
40
|
-
},
|
|
41
|
-
dynamicDimensionIcon: {
|
|
42
|
-
paddingLeft: '9px',
|
|
43
|
-
paddingRight: '9px'
|
|
44
|
-
},
|
|
45
|
-
iconWrapper: {
|
|
46
|
-
display: 'flex',
|
|
47
|
-
flexDirection: 'column',
|
|
48
|
-
padding: '3px 8px 0 8px'
|
|
49
|
-
},
|
|
50
|
-
optionsWrapper: {
|
|
51
|
-
position: 'relative',
|
|
52
|
-
left: '5px',
|
|
53
|
-
width: '20px',
|
|
54
|
-
height: '20px'
|
|
55
|
-
},
|
|
56
|
-
optionsButton: {
|
|
57
|
-
display: 'flex',
|
|
58
|
-
alignItems: 'center',
|
|
59
|
-
justifyContent: 'center',
|
|
60
|
-
height: '20px',
|
|
61
|
-
width: '20px',
|
|
62
|
-
padding: 0,
|
|
63
|
-
border: 'none',
|
|
64
|
-
background: 'none',
|
|
65
|
-
outline: 'none',
|
|
66
|
-
cursor: 'pointer'
|
|
67
|
-
},
|
|
68
|
-
label: {
|
|
69
|
-
display: 'flex',
|
|
70
|
-
outline: 'none'
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
exports.styles = styles;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { colors, theme } from '@dhis2/ui';
|
|
2
|
-
export const styles = {
|
|
3
|
-
labelWrapper: {
|
|
4
|
-
padding: '2px 5px 2px 0'
|
|
5
|
-
},
|
|
6
|
-
text: {
|
|
7
|
-
color: colors.grey900,
|
|
8
|
-
userSelect: 'none',
|
|
9
|
-
wordBreak: 'break-word',
|
|
10
|
-
fontSize: '14px'
|
|
11
|
-
},
|
|
12
|
-
textDeactivated: {
|
|
13
|
-
cursor: 'auto',
|
|
14
|
-
color: colors.grey500
|
|
15
|
-
},
|
|
16
|
-
item: {
|
|
17
|
-
display: 'flex',
|
|
18
|
-
minHeight: '24px',
|
|
19
|
-
marginTop: 3,
|
|
20
|
-
marginBottom: 3,
|
|
21
|
-
alignItems: 'center',
|
|
22
|
-
borderRadius: '2px'
|
|
23
|
-
},
|
|
24
|
-
clickable: {
|
|
25
|
-
cursor: 'pointer'
|
|
26
|
-
},
|
|
27
|
-
selected: {
|
|
28
|
-
backgroundColor: theme.secondary100,
|
|
29
|
-
fontWeight: 500
|
|
30
|
-
},
|
|
31
|
-
fixedDimensionIcon: {
|
|
32
|
-
paddingLeft: '6px',
|
|
33
|
-
paddingBottom: '2px'
|
|
34
|
-
},
|
|
35
|
-
dynamicDimensionIcon: {
|
|
36
|
-
paddingLeft: '9px',
|
|
37
|
-
paddingRight: '9px'
|
|
38
|
-
},
|
|
39
|
-
iconWrapper: {
|
|
40
|
-
display: 'flex',
|
|
41
|
-
flexDirection: 'column',
|
|
42
|
-
padding: '3px 8px 0 8px'
|
|
43
|
-
},
|
|
44
|
-
optionsWrapper: {
|
|
45
|
-
position: 'relative',
|
|
46
|
-
left: '5px',
|
|
47
|
-
width: '20px',
|
|
48
|
-
height: '20px'
|
|
49
|
-
},
|
|
50
|
-
optionsButton: {
|
|
51
|
-
display: 'flex',
|
|
52
|
-
alignItems: 'center',
|
|
53
|
-
justifyContent: 'center',
|
|
54
|
-
height: '20px',
|
|
55
|
-
width: '20px',
|
|
56
|
-
padding: 0,
|
|
57
|
-
border: 'none',
|
|
58
|
-
background: 'none',
|
|
59
|
-
outline: 'none',
|
|
60
|
-
cursor: 'pointer'
|
|
61
|
-
},
|
|
62
|
-
label: {
|
|
63
|
-
display: 'flex',
|
|
64
|
-
outline: 'none'
|
|
65
|
-
}
|
|
66
|
-
};
|