@sis-cc/dotstatsuite-visions 7.5.0 → 7.6.0

package/es/CollapsibleTree/CollapsibleTree.js

@@ -39,7 +39,8 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
       children = _ref.children,
       labels = _ref.labels,
       _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId;
+      testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
+      valueHandler = _ref.valueHandler;
 
   var classes = useStyles();
 
@@ -106,7 +107,9 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
           var id = _ref3.id,
               label = _ref3.label,
               children = _ref3.children,
-              value = _ref3.value;
+              value = _ref3.value,
+              _ref3$handlerProps = _ref3.handlerProps,
+              handlerProps = _ref3$handlerProps === undefined ? {} : _ref3$handlerProps;
 
           return React.createElement(
             Collapse,
@@ -114,12 +117,14 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
             value && React.createElement(
               Typography,
               { className: classes.spacingValue, variant: 'body2' },
-              value
+              R.is(Function, valueHandler) ? valueHandler(_extends({ value: value }, handlerProps)) : value
             ),
             children && R.map(function (_ref4) {
               var id = _ref4.id,
                   label = _ref4.label,
-                  value = _ref4.value;
+                  value = _ref4.value,
+                  _ref4$handlerProps = _ref4.handlerProps,
+                  handlerProps = _ref4$handlerProps === undefined ? {} : _ref4$handlerProps;
 
               return React.createElement(
                 Collapse,
@@ -133,7 +138,7 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
                 React.createElement(
                   Typography,
                   { variant: 'body2' },
-                  value
+                  R.is(Function, valueHandler) ? valueHandler(_extends({ value: value }, handlerProps)) : value
                 )
               );
             }, children)
@@ -165,7 +170,8 @@ CollapsibleTree.propTypes = process.env.NODE_ENV !== "production" ? {
     collapseAll: PropTypes.string,
     expandAll: PropTypes.string
   }),
-  testId: PropTypes.string
+  testId: PropTypes.string,
+  valueHandler: PropTypes.func
 } : {};
 
 export default CollapsibleTree;

package/es/PeriodPicker/PeriodPicker.js

@@ -24,13 +24,11 @@ var Period = function Period(_ref) {
 
   var classes = useStyles();
   var frequencies = getFrequencyOptions(availableFrequencies, labels);
-  console.log('frequencies', frequencies);
   if (R.isEmpty(frequencies)) return null;
   var frequency = getDefaultFrequency({
     defaultFrequency: defaultFrequency,
     frequencies: R.pluck('value')(frequencies)
   });
-  console.log('frequency', frequency);
   var period = R.defaultTo([], _period);
   var boundaries = R.defaultTo([], _boundaries);
   var isPeriodDisabled = R.or(R.any(R.isEmpty)([period, boundaries]), periodDisabled);

package/es/TableHtml5/cell.js

@@ -34,6 +34,10 @@ var useStyles = makeStyles(function (theme) {
     },
     value: {
       overflow: 'inherit'
+    },
+    textValue: {
+      textAlign: 'right',
+      whiteSpace: 'nowrap'
     }
   };
 });
