@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/es/Contact/Input.js

@@ -1,129 +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 '../Input/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: 'small' },
-    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,
-      name = _ref3.name,
-      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,
-    name: name,
-    type: type,
-    label: label,
-    value: value,
-    variant: 'outlined',
-    placeholder: placeholder,
-    onChange: onChange,
-    onKeyPress: onEnterLabel,
-    InputProps: {
-      startAdornment: startAdornment,
-      endAdornment: R.isNil(endAdornment) ? endMyadornment : endAdornment
-    },
-    inputProps: inputProps
-  }, textFieldProps));
-};
-
-MyInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  name: 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/Contact/Mode.js

@@ -1,134 +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%',
-      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 = 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, 'aria-label': title, tabIndex: 0 },
-        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 })
-            ),
-            'aria-label': label,
-            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/Contact/index.js

@@ -1,36 +0,0 @@
-/**
- * Contact component is a popup for users to ask and give feedback.
- * isSubmitDisable could be uncontrolled if the value is undefined
- *
- * @memberOf VISIONS
- * @name Contact
- * @tag component
- * @api public
- * @props
- * Contact.propTypes = {
- *   defaultMode: PropTypes.string,
- *   defaultFullName: PropTypes.string,
- *   defaultEmail: PropTypes.string,
- *   lang: PropTypes.string,
- *   theme: PropTypes.string,
- *   modes: PropTypes.array,
- *   send: PropTypes.func,
- *   isSubmitDisable: PropTypes.bool,
- *   children: PropTypes.node,
- *   labels: PropTypes.shape({
- *     name: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     organisation: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     personalTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     submit: PropTypes.string,
- *     email: PropTypes.string,
- *     details: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     contactForHelp: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }),
- * };
- * @theme
-// no custom theme there
- * @demoReady
- */
-
-export { default } from './Contact';

package/es/DataEdit/DataEdit.js

@@ -1,154 +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 Grid from '@mui/material/Grid';
-import Typography from '@mui/material/Typography';
-import Checkbox from '@mui/material/Checkbox';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Input from './Input';
-import { withBlank } from '../utils';
-import makeStyles from '@mui/styles/makeStyles';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    title: R.pathOr({}, ['mixins', 'chartsConfig', 'title'], theme)
-  };
-});
-
-var DataEdit = function DataEdit(_ref) {
-  var labels = _ref.labels,
-      properties = _ref.properties;
-
-  var classes = useStyles();
-  var _properties$title = properties.title,
-      title = _properties$title === undefined ? {} : _properties$title,
-      _properties$subtitle = properties.subtitle,
-      subtitle = _properties$subtitle === undefined ? {} : _properties$subtitle,
-      _properties$source = properties.source,
-      source = _properties$source === undefined ? {} : _properties$source,
-      _properties$logo = properties.logo,
-      logo = _properties$logo === undefined ? {} : _properties$logo,
-      _properties$copyright = properties.copyright,
-      copyright = _properties$copyright === undefined ? {} : _properties$copyright;
-
-  var resetLabel = R.prop('reset', labels);
-
-  return React.createElement(
-    Grid,
-    { 'data-testid': 'data-edit-test-id', container: true, spacing: 1 },
-    React.createElement(
-      Grid,
-      { item: true, xs: 12 },
-      React.createElement(
-        Typography,
-        { className: classes.title },
-        R.prop('information', labels)
-      )
-    ),
-    R.prop('isActive', title) && React.createElement(
-      Grid,
-      { item: true, xs: 12, style: { minWidth: 220 } },
-      React.createElement(Input, _extends({
-        fullWidth: true,
-        label: R.prop('title', labels),
-        resetLabel: resetLabel
-      }, R.dissoc('isDefault', title)))
-    ),
-    R.prop('isActive', subtitle) && React.createElement(
-      Grid,
-      { item: true, xs: 12, style: { minWidth: 220 } },
-      React.createElement(Input, _extends({
-        fullWidth: true,
-        label: R.prop('subtitle', labels),
-        resetLabel: resetLabel
-      }, R.dissoc('isDefault', subtitle)))
-    ),
-    R.prop('isActive', source) && React.createElement(
-      Grid,
-      { item: true, xs: 12, style: { minWidth: 220 } },
-      React.createElement(Input, _extends({
-        fullWidth: true,
-        label: R.prop('source', labels),
-        resetLabel: resetLabel
-      }, R.dissoc('isDefault', source)))
-    ),
-    React.createElement(
-      Grid,
-      { item: true, container: true, xs: 12, justifyContent: 'space-around' },
-      R.map(function (item) {
-        if (R.pipe(R.prop('isActive'), R.not)(item)) return;
-        var id = R.prop('id')(item);
-        return React.createElement(
-          Grid,
-          { item: true, key: id },
-          React.createElement(FormControlLabel, {
-            control: React.createElement(Checkbox, _extends({
-              color: 'primary',
-              inputProps: { 'aria-label': R.prop(id)(labels) }
-            }, R.omit(['isActive'])(item))),
-            label: R.prop(id)(labels)
-          })
-        );
-      })([logo, copyright])
-    )
-  );
-};
-
-DataEdit.propTypes = process.env.NODE_ENV !== "production" ? {
-  labels: PropTypes.shape({
-    title: PropTypes.string,
-    subtitle: PropTypes.string,
-    source: PropTypes.string,
-    logo: PropTypes.string,
-    copyright: PropTypes.string,
-    reset: PropTypes.string
-  }),
-  properties: PropTypes.shape({
-    title: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onSubmit: PropTypes.func,
-      onReset: PropTypes.func,
-      value: PropTypes.string
-    }),
-    subtitle: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onSubmit: PropTypes.func,
-      onReset: PropTypes.func,
-      value: PropTypes.string
-    }),
-    source: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onSubmit: PropTypes.func,
-      onReset: PropTypes.func,
-      value: PropTypes.string
-    }),
-    logo: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onChange: PropTypes.func,
-      checked: PropTypes.bool
-    }),
-    copyright: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onChange: PropTypes.func,
-      checked: PropTypes.bool
-    })
-  })
-} : {};
-
-var isAllInactive = R.pipe(R.pluck('isActive'), R.all(R.identity), R.not);
-
-export default withBlank(function (_ref2) {
-  var isBlank = _ref2.isBlank,
-      _ref2$properties = _ref2.properties,
-      properties = _ref2$properties === undefined ? {} : _ref2$properties;
-  return {
-    isBlank: R.any(R.identity)([isBlank, R.isEmpty(properties), isAllInactive(properties)])
-  };
-})(DataEdit);

