@sis-cc/dotstatsuite-visions 7.17.13 → 7.18.1

package/lib/ChartsConfig/Proxy.js

@@ -0,0 +1,34 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+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 Proxy = function Proxy(_ref) {
+  var keys = _ref.keys,
+      properties = _ref.properties,
+      children = _ref.children;
+
+  if (!R.any(R.flip(R.has)(properties), keys)) return null;
+
+  return children;
+};
+
+Proxy.propTypes = {
+  children: _propTypes2.default.node,
+  keys: _propTypes2.default.array,
+  properties: _propTypes2.default.object
+};
+
+exports.default = Proxy;
+module.exports = exports['default'];

package/lib/ChartsConfig/Title.js

@@ -0,0 +1,57 @@
+'use strict';
+
+exports.__esModule = true;
+exports.useStyles = 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 _styles = require('@material-ui/core/styles');
+
+var _core = require('@material-ui/core');
+
+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, _styles.makeStyles)(function () {
+  return {
+    title: {
+      fontFamily: 'inherit'
+    }
+  };
+});
+
+var Title = function Title(_ref) {
+  var icon = _ref.icon,
+      label = _ref.label;
+
+  var classes = useStyles();
+
+  return _react2.default.createElement(
+    _core.Grid,
+    { container: true },
+    !R.isNil(icon) && icon,
+    _react2.default.createElement(
+      _core.Typography,
+      { variant: 'h6', className: classes.title, inline: 'true' },
+      label
+    )
+  );
+};
+
+Title.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _propTypes2.default.string,
+  icon: _propTypes2.default.node
+} : {};
+
+exports.default = Title;

package/lib/ChartsConfig/useAxisOptions.js

@@ -0,0 +1,18 @@
+'use strict';
+
+exports.__esModule = true;
+
+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; } }
+
+var useAxisOptions = function useAxisOptions(properties, suffix) {
+  var keys = ['min' + suffix, 'max' + suffix, 'pivot' + suffix, 'step' + suffix];
+
+  return R.pipe(R.pick(keys), R.keys)(properties);
+};
+
+exports.default = useAxisOptions;
+module.exports = exports['default'];

package/lib/ChartsConfig/useDimensionOptions.js

@@ -0,0 +1,22 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _react = require('react');
+
+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; } }
+
+var useDimensionOptions = function useDimensionOptions(properties) {
+  var dimensions = (0, _react.useMemo)(function () {
+    return R.pipe(R.pick(['scatterDimension', 'scatterX', 'scatterY', 'symbolDimension', 'stackedDimension']), R.toPairs)(properties);
+  }, [properties]);
+
+  return [dimensions];
+};
+
+exports.default = useDimensionOptions;
+module.exports = exports['default'];

package/lib/ChartsConfig/useFocusOptions.js

@@ -0,0 +1,32 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _react = require('react');
+
+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; } }
+
+var hasUniqUnlabelledOption = R.allPass([R.pipe(R.length, R.equals(1)), R.pipe(R.head, R.prop('label'), R.anyPass([R.isNil, R.isEmpty]))]);
+
+var useFocusOptions = function useFocusOptions() {
+  var focus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var labels = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var options = (0, _react.useMemo)(function () {
+    return R.when(hasUniqUnlabelledOption, R.set(R.lensPath([0, 'label']), R.prop('uniqFocusOption', labels)))(focus.options);
+  }, [labels, focus.options]);
+
+  var indexedOptions = (0, _react.useMemo)(function () {
+    if (!options) return {};
+    return R.indexBy(R.prop('value'), options);
+  }, [options]);
+
+  return [options, indexedOptions];
+};
+
+exports.default = useFocusOptions;
+module.exports = exports['default'];

package/lib/ChartsConfig/utils.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.extractMultipleValue = exports.isActivePanel = exports.seriesProperties = exports.isActive = undefined;
+exports.getValue = exports.extractMultipleValue = undefined;
 
 var _ramda = require('ramda');
 
@@ -9,13 +9,7 @@ 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; } }
 
-var isActive = exports.isActive = R.propOr(false, 'isActive');
-
-var seriesProperties = exports.seriesProperties = ['scatterDimension', 'scatterX', 'scatterY', 'symbolDimension', 'stackedDimension', 'stackedMode'];
-
-var isActivePanel = exports.isActivePanel = R.curry(function (propIds, properties) {
-  return R.pipe(R.props(propIds), R.pluck('isActive'), R.any(R.identity))(properties);
-});
-
 // adapters for new Select which has not the same API as react-select
