@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.1

package/lib/ChartsConfig/ChartsConfig.js

@@ -1,533 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.useStyles = undefined;
-
-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('@mui/material/Grid');
-
-var _Grid2 = _interopRequireDefault(_Grid);
-
-var _ArrowForward = require('@mui/icons-material/ArrowForward');
-
-var _ArrowForward2 = _interopRequireDefault(_ArrowForward);
-
-var _ArrowUpward = require('@mui/icons-material/ArrowUpward');
-
-var _ArrowUpward2 = _interopRequireDefault(_ArrowUpward);
-
-var _Title = require('./Title');
-
-var _Title2 = _interopRequireDefault(_Title);
-
-var _Button = require('@mui/material/Button');
-
-var _Button2 = _interopRequireDefault(_Button);
-
-var _InputAdornment = require('@mui/material/InputAdornment');
-
-var _InputAdornment2 = _interopRequireDefault(_InputAdornment);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _useFocusOptions3 = require('./useFocusOptions');
-
-var _useFocusOptions4 = _interopRequireDefault(_useFocusOptions3);
-
-var _Select = require('../Select');
-
-var _Select2 = _interopRequireDefault(_Select);
-
-var _utils = require('./utils');
-
-var _useDimensionOptions2 = require('./useDimensionOptions');
-
-var _useDimensionOptions3 = _interopRequireDefault(_useDimensionOptions2);
-
-var _InputProxy = require('./InputProxy');
-
-var _InputProxy2 = _interopRequireDefault(_InputProxy);
-
-var _Proxy = require('./Proxy');
-
-var _Proxy2 = _interopRequireDefault(_Proxy);
-
-var _useAxisOptions = require('./useAxisOptions');
-
-var _useAxisOptions2 = _interopRequireDefault(_useAxisOptions);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _DataEdit = require('../DataEdit');
-
-var _DataEdit2 = _interopRequireDefault(_DataEdit);
-
-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 useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    greyVariant: {
-      backgroundColor: theme.palette.secondary.dark,
-      color: theme.palette.grey[600]
-    }
-  };
-});
-
-var ChartConfig = function ChartConfig(_ref) {
-  var _ref$labels = _ref.labels,
-      labels = _ref$labels === undefined ? {} : _ref$labels,
-      _ref$properties = _ref.properties,
-      properties = _ref$properties === undefined ? {} : _ref$properties;
-
-  var classes = useStyles();
-
-  var _useDimensionOptions = (0, _useDimensionOptions3.default)(properties),
-      dimensions = _useDimensionOptions[0];
-
-  var xKeys = (0, _useAxisOptions2.default)(properties, 'X');
-  var yKeys = (0, _useAxisOptions2.default)(properties, 'Y');
-
-  var highlight = properties.highlight,
-      baseline = properties.baseline;
-
-  var _useFocusOptions = (0, _useFocusOptions4.default)(highlight, labels),
-      highlightOptions = _useFocusOptions[0],
-      xhighlightOptions = _useFocusOptions[1];
-
-  var _useFocusOptions2 = (0, _useFocusOptions4.default)(baseline, labels),
-      baselineOptions = _useFocusOptions2[0],
-      xbaselineOptions = _useFocusOptions2[1];
-
-  var _properties$stackedMo = properties.stackedMode,
-      stackedMode = _properties$stackedMo === undefined ? {} : _properties$stackedMo;
-  var _stackedMode$options = stackedMode.options,
-      stackedModeOptions = _stackedMode$options === undefined ? [] : _stackedMode$options;
-  var _properties$displayMo = properties.displayMode,
-      displayMode = _properties$displayMo === undefined ? {} : _properties$displayMo;
-  var _displayMode$options = displayMode.options,
-      displayModeOptions = _displayMode$options === undefined ? [] : _displayMode$options;
-
-
-  var dKeys = ['dimensions', 'stackedDimension', 'scatterDimension', 'symbolDimension'];
-  var eKeys = ['title', 'subtitle', 'source', 'logo', 'copyright'];
-
-  if (R.isEmpty(properties)) return null;
-
-  return _react2.default.createElement(
-    _Grid2.default,
-    { container: true, spacing: 3, 'data-testid': 'charts-config-test-id' },
-    _react2.default.createElement(
-      _Proxy2.default,
-      { keys: dKeys, properties: properties },
-      _react2.default.createElement(
-        _Grid2.default,
-        { item: true, xs: 12, container: true, spacing: 2 },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, container: true },
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(_Title2.default, { label: labels.series })
-          ),
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(
-              _Grid2.default,
-              { container: true, spacing: 1 },
-              _react2.default.createElement(
-                _Proxy2.default,
-                { keys: ['stackedMode'], properties: properties },
-                _react2.default.createElement(
-                  _Grid2.default,
-                  { item: true, container: true, spacing: 1, alignItems: 'center', style: { minWidth: 320 } },
-                  _react2.default.createElement(
-                    _Grid2.default,
-                    { item: true, xs: true },
-                    _react2.default.createElement(
-                      _Typography2.default,
-                      { variant: 'body2' },
-                      labels.stackedMode
-                    )
-                  ),
-                  R.map(function (option) {
-                    return _react2.default.createElement(
-                      _Grid2.default,
-                      { item: true, key: option.value },
-                      _react2.default.createElement(
-                        _Button2.default,
-                        {
-                          variant: option.value === stackedMode.value ? 'contained' : 'outlined',
-                          onClick: function onClick() {
-                            return stackedMode.onChange(option.value);
-                          },
-                          color: 'primary'
-                        },
-                        _react2.default.createElement(
-                          _Typography2.default,
-                          { variant: 'body2' },
-                          R.path(['stackedModeOptions', option.value], labels)
-                        )
-                      )
-                    );
-                  }, stackedModeOptions)
-                )
-              ),
-              R.map(function (_ref2) {
-                var key = _ref2[0],
-                    dimension = _ref2[1];
-                return _react2.default.createElement(
-                  _Grid2.default,
-                  { item: true, xs: 12, style: { minWidth: 320 }, key: key },
-                  _react2.default.createElement(_Select2.default, _extends({}, dimension, {
-                    onChange: dimension.onChange,
-                    label: R.prop(key, labels),
-                    value: (0, _utils.getValue)(dimension.value),
-                    items: dimension.options
-                  }))
-                );
-              }, dimensions)
-            )
-          )
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _Grid2.default,
-      { item: true, xs: 12, container: true, spacing: 2 },
-      _react2.default.createElement(
-        _Proxy2.default,
-        { keys: ['highlight', 'baseline'], properties: properties },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, lg: 8, container: true, alignContent: 'flex-start' },
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(_Title2.default, { label: labels.focus })
-          ),
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(
-              _Grid2.default,
-              { container: true, spacing: 1 },
-              _react2.default.createElement(
-                _Grid2.default,
-                { item: true, xs: 12, style: { minWidth: 320 } },
-                _react2.default.createElement(_Select2.default, _extends({}, highlight, {
-                  onChange: function onChange(ids) {
-                    return highlight.onChange(R.props(ids, xhighlightOptions));
-                  },
-                  value: (0, _utils.extractMultipleValue)(highlight),
-                  items: highlightOptions,
-                  isMultiple: true,
-                  isClearable: true,
-                  label: R.prop('highlight', labels),
-                  placeholder: R.prop('select', labels),
-                  optionsKey: 'highlight'
-                }))
-              ),
-              _react2.default.createElement(
-                _Grid2.default,
-                { item: true, xs: 12, style: { minWidth: 320 } },
-                _react2.default.createElement(_Select2.default, _extends({}, baseline, {
-                  onChange: function onChange(id) {
-                    return baseline.onChange(R.pipe(R.props([id]), R.without(baseline.value))(xbaselineOptions));
-                  },
-                  value: R.pipe(R.propOr([], 'value'), R.head, R.prop('value'))(baseline),
-                  items: baselineOptions,
-                  isClearable: true,
-                  label: R.prop('baseline', labels),
-                  placeholder: R.prop('select', labels),
-                  optionsKey: 'baseline'
-                }))
-              )
-            )
-          )
-        )
-      ),
-      _react2.default.createElement(
-        _Grid2.default,
-        { item: true, xs: 12, lg: 4, container: true, alignContent: 'flex-start' },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12 },
-          _react2.default.createElement(_Title2.default, { label: labels.size })
-        ),
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12 },
-          _react2.default.createElement(
-            _Grid2.default,
-            { container: true, spacing: 1 },
-            _react2.default.createElement(_InputProxy2.default, {
-              pkey: 'width',
-              labels: labels,
-              properties: properties,
-              InputProps: {
-                endAdornment: _react2.default.createElement(
-                  _InputAdornment2.default,
-                  { position: 'end' },
-                  'px'
-                )
-              }
-            }),
-            _react2.default.createElement(_InputProxy2.default, {
-              pkey: 'height',
-              labels: labels,
-              properties: properties,
-              InputProps: {
-                endAdornment: _react2.default.createElement(
-                  _InputAdornment2.default,
-                  { position: 'end' },
-                  'px'
-                )
-              }
-            })
-          )
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _Grid2.default,
-      { item: true, xs: 12, container: true, spacing: 2 },
-      _react2.default.createElement(
-        _Proxy2.default,
-        { keys: xKeys, properties: properties },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, container: true, className: classes.greyVariant },
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(_Title2.default, { label: labels.axisX, icon: _react2.default.createElement(_ArrowForward2.default, null) })
-          ),
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(
-              _Grid2.default,
-              { container: true, spacing: 1 },
-              R.map(function (key) {
-                return _react2.default.createElement(_InputProxy2.default, {
-                  pkey: key,
-                  mkey: R.init(key),
-                  key: key,
-                  lg: 12 / R.length(xKeys),
-                  labels: labels,
-                  properties: properties
-                });
-              }, xKeys)
-            )
-          )
-        )
-      ),
-      _react2.default.createElement(
-        _Proxy2.default,
-        { keys: ['freqStep'], properties: properties },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, container: true, className: classes.greyVariant },
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(_Title2.default, { label: labels.axisX, icon: _react2.default.createElement(_ArrowForward2.default, null) })
-          ),
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(
-              _Grid2.default,
-              { container: true, spacing: 1 },
-              _react2.default.createElement(_InputProxy2.default, { pkey: 'freqStep', labels: labels, properties: properties })
-            )
-          )
-        )
-      ),
-      _react2.default.createElement(
-        _Proxy2.default,
-        { keys: yKeys, properties: properties },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, container: true, className: classes.greyVariant },
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(_Title2.default, { label: labels.axisY, icon: _react2.default.createElement(_ArrowUpward2.default, null) })
-          ),
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, xs: 12 },
-            _react2.default.createElement(
-              _Grid2.default,
-              { container: true, spacing: 1 },
-              R.map(function (key) {
-                return _react2.default.createElement(_InputProxy2.default, {
-                  pkey: key,
-                  mkey: R.init(key),
-                  key: key,
-                  lg: 12 / R.length(yKeys),
-                  labels: labels,
-                  properties: properties
-                });
-              }, yKeys)
-            )
-          )
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _Proxy2.default,
-      { keys: eKeys, properties: properties },
-      _react2.default.createElement(
-        _Grid2.default,
-        { item: true, xs: 12, container: true, spacing: 2 },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, container: true },
-          _react2.default.createElement(_DataEdit2.default, { labels: labels, properties: properties })
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _Proxy2.default,
-      { keys: ['displayMode'], properties: properties },
-      _react2.default.createElement(
-        _Grid2.default,
-        { item: true, xs: 12, container: true, spacing: 2 },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, container: true },
-          _react2.default.createElement(
-            _Grid2.default,
-            { item: true, container: true, spacing: 1, alignItems: 'center', style: { minWidth: 320 } },
-            _react2.default.createElement(
-              _Grid2.default,
-              { item: true, xs: true },
-              _react2.default.createElement(
-                _Typography2.default,
-                { variant: 'body2' },
-                labels.display
-              )
-            ),
-            R.map(function (option) {
-              return _react2.default.createElement(
-                _Grid2.default,
-                { item: true, key: option.value },
-                _react2.default.createElement(
-                  _Button2.default,
-                  {
-                    variant: option.value === displayMode.value ? 'contained' : 'outlined',
-                    onClick: function onClick() {
-                      return displayMode.onChange(option.value);
-                    },
-                    color: 'primary'
-                  },
-                  _react2.default.createElement(
-                    _Typography2.default,
-                    { variant: 'body2' },
-                    R.path(['displayOptions', option.value], labels)
-                  )
-                )
-              );
-            }, displayModeOptions)
-          )
-        )
-      )
-    )
-  );
-};
-
-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
-  }))
-});
-
-ChartConfig.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 = ChartConfig;