@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/AdvancedFilterDialog/index.js

@@ -1,26 +0,0 @@
-/**
- *
- * @memberOf VISIONS
- * @name AdvancedFilterDialog
- * @tag component
- * @api public
- * @props
- * AdvancedFilterDialog.propTypes = {
- *   items: {
- *     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *     label: PropTypes.string,
- *     parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *     isSelected: PropTypes.bool,
- *     isDisabled: PropTypes.bool,
- *     count: PropTypes.number,
- *     path: PropTypes.arrayOf(PropTypes.shape({
- *       id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
- *       label: PropTypes.string,
- *       parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *       isSelected: PropTypes.bool,
- *     })),
- *   },
- * }
- */
-
-export { default } from './AdvancedFilterDialog';

package/es/Alert/Alert.js

@@ -1,284 +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 from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { lighten, darken } from '@mui/material/styles';
-import withStyles from '@mui/styles/withStyles';
-import Paper from '@mui/material/Paper';
-import SuccessOutlinedIcon from '@mui/icons-material/CheckCircleOutlineOutlined';
-import ReportProblemOutlinedIcon from '@mui/icons-material/ReportProblemOutlined';
-import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
-import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
-import CloseIcon from '@mui/icons-material/Close';
-import IconButton from '@mui/material/IconButton';
-import { capitalize } from '@mui/material/utils';
-
-export var styles = function styles(theme) {
-  var getColor = theme.palette.mode === 'light' ? darken : lighten;
-  var getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
-
-  return {
-    /* Styles applied to the root element. */
-    root: _extends({}, theme.typography.body2, {
-      borderRadius: theme.shape.borderRadius,
-      backgroundColor: 'transparent',
-      display: 'flex',
-      padding: '6px 16px'
-    }),
-    /* Styles applied to the root element if `variant="standard"` and `color="success"`. */
-    standardSuccess: {
-      color: getColor(theme.palette.success.main, 0.6),
-      backgroundColor: getBackgroundColor(theme.palette.success.main, 0.9),
-      '& $icon': {
-        color: theme.palette.success.main
-      }
-    },
-    /* Styles applied to the root element if `variant="standard"` and `color="info"`. */
-    standardInfo: {
-      color: getColor(theme.palette.info.main, 0.6),
-      backgroundColor: getBackgroundColor(theme.palette.info.main, 0.9),
-      '& $icon': {
-        color: theme.palette.info.main
-      }
-    },
-    /* Styles applied to the root element if `variant="standard"` and `color="warning"`. */
-    standardWarning: {
-      color: getColor(theme.palette.warning.main, 0.6),
-      backgroundColor: getBackgroundColor(theme.palette.warning.main, 0.9),
-      '& $icon': {
-        color: theme.palette.warning.main
-      }
-    },
-    /* Styles applied to the root element if `variant="standard"` and `color="error"`. */
-    standardError: {
-      color: getColor(theme.palette.error.main, 0.6),
-      backgroundColor: getBackgroundColor(theme.palette.error.main, 0.9),
-      '& $icon': {
-        color: theme.palette.error.main
-      }
-    },
-    /* Styles applied to the root element if `variant="outlined"` and `color="success"`. */
-    outlinedSuccess: {
-      color: getColor(theme.palette.success.main, 0.6),
-      border: '1px solid ' + theme.palette.success.main,
-      '& $icon': {
-        color: theme.palette.success.main
-      }
-    },
-    /* Styles applied to the root element if `variant="outlined"` and `color="info"`. */
-    outlinedInfo: {
-      color: getColor(theme.palette.info.main, 0.6),
-      border: '1px solid ' + theme.palette.info.main,
-      '& $icon': {
-        color: theme.palette.info.main
-      }
-    },
-    /* Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
-    outlinedWarning: {
-      color: getColor(theme.palette.warning.main, 0.6),
-      border: '1px solid ' + theme.palette.warning.main,
-      '& $icon': {
-        color: theme.palette.warning.main
-      }
-    },
-    /* Styles applied to the root element if `variant="outlined"` and `color="error"`. */
-    outlinedError: {
-      color: getColor(theme.palette.error.main, 0.6),
-      border: '1px solid ' + theme.palette.error.main,
-      '& $icon': {
-        color: theme.palette.error.main
-      }
-    },
-    /* Styles applied to the root element if `variant="filled"` and `color="success"`. */
-    filledSuccess: {
-      color: '#fff',
-      fontWeight: theme.typography.fontWeightMedium,
-      backgroundColor: theme.palette.success.main
-    },
-    /* Styles applied to the root element if `variant="filled"` and `color="info"`. */
-    filledInfo: {
-      color: '#fff',
-      fontWeight: theme.typography.fontWeightMedium,
-      backgroundColor: theme.palette.info.main
-    },
-    /* Styles applied to the root element if `variant="filled"` and `color="warning"`. */
-    filledWarning: {
-      color: '#fff',
-      fontWeight: theme.typography.fontWeightMedium,
-      backgroundColor: theme.palette.warning.main
-    },
-    /* Styles applied to the root element if `variant="filled"` and `color="error"`. */
-    filledError: {
-      color: '#fff',
-      fontWeight: theme.typography.fontWeightMedium,
-      backgroundColor: theme.palette.error.main
-    },
-    /* Styles applied to the icon wrapper element. */
-    icon: {
-      marginRight: 12,
-      padding: '7px 0',
-      display: 'flex',
-      fontSize: 22,
-      opacity: 0.9
-    },
-    /* Styles applied to the message wrapper element. */
-    message: {
-      padding: '8px 0',
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'center'
-    },
-    /* Styles applied to the action wrapper element if `action` is provided. */
-    action: {
-      display: 'flex',
-      alignItems: 'center',
-      marginLeft: 'auto',
-      paddingLeft: 16,
-      marginRight: -8
-    }
-  };
-};
-
-var defaultIconMapping = {
-  success: React.createElement(SuccessOutlinedIcon, { fontSize: 'inherit' }),
-  warning: React.createElement(ReportProblemOutlinedIcon, { fontSize: 'inherit' }),
-  error: React.createElement(ErrorOutlineIcon, { fontSize: 'inherit' }),
-  info: React.createElement(InfoOutlinedIcon, { fontSize: 'inherit' })
-};
-
-var Alert = React.forwardRef(function Alert(props, ref) {
-  var action = props.action,
-      children = props.children,
-      classes = props.classes,
-      className = props.className,
-      _props$closeText = props.closeText,
-      closeText = _props$closeText === undefined ? 'Close' : _props$closeText,
-      color = props.color,
-      icon = props.icon,
-      _props$iconMapping = props.iconMapping,
-      iconMapping = _props$iconMapping === undefined ? defaultIconMapping : _props$iconMapping,
-      onClose = props.onClose,
-      _props$role = props.role,
-      role = _props$role === undefined ? 'alert' : _props$role,
-      _props$severity = props.severity,
-      severity = _props$severity === undefined ? 'success' : _props$severity,
-      _props$variant = props.variant,
-      variant = _props$variant === undefined ? 'standard' : _props$variant,
-      other = _objectWithoutProperties(props, ['action', 'children', 'classes', 'className', 'closeText', 'color', 'icon', 'iconMapping', 'onClose', 'role', 'severity', 'variant']);
-
-  return React.createElement(
-    Paper,
-    _extends({
-      role: role,
-      square: true,
-      elevation: 0,
-      className: clsx(classes.root, classes['' + variant + capitalize(color || severity)], className),
-      ref: ref
-    }, other),
-    icon !== false ? React.createElement(
-      'div',
-      { className: classes.icon },
-      icon || iconMapping[severity] || defaultIconMapping[severity]
-    ) : null,
-    React.createElement(
-      'div',
-      { className: classes.message },
-      children
-    ),
-    action != null ? React.createElement(
-      'div',
-      { className: classes.action },
-      action
-    ) : null,
-    action == null && onClose ? React.createElement(
-      'div',
-      { className: classes.action },
-      React.createElement(
-        IconButton,
-        {
-          size: 'small',
-          'aria-label': closeText,
-          title: closeText,
-          color: 'inherit',
-          onClick: onClose
-        },
-        React.createElement(CloseIcon, { fontSize: 'small' })
-      )
-    ) : null
-  );
-});
-
-Alert.propTypes = process.env.NODE_ENV !== "production" ? {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The action to display. It renders after the message, at the end of the alert.
-   */
-  action: PropTypes.node,
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Override the default label for the *close popup* icon button.
-   *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
-   */
-  closeText: PropTypes.string,
-  /**
-   * The main color for the alert. Unless provided, the value is taken from the `severity` prop.
-   */
-  color: PropTypes.oneOf(['error', 'info', 'success', 'warning']),
-  /**
-   * Override the icon displayed before the children.
-   * Unless provided, the icon is mapped to the value of the `severity` prop.
-   */
-  icon: PropTypes.node,
-  /**
-   * The component maps the `severity` prop to a range of different icons,
-   * for instance success to `<SuccessOutlined>`.
-   * If you wish to change this mapping, you can provide your own.
-   * Alternatively, you can use the `icon` prop to override the icon displayed.
-   */
-  iconMapping: PropTypes.shape({
-    error: PropTypes.node,
-    info: PropTypes.node,
-    success: PropTypes.node,
-    warning: PropTypes.node
-  }),
-  /**
-   * Callback fired when the component requests to be closed.
-   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
-   *
-   * @param {object} event The event source of the callback.
-   */
-  onClose: PropTypes.func,
-  /**
-   * The ARIA role attribute of the element.
-   */
-  role: PropTypes.string,
-  /**
-   * The severity of the alert. This defines the color and icon used.
-   */
-  severity: PropTypes.oneOf(['error', 'info', 'success', 'warning']),
-  /**
-   * The variant to use.
-   */
-  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
-} : {};
-
-export default withStyles(styles, { name: 'MuiAlert' })(Alert);

