@sis-cc/dotstatsuite-visions 12.32.0 → 12.34.0

package/es/CollapseButtons/CollapseButtons.js

@@ -2,6 +2,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import cx from 'classnames';
 import * as R from 'ramda';
 import makeStyles from '@mui/styles/makeStyles';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -15,15 +16,25 @@ import Paper from './Paper';
 export var MAX_COLUMNS = 12;
 export var COLUMNS = [12, 12, 6, 4, 3, 3, 2, 2, 2, 2, 2, 2, 1];
 
-var useStyles = makeStyles(function () {
+var useStyles = makeStyles(function (theme) {
   return {
     collapseContainer: {
       width: '100%'
+    },
+    container: {
+      '&:focus': {
+        outlineColor: theme.palette.highlight.hl1,
+        outlineWidth: 2,
+        outlineStyle: 'auto',
+        paddingBottom: 16
+      }
     }
   };
 });
 
 var CollapseButtons = function CollapseButtons(props) {
+  var _cx;
+
   var _props$items = props.items,
       items = _props$items === undefined ? [] : _props$items,
       _props$action = props.action,
@@ -43,7 +54,8 @@ var CollapseButtons = function CollapseButtons(props) {
       _props$textTransform = props.textTransform,
       textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform,
       _props$labelAccessor = props.labelAccessor,
-      labelAccessor = _props$labelAccessor === undefined ? R.prop('label') : _props$labelAccessor;
+      labelAccessor = _props$labelAccessor === undefined ? R.prop('label') : _props$labelAccessor,
+      accessibility = props.accessibility;
 
 
   var classes = useStyles();
@@ -76,7 +88,14 @@ var CollapseButtons = function CollapseButtons(props) {
 
   return React.createElement(
     Grid,
-    { container: true, spacing: 2, 'data-testid': testId, justifyContent: justify },
+    {
+      container: true,
+      spacing: 2,
+      'data-testid': testId,
+      justifyContent: justify,
+      className: cx((_cx = {}, _cx[classes.container] = accessibility, _cx)),
+      tabIndex: 0
+    },
     R.map(function (_ref) {
       var id = _ref.id,
           label = _ref.label,
@@ -164,7 +183,8 @@ CollapseButtons.propTypes = process.env.NODE_ENV !== "production" ? {
   gridButtonsProps: PropTypes.object,
   justify: PropTypes.string,
   textTransform: PropTypes.string,
-  labelAccessor: PropTypes.func
+  labelAccessor: PropTypes.func,
+  accessibility: PropTypes.bool
 } : {};
 
 export default CollapseButtons;

package/es/CollapseButtons/Item.js

@@ -106,6 +106,13 @@ var Item = function Item(_ref) {
                   action(parentId, id);
                   e.stopPropagation();
                 },
+                onKeyDown: function onKeyDown(e) {
+                  if (e.key === 'Enter' || e.key === ' ') {
+                    if (R.not(R.is(Function)(action))) return;
+                    action(parentId, id);
+                    e.stopPropagation();
+                  }
+                },
                 tabIndex: 0,
                 underline: 'none',
                 style: { display: 'list-item' }

package/es/DynamicDrawer/DynamicDrawer.js

@@ -49,6 +49,21 @@ var useStyles = makeStyles(function (theme) {
     }
   };
 });
+var getCounter = function getCounter(items, tagAccessor) {
+  var selectedItemsIds = R.reduce(function (acc, item) {
+    if (R.prop('isSelected', item)) {
+      return R.append(item.id, acc);
+    }
+    return acc;
+  }, [], items);
+  var itemsIds = R.pluck('id', items);
+  var count = R.pipe(R.uniq, R.length)(selectedItemsIds);
+  var total = R.pipe(R.uniq, R.length)(itemsIds);
+  if (R.is(Function, tagAccessor)) {
+    return tagAccessor(count, total);
+  }
+  return count + '/' + total;
+};
 
 var TabPanel = function TabPanel(props) {
   var children = props.children,
@@ -61,18 +76,19 @@ var TabPanel = function TabPanel(props) {
       setOpen = props.setOpen,
       labelRenderer = props.labelRenderer,
       _props$styles = props.styles,
-      styles = _props$styles === undefined ? {} : _props$styles;
+      styles = _props$styles === undefined ? {} : _props$styles,
+      other = _objectWithoutProperties(props, ['children', 'open', 'item', 'classes', 'labels', 'onClose', 'isNarrow', 'setOpen', 'labelRenderer', 'styles']);
 
   return React.createElement(
     'div',
-    {
+    _extends({
       role: 'tabpanel',
       hidden: !open,
       id: 'vertical-tabpanel-' + item.index,
       'aria-labelledby': 'vertical-tab-' + item.index,
       className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
       style: styles
-    },
+    }, other),
     open && React.createElement(
       Box,
       { sx: { p: 3 } },
@@ -152,13 +168,21 @@ TabPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   styles: PropTypes.object
 } : {};
 
-var PaperComponent = function PaperComponent(props) {
+var PaperComponent = React.forwardRef(function (_ref, ref) {
   var _cx;
 
+  var label = _ref.label,
+      selected = _ref.selected,
+      item = _ref.item,
+      tagAccessor = _ref.tagAccessor,
+      tagValueLabel = _ref.tagValueLabel,
+      rest = _objectWithoutProperties(_ref, ['label', 'selected', 'item', 'tagAccessor', 'tagValueLabel']);
+
+  var Chip = R.isNil(item.tag) ? InternalTag : item.tag;
   var classes = useStyles();
   return React.createElement(
     Paper,
-    props,
+    _extends({}, rest, { ref: ref }),
     React.createElement(
       Box,
       { sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
@@ -167,19 +191,25 @@ var PaperComponent = function PaperComponent(props) {
         {
           noWrap: true,
           variant: 'body2',
-          title: props.label,
-          className: cx(classes.label, (_cx = {}, _cx[classes.labelSelected] = props.selected, _cx))
+          title: label,
+          className: cx(classes.label, (_cx = {}, _cx[classes.labelSelected] = selected, _cx))
         },
-        props.label
+        label
       ),
-      props.tag
+      R.isNil(item.tag) ? React.createElement(
+        Chip,
+        { items: item.values, tagValueLabel: tagValueLabel },
+        getCounter(item.values, tagAccessor)
+      ) : item.tag
     )
   );
-};
+});
 PaperComponent.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string,
-  tag: PropTypes.elementType,
-  selected: PropTypes.bool
+  selected: PropTypes.bool,
+  item: PropTypes.object,
+  tagAccessor: PropTypes.func,
+  tagValueLabel: PropTypes.func
 } : {};
 
 var DynamicDrawer = function DynamicDrawer(props) {
@@ -201,22 +231,6 @@ var DynamicDrawer = function DynamicDrawer(props) {
       allSelection = _useState4[0],
       setAllSelection = _useState4[1];
 
-  var getCounter = function getCounter(items, tagAccessor) {
-    var selectedItemsIds = R.reduce(function (acc, item) {
-      if (R.prop('isSelected', item)) {
-        return R.append(item.id, acc);
-      }
-      return acc;
-    }, [], items);
-    var itemsIds = R.pluck('id', items);
-    var count = R.pipe(R.uniq, R.length)(selectedItemsIds);
-    var total = R.pipe(R.uniq, R.length)(itemsIds);
-    if (R.is(Function, tagAccessor)) {
-      return tagAccessor(count, total);
-    }
-    return count + '/' + total;
-  };
-
   var list = props.list,
       labelRenderer = props.labelRenderer,
       onClick = props.onClick,
@@ -328,24 +342,23 @@ var DynamicDrawer = function DynamicDrawer(props) {
       R.map(function (item) {
         var _cx2;
 
-        var Chip = R.isNil(item.tag) ? InternalTag : item.tag;
         var tagValueLabel = R.isNil(item.tag) && getCounter(item.values, tagAriaLabel);
 
         return React.createElement(Tab, {
           key: item.id,
           id: filter.id,
           'data-testid': item.id + '-tab',
-          component: function component(props) {
-            return PaperComponent(_extends({
+          component: React.forwardRef(function TabPaper(tabProps, ref) {
+            return React.createElement(PaperComponent, _extends({
+              ref: ref
+            }, tabProps, {
               label: labelRenderer(item),
               selected: selectedId === item.id,
-              tag: R.isNil(item.tag) ? React.createElement(
-                Chip,
-                { items: item.values, tagValueLabel: tagValueLabel },
-                getCounter(item.values, tagAccessor)
-              ) : item.tag
-            }, props));
-          },
+              item: item,
+              tagAccessor: tagAccessor,
+              tagValueLabel: tagValueLabel
+            }));
+          }),
           label: labelRenderer(item),
           'aria-label': labelRenderer(item),
           value: item,
@@ -430,7 +443,7 @@ DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
   tagAriaLabel: PropTypes.func,
   handleChangePanel: PropTypes.func,
   onClosePanel: PropTypes.func,
-  displayChildren: PropTypes.func,
+  displayChildren: PropTypes.bool,
   labels: PropTypes.shape({
     placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
     disableItemLabel: PropTypes.string,

package/es/Logo/Logo.js

@@ -31,7 +31,7 @@ var Logo = function Logo(_ref) {
   var classes = useStyles();
   return React.createElement(
     'span',
-    { className: classes.container, role: 'button', tabIndex: 0 },
+    { className: classes.container, role: 'presentation' },
     React.createElement('img', {
       className: cx(classes.logo, classes.alternativeBrowserLogo),
       style: { maxHeight: maxHeight },

package/es/Spotlight/Spotlight.js

@@ -102,7 +102,6 @@ var Spotlight = function Spotlight(_ref) {
       R.gt(size(R.prop('fields', spotlight)), 1) ? React.createElement(
         Fragment,
         null,
-        React.createElement(Divider, { className: classes.divider, 'aria-hidden': 'true' }),
         React.createElement(Field, {
           spotlight: spotlight,
           onChangeField: onChangeField,

package/es/theme.js

@@ -55,9 +55,9 @@ export var sisccTheme = function sisccTheme(_ref) {
         },
         styleOverrides: {
           root: _extends({
-            '&:focus': {
-              outline: 'none'
-            }
+            '&:focus': _extends({
+              outline: !isA11y && 'none'
+            }, isA11y && focus)
           }, buttonBaseFocus)
         }
       },
@@ -103,9 +103,9 @@ export var sisccTheme = function sisccTheme(_ref) {
         styleOverrides: {
           root: {
             textTransform: 'none',
-            '&:focus': {
-              outline: 'none'
-            }
+            '&:focus': _extends({
+              outline: !isA11y && 'none'
+            }, isA11y && focus)
           },
           textPrimary: {
             '&:hover': {
@@ -142,14 +142,14 @@ export var sisccTheme = function sisccTheme(_ref) {
       MuiOutlinedInput: {
         styleOverrides: {
           root: {
-            '&.Mui-focused': isA11y && focus
+            '&.Mui-focusVisible': isA11y && focus
           }
         }
       },
       MuiTypography: {
         styleOverrides: {
           root: {
-            '&.Mui-focused': isA11y && focus
+            '&:focus': isA11y && focus
           }
         }
       },
@@ -164,7 +164,7 @@ export var sisccTheme = function sisccTheme(_ref) {
               color: outerPalette.primaryLight || innerPalette.primaryLight,
               textDecoration: 'underline'
             },
-            '&.Mui-focused': isA11y && focus
+            '&:focus': isA11y && focus
           },
           button: {
             '&:focus': isA11y && focus

package/lib/CollapseButtons/CollapseButtons.js

@@ -13,6 +13,10 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
 var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
@@ -54,15 +58,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var MAX_COLUMNS = exports.MAX_COLUMNS = 12;
 var COLUMNS = exports.COLUMNS = [12, 12, 6, 4, 3, 3, 2, 2, 2, 2, 2, 2, 1];
 
-var useStyles = (0, _makeStyles2.default)(function () {
+var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     collapseContainer: {
       width: '100%'
+    },
+    container: {
+      '&:focus': {
+        outlineColor: theme.palette.highlight.hl1,
+        outlineWidth: 2,
+        outlineStyle: 'auto',
+        paddingBottom: 16
+      }
     }
   };
 });
 
 var CollapseButtons = function CollapseButtons(props) {
+  var _cx;
+
   var _props$items = props.items,
       items = _props$items === undefined ? [] : _props$items,
       _props$action = props.action,
@@ -82,7 +96,8 @@ var CollapseButtons = function CollapseButtons(props) {
       _props$textTransform = props.textTransform,
       textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform,
       _props$labelAccessor = props.labelAccessor,
-      labelAccessor = _props$labelAccessor === undefined ? R.prop('label') : _props$labelAccessor;
+      labelAccessor = _props$labelAccessor === undefined ? R.prop('label') : _props$labelAccessor,
+      accessibility = props.accessibility;
 
 
   var classes = useStyles();
@@ -115,7 +130,14 @@ var CollapseButtons = function CollapseButtons(props) {
 
   return _react2.default.createElement(
     _Grid2.default,
-    { container: true, spacing: 2, 'data-testid': testId, justifyContent: justify },
+    {
+      container: true,
+      spacing: 2,
+      'data-testid': testId,
+      justifyContent: justify,
+      className: (0, _classnames2.default)((_cx = {}, _cx[classes.container] = accessibility, _cx)),
+      tabIndex: 0
+    },
     R.map(function (_ref) {
       var id = _ref.id,
           label = _ref.label,
@@ -203,7 +225,8 @@ CollapseButtons.propTypes = process.env.NODE_ENV !== "production" ? {
   gridButtonsProps: _propTypes2.default.object,
   justify: _propTypes2.default.string,
   textTransform: _propTypes2.default.string,
-  labelAccessor: _propTypes2.default.func
+  labelAccessor: _propTypes2.default.func,
+  accessibility: _propTypes2.default.bool
 } : {};
 
 exports.default = CollapseButtons;

package/lib/CollapseButtons/Item.js

@@ -137,6 +137,13 @@ var Item = function Item(_ref) {
                   action(parentId, id);
                   e.stopPropagation();
                 },
+                onKeyDown: function onKeyDown(e) {
+                  if (e.key === 'Enter' || e.key === ' ') {
+                    if (R.not(R.is(Function)(action))) return;
+                    action(parentId, id);
+                    e.stopPropagation();
+                  }
+                },
                 tabIndex: 0,
                 underline: 'none',
                 style: { display: 'list-item' }

package/lib/DynamicDrawer/DynamicDrawer.js

@@ -99,6 +99,21 @@ var useStyles = (0, _makeStyles2.default)(function (theme) {
     }
   };
 });
+var getCounter = function getCounter(items, tagAccessor) {
+  var selectedItemsIds = R.reduce(function (acc, item) {
+    if (R.prop('isSelected', item)) {
+      return R.append(item.id, acc);
+    }
+    return acc;
+  }, [], items);
+  var itemsIds = R.pluck('id', items);
+  var count = R.pipe(R.uniq, R.length)(selectedItemsIds);
+  var total = R.pipe(R.uniq, R.length)(itemsIds);
+  if (R.is(Function, tagAccessor)) {
+    return tagAccessor(count, total);
+  }
+  return count + '/' + total;
+};
 
 var TabPanel = function TabPanel(props) {
   var children = props.children,
@@ -111,18 +126,19 @@ var TabPanel = function TabPanel(props) {
       setOpen = props.setOpen,
       labelRenderer = props.labelRenderer,
       _props$styles = props.styles,
-      styles = _props$styles === undefined ? {} : _props$styles;
+      styles = _props$styles === undefined ? {} : _props$styles,
+      other = _objectWithoutProperties(props, ['children', 'open', 'item', 'classes', 'labels', 'onClose', 'isNarrow', 'setOpen', 'labelRenderer', 'styles']);
 
   return _react2.default.createElement(
     'div',
-    {
+    _extends({
       role: 'tabpanel',
       hidden: !open,
       id: 'vertical-tabpanel-' + item.index,
       'aria-labelledby': 'vertical-tab-' + item.index,
       className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
       style: styles
-    },
+    }, other),
     open && _react2.default.createElement(
       _Box2.default,
       { sx: { p: 3 } },
@@ -202,13 +218,21 @@ TabPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   styles: _propTypes2.default.object
 } : {};
 
-var PaperComponent = function PaperComponent(props) {
+var PaperComponent = _react2.default.forwardRef(function (_ref, ref) {
   var _cx;
 
+  var label = _ref.label,
+      selected = _ref.selected,
+      item = _ref.item,
+      tagAccessor = _ref.tagAccessor,
+      tagValueLabel = _ref.tagValueLabel,
+      rest = _objectWithoutProperties(_ref, ['label', 'selected', 'item', 'tagAccessor', 'tagValueLabel']);
+
+  var Chip = R.isNil(item.tag) ? _.Tag : item.tag;
   var classes = useStyles();
   return _react2.default.createElement(
     _Paper2.default,
-    props,
+    _extends({}, rest, { ref: ref }),
     _react2.default.createElement(
       _Box2.default,
       { sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
@@ -217,19 +241,25 @@ var PaperComponent = function PaperComponent(props) {
         {
           noWrap: true,
           variant: 'body2',
-          title: props.label,
-          className: (0, _classnames2.default)(classes.label, (_cx = {}, _cx[classes.labelSelected] = props.selected, _cx))
+          title: label,
+          className: (0, _classnames2.default)(classes.label, (_cx = {}, _cx[classes.labelSelected] = selected, _cx))
         },
-        props.label
+        label
       ),
-      props.tag
+      R.isNil(item.tag) ? _react2.default.createElement(
+        Chip,
+        { items: item.values, tagValueLabel: tagValueLabel },
+        getCounter(item.values, tagAccessor)
+      ) : item.tag
     )
   );
-};
+});
 PaperComponent.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes2.default.string,
-  tag: _propTypes2.default.elementType,
-  selected: _propTypes2.default.bool
+  selected: _propTypes2.default.bool,
+  item: _propTypes2.default.object,
+  tagAccessor: _propTypes2.default.func,
+  tagValueLabel: _propTypes2.default.func
 } : {};
 
 var DynamicDrawer = function DynamicDrawer(props) {
@@ -251,22 +281,6 @@ var DynamicDrawer = function DynamicDrawer(props) {
       allSelection = _useState4[0],
       setAllSelection = _useState4[1];
 
-  var getCounter = function getCounter(items, tagAccessor) {
-    var selectedItemsIds = R.reduce(function (acc, item) {
-      if (R.prop('isSelected', item)) {
-        return R.append(item.id, acc);
-      }
-      return acc;
-    }, [], items);
-    var itemsIds = R.pluck('id', items);
-    var count = R.pipe(R.uniq, R.length)(selectedItemsIds);
-    var total = R.pipe(R.uniq, R.length)(itemsIds);
-    if (R.is(Function, tagAccessor)) {
-      return tagAccessor(count, total);
-    }
-    return count + '/' + total;
-  };
-
   var list = props.list,
       labelRenderer = props.labelRenderer,
       onClick = props.onClick,
@@ -378,24 +392,23 @@ var DynamicDrawer = function DynamicDrawer(props) {
       R.map(function (item) {
         var _cx2;
 
-        var Chip = R.isNil(item.tag) ? _.Tag : item.tag;
         var tagValueLabel = R.isNil(item.tag) && getCounter(item.values, tagAriaLabel);
 
         return _react2.default.createElement(_Tab2.default, {
           key: item.id,
           id: filter.id,
           'data-testid': item.id + '-tab',
-          component: function component(props) {
-            return PaperComponent(_extends({
+          component: _react2.default.forwardRef(function TabPaper(tabProps, ref) {
+            return _react2.default.createElement(PaperComponent, _extends({
+              ref: ref
+            }, tabProps, {
               label: labelRenderer(item),
               selected: selectedId === item.id,
-              tag: R.isNil(item.tag) ? _react2.default.createElement(
-                Chip,
-                { items: item.values, tagValueLabel: tagValueLabel },
-                getCounter(item.values, tagAccessor)
-              ) : item.tag
-            }, props));
-          },
+              item: item,
+              tagAccessor: tagAccessor,
+              tagValueLabel: tagValueLabel
+            }));
+          }),
           label: labelRenderer(item),
           'aria-label': labelRenderer(item),
           value: item,
@@ -480,7 +493,7 @@ DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
   tagAriaLabel: _propTypes2.default.func,
   handleChangePanel: _propTypes2.default.func,
   onClosePanel: _propTypes2.default.func,
-  displayChildren: _propTypes2.default.func,
+  displayChildren: _propTypes2.default.bool,
   labels: _propTypes2.default.shape({
     placeholder: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),
     disableItemLabel: _propTypes2.default.string,

package/lib/Logo/Logo.js

@@ -48,7 +48,7 @@ var Logo = function Logo(_ref) {
   var classes = useStyles();
   return _react2.default.createElement(
     'span',
-    { className: classes.container, role: 'button', tabIndex: 0 },
+    { className: classes.container, role: 'presentation' },
     _react2.default.createElement('img', {
       className: (0, _classnames2.default)(classes.logo, classes.alternativeBrowserLogo),
       style: { maxHeight: maxHeight },

package/lib/Spotlight/Spotlight.js

@@ -149,7 +149,6 @@ var Spotlight = function Spotlight(_ref) {
       R.gt(size(R.prop('fields', spotlight)), 1) ? _react2.default.createElement(
         _react.Fragment,
         null,
-        _react2.default.createElement(_Divider2.default, { className: classes.divider, 'aria-hidden': 'true' }),
         _react2.default.createElement(_Fields.Field, {
           spotlight: spotlight,
           onChangeField: onChangeField,

package/lib/theme.js

@@ -59,9 +59,9 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
         },
         styleOverrides: {
           root: _extends({
-            '&:focus': {
-              outline: 'none'
-            }
+            '&:focus': _extends({
+              outline: !isA11y && 'none'
+            }, isA11y && focus)
           }, buttonBaseFocus)
         }
       },
@@ -107,9 +107,9 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
         styleOverrides: {
           root: {
             textTransform: 'none',
-            '&:focus': {
-              outline: 'none'
-            }
+            '&:focus': _extends({
+              outline: !isA11y && 'none'
+            }, isA11y && focus)
           },
           textPrimary: {
             '&:hover': {
@@ -146,14 +146,14 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
       MuiOutlinedInput: {
         styleOverrides: {
           root: {
-            '&.Mui-focused': isA11y && focus
+            '&.Mui-focusVisible': isA11y && focus
           }
         }
       },
       MuiTypography: {
         styleOverrides: {
           root: {
-            '&.Mui-focused': isA11y && focus
+            '&:focus': isA11y && focus
           }
         }
       },
@@ -168,7 +168,7 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
               color: outerPalette.primaryLight || innerPalette.primaryLight,
               textDecoration: 'underline'
             },
-            '&.Mui-focused': isA11y && focus
+            '&:focus': isA11y && focus
           },
           button: {
             '&:focus': isA11y && focus

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "12.32.0",
+  "version": "12.34.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",