@@ -81,7 +85,7 @@ var Cell = function Cell(_ref) {
     },
     React.createElement(
       'div',
-      { style: { textAlign: 'right' } },
+      { className: classes.textValue },
       React.createElement(
         Typography,
         { variant: 'body1', tabIndex: 0, noWrap: hasFlag },

package/es/TableHtml5/sectionHeader.js

@@ -21,7 +21,8 @@ var useStyles = makeStyles(function (theme) {
       borderRight: '1px solid ' + theme.palette.grey[500],
       padding: theme.spacing(0, 1),
       color: theme.palette.grey['A700'],
-      verticalAlign: 'middle'
+      verticalAlign: 'middle',
+      whiteSpace: 'nowrap'
     },
     lens: _extends({}, theme.mixins.table.dot, {
       marginLeft: theme.spacing(1),

package/lib/CollapsibleTree/CollapsibleTree.js

@@ -83,7 +83,8 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
       children = _ref.children,
       labels = _ref.labels,
       _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId;
+      testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
+      valueHandler = _ref.valueHandler;
 
   var classes = useStyles();
 
@@ -150,7 +151,9 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
           var id = _ref3.id,
               label = _ref3.label,
               children = _ref3.children,
-              value = _ref3.value;
+              value = _ref3.value,
+              _ref3$handlerProps = _ref3.handlerProps,
+              handlerProps = _ref3$handlerProps === undefined ? {} : _ref3$handlerProps;
 
           return _react2.default.createElement(
             _Collapse2.default,
@@ -158,12 +161,14 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
             value && _react2.default.createElement(
               _Typography2.default,
               { className: classes.spacingValue, variant: 'body2' },
-              value
+              R.is(Function, valueHandler) ? valueHandler(_extends({ value: value }, handlerProps)) : value
             ),
             children && R.map(function (_ref4) {
               var id = _ref4.id,
                   label = _ref4.label,
-                  value = _ref4.value;
+                  value = _ref4.value,
+                  _ref4$handlerProps = _ref4.handlerProps,
+                  handlerProps = _ref4$handlerProps === undefined ? {} : _ref4$handlerProps;
 
               return _react2.default.createElement(
                 _Collapse2.default,
@@ -177,7 +182,7 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
                 _react2.default.createElement(
                   _Typography2.default,
                   { variant: 'body2' },
-                  value
+                  R.is(Function, valueHandler) ? valueHandler(_extends({ value: value }, handlerProps)) : value
                 )
               );
             }, children)
@@ -209,7 +214,8 @@ CollapsibleTree.propTypes = process.env.NODE_ENV !== "production" ? {
     collapseAll: _propTypes2.default.string,
     expandAll: _propTypes2.default.string
   }),
-  testId: _propTypes2.default.string
+  testId: _propTypes2.default.string,
+  valueHandler: _propTypes2.default.func
 } : {};
 
 exports.default = CollapsibleTree;

package/lib/PeriodPicker/PeriodPicker.js

@@ -49,13 +49,11 @@ var Period = function Period(_ref) {
 
   var classes = (0, _styles2.default)();
   var frequencies = (0, _lib.getFrequencyOptions)(availableFrequencies, labels);
-  console.log('frequencies', frequencies);
   if (R.isEmpty(frequencies)) return null;
   var frequency = (0, _lib.getDefaultFrequency)({
     defaultFrequency: defaultFrequency,
     frequencies: R.pluck('value')(frequencies)
   });
-  console.log('frequency', frequency);
   var period = R.defaultTo([], _period);
   var boundaries = R.defaultTo([], _boundaries);
   var isPeriodDisabled = R.or(R.any(R.isEmpty)([period, boundaries]), periodDisabled);

package/lib/TableHtml5/cell.js

@@ -66,6 +66,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     value: {
       overflow: 'inherit'
+    },
+    textValue: {
+      textAlign: 'right',
+      whiteSpace: 'nowrap'
     }
   };
 });
@@ -113,7 +117,7 @@ var Cell = function Cell(_ref) {
     },
     _react2.default.createElement(
       'div',
-      { style: { textAlign: 'right' } },
+      { className: classes.textValue },
       _react2.default.createElement(
         _Typography2.default,
         { variant: 'body1', tabIndex: 0, noWrap: hasFlag },

package/lib/TableHtml5/sectionHeader.js

@@ -57,7 +57,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       borderRight: '1px solid ' + theme.palette.grey[500],
       padding: theme.spacing(0, 1),
       color: theme.palette.grey['A700'],
-      verticalAlign: 'middle'
+      verticalAlign: 'middle',
+      whiteSpace: 'nowrap'
     },
     lens: _extends({}, theme.mixins.table.dot, {
       marginLeft: theme.spacing(1),

package/package.json

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