@sis-cc/dotstatsuite-visions 7.16.0 → 7.17.1

package/lib/Contact/Mode.js

@@ -0,0 +1,169 @@
+'use strict';
+
+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);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _Card = require('@material-ui/core/Card');
+
+var _Card2 = _interopRequireDefault(_Card);
+
+var _styles = require('@material-ui/core/styles');
+
+var _CardContent = require('@material-ui/core/CardContent');
+
+var _CardContent2 = _interopRequireDefault(_CardContent);
+
+var _Typography = require('@material-ui/core/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
+
+var _RadioGroup = require('@material-ui/core/RadioGroup');
+
+var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
+
+var _FormControlLabel = require('@material-ui/core/FormControlLabel');
+
+var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
+
+var _Radio = require('@material-ui/core/Radio');
+
+var _Radio2 = _interopRequireDefault(_Radio);
+
+var _ = require('../');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    container: {
+      backgroundColor: theme.palette.secondary.dark,
+      boxShadow: 'none',
+      padding: theme.spacing(2),
+      width: '100%',
+      height: '100%'
+    },
+    title: _extends({
+      padding: 0
+    }, R.pathOr({}, ['mixins', 'share', 'title'], theme)),
+    content: {
+      padding: theme.spacing(1, 0),
+      '&:last-child': {
+        padding: theme.spacing(1, 0)
+      }
+    },
+    label: theme.typography.body2,
+    warning: _extends({
+      marginLeft: theme.spacing(0.5),
+      width: 'unset',
+      fontSize: 'inherit',
+      height: '1.3em'
+    }, R.pathOr({}, ['mixins', 'share', 'warning'], theme))
+  };
+});
+
+var Warning = function Warning(_ref) {
+  var title = _ref.title;
+
+  var classes = useStyles();
+  var theme = (0, _styles.useTheme)();
+  var warningColor = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
+  var warningTextColor = theme.palette.getContrastText(warningColor);
+  return _react2.default.createElement(
+    _.Tooltip,
+    {
+      className: classes.warning,
+      title: title,
+      tabIndex: 0,
+      variant: 'warning',
+      'aria-hidden': false,
+      placement: 'bottom',
+      PopperProps: {
+        modifiers: {
+          flip: {
+            behavior: ['bottom', 'top', 'left', 'right']
+          }
+        }
+      }
+    },
+    _react2.default.createElement(_.Warning, { pathBackgroundColor: warningColor, pathColor: warningTextColor })
+  );
+};
+
+Warning.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes2.default.string
+} : {};
+
+var Mode = function Mode(_ref2) {
+  var changeMode = _ref2.changeMode,
+      mode = _ref2.mode,
+      _ref2$modes = _ref2.modes,
+      modes = _ref2$modes === undefined ? [] : _ref2$modes,
+      title = _ref2.title;
+
+  var classes = useStyles();
+  return _react2.default.createElement(
+    _Card2.default,
+    { className: classes.container },
+    _react2.default.createElement(
+      _CardContent2.default,
+      { className: classes.content },
+      _react2.default.createElement(
+        _Typography2.default,
+        { variant: 'h6', className: classes.title },
+        title
+      ),
+      _react2.default.createElement(
+        _RadioGroup2.default,
+        { onChange: function onChange(e) {
+            return changeMode(e.target.value);
+          }, value: mode },
+        R.map(function (_ref3) {
+          var label = _ref3.label,
+              value = _ref3.value,
+              warningMessage = _ref3.warningMessage;
+          return _react2.default.createElement(_FormControlLabel2.default, {
+            classes: { label: classes.label },
+            key: value,
+            control: _react2.default.createElement(_Radio2.default, { variant: 'outlined', color: 'primary' }),
+            label: _react2.default.createElement(
+              'span',
+              null,
+              label,
+              warningMessage && _react2.default.createElement(Warning, { title: warningMessage })
+            ),
+            value: value
+          });
+        })(modes)
+      )
+    )
+  );
+};
+
+Mode.propTypes = process.env.NODE_ENV !== "production" ? {
+  changeMode: _propTypes2.default.func,
+  mode: _propTypes2.default.string,
+  modes: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    value: _propTypes2.default.string,
+    warningMessage: _propTypes2.default.string
+  })),
+  title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
+} : {};
+
+exports.default = Mode;
+module.exports = exports['default'];

package/lib/Contact/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _Contact = require('./Contact');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Contact).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = exports['default'];

package/lib/DataHeader/DataHeader.js

@@ -50,8 +50,6 @@ var _TooltipHeader2 = _interopRequireDefault(_TooltipHeader);
 
 var _utils = require('./utils');
 
-var _ = require('../');
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -174,8 +172,6 @@ var DataHeader = function DataHeader(_ref5) {
 
   var theme = (0, _styles.useTheme)();
   var iconColor = R.path(['mixins', 'dataHeader', 'icon', 'color'], theme);
-  var warningColor = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
-  var warningTextColor = theme.palette.getContrastText(warningColor);
 
   var subtitleLength = R.length(subtitle);
 

package/lib/Share/Form.js

@@ -28,6 +28,8 @@ var _CircularProgress = require('@material-ui/core/CircularProgress');
 
 var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
 
+var _isemail = require('isemail');
+
 var _Input = require('../Input');
 
 var _Input2 = _interopRequireDefault(_Input);
@@ -88,14 +90,14 @@ var Form = function Form(_ref) {
   var classes = useStyles();
 
   var onChange = function onChange(value) {
-    if (R.or(R.not(R.equals(mail, '')), R.includes('@', mail))) {
+    if ((0, _isemail.validate)(mail)) {
       setEmailError(false);
     }
     if (R.is(Function)(changeMail)) return changeMail(value);
   };
 
   var onSubmit = function onSubmit() {
-    if (R.or(R.equals(mail, ''), R.not(R.includes('@', mail)))) {
+    if (!(0, _isemail.validate)(mail)) {
       setEmailError(true);
       return;
     }

package/lib/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.UserRightForm = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.CollapsibleTree = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
+exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.UserRightForm = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.Contact = exports.CollapsibleTree = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
 
 var _Alert = require('./Alert');
 
@@ -75,6 +75,15 @@ Object.defineProperty(exports, 'CollapsibleTree', {
   }
 });
 
+var _Contact = require('./Contact');
+
+Object.defineProperty(exports, 'Contact', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Contact).default;
+  }
+});
+
 var _DataEdit = require('./DataEdit');
 
 Object.defineProperty(exports, 'DataEdit', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "7.16.0",
+  "version": "7.17.1",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",
@@ -36,6 +36,7 @@
     "@react-hook/size": "^2.1.1",
     "classnames": "^2.2.6",
     "date-fns": "^1.30.1",
+    "isemail": "^3.2.0",
     "numeral": "^2.0.6",
     "prop-types": "^15.7.2",
     "ramda": "^0.27.0",
@@ -161,7 +162,7 @@
     ],
     "rules": {
       "no-console": "warn",
-      "no-unused-vars": "warn",
+      "no-unused-vars": "error",
       "react/display-name": "off",
       "react-hooks/rules-of-hooks": "error",
       "react-hooks/exhaustive-deps": "warn",