@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/Input/Input.js

@@ -1,128 +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 cx from 'classnames';
-import makeStyles from '@mui/styles/makeStyles';
-import TextField from '@mui/material/TextField';
-import InputAdornment from '@mui/material/InputAdornment';
-import IconButton from '@mui/material/IconButton';
-import Done from '@mui/icons-material/Done';
-import { withInput } from './with-input';
-
-var useStyles = makeStyles(function () {
-  return {
-    visibility: {
-      visibility: 'hidden'
-    }
-  };
-});
-
-var LefttIcon = function LefttIcon(_ref) {
-  var Icon = _ref.Icon;
-  return React.createElement(Icon, null);
-};
-
-LefttIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  Icon: PropTypes.object
-} : {};
-
-var RightIcon = function RightIcon(_ref2) {
-  var onSubmit = _ref2.onSubmit,
-      _ref2$Icon = _ref2.Icon,
-      Icon = _ref2$Icon === undefined ? Done : _ref2$Icon;
-  return React.createElement(
-    IconButton,
-    { color: 'primary', onClick: function onClick() {
-        return onSubmit();
-      }, size: 'large' },
-    React.createElement(Icon, null)
-  );
-};
-
-RightIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  Icon: PropTypes.object,
-  onSubmit: PropTypes.func,
-  classes: PropTypes.object
-} : {};
-
-export var MyInput = function MyInput(_ref3) {
-  var _cx;
-
-  var id = _ref3.id,
-      label = _ref3.label,
-      placeholder = _ref3.placeholder,
-      leftIcon = _ref3.leftIcon,
-      rightIcon = _ref3.rightIcon,
-      value = _ref3.value,
-      type = _ref3.type,
-      _onChange = _ref3.onChange,
-      onSubmit = _ref3.onSubmit,
-      fullWidth = _ref3.fullWidth,
-      withValidationIcon = _ref3.withValidationIcon,
-      textFieldProps = _ref3.textFieldProps,
-      inputProps = _ref3.inputProps,
-      endAdornment = _ref3.endAdornment;
-
-  var classes = useStyles();
-  var startAdornment = R.isNil(leftIcon) ? null : React.createElement(
-    InputAdornment,
-    { position: 'start' },
-    React.createElement(LefttIcon, { Icon: leftIcon })
-  );
-  var endMyadornment = R.or(withValidationIcon, !R.isNil(rightIcon)) ? React.createElement(
-    InputAdornment,
-    { position: 'end', className: cx((_cx = {}, _cx[classes.visibility] = R.isEmpty(value), _cx)) },
-    React.createElement(RightIcon, { onSubmit: onSubmit, Icon: rightIcon })
-  ) : null;
-
-  var onEnterLabel = function onEnterLabel(event) {
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      if (R.is(Function, onSubmit)) {
-        onSubmit();
-      }
-    }
-  };
-
-  return React.createElement(TextField, _extends({
-    'data-testid': 'input-test-id',
-    margin: 'dense',
-    fullWidth: fullWidth,
-    id: id,
-    type: type,
-    label: label,
-    value: value,
-    variant: 'outlined',
-    placeholder: placeholder,
-    onChange: function onChange(e) {
-      return _onChange(e.target.value);
-    },
-    onKeyPress: onEnterLabel,
-    InputProps: {
-      startAdornment: startAdornment,
-      endAdornment: R.isNil(endAdornment) ? endMyadornment : endAdornment
-    },
-    inputProps: inputProps
-  }, textFieldProps));
-};
-
-MyInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  leftIcon: PropTypes.object,
-  rightIcon: PropTypes.object,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  type: PropTypes.string,
-  onChange: PropTypes.func,
-  onSubmit: PropTypes.func,
-  fullWidth: PropTypes.bool,
-  withValidationIcon: PropTypes.bool,
-  textFieldProps: PropTypes.object,
-  inputProps: PropTypes.object,
-  endAdornment: PropTypes.node
-} : {};
-
-export default withInput(MyInput);

package/es/Input/index.js