-var extractMultipleValue = exports.extractMultipleValue = R.pipe(R.prop('value'), R.pluck('value'));
+var extractMultipleValue = exports.extractMultipleValue = R.pipe(R.propOr([], 'value'), R.pluck('value'));
+
+var getValue = exports.getValue = R.ifElse(R.is(String), R.identity, R.prop('value'));

package/lib/DataEdit/DataEdit.js

@@ -24,16 +24,10 @@ var _Typography = require('@material-ui/core/Typography');
 
 var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Container = require('@material-ui/core/Container');
-
-var _Container2 = _interopRequireDefault(_Container);
-
 var _Checkbox = require('@material-ui/core/Checkbox');
 
 var _Checkbox2 = _interopRequireDefault(_Checkbox);
 
-var _styles = require('@material-ui/styles');
-
 var _FormControlLabel = require('@material-ui/core/FormControlLabel');
 
 var _FormControlLabel2 = _interopRequireDefault(_FormControlLabel);
@@ -48,27 +42,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: _extends({
-      padding: theme.spacing(0, 2, 1, 2)
-    }, R.pathOr({}, ['mixins', 'dataEdit', 'root'], theme)),
-    title: {
-      fontFamily: 'inherit'
-    },
-    checkboxes: {
-      display: 'flex',
-      justifyContent: 'space-around',
-      marginTop: theme.spacing(1)
-    }
-  };
-});
-
 var DataEdit = function DataEdit(_ref) {
   var labels = _ref.labels,
       properties = _ref.properties;
-
-  var classes = useStyles();
   var _properties$title = properties.title,
       title = _properties$title === undefined ? {} : _properties$title,
       _properties$subtitle = properties.subtitle,
@@ -84,66 +60,61 @@ var DataEdit = function DataEdit(_ref) {
 
   return _react2.default.createElement(
     _Grid2.default,
-    { 'data-testid': 'data-edit-test-id', spacing: 2, container: true, className: classes.root },
+    { 'data-testid': 'data-edit-test-id', container: true, spacing: 1 },
     _react2.default.createElement(
       _Grid2.default,
       { item: true, xs: 12 },
       _react2.default.createElement(
-        _Grid2.default,
-        { container: true },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12 },
-          _react2.default.createElement(
-            _Typography2.default,
-            { variant: 'h6', className: classes.title },
-            'Information'
-          )
-        )
-      ),
-      _react2.default.createElement(
-        _Grid2.default,
-        { spacing: 2, container: true },
-        R.or(R.prop('isActive')(title), R.prop('isActive')(subtitle)) && _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, sm: 12, md: 12, lg: 6 },
-          R.prop('isActive')(title) && _react2.default.createElement(_Input2.default, _extends({
-            fullWidth: true,
-            label: R.prop('title', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', title))),
-          R.prop('isActive')(subtitle) && _react2.default.createElement(_Input2.default, _extends({
-            fullWidth: true,
-            label: R.prop('subtitle', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', subtitle)))
-        ),
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, sm: 12, md: 12, lg: 6 },
-          R.prop('isActive')(source) && _react2.default.createElement(_Input2.default, _extends({
-            fullWidth: true,
-            label: R.prop('source', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', source))),
-          _react2.default.createElement(
-            _Container2.default,
-            { disableGutters: true, className: classes.checkboxes },
-            R.map(function (item) {
-              if (R.pipe(R.prop('isActive'), R.not)(item)) return;
-              var id = R.prop('id')(item);
-              return _react2.default.createElement(_FormControlLabel2.default, {
-                key: id,
-                control: _react2.default.createElement(_Checkbox2.default, _extends({
-                  color: 'primary',
-                  inputProps: { 'aria-label': R.prop(id)(labels) }
-                }, R.omit(['isActive'])(item))),
-                label: R.prop(id)(labels)
-              });
-            })([logo, copyright])
-          )
-        )
+        _Typography2.default,
+        { variant: 'h6' },
+        'Information'
       )
+    ),
+    R.prop('isActive', title) && _react2.default.createElement(
+      _Grid2.default,
+      { item: true, xs: 12, style: { minWidth: 220 } },
+      _react2.default.createElement(_Input2.default, _extends({
+        fullWidth: true,
+        label: R.prop('title', labels),
+        resetLabel: resetLabel
+      }, R.dissoc('isDefault', title)))
+    ),
+    R.prop('isActive', subtitle) && _react2.default.createElement(
+      _Grid2.default,
+      { item: true, xs: 12, style: { minWidth: 220 } },
+      _react2.default.createElement(_Input2.default, _extends({
+        fullWidth: true,
+        label: R.prop('subtitle', labels),
+        resetLabel: resetLabel
+      }, R.dissoc('isDefault', subtitle)))
+    ),
+    R.prop('isActive', source) && _react2.default.createElement(
+      _Grid2.default,
+      { item: true, xs: 12, style: { minWidth: 220 } },
+      _react2.default.createElement(_Input2.default, _extends({
+        fullWidth: true,
+        label: R.prop('source', labels),
+        resetLabel: resetLabel
+      }, R.dissoc('isDefault', source)))
+    ),
+    _react2.default.createElement(
+      _Grid2.default,
+      { item: true, container: true, xs: 12, justifyContent: 'space-around' },
+      R.map(function (item) {
+        if (R.pipe(R.prop('isActive'), R.not)(item)) return;
+        var id = R.prop('id')(item);
+        return _react2.default.createElement(
+          _Grid2.default,
+          { item: true, key: id },
+          _react2.default.createElement(_FormControlLabel2.default, {
+            control: _react2.default.createElement(_Checkbox2.default, _extends({
+              color: 'primary',
+              inputProps: { 'aria-label': R.prop(id)(labels) }
+            }, R.omit(['isActive'])(item))),
+            label: R.prop(id)(labels)
+          })
+        );
+      })([logo, copyright])
     )
   );
 };

package/lib/Select/Select.js

@@ -26,6 +26,8 @@ var _MenuItem = require('@material-ui/core/MenuItem');
 
 var _MenuItem2 = _interopRequireDefault(_MenuItem);
 
+var _core = require('@material-ui/core');
+
 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 }; }
@@ -35,6 +37,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     root: _extends({}, theme.typography.body2),
     paper: {
       maxHeight: 320
+    },
+    typo: {
+      whiteSpace: 'break-spaces'
     }
   };
 });
@@ -74,9 +79,7 @@ var Select = function Select(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    if (ref.current && open) {
-      setWidth(ref.current.clientWidth);
-    }
+    if (ref.current && open) setWidth(ref.current.clientWidth);
   }, [open]);
 
   var getter = function getter(key) {
@@ -103,6 +106,7 @@ var Select = function Select(_ref) {
       title: R.join(', ', labels),
       onChange: handleChange,
       variant: 'outlined',
+      margin: 'dense',
       size: 'small',
       fullWidth: true,
       SelectProps: {
@@ -117,6 +121,13 @@ var Select = function Select(_ref) {
           return setOpen(false);
         },
         classes: { root: classes.root },
+        renderValue: function renderValue() {
+          return _react2.default.createElement(
+            _core.Typography,
+            { variant: 'inherit', className: classes.typo },
+            R.join(', ', labels)
+          );
+        },
         MenuProps: {
           getContentAnchorEl: null,
           anchorOrigin: { vertical: 'bottom', horizontal: 'center' },
@@ -142,7 +153,11 @@ var Select = function Select(_ref) {
           'aria-label': label,
           title: label
         },
-        label
+        _react2.default.createElement(
+          _core.Typography,
+          { variant: 'inherit', className: classes.typo },
+          label
+        )
       );
     })(items)
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "7.17.13",
+  "version": "7.18.1",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",

package/es/ChartsConfig/Axis.js

@@ -1,96 +0,0 @@
-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; };
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import Grid from '@material-ui/core/Grid';
-import Input from './Input';
-import { isActive } from './utils';
-import ContainerTitle from './ContainerTitle';
-import { useStyles } from './styles';
-import cx from 'classnames';
-var AxisConfig = function AxisConfig(_ref) {
-  var icon = _ref.icon,
-      label = _ref.label,
-      labels = _ref.labels,
-      max = _ref.max,
-      min = _ref.min,
-      pivot = _ref.pivot,
-      step = _ref.step;
-
-  var classes = useStyles();
-  return React.createElement(
-    ContainerTitle,
-    { variant: 'grey', icon: icon, label: label, gridItemProps: { xs: 12 } },
-    React.createElement(
-      Grid,
-      { container: true, spacing: 1, className: classes.inputContainer },
-      isActive(min) && React.createElement(
-        Grid,
-        { item: true, xs: 12, sm: 12, md: 6, lg: 4, className: cx(classes.axis, classes.wrapper) },
-        React.createElement(Input, _extends({}, min, {
-          value: R.when(R.isNil, R.always(''))(min.value),
-          type: 'number',
-          label: R.prop('min', labels),
-          fullWidth: true,
-          InputProps: {
-            endAdornment: null
-          }
-        }))
-      ),
-      isActive(max) && React.createElement(
-        Grid,
-        { item: true, xs: 12, sm: 12, md: 6, lg: 4, className: cx(classes.axis, classes.wrapper) },
-        React.createElement(Input, _extends({}, max, {
-          value: R.when(R.isNil, R.always(''))(max.value),
-          type: 'number',
-          label: R.prop('max', labels),
-          fullWidth: true,
-          InputProps: {
-            endAdornment: null
-          }
-        }))
-      ),
-      isActive(pivot) && React.createElement(
-        Grid,
-        { item: true, xs: 12, sm: 12, md: 6, lg: 4, className: cx(classes.axis, classes.wrapper) },
-        React.createElement(Input, _extends({}, pivot, {
-          value: R.when(R.isNil, R.always(''))(pivot.value),
-          type: 'number',
-          label: R.prop('pivot', labels),
-          fullWidth: true,
-          InputProps: {
-            endAdornment: null
-          }
-        }))
-      ),
-      isActive(step) && React.createElement(
-        Grid,
-        { item: true, xs: 12, sm: 12, md: 6, lg: 4, className: cx(classes.axis, classes.wrapper) },
-        React.createElement(Input, _extends({}, step, {
-          value: R.when(R.isNil, R.always(''))(step.value),
-          type: 'number',
-          label: R.prop('step', labels),
-          fullWidth: true,
-          InputProps: {
-            endAdornment: null
-          }
-        }))
-      )
-    )
-  );
-};
-
-AxisConfig.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: PropTypes.node,
-  label: PropTypes.string,
-  labels: PropTypes.object,
-  max: PropTypes.object,
-  min: PropTypes.object,
-  pivot: PropTypes.object,
-  step: PropTypes.object,
-  hasOnSubmit: PropTypes.bool,
-  onChange: PropTypes.func
-} : {};
-
-export default AxisConfig;

