@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/es/Select/Select.js

@@ -1,9 +1,12 @@
-import _extends from "/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; };
+
 import React from 'react';
 import * as R from 'ramda';
+import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
 import MenuItem from '@material-ui/core/MenuItem';
+
 var useStyles = makeStyles(function (theme) {
   return {
     root: _extends({}, theme.typography.body2),
@@ -17,18 +20,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) {
@@ -45,47 +49,59 @@ var Select = function Select(_ref) {
     };
   };
 
-  return /*#__PURE__*/React.createElement(TextField, _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
+  return React.createElement(
+    TextField,
+    _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 React.createElement(
+        MenuItem,
+        {
+          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.createElement(MenuItem, {
-      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)
+  );
 };
 
+Select.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: PropTypes.string,
+  optionsKey: PropTypes.string,
+  dataTestId: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.element]),
+  items: PropTypes.array,
+  onChange: PropTypes.func,
+  textFieldProps: PropTypes.object,
+  valueAccessor: PropTypes.func,
+  labelAccessor: PropTypes.func,
+  isMultiple: PropTypes.bool
+} : {};
+
 export default Select;

package/es/Select/index.js

@@ -29,4 +29,5 @@
  * }
  * @demoReady
  **/
+
 export { default } from './Select';

package/es/Share/Form.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
@@ -7,6 +8,7 @@ import CircularProgress from '@material-ui/core/CircularProgress';
 import Input from '../Input';
 import Alert from '../Alert';
 import { Button } from '../';
+
 var useStyles = makeStyles(function (theme) {
   return {
     container: {
@@ -40,7 +42,7 @@ 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,
@@ -56,7 +58,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);
   };
 
@@ -65,69 +66,98 @@ var Form = function Form(_ref) {
       setEmailError(true);
       return;
     }
-
     if (R.is(Function)(share)) return share();
   };
 
   if (isMessageOpen) {
-    return /*#__PURE__*/React.createElement(Alert, {
-      className: classes.alert,
-      classes: {
-        action: classes.close
+    return React.createElement(
+      Alert,
+      {
+        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.createElement("div", {
-      className: classes.alertMessage
-    }, /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2"
-    }, hasError ? R.prop('errorTitle')(labels) : R.prop('successTitle')(labels)), /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2"
-    }, hasError ? R.prop('errorMessage')(labels) : R.prop('successMessage')(labels))));
+      React.createElement(
+        'div',
+        { className: classes.alertMessage },
+        React.createElement(
+          Typography,
+          { variant: 'body2' },
+          hasError ? R.prop('errorTitle')(labels) : R.prop('successTitle')(labels)
+        ),
+        React.createElement(
+          Typography,
+          { variant: 'body2' },
+          hasError ? R.prop('errorMessage')(labels) : R.prop('successMessage')(labels)
+        )
+      )
+    );
   }
 
-  return /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    className: classes.container
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Input, {
-    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.createElement(Grid, {
-    item: true,
-    xs: 12,
-    className: classes.containerSubmitButton
-  }, /*#__PURE__*/React.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.createElement(CircularProgress, {
-    size: 24
-  }) : R.propOr('', 'submit')(labels))));
+  return React.createElement(
+    Grid,
+    { container: true, className: classes.container },
+    React.createElement(
+      Grid,
+      { item: true, xs: 12 },
+      React.createElement(Input, {
+        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
+      })
+    ),
+    React.createElement(
+      Grid,
+      { item: true, xs: 12, className: classes.containerSubmitButton },
+      React.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 ? React.createElement(CircularProgress, { size: 24 }) : R.propOr('', 'submit')(labels)
+      )
+    )
+  );
 };
 
+Form.propTypes = process.env.NODE_ENV !== "production" ? {
+  hasError: PropTypes.bool,
+  isMessageOpen: PropTypes.bool,
+  isSharing: PropTypes.bool,
+  mail: PropTypes.string,
+  share: PropTypes.func,
+  changeMail: PropTypes.func,
+  changeIsMessageOpen: PropTypes.func,
+  labels: PropTypes.shape({
+    submit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    email: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    successTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    successMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    errorTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+  })
+} : {};
+
 export default Form;

