@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/lib/Select/Select.js

@@ -1,29 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+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 _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _propTypes = require('prop-types');
 
-var _react = _interopRequireDefault(require("react"));
+var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var R = _interopRequireWildcard(require("ramda"));
+var _styles = require('@material-ui/core/styles');
 
-var _styles = require("@material-ui/core/styles");
+var _TextField = require('@material-ui/core/TextField');
 
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _TextField2 = _interopRequireDefault(_TextField);
 
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _MenuItem = require('@material-ui/core/MenuItem');
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _MenuItem2 = _interopRequireDefault(_MenuItem);
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 {
-    root: (0, _extends2.default)({}, theme.typography.body2),
+    root: _extends({}, theme.typography.body2),
     paper: {
       maxHeight: 320
     }
@@ -34,18 +43,19 @@ var Select = function Select(_ref) {
   var id = _ref.id,
       optionsKey = _ref.optionsKey,
       _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
+      value = _ref$value === undefined ? '' : _ref$value,
       label = _ref.label,
       _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
+      items = _ref$items === undefined ? [] : _ref$items,
       isMultiple = _ref.isMultiple,
       onChange = _ref.onChange,
       _ref$textFieldProps = _ref.textFieldProps,
-      textFieldProps = _ref$textFieldProps === void 0 ? {} : _ref$textFieldProps,
+      textFieldProps = _ref$textFieldProps === undefined ? {} : _ref$textFieldProps,
       valueAccessor = _ref.valueAccessor,
       labelAccessor = _ref.labelAccessor,
       _ref$dataTestId = _ref.dataTestId,
-      dataTestId = _ref$dataTestId === void 0 ? 'select-testid' : _ref$dataTestId;
+      dataTestId = _ref$dataTestId === undefined ? 'select-testid' : _ref$dataTestId;
+
   var classes = useStyles();
 
   var handleChange = function handleChange(event) {
@@ -62,49 +72,60 @@ var Select = function Select(_ref) {
     };
   };
 
-  return /*#__PURE__*/_react.default.createElement(_TextField.default, (0, _extends2.default)({
-    id: id,
-    "data-testid": dataTestId,
-    disabled: R.isEmpty(items),
-    select: true,
-    label: label,
-    value: value,
-    onChange: handleChange,
-    variant: "outlined",
-    size: "small",
-    fullWidth: true,
-    SelectProps: {
-      multiple: isMultiple,
-      classes: {
-        root: classes.root
+  return _react2.default.createElement(
+    _TextField2.default,
+    _extends({
+      id: id,
+      'data-testid': dataTestId,
+      disabled: R.isEmpty(items),
+      select: true,
+      label: label,
+      value: value,
+      onChange: handleChange,
+      variant: 'outlined',
+      size: 'small',
+      fullWidth: true,
+      SelectProps: {
+        multiple: isMultiple,
+        classes: { root: classes.root },
+        MenuProps: {
+          getContentAnchorEl: null,
+          anchorOrigin: { vertical: 'bottom', horizontal: 'center' },
+          transformOrigin: { vertical: 'top', horizontal: 'center' },
+          classes: { paper: classes.paper }
+        }
       },
-      MenuProps: {
-        getContentAnchorEl: null,
-        anchorOrigin: {
-          vertical: 'bottom',
-          horizontal: 'center'
+      className: classes.root
+    }, textFieldProps),
+    R.map(function (item) {
+      return _react2.default.createElement(
+        _MenuItem2.default,
+        {
+          key: optionsKey + '-' + getter('value')(valueAccessor)(item),
+          value: getter('value')(valueAccessor)(item),
+          dense: true,
+          id: getter('label')(labelAccessor)(item),
+          'aria-label': getter('label')(labelAccessor)(item)
         },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        classes: {
-          paper: classes.paper
-        }
-      }
-    },
-    className: classes.root
-  }, textFieldProps), R.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-      key: optionsKey + "-" + getter('value')(valueAccessor)(item),
-      value: getter('value')(valueAccessor)(item),
-      dense: true,
-      id: getter('label')(labelAccessor)(item),
-      "aria-label": getter('label')(labelAccessor)(item)
-    }, getter('label')(labelAccessor)(item));
-  })(items));
+        getter('label')(labelAccessor)(item)
+      );
+    })(items)
+  );
 };
 
-var _default = Select;
-exports.default = _default;
-module.exports = exports.default;
+Select.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _propTypes2.default.string,
+  optionsKey: _propTypes2.default.string,
+  dataTestId: _propTypes2.default.string,
+  value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.array]),
+  label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number, _propTypes2.default.element]),
+  items: _propTypes2.default.array,
+  onChange: _propTypes2.default.func,
+  textFieldProps: _propTypes2.default.object,
+  valueAccessor: _propTypes2.default.func,
+  labelAccessor: _propTypes2.default.func,
+  isMultiple: _propTypes2.default.bool
+} : {};
+
+exports.default = Select;
+module.exports = exports['default'];

