@sis-cc/dotstatsuite-components 20.6.0 → 21.0.0

package/lib/viewer/src/chart.js

@@ -1,82 +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 _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _dotstatsuiteVisions = require('@sis-cc/dotstatsuite-visions');
-
-var _src = require('../../bridge-d3-react/src');
-
-var charts = _interopRequireWildcard(_src);
-
-var _series = require('./chartUtils/series');
-
-var _series2 = _interopRequireDefault(_series);
-
-var _AxisLegend = require('./legends/AxisLegend');
-
-var _AxisLegend2 = _interopRequireDefault(_AxisLegend);
-
-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 Chart = function Chart(_ref) {
-  var options = _ref.options,
-      series = _ref.series,
-      type = _ref.type,
-      width = _ref.width,
-      getAxisOptions = _ref.getAxisOptions;
-
-  var ChartClass = charts[type];
-  return _react2.default.createElement(
-    'div',
-    null,
-    R.is(Number, width) && width < 370 ? null : _react2.default.createElement(_AxisLegend2.default, { axis: 'y', data: { series: series }, type: type }),
-    _react2.default.createElement(ChartClass, {
-      data: series,
-      options: options,
-      getAxisOptions: getAxisOptions
-    })
-  );
-};
-
-var ChartWrapper = function ChartWrapper() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var options = R.over(R.lensPath(['base', 'height']), R.when(function (h) {
-    return h < 0;
-  }, R.always(300)))(props.options);
-
-  if ((0, _utils.isChartNoData)(props)) {
-    var height = R.path(['base', 'height'], options);
-    var style = { height: height };
-    return _react2.default.createElement(
-      'div',
-      { style: style },
-      _react2.default.createElement(_dotstatsuiteVisions.NoData, { message: props.noData || 'No Data' })
-    );
-  }
-
-  return _react2.default.createElement(Chart, (0, _extends3.default)({}, props, {
-    options: options,
-    series: (0, _series2.default)(props.data.series, props.type, options) // responsive rule only display highlighted data
-  }));
-};
-
-exports.default = ChartWrapper;

package/lib/viewer/src/chartUtils/options.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _getChartOptions = require('../../../rules/src/chart/getChartOptions');
-
-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; } }
-
-exports.default = function (options, data, type, theme, timeFormats, locale) {
-  var axisFontOptions = R.pipe((0, _utils.getFontFromTheme)(['axis']), _utils.getOptionsFromFont)(theme);
-  var annotationFontOptions = R.pipe((0, _utils.getFontFromTheme)(['annotation']), _utils.getOptionsFromFont)(theme);
-  var tooltipFonts = {
-    primary: (0, _utils.getFontFromTheme)(['tooltip', 'primary'])(theme),
-    secondary: (0, _utils.getFontFromTheme)(['tooltip', 'secondary'])(theme)
-  };
-  var optionsWithFonts = R.evolve({
-    axis: R.pipe(R.over(R.lensPath(['x', 'font']), R.pipe(R.when(R.isNil, R.always({})), R.mergeRight(axisFontOptions))), R.over(R.lensPath(['y', 'font']), R.pipe(R.when(R.isNil, R.always({})), R.mergeRight(axisFontOptions)))),
-    serie: R.over(R.lensPath(['annotation', 'font']), R.pipe(R.when(R.isNil, R.always({})), R.mergeRight(annotationFontOptions)))
-  })(options);
-
-  return (0, _getChartOptions.getChartOptions)(data, type, optionsWithFonts, tooltipFonts, timeFormats, locale);
-};