package/es/Share/Mode.js

@@ -1,13 +1,17 @@
-import _extends from "/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; };
+
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Card from '@material-ui/core/Card';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles, useTheme } from '@material-ui/core/styles';
 import CardContent from '@material-ui/core/CardContent';
 import Typography from '@material-ui/core/Typography';
 import RadioGroup from '@material-ui/core/RadioGroup';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import Radio from '@material-ui/core/Radio';
+import { Tooltip, Warning as WarningIcon } from '../';
+
 var useStyles = makeStyles(function (theme) {
   return {
     container: {
@@ -25,45 +29,103 @@ var useStyles = makeStyles(function (theme) {
         padding: theme.spacing(1, 0)
       }
     },
-    label: theme.typography.body2
+    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 Mode = function Mode(_ref) {
-  var changeMode = _ref.changeMode,
-      mode = _ref.mode,
-      _ref$modes = _ref.modes,
-      modes = _ref$modes === void 0 ? [] : _ref$modes,
-      title = _ref.title;
+var Warning = function Warning(_ref) {
+  var title = _ref.title;
+
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(Card, {
-    className: classes.container
-  }, /*#__PURE__*/React.createElement(CardContent, {
-    className: classes.content
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "h6",
-    className: classes.title
-  }, title), /*#__PURE__*/React.createElement(RadioGroup, {
-    onChange: function onChange(e) {
-      return changeMode(e.target.value);
+  var theme = useTheme();
+  var warningColor = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
+  var warningTextColor = theme.palette.getContrastText(warningColor);
+  return React.createElement(
+    Tooltip,
+    {
+      className: classes.warning,
+      title: title,
+      tabIndex: 0,
+      variant: 'warning',
+      'aria-hidden': false,
+      placement: 'bottom',
+      PopperProps: {
+        modifiers: {
+          flip: {
+            behavior: ['bottom', 'top', 'left', 'right']
+          }
+        }
+      }
     },
-    value: mode
-  }, R.map(function (_ref2) {
-    var label = _ref2.label,
-        value = _ref2.value;
-    return /*#__PURE__*/React.createElement(FormControlLabel, {
-      classes: {
-        label: classes.label
-      },
-      key: value,
-      control: /*#__PURE__*/React.createElement(Radio, {
-        variant: "outlined",
-        color: "primary"
-      }),
-      label: label,
-      value: value
-    });
-  })(modes))));
+    React.createElement(WarningIcon, { pathBackgroundColor: warningColor, pathColor: warningTextColor })
+  );
+};
+
+Warning.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.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 React.createElement(
+    Card,
+    { className: classes.container },
+    React.createElement(
+      CardContent,
+      { className: classes.content },
+      React.createElement(
+        Typography,
+        { variant: 'h6', className: classes.title },
+        title
+      ),
+      React.createElement(
+        RadioGroup,
+        { 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 React.createElement(FormControlLabel, {
+            classes: { label: classes.label },
+            key: value,
+            control: React.createElement(Radio, { variant: 'outlined', color: 'primary' }),
+            label: React.createElement(
+              'span',
+              null,
+              label,
+              warningMessage && React.createElement(Warning, { title: warningMessage })
+            ),
+            value: value
+          });
+        })(modes)
+      )
+    )
+  );
 };
 
+Mode.propTypes = process.env.NODE_ENV !== "production" ? {
+  changeMode: PropTypes.func,
+  mode: PropTypes.string,
+  modes: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    value: PropTypes.string,
+    warningMessage: PropTypes.string
+  })),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+} : {};
+
 export default Mode;

package/es/Share/Share.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import { makeStyles } from '@material-ui/core/styles';
 import Paper from '@material-ui/core/Paper';
@@ -6,6 +7,7 @@ import Grid from '@material-ui/core/Grid';
 import Form from './Form';
 import Mode from './Mode';
 import { withBlank } from '../utils';
