@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/es/ChartsConfig/Axis.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 Input from '../DataEdit/Input';
@@ -15,78 +17,80 @@ var AxisConfig = function AxisConfig(_ref) {
       min = _ref.min,
       pivot = _ref.pivot,
       step = _ref.step;
+
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(ContainerTitle, {
-    variant: "grey",
-    icon: icon,
-    label: label,
-    gridItemProps: {
-      xs: 12
-    }
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 1
-  }, isActive(min) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 6,
-    lg: 3,
-    className: classes.axis
-  }, /*#__PURE__*/React.createElement(Input, _extends({}, min, {
-    value: R.when(R.isNil, R.always(''))(min.value),
-    type: "number",
-    label: R.prop('min', labels),
-    fullWidth: true,
-    InputProps: {
-      endAdornment: null
-    }
-  }))), isActive(max) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 6,
-    lg: 3,
-    className: classes.axis
-  }, /*#__PURE__*/React.createElement(Input, _extends({}, max, {
-    value: R.when(R.isNil, R.always(''))(max.value),
-    type: "number",
-    label: R.prop('max', labels),
-    fullWidth: true,
-    InputProps: {
-      endAdornment: null
-    }
-  }))), isActive(pivot) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 6,
-    lg: 3,
-    className: classes.axis
-  }, /*#__PURE__*/React.createElement(Input, _extends({}, pivot, {
-    value: R.when(R.isNil, R.always(''))(pivot.value),
-    type: "number",
-    label: R.prop('pivot', labels),
-    fullWidth: true,
-    InputProps: {
-      endAdornment: null
-    }
-  }))), isActive(step) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 6,
-    lg: 3,
-    className: classes.axis
-  }, /*#__PURE__*/React.createElement(Input, _extends({}, step, {
-    value: R.when(R.isNil, R.always(''))(step.value),
-    type: "number",
-    label: R.prop('step', labels),
-    fullWidth: true,
-    InputProps: {
-      endAdornment: null
-    }
-  })))));
+  return React.createElement(
+    ContainerTitle,
+    { variant: 'grey', icon: icon, label: label, gridItemProps: { xs: 12 } },
+    React.createElement(
+      Grid,
+      { container: true, spacing: 1 },
+      isActive(min) && React.createElement(
+        Grid,
+        { item: true, xs: 12, sm: 12, md: 6, lg: 3, className: classes.axis },
+        React.createElement(Input, _extends({}, min, {
+          value: R.when(R.isNil, R.always(''))(min.value),
+          type: 'number',
+          label: R.prop('min', labels),
+          fullWidth: true,
+          InputProps: {
+            endAdornment: null
+          }
+        }))
+      ),
+      isActive(max) && React.createElement(
+        Grid,
+        { item: true, xs: 12, sm: 12, md: 6, lg: 3, className: classes.axis },
+        React.createElement(Input, _extends({}, max, {
+          value: R.when(R.isNil, R.always(''))(max.value),
+          type: 'number',
+          label: R.prop('max', labels),
+          fullWidth: true,
+          InputProps: {
+            endAdornment: null
+          }
+        }))
+      ),
+      isActive(pivot) && React.createElement(
+        Grid,
+        { item: true, xs: 12, sm: 12, md: 6, lg: 3, className: classes.axis },
+        React.createElement(Input, _extends({}, pivot, {
+          value: R.when(R.isNil, R.always(''))(pivot.value),
+          type: 'number',
+          label: R.prop('pivot', labels),
+          fullWidth: true,
+          InputProps: {
+            endAdornment: null
+          }
+        }))
+      ),
+      isActive(step) && React.createElement(
+        Grid,
+        { item: true, xs: 12, sm: 12, md: 6, lg: 3, className: classes.axis },
+        React.createElement(Input, _extends({}, step, {
+          value: R.when(R.isNil, R.always(''))(step.value),
+          type: 'number',
+          label: R.prop('step', labels),
+          fullWidth: true,
+          InputProps: {
+            endAdornment: null
+          }
+        }))
+      )
+    )
+  );
 };
 
+AxisConfig.propTypes = process.env.NODE_ENV !== "production" ? {
+  icon: PropTypes.node,
+  label: PropTypes.string,
+  labels: PropTypes.object,
+  max: PropTypes.object,
+  min: PropTypes.object,
+  pivot: PropTypes.object,
+  step: PropTypes.object,
+  hasOnSubmit: PropTypes.bool,
+  onChange: PropTypes.func
+} : {};
+
 export default AxisConfig;