@@ -1,26 +0,0 @@
-/**
- * Input let users enter and edit text.
- *
- * @memberOf VISIONS
- * @name Input
- * @tag component
- * @api public
- * @props
- * Input.propTypes = {
- *   id: PropTypes.string,
- *   label: PropTypes.string,
- *   placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   leftIcon: PropTypes.object,
- *   rightIcon: PropTypes.object,
- *   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *   type: PropTypes.string,
- *   onChange: PropTypes.func,
- *   onSubmit: PropTypes.func,
- *   fullWidth: PropTypes.bool,
- *   inputProps: PropTypes.object,
- * };
- * @theme
- * // no custom theme there
- **/
-
-export { default } from './Input';

package/es/Input/with-input.js

@@ -1,55 +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; };
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-/* eslint react/prop-types: 0 */
-import React from 'react';
-import * as R from 'ramda';
-
-export var withInput = function withInput(Component) {
-  return function (_React$Component) {
-    _inherits(_class2, _React$Component);
-
-    function _class2() {
-      var _temp, _this, _ret;
-
-      _classCallCheck(this, _class2);
-
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
-        value: _this.props.value || ''
-      }, _this.onChange = function (value) {
-        _this.setState({ value: value });
-      }, _this.onSubmit = function () {
-        _this.bubbleUp(_this.state.value);
-      }, _this.bubbleUp = function (item) {
-        if (R.is(Function, _this.props.onSubmit)) _this.props.onSubmit(item);
-      }, _this.render = function () {
-        var _this$props = _this.props,
-            onChange = _this$props.onChange,
-            onSubmit = _this$props.onSubmit,
-            isControlled = _this$props.isControlled,
-            isBlank = _this$props.isBlank;
-
-        if (isBlank) return null;
-        var value = _this.state.value;
-
-
-        return React.createElement(Component, _extends({}, _this.props, {
-          onChange: isControlled ? onChange : _this.onChange,
-          onSubmit: isControlled ? onSubmit : _this.onSubmit,
-          value: isControlled ? _this.props.value : value
-        }));
-      }, _temp), _possibleConstructorReturn(_this, _ret);
-    }
-
-    return _class2;
-  }(React.Component);
-};

package/es/InputNumber/InputNumber.js

@@ -1,116 +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 * as R from 'ramda';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import TextField from '@mui/material/TextField';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-import Help from '@mui/icons-material/Help';
-import Tooltip from '../Tooltip/Tooltip';
-import { withBlank } from '../utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      marginTop: theme.spacing(1),
-      marginBottom: theme.spacing(0.5),
-      alignItems: 'center'
-    },
-    textField: {
-      margin: '0px 10px 0 10px'
-    },
-    input: {
-      padding: '4px 4px',
-      height: 27,
-      '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button': {
-        '-webkit-appearance': 'none',
-        margin: 0
-      },
-      '&[type=number]': {
-        '-moz-appearance': 'textfield'
-      }
-    },
-    icon: {
-      marginLeft: theme.spacing(0.5)
-    }
-  };
-});
-
-var InputNumber = function InputNumber(_ref) {
-  var value = _ref.value,
-      _onChange = _ref.onChange,
-      beforeLabel = _ref.beforeLabel,
-      afterLabel = _ref.afterLabel,
-      popperLabel = _ref.popperLabel,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === undefined ? '--' : _ref$placeholder,
-      textFieldProps = _ref.textFieldProps,
-      ariaLabel = _ref.ariaLabel;
-
-  var classes = useStyles();
-
-  var _value = R.anyPass([R.isEmpty, R.isNil, function (nb) {
-    return R.lte(Number(nb), 0);
-  }])(value) ? '' : value;
-
-  return React.createElement(
-    'div',
-    { 'data-testid': 'input-number-test-id', className: classes.root },
-    beforeLabel && React.createElement(
-      Typography,
-      { variant: 'body2', 'aria-label': beforeLabel, tabIndex: -1 },
-      beforeLabel
-    ),
-    React.createElement(TextField, _extends({
-      className: classes.textField,
-      inputProps: {
-        min: 0,
-        step: 1,
-        className: classes.input,
-        'aria-label': ariaLabel
-      },
-      placeholder: placeholder,
-      onChange: function onChange(e) {
-        return _onChange(e.target.value);
-      },
-      type: 'number',
-      value: _value,
-      variant: 'outlined'
-    }, textFieldProps)),
-    R.not(R.isNil(afterLabel)) && React.createElement(
-      Typography,
-      { variant: 'body2', 'aria-label': afterLabel, tabIndex: 0 },
-      afterLabel
-    ),
-    R.not(R.isNil(popperLabel)) && React.createElement(
-      Tooltip,
-      {
-        className: cx(classes.icon),
-        title: popperLabel,
-        'aria-label': popperLabel,
-        variant: 'light',
-        tabIndex: 0
-      },
-      React.createElement(Help, null)
-    )
-  );
-};
-
-InputNumber.propTypes = process.env.NODE_ENV !== "production" ? {
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onChange: PropTypes.func,
-  beforeLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  afterLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  popperLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  textFieldProps: PropTypes.object,
-  ariaLabel: PropTypes.string
-} : {};
-
-export default withBlank(function (_ref2) {
-  var isBlank = _ref2.isBlank;
-  return { isBlank: isBlank };
-})(InputNumber);

