@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/lib/ChartsConfig/ChartsConfig.js

@@ -1,147 +1,270 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("/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; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _Grid = require('@material-ui/core/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _Divider = require('@material-ui/core/Divider');
+
+var _Divider2 = _interopRequireDefault(_Divider);
+
+var _ArrowForward = require('@material-ui/icons/ArrowForward');
 
-var _react = _interopRequireWildcard(require("react"));
+var _ArrowForward2 = _interopRequireDefault(_ArrowForward);
 
-var R = _interopRequireWildcard(require("ramda"));
+var _ArrowUpward = require('@material-ui/icons/ArrowUpward');
 
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _ArrowUpward2 = _interopRequireDefault(_ArrowUpward);
 
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
+var _ButtonGroup = require('./ButtonGroup');
 
-var _ArrowForward = _interopRequireDefault(require("@material-ui/icons/ArrowForward"));
+var _ButtonGroup2 = _interopRequireDefault(_ButtonGroup);
 
-var _ArrowUpward = _interopRequireDefault(require("@material-ui/icons/ArrowUpward"));
+var _Focus = require('./Focus');
 
-var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
+var _Focus2 = _interopRequireDefault(_Focus);
 
-var _Focus = _interopRequireDefault(require("./Focus"));
+var _Size = require('./Size');
 
-var _Size = _interopRequireDefault(require("./Size"));
+var _Size2 = _interopRequireDefault(_Size);
 
-var _Series = _interopRequireDefault(require("./Series"));
+var _Series = require('./Series');
 
-var _Frequency = _interopRequireDefault(require("./Frequency"));
+var _Series2 = _interopRequireDefault(_Series);
 
-var _Axis = _interopRequireDefault(require("./Axis"));
+var _Frequency = require('./Frequency');
 
-var _DataEdit = _interopRequireDefault(require("../DataEdit"));
+var _Frequency2 = _interopRequireDefault(_Frequency);
 
-var _utils = require("./utils");
+var _Axis = require('./Axis');
 
-var _styles = require("./styles");
+var _Axis2 = _interopRequireDefault(_Axis);
 
-var _utils2 = require("../utils");
+var _DataEdit = require('../DataEdit');
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _DataEdit2 = _interopRequireDefault(_DataEdit);
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _utils = require('./utils');
+
+var _styles = require('./styles');
+
+var _utils2 = require('../utils');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ChartsConfig = function ChartsConfig(_ref) {
   var labels = _ref.labels,
       properties = _ref.properties;
+
   var classes = (0, _styles.useStyles)();
-  return /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    "data-testid": "charts-config-test-id",
-    spacing: 2,
-    container: true,
-    className: classes.root
-  }, (0, _utils.isActivePanel)(_utils.seriesProperties, properties) && /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: (0, _utils.isActivePanel)(['highlight', 'baseline', 'width', 'height'], properties) ? 6 : 12
-  }, /*#__PURE__*/_react.default.createElement(_Series.default, {
-    labels: labels,
-    properties: R.pick(_utils.seriesProperties, properties)
-  })), (0, _utils.isActivePanel)(['highlight', 'baseline', 'width', 'height'], properties) && /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: (0, _utils.isActivePanel)(_utils.seriesProperties, properties) ? 6 : 12
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    container: true,
-    spacing: 2
-  }, (0, _utils.isActivePanel)(['highlight', 'baseline'], properties) && /*#__PURE__*/_react.default.createElement(_Focus.default, {
-    baseline: R.prop('baseline', properties),
-    highlight: R.prop('highlight', properties),
-    labels: labels
-  }), (0, _utils.isActivePanel)(['width', 'height'], properties) && /*#__PURE__*/_react.default.createElement(_Size.default, {
-    height: R.prop('height', properties),
-    labels: labels,
-    width: R.prop('width', properties)
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    container: true,
-    spacing: 2
-  }, (0, _utils.isActivePanel)(['maxX', 'minX', 'pivotX', 'stepX'], properties) && /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
-  }, /*#__PURE__*/_react.default.createElement(_Axis.default, {
-    icon: /*#__PURE__*/_react.default.createElement(_ArrowForward.default, 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)
-  })), (0, _utils.isActivePanel)(['freqStep'], properties) && /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
-  }, /*#__PURE__*/_react.default.createElement(_Frequency.default, {
-    freqStep: R.prop('freqStep', properties),
-    icon: /*#__PURE__*/_react.default.createElement(_ArrowForward.default, null),
-    labels: labels
-  })), (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) && /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: (0, _utils.isActivePanel)(['maxX', 'minX', 'pivotX', 'stepX', 'freqStep'], properties) ? 6 : 12
-  }, /*#__PURE__*/_react.default.createElement(_Axis.default, {
-    icon: /*#__PURE__*/_react.default.createElement(_ArrowUpward.default, 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)
-  })), (0, _utils.isActive)(R.prop('display', properties)) && /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12,
-    className: classes.gridItemSpace
-  }, /*#__PURE__*/_react.default.createElement(_ButtonGroup.default, (0, _extends2.default)({}, R.prop('display', properties), {
-    label: R.prop('display', labels),
-    labels: R.prop('displayOptions', labels)
-  })))), (0, _utils.isActivePanel)(['title', 'subtitle', 'source', 'logo', 'copyright'], properties) && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Divider.default, {
-    className: classes.divider
-  }), /*#__PURE__*/_react.default.createElement(_DataEdit.default, {
-    labels: labels,
-    properties: properties
-  })));
+
+  return _react2.default.createElement(
+    _Grid2.default,
+    { 'data-testid': 'charts-config-test-id', spacing: 2, container: true, className: classes.root },
+    (0, _utils.isActivePanel)(_utils.seriesProperties, properties) && _react2.default.createElement(
+      _Grid2.default,
+      {
+        item: true,
+        xs: 12,
+        sm: 12,
+        md: 12,
+        lg: (0, _utils.isActivePanel)(['highlight', 'baseline', 'width', 'height'], properties) ? 6 : 12
+      },
+      _react2.default.createElement(_Series2.default, { labels: labels, properties: R.pick(_utils.seriesProperties, properties) })
+    ),
+    (0, _utils.isActivePanel)(['highlight', 'baseline', 'width', 'height'], properties) && _react2.default.createElement(
+      _Grid2.default,
+      {
+        item: true,
+        xs: 12,
+        sm: 12,
+        md: 12,
+        lg: (0, _utils.isActivePanel)(_utils.seriesProperties, properties) ? 6 : 12
+      },
+      _react2.default.createElement(
+        _Grid2.default,
+        { container: true, spacing: 2 },
+        (0, _utils.isActivePanel)(['highlight', 'baseline'], properties) && _react2.default.createElement(_Focus2.default, {
+          baseline: R.prop('baseline', properties),
+          highlight: R.prop('highlight', properties),
+          labels: labels
+        }),
+        (0, _utils.isActivePanel)(['width', 'height'], properties) && _react2.default.createElement(_Size2.default, {
+          height: R.prop('height', properties),
+          labels: labels,
+          width: R.prop('width', properties)
+        })
+      )
+    ),
+    _react2.default.createElement(
+      _Grid2.default,
+      { container: true, spacing: 2 },
+      (0, _utils.isActivePanel)(['maxX', 'minX', 'pivotX', 'stepX'], properties) && _react2.default.createElement(
+        _Grid2.default,
+        {
+          item: true,
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
+        },
+        _react2.default.createElement(_Axis2.default, {
+          icon: _react2.default.createElement(_ArrowForward2.default, 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)
+        })
+      ),
+      (0, _utils.isActivePanel)(['freqStep'], properties) && _react2.default.createElement(
+        _Grid2.default,
+        {
+          item: true,
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
+        },
+        _react2.default.createElement(_Frequency2.default, {
+          freqStep: R.prop('freqStep', properties),
+          icon: _react2.default.createElement(_ArrowForward2.default, null),
+          labels: labels
+        })
+      ),
+      (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) && _react2.default.createElement(
+        _Grid2.default,
+        {
+          item: true,
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: (0, _utils.isActivePanel)(['maxX', 'minX', 'pivotX', 'stepX', 'freqStep'], properties) ? 6 : 12
+        },
+        _react2.default.createElement(_Axis2.default, {
+          icon: _react2.default.createElement(_ArrowUpward2.default, 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)
+        })
+      ),
+      (0, _utils.isActive)(R.prop('display', properties)) && _react2.default.createElement(
+        _Grid2.default,
+        { item: true, xs: 12, className: classes.gridItemSpace },
+        _react2.default.createElement(_ButtonGroup2.default, _extends({}, R.prop('display', properties), {
+          label: R.prop('display', labels),
+          labels: R.prop('displayOptions', labels)
+        }))
+      )
+    ),
+    (0, _utils.isActivePanel)(['title', 'subtitle', 'source', 'logo', 'copyright'], properties) && _react2.default.createElement(
+      _react.Fragment,
+      null,
+      _react2.default.createElement(_Divider2.default, { className: classes.divider }),
+      _react2.default.createElement(_DataEdit2.default, { labels: labels, properties: properties })
+    )
+  );
 };
 