+
 var useStyles = makeStyles(function (theme) {
   return {
     container: {
@@ -18,7 +20,7 @@ var useStyles = makeStyles(function (theme) {
       margin: theme.spacing(2, 0)
     },
     divider: {
-      borderRight: "1px solid " + theme.palette.divider
+      borderRight: '1px solid ' + theme.palette.divider
     },
     disclaimerContainer: {
       padding: theme.spacing(0, 1)
@@ -44,49 +46,70 @@ var Share = function Share(_ref) {
       modes = _ref.modes,
       share = _ref.share,
       labels = _ref.labels;
+
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(Grid, {
-    "data-testid": "share-test-id",
-    container: true,
-    className: classes.container
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Mode, {
-    changeMode: changeMode,
-    modes: modes,
-    mode: mode,
-    title: R.prop('title')(labels)
-  })), /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    className: classes.subContainer
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    md: 6,
-    className: classes.divider
-  }, /*#__PURE__*/React.createElement(Form, {
-    changeMail: changeMail,
-    changeIsMessageOpen: changeIsMessageOpen,
-    hasError: hasError,
-    isMessageOpen: isMessageOpen,
-    isSharing: isSharing,
-    mail: mail,
-    share: share,
-    labels: labels
-  })), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    md: 6,
-    className: classes.disclaimerContainer
-  }, /*#__PURE__*/React.createElement(Paper, {
-    className: classes.disclaimer
-  }, R.prop('disclaimer')(labels)))));
+  return React.createElement(
+    Grid,
+    { 'data-testid': 'share-test-id', container: true, className: classes.container },
+    React.createElement(
+      Grid,
+      { item: true, xs: 12 },
+      React.createElement(Mode, { changeMode: changeMode, modes: modes, mode: mode, title: R.prop('title')(labels) })
+    ),
+    React.createElement(
+      Grid,
+      { container: true, className: classes.subContainer },
+      React.createElement(
+        Grid,
+        { item: true, xs: 12, md: 6, className: classes.divider },
+        React.createElement(Form, {
+          changeMail: changeMail,
+          changeIsMessageOpen: changeIsMessageOpen,
+          hasError: hasError,
+          isMessageOpen: isMessageOpen,
+          isSharing: isSharing,
+          mail: mail,
+          share: share,
+          labels: labels
+        })
+      ),
+      React.createElement(
+        Grid,
+        { item: true, xs: 12, md: 6, className: classes.disclaimerContainer },
+        React.createElement(
+          Paper,
+          { className: classes.disclaimer },
+          R.prop('disclaimer')(labels)
+        )
+      )
+    )
+  );
 };
 
+Share.propTypes = process.env.NODE_ENV !== "production" ? {
+  changeIsMessageOpen: PropTypes.func,
+  changeMode: PropTypes.func,
+  changeMail: PropTypes.func,
+  hasError: PropTypes.bool,
+  isMessageOpen: PropTypes.bool,
+  isSharing: PropTypes.bool,
+  mail: PropTypes.string,
+  mode: PropTypes.string,
+  modes: PropTypes.array,
+  share: PropTypes.func,
+  labels: PropTypes.shape({
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    disclaimer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    submit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    email: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    successTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    successMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    errorTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+  })
+} : {};
+
 export default withBlank(function (_ref2) {
   var isBlank = _ref2.isBlank;
-  return {
-    isBlank: isBlank
-  };
+  return { isBlank: isBlank };
 })(Share);

package/es/Share/index.js

@@ -16,7 +16,13 @@
  *   isSharing: PropTypes.bool,
  *   mail: PropTypes.string,
  *   mode: PropTypes.string,
- *   modes: PropTypes.array,
+ *   modes: PropTypes.arrayOf(
+ *     PropTypes.shape({
+ *       label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *       value: PropTypes.string,
+ *       warningMessage: PropTypes.string,
+ *     }),
+ *   ),
  *   labels: PropTypes.shape({
  *     title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
  *     disclaimer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
@@ -48,8 +54,11 @@
  *   mixins: {
  *     share: {
  *       tile: // font, color...
+ *       warning: // font, color, height...
  *     }
  *   }
  * }
+ * @demoReady
  */
+
 export { default } from './Share';