@sis-cc/dotstatsuite-visions 7.14.4 → 7.15.0

package/es/AuthDialog/index.js

@@ -16,7 +16,7 @@
  *     user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
  *     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
  *   }),
- *   onClose: PropTypes.func.isRequired,
+ *   onClose: PropTypes.func,
  *   onSubmit: PropTypes.func.isRequired
  * };
  * @demoReady
@@ -124,7 +124,7 @@ var AuthDialog = function AuthDialog(_ref) {
           labels.header
         )
       ),
-      React.createElement(
+      onClose && React.createElement(
         IconButton,
         { className: classes.closeButton, onClick: onClose },
         React.createElement(CloseIcon, null)
@@ -204,7 +204,7 @@ AuthDialog.propTypes = process.env.NODE_ENV !== "production" ? {
     user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
   }),
-  onClose: PropTypes.func.isRequired,
+  onClose: PropTypes.func,
   onSubmit: PropTypes.func.isRequired
 } : {};
 

package/es/TableHtml5/header.js

@@ -18,7 +18,7 @@ var useStyles = makeStyles(function (theme) {
       borderBottom: 'thin solid ' + theme.palette.grey[500],
       borderRight: 'thin solid ' + theme.palette.grey[500],
       padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
-      verticalAlign: 'middle',
+      verticalAlign: 'top',
       '&:focus ': {
         opacity: '.85'
       },
@@ -26,7 +26,10 @@ var useStyles = makeStyles(function (theme) {
     },
     cellContentCenter: {
       display: 'flex',
-      justifyContent: 'center'
+      flexDirection: 'column',
+      justifyContent: 'center',
+      alignItems: 'center',
+      position: 'sticky'
     },
     cellContentRight: {
       display: 'flex',
@@ -93,6 +96,9 @@ var Header = function Header(_ref) {
         var _cx;
 
         var flags = R.prop('flags', headerItem);
+        var hierarchySpace = R.pipe(R.pathOr([], ['parents']), R.when(R.isNil, R.always([])), R.length, R.times(function () {
+          return '·';
+        }))(headerItem);
         return React.createElement(
           TableCell,
           {
@@ -117,6 +123,13 @@ var Header = function Header(_ref) {
                 },
                 variant: 'body1'
               },
+              !R.isEmpty(hierarchySpace) && mapIndexed(function (space, idx) {
+                return React.createElement(
+                  'div',
+                  { key: idx },
+                  space
+                );
+              })(hierarchySpace),
               R.prop('label', headerItem),
               React.createElement(Flags, { HTMLRenderer: HTMLRenderer, flags: flags, isHeader: true })
             )

package/lib/AuthDialog/index.js

@@ -66,7 +66,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *     user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
  *     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
  *   }),
- *   onClose: PropTypes.func.isRequired,
+ *   onClose: PropTypes.func,
  *   onSubmit: PropTypes.func.isRequired
  * };
  * @demoReady
@@ -161,7 +161,7 @@ var AuthDialog = function AuthDialog(_ref) {
           labels.header
         )
       ),
-      _react2.default.createElement(
+      onClose && _react2.default.createElement(
         _IconButton2.default,
         { className: classes.closeButton, onClick: onClose },
         _react2.default.createElement(_Close2.default, null)
@@ -241,7 +241,7 @@ AuthDialog.propTypes = process.env.NODE_ENV !== "production" ? {
     user: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),
     submit: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node])
   }),
-  onClose: _propTypes2.default.func.isRequired,
+  onClose: _propTypes2.default.func,
   onSubmit: _propTypes2.default.func.isRequired
 } : {};
 

package/lib/TableHtml5/header.js

@@ -51,7 +51,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       borderBottom: 'thin solid ' + theme.palette.grey[500],
       borderRight: 'thin solid ' + theme.palette.grey[500],
       padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
-      verticalAlign: 'middle',
+      verticalAlign: 'top',
       '&:focus ': {
         opacity: '.85'
       },
@@ -59,7 +59,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     cellContentCenter: {
       display: 'flex',
-      justifyContent: 'center'
+      flexDirection: 'column',
+      justifyContent: 'center',
+      alignItems: 'center',
+      position: 'sticky'
     },
     cellContentRight: {
       display: 'flex',
@@ -126,6 +129,9 @@ var Header = function Header(_ref) {
         var _cx;
 
         var flags = R.prop('flags', headerItem);
+        var hierarchySpace = R.pipe(R.pathOr([], ['parents']), R.when(R.isNil, R.always([])), R.length, R.times(function () {
+          return '·';
+        }))(headerItem);
         return _react2.default.createElement(
           _TableCell2.default,
           {
@@ -150,6 +156,13 @@ var Header = function Header(_ref) {
                 },
                 variant: 'body1'
               },
+              !R.isEmpty(hierarchySpace) && mapIndexed(function (space, idx) {
+                return _react2.default.createElement(
+                  'div',
+                  { key: idx },
+                  space
+                );
+              })(hierarchySpace),
               R.prop('label', headerItem),
               _react2.default.createElement(_flags2.default, { HTMLRenderer: HTMLRenderer, flags: flags, isHeader: true })
             )

package/package.json

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