@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/CollapseButtons/Paper.js

@@ -1,8 +1,10 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import Paper from '@material-ui/core/Paper';
 import Grid from '@material-ui/core/Grid';
 import cx from 'classnames';
+
 var useStyles = makeStyles(function (theme) {
   return {
     paper: {
@@ -23,14 +25,26 @@ var CustomPaper = function CustomPaper(_ref) {
 
   var isMobileView = _ref.isMobileView,
       children = _ref.children;
+
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(Paper, {
-    classes: {
-      root: cx(classes.paper, (_cx = {}, _cx[classes.mobileView] = isMobileView, _cx))
-    }
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true
-  }, children));
+  return React.createElement(
+    Paper,
+    {
+      classes: {
+        root: cx(classes.paper, (_cx = {}, _cx[classes.mobileView] = isMobileView, _cx))
+      }
+    },
+    React.createElement(
+      Grid,
+      { container: true },
+      children
+    )
+  );
 };
 
+CustomPaper.propTypes = process.env.NODE_ENV !== "production" ? {
+  isMobileView: PropTypes.bool,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+} : {};
+
 export default CustomPaper;

package/es/CollapseButtons/index.js

@@ -86,4 +86,5 @@
  *
  * @demoReady
  */
+
 export { default } from './CollapseButtons';

package/es/DataEdit/DataEdit.js

@@ -1,5 +1,7 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
@@ -9,6 +11,7 @@ import { makeStyles } from '@material-ui/styles';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import Input from './Input';
 import { withBlank } from '../utils';
+
 var useStyles = makeStyles(function (theme) {
   return {
     root: _extends({
@@ -28,85 +31,139 @@ var useStyles = makeStyles(function (theme) {
 var DataEdit = function DataEdit(_ref) {
   var labels = _ref.labels,
       properties = _ref.properties;
+
   var classes = useStyles();
   var _properties$title = properties.title,
-      title = _properties$title === void 0 ? {} : _properties$title,
+      title = _properties$title === undefined ? {} : _properties$title,
       _properties$subtitle = properties.subtitle,
-      subtitle = _properties$subtitle === void 0 ? {} : _properties$subtitle,
+      subtitle = _properties$subtitle === undefined ? {} : _properties$subtitle,
       _properties$source = properties.source,
-      source = _properties$source === void 0 ? {} : _properties$source,
+      source = _properties$source === undefined ? {} : _properties$source,
       _properties$logo = properties.logo,
-      logo = _properties$logo === void 0 ? {} : _properties$logo,
+      logo = _properties$logo === undefined ? {} : _properties$logo,
       _properties$copyright = properties.copyright,
-      copyright = _properties$copyright === void 0 ? {} : _properties$copyright;
+      copyright = _properties$copyright === undefined ? {} : _properties$copyright;
+
   var resetLabel = R.prop('reset', labels);
-  return /*#__PURE__*/React.createElement(Grid, {
-    "data-testid": "data-edit-test-id",
-    spacing: 2,
-    container: true,
-    className: classes.root
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "h6",
-    className: classes.title
-  }, 'Information'))), /*#__PURE__*/React.createElement(Grid, {
-    spacing: 2,
-    container: true
-  }, R.or(R.prop('isActive')(title), R.prop('isActive')(subtitle)) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: 6
-  }, R.prop('isActive')(title) && /*#__PURE__*/React.createElement(Input, _extends({
-    fullWidth: true,
-    label: R.prop('title', labels),
-    resetLabel: resetLabel
-  }, R.dissoc('isDefault', title))), R.prop('isActive')(subtitle) && /*#__PURE__*/React.createElement(Input, _extends({
-    fullWidth: true,
-    label: R.prop('subtitle', labels),
-    resetLabel: resetLabel
-  }, R.dissoc('isDefault', subtitle)))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: 6
-  }, R.prop('isActive')(source) && /*#__PURE__*/React.createElement(Input, _extends({
-    fullWidth: true,
-    label: R.prop('source', labels),
-    resetLabel: resetLabel
-  }, R.dissoc('isDefault', source))), /*#__PURE__*/React.createElement(Container, {
-    disableGutters: true,
-    className: classes.checkboxes
-  }, R.map(function (item) {
-    if (R.pipe(R.prop('isActive'), R.not)(item)) return;
-    var id = R.prop('id')(item);
-    return /*#__PURE__*/React.createElement(FormControlLabel, {
-      key: id,
-      control: /*#__PURE__*/React.createElement(Checkbox, _extends({
-        color: "primary",
-        inputProps: {
-          'aria-label': R.prop(id)(labels)
-        }
-      }, R.omit(['isActive'])(item))),
-      label: R.prop(id)(labels)
-    });
-  })([logo, copyright]))))));
+
+  return React.createElement(
+    Grid,
+    { 'data-testid': 'data-edit-test-id', spacing: 2, container: true, className: classes.root },
+    React.createElement(
+      Grid,
+      { item: true, xs: 12 },
+      React.createElement(
+        Grid,
+        { container: true },
+        React.createElement(
+          Grid,
+          { item: true, xs: 12 },
+          React.createElement(
+            Typography,
+            { variant: 'h6', className: classes.title },
+            'Information'
+          )
+        )
+      ),
+      React.createElement(
+        Grid,
+        { spacing: 2, container: true },
+        R.or(R.prop('isActive')(title), R.prop('isActive')(subtitle)) && React.createElement(
+          Grid,
+          { item: true, xs: 12, sm: 12, md: 12, lg: 6 },
+          R.prop('isActive')(title) && React.createElement(Input, _extends({
+            fullWidth: true,
+            label: R.prop('title', labels),
+            resetLabel: resetLabel
+          }, R.dissoc('isDefault', title))),
+          R.prop('isActive')(subtitle) && React.createElement(Input, _extends({
+            fullWidth: true,
+            label: R.prop('subtitle', labels),
+            resetLabel: resetLabel
+          }, R.dissoc('isDefault', subtitle)))
+        ),
+        React.createElement(
+          Grid,
+          { item: true, xs: 12, sm: 12, md: 12, lg: 6 },
+          R.prop('isActive')(source) && React.createElement(Input, _extends({
+            fullWidth: true,
+            label: R.prop('source', labels),
+            resetLabel: resetLabel
+          }, R.dissoc('isDefault', source))),
+          React.createElement(
+            Container,
+            { disableGutters: true, className: classes.checkboxes },
+            R.map(function (item) {
+              if (R.pipe(R.prop('isActive'), R.not)(item)) return;
+              var id = R.prop('id')(item);
+              return React.createElement(FormControlLabel, {
+                key: id,
+                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 === void 0 ? {} : _ref2$properties;
+      properties = _ref2$properties === undefined ? {} : _ref2$properties;
   return {
     isBlank: R.any(R.identity)([isBlank, R.isEmpty(properties), isAllInactive(properties)])
   };

package/es/DataEdit/Input.js

@@ -1,7 +1,9 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["id", "value", "onSubmit", "onReset", "resetLabel", "placeholder"];
+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 '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
@@ -9,6 +11,7 @@ import InputAdornment from '@material-ui/core/InputAdornment';
 import IconButton from '@material-ui/core/IconButton';
 import Done from '@material-ui/icons/Done';
 import RotateLeftIcon from '@material-ui/icons/RotateLeft';
+
 var useStyles = makeStyles(function (theme) {
   return {
     visibility: {
@@ -28,29 +31,40 @@ var useStyles = makeStyles(function (theme) {
 
 var LefttIcon = function LefttIcon(_ref) {
   var Icon = _ref.Icon;
-  return /*#__PURE__*/React.createElement(Icon, null);
+  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 === void 0 ? Done : _ref2$Icon;
-  return /*#__PURE__*/React.createElement(IconButton, {
-    color: "primary",
-    onClick: function onClick() {
-      return onSubmit();
-    }
-  }, /*#__PURE__*/React.createElement(Icon, null));
+      Icon = _ref2$Icon === undefined ? Done : _ref2$Icon;
+  return React.createElement(
+    IconButton,
+    { color: 'primary', onClick: function onClick() {
+        return onSubmit();
+      } },
+    React.createElement(Icon, null)
+  );
 };
 
-export var MyInput = function MyInput(_ref3) {
+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 = _objectWithoutPropertiesLoose(_ref3, _excluded);
+      props = _objectWithoutProperties(_ref3, ['id', 'value', 'onSubmit', 'onReset', 'resetLabel', 'placeholder']);
 
   var classes = useStyles();
 
@@ -61,7 +75,8 @@ export var MyInput = function MyInput(_ref3) {
   useEffect(function () {
     setInputValue(value);
   }, [value]);
-  var resetId = "reset-" + id;
+
+  var resetId = 'reset-' + id;
 
   var handleBlur = function handleBlur(event) {
     if (R.is(Function, onSubmit) && inputValue !== value) {
@@ -89,23 +104,28 @@ export var MyInput = function MyInput(_ref3) {
     setInputValue(event.target.value);
   };
 
-  var endAdornment = R.is(Function, onReset) || inputValue !== value ? /*#__PURE__*/React.createElement(InputAdornment, {
-    position: "end"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    id: resetId,
-    "aria-label": resetLabel,
-    onKeyPress: onEnterLabel,
-    onClick: handleReset
-  }, /*#__PURE__*/React.createElement(RotateLeftIcon, {
-    fontSize: "small"
-  }))) : null;
-  return /*#__PURE__*/React.createElement(TextField, _extends({
+  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
+      },
+      React.createElement(RotateLeftIcon, { fontSize: 'small' })
+    )
+  ) : null;
+
+  return React.createElement(TextField, _extends({
     inputProps: {
       className: classes.input
     },
     onBlur: handleBlur,
-    margin: "dense",
-    variant: "outlined",
+    margin: 'dense',
+    variant: 'outlined',
     onKeyPress: onEnterLabel,
     onChange: handleChange,
     id: id,
@@ -116,4 +136,15 @@ export var MyInput = function MyInput(_ref3) {
     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

@@ -66,4 +66,5 @@
  *   }
  * }
  */
+
 export { default } from './DataEdit';

package/es/DataFooter/DataFooter.js

@@ -1,4 +1,5 @@
 import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import useSize from '@react-hook/size';
 import Grid from '@material-ui/core/Grid';
@@ -7,7 +8,9 @@ import Link from '@material-ui/core/Link';
 import { makeStyles } from '@material-ui/core/styles';
 import { Tooltip } from '../';
 import { T4_BREAKPOINTS } from '../theme';
+
 var HEIGHT = 42;
+
 var useStyles = makeStyles(function (theme) {
   return {
     footer: {
@@ -20,6 +23,7 @@ var useStyles = makeStyles(function (theme) {
       padding: function padding(_ref) {
         var isWidthUp = _ref.isWidthUp,
             isSourced = _ref.isSourced;
+
         if (isWidthUp(T4_BREAKPOINTS.sm) && isSourced) return 0;
         return theme.spacing(0, 1, 0, 1);
       }
@@ -30,6 +34,7 @@ var useStyles = makeStyles(function (theme) {
     typo: {
       fontSize: function fontSize(_ref2) {
         var isWidthUp = _ref2.isWidthUp;
+
         if (isWidthUp(T4_BREAKPOINTS.lg)) return 14;
         return 12;
       }
@@ -46,6 +51,7 @@ var DataFooter = function DataFooter(_ref3) {
       source = _ref3.source,
       copyright = _ref3.copyright,
       legend = _ref3.legend;
+
   var target = React.useRef(null);
 
   var _useSize = useSize(target),
@@ -54,74 +60,115 @@ var DataFooter = function DataFooter(_ref3) {
   var isWidthUp = R.gt(width);
   var isSourced = source && source.label && source.link;
   var isCopyrighted = copyright && copyright.label && copyright.content;
-  var classes = useStyles({
-    isWidthUp: isWidthUp,
-    isSourced: isSourced
-  });
-  if (!isWidthUp(T4_BREAKPOINTS.xs)) return /*#__PURE__*/React.createElement(Grid, {
-    ref: target
-  });
-  return /*#__PURE__*/React.createElement(Grid, {
-    ref: target,
-    container: true,
-    className: classes.footer,
-    direction: "row",
-    justifyContent: "flex-end",
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    className: classes.legend
-  }, isWidthUp(T4_BREAKPOINTS.sm) && legend), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    style: {
-      alignSelf: 'flex-end'
-    }
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    justifyContent: "flex-end",
-    alignItems: "center",
-    className: classes.footer,
-    spacing: 0
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    className: classes.copyright
-  }, isCopyrighted && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    title: /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2"
-    }, copyright.content),
-    variant: "light",
-    tabIndex: 0,
-    "aria-hidden": false,
-    placement: "top",
-    enterNextDelay: 100,
-    interactive: true,
-    arrow: true
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2",
-    className: classes.typo,
-    style: {
-      cursor: 'pointer'
-    }
-  }, copyright.label)), /*#__PURE__*/React.createElement(Typography, {
-    variant: "srOnly"
-  }, copyright.content))), isWidthUp(T4_BREAKPOINTS.sm) && isSourced && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    className: classes.source
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2",
-    className: classes.typo
-  }, /*#__PURE__*/React.createElement(Link, {
-    href: source.link,
-    rel: "noopener noreferrer",
-    target: "_blank",
-    variant: "body2"
-  }, source.label))), isWidthUp(T4_BREAKPOINTS.xs) && logo && /*#__PURE__*/React.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React.createElement("img", {
-    src: logo,
-    alt: "logo",
-    className: classes.logo
-  })))));
+  var classes = useStyles({ isWidthUp: isWidthUp, isSourced: isSourced });
+
+  if (!isWidthUp(T4_BREAKPOINTS.xs)) return React.createElement(Grid, { ref: target });
+
+  return React.createElement(
+    Grid,
+    {
+      ref: target,
+      container: true,
+      className: classes.footer,
+      direction: 'row',
+      justifyContent: 'flex-end',
+      alignItems: 'center'
+    },
+    React.createElement(
+      Grid,
+      { item: true, className: classes.legend },
+      isWidthUp(T4_BREAKPOINTS.sm) && legend
+    ),
+    React.createElement(
+      Grid,
+      { item: true, style: { alignSelf: 'flex-end' } },
+      React.createElement(
+        Grid,
+        {
+          container: true,
+          justifyContent: 'flex-end',
+          alignItems: 'center',
+          className: classes.footer,
+          spacing: 0
+        },
+        React.createElement(
+          Grid,
+          { item: true, className: classes.copyright },
+          isCopyrighted && React.createElement(
+            Fragment,
+            null,
+            React.createElement(
+              Tooltip,
+              {
+                title: React.createElement(
+                  Typography,
+                  { variant: 'body2' },
+                  copyright.content
+                ),
+                variant: 'light',
+                tabIndex: 0,
+                'aria-hidden': false,
+                placement: 'top',
+                enterNextDelay: 100,
+                interactive: true,
+                arrow: true
+              },
+              React.createElement(
+                Typography,
+                {
+                  variant: 'body2',
+                  className: classes.typo,
+                  style: { cursor: 'pointer' }
+                },
+                copyright.label
+              )
+            ),
+            React.createElement(
+              Typography,
+              { variant: 'srOnly' },
+              copyright.content
+            )
+          )
+        ),
+        isWidthUp(T4_BREAKPOINTS.sm) && isSourced && React.createElement(
+          Grid,
+          { item: true, className: classes.source },
+          React.createElement(
+            Typography,
+            { variant: 'body2', className: classes.typo },
+            React.createElement(
+              Link,
+              {
+                href: source.link,
+                rel: 'noopener noreferrer',
+                target: '_blank',
+                variant: 'body2'
+              },
+              source.label
+            )
+          )
+        ),
+        isWidthUp(T4_BREAKPOINTS.xs) && logo && React.createElement(
+          Grid,
+          { item: true },
+          React.createElement('img', { src: logo, alt: 'logo', className: classes.logo })
+        )
+      )
+    )
+  );
 };
 
+DataFooter.propTypes = process.env.NODE_ENV !== "production" ? {
+  logo: PropTypes.string,
+  source: PropTypes.shape({
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    link: PropTypes.string
+  }),
+  copyright: PropTypes.shape({
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    content: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+  }),
+  legend: PropTypes.element
+} : {};
+
 export default DataFooter;

package/es/DataFooter/index.js

@@ -28,4 +28,5 @@
  * @demoReady
  *
  */
+
 export { default } from './DataFooter';