package/es/InputNumber/index.js

@@ -1,23 +0,0 @@
-/**
- * InputNumber you can use this input number between two label and with a popper
- *
- * @memberOf VISIONS
- * @name InputNumber
- * @tag component
- * @api public
- * @demoReady
- * @props
- * InputNumber.propTypes = {
- *   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *   onChange: PropTypes.func,
- *   beforeLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   afterLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   popperLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   textFieldProps: PropTypes.object,
- * };
- * @theme
- * // no custom theme there
- **/
-
-export { default } from './InputNumber';

package/es/LabelDivider/LabelDivider.js

@@ -1,52 +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 * as R from 'ramda';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    hr: _extends({
-      display: 'flex',
-      color: theme.palette.getContrastText(R.path(['palette', 'tertiary', 'main'], theme) || theme.palette.common.black),
-      alignItems: 'center',
-      textAlign: 'center',
-      '&::before, &::after': {
-        content: 'close-quote',
-        flex: 1,
-        borderTop: '.0625em solid',
-        margin: '0.5em'
-      }
-    }, R.pathOr({}, ['mixins', 'labelDivider', 'root'], theme)),
-    margin: {
-      marginTop: theme.spacing(1.25),
-      marginBottom: theme.spacing(1.25)
-    }
-  };
-});
-
-export var LabelDivider = function LabelDivider(_ref) {
-  var _cx;
-
-  var label = _ref.label,
-      color = _ref.color,
-      withMargin = _ref.withMargin;
-
-  var classes = useStyles();
-  return React.createElement(
-    Typography,
-    { className: cx(classes.hr, (_cx = {}, _cx[classes.margin] = withMargin, _cx)), style: { color: color } },
-    label
-  );
-};
-
-LabelDivider.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  color: PropTypes.string,
-  withMargin: PropTypes.bool
-} : {};
-
-export default LabelDivider;

package/es/LabelDivider/index.js

@@ -1,32 +0,0 @@
-/**
- * LabelDivider is label between two divider.
- *
- * @memberOf VISIONS
- * @name LabelDivider
- * @tag component
- * @api public
- * @props
- * LabelDivider.propTypes = {
- *   label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   color: PropTypes.string,
- *   withMargin: PropTypes.bool,
- * };
- * @theme
- * {
- *   palette: {
- *     tertiary: {
- *       main: // text's color
- *     },
- *     common: {
- *       black: // use common black if tertiary is null
- *     }
- *   }
- *   mixins: {
- *     labelDivider: {
- *       root: // font, color...
- *     }
- *   }
- * }
- */
-
-export { default } from './LabelDivider';

package/es/Loading/Loading.js