package/lib/Select/index.js

@@ -1,11 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _Select = _interopRequireDefault(require("./Select"));
+var _Select = require('./Select');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Select).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-exports.default = _Select.default;
-module.exports = exports.default;
+module.exports = exports['default'];

package/lib/Share/Form.js

@@ -1,31 +1,46 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+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 _styles = require('@material-ui/core/styles');
 
-var R = _interopRequireWildcard(require("ramda"));
+var _Typography = require('@material-ui/core/Typography');
 
-var _styles = require("@material-ui/core/styles");
+var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Grid = require('@material-ui/core/Grid');
 
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _Grid2 = _interopRequireDefault(_Grid);
 
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _CircularProgress = require('@material-ui/core/CircularProgress');
 
-var _Input = _interopRequireDefault(require("../Input"));
+var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
 
-var _Alert = _interopRequireDefault(require("../Alert"));
+var _Input = require('../Input');
 
-var _ = require("../");
+var _Input2 = _interopRequireDefault(_Input);
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _Alert = require('../Alert');
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Alert2 = _interopRequireDefault(_Alert);
+
+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 {
@@ -60,13 +75,13 @@ var Form = function Form(_ref) {
       isMessageOpen = _ref.isMessageOpen,
       isSharing = _ref.isSharing,
       _ref$mail = _ref.mail,
-      mail = _ref$mail === void 0 ? '' : _ref$mail,
+      mail = _ref$mail === undefined ? '' : _ref$mail,
       share = _ref.share,
       changeMail = _ref.changeMail,
       changeIsMessageOpen = _ref.changeIsMessageOpen,
       labels = _ref.labels;
 
-  var _React$useState = _react.default.useState(false),
+  var _React$useState = _react2.default.useState(false),
       emailHasError = _React$useState[0],
       setEmailError = _React$useState[1];
 
@@ -76,7 +91,6 @@ var Form = function Form(_ref) {
     if (R.or(R.not(R.equals(mail, '')), R.includes('@', mail))) {
       setEmailError(false);
     }
-
     if (R.is(Function)(changeMail)) return changeMail(value);
   };
 
@@ -85,71 +99,99 @@ var Form = function Form(_ref) {
       setEmailError(true);
       return;
     }
-
     if (R.is(Function)(share)) return share();
   };
 
   if (isMessageOpen) {
-    return /*#__PURE__*/_react.default.createElement(_Alert.default, {
-      className: classes.alert,
-      classes: {
-        action: classes.close
+    return _react2.default.createElement(
+      _Alert2.default,
+      {
+        className: classes.alert,
+        classes: { action: classes.close },
+        variant: 'filled',
+        severity: hasError ? 'error' : 'success',
+        onClose: function onClose() {
+          return changeIsMessageOpen(false);
+        }
       },
-      variant: "filled",
-      severity: hasError ? 'error' : 'success',
-      onClose: function onClose() {
-        return changeIsMessageOpen(false);
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.alertMessage
-    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      variant: "body2"
-    }, hasError ? R.prop('errorTitle')(labels) : R.prop('successTitle')(labels)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      variant: "body2"
-    }, hasError ? R.prop('errorMessage')(labels) : R.prop('successMessage')(labels))));
+      _react2.default.createElement(
+        'div',
+        { className: classes.alertMessage },
+        _react2.default.createElement(
+          _Typography2.default,
+          { variant: 'body2' },
+          hasError ? R.prop('errorTitle')(labels) : R.prop('successTitle')(labels)
+        ),
+        _react2.default.createElement(
+          _Typography2.default,
+          { variant: 'body2' },
+          hasError ? R.prop('errorMessage')(labels) : R.prop('successMessage')(labels)
+        )
+      )
+    );
   }
 
-  return /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    container: true,
-    className: classes.container
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    inputProps: {
-      'aria-label': R.prop('email')(labels),
-      autoComplete: 'email'
-    },
-    className: classes.input,
-    label: R.prop('email')(labels),
-    type: "email",
-    value: mail,
-    onChange: onChange,
-    variant: "outlined",
-    fullWidth: true,
-    isControlled: true,
-    textFieldProps: {
-      error: emailHasError
-    },
-    onSubmit: onSubmit
-  })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12,
-    className: classes.containerSubmitButton
-  }, /*#__PURE__*/_react.default.createElement(_.Button, {
-    "aria-label": R.propOr('', 'submit')(labels),
-    type: "submit",
-    disabled: isSharing || R.isNil(share),
-    variant: "contained",
-    color: "primary",
-    alternative: "siscc",
-    onClick: onSubmit,
-    className: classes.submitButton
-  }, isSharing ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-    size: 24
-  }) : R.propOr('', 'submit')(labels))));
+  return _react2.default.createElement(
+    _Grid2.default,
+    { container: true, className: classes.container },
+    _react2.default.createElement(
+      _Grid2.default,
+      { item: true, xs: 12 },
+      _react2.default.createElement(_Input2.default, {
+        inputProps: {
+          'aria-label': R.prop('email')(labels),
+          autoComplete: 'email'
+        },
+        className: classes.input,
+        label: R.prop('email')(labels),
+        type: 'email',
+        value: mail,
+        onChange: onChange,
+        variant: 'outlined',
+        fullWidth: true,
+        isControlled: true,
+        textFieldProps: { error: emailHasError },
+        onSubmit: onSubmit
+      })
+    ),
+    _react2.default.createElement(
+      _Grid2.default,
+      { item: true, xs: 12, className: classes.containerSubmitButton },
+      _react2.default.createElement(
+        _.Button,
+        {
+          'aria-label': R.propOr('', 'submit')(labels),
+          type: 'submit',
+          disabled: isSharing || R.isNil(share),
+          variant: 'contained',
+          color: 'primary',
+          alternative: 'siscc',
+          onClick: onSubmit,
+          className: classes.submitButton
+        },
+        isSharing ? _react2.default.createElement(_CircularProgress2.default, { size: 24 }) : R.propOr('', 'submit')(labels)
+      )
+    )
+  );
 };
 
