@sis-cc/dotstatsuite-components 8.11.0 → 8.13.0

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

@@ -33,7 +33,10 @@ const getSymbolSeriesItems = ({ data, options }) => {
   )(data);
 };
 
-const getStackedSeriesItems = R.pathOr([], ['options', 'serie', 'stacked', 'layerSeries']);
+const getStackedSeriesItems = R.pipe(
+  R.pathOr([], ['options', 'serie', 'stacked', 'layerSeries']),
+  R.when(s => R.length(s) === 1, R.always([]))
+);
 
 const stackedLayerRenderer = ({ baseColor }) => (
   <svg width="21" height="14">

package/lib/rules-driver/src/app/chart.js

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-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 _src = require('../../../chart/src');
-
-var _src2 = _interopRequireDefault(_src);
-
-var _src3 = require('../../../rules/src');
-
-var _ramda = require('ramda');
-
-var _glamorous = require('glamorous');
-
-var _glamorous2 = _interopRequireDefault(_glamorous);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Container = _glamorous2.default.div({
-  marginBottom: 15,
-  marginTop: 15
-});
-
-var Chart = function Chart(_ref) {
-  var type = _ref.type,
-      rest = (0, _objectWithoutProperties3.default)(_ref, ['type']);
-  return (0, _ramda.has)(type, _src3.chartTypes) ? _react2.default.createElement(
-    Container,
-    null,
-    _react2.default.createElement(_src2.default, (0, _extends3.default)({}, rest, { type: type }))
-  ) : _react2.default.createElement(
-    Container,
-    null,
-    'Not a Chart Type'
-  );
-};
-
-exports.default = Chart;

package/lib/rules-driver/src/app/config-axis.js

@@ -1,95 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-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 _configInput = require('./config-input');
-
-var _configInput2 = _interopRequireDefault(_configInput);
-
-var _glamorous = require('glamorous');
-
-var _glamorous2 = _interopRequireDefault(_glamorous);
-
-var _core = require('@blueprintjs/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Content = _glamorous2.default.div({
-  display: 'flex',
-  flexDirection: 'row',
-  flexWrap: 'wrap',
-  justifyContent: 'space-between'
-});
-
-var Callout = _glamorous2.default.div({ marginBottom: 10 });
-
-var activeComponent = function activeComponent(Component) {
-  return function (_ref) {
-    var isActive = _ref.isActive,
-        rest = (0, _objectWithoutProperties3.default)(_ref, ['isActive']);
-    return isActive ? _react2.default.createElement(Component, rest) : null;
-  };
-};
-
-var ConfigInput = activeComponent(_configInput2.default);
-
-var ConfigAxis = function ConfigAxis(_ref2) {
-  var label = _ref2.label,
-      max = _ref2.max,
-      min = _ref2.min,
-      pivot = _ref2.pivot,
-      step = _ref2.step;
-
-  if (!max.isActive && !min.isActive && !pivot.isActive && !step.isActive) {
-    return null;
-  }
-  return _react2.default.createElement(
-    Callout,
-    null,
-    _react2.default.createElement(
-      'div',
-      { className: _core.Classes.CALLOUT },
-      _react2.default.createElement(
-        'h5',
-        null,
-        label
-      ),
-      _react2.default.createElement(
-        Content,
-        null,
-        _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, min, {
-          label: 'Min Value',
-          isControlled: false
-        })),
-        _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, max, {
-          label: 'Max Value',
-          isControlled: false
-        })),
-        _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, pivot, {
-          label: 'Pivot Value',
-          isControlled: false
-        })),
-        _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, step, {
-          label: 'Step Value',
-          isControlled: false
-        }))
-      )
-    )
-  );
-};
-
-exports.default = ConfigAxis;

package/lib/rules-driver/src/app/config-buttons.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConfigButtons = undefined;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var _core = require('@blueprintjs/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ConfigButtons = exports.ConfigButtons = function ConfigButtons(_ref) {
-  var label = _ref.label,
-      onChange = _ref.onChange,
-      options = _ref.options,
-      value = _ref.value;
-  return _react2.default.createElement(
-    'label',
-    { className: 'pt-label pt-inline' },
-    label,
-    _react2.default.createElement(
-      _core.ButtonGroup,
-      null,
-      (0, _ramda.map)(function (option) {
-        return _react2.default.createElement(
-          _core.Button,
-          {
-            active: option.value === value,
-            key: option.value,
-            onClick: function onClick() {
-              return onChange(option.value);
-            }
-          },
-          option.label
-        );
-      }, options)
-    )
-  );
-};
-
-exports.default = ConfigButtons;