package/lib/viewer/src/chartUtils/series.js

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-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 isFocused = function isFocused(obj) {
-  var highlightIndex = R.propOr(-1, 'highlightIndex', obj);
-  var baselineIndex = R.propOr(-1, 'baselineIndex', obj);
-  return highlightIndex > -1 || baselineIndex > -1;
-};
-
-var sampleFilterSeries = function sampleFilterSeries(series) {
-  return R.map(function (serie) {
-    var _datapoints = R.filter(isFocused, serie.datapoints);
-    return (0, _extends3.default)({}, serie, { datapoints: _datapoints });
-  }, series);
-};
-
-var lineFilterSeries = R.filter(isFocused);
-
-exports.default = function (series, type, options) {
-  var responsiveFocusFilter = R.pathOr(true, ['serie', 'responsiveFocusFilter'], options);
-  if (!responsiveFocusFilter) {
-    return series;
-  }
-  var height = R.path(['base', 'height'], options);
-  var width = R.path(['base', 'width'], options);
-  var minWidth = R.path(['base', 'minDisplayWidth'], options);
-  var minHeight = R.path(['base', 'minDisplayHeight'], options);
-  var filtered = void 0;
-  if (type === _constants.H_SYMBOL) {
-    if (height < minHeight) {
-      filtered = sampleFilterSeries(series);
-      return R.isEmpty(filtered[0].datapoints) ? series : filtered;
-    }
-  } else if (type === _constants.TIMELINE) {
-    if (height < minHeight) {
-      filtered = lineFilterSeries(series);
-      return R.isEmpty(filtered) ? series : filtered;
-    }
-  } else if (type === _constants.V_SYMBOL) {
-    if (width < minWidth) {
-      filtered = sampleFilterSeries(series);
-      return R.isEmpty(filtered[0].datapoints) ? series : filtered;
-    }
-  }
-  return series;
-};

package/lib/viewer/src/footer.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _dotstatsuiteVisions = require('@sis-cc/dotstatsuite-visions');
-
-var _ChartLegends = require('./legends/ChartLegends');
-
-var _ChartLegends2 = _interopRequireDefault(_ChartLegends);
-
-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 Footer = function Footer(_ref) {
-  var type = _ref.type,
-      chartData = _ref.chartData,
-      source = _ref.source,
-      logo = _ref.logo,
-      copyright = _ref.copyright,
-      chartOptions = _ref.chartOptions,
-      isSticky = _ref.isSticky,
-      target = _ref.target,
-      width = _ref.width;
-
-  var hasNoLegend = type === 'table' || (0, _utils.isChartNoData)({ data: chartData, type: type });
-  var legend = hasNoLegend ? null : _react2.default.createElement(_ChartLegends2.default, { data: chartData, options: chartOptions, type: type, width: width });
-
-  return _react2.default.createElement(
-    'div',
-    target ? { ref: target } : {},
-    _react2.default.createElement(_dotstatsuiteVisions.DataFooter, {
-      source: source,
-      logo: logo,
-      copyright: copyright,
-      legend: legend,
-      isSticky: isSticky
-    })
-  );
-};
-
-exports.default = Footer;

package/lib/viewer/src/header.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _dotstatsuiteVisions = require('@sis-cc/dotstatsuite-visions');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Header = function Header(_ref) {
-  var target = _ref.target,
-      props = (0, _objectWithoutProperties3.default)(_ref, ['target']);
-  return _react2.default.createElement(
-    'div',
-    target ? { ref: target } : {},
-    _react2.default.createElement(_dotstatsuiteVisions.DataHeader, props)
-  );
-};
-
-exports.default = Header;

package/lib/viewer/src/index.js

