@sis-cc/dotstatsuite-visions 7.13.0 → 7.14.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 (20) hide show
  1. package/es/ScopeList/Item.js +6 -4
  2. package/es/ScopeList/ScopeList.js +7 -3
  3. package/es/ScopeList/index.js +1 -0
  4. package/es/ScopeList/with-scope-list.js +3 -2
  5. package/es/TableHtml5/TableHtml5.js +2 -2
  6. package/es/TableHtml5/cell.js +3 -3
  7. package/es/TableHtml5/header.js +2 -2
  8. package/es/TableHtml5/section.js +4 -4
  9. package/es/TableHtml5/sectionHeader.js +2 -2
  10. package/es/TableHtml5/subHeader.js +4 -4
  11. package/lib/ScopeList/Item.js +6 -4
  12. package/lib/ScopeList/ScopeList.js +7 -3
  13. package/lib/ScopeList/with-scope-list.js +3 -2
  14. package/lib/TableHtml5/TableHtml5.js +2 -2
  15. package/lib/TableHtml5/cell.js +3 -3
  16. package/lib/TableHtml5/header.js +2 -2
  17. package/lib/TableHtml5/section.js +4 -4
  18. package/lib/TableHtml5/sectionHeader.js +2 -2
  19. package/lib/TableHtml5/subHeader.js +4 -4
  20. package/package.json +1 -1