package/es/ChartsConfig/ButtonGroup.js

@@ -1,4 +1,5 @@
 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';
@@ -10,35 +11,56 @@ var ButtonGroup = function ButtonGroup(_ref) {
       onChange = _ref.onChange,
       options = _ref.options,
       value = _ref.value;
-  return /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 6
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2"
-  }, label)), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 6
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 1,
-    justifyContent: "flex-end"
-  }, R.map(function (option) {
-    return /*#__PURE__*/React.createElement(Grid, {
-      item: true,
-      key: option.value
-    }, /*#__PURE__*/React.createElement(Button, {
-      variant: option.value === value ? 'contained' : 'outlined',
-      onClick: function onClick() {
-        return onChange(option.value);
-      },
-      color: "primary"
-    }, /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2"
-    }, R.prop(option.value, labels))));
-  })(options))));
+  return React.createElement(
+    Grid,
+    { container: true, alignItems: 'center' },
+    React.createElement(
+      Grid,
+      { item: true, xs: 6 },
+      React.createElement(
+        Typography,
+        { variant: 'body2' },
+        label
+      )
+    ),
+    React.createElement(
+      Grid,
+      { item: true, xs: 6 },
+      React.createElement(
+        Grid,
+        { container: true, spacing: 1, justifyContent: 'flex-end' },
+        R.map(function (option) {
+          return React.createElement(
+            Grid,
+            { item: true, key: option.value },
+            React.createElement(
+              Button,
+              {
+                variant: option.value === value ? 'contained' : 'outlined',
+                onClick: function onClick() {
+                  return onChange(option.value);
+                },
+                color: 'primary'
+              },
+              React.createElement(
+                Typography,
+                { variant: 'body2' },
+                R.prop(option.value, labels)
+              )
+            )
+          );
+        })(options)
+      )
+    )
+  );
 };
 
+ButtonGroup.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: PropTypes.string,
+  labels: PropTypes.object,
+  onChange: PropTypes.func,
+  options: PropTypes.array,
+  value: PropTypes.string
+} : {};
+
 export default ButtonGroup;

package/es/ChartsConfig/ChartsConfig.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, { Fragment } from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Grid from '@material-ui/core/Grid';
 import Divider from '@material-ui/core/Divider';
