@sis-cc/dotstatsuite-components 20.6.0 → 21.0.0

package/lib/viewer/src/legends/FocusLegend.js

@@ -1,89 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.REDUCED_THRESHOLD = undefined;
-
-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 _Legend = require('./Legend');
-
-var _Legend2 = _interopRequireDefault(_Legend);
-
-var _constants = require('../../../rules/src/constants');
-
-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 REDUCED_THRESHOLD = exports.REDUCED_THRESHOLD = 160;
-
-var scatterRenderer = function scatterRenderer(_ref) {
-  var color = _ref.color;
-  return _react2.default.createElement(
-    'svg',
-    { width: '12', height: '14' },
-    _react2.default.createElement('circle', { cx: '7', cy: '7', r: '4', stroke: color, fill: color })
-  );
-};
-
-var lineRenderer = function lineRenderer(_ref2) {
-  var color = _ref2.color;
-  return _react2.default.createElement(
-    'svg',
-    { width: '12', height: '14' },
-    _react2.default.createElement('line', { x1: '0', y1: '7', x2: '11', y2: '7', stroke: color, strokeWidth: '2' })
-  );
-};
-
-var FocusLegend = function FocusLegend(_ref3) {
-  var data = _ref3.data,
-      options = _ref3.options,
-      type = _ref3.type,
-      width = _ref3.width;
-
-  if (width < REDUCED_THRESHOLD) {
-    return null;
-  }
-
-  var itemRenderer = R.pipe(R.when(R.always(type === _constants.SCATTER), R.always(scatterRenderer)), R.when(R.always(type === _constants.TIMELINE), R.always(lineRenderer)))(null);
-
-  var getItemLabel = R.ifElse(R.equals(_constants.SCATTER), R.always(R.pipe(R.prop('label'), R.split(' - '), R.last)), R.always(R.prop('label')))(type);
-
-  var items = R.pipe(R.pathOr({}, ['share', 'focused']), R.mapObjIndexed(function (selection, key) {
-    if (R.isNil(selection)) {
-      return null;
-    }
-    var colors = R.pathOr([], ['serie', key + 'Colors'], options);
-    var nColors = R.length(colors);
-    return R.pipe(R.addIndex(R.map)(function (entry, index) {
-      if (entry.value === 'uniq-dp') {
-        return null;
-      }
-      var color = R.nth(index % nColors, colors);
-      return { color: color, label: getItemLabel(entry) };
-    }), R.filter(R.identity))(selection);
-  }), R.props(['baseline', 'highlight']), R.filter(R.identity), R.unnest)(data);
-
-  return _react2.default.createElement(_Legend2.default, { items: items, itemRenderer: itemRenderer });
-};
-
-FocusLegend.propTypes = {
-  data: _propTypes2.default.object,
-  options: _propTypes2.default.object,
-  type: _propTypes2.default.string,
-  width: _propTypes2.default.number
-};
-
-exports.default = FocusLegend;

package/lib/viewer/src/legends/Legend.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-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 _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _utils = 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 useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    legend: (0, _extends3.default)({}, (0, _utils.getFontFromTheme)(['chartLegend'])(theme), {
-      display: 'flex',
-      flexDirection: 'row',
-      flexWrap: 'wrap',
-      justifyContent: 'flex-start'
-    }),
-    entry: {
-      alignItems: 'center',
-      display: 'flex',
-      flexDirection: 'row',
-      flexWrap: 'wrap',
-      marginLeft: 10
-    },
-    text: { marginLeft: 5 }
-  };
-});
-
-var Legend = function Legend(_ref) {
-  var items = _ref.items,
-      itemRenderer = _ref.itemRenderer;
-
-  if (!R.is(Function, itemRenderer) || R.isNil(items) || R.isEmpty(items)) {
-    return null;
-  }
-
-  var classes = useStyles();
-
-  var legendEntries = R.addIndex(R.map)(function (entry, index) {
-    var style = R.isNil(entry.color) ? {} : { color: entry.color };
-    return _react2.default.createElement(
-      'div',
-      { className: classes.entry, style: style, key: index },
-      itemRenderer(entry),
-      _react2.default.createElement(
-        'div',
-        { className: classes.text },
-        R.prop('label', entry)
-      )
-    );
-  })(items);
-
-  return _react2.default.createElement(
-    'div',
-    { className: classes.legend },
-    legendEntries
-  );
-};
-
-Legend.propTypes = {
-  itemRenderer: _propTypes2.default.func,
-  items: _propTypes2.default.array
-};
-
-exports.default = Legend;

package/lib/viewer/src/legends/SeriesLegend.js