package/es/ScopeList/Item.js CHANGED
@@ -55,7 +55,8 @@ var Item = function Item(_ref) {
55
55
  index = _ref.index,
56
56
  labelRenderer = _ref.labelRenderer,
57
57
  HTMLRenderer = _ref.HTMLRenderer,
58
- hierarchicalId = _ref.hierarchicalId;
58
+ hierarchicalId = _ref.hierarchicalId,
59
+ labels = _ref.labels;
59
60
 
60
61
  var _React$useState = React.useState(false),
61
62
  isTooltipShown = _React$useState[0],
@@ -82,14 +83,14 @@ var Item = function Item(_ref) {
82
83
  },
83
84
  React.createElement(ListItemText, {
84
85
  tabIndex: 0,
85
- 'aria-label': label,
86
+ 'aria-label': isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
86
87
  'aria-pressed': isSelected,
87
88
  'aria-disabled': isDisabled,
88
89
  primaryTypographyProps: { noWrap: true, color: 'inherit' },
89
90
  secondaryTypographyProps: { color: 'inherit' },
90
91
  classes: { root: classes.listItem },
91
92
  className: cx((_cx2 = {}, _cx2[classes.accessibilityItemHover] = accessibility, _cx2[classes.listItemSelected] = R.and(isSelected, R.not(isDisabled)), _cx2[classes.listItemHover] = R.not(isDisabled), _cx2)),
92
- title: label,
93
+ title: isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
93
94
  primary: React.createElement(
94
95
  'div',
95
96
  {
@@ -234,7 +235,8 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
234
235
  index: PropTypes.number,
235
236
  labelRenderer: PropTypes.func,
236
237
  HTMLRenderer: PropTypes.func,
237
- hierarchicalId: PropTypes.string
238
+ hierarchicalId: PropTypes.string,
239
+ labels: PropTypes.object
238
240
  } : {};
239
241
 
240
242
  export default Item;
package/es/ScopeList/ScopeList.js CHANGED
@@ -110,7 +110,7 @@ var ScopeList = function ScopeList(props) {
110
110
  // ReactVirtualized__Grid ReactVirtualized__List made the scrollbar
111
111
  var scrollEl = R.path(['children', 0, 'children', 0], current);
112
112
  var isBottom = R.gte(R.add(R.prop('scrollTop')(scrollEl), R.prop('clientHeight')(scrollEl)), R.prop('scrollHeight')(scrollEl));
113
- var nextpos = (scrollTop || 0) + event.deltaY / 2;
113
+ var nextpos = (scrollTop || scrollEl.scrollTop) + event.deltaY / 2;
114
114
  if (R.or(event.deltaY < 0, event.deltaY > 0 && R.not(isBottom))) {
115
115
  setScrollTop(nextpos < 0 ? 0 : nextpos);
116
116
  }
@@ -120,6 +120,9 @@ var ScopeList = function ScopeList(props) {
120
120
  setScrollTop(undefined); // should be undefined if the user want use the normal scroll
121
121
  }
122
122
  };
123
+ if (scrollTop === 0) {
124
+ setScrollTop(undefined);
125
+ }
123
126
  if (R.isNil(current)) return;
124
127
 
125
128
  current.addEventListener('wheel', handler, { passive: false });
@@ -229,7 +232,6 @@ var ScopeList = function ScopeList(props) {
229
232
  var height = _ref.height,
230
233
  width = _ref.width;
231
234
  return React.createElement(VirtualizedList, {
232
- ref: ref,
233
235
  overscan: 10,
234
236
  tabIndex: -1,
235
237
  height: height,
@@ -258,7 +260,8 @@ var ScopeList = function ScopeList(props) {
258
260
  changeMouseSelection: changeMouseSelection,
259
261
  ariaLabel: R.prop('navigateNext')(labels),
260
262
  NavigateIcon: isRtl ? NavigateBefore : NavigateNext,
261
- accessibility: accessibility
263
+ accessibility: accessibility,
264
+ labels: labels
262
265
  }, item, {
263
266
  isDisabled: disableAccessor(item),
264
267
  label: labelRenderer(item)
@@ -297,6 +300,7 @@ ScopeList.propTypes = process.env.NODE_ENV !== "production" ? {
297
300
  childrenNavigateDesc: PropTypes.string,
298
301
  navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
299
302
  backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
303
+ disableItemLabel: PropTypes.string,
300
304
  selection: PropTypes.shape({
301
305
  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
302
306
  currentLevel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
package/es/ScopeList/index.js CHANGED
@@ -51,6 +51,7 @@
51
51
  * navigateBefore: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
52
52
  * navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
53
53
  * backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
54
+ * disableItemLabel: PropTypes.string,
54
55
  * selection: {
55
56
  * title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
56
57
  * currentLevel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
package/es/ScopeList/with-scope-list.js CHANGED
@@ -175,7 +175,7 @@ export var getItemsIds = R.curry(function (disableAccessor, _ref7, items) {
175
175
 
176
176
  return R.reduce(function (acc, item) {
177
177
  if (disableAccessor(item)) return acc;
178
- if (R.equals(R.not(R.prop('isSelected', item)), isSelected)) return acc;
178
+ if (!R.prop('isSelected', item) === isSelected) return acc;
179
179
  return R.append(R.prop('id', item), acc);
180
180
  }, [])(items);
181
181
  });
@@ -382,7 +382,8 @@ export var withScopeList = function withScopeList(Component) {
382
382
  }
383
383
  if (R.prop('isUp')(mouseAction) && isMousePreSelection) {
384
384
  var items = R.pipe(getPropByIndex(R.identity), R.reject(disableAccessor))(getRangeIndexes(mouseSelection), list);
385
- _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({ isSelected: R.prop('isSelected', R.head(items)) })(items))(e);
385
+ var isFirstElementSelected = !!R.prop('isSelected', R.head(items));
386
+ _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({ isSelected: isFirstElementSelected })(items))(e);
386
387
  return _this.setState({
387
388
  mouseSelection: [],
388
389
  isMousePreSelection: false,
package/es/TableHtml5/TableHtml5.js CHANGED
@@ -22,8 +22,8 @@ var useStyles = makeStyles(function (theme) {
22
22
  return {
23
23
  table: {
24
24
  borderCollapse: 'separate',
25
- borderLeft: '1px solid ' + theme.palette.grey[500],
26
- borderTop: '1px solid ' + theme.palette.grey[500]
25
+ borderLeft: 'thin solid ' + theme.palette.grey[500],
26
+ borderTop: 'thin solid ' + theme.palette.grey[500]
27
27
  },
28
28
  stickyHeader: {
29
29
  position: 'sticky',
package/es/TableHtml5/cell.js CHANGED
@@ -11,8 +11,8 @@ import { getIsRtl } from '../utils';
11
11
  var useStyles = makeStyles(function (theme) {
12
12
  return {
13
13
  cell: {
14
- borderBottom: '1px solid ' + theme.palette.grey[500],
15
- borderRight: '1px solid ' + theme.palette.grey[500],
14
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
15
+ borderRight: 'thin solid ' + theme.palette.grey[500],
16
16
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
17
17
  verticalAlign: 'baseline',
18
18
  color: theme.palette.grey['A700'],
@@ -26,7 +26,7 @@ var useStyles = makeStyles(function (theme) {
26
26
  },
27
27
  highlight: theme.mixins.table.cellHighlight,
28
28
  oneCell: {
29
- border: '1px solid ' + theme.palette.grey[500],
29
+ border: 'thin solid ' + theme.palette.grey[500],
30
30
  display: 'block' // MUI TableCell is inline-block
31
31
  },
32
32
  link: {
package/es/TableHtml5/header.js CHANGED
@@ -15,8 +15,8 @@ var useStyles = makeStyles(function (theme) {
15
15
  color: theme.palette.getContrastText(theme.palette.primary.main),
16
16
  backgroundColor: theme.palette.primary.main,
17
17
  border: 'inherit',
18
- borderBottom: '1px solid ' + theme.palette.grey[500],
19
- borderRight: '1px solid ' + theme.palette.grey[500],
18
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
19
+ borderRight: 'thin solid ' + theme.palette.grey[500],
20
20
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
21
21
  verticalAlign: 'middle',
22
22
  '&:focus ': {
package/es/TableHtml5/section.js CHANGED
@@ -19,8 +19,8 @@ var useStyles = makeStyles(function (theme) {
19
19
  rowTitle: {
20
20
  backgroundColor: getLight(theme) || theme.palette.secondary.light,
21
21
  border: 'inherit',
22
- borderBottom: '1px solid ' + theme.palette.grey[500],
23
- borderRight: '1px solid ' + theme.palette.grey[500],
22
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
23
+ borderRight: 'thin solid ' + theme.palette.grey[500],
24
24
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
25
25
  color: theme.palette.grey['A700'],
26
26
  verticalAlign: 'middle'
@@ -30,8 +30,8 @@ var useStyles = makeStyles(function (theme) {
30
30
  backgroundColor: theme.palette.grey[200],
31
31
  verticalAlign: 'top',
32
32
  border: 'inherit',
33
- borderBottom: '1px solid ' + theme.palette.grey[500],
34
- borderRight: '1px solid ' + theme.palette.grey[500],
33
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
34
+ borderRight: 'thin solid ' + theme.palette.grey[500],
35
35
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
36
36
  position: 'sticky',
37
37
  zIndex: 1
package/es/TableHtml5/sectionHeader.js CHANGED
@@ -17,8 +17,8 @@ var useStyles = makeStyles(function (theme) {
17
17
  section: {
18
18
  backgroundColor: getDark(theme) || theme.palette.secondary.dark,
19
19
  border: 'inherit',
20
- borderBottom: '1px solid ' + theme.palette.grey[500],
21
- borderRight: '1px solid ' + theme.palette.grey[500],
20
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
21
+ borderRight: 'thin solid ' + theme.palette.grey[500],
22
22
  padding: theme.spacing(0, 1),
23
23
  color: theme.palette.grey['A700'],
24
24
  verticalAlign: 'middle',
package/es/TableHtml5/subHeader.js CHANGED
@@ -14,8 +14,8 @@ var useStyles = makeStyles(function (theme) {
14
14
  columnsTitle: {
15
15
  backgroundColor: getLight(theme) || theme.palette.secondary.light,
16
16
  border: 'inherit',
17
- borderBottom: '1px solid ' + theme.palette.grey[500],
18
- borderRight: '1px solid ' + theme.palette.grey[500],
17
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
18
+ borderRight: 'thin solid ' + theme.palette.grey[500],
19
19
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
20
20
  color: theme.palette.grey['A700'],
21
21
  verticalAlign: 'middle',
@@ -25,8 +25,8 @@ var useStyles = makeStyles(function (theme) {
25
25
  fillerCell: {
26
26
  backgroundColor: theme.palette.grey[200],
27
27
  border: 'inherit',
28
- borderBottom: '1px solid ' + theme.palette.grey[500],
29
- borderRight: '1px solid ' + theme.palette.grey[500],
28
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
29
+ borderRight: 'thin solid ' + theme.palette.grey[500],
30
30
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
31
31
  verticalAlign: 'middle',
32
32
  textAlign: 'center',
package/lib/ScopeList/Item.js CHANGED
@@ -93,7 +93,8 @@ var Item = function Item(_ref) {
93
93
  index = _ref.index,
94
94
  labelRenderer = _ref.labelRenderer,
95
95
  HTMLRenderer = _ref.HTMLRenderer,
96
- hierarchicalId = _ref.hierarchicalId;
96
+ hierarchicalId = _ref.hierarchicalId,
97
+ labels = _ref.labels;
97
98
 
98
99
  var _React$useState = _react2.default.useState(false),
99
100
  isTooltipShown = _React$useState[0],
@@ -120,14 +121,14 @@ var Item = function Item(_ref) {
120
121
  },
121
122
  _react2.default.createElement(_ListItemText2.default, {
122
123
  tabIndex: 0,
123
- 'aria-label': label,
124
+ 'aria-label': isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
124
125
  'aria-pressed': isSelected,
125
126
  'aria-disabled': isDisabled,
126
127
  primaryTypographyProps: { noWrap: true, color: 'inherit' },
127
128
  secondaryTypographyProps: { color: 'inherit' },
128
129
  classes: { root: classes.listItem },
129
130
  className: (0, _classnames2.default)((_cx2 = {}, _cx2[classes.accessibilityItemHover] = accessibility, _cx2[classes.listItemSelected] = R.and(isSelected, R.not(isDisabled)), _cx2[classes.listItemHover] = R.not(isDisabled), _cx2)),
130
- title: label,
131
+ title: isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
131
132
  primary: _react2.default.createElement(
132
133
  'div',
133
134
  {
@@ -272,7 +273,8 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
272
273
  index: _propTypes2.default.number,
273
274
  labelRenderer: _propTypes2.default.func,
274
275
  HTMLRenderer: _propTypes2.default.func,
275
- hierarchicalId: _propTypes2.default.string
276
+ hierarchicalId: _propTypes2.default.string,
277
+ labels: _propTypes2.default.object
276
278
  } : {};
277
279
 
278
280
  exports.default = Item;
package/lib/ScopeList/ScopeList.js CHANGED
@@ -163,7 +163,7 @@ var ScopeList = function ScopeList(props) {
163
163
  // ReactVirtualized__Grid ReactVirtualized__List made the scrollbar
164
164
  var scrollEl = R.path(['children', 0, 'children', 0], current);
165
165
  var isBottom = R.gte(R.add(R.prop('scrollTop')(scrollEl), R.prop('clientHeight')(scrollEl)), R.prop('scrollHeight')(scrollEl));
166
- var nextpos = (scrollTop || 0) + event.deltaY / 2;
166
+ var nextpos = (scrollTop || scrollEl.scrollTop) + event.deltaY / 2;
167
167
  if (R.or(event.deltaY < 0, event.deltaY > 0 && R.not(isBottom))) {
168
168
  setScrollTop(nextpos < 0 ? 0 : nextpos);
169
169
  }
@@ -173,6 +173,9 @@ var ScopeList = function ScopeList(props) {
173
173
  setScrollTop(undefined); // should be undefined if the user want use the normal scroll
174
174
  }
175
175
  };
176
+ if (scrollTop === 0) {
177
+ setScrollTop(undefined);
178
+ }
176
179
  if (R.isNil(current)) return;
177
180
 
178
181
  current.addEventListener('wheel', handler, { passive: false });
@@ -282,7 +285,6 @@ var ScopeList = function ScopeList(props) {
282
285
  var height = _ref.height,
283
286
  width = _ref.width;
284
287
  return _react2.default.createElement(_List2.default, {
285
- ref: ref,
286
288
  overscan: 10,
287
289
  tabIndex: -1,
288
290
  height: height,
@@ -311,7 +313,8 @@ var ScopeList = function ScopeList(props) {
311
313
  changeMouseSelection: changeMouseSelection,
312
314
  ariaLabel: R.prop('navigateNext')(labels),
313
315
  NavigateIcon: isRtl ? _NavigateBefore2.default : _NavigateNext2.default,
314
- accessibility: accessibility
316
+ accessibility: accessibility,
317
+ labels: labels
315
318
  }, item, {
316
319
  isDisabled: disableAccessor(item),
317
320
  label: labelRenderer(item)
@@ -350,6 +353,7 @@ ScopeList.propTypes = process.env.NODE_ENV !== "production" ? {
350
353
  childrenNavigateDesc: _propTypes2.default.string,
351
354
  navigateNext: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
352
355
  backHelper: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
356
+ disableItemLabel: _propTypes2.default.string,
353
357
  selection: _propTypes2.default.shape({
354
358
  title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
355
359
  currentLevel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
package/lib/ScopeList/with-scope-list.js CHANGED
@@ -190,7 +190,7 @@ var getItemsIds = exports.getItemsIds = R.curry(function (disableAccessor, _ref7
190
190
 
191
191
  return R.reduce(function (acc, item) {
192
192
  if (disableAccessor(item)) return acc;
193
- if (R.equals(R.not(R.prop('isSelected', item)), isSelected)) return acc;
193
+ if (!R.prop('isSelected', item) === isSelected) return acc;
194
194
  return R.append(R.prop('id', item), acc);
195
195
  }, [])(items);
196
196
  });
@@ -397,7 +397,8 @@ var withScopeList = exports.withScopeList = function withScopeList(Component) {
397
397
  }
398
398
  if (R.prop('isUp')(mouseAction) && isMousePreSelection) {
399
399
  var items = R.pipe(getPropByIndex(R.identity), R.reject(disableAccessor))(getRangeIndexes(mouseSelection), list);
400
- _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({ isSelected: R.prop('isSelected', R.head(items)) })(items))(e);
400
+ var isFirstElementSelected = !!R.prop('isSelected', R.head(items));
401
+ _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({ isSelected: isFirstElementSelected })(items))(e);
401
402
  return _this.setState({
402
403
  mouseSelection: [],
403
404
  isMousePreSelection: false,
package/lib/TableHtml5/TableHtml5.js CHANGED
@@ -55,8 +55,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
55
55
  return {
56
56
  table: {
57
57
  borderCollapse: 'separate',
58
- borderLeft: '1px solid ' + theme.palette.grey[500],
59
- borderTop: '1px solid ' + theme.palette.grey[500]
58
+ borderLeft: 'thin solid ' + theme.palette.grey[500],
59
+ borderTop: 'thin solid ' + theme.palette.grey[500]
60
60
  },
61
61
  stickyHeader: {
62
62
  position: 'sticky',
package/lib/TableHtml5/cell.js CHANGED
@@ -41,8 +41,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
41
41
  var useStyles = (0, _styles.makeStyles)(function (theme) {
42
42
  return {
43
43
  cell: {
44
- borderBottom: '1px solid ' + theme.palette.grey[500],
45
- borderRight: '1px solid ' + theme.palette.grey[500],
44
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
45
+ borderRight: 'thin solid ' + theme.palette.grey[500],
46
46
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
47
47
  verticalAlign: 'baseline',
48
48
  color: theme.palette.grey['A700'],
@@ -56,7 +56,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
56
56
  },
57
57
  highlight: theme.mixins.table.cellHighlight,
58
58
  oneCell: {
59
- border: '1px solid ' + theme.palette.grey[500],
59
+ border: 'thin solid ' + theme.palette.grey[500],
60
60
  display: 'block' // MUI TableCell is inline-block
61
61
  },
62
62
  link: {
package/lib/TableHtml5/header.js CHANGED
@@ -48,8 +48,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
48
48
  color: theme.palette.getContrastText(theme.palette.primary.main),
49
49
  backgroundColor: theme.palette.primary.main,
50
50
  border: 'inherit',
51
- borderBottom: '1px solid ' + theme.palette.grey[500],
52
- borderRight: '1px solid ' + theme.palette.grey[500],
51
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
52
+ borderRight: 'thin solid ' + theme.palette.grey[500],
53
53
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
54
54
  verticalAlign: 'middle',
55
55
  '&:focus ': {
package/lib/TableHtml5/section.js CHANGED
@@ -61,8 +61,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
61
61
  rowTitle: {
62
62
  backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light,
63
63
  border: 'inherit',
64
- borderBottom: '1px solid ' + theme.palette.grey[500],
65
- borderRight: '1px solid ' + theme.palette.grey[500],
64
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
65
+ borderRight: 'thin solid ' + theme.palette.grey[500],
66
66
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
67
67
  color: theme.palette.grey['A700'],
68
68
  verticalAlign: 'middle'
@@ -72,8 +72,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
72
72
  backgroundColor: theme.palette.grey[200],
73
73
  verticalAlign: 'top',
74
74
  border: 'inherit',
75
- borderBottom: '1px solid ' + theme.palette.grey[500],
76
- borderRight: '1px solid ' + theme.palette.grey[500],
75
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
76
+ borderRight: 'thin solid ' + theme.palette.grey[500],
77
77
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
78
78
  position: 'sticky',
79
79
  zIndex: 1
package/lib/TableHtml5/sectionHeader.js CHANGED
@@ -53,8 +53,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
53
53
  section: {
54
54
  backgroundColor: (0, _utils.getDark)(theme) || theme.palette.secondary.dark,
55
55
  border: 'inherit',
56
- borderBottom: '1px solid ' + theme.palette.grey[500],
57
- borderRight: '1px solid ' + theme.palette.grey[500],
56
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
57
+ borderRight: 'thin solid ' + theme.palette.grey[500],
58
58
  padding: theme.spacing(0, 1),
59
59
  color: theme.palette.grey['A700'],
60
60
  verticalAlign: 'middle',
package/lib/TableHtml5/subHeader.js CHANGED
@@ -47,8 +47,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
47
47
  columnsTitle: {
48
48
  backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light,
49
49
  border: 'inherit',
50
- borderBottom: '1px solid ' + theme.palette.grey[500],
51
- borderRight: '1px solid ' + theme.palette.grey[500],
50
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
51
+ borderRight: 'thin solid ' + theme.palette.grey[500],
52
52
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
53
53
  color: theme.palette.grey['A700'],
54
54
  verticalAlign: 'middle',
@@ -58,8 +58,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
58
58
  fillerCell: {
59
59
  backgroundColor: theme.palette.grey[200],
60
60
  border: 'inherit',
61
- borderBottom: '1px solid ' + theme.palette.grey[500],
62
- borderRight: '1px solid ' + theme.palette.grey[500],
61
+ borderBottom: 'thin solid ' + theme.palette.grey[500],
62
+ borderRight: 'thin solid ' + theme.palette.grey[500],
63
63
  padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
64
64
  verticalAlign: 'middle',
65
65
  textAlign: 'center',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "7.13.0",
3
+ "version": "7.14.1",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",