@@ -1,84 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      flexDirection: 'column',
-      width: '100%',
-      height: '100%',
-      justifyContent: 'center',
-      alignItems: 'center'
-    },
-    circularProgress: {
-      width: '48px',
-      height: ' 48px',
-      borderStyle: 'solid',
-      borderWidth: '5px',
-      borderRadius: '50%',
-      display: 'inline-block',
-      boxSizing: 'border-box',
-      animation: '$rotate 1s linear infinite',
-      margin: theme.spacing(2),
-      borderBottomColor: 'transparent !important'
-    },
-    '@keyframes rotate': {
-      '0%': {
-        transform: 'rotate(0deg)'
-      },
-      '100%': {
-        transform: 'rotate(360deg)'
-      }
-    },
-    warning: {
-      borderColor: theme.palette.warning.main
-    },
-    primaryColor: {
-      borderColor: theme.palette.primary.main
-    },
-    secondaryColor: {
-      borderColor: theme.palette.secondary.main
-    }
-  };
-});
-
-var Loading = function Loading(_ref) {
-  var _cx;
-
-  var message = _ref.message,
-      _ref$isWarning = _ref.isWarning,
-      isWarning = _ref$isWarning === undefined ? false : _ref$isWarning,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === undefined ? 'primary' : _ref$variant,
-      color = _ref.color;
-
-  var classes = useStyles();
-
-  return React.createElement(
-    'div',
-    { className: classes.root },
-    React.createElement('div', {
-      style: { color: R.isNil(color) ? undefined : color },
-      className: cx(classes.circularProgress, (_cx = {}, _cx[classes[variant + 'Color']] = !R.isNil(variant) && R.isNil(color) && !isWarning, _cx[classes.warning] = isWarning, _cx))
-    }),
-    React.createElement(
-      Typography,
-      { variant: 'subtitle1', noWrap: true, align: 'center' },
-      message
-    )
-  );
-};
-
-Loading.propTypes = process.env.NODE_ENV !== "production" ? {
-  message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  variant: PropTypes.string,
-  color: PropTypes.string,
-  isWarning: PropTypes.bool
-} : {};
-
-export default Loading;

package/es/Loading/index.js

@@ -1,24 +0,0 @@
-/**
- * Loading component is a basic placeholder to use when retrieving things.
- * There are four way to use it: 
- * 1. Loading with message
- * 2. Loading with message and variant (primary|secondary) (default: primary) 
- * 3. Loading with message and color (second priority color)
- * 4. Loading with warning (top priority color)
- * 
- *
- * @memberOf VISIONS
- * @name Loading
- * @tag component
- * @api public
- * @props
- * Loading.propTypes = {
- *   message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   variant: PropTypes.string,
- *   color: PropTypes.string,
- *   isWarning: PropTypes.bool,
- * };
-
- */
-
-export { default } from './Loading';

package/es/Logo/Logo.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import makeStyles from '@mui/styles/makeStyles';
-
-var useStyles = makeStyles(function () {
-  return {
-    container: {
-      display: 'block',
-      textAlign: 'center'
-    },
-    logo: {
-      maxWidth: '100%',
-      imageRendering: 'crisp-edges'
-    },
-    // https://caniuse.com/mdn-css_properties_image-rendering_crisp-edges
-    alternativeBrowserLogo: {
-      imageRendering: '-webkit-optimize-contrast'
-    }
-  };
-});
-
-var Logo = function Logo(_ref) {
-  var logo = _ref.logo,
-      _ref$alt = _ref.alt,
-      alt = _ref$alt === undefined ? 'logo' : _ref$alt,
-      _ref$maxHeight = _ref.maxHeight,
-      maxHeight = _ref$maxHeight === undefined ? 150 : _ref$maxHeight,
-      children = _ref.children,
-      _ref$fetchPriority = _ref.fetchPriority,
-      fetchPriority = _ref$fetchPriority === undefined ? 'auto' : _ref$fetchPriority;
-
-  var classes = useStyles();
-  return React.createElement(
-    'span',
-    { className: classes.container, role: 'presentation' },
-    React.createElement('img', {
-      className: cx(classes.logo, classes.alternativeBrowserLogo),
-      style: { maxHeight: maxHeight },
-      src: logo,
-      alt: alt,
-      fetchPriority: fetchPriority
-    }),
-    children
-  );
-};
-
-Logo.propTypes = process.env.NODE_ENV !== "production" ? {
-  logo: PropTypes.string,
-  maxHeight: PropTypes.number,
-  children: PropTypes.object,
-  alt: PropTypes.string
-} : {};
-
-export default Logo;

package/es/Logo/index.js

@@ -1,18 +0,0 @@
-/**
- * Logo is basic component for show your logo, you can add children if you want to add subtitle
- *
- * @memberOf VISIONS
- * @name Logo
- * @tag component
- * @api public
- * @props
- * Logo.propTypes = {
- *   logo: PropTypes.string,
- *   maxHeight: PropTypes.number,
- *   children: PropTypes.object,
- * };
- * @theme
- * // no custom theme there
- */
-
-export { default } from './Logo';