@@ -1,243 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
-
-var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _size = require('@react-hook/size');
-
-var _size2 = _interopRequireDefault(_size);
-
-var _dotstatsuiteVisions = require('@sis-cc/dotstatsuite-visions');
-
-var _styles = require('@mui/styles');
-
-var _options = require('./chartUtils/options');
-
-var _options2 = _interopRequireDefault(_options);
-
-var _header = require('./header');
-
-var _header2 = _interopRequireDefault(_header);
-
-var _chart = require('./chart');
-
-var _chart2 = _interopRequireDefault(_chart);
-
-var _footer = require('./footer');
-
-var _footer2 = _interopRequireDefault(_footer);
-
-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, _styles.makeStyles)(function () {
-  return {
-    container: {
-      borderColor: '#007bc7',
-      borderBottomWidth: 1,
-      borderLeftWidth: 0,
-      borderTopWidth: 1,
-      borderRightWidth: 0,
-      borderStyle: 'solid',
-      '& svg text::selection': {
-        background: 'none'
-      }
-    },
-    tableContainer: {
-      minWidth: '100%',
-      minHeight: '100%',
-      willChange: 'transform, opacity'
-    },
-    chartContainer: {
-      width: function width(_ref) {
-        var fixedWidth = _ref.fixedWidth;
-        return fixedWidth || '100%';
-      },
-      height: function height(_ref2) {
-        var fixedHeight = _ref2.fixedHeight;
-        return fixedHeight || '100%';
-      },
-      overflow: 'hidden',
-      position: 'relative'
-    }
-  };
-});
-
-var ViewContent = function ViewContent(_ref3) {
-  var loading = _ref3.loading,
-      _ref3$loadingProps = _ref3.loadingProps,
-      loadingProps = _ref3$loadingProps === undefined ? {} : _ref3$loadingProps,
-      type = _ref3.type,
-      width = _ref3.width,
-      errorMessage = _ref3.errorMessage,
-      rest = (0, _objectWithoutProperties3.default)(_ref3, ['loading', 'loadingProps', 'type', 'width', 'errorMessage']);
-
-  if (loading) return _react2.default.createElement(_dotstatsuiteVisions.Loading, (0, _extends3.default)({ message: loading }, loadingProps));
-  if (errorMessage) return _react2.default.createElement(_dotstatsuiteVisions.NoData, { message: errorMessage });
-
-  if (type === 'table') {
-    var tableProps = R.propOr({}, 'tableProps', rest);
-    var hasNoObs = R.pipe(R.prop('cells'), R.anyPass([R.isNil, R.isEmpty]))(tableProps);
-    if (hasNoObs) return _react2.default.createElement(_dotstatsuiteVisions.Loading, null);
-
-    return _react2.default.createElement(_dotstatsuiteVisions.TableHtml5, (0, _extends3.default)({ isRtl: R.prop('isRtl', rest) }, tableProps));
-  }
-  if ((0, _utils.isChartDataNotReady)({ data: R.prop('chartData', rest) }) || !width) {
-    return _react2.default.createElement(_dotstatsuiteVisions.Loading, null);
-  }
-  return _react2.default.createElement(_chart2.default, {
-    data: R.prop('chartData', rest),
-    getAxisOptions: R.prop('getAxisOptions', rest),
-    heightOffsets: R.prop('heightOffsets', rest),
-    options: R.prop('chartOptions', rest),
-    type: type,
-    width: width
-  });
-};
-
-var Viewer = function Viewer(_ref4) {
-  var _cx;
-
-  var type = _ref4.type,
-      _ref4$targets = _ref4.targets,
-      targets = _ref4$targets === undefined ? {} : _ref4$targets,
-      width = _ref4.width,
-      rest = (0, _objectWithoutProperties3.default)(_ref4, ['type', 'targets', 'width']);
-
-  var classes = useStyles({
-    fixedWidth: rest.fixedWidth,
-    fixedHeight: rest.fixedHeight
-  });
-
-  return _react2.default.createElement(
-    'div',
-    (0, _extends3.default)({}, targets.viewer ? { ref: targets.viewer } : {}, {
-      className: (0, _classnames2.default)(classes.container, (_cx = {}, (0, _defineProperty3.default)(_cx, classes.tableContainer, type === 'table'), (0, _defineProperty3.default)(_cx, classes.chartContainer, type !== 'table'), _cx))
-    }),
-    _react2.default.createElement(_header2.default, (0, _extends3.default)({
-      target: targets.header
-    }, R.propOr({}, 'headerProps', rest))),
-    _react2.default.createElement(ViewContent, (0, _extends3.default)({ type: type, width: width }, rest)),
-    _react2.default.createElement(_footer2.default, (0, _extends3.default)({
-      width: width,
-      target: targets.footer,
-      type: type,
-      chartData: R.prop('chartData', rest),
-      chartOptions: R.prop('chartOptions', rest)
-    }, R.prop('footerProps', rest)))
-  );
-};
-
-var defaultChartHeight = function defaultChartHeight(chartOptions) {
-  return R.pipe(R.path(['base', 'height']), function (h) {
-    return R.isNil(h) || isNaN(h) ? 0 : h;
-  })(chartOptions);
-};
-
-var ViewerWrapper = function ViewerWrapper(_ref5) {
-  var chartOptions = _ref5.chartOptions,
-      type = _ref5.type,
-      getResponsiveSize = _ref5.getResponsiveSize,
-      props = (0, _objectWithoutProperties3.default)(_ref5, ['chartOptions', 'type', 'getResponsiveSize']);
-
-  var theme = (0, _styles.useTheme)();
-  var viewerTarget = _react2.default.useRef(null);
-  var headerTarget = _react2.default.useRef(null);
-  var footerTarget = _react2.default.useRef(null);
-
-  var _useSize = (0, _size2.default)(viewerTarget),
-      _useSize2 = (0, _slicedToArray3.default)(_useSize, 2),
-      viewerWidth = _useSize2[0],
-      viewerHeight = _useSize2[1];
-
-  var _useSize3 = (0, _size2.default)(headerTarget, { initialHeight: -1 }),
-      _useSize4 = (0, _slicedToArray3.default)(_useSize3, 2),
-      _ = _useSize4[0],
-      headerHeight = _useSize4[1];
-
-  var _useSize5 = (0, _size2.default)(footerTarget, { initialHeight: -1 }),
-      _useSize6 = (0, _slicedToArray3.default)(_useSize5, 2),
-      ___ = _useSize6[0],
-      footerHeight = _useSize6[1];
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray3.default)(_useState, 2),
-      chartSvgHeight = _useState2[0],
-      setChartSvgHeight = _useState2[1];
-
-  var defChartHeight = defaultChartHeight(chartOptions);
-
-  (0, _react.useEffect)(function () {
-    if (R.is(Function, getResponsiveSize) && viewerWidth && headerHeight !== -1 && footerHeight !== -1) {
-      getResponsiveSize({
-        responsiveWidth: viewerWidth,
-        responsiveHeight: viewerHeight
-      });
-    }
-  }, [viewerWidth, viewerHeight]);
-
-  (0, _react.useEffect)(function () {
-    if (headerHeight !== -1 && footerHeight !== -1 && !isNaN(headerHeight) && !isNaN(footerHeight)) {
-      var nextHeight = defChartHeight - headerHeight - footerHeight - 2;
-      setChartSvgHeight(nextHeight);
-    }
-  }, [headerHeight, footerHeight, defChartHeight]);
-
-  if (type === 'table') {
-    return _react2.default.createElement(Viewer, (0, _extends3.default)({}, props, {
-      width: viewerWidth,
-      type: type
-    }));
-  }
-
-  var preparedChartOptions = R.pipe(R.over(R.lensPath(['base', 'width']), R.when(R.anyPass([R.isNil, isNaN]), R.always(viewerWidth || 0))), R.set(R.lensPath(['base', 'height']), chartSvgHeight), function (chartOptions) {
-    return (0, _options2.default)(chartOptions, props.chartData, type, theme, props.timeFormats, props.locale);
-  })(chartOptions);
-
-  return _react2.default.createElement(Viewer, (0, _extends3.default)({}, props, {
-    type: type,
-    chartOptions: preparedChartOptions,
-    fixedWidth: R.path(['base', 'width'], chartOptions),
-    fixedHeight: defChartHeight,
-    targets: {
-      viewer: viewerTarget,
-      header: headerTarget,
-      footer: footerTarget
-    },
-    width: viewerWidth
-  }));
-};
-
-exports.default = ViewerWrapper;

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