-var _default = (0, _utils2.withBlank)(function (_ref2) {
+var submitableInputProptypes = _propTypes2.default.shape({
+  id: _propTypes2.default.string,
+  isActive: _propTypes2.default.bool,
+  onSubmit: _propTypes2.default.func,
+  value: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string])
+});
+
+var selectableInputProptypes = _propTypes2.default.shape({
+  id: _propTypes2.default.string,
+  isActive: _propTypes2.default.bool,
+  onChange: _propTypes2.default.func,
+  options: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    label: _propTypes2.default.string
+  })),
+  value: _propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    label: _propTypes2.default.string
+  })
+});
+
+var multiSelectableInputProptypes = _propTypes2.default.shape({
+  id: _propTypes2.default.string,
+  isActive: _propTypes2.default.bool,
+  onChange: _propTypes2.default.func,
+  options: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    label: _propTypes2.default.string
+  })),
+  value: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    label: _propTypes2.default.string
+  }))
+});
+
+ChartsConfig.propTypes = process.env.NODE_ENV !== "production" ? {
+  labels: _propTypes2.default.object,
+  properties: _propTypes2.default.shape({
+    highlight: multiSelectableInputProptypes,
+    baseline: multiSelectableInputProptypes,
+    width: submitableInputProptypes,
+    height: submitableInputProptypes,
+    scatterDimension: selectableInputProptypes,
+    scatterX: selectableInputProptypes,
+    scatterY: selectableInputProptypes,
+    symbolDimension: selectableInputProptypes,
+    stackedDimension: selectableInputProptypes,
+    stackedMode: _propTypes2.default.shape({
+      id: _propTypes2.default.string,
+      isActive: _propTypes2.default.bool,
+      onChange: _propTypes2.default.func,
+      options: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+        value: _propTypes2.default.string
+      })),
+      value: _propTypes2.default.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
+  })
+} : {};
+
+exports.default = (0, _utils2.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))
   };
 })(ChartsConfig);
