@sis-cc/dotstatsuite-visions 7.17.5 → 7.17.7

package/es/ApiQueries/Query.js

@@ -5,10 +5,15 @@ import Typography from '@material-ui/core/Typography';
 import TextareaAutosize from '@material-ui/core/TextareaAutosize';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
-import { Button } from '../';
+import { Alert, Button } from '../';
 
 var useStyles = makeStyles(function (theme) {
   return {
+    error: {
+      width: '100%',
+      margin: '0px 0px 8px 0px',
+      wordBreak: 'break-word'
+    },
     header: {
       padding: theme.spacing(1, 0),
       minHeight: 50
@@ -40,6 +45,7 @@ var Query = function Query(_ref) {
       setCopied = _React$useState2[1];
 
   var contentValue = R.pipe(R.find(R.propEq('id', value)), R.prop('value'))(contents);
+  var isError = R.pipe(R.find(R.propEq('id', value)), R.propOr(false, 'isError'))(contents);
 
   var copyToClipboard = function copyToClipboard() {
     if (R.has('current')(ref)) {
@@ -115,7 +121,7 @@ var Query = function Query(_ref) {
     React.createElement(
       Grid,
       { item: true, container: true, xs: 12, style: { alignSelf: 'flex-end' }, justifyContent: 'flex-end' },
-      React.createElement(TextareaAutosize, {
+      !isError && React.createElement(TextareaAutosize, {
         ref: ref,
         'aria-label': title,
         className: classes.textarea,
@@ -124,10 +130,16 @@ var Query = function Query(_ref) {
         readOnly: true,
         value: contentValue
       }),
+      isError && React.createElement(
+        Alert,
+        { className: classes.error, severity: 'error', variant: 'filled' },
+        contentValue
+      ),
       React.createElement(
         Button,
         {
           'aria-label': labelActionCopy,
+          disabled: isError,
           size: 'small',
           variant: 'contained',
           alternative: 'siscc',

package/es/Contact/Contact.js

@@ -90,7 +90,7 @@ var Contact = function Contact(_ref) {
       setDetailsError = _useState10[1];
 
   var checkEmail = function checkEmail(email) {
-    if (getIsValidEmail(email)) {
+    if (getIsValidEmail(email) && R.test(/^\S+@\S+\.\S+$/, email)) {
       return setEmailError(false);
     }
     return setEmailError(true);
@@ -253,7 +253,7 @@ var Contact = function Contact(_ref) {
           control: React.createElement(Checkbox, { name: 'checkedB', color: 'primary' }),
           label: React.createElement(
             Typography,
-            { variant: 'h6', className: classes.label },
+            { variant: 'h6' },
             R.prop('checkbox')(labels)
           ),
           checked: checked,

package/lib/ApiQueries/Query.js

@@ -36,6 +36,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
+    error: {
+      width: '100%',
+      margin: '0px 0px 8px 0px',
+      wordBreak: 'break-word'
+    },
     header: {
       padding: theme.spacing(1, 0),
       minHeight: 50
@@ -67,6 +72,7 @@ var Query = function Query(_ref) {
       setCopied = _React$useState2[1];
 
   var contentValue = R.pipe(R.find(R.propEq('id', value)), R.prop('value'))(contents);
+  var isError = R.pipe(R.find(R.propEq('id', value)), R.propOr(false, 'isError'))(contents);
 
   var copyToClipboard = function copyToClipboard() {
     if (R.has('current')(ref)) {
@@ -142,7 +148,7 @@ var Query = function Query(_ref) {
     _react2.default.createElement(
       _Grid2.default,
       { item: true, container: true, xs: 12, style: { alignSelf: 'flex-end' }, justifyContent: 'flex-end' },
-      _react2.default.createElement(_TextareaAutosize2.default, {
+      !isError && _react2.default.createElement(_TextareaAutosize2.default, {
         ref: ref,
         'aria-label': title,
         className: classes.textarea,
@@ -151,10 +157,16 @@ var Query = function Query(_ref) {
         readOnly: true,
         value: contentValue
       }),
+      isError && _react2.default.createElement(
+        _.Alert,
+        { className: classes.error, severity: 'error', variant: 'filled' },
+        contentValue
+      ),
       _react2.default.createElement(
         _.Button,
         {
           'aria-label': labelActionCopy,
+          disabled: isError,
           size: 'small',
           variant: 'contained',
           alternative: 'siscc',

package/lib/Contact/Contact.js

@@ -119,7 +119,7 @@ var Contact = function Contact(_ref) {
       setDetailsError = _useState10[1];
 
   var checkEmail = function checkEmail(email) {
-    if ((0, _isemail.validate)(email)) {
+    if ((0, _isemail.validate)(email) && R.test(/^\S+@\S+\.\S+$/, email)) {
       return setEmailError(false);
     }
     return setEmailError(true);
@@ -282,7 +282,7 @@ var Contact = function Contact(_ref) {
           control: _react2.default.createElement(_core.Checkbox, { name: 'checkedB', color: 'primary' }),
           label: _react2.default.createElement(
             _core.Typography,
-            { variant: 'h6', className: classes.label },
+            { variant: 'h6' },
             R.prop('checkbox')(labels)
           ),
           checked: checked,

package/package.json

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