package/es/ChartsConfig/ButtonGroup.js

@@ -1,66 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import Grid from '@material-ui/core/Grid';
-import Typography from '@material-ui/core/Typography';
-import Button from '@material-ui/core/Button';
-
-var ButtonGroup = function ButtonGroup(_ref) {
-  var label = _ref.label,
-      labels = _ref.labels,
-      onChange = _ref.onChange,
-      options = _ref.options,
-      value = _ref.value;
-  return React.createElement(
-    Grid,
-    { container: true, alignItems: 'center' },
-    React.createElement(
-      Grid,
-      { item: true, xs: 6 },
-      React.createElement(
-        Typography,
-        { variant: 'body2' },
-        label
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, xs: 6 },
-      React.createElement(
-        Grid,
-        { container: true, spacing: 1, justifyContent: 'flex-end' },
-        R.map(function (option) {
-          return React.createElement(
-            Grid,
-            { item: true, key: option.value },
-            React.createElement(
-              Button,
-              {
-                variant: option.value === value ? 'contained' : 'outlined',
-                onClick: function onClick() {
-                  return onChange(option.value);
-                },
-                color: 'primary'
-              },
-              React.createElement(
-                Typography,
-                { variant: 'body2' },
-                R.prop(option.value, labels)
-              )
-            )
-          );
-        })(options)
-      )
-    )
-  );
-};
-
-ButtonGroup.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.string,
-  labels: PropTypes.object,
-  onChange: PropTypes.func,
-  options: PropTypes.array,
-  value: PropTypes.string
-} : {};
-
-export default ButtonGroup;

