@sis-cc/dotstatsuite-visions 7.6.0 → 7.7.0

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 (9) hide show
  1. package/es/CollapseButtons/CollapseButtons.js +7 -3
  2. package/es/CollapseButtons/Item.js +11 -6
  3. package/es/DataHeader/DataHeader.js +1 -0
  4. package/es/Loading/Loading.js +12 -5
  5. package/lib/CollapseButtons/CollapseButtons.js +7 -3
  6. package/lib/CollapseButtons/Item.js +11 -6
  7. package/lib/DataHeader/DataHeader.js +1 -0
  8. package/lib/Loading/Loading.js +12 -5
  9. package/package.json +1 -1
package/es/CollapseButtons/CollapseButtons.js CHANGED
@@ -40,7 +40,9 @@ var CollapseButtons = function CollapseButtons(props) {
40
40
  } : _props$breakpoint,
41
41
  justify = props.justify,
42
42
  _props$textTransform = props.textTransform,
43
- textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform;
43
+ textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform,
44
+ _props$labelAccessor = props.labelAccessor,
45
+ labelAccessor = _props$labelAccessor === undefined ? R.prop('label') : _props$labelAccessor;
44
46
 
45
47
 
46
48
  var classes = useStyles();
@@ -65,7 +67,8 @@ var CollapseButtons = function CollapseButtons(props) {
65
67
  parentId: parentId,
66
68
  item: item,
67
69
  action: action,
68
- isSecondLevelClikable: isSecondLevelClikable
70
+ isSecondLevelClikable: isSecondLevelClikable,
71
+ labelAccessor: labelAccessor
69
72
  });
70
73
  });
71
74
  };
@@ -155,7 +158,8 @@ CollapseButtons.propTypes = process.env.NODE_ENV !== "production" ? {
155
158
  breakpoint: PropTypes.func,
156
159
  gridButtonsProps: PropTypes.object,
157
160
  justify: PropTypes.string,
158
- textTransform: PropTypes.string
161
+ textTransform: PropTypes.string,
162
+ labelAccessor: PropTypes.func
159
163
  } : {};
160
164
 
161
165
  export default CollapseButtons;
package/es/CollapseButtons/Item.js CHANGED
@@ -28,6 +28,8 @@ var useStyles = makeStyles(function (theme) {
28
28
  display: 'flex'
29
29
  },
30
30
  itemSubtitle: _extends({}, theme.typography.body1, {
31
+ display: 'flex',
32
+ flexDirection: 'column',
31
33
  color: theme.palette.grey[800]
32
34
  }),
33
35
  itemSubtitleLink: _extends({}, theme.typography.body1, {
@@ -51,7 +53,8 @@ var Item = function Item(_ref) {
51
53
  item = _ref.item,
52
54
  action = _ref.action,
53
55
  testId = _ref.testId,
54
- isSecondLevelClikable = _ref.isSecondLevelClikable;
56
+ isSecondLevelClikable = _ref.isSecondLevelClikable,
57
+ labelAccessor = _ref.labelAccessor;
55
58
 
56
59
  var classes = useStyles();
57
60
 
@@ -83,14 +86,14 @@ var Item = function Item(_ref) {
83
86
  React.createElement(
84
87
  'span',
85
88
  { className: classes.itemTitle },
86
- R.prop('label')(item)
89
+ labelAccessor(item, parentId)
87
90
  ),
88
91
  React.createElement(
89
92
  'span',
90
93
  { className: classes.itemSubtitle },
91
94
  R.map(function (subtopic) {
92
95
  if (R.not(R.is(Object)(subtopic))) return subtopic;
93
- if (R.not(isSecondLevelClikable)) return R.prop('label')(subtopic);
96
+ if (R.not(isSecondLevelClikable)) return labelAccessor(subtopic, parentId);
94
97
  var id = R.prop('id')(subtopic);
95
98
  return React.createElement(
96
99
  Link,
@@ -105,9 +108,10 @@ var Item = function Item(_ref) {
105
108
  },
106
109
  tabIndex: 0
107
110
  },
108
- R.prop('label')(subtopic)
111
+ '\u2022 ',
112
+ labelAccessor(subtopic, parentId)
109
113
  );
110
- })(R.pipe(R.propOr([], 'subtopics'), R.intersperse(' • '))(item))
114
+ })(R.pipe(R.propOr([], 'subtopics'), R.ifElse(R.always(isSecondLevelClikable), R.identity, R.intersperse(' • ')))(item))
111
115
  )
112
116
  )
113
117
  )
