@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/es/Select/Select.js

@@ -1,169 +0,0 @@
-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, { useEffect } from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import makeStyles from '@mui/styles/makeStyles';
-import TextField from '@mui/material/TextField';
-import MenuItem from '@mui/material/MenuItem';
-import Typography from '@mui/material/Typography';
-import cx from 'classnames';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: _extends({}, theme.typography.body2),
-    paper: {
-      maxHeight: 320
-    },
-    typo: {
-      whiteSpace: 'break-spaces'
-    },
-    disabledLabel: {
-      color: theme.palette.grey[700]
-    }
-  };
-});
-
-var Select = function Select(_ref) {
-  var id = _ref.id,
-      optionsKey = _ref.optionsKey,
-      _ref$value = _ref.value,
-      value = _ref$value === undefined ? '' : _ref$value,
-      label = _ref.label,
-      _ref$items = _ref.items,
-      items = _ref$items === undefined ? [] : _ref$items,
-      isMultiple = _ref.isMultiple,
-      onChange = _ref.onChange,
-      _ref$textFieldProps = _ref.textFieldProps,
-      textFieldProps = _ref$textFieldProps === undefined ? {} : _ref$textFieldProps,
-      valueAccessor = _ref.valueAccessor,
-      labelAccessor = _ref.labelAccessor,
-      disabled = _ref.disabled,
-      _ref$dataTestId = _ref.dataTestId,
-      dataTestId = _ref$dataTestId === undefined ? 'select-testid' : _ref$dataTestId;
-
-  var classes = useStyles();
-  var ref = React.useRef(null);
-
-  var _React$useState = React.useState(false),
-      open = _React$useState[0],
-      setOpen = _React$useState[1];
-
-  var _React$useState2 = React.useState(0),
-      width = _React$useState2[0],
-      setWidth = _React$useState2[1];
-
-  var handleChange = function handleChange(event) {
-    if (R.is(Function)(onChange)) {
-      onChange(event.target.value);
-    }
-  };
-
-  useEffect(function () {
-    if (ref.current && open) setWidth(ref.current.clientWidth);
-  }, [open]);
-
-  var getter = function getter(key) {
-    return function (accessor) {
-      return R.ifElse(R.is(Object), function (item) {
-        return R.is(Function, accessor) ? accessor(item) : R.prop(key)(item);
-      }, R.identity);
-    };
-  };
-
-  var joinByValue = R.innerJoin(function (obj, value) {
-    return obj.value === value;
-  });
-  var labels = R.pluck('label', joinByValue(items, R.is(Array, value) ? value : [value]));
-  return React.createElement(
-    TextField,
-    _extends({
-      select: true,
-      id: id,
-      'data-testid': dataTestId,
-      disabled: R.isEmpty(items),
-      label: label,
-      value: value,
-      title: R.join(', ', labels),
-      onChange: handleChange,
-      variant: 'outlined',
-      margin: 'dense',
-      size: 'small',
-      fullWidth: true,
-      SelectProps: {
-        ref: ref,
-        open: open,
-        autoWidth: true,
-        multiple: isMultiple,
-        disabled: disabled,
-        onOpen: function onOpen() {
-          return setOpen(true);
-        },
-        onClose: function onClose() {
-          return setOpen(false);
-        },
-        classes: { root: classes.root },
-        renderValue: function renderValue() {
-          return React.createElement(
-            Typography,
-            { variant: 'inherit', className: classes.typo },
-            R.join(', ', labels)
-          );
-        },
-        MenuProps: {
-          getContentAnchorEl: null,
-          anchorOrigin: { vertical: 'bottom', horizontal: 'center' },
-          transformOrigin: { vertical: 'top', horizontal: 'center' },
-          classes: { paper: classes.paper },
-          PaperProps: {
-            style: { width: width }
-          }
-        }
-      },
-      className: classes.root
-    }, textFieldProps),
-    R.map(function (item) {
-      var _cx;
-
-      var value = getter('value')(valueAccessor)(item);
-      var label = getter('label')(labelAccessor)(item);
-      return React.createElement(
-        MenuItem,
-        {
-          key: optionsKey + '-' + value,
-          id: label,
-          value: value,
-          dense: true,
-          'aria-label': label,
-          title: label,
-          disabled: R.propOr(false, 'disabled')(item)
-        },
-        React.createElement(
-          Typography,
-          {
-            variant: 'inherit',
-            className: cx(classes.typo, (_cx = {}, _cx[classes.disabledLabel] = R.propOr(false, 'disabled')(item), _cx))
-          },
-          label
-        )
-      );
-    })(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,
-  disabled: PropTypes.bool
-} : {};
-
-export default Select;

package/es/Select/index.js

@@ -1,33 +0,0 @@
-/**
- * Select boilerplate based on MUI components
- *
- * @memberOf VISIONS
- * @name Select
- * @tag component
- * @api public
- * @props
- * Select.propTypes = {
- *   id: PropTypes.string,
- *   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *   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,
- * };
- * @theme
- * {
- *   typography: {
- *     body2: // font, color
- *   }
- * }
- * @demoReady
- **/
-
-export { default } from './Select';

package/es/Share/Form.js

@@ -1,164 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-import Grid from '@mui/material/Grid';
-import CircularProgress from '@mui/material/CircularProgress';
-import { validate as getIsValidEmail } from 'isemail';
-import Input from '../Input';
-import Alert from '../Alert';
-import { Button } from '../';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      padding: theme.spacing(0, 1),
-      display: 'flex',
-      alignItems: 'flex-start'
-    },
-    containerSubmitButton: {
-      margin: theme.spacing(1, 0),
-      display: 'flex',
-      justifyContent: 'flex-end'
-    },
-    alertMessage: {
-      display: 'flex',
-      flexDirection: 'column'
-    },
-    input: {
-      margin: 0
-    },
-    close: {
-      alignItems: 'flex-start'
-    },
-    alert: {
-      margin: theme.spacing(0, 1)
-    }
-  };
-});
-
-var Form = function Form(_ref) {
-  var hasError = _ref.hasError,
-      isMessageOpen = _ref.isMessageOpen,
-      isSharing = _ref.isSharing,
-      _ref$mail = _ref.mail,
-      mail = _ref$mail === undefined ? '' : _ref$mail,
-      share = _ref.share,
-      changeMail = _ref.changeMail,
-      changeIsMessageOpen = _ref.changeIsMessageOpen,
-      labels = _ref.labels;
-
-  var _React$useState = React.useState(false),
-      emailHasError = _React$useState[0],
-      setEmailError = _React$useState[1];
-
-  var classes = useStyles();
-
-  var onChange = function onChange(value) {
-    if (getIsValidEmail(mail)) {
-      setEmailError(false);
-    }
-    if (R.is(Function)(changeMail)) return changeMail(value);
-  };
-
-  var onSubmit = function onSubmit() {
-    if (!getIsValidEmail(mail)) {
-      setEmailError(true);
-      return;
-    }
-    if (R.is(Function)(share)) return share();
-  };
-
-  if (isMessageOpen) {
-    return React.createElement(
-      Alert,
-      {
-        className: classes.alert,
-        classes: { action: classes.close },
-        variant: 'filled',
-        severity: hasError ? 'error' : 'success',
-        onClose: function onClose() {
-          return changeIsMessageOpen(false);
-        }
-      },
-      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 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,136 +0,0 @@
-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 '@mui/material/Card';
-import { useTheme } from '@mui/material/styles';
-import makeStyles from '@mui/styles/makeStyles';
-import CardContent from '@mui/material/CardContent';
-import Typography from '@mui/material/Typography';
-import RadioGroup from '@mui/material/RadioGroup';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Radio from '@mui/material/Radio';
-import { Tooltip, Warning as WarningIcon } from '../';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      backgroundColor: theme.palette.secondary.dark,
-      boxShadow: 'none',
-      padding: theme.spacing(2),
-      width: '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 = 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']
-          }
-        }
-      }
-    },
-    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,
-        { 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,
-              _ref3$disabled = _ref3.disabled,
-              disabled = _ref3$disabled === undefined ? false : _ref3$disabled,
-              warningMessage = _ref3.warningMessage;
-          return React.createElement(FormControlLabel, {
-            classes: { label: classes.label },
-            key: value,
-            disabled: disabled,
-            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,
-    disabled: PropTypes.bool
-  })),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-} : {};
-
-export default Mode;