@@ -19,98 +21,196 @@ import { withBlank } from '../utils';
 var ChartsConfig = function ChartsConfig(_ref) {
   var labels = _ref.labels,
       properties = _ref.properties;
+
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(Grid, {
-    "data-testid": "charts-config-test-id",
-    spacing: 2,
-    container: true,
-    className: classes.root
-  }, isActivePanel(seriesProperties, properties) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: isActivePanel(['highlight', 'baseline', 'width', 'height'], properties) ? 6 : 12
-  }, /*#__PURE__*/React.createElement(SeriesConfig, {
-    labels: labels,
-    properties: R.pick(seriesProperties, properties)
-  })), isActivePanel(['highlight', 'baseline', 'width', 'height'], properties) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: isActivePanel(seriesProperties, properties) ? 6 : 12
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 2
-  }, isActivePanel(['highlight', 'baseline'], properties) && /*#__PURE__*/React.createElement(FocusConfig, {
-    baseline: R.prop('baseline', properties),
-    highlight: R.prop('highlight', properties),
-    labels: labels
-  }), isActivePanel(['width', 'height'], properties) && /*#__PURE__*/React.createElement(SizeConfig, {
-    height: R.prop('height', properties),
-    labels: labels,
-    width: R.prop('width', properties)
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    spacing: 2
-  }, isActivePanel(['maxX', 'minX', 'pivotX', 'stepX'], properties) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: isActivePanel(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
-  }, /*#__PURE__*/React.createElement(AxisConfig, {
-    icon: /*#__PURE__*/React.createElement(ArrowForwardIcon, null),
-    label: R.prop('axisX', labels),
-    labels: labels,
-    max: R.prop('maxX', properties),
-    min: R.prop('minX', properties),
-    pivot: R.prop('pivotX', properties),
-    step: R.prop('stepX', properties)
-  })), isActivePanel(['freqStep'], properties) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: isActivePanel(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
-  }, /*#__PURE__*/React.createElement(FrequencyConfig, {
-    freqStep: R.prop('freqStep', properties),
-    icon: /*#__PURE__*/React.createElement(ArrowForwardIcon, null),
-    labels: labels
-  })), isActivePanel(['maxY', 'minY', 'pivotY', 'stepY'], properties) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: isActivePanel(['maxX', 'minX', 'pivotX', 'stepX', 'freqStep'], properties) ? 6 : 12
-  }, /*#__PURE__*/React.createElement(AxisConfig, {
-    icon: /*#__PURE__*/React.createElement(ArrowUpwardIcon, null),
-    label: R.prop('axisY', labels),
-    labels: labels,
-    max: R.prop('maxY', properties),
-    min: R.prop('minY', properties),
-    pivot: R.prop('pivotY', properties),
-    step: R.prop('stepY', properties)
-  })), isActive(R.prop('display', properties)) && /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    className: classes.gridItemSpace
-  }, /*#__PURE__*/React.createElement(ButtonGroup, _extends({}, R.prop('display', properties), {
-    label: R.prop('display', labels),
-    labels: R.prop('displayOptions', labels)
-  })))), isActivePanel(['title', 'subtitle', 'source', 'logo', 'copyright'], properties) && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-    className: classes.divider
-  }), /*#__PURE__*/React.createElement(DataEdit, {
-    labels: labels,
-    properties: properties
-  })));
+
+  return React.createElement(
+    Grid,
+    { 'data-testid': 'charts-config-test-id', spacing: 2, container: true, className: classes.root },
+    isActivePanel(seriesProperties, properties) && React.createElement(
+      Grid,
+      {
+        item: true,
+        xs: 12,
+        sm: 12,
+        md: 12,
+        lg: isActivePanel(['highlight', 'baseline', 'width', 'height'], properties) ? 6 : 12
+      },
+      React.createElement(SeriesConfig, { labels: labels, properties: R.pick(seriesProperties, properties) })
+    ),
+    isActivePanel(['highlight', 'baseline', 'width', 'height'], properties) && React.createElement(
+      Grid,
+      {
+        item: true,
+        xs: 12,
+        sm: 12,
+        md: 12,
+        lg: isActivePanel(seriesProperties, properties) ? 6 : 12
+      },
+      React.createElement(
+        Grid,
+        { container: true, spacing: 2 },
+        isActivePanel(['highlight', 'baseline'], properties) && React.createElement(FocusConfig, {
+          baseline: R.prop('baseline', properties),
+          highlight: R.prop('highlight', properties),
+          labels: labels
+        }),
+        isActivePanel(['width', 'height'], properties) && React.createElement(SizeConfig, {
+          height: R.prop('height', properties),
+          labels: labels,
+          width: R.prop('width', properties)
+        })
+      )
+    ),
+    React.createElement(
+      Grid,
+      { container: true, spacing: 2 },
+      isActivePanel(['maxX', 'minX', 'pivotX', 'stepX'], properties) && React.createElement(
+        Grid,
+        {
+          item: true,
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: isActivePanel(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
+        },
+        React.createElement(AxisConfig, {
+          icon: React.createElement(ArrowForwardIcon, null),
+          label: R.prop('axisX', labels),
+          labels: labels,
+          max: R.prop('maxX', properties),
+          min: R.prop('minX', properties),
+          pivot: R.prop('pivotX', properties),
+          step: R.prop('stepX', properties)
+        })
+      ),
+      isActivePanel(['freqStep'], properties) && React.createElement(
+        Grid,
+        {
+          item: true,
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: isActivePanel(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
+        },
+        React.createElement(FrequencyConfig, {
+          freqStep: R.prop('freqStep', properties),
+          icon: React.createElement(ArrowForwardIcon, null),
+          labels: labels
+        })
+      ),
+      isActivePanel(['maxY', 'minY', 'pivotY', 'stepY'], properties) && React.createElement(
+        Grid,
+        {
+          item: true,
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: isActivePanel(['maxX', 'minX', 'pivotX', 'stepX', 'freqStep'], properties) ? 6 : 12
+        },
+        React.createElement(AxisConfig, {
+          icon: React.createElement(ArrowUpwardIcon, null),
+          label: R.prop('axisY', labels),
+          labels: labels,
+          max: R.prop('maxY', properties),
+          min: R.prop('minY', properties),
+          pivot: R.prop('pivotY', properties),
+          step: R.prop('stepY', properties)
+        })
+      ),
+      isActive(R.prop('display', properties)) && React.createElement(
+        Grid,
+        { item: true, xs: 12, className: classes.gridItemSpace },
+        React.createElement(ButtonGroup, _extends({}, R.prop('display', properties), {
+          label: R.prop('display', labels),
+          labels: R.prop('displayOptions', labels)
+        }))
+      )
+    ),
+    isActivePanel(['title', 'subtitle', 'source', 'logo', 'copyright'], properties) && React.createElement(
+      Fragment,
+      null,
+      React.createElement(Divider, { className: classes.divider }),
+      React.createElement(DataEdit, { labels: labels, properties: properties })
+    )
+  );
 };
 
+var submitableInputProptypes = PropTypes.shape({
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  onSubmit: PropTypes.func,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+});
+
+var selectableInputProptypes = PropTypes.shape({
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  onChange: PropTypes.func,
+  options: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })),
+  value: PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })
+});
+
+var multiSelectableInputProptypes = PropTypes.shape({
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  onChange: PropTypes.func,
+  options: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })),
+  value: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  }))
+});
+
+ChartsConfig.propTypes = process.env.NODE_ENV !== "production" ? {
+  labels: PropTypes.object,
+  properties: PropTypes.shape({
+    highlight: multiSelectableInputProptypes,
+    baseline: multiSelectableInputProptypes,
+    width: submitableInputProptypes,
+    height: submitableInputProptypes,
+    scatterDimension: selectableInputProptypes,
+    scatterX: selectableInputProptypes,
+    scatterY: selectableInputProptypes,
+    symbolDimension: selectableInputProptypes,
+    stackedDimension: selectableInputProptypes,
+    stackedMode: PropTypes.shape({
+      id: PropTypes.string,
+      isActive: PropTypes.bool,
+      onChange: PropTypes.func,
+      options: PropTypes.arrayOf(PropTypes.shape({
+        value: PropTypes.string
+      })),
+      value: PropTypes.string
+    }),
+    freqStep: submitableInputProptypes,
+    maxX: submitableInputProptypes,
+    minX: submitableInputProptypes,
+    pivotX: submitableInputProptypes,
+    stepX: submitableInputProptypes,
+    maxY: submitableInputProptypes,
+    minY: submitableInputProptypes,
+    pivotY: submitableInputProptypes,
+    stepY: submitableInputProptypes,
+    title: submitableInputProptypes,
+    subtitle: submitableInputProptypes,
+    source: submitableInputProptypes
+  })
+} : {};
+
 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.or(isBlank, R.isEmpty(properties))
   };

