@sis-cc/dotstatsuite-components 8.10.0 → 8.12.0

package/src/rules-driver/src/mocks/data2.json

@@ -0,0 +1,309 @@
+{
+    "header": {
+        "schema": "https://raw.githubusercontent.com/sdmx-twg/sdmx-json/master/data-message/tools/schemas/1.0/sdmx-json-data-schema.json",
+        "id": "IREF000457",
+        "prepared": "2021-09-07T22:43:19Z",
+        "test": true,
+        "contentLanguages": [
+            "en"
+        ],
+        "sender": {
+            "id": "SIS-CC-stable_-_DotStat_v8",
+            "name": "unknown",
+            "names": {
+                "en": "unknown"
+            }
+        }
+    },
+    "dataSets": [
+        {
+            "action": "Information",
+            "links": [
+                {
+                    "urn": "urn:sdmx:org.sdmx.infomodel.datastructure.DataStructure=OECD:DSD_KEI(1.0)",
+                    "rel": "DataStructure"
+                }
+            ],
+            "annotations": [
+                0,
+                1,
+                2,
+                3,
+                4
+            ],
+            "observations": {
+                "0:0:0:0:0": [
+                    8.5
+                ],
+                "0:1:0:0:0": [
+                    6.05642340833333
+                ]
+            }
+        }
+    ],
+    "structure": {
+        "name": "Harmonised Unemployment Rate",
+        "names": {
+            "en": "Harmonised Unemployment Rate"
+        },
+        "dimensions": {
+            "observation": [
+                {
+                    "id": "SUBJECT",
+                    "name": "Subject",
+                    "names": {
+                        "en": "Subject"
+                    },
+                    "keyPosition": 0,
+                    "roles": [
+                        "SUBJECT"
+                    ],
+                    "values": [
+                        {
+                            "id": "LRHUTTTT",
+                            "order": 75,
+                            "name": "Harmonised unemployment rate: all persons, s.a.",
+                            "names": {
+                                "en": "Harmonised unemployment rate: all persons, s.a."
+                            },
+                            "parent": "LR",
+                            "annotations": [
+                                5
+                            ],
+                            "__indexPosition": 0,
+                            "__index": 0
+                        }
+                    ],
+                    "role": "SUBJECT"
+                },
+                {
+                    "id": "LOCATION",
+                    "name": "Country",
+                    "names": {
+                        "en": "Country"
+                    },
+                    "keyPosition": 1,
+                    "roles": [
+                        "LOCATION"
+                    ],
+                    "values": [
+                        {
+                            "id": "AUS",
+                            "order": 0,
+                            "name": "Australia",
+                            "names": {
+                                "en": "Australia"
+                            },
+                            "annotations": [
+                                5
+                            ],
+                            "__indexPosition": 0,
+                            "__index": 1
+                        },
+                        {
+                            "id": "BEL",
+                            "order": 2,
+                            "name": "Belgium",
+                            "names": {
+                                "en": "Belgium"
+                            },
+                            "annotations": [
+                                6
+                            ],
+                            "__indexPosition": 1,
+                            "__index": 0
+                        }
+                    ],
+                    "role": "LOCATION"
+                },
+                {
+                    "id": "MEASURE",
+                    "name": "Measure",
+                    "names": {
+                        "en": "Measure"
+                    },
+                    "keyPosition": 2,
+                    "roles": [
+                        "MEASURE"
+                    ],
+                    "values": [
+                        {
+                            "id": "ST",
+                            "order": 5,
+                            "name": "Level, ratio or index",
+                            "names": {
+                                "en": "Level, ratio or index"
+                            },
+                            "annotations": [
+                                6
+                            ],
+                            "__indexPosition": 0,
+                            "__index": 0
+                        }
+                    ],
+                    "role": "MEASURE"
+                },
+                {
+                    "id": "FREQUENCY",
+                    "name": "Frequency",
+                    "names": {
+                        "en": "Frequency"
+                    },
+                    "keyPosition": 3,
+                    "roles": [
+                        "FREQUENCY"
+                    ],
+                    "values": [
+                        {
+                            "id": "A",
+                            "order": 0,
+                            "name": "Annual",
+                            "names": {
+                                "en": "Annual"
+                            },
+                            "annotations": [
+                                7
+                            ],
+                            "__indexPosition": 0,
+                            "__index": 0
+                        }
+                    ],
+                    "role": "FREQUENCY"
+                },
+                {
+                    "id": "TIME_PERIOD",
+                    "name": "Time",
+                    "names": {
+                        "en": "Time"
+                    },
+                    "keyPosition": 4,
+                    "roles": [
+                        "TIME"
+                    ],
+                    "values": [
+                        {
+                            "start": "2015-01-01T00:00:00Z",
+                            "end": "2015-12-31T23:59:59Z",
+                            "id": "2015",
+                            "name": "2015",
+                            "names": {
+                                "en": "2015"
+                            },
+                            "__indexPosition": 0,
+                            "__index": 0
+                        }
+                    ],
+                    "role": "TIME"
+                }
+            ]
+        },
+        "attributes": {
+            "dataSet": [
+                {
+                    "id": "OBS_STATUS",
+                    "name": "Observation Status",
+                    "names": {
+                        "en": "Observation Status"
+                    },
+                    "roles": [
+                        "OBS_STATUS"
+                    ],
+                    "relationship": {
+                        "none": {}
+                    },
+                    "values": []
+                },
+                {
+                    "id": "UNIT_MEASURE",
+                    "name": "Unit of Measures",
+                    "names": {
+                        "en": "Unit of Measures"
+                    },
+                    "roles": [
+                        "UNIT_MEASURE"
+                    ],
+                    "relationship": {
+                        "none": {}
+                    },
+                    "values": []
+                },
+                {
+                    "id": "UNIT_MULT",
+                    "name": "Multiplier",
+                    "names": {
+                        "en": "Multiplier"
+                    },
+                    "roles": [
+                        "UNIT_MULT"
+                    ],
+                    "relationship": {
+                        "none": {}
+                    },
+                    "values": []
+                },
+                {
+                    "id": "BASE_PER",
+                    "name": "Base reference period",
+                    "names": {
+                        "en": "Base reference period"
+                    },
+                    "roles": [
+                        "BASE_PER"
+                    ],
+                    "relationship": {
+                        "none": {}
+                    },
+                    "values": []
+                }
+            ],
+            "series": [],
+            "observation": []
+        },
+        "annotations": [
+            {
+                "type": "NonProductionDataflow",
+                "text": "true",
+                "texts": {
+                    "en": "true"
+                }
+            },
+            {
+                "title": "FREQUENCY=A,SUBJECT=LRHUTTTT,TIME_PERIOD_START=2015",
+                "type": "DEFAULT"
+            },
+            {
+                "title": "LOCATION",
+                "type": "LAYOUT_ROW"
+            },
+            {
+                "title": "TIME_PERIOD",
+                "type": "LAYOUT_COLUMN"
+            },
+            {
+                "title": "FREQ",
+                "type": "NOT_DISPLAYED"
+            },
+            {
+                "type": "ORDER",
+                "text": "1",
+                "texts": {
+                    "en": "1"
+                }
+            },
+            {
+                "type": "ORDER",
+                "text": "3",
+                "texts": {
+                    "en": "3"
+                }
+            },
+            {
+                "type": "ORDER",
+                "text": "0",
+                "texts": {
+                    "en": "0"
+                }
+            }
+        ]
+    }
+}