package/es/Alert/index.js

@@ -1,13 +0,0 @@
-/**
- * An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
- * see more
- *
- * https://material-ui.com/components/alert/
- *
- * @memberOf VISIONS
- * @name Alert
- * @tag component
- * @api private
- */
-
-export { default } from './Alert';

package/es/ApiQueries/ApiQueries.js

@@ -1,107 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import Typography from '@mui/material/Typography';
-import Divider from '@mui/material/Divider';
-import Grid from '@mui/material/Grid';
-import makeStyles from '@mui/styles/makeStyles';
-import Query from './Query';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    divider: {
-      padding: theme.spacing(2, 0)
-    },
-    title: R.pathOr({}, ['mixins', 'apiQueries', 'title'], theme)
-  };
-});
-
-var ApiQueries = function ApiQueries(_ref) {
-  var _ref$queries = _ref.queries,
-      queries = _ref$queries === undefined ? [] : _ref$queries,
-      labels = _ref.labels,
-      _ref$delay = _ref.delay,
-      delay = _ref$delay === undefined ? 1000 : _ref$delay,
-      handleClick = _ref.handleClick;
-
-  var classes = useStyles();
-  var hasQueries = R.not(R.isEmpty(queries));
-  return React.createElement(
-    Grid,
-    { container: true, 'data-testid': 'apiqueries-test-id' },
-    React.createElement(
-      Grid,
-      { item: true, xs: 12 },
-      React.createElement(
-        Typography,
-        { className: classes.title },
-        R.prop('title')(labels)
-      ),
-      R.map(function (description) {
-        return React.createElement(
-          Typography,
-          { key: description, display: 'block', variant: 'body2' },
-          description
-        );
-      })(R.propOr([], 'descriptions', labels))
-    ),
-    hasQueries && React.createElement(
-      Grid,
-      { item: true, xs: 12, className: classes.divider },
-      React.createElement(Divider, null)
-    ),
-    React.createElement(
-      Grid,
-      { item: true, container: true, spacing: 2 },
-      R.map(function (_ref2) {
-        var id = _ref2.id,
-            title = _ref2.title,
-            _ref2$contents = _ref2.contents,
-            contents = _ref2$contents === undefined ? [] : _ref2$contents;
-        return React.createElement(Query, {
-          key: id,
-          title: title,
-          contents: contents,
-          selectedId: R.pipe(R.head, R.prop('id'))(contents),
-          labels: labels,
-          delay: delay,
-          handleClick: handleClick
-        });
-      })(queries)
-    ),
-    hasQueries && React.createElement(
-      Grid,
-      { item: true, xs: 12, className: classes.divider },
-      React.createElement(Divider, null)
-    ),
-    React.createElement(
-      Typography,
-      { variant: 'body2' },
-      R.prop('notice')(labels)
-    )
-  );
-};
-
-ApiQueries.propTypes = process.env.NODE_ENV !== "production" ? {
-  labels: PropTypes.shape({
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    copy: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    descriptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.element])),
-    notice: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  }),
-  delay: PropTypes.number,
-  queries: PropTypes.arrayOf(PropTypes.shape({
-    contents: PropTypes.arrayOf(PropTypes.shape({
-      id: PropTypes.string,
-      label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-      value: PropTypes.string
-    })),
-    id: PropTypes.string,
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  })),
-  handleClick: PropTypes.func
-} : {};
-
-export default ApiQueries;