package/es/ChartsConfig/ContainerTitle.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 cx from 'classnames';
 import Grid from '@material-ui/core/Grid';
@@ -14,21 +16,40 @@ var ContainerTitle = function ContainerTitle(_ref) {
       icon = _ref.icon,
       label = _ref.label,
       gridItemProps = _ref.gridItemProps;
+
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true
-  }, gridItemProps, {
-    className: cx((_cx = {}, _cx[classes.greyVariant] = R.equals(variant, 'grey'), _cx))
-  }), /*#__PURE__*/React.createElement(Grid, {
-    container: true
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    className: cx(classes.gridItemSpace, classes.containerTitle)
-  }, R.not(R.isNil(icon)) && icon, /*#__PURE__*/React.createElement(Typography, {
-    variant: "h6",
-    className: classes.title
-  }, label))), children);
+  return React.createElement(
+    Grid,
+    _extends({
+      item: true
+    }, gridItemProps, {
+      className: cx((_cx = {}, _cx[classes.greyVariant] = R.equals(variant, 'grey'), _cx))
+    }),
+    React.createElement(
+      Grid,
+      { container: true },
+      React.createElement(
+        Grid,
+        { item: true, xs: 12, className: cx(classes.gridItemSpace, classes.containerTitle) },
+        R.not(R.isNil(icon)) && icon,
+        React.createElement(
+          Typography,
+          { variant: 'h6', className: classes.title },
+          label
+        )
+      )
+    ),
+    children
+  );
 };
 
+ContainerTitle.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: PropTypes.string,
+  variant: PropTypes.string,
+  icon: PropTypes.node,
+  gridItemProps: PropTypes.object,
+  onSubmit: PropTypes.func,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+} : {};
+
 export default ContainerTitle;