@@ -1,108 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-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 _Legend = require('./Legend');
-
-var _Legend2 = _interopRequireDefault(_Legend);
-
-var _constants = require('../../../rules/src/constants');
-
-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 getSymbolSeriesItems = function getSymbolSeriesItems(_ref) {
-  var data = _ref.data,
-      options = _ref.options;
-
-  var symbolMarkers = R.path(['serie', 'symbol', 'markers'], options);
-  var nMarkers = R.length(symbolMarkers);
-  var markerSize = Number(R.path(['serie', 'symbol', 'markerDefaultSize'], options));
-  var strokeWidth = R.path(['serie', 'symbol', 'markerDefaultStrokeWidth'], options);
-  var size = Math.round(Math.sqrt(markerSize)) + 8;
-  return R.pipe(R.pathOr([], ['series', 0, 'symbolValues']), R.addIndex(R.map)(function (label, serieIndex) {
-    var marker = R.nth(serieIndex % nMarkers, symbolMarkers);
-    return {
-      d: marker.path(markerSize),
-      transform: 'translate(' + size / 2 + ', ' + size / 2 + ') rotate(' + R.propOr(0, 'rotate', marker) + ')',
-      style: R.pipe(R.mergeRight({ strokeWidth: strokeWidth }), R.when(function (s) {
-        return s.fill !== s.stroke;
-      }, R.assoc('fill', 'white')))(marker.style),
-      size: size,
-      label: label
-    };
-  }))(data);
-};
-
-var getStackedSeriesItems = R.pipe(R.pathOr([], ['options', 'serie', 'stacked', 'layerSeries']), R.when(function (s) {
-  return R.length(s) === 1;
-}, R.always([])));
-
-var stackedLayerRenderer = function stackedLayerRenderer(_ref2) {
-  var baseColor = _ref2.baseColor;
-  return _react2.default.createElement(
-    'svg',
-    { width: '21', height: '14' },
-    _react2.default.createElement('rect', { x: '0', y: '0', width: '21', height: '14', fill: baseColor })
-  );
-};
-
-var symbolRenderer = function symbolRenderer(_ref3) {
-  var d = _ref3.d,
-      size = _ref3.size,
-      style = _ref3.style,
-      transform = _ref3.transform;
-  return _react2.default.createElement(
-    'svg',
-    { width: size, height: size },
-    _react2.default.createElement('path', (0, _extends3.default)({
-      d: d,
-      transform: transform
-    }, style))
-  );
-};
-
-// stacked entries = [{ label, color }];
-
-var SeriesLegend = function SeriesLegend(_ref4) {
-  var data = _ref4.data,
-      options = _ref4.options,
-      type = _ref4.type;
-
-  var itemRenderer = R.pipe(R.when(R.always(type === _constants.H_SYMBOL || type === _constants.V_SYMBOL), R.always(symbolRenderer)), R.when(R.always(type === _constants.STACKED_BAR || type === _constants.STACKED_ROW), R.always(stackedLayerRenderer)))(null);
-
-  if (R.isNil(itemRenderer)) {
-    return null;
-  }
-
-  var seriesItems = R.pipe(R.when(R.always(type === _constants.H_SYMBOL || type === _constants.V_SYMBOL), getSymbolSeriesItems), R.when(R.always(type === _constants.STACKED_BAR || type === _constants.STACKED_ROW), getStackedSeriesItems))({ data: data, options: options });
-
-  return _react2.default.createElement(_Legend2.default, { items: seriesItems, itemRenderer: itemRenderer });
-};
-
-SeriesLegend.propTypes = {
-  data: _propTypes2.default.object,
-  options: _propTypes2.default.object,
-  type: _propTypes2.default.string
-};
-
-exports.default = SeriesLegend;

package/lib/viewer/src/utils.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getOptionsFromFont = exports.getFontFromTheme = exports.isChartDataNotReady = exports.isChartNoData = undefined;
-
-var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
-
-var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-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 isChartNoData = exports.isChartNoData = R.anyPass([R.pipe(R.path(['data', 'series']), R.isEmpty), R.allPass([R.pipe(R.prop('type'), R.equals('ChoroplethChart'), R.not), R.pipe(R.path(['data', 'series', 0, 'datapoints']), R.anyPass([R.isNil, R.isEmpty]))])]);
-
-var isChartDataNotReady = exports.isChartDataNotReady = R.pipe(R.path(['data', 'series']), R.isNil);
-
-var getFontFromTheme = exports.getFontFromTheme = function getFontFromTheme(customPath) {
-  return R.converge(R.mergeRight, [R.pathOr({}, ['mixins', 'chart', 'main']), R.pathOr({}, R.concat(['mixins', 'chart'], customPath))]);
-};
-
-var getOptionsFromFont = exports.getOptionsFromFont = R.pipe(R.props(['color', 'fontFamily', 'fontSize', 'fontWeight']), function (_ref) {
-  var _ref2 = (0, _slicedToArray3.default)(_ref, 4),
-      color = _ref2[0],
-      family = _ref2[1],
-      size = _ref2[2],
-      weight = _ref2[3];
-
-  return { color: color, size: size, family: family, weight: weight };
-});