package/es/ApiQueries/Query.js

@@ -1,175 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import Typography from '@mui/material/Typography';
-import TextareaAutosize from '@mui/material/TextareaAutosize';
-import Grid from '@mui/material/Grid';
-import makeStyles from '@mui/styles/makeStyles';
-import { Alert, Button } from '../';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    error: {
-      width: '100%',
-      margin: '0px 0px 8px 0px',
-      wordBreak: 'break-word'
-    },
-    header: {
-      padding: theme.spacing(1, 0),
-      minHeight: 50
-    },
-    textarea: {
-      width: '100%',
-      margin: theme.spacing(0, 0, 1, 0)
-    },
-    title: R.pathOr({}, ['mixins', 'apiQueries', 'title'], theme)
-  };
-});
-
-var Query = function Query(_ref) {
-  var contents = _ref.contents,
-      title = _ref.title,
-      selectedId = _ref.selectedId,
-      labels = _ref.labels,
-      delay = _ref.delay,
-      handleClick = _ref.handleClick;
-
-  var classes = useStyles();
-  var ref = React.useRef();
-
-  var _React$useState = React.useState(selectedId),
-      value = _React$useState[0],
-      setSelected = _React$useState[1];
-
-  var _React$useState2 = React.useState(false),
-      isCopied = _React$useState2[0],
-      setCopied = _React$useState2[1];
-
-  var contentValue = R.pipe(R.find(R.propEq('id', value)), R.prop('value'))(contents);
-  var isError = R.pipe(R.find(R.propEq('id', value)), R.propOr(false, 'isError'))(contents);
-
-  var copyToClipboard = function copyToClipboard() {
-    if (R.has('current')(ref)) {
-      ref.current.select();
-      document.execCommand('copy');
-      setCopied(true);
-      setTimeout(function () {
-        return setCopied(false);
-      }, delay);
-      handleClick();
-    }
-  };
-  var labelActionCopy = isCopied ? R.prop('copied')(labels) : R.prop('copy')(labels);
-  return React.createElement(
-    Grid,
-    { item: true, xs: 12, md: 6, container: true },
-    React.createElement(
-      Grid,
-      {
-        item: true,
-        container: true,
-        justifyContent: 'space-between',
-        alignItems: 'flex-start',
-        className: classes.header
-      },
-      React.createElement(
-        Grid,
-        { item: true },
-        React.createElement(
-          Typography,
-          { className: classes.title },
-          title
-        )
-      ),
-      R.pipe(R.length, R.flip(R.gt)(1))(contents) && React.createElement(
-        Grid,
-        { container: true, alignItems: 'center' },
-        React.createElement(
-          Grid,
-          { item: true },
-          React.createElement(
-            Typography,
-            { variant: 'body2' },
-            labels.buttonsLabel,
-            ':\xA0'
-          )
-        ),
-        React.createElement(
-          Grid,
-          { item: true },
-          R.map(function (_ref2) {
-            var id = _ref2.id,
-                label = _ref2.label;
-            return React.createElement(
-              Button,
-              {
-                'aria-label': label,
-                'aria-pressed': R.equals(value, id),
-                key: id,
-                size: 'small',
-                variant: 'text',
-                color: 'primary',
-                onClick: function onClick() {
-                  return setSelected(id);
-                },
-                selected: R.equals(value, id)
-              },
-              label
-            );
-          })(contents)
-        )
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, container: true, xs: 12, style: { alignSelf: 'flex-end' }, justifyContent: 'flex-end' },
-      !isError && React.createElement(TextareaAutosize, {
-        ref: ref,
-        'aria-label': title,
-        className: classes.textarea,
-        minRows: 5,
-        maxRows: 5,
-        readOnly: true,
-        value: contentValue
-      }),
-      isError && React.createElement(
-        Alert,
-        { className: classes.error, severity: 'error', variant: 'filled' },
-        contentValue
-      ),
-      React.createElement(
-        Button,
-        {
-          'aria-label': labelActionCopy,
-          disabled: isError,
-          size: 'small',
-          variant: 'contained',
-          alternative: 'siscc',
-          color: 'primary',
-          onClick: copyToClipboard,
-          className: classes.sisccButton
-        },
-        labelActionCopy
-      )
-    )
-  );
-};
-
-Query.propTypes = process.env.NODE_ENV !== "production" ? {
-  labels: PropTypes.shape({
-    copy: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  }),
-  contents: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    value: PropTypes.string
-  })),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  selectedId: PropTypes.string,
-  delay: PropTypes.number,
-  handleClick: PropTypes.func
-} : {};
-
-export default Query;

package/es/ApiQueries/index.js

@@ -1,45 +0,0 @@
-/**
- * ApiQueries allow users to copy paste a query.
- *
- * @memberOf VISIONS
- * @name ApiQueries
- * @tag component
- * @api public
- * @props
- * ApiQueries.propTypes = {
- *   labels: PropTypes.shape({
- *     title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     copy: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     descriptions: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     notice: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }),
- *   delay: PropTypes.number,
- *   queries: PropTypes.arrayOf(PropTypes.shape({
- *     contents: PropTypes.arrayOf(PropTypes.shape({
- *       id: PropTypes.string,
- *       label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *       value: PropTypes.string,
- *     })),
- *     id: PropTypes.string,
- *     title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }))
- * };
- * @theme
- * // buttons (See Button Component)
- *
- * // item (an item is the list of labels that is shown after clicking on "Topic")
- * {
- *    mixins: {
- *      apiQueries: {
- *        title: {
- *          // Customise your titles here
- *        }
- *      }
- *    }
- * }
- * @demoReady
- */
-
-export { default } from './ApiQueries';