-
-exports.default = _default;
-module.exports = exports.default;
+module.exports = exports['default'];

package/lib/ChartsConfig/ContainerTitle.js

@@ -1,27 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("/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; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _react = _interopRequireDefault(require("react"));
+var _ramda = require('ramda');
 
-var R = _interopRequireWildcard(require("ramda"));
+var R = _interopRequireWildcard(_ramda);
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _classnames = require('classnames');
 
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _classnames2 = _interopRequireDefault(_classnames);
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Grid = require('@material-ui/core/Grid');
 
-var _styles = require("./styles");
+var _Grid2 = _interopRequireDefault(_Grid);
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _Typography = require('@material-ui/core/Typography');
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Typography2 = _interopRequireDefault(_Typography);
+
+var _styles = require('./styles');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ContainerTitle = function ContainerTitle(_ref) {
   var _cx;
@@ -31,23 +42,41 @@ var ContainerTitle = function ContainerTitle(_ref) {
       icon = _ref.icon,
       label = _ref.label,
       gridItemProps = _ref.gridItemProps;
+
   var classes = (0, _styles.useStyles)();
-  return /*#__PURE__*/_react.default.createElement(_Grid.default, (0, _extends2.default)({
-    item: true
-  }, gridItemProps, {
-    className: (0, _classnames.default)((_cx = {}, _cx[classes.greyVariant] = R.equals(variant, 'grey'), _cx))
-  }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    container: true
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: 12,
-    className: (0, _classnames.default)(classes.gridItemSpace, classes.containerTitle)
-  }, R.not(R.isNil(icon)) && icon, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "h6",
-    className: classes.title
-  }, label))), children);
+  return _react2.default.createElement(
+    _Grid2.default,
+    _extends({
+      item: true
+    }, gridItemProps, {
+      className: (0, _classnames2.default)((_cx = {}, _cx[classes.greyVariant] = R.equals(variant, 'grey'), _cx))
+    }),
+    _react2.default.createElement(
+      _Grid2.default,
+      { container: true },
+      _react2.default.createElement(
+        _Grid2.default,
+        { item: true, xs: 12, className: (0, _classnames2.default)(classes.gridItemSpace, classes.containerTitle) },
+        R.not(R.isNil(icon)) && icon,
+        _react2.default.createElement(
+          _Typography2.default,
+          { variant: 'h6', className: classes.title },
+          label
+        )
+      )
+    ),
+    children
+  );
 };
 
-var _default = ContainerTitle;
-exports.default = _default;
-module.exports = exports.default;
+ContainerTitle.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _propTypes2.default.string,
+  variant: _propTypes2.default.string,
+  icon: _propTypes2.default.node,
+  gridItemProps: _propTypes2.default.object,
+  onSubmit: _propTypes2.default.func,
+  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node])
+} : {};
+
+exports.default = ContainerTitle;
+module.exports = exports['default'];