@@ -119,7 +123,8 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
119
123
  testId: PropTypes.string,
120
124
  item: PropTypes.object,
121
125
  action: PropTypes.func,
122
- isSecondLevelClikable: PropTypes.bool
126
+ isSecondLevelClikable: PropTypes.bool,
127
+ labelAccessor: PropTypes.func
123
128
  } : {};
124
129
 
125
130
  export default Item;
package/es/DataHeader/DataHeader.js CHANGED
@@ -158,6 +158,7 @@ var DataHeader = function DataHeader(_ref4) {
158
158
  className: cx(classes.title, classes.disclaimer),
159
159
  title: disclaimer,
160
160
  tabIndex: 0,
161
+ 'data-testid': 'data-header-disclaimer',
161
162
  variant: 'warning',
162
163
  'aria-hidden': false,
163
164
  placement: 'bottom',
package/es/Loading/Loading.js CHANGED
@@ -15,15 +15,21 @@ var useStyles = makeStyles(function (theme) {
15
15
  alignItems: 'center'
16
16
  },
17
17
  progress: {
18
- margin: theme.spacing(2)
18
+ margin: theme.spacing(2),
19
+ color: function color(_ref) {
20
+ var isWarning = _ref.isWarning;
21
+ return isWarning ? theme.palette.warning.main : theme.palette.primary.main;
22
+ }
19
23
  }
20
24
  };
21
25
  });
22
26
 
23
- var Loading = function Loading(_ref) {
24
- var message = _ref.message;
27
+ var Loading = function Loading(_ref2) {
28
+ var message = _ref2.message,
29
+ _ref2$isWarning = _ref2.isWarning,
30
+ isWarning = _ref2$isWarning === undefined ? false : _ref2$isWarning;
25
31
 
26
- var classes = useStyles();
32
+ var classes = useStyles({ isWarning: isWarning });
27
33
 
28
34
  return React.createElement(
29
35
  'div',
@@ -38,7 +44,8 @@ var Loading = function Loading(_ref) {
38
44
  };
39
45
 
40
46
  Loading.propTypes = process.env.NODE_ENV !== "production" ? {
41
- message: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
47
+ message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
48
+ isWarning: PropTypes.bool
42
49
  } : {};
43
50
 
44
51
  export default Loading;
package/lib/CollapseButtons/CollapseButtons.js CHANGED
@@ -74,7 +74,9 @@ var CollapseButtons = function CollapseButtons(props) {
74
74
  } : _props$breakpoint,
75
75
  justify = props.justify,
76
76
  _props$textTransform = props.textTransform,
77
- textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform;
77
+ textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform,
78
+ _props$labelAccessor = props.labelAccessor,
79
+ labelAccessor = _props$labelAccessor === undefined ? R.prop('label') : _props$labelAccessor;
78
80
 
79
81
 
80
82
  var classes = useStyles();
@@ -99,7 +101,8 @@ var CollapseButtons = function CollapseButtons(props) {
99
101
  parentId: parentId,
100
102
  item: item,
101
103
  action: action,
102
- isSecondLevelClikable: isSecondLevelClikable
104
+ isSecondLevelClikable: isSecondLevelClikable,
105
+ labelAccessor: labelAccessor
103
106
  });
104
107
  });
105
108
  };
@@ -189,7 +192,8 @@ CollapseButtons.propTypes = process.env.NODE_ENV !== "production" ? {
189
192
  breakpoint: _propTypes2.default.func,
190
193
  gridButtonsProps: _propTypes2.default.object,
191
194
  justify: _propTypes2.default.string,
192
- textTransform: _propTypes2.default.string
195
+ textTransform: _propTypes2.default.string,
196
+ labelAccessor: _propTypes2.default.func
193
197
  } : {};
194
198
 
195
199
  exports.default = CollapseButtons;
package/lib/CollapseButtons/Item.js CHANGED
@@ -57,6 +57,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
57
57
  display: 'flex'
58
58
  },
59
59
  itemSubtitle: _extends({}, theme.typography.body1, {
60
+ display: 'flex',
61
+ flexDirection: 'column',
60
62
  color: theme.palette.grey[800]
61
63
  }),