package/src/viewer/src/app/use-case-3.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import * as R from 'ramda';
+import Viewer from '../';
+import rowData from '../../mocks/row';
+import stackData from '../../mocks/stack';
+
+export default ({ options }) => {
+  return (
+    <div style={{ display: 'flex' }}>
+      <div>
+        <Viewer {...rowData()} chartOptions={options} type="RowChart" />
+      </div>
+      <div>
+        <Viewer {...stackData()} chartOptions={options} type="StackedBarChart" />
+      </div>
+    </div>
+  );
+};

package/src/viewer/src/app.js

@@ -8,6 +8,7 @@ import UseCase1 from './app/use-case-1';
 import TableCase from './app/table';
 import TableOneCell from './app/one-table-cell';
 import UseCase2 from './app/use-case-2';
+import UseCase3 from './app/use-case-3';
 import ResNoDataCase from './app/nodata-res';
 import SizedNoDataCase from './app/nodata-sized';
 import Legacy from './app/leg';
@@ -60,6 +61,11 @@ export default () => {
         <Helmet htmlAttributes={{ dir: isRtl ? 'rtl' : 'ltr' }} />
         <button onClick={() => setRtl(!isRtl)}>{isRtl ? 'left to right' : 'right to left'}</button>
         <Tabs2 renderActiveTabPanelOnly={false}>
+          <Tab2
+            id="uc3"
+            title={<AppTab label="fluid width" iconName="fullscreen" />}
+            panel={<UseCase3 isRtl={isRtl} config={config} style={style} options={options} />}
+          />
           <Tab2
             id="uc1"
             title={<AppTab label="full screen resizable chart" iconName="fullscreen" />}

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

@@ -1,5 +1,5 @@
 import * as R from 'ramda';
-import { HSYMBOL, TIMELINE, VSYMBOL } from '../../../rules/src/constants';
+import { H_SYMBOL, TIMELINE, V_SYMBOL } from '../../../rules/src/constants';
 
 const isFocused = (obj) => {
   const highlightIndex = R.propOr(-1, 'highlightIndex', obj);
@@ -10,7 +10,7 @@ const isFocused = (obj) => {
 const sampleFilterSeries = (series) => (
   R.map(
     serie => {
-      const _datapoints = filter(serie.datapoints, dp => isFocused(dp));
+      const _datapoints = R.filter(isFocused, serie.datapoints);
       return { ...serie, datapoints: _datapoints };
     },
     series
@@ -25,7 +25,7 @@ export default (series, type, options) => {
   const minWidth = R.path(['base', 'minDisplayWidth'], options);
   const minHeight = R.path(['base', 'minDisplayHeight'], options);
   let filtered;
-  if (type === HSYMBOL) {
+  if (type === H_SYMBOL) {
     if (height < minHeight) {
       filtered = sampleFilterSeries(series);
       return R.isEmpty(filtered[0].datapoints) ? series : filtered;
@@ -37,7 +37,7 @@ export default (series, type, options) => {
       return R.isEmpty(filtered) ? series : filtered;
     }
   }
-  else if ( type === VSYMBOL) {
+  else if ( type === V_SYMBOL) {
     if (width < minWidth) {
       filtered = sampleFilterSeries(series);
       return R.isEmpty(filtered[0].datapoints) ? series : filtered;

package/src/viewer/src/index.js

@@ -35,8 +35,8 @@ const Container = glamorous.div({
 
 const ViewContent = ({ loading, noData = 'No Data', type, width, errorMessage, ...rest }) => {
   if (loading) return <Loading message={loading} />;
-
-  if(errorMessage) return <NoData message={errorMessage} />;
+  if (!width) return <Loading message={loading} />;
+  if (errorMessage) return <NoData message={errorMessage} />;
   
   if (type === 'table') {
     const tableProps = R.propOr({}, 'tableProps', rest);

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;