@@ -1,84 +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 _constants = require('../../../rules/src/constants');
-
-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) {
-  var legendFont = (0, _utils.getFontFromTheme)(['axisLegend'])(theme);
-  return {
-    xLegend: legendFont,
-    yLegend: (0, _extends3.default)({}, legendFont, {
-      left: 10,
-      position: 'absolute',
-      zIndex: 1
-    })
-  };
-});
-
-var getAxisLabel = function getAxisLabel(axis) {
-  return R.pipe(R.propOr([], 'series'), R.head, R.when(R.isNil, R.always({})), R.path(['dimensionValues', axis, 'name']));
-};
-
-var AxisLegend = function AxisLegend(_ref) {
-  var axis = _ref.axis,
-      data = _ref.data,
-      type = _ref.type;
-
-  var classes = useStyles();
-  if (!R.equals(_constants.SCATTER, type)) return null;
-  switch (axis) {
-    case 'x':
-      return _react2.default.createElement(
-        'span',
-        { className: classes.xLegend },
-        '\u2192 ',
-        getAxisLabel('x')(data)
-      );
-    case 'y':
-      return _react2.default.createElement(
-        'span',
-        { className: classes.yLegend },
-        '\u2191 ',
-        getAxisLabel('y')(data)
-      );
-    default:
-      return null;
-  }
-};
-
-AxisLegend.propTypes = {
-  axis: _propTypes2.default.string.isRequired,
-  data: _propTypes2.default.object.isRequired,
-  type: _propTypes2.default.string.isRequired
-};
-
-exports.default = AxisLegend;

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

