@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/es/Alert/Alert.js

@@ -1,7 +1,9 @@
-import _objectWithoutPropertiesLoose from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
-var _excluded = ["action", "children", "classes", "className", "closeText", "color", "icon", "iconMapping", "onClose", "role", "severity", "variant"];
+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 { withStyles, lighten, darken } from '@material-ui/core/styles';
 import Paper from '@material-ui/core/Paper';
@@ -12,9 +14,11 @@ import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';
 import CloseIcon from '@material-ui/icons/Close';
 import IconButton from '@material-ui/core/IconButton';
 import { capitalize } from '@material-ui/core/utils';
+
 export var styles = function styles(theme) {
   var getColor = theme.palette.type === 'light' ? darken : lighten;
   var getBackgroundColor = theme.palette.type === 'light' ? lighten : darken;
+
   return {
     /* Styles applied to the root element. */
     root: _extends({}, theme.typography.body2, {
@@ -23,7 +27,6 @@ export var styles = function styles(theme) {
       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),
@@ -32,7 +35,6 @@ export var styles = function styles(theme) {
         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),
@@ -41,7 +43,6 @@ export var styles = function styles(theme) {
         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),
@@ -50,7 +51,6 @@ export var styles = function styles(theme) {
         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),
@@ -59,71 +59,62 @@ export var styles = function styles(theme) {
         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,
+      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,
+      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,
+      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,
+      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,
@@ -132,7 +123,6 @@ export var styles = function styles(theme) {
       fontSize: 22,
       opacity: 0.9
     },
-
     /* Styles applied to the message wrapper element. */
     message: {
       padding: '8px 0',
@@ -140,7 +130,6 @@ export var styles = function styles(theme) {
       flexDirection: 'column',
       justifyContent: 'center'
     },
-
     /* Styles applied to the action wrapper element if `action` is provided. */
     action: {
       display: 'flex',
@@ -151,64 +140,144 @@ export var styles = function styles(theme) {
     }
   };
 };
+
 var defaultIconMapping = {
-  success: /*#__PURE__*/React.createElement(SuccessOutlinedIcon, {
-    fontSize: "inherit"
-  }),
-  warning: /*#__PURE__*/React.createElement(ReportProblemOutlinedIcon, {
-    fontSize: "inherit"
-  }),
-  error: /*#__PURE__*/React.createElement(ErrorOutlineIcon, {
-    fontSize: "inherit"
-  }),
-  info: /*#__PURE__*/React.createElement(InfoOutlinedIcon, {
-    fontSize: "inherit"
-  })
+  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 === void 0 ? 'Close' : _props$closeText,
+      closeText = _props$closeText === undefined ? 'Close' : _props$closeText,
       color = props.color,
       icon = props.icon,
       _props$iconMapping = props.iconMapping,
-      iconMapping = _props$iconMapping === void 0 ? defaultIconMapping : _props$iconMapping,
+      iconMapping = _props$iconMapping === undefined ? defaultIconMapping : _props$iconMapping,
       onClose = props.onClose,
       _props$role = props.role,
-      role = _props$role === void 0 ? 'alert' : _props$role,
+      role = _props$role === undefined ? 'alert' : _props$role,
       _props$severity = props.severity,
-      severity = _props$severity === void 0 ? 'success' : _props$severity,
+      severity = _props$severity === undefined ? 'success' : _props$severity,
       _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'standard' : _props$variant,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
+      variant = _props$variant === undefined ? 'standard' : _props$variant,
+      other = _objectWithoutProperties(props, ['action', 'children', 'classes', 'className', 'closeText', 'color', 'icon', 'iconMapping', 'onClose', 'role', 'severity', 'variant']);
 
-  return /*#__PURE__*/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 ? /*#__PURE__*/React.createElement("div", {
-    className: classes.icon
-  }, icon || iconMapping[severity] || defaultIconMapping[severity]) : null, /*#__PURE__*/React.createElement("div", {
-    className: classes.message
-  }, children), action != null ? /*#__PURE__*/React.createElement("div", {
-    className: classes.action
-  }, action) : null, action == null && onClose ? /*#__PURE__*/React.createElement("div", {
-    className: classes.action
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    size: "small",
-    "aria-label": closeText,
-    title: closeText,
-    color: "inherit",
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(CloseIcon, {
-    fontSize: "small"
-  }))) : null);
+  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
+  );
 });
-export default withStyles(styles, {
-  name: 'MuiAlert'
-})(Alert);
+
+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

@@ -9,4 +9,5 @@
  * @tag component
  * @api private
  */
+
 export { default } from './Alert';

package/es/ApiQueries/ApiQueries.js

@@ -1,10 +1,12 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Typography from '@material-ui/core/Typography';
 import Divider from '@material-ui/core/Divider';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
 import Query from './Query';
+
 var useStyles = makeStyles(function (theme) {
   return {
     divider: {
@@ -16,55 +18,87 @@ var useStyles = makeStyles(function (theme) {
 
 var ApiQueries = function ApiQueries(_ref) {
   var _ref$queries = _ref.queries,
-      queries = _ref$queries === void 0 ? [] : _ref$queries,
+      queries = _ref$queries === undefined ? [] : _ref$queries,
       labels = _ref.labels,
       _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 1000 : _ref$delay;
+      delay = _ref$delay === undefined ? 1000 : _ref$delay;
+
   var classes = useStyles();
   var hasQueries = R.not(R.isEmpty(queries));
-  return /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    "data-testid": "apiqueries-test-id"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: classes.title,
-    variant: "h6"
-  }, R.prop('title')(labels)), R.map(function (description) {
-    return /*#__PURE__*/React.createElement(Typography, {
-      key: description,
-      display: "block",
-      variant: "body2"
-    }, description);
-  })(R.propOr([], 'descriptions', labels))), hasQueries && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    className: classes.divider
-  }, /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/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 === void 0 ? [] : _ref2$contents;
-    return /*#__PURE__*/React.createElement(Query, {
-      key: id,
-      title: title,
-      contents: contents,
-      selectedId: R.pipe(R.head, R.prop('id'))(contents),
-      labels: labels,
-      delay: delay
-    });
-  })(queries)), hasQueries && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    className: classes.divider
-  }, /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2"
-  }, R.prop('notice')(labels)));
+  return React.createElement(
+    Grid,
+    { container: true, 'data-testid': 'apiqueries-test-id' },
+    React.createElement(
+      Grid,
+      { item: true, xs: 12 },
+      React.createElement(
+        Typography,
+        { className: classes.title, variant: 'h6' },
+        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
+        });
+      })(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])
+  }))
+} : {};
+
 export default ApiQueries;