62
64
  itemSubtitleLink: _extends({}, theme.typography.body1, {
@@ -80,7 +82,8 @@ var Item = function Item(_ref) {
80
82
  item = _ref.item,
81
83
  action = _ref.action,
82
84
  testId = _ref.testId,
83
- isSecondLevelClikable = _ref.isSecondLevelClikable;
85
+ isSecondLevelClikable = _ref.isSecondLevelClikable,
86
+ labelAccessor = _ref.labelAccessor;
84
87
 
85
88
  var classes = useStyles();
86
89
 
@@ -112,14 +115,14 @@ var Item = function Item(_ref) {
112
115
  _react2.default.createElement(
113
116
  'span',
114
117
  { className: classes.itemTitle },
115
- R.prop('label')(item)
118
+ labelAccessor(item, parentId)
116
119
  ),
117
120
  _react2.default.createElement(
118
121
  'span',
119
122
  { className: classes.itemSubtitle },
120
123
  R.map(function (subtopic) {
121
124
  if (R.not(R.is(Object)(subtopic))) return subtopic;
122
- if (R.not(isSecondLevelClikable)) return R.prop('label')(subtopic);
125
+ if (R.not(isSecondLevelClikable)) return labelAccessor(subtopic, parentId);
123
126
  var id = R.prop('id')(subtopic);
124
127
  return _react2.default.createElement(
125
128
  _Link2.default,
@@ -134,9 +137,10 @@ var Item = function Item(_ref) {
134
137
  },
135
138
  tabIndex: 0
136
139
  },
137
- R.prop('label')(subtopic)
140
+ '\u2022 ',
141
+ labelAccessor(subtopic, parentId)
138
142
  );
139
- })(R.pipe(R.propOr([], 'subtopics'), R.intersperse(' • '))(item))
143
+ })(R.pipe(R.propOr([], 'subtopics'), R.ifElse(R.always(isSecondLevelClikable), R.identity, R.intersperse(' • ')))(item))
140
144
  )
141
145
  )
142
146
  )
@@ -148,7 +152,8 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
148
152
  testId: _propTypes2.default.string,
149
153
  item: _propTypes2.default.object,
150
154
  action: _propTypes2.default.func,
151
- isSecondLevelClikable: _propTypes2.default.bool
155
+ isSecondLevelClikable: _propTypes2.default.bool,
156
+ labelAccessor: _propTypes2.default.func
152
157
  } : {};
153
158
 
154
159
  exports.default = Item;
package/lib/DataHeader/DataHeader.js CHANGED
@@ -198,6 +198,7 @@ var DataHeader = function DataHeader(_ref4) {
198
198
  className: (0, _classnames2.default)(classes.title, classes.disclaimer),
199
199
  title: disclaimer,
200
200
  tabIndex: 0,
201
+ 'data-testid': 'data-header-disclaimer',
201
202
  variant: 'warning',
202
203
  'aria-hidden': false,
203
204
  placement: 'bottom',
package/lib/Loading/Loading.js CHANGED
@@ -33,15 +33,21 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
33
33
  alignItems: 'center'
34
34
  },
35
35
  progress: {
36
- margin: theme.spacing(2)
36
+ margin: theme.spacing(2),
37
+ color: function color(_ref) {
38
+ var isWarning = _ref.isWarning;
39
+ return isWarning ? theme.palette.warning.main : theme.palette.primary.main;
40
+ }
37
41
  }
38
42
  };
39
43
  });
40
44
 
41
- var Loading = function Loading(_ref) {
42
- var message = _ref.message;
45
+ var Loading = function Loading(_ref2) {
46
+ var message = _ref2.message,
47
+ _ref2$isWarning = _ref2.isWarning,
48
+ isWarning = _ref2$isWarning === undefined ? false : _ref2$isWarning;
43
49
 
44
- var classes = useStyles();
50
+ var classes = useStyles({ isWarning: isWarning });
45
51
 
46
52
  return _react2.default.createElement(
47
53
  'div',
@@ -56,7 +62,8 @@ var Loading = function Loading(_ref) {
56
62
  };
57
63
 
58
64
  Loading.propTypes = process.env.NODE_ENV !== "production" ? {
59
- message: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
65
+ message: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
66
+ isWarning: _propTypes2.default.bool
60
67
  } : {};
61
68
 
62
69
  exports.default = Loading;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "7.6.0",
3
+ "version": "7.7.0",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",