package/es/Share/Share.js

@@ -1,115 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-import Paper from '@mui/material/Paper';
-import Grid from '@mui/material/Grid';
-import Form from './Form';
-import Mode from './Mode';
-import { withBlank } from '../utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      width: '100%',
-      margin: theme.spacing(1, 0),
-      padding: 20
-    },
-    subContainer: {
-      width: '100%',
-      margin: theme.spacing(2, 0)
-    },
-    divider: {
-      borderRight: '1px solid ' + theme.palette.divider
-    },
-    disclaimerContainer: {
-      padding: theme.spacing(0, 1)
-    },
-    disclaimer: {
-      backgroundColor: R.path(['palette', 'tertiary', 'dark'])(theme) || theme.palette.grey[100],
-      padding: theme.spacing(1, 2),
-      width: '100%',
-      height: '100%'
-    }
-  };
-});
-
-var Share = function Share(_ref) {
-  var changeIsMessageOpen = _ref.changeIsMessageOpen,
-      changeMode = _ref.changeMode,
-      changeMail = _ref.changeMail,
-      hasError = _ref.hasError,
-      isMessageOpen = _ref.isMessageOpen,
-      isSharing = _ref.isSharing,
-      mail = _ref.mail,
-      mode = _ref.mode,
-      modes = _ref.modes,
-      share = _ref.share,
-      labels = _ref.labels;
-
-  var classes = useStyles();
-  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 };
-})(Share);

package/es/Share/index.js

@@ -1,64 +0,0 @@
-/**
- * Share, it's a component to prepare your type of share
- *
- * @memberOf VISIONS
- * @name Share
- * @tag component
- * @api public
- * @props
- * Share.propTypes = {
- *   changeIsMessageOpen: PropTypes.func,
- *   changeMode: PropTypes.func,
- *   changeMail: PropTypes.func,
- *   share: PropTypes.func,
- *   hasError: PropTypes.bool,
- *   isMessageOpen: PropTypes.bool,
- *   isSharing: PropTypes.bool,
- *   mail: PropTypes.string,
- *   mode: PropTypes.string,
- *   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]),
- *     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]),
- *   }),
- * };
- * @theme
- * {
- *   palette: {
- *     secondary: {
- *       dark: // background color of share mode
- *     },
- *     tertiary: {
- *       dark: // background color of disclaimer
- *     },
- *     grey: {
- *       100: // used if tertiary is null
- *     }
- *     divider: // divider color
- *   },
- *   typography: {
- *     body2: // font, color of mode's label
- *   },
- *   mixins: {
- *     share: {
- *       tile: // font, color...
- *       warning: // font, color, height...
- *     }
- *   }
- * }
- * @demoReady
- */
-
-export { default } from './Share';