@sis-cc/dotstatsuite-visions 7.11.3 → 7.12.1

package/es/Loading/Loading.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
-import CircularProgress from '@material-ui/core/CircularProgress';
 
 var useStyles = makeStyles(function (theme) {
   return {
@@ -14,27 +14,47 @@ var useStyles = makeStyles(function (theme) {
       justifyContent: 'center',
       alignItems: 'center'
     },
-    progress: {
-      margin: theme.spacing(2),
-      color: function color(_ref) {
-        var isWarning = _ref.isWarning;
-        return isWarning ? theme.palette.warning.main : theme.palette.primary.main;
+    circularProgress: {
+      width: '48px',
+      height: ' 48px',
+      borderStyle: 'solid',
+      borderWidth: '5px',
+      borderColor: theme.palette.primary.main,
+      borderBottomColor: 'transparent',
+      borderRadius: '50%',
+      display: 'inline-block',
+      boxSizing: 'border-box',
+      animation: '$rotate 1s linear infinite',
+      margin: theme.spacing(2)
+    },
+    '@keyframes rotate': {
+      '0%': {
+        transform: 'rotate(0deg)'
+      },
+      '100%': {
+        transform: 'rotate(360deg)'
       }
+    },
+    warning: {
+      borderColor: theme.palette.warning.main,
+      borderBottomColor: 'transparent'
     }
   };
 });
 
-var Loading = function Loading(_ref2) {
-  var message = _ref2.message,
-      _ref2$isWarning = _ref2.isWarning,
-      isWarning = _ref2$isWarning === undefined ? false : _ref2$isWarning;
+var Loading = function Loading(_ref) {
+  var _cx;
+
+  var message = _ref.message,
+      _ref$isWarning = _ref.isWarning,
+      isWarning = _ref$isWarning === undefined ? false : _ref$isWarning;
 
-  var classes = useStyles({ isWarning: isWarning });
+  var classes = useStyles();
 
   return React.createElement(
     'div',
     { className: classes.root },
-    React.createElement(CircularProgress, { className: classes.progress }),
+    React.createElement('div', { className: cx(classes.circularProgress, (_cx = {}, _cx[classes.warning] = isWarning, _cx)) }),
     React.createElement(
       Typography,
       { variant: 'subtitle1', noWrap: true, align: 'center' },

package/es/ScopeList/ScopeList.js

@@ -95,6 +95,13 @@ var ScopeList = function ScopeList(props) {
     }, 0);
   }, [isLoading, items, itemsById, disableAccessor]);
 
+  useEffect(function () {
+    var scrollEl = R.path(['children', 0, 'children', 0], ref.current);
+    if (scrollEl) {
+      setScrollTop(0);
+    }
+  }, [R.prop('id', R.last(currentItem || []))]);
+
   useEffect(function () {
     var current = ref.current;
     var handler = function handler(event) {

package/es/TableHtml5/flags.js

@@ -27,7 +27,6 @@ var useStyles = makeStyles(function (theme) {
       display: 'inline',
       fontWeight: 'bold',
       fontStyle: 'normal',
-      textTransform: 'uppercase',
       position: 'relative',
       top: '-4px'
     }, R.pathOr({}, ['mixins', 'table', 'flag'], theme)),

package/lib/Loading/Loading.js

@@ -6,6 +6,10 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
 var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
@@ -16,10 +20,6 @@ var _Typography = require('@material-ui/core/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _CircularProgress = require('@material-ui/core/CircularProgress');
-
-var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var useStyles = (0, _styles.makeStyles)(function (theme) {
@@ -32,27 +32,47 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       justifyContent: 'center',
       alignItems: 'center'
     },
-    progress: {
-      margin: theme.spacing(2),
-      color: function color(_ref) {
-        var isWarning = _ref.isWarning;
-        return isWarning ? theme.palette.warning.main : theme.palette.primary.main;
+    circularProgress: {
+      width: '48px',
+      height: ' 48px',
+      borderStyle: 'solid',
+      borderWidth: '5px',
+      borderColor: theme.palette.primary.main,
+      borderBottomColor: 'transparent',
+      borderRadius: '50%',
+      display: 'inline-block',
+      boxSizing: 'border-box',
+      animation: '$rotate 1s linear infinite',
+      margin: theme.spacing(2)
+    },
+    '@keyframes rotate': {
+      '0%': {
+        transform: 'rotate(0deg)'
+      },
+      '100%': {
+        transform: 'rotate(360deg)'
       }
+    },
+    warning: {
+      borderColor: theme.palette.warning.main,
+      borderBottomColor: 'transparent'
     }
   };
 });
 
-var Loading = function Loading(_ref2) {
-  var message = _ref2.message,
-      _ref2$isWarning = _ref2.isWarning,
-      isWarning = _ref2$isWarning === undefined ? false : _ref2$isWarning;
+var Loading = function Loading(_ref) {
+  var _cx;
+
+  var message = _ref.message,
+      _ref$isWarning = _ref.isWarning,
+      isWarning = _ref$isWarning === undefined ? false : _ref$isWarning;
 
-  var classes = useStyles({ isWarning: isWarning });
+  var classes = useStyles();
 
   return _react2.default.createElement(
     'div',
     { className: classes.root },
-    _react2.default.createElement(_CircularProgress2.default, { className: classes.progress }),
+    _react2.default.createElement('div', { className: (0, _classnames2.default)(classes.circularProgress, (_cx = {}, _cx[classes.warning] = isWarning, _cx)) }),
     _react2.default.createElement(
       _Typography2.default,
       { variant: 'subtitle1', noWrap: true, align: 'center' },

package/lib/ScopeList/ScopeList.js

@@ -148,6 +148,13 @@ var ScopeList = function ScopeList(props) {
     }, 0);
   }, [isLoading, items, itemsById, disableAccessor]);
 
+  (0, _react.useEffect)(function () {
+    var scrollEl = R.path(['children', 0, 'children', 0], ref.current);
+    if (scrollEl) {
+      setScrollTop(0);
+    }
+  }, [R.prop('id', R.last(currentItem || []))]);
+
   (0, _react.useEffect)(function () {
     var current = ref.current;
     var handler = function handler(event) {

package/lib/TableHtml5/flags.js

@@ -54,7 +54,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       display: 'inline',
       fontWeight: 'bold',
       fontStyle: 'normal',
-      textTransform: 'uppercase',
       position: 'relative',
       top: '-4px'
     }, R.pathOr({}, ['mixins', 'table', 'flag'], theme)),

package/package.json

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