package/es/ChartsConfig/ContainerTitle.js

@@ -1,55 +0,0 @@
-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; };
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import cx from 'classnames';
-import Grid from '@material-ui/core/Grid';
-import Typography from '@material-ui/core/Typography';
-import { useStyles } from './styles';
-
-var ContainerTitle = function ContainerTitle(_ref) {
-  var _cx;
-
-  var variant = _ref.variant,
-      children = _ref.children,
-      icon = _ref.icon,
-      label = _ref.label,
-      gridItemProps = _ref.gridItemProps;
-
-  var classes = useStyles();
-  return React.createElement(
-    Grid,
-    _extends({
-      item: true
-    }, gridItemProps, {
-      className: cx((_cx = {}, _cx[classes.greyVariant] = R.equals(variant, 'grey'), _cx))
-    }),
-    React.createElement(
-      Grid,
-      { container: true },
-      React.createElement(
-        Grid,
-        { item: true, xs: 12, className: cx(classes.gridItemSpace, classes.containerTitle) },
-        R.not(R.isNil(icon)) && icon,
-        React.createElement(
-          Typography,
-          { variant: 'h6', className: classes.title },
-          label
-        )
-      )
-    ),
-    children
-  );
-};
-
-ContainerTitle.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.string,
-  variant: PropTypes.string,
-  icon: PropTypes.node,
-  gridItemProps: PropTypes.object,
-  onSubmit: PropTypes.func,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
-} : {};
-
-export default ContainerTitle;