package/lib/rules-driver/src/app/config-input.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _core = require('@blueprintjs/core');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ConfigInput = function ConfigInput(_ref) {
-  var isControlled = _ref.isControlled,
-      label = _ref.label,
-      leftIcon = _ref.leftIcon,
-      onChange = _ref.onChange,
-      placeholder = _ref.placeholder,
-      value = _ref.value;
-
-  var submit = function submit(e) {
-    return onChange(e.target.value);
-  };
-
-  var commit = function commit(e) {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      submit(e);
-    }
-  };
-  return _react2.default.createElement(
-    'label',
-    { className: 'pt-label' },
-    label,
-    isControlled ? _react2.default.createElement(_core.InputGroup, {
-      value: value,
-      leftIconName: leftIcon,
-      onChange: submit,
-      placeholder: placeholder
-    }) : _react2.default.createElement(_core.InputGroup, {
-      defaultValue: value,
-      leftIconName: leftIcon,
-      onKeyPress: commit,
-      placeholder: placeholder
-    })
-  );
-};
-
-exports.default = ConfigInput;

package/lib/rules-driver/src/app/config-select.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-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 _reactSelect = require('react-select');
-
-var _reactSelect2 = _interopRequireDefault(_reactSelect);
-
-var _glamorous = require('glamorous');
-
-var _glamorous2 = _interopRequireDefault(_glamorous);
-
-var _ramda = require('ramda');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Container = _glamorous2.default.div({
-  '& .Select-menu-outer': {
-    zIndex: 5
-  }
-});
-
-var ConfigSelect = function ConfigSelect(_ref) {
-  var label = _ref.label,
-      multi = _ref.multi,
-      value = _ref.value,
-      rest = (0, _objectWithoutProperties3.default)(_ref, ['label', 'multi', 'value']);
-  return _react2.default.createElement(
-    Container,
-    null,
-    _react2.default.createElement(
-      'label',
-      { className: 'pt-label pt-inline' },
-      label,
-      _react2.default.createElement(_reactSelect2.default, (0, _extends3.default)({}, rest, {
-        multi: multi,
-        value: (0, _ramda.is)(Array, value) && !multi ? (0, _ramda.head)(value) : value
-      }))
-    )
-  );
-};
-
-exports.default = ConfigSelect;

package/lib/rules-driver/src/app/config-t4size.js

@@ -1,61 +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 _configSelect = require('./config-select');
-
-var _configSelect2 = _interopRequireDefault(_configSelect);
-
-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 t4Options = [{ label: 'oecd.org/T4: 3 columns (width 270 px)', value: 'T4/3' }, { label: 'oecd.org/T4: 4 columns (width 370 px)', value: 'T4/4' }, { label: 'oecd.org/T4: 6 columns (width 560 px)', value: 'T4/6' }, { label: 'oecd.org/T4: 8 columns (width 760 px)', value: 'T4/8' }, { label: 'oecd.org/T4: 9 columns (width 855 px)', value: 'T4/9' }, { label: 'oecd.org/T4: 12 columns (width 1140 px)', value: 'T4/12' }];
-
-var t4Values = [{ value: 'T4/3', width: 270, height: 203 }, { value: 'T4/4', width: 370, height: 278 }, { value: 'T4/6', width: 560, height: 420 }, { value: 'T4/8', width: 760, height: 570 }, { value: 'T4/9', width: 855, height: 642 }, { value: 'T4/12', width: 1140, height: 855 }];
-
-var ConfigT4 = function ConfigT4(_ref) {
-  var height = _ref.height,
-      onChange = _ref.onChange,
-      width = _ref.width;
-
-  var _value = R.find(function (val) {
-    return R.propEq('width', width, val) && R.propEq('height', height, val);
-  }, t4Values);
-  var value = R.isNil(_value) ? undefined : R.prop('value', _value);
-  var option = R.find(function (opt) {
-    return R.propEq('value', value, opt);
-  }, t4Options);
-
-  var onSelect = function onSelect(selection) {
-    if (R.isNil(selection)) {
-      onChange({ width: undefined, height: undefined });
-    } else {
-      var selectedValue = R.find(function (val) {
-        return R.propEq('value', selection.value, val);
-      }, t4Values);
-      onChange(R.pick(['height', 'width'], selectedValue));
-    }
-  };
-
-  return _react2.default.createElement(_configSelect2.default, {
-    label: 'T4 Formats',
-    multi: false,
-    clearable: true,
-    value: option,
-    onChange: onSelect,
-    options: t4Options
-  });
-};
-
-exports.default = ConfigT4;

package/lib/rules-driver/src/app/config1.js