package/es/DataEdit/Input.js

@@ -1,151 +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 _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-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 RotateLeftIcon from '@mui/icons-material/RotateLeft';
-
-var useStyles = makeStyles(function () {
-  return {
-    visibility: {
-      visibility: 'hidden'
-    },
-    input: {
-      '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button': {
-        '-webkit-appearance': 'none',
-        margin: 0
-      },
-      '&[type=number]': {
-        '-moz-appearance': 'textfield'
-      }
-    }
-  };
-});
-
-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
-} : {};
-
-var MyInput = function MyInput(_ref3) {
-  var id = _ref3.id,
-      value = _ref3.value,
-      onSubmit = _ref3.onSubmit,
-      onReset = _ref3.onReset,
-      resetLabel = _ref3.resetLabel,
-      placeholder = _ref3.placeholder,
-      props = _objectWithoutProperties(_ref3, ['id', 'value', 'onSubmit', 'onReset', 'resetLabel', 'placeholder']);
-
-  var classes = useStyles();
-
-  var _useState = useState(value || ''),
-      inputValue = _useState[0],
-      setInputValue = _useState[1];
-
-  useEffect(function () {
-    setInputValue(value);
-  }, [value]);
-
-  var resetId = 'reset-' + id;
-
-  var handleBlur = function handleBlur(event) {
-    if (R.is(Function, onSubmit) && inputValue !== value) {
-      onSubmit(event.target.value);
-    }
-  };
-
-  var handleReset = function handleReset() {
-    if (R.is(Function, onReset)) {
-      onReset();
-    } else {
-      setInputValue(value);
-    }
-  };
-
-  var onEnterLabel = function onEnterLabel(event) {
-    if (event.key === 'Enter') {
-      if (R.is(Function, onSubmit)) {
-        onSubmit(event.target.value);
-      }
-    }
-  };
-
-  var handleChange = function handleChange(event) {
-    setInputValue(event.target.value);
-  };
-
-  var endAdornment = R.is(Function, onReset) || inputValue !== value ? React.createElement(
-    InputAdornment,
-    { position: 'end' },
-    React.createElement(
-      IconButton,
-      {
-        id: resetId,
-        'aria-label': resetLabel,
-        onKeyPress: onEnterLabel,
-        onClick: handleReset,
-        size: 'large'
-      },
-      React.createElement(RotateLeftIcon, { fontSize: 'small' })
-    )
-  ) : null;
-
-  return React.createElement(TextField, _extends({
-    inputProps: {
-      className: classes.input
-    },
-    onBlur: handleBlur,
-    margin: 'dense',
-    variant: 'outlined',
-    onKeyPress: onEnterLabel,
-    onChange: handleChange,
-    id: id,
-    value: inputValue,
-    InputProps: {
-      endAdornment: endAdornment
-    },
-    placeholder: R.is(Number)(placeholder) ? R.toString(placeholder) : placeholder
-  }, R.omit(['isActive'])(props)));
-};
-
-export { MyInput };
-MyInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onSubmit: PropTypes.func,
-  onReset: PropTypes.func,
-  resetLabel: PropTypes.string,
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-} : {};
-
-export default MyInput;

package/es/DataEdit/index.js

@@ -1,70 +0,0 @@
-/**
- * DataEdit
- *
- * @demoReady
- * @memberOf VISIONS
- * @name DataEdit
- * @tag component
- * @api public
- * @props
- * DataEdit.propTypes = {
- *   labels: PropTypes.shape({
- *     title: PropTypes.string,
- *     subtitle: PropTypes.string,
- *     source: PropTypes.string,
- *     logo: PropTypes.string,
- *     copyright: PropTypes.string,
- *     reset: PropTypes.string,
- *   }),
- *   properties: PropTypes.shape({
- *     title: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *       onReset: PropTypes.func,
- *       value: PropTypes.string,
- *     }),
- *     subtitle: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *       onReset: PropTypes.func,
- *       value: PropTypes.string,
- *     }),
- *     source: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onSubmit: PropTypes.func,
- *       onReset: PropTypes.func,
- *       value: PropTypes.string,
- *     }),
- *     logo: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       checked: PropTypes.bool,
- *     }),
- *     copyright: PropTypes.shape({
- *       id: PropTypes.string,
- *       isActive: PropTypes.bool,
- *       onChange: PropTypes.func,
- *       checked: PropTypes.bool,
- *     }),
- *   })
- * };
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       main: // color of icons. global override: outerPalette.primaryMain
- *     },
- *   }
- *   mixins: {
- *     root: {
- *       // font, color of the title
- *     }
- *   }
- * }
- */
-
-export { default } from './DataEdit';