@@ -1,100 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _numeral = require('numeral');
-
-var _numeral2 = _interopRequireDefault(_numeral);
-
-var _dotstatsuiteD3Charts = require('@sis-cc/dotstatsuite-d3-charts');
-
-var _src = require('../../../bridge-d3-react/src');
-
-var _styles = require('@mui/material/styles');
-
-var _AxisLegend = require('./AxisLegend');
-
-var _AxisLegend2 = _interopRequireDefault(_AxisLegend);
-
-var _FocusLegend = require('./FocusLegend');
-
-var _FocusLegend2 = _interopRequireDefault(_FocusLegend);
-
-var _SeriesLegend = require('./SeriesLegend');
-
-var _SeriesLegend2 = _interopRequireDefault(_SeriesLegend);
-
-var _constants = require('../../../rules/src/constants');
-
-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 ChoroLegend = function ChoroLegend(_ref) {
-  var type = _ref.type,
-      options = _ref.options,
-      data = _ref.data;
-
-  if (type !== _constants.CHORO) {
-    return null;
-  }
-  var theme = (0, _styles.useTheme)();
-  var fontOptions = R.pipe((0, _utils.getFontFromTheme)(['mapLegend']), _utils.getOptionsFromFont)(theme);
-  var legendOptions = R.mergeDeepLeft(options, {
-    legend: {
-      choropleth: {
-        width: 300,
-        height: 30,
-        margin: { left: 15, right: 15 },
-        axis: {
-          thickness: 0,
-          orient: 'bottom',
-          font: fontOptions,
-          tick: {
-            size: 5,
-            thickness: 0
-          },
-          format: {
-            proc: function proc(d) {
-              return (0, _numeral2.default)(d).format('0,0.[00]');
-            }
-          }
-        }
-      }
-    }
-  });
-
-  return _react2.default.createElement(_src.ChoroplethLegend, { options: legendOptions, data: data.series });
-};
-
-var ChartLegends = function ChartLegends(_ref2) {
-  var data = _ref2.data,
-      options = _ref2.options,
-      type = _ref2.type,
-      width = _ref2.width;
-
-  var engineOptions = R.pipe(R.assocPath(['serie', 'stacked', 'layerSeries'], R.pathOr([], ['series', 0, 'layerSeries'], data)), _dotstatsuiteD3Charts.computeOptions)(options);
-
-  return _react2.default.createElement(
-    'div',
-    null,
-    _react2.default.createElement(_AxisLegend2.default, { axis: 'x', data: data, type: type }),
-    _react2.default.createElement(_FocusLegend2.default, { data: data, options: engineOptions, type: type, width: width }),
-    _react2.default.createElement(_SeriesLegend2.default, { data: data, options: engineOptions, type: type }),
-    _react2.default.createElement(ChoroLegend, { data: data, options: options, type: type })
-  );
-};
-
-exports.default = ChartLegends;