-var _default = Form;
-exports.default = _default;
-module.exports = exports.default;
+Form.propTypes = process.env.NODE_ENV !== "production" ? {
+  hasError: _propTypes2.default.bool,
+  isMessageOpen: _propTypes2.default.bool,
+  isSharing: _propTypes2.default.bool,
+  mail: _propTypes2.default.string,
+  share: _propTypes2.default.func,
+  changeMail: _propTypes2.default.func,
+  changeIsMessageOpen: _propTypes2.default.func,
+  labels: _propTypes2.default.shape({
+    submit: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    email: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    successTitle: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    successMessage: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    errorTitle: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    errorMessage: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
+  })
+} : {};
+
+exports.default = Form;
+module.exports = exports['default'];

package/lib/Share/Mode.js

@@ -1,33 +1,50 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+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 _react = _interopRequireDefault(require("react"));
+var _Card = require('@material-ui/core/Card');
 
-var R = _interopRequireWildcard(require("ramda"));
+var _Card2 = _interopRequireDefault(_Card);
 
-var _Card = _interopRequireDefault(require("@material-ui/core/Card"));
+var _styles = require('@material-ui/core/styles');
 
-var _styles = require("@material-ui/core/styles");
+var _CardContent = require('@material-ui/core/CardContent');
 
-var _CardContent = _interopRequireDefault(require("@material-ui/core/CardContent"));
+var _CardContent2 = _interopRequireDefault(_CardContent);
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography = require('@material-ui/core/Typography');
 
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
+var _Typography2 = _interopRequireDefault(_Typography);
 
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _RadioGroup = require('@material-ui/core/RadioGroup');
 
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _FormControlLabel = require('@material-ui/core/FormControlLabel');
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
+
+var _Radio = require('@material-ui/core/Radio');
+
+var _Radio2 = _interopRequireDefault(_Radio);
+
+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 {
@@ -37,7 +54,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       padding: theme.spacing(2),
       width: '100%'
     },
-    title: (0, _extends2.default)({
+    title: _extends({
       padding: 0
     }, R.pathOr({}, ['mixins', 'share', 'title'], theme)),
     content: {
@@ -54,39 +71,51 @@ var Mode = function Mode(_ref) {
   var changeMode = _ref.changeMode,
       mode = _ref.mode,
       _ref$modes = _ref.modes,
-      modes = _ref$modes === void 0 ? [] : _ref$modes,
+      modes = _ref$modes === undefined ? [] : _ref$modes,
       title = _ref.title;
+
   var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_Card.default, {
-    className: classes.container
-  }, /*#__PURE__*/_react.default.createElement(_CardContent.default, {
-    className: classes.content
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "h6",
-    className: classes.title
-  }, title), /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
-    onChange: function onChange(e) {
-      return changeMode(e.target.value);
-    },
-    value: mode
-  }, R.map(function (_ref2) {
-    var label = _ref2.label,
-        value = _ref2.value;
-    return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
-      classes: {
-        label: classes.label
-      },
-      key: value,
-      control: /*#__PURE__*/_react.default.createElement(_Radio.default, {
-        variant: "outlined",
-        color: "primary"
-      }),
-      label: label,
-      value: value
-    });
-  })(modes))));
+  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 (_ref2) {
+          var label = _ref2.label,
+              value = _ref2.value;
+          return _react2.default.createElement(_FormControlLabel2.default, {
+            classes: { label: classes.label },
+            key: value,
+            control: _react2.default.createElement(_Radio2.default, { variant: 'outlined', color: 'primary' }),
+            label: label,
+            value: value
+          });
+        })(modes)
+      )
+    )
+  );
 };
 
-var _default = Mode;
-exports.default = _default;
-module.exports = exports.default;
+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
+  })),
+  title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
+} : {};
+
+exports.default = Mode;
+module.exports = exports['default'];