@@ -1,148 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-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 _configSelect = require('./config-select');
-
-var _configSelect2 = _interopRequireDefault(_configSelect);
-
-var _configInput = require('./config-input');
-
-var _configInput2 = _interopRequireDefault(_configInput);
-
-var _configButtons = require('./config-buttons');
-
-var _configButtons2 = _interopRequireDefault(_configButtons);
-
-var _configAxis = require('./config-axis');
-
-var _configAxis2 = _interopRequireDefault(_configAxis);
-
-var _ramda = require('ramda');
-
-var _glamorous = require('glamorous');
-
-var _glamorous2 = _interopRequireDefault(_glamorous);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var activeComponent = function activeComponent(Component) {
-  return function (_ref) {
-    var isActive = _ref.isActive,
-        rest = (0, _objectWithoutProperties3.default)(_ref, ['isActive']);
-    return isActive ? _react2.default.createElement(Component, rest) : null;
-  };
-};
-
-var ConfigSelect = activeComponent(_configSelect2.default);
-var ConfigInput = activeComponent(_configInput2.default);
-var ConfigButtons = activeComponent(_configButtons2.default);
-
-var GDiv = _glamorous2.default.div({ width: '100%' });
-
-var Axes = _glamorous2.default.div({
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'space-between'
-});
-
-var Config = function Config(_ref2) {
-  var properties = _ref2.properties;
-
-  return _react2.default.createElement(
-    GDiv,
-    null,
-    _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('title', properties), {
-      isControlled: true,
-      label: 'Title of the Chart',
-      placeholder: 'Enter a chart title'
-    })),
-    _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('subtitle', properties), {
-      isControlled: true,
-      label: 'Subtitle of the Chart',
-      placeholder: 'Enter a chart subtitle'
-    })),
-    _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('width', properties), {
-      isControlled: false,
-      label: 'Width of the Chart',
-      leftIcon: 'arrows-horizontal',
-      placeholder: 'Enter a numerical value'
-    })),
-    _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('height', properties), {
-      isControlled: false,
-      label: 'Height of the Chart',
-      leftIcon: 'arrows-vertical',
-      placeholder: 'Enter a numerical value'
-    })),
-    _react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('scatterDimension', properties), {
-      label: 'Scatter Dimension',
-      multi: false,
-      clearable: false
-    })),
-    _react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('scatterX', properties), {
-      label: 'Scatter Value For X Axis',
-      multi: false,
-      clearable: false
-    })),
-    _react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('scatterY', properties), {
-      label: 'Scatter Value For Y Axis',
-      multi: false,
-      clearable: false
-    })),
-    _react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('symbolDimension', properties), {
-      label: 'Symbol Dimension',
-      multi: false,
-      clearable: false
-    })),
-    _react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('stackedDimension', properties), {
-      label: 'Stacked Dimension',
-      multi: false,
-      clearable: false
-    })),
-    _react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('highlight', properties), {
-      label: 'Highlight Selection',
-      multi: true,
-      clearable: true
-    })),
-    _react2.default.createElement(ConfigSelect, (0, _extends3.default)({}, (0, _ramda.prop)('baseline', properties), {
-      label: 'Baseline Selection',
-      multi: false,
-      clearable: true
-    })),
-    _react2.default.createElement(ConfigButtons, (0, _ramda.prop)('display', properties)),
-    _react2.default.createElement(ConfigInput, (0, _extends3.default)({}, (0, _ramda.prop)('freqStep', properties), {
-      isControlled: false,
-      label: 'Timeline Axis Frequency Step'
-    })),
-    _react2.default.createElement(_configAxis2.default, {
-      label: 'Axe X',
-      max: (0, _ramda.prop)('maxX', properties),
-      min: (0, _ramda.prop)('minX', properties),
-      pivot: (0, _ramda.prop)('pivotX', properties),
-      step: (0, _ramda.prop)('stepX', properties)
-    }),
-    _react2.default.createElement(_configAxis2.default, {
-      label: 'Axe Y',
-      max: (0, _ramda.prop)('maxY', properties),
-      min: (0, _ramda.prop)('minY', properties),
-      pivot: (0, _ramda.prop)('pivotY', properties),
-      step: (0, _ramda.prop)('stepY', properties)
-    })
-  );
-};
-
-exports.default = Config;

package/lib/rules-driver/src/app/menu.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _core = require('@blueprintjs/core');
-
-var _ramda = require('ramda');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Menu = function Menu(_ref) {
-  var align = _ref.align,
-      iconName = _ref.iconName,
-      items = _ref.items,
-      onChange = _ref.onChange,
-      selected = _ref.selected;
-
-  return _react2.default.createElement(
-    'div',
-    { className: 'pt-navbar-group pt-align-' + align },
-    (0, _ramda.map)(function (_ref2) {
-      var label = _ref2.label,
-          value = _ref2.value;
-      return _react2.default.createElement(_core.Button, {
-        className: 'pt-minimal',
-        iconName: iconName,
-        onClick: function onClick() {
-          return onChange(value);
-        },
-        active: value === selected,
-        key: value,
-        text: label
-      });
-    }, items)
-  );
-};
-
-exports.default = Menu;

package/lib/rules-driver/src/app/viewer1.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _chart = require('./chart');
-
-var _chart2 = _interopRequireDefault(_chart);
-
-var _config = require('./config1');
-
-var _config2 = _interopRequireDefault(_config);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Viewer = function Viewer(_ref) {
-  var chartData = _ref.chartData,
-      chartOptions = _ref.chartOptions,
-      properties = _ref.properties,
-      type = _ref.type;
-
-  return _react2.default.createElement(
-    'div',
-    null,
-    _react2.default.createElement(_chart2.default, {
-      data: chartData,
-      options: chartOptions,
-      type: type
-    }),
-    _react2.default.createElement(_config2.default, { properties: properties })
-  );
-};
-
-exports.default = Viewer;