@sis-cc/dotstatsuite-visions 7.17.4 → 7.17.6

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/TableHtml5/sectionHeader.js

@@ -1,12 +1,9 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
 import React, { Fragment } from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
-import Lens from '@material-ui/icons/Lens';
 import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
 import Flags from './flags';
@@ -24,10 +21,6 @@ var useStyles = makeStyles(function (theme) {
       verticalAlign: 'middle',
       whiteSpace: 'nowrap'
     },
-    lens: _extends({}, theme.mixins.table.dot, {
-      marginLeft: theme.spacing(1),
-      marginRight: theme.spacing(1)
-    }),
     label: {
       fontStyle: 'italic',
       fontWeight: 'bold',
@@ -97,7 +90,7 @@ var SectionHeader = function SectionHeader(_ref) {
             return React.createElement(
               Fragment,
               { key: index },
-              index !== 0 && React.createElement(Lens, { className: classes.lens }),
+              index !== 0 && React.createElement('br', null),
               React.createElement(
                 Typography,
                 {

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/TableHtml5/sectionHeader.js

@@ -2,8 +2,6 @@
 
 exports.__esModule = true;
 
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
 var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
@@ -26,10 +24,6 @@ var _Typography2 = _interopRequireDefault(_Typography);
 
 var _styles = require('@material-ui/core/styles');
 
-var _Lens = require('@material-ui/icons/Lens');
-
-var _Lens2 = _interopRequireDefault(_Lens);
-
 var _TableCell = require('@material-ui/core/TableCell');
 
 var _TableCell2 = _interopRequireDefault(_TableCell);
@@ -60,10 +54,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       verticalAlign: 'middle',
       whiteSpace: 'nowrap'
     },
-    lens: _extends({}, theme.mixins.table.dot, {
-      marginLeft: theme.spacing(1),
-      marginRight: theme.spacing(1)
-    }),
     label: {
       fontStyle: 'italic',
       fontWeight: 'bold',
@@ -133,7 +123,7 @@ var SectionHeader = function SectionHeader(_ref) {
             return _react2.default.createElement(
               _react.Fragment,
               { key: index },
-              index !== 0 && _react2.default.createElement(_Lens2.default, { className: classes.lens }),
+              index !== 0 && _react2.default.createElement('br', null),
               _react2.default.createElement(
                 _Typography2.default,
                 {

package/package.json

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