@sis-cc/dotstatsuite-visions 7.17.13 → 7.18.0

package/es/ChartsConfig/useFocusOptions.js

@@ -0,0 +1,22 @@
+import { useMemo } from 'react';
+import * as R from 'ramda';
+
+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 = useMemo(function () {
+    return R.when(hasUniqUnlabelledOption, R.set(R.lensPath([0, 'label']), R.prop('uniqFocusOption', labels)))(focus.options);
+  }, [labels, focus.options]);
+
+  var indexedOptions = useMemo(function () {
+    if (!options) return {};
+    return R.indexBy(R.prop('value'), options);
+  }, [options]);
+
+  return [options, indexedOptions];
+};
+
+export default useFocusOptions;

package/es/ChartsConfig/utils.js

@@ -1,12 +1,6 @@
 import * as R from 'ramda';
 
-export var isActive = R.propOr(false, 'isActive');
-
-export var seriesProperties = ['scatterDimension', 'scatterX', 'scatterY', 'symbolDimension', 'stackedDimension', 'stackedMode'];
-
-export var 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
-export var extractMultipleValue = R.pipe(R.prop('value'), R.pluck('value'));
+export var extractMultipleValue = R.pipe(R.propOr([], 'value'), R.pluck('value'));
+
+export var getValue = R.ifElse(R.is(String), R.identity, R.prop('value'));

package/es/DataEdit/DataEdit.js

@@ -5,34 +5,14 @@ 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 Container from '@material-ui/core/Container';
 import Checkbox from '@material-ui/core/Checkbox';
-import { makeStyles } from '@material-ui/styles';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import Input from './Input';
 import { withBlank } from '../utils';
 
-var useStyles = 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,
@@ -48,66 +28,61 @@ var DataEdit = function DataEdit(_ref) {
 
   return React.createElement(
     Grid,
-    { 'data-testid': 'data-edit-test-id', spacing: 2, container: true, className: classes.root },
+    { 'data-testid': 'data-edit-test-id', container: true, spacing: 1 },
     React.createElement(
       Grid,
       { item: true, xs: 12 },
       React.createElement(
-        Grid,
-        { container: true },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(
-            Typography,
-            { variant: 'h6', className: classes.title },
-            'Information'
-          )
-        )
-      ),
-      React.createElement(
-        Grid,
-        { spacing: 2, container: true },
-        R.or(R.prop('isActive')(title), R.prop('isActive')(subtitle)) && React.createElement(
-          Grid,
-          { item: true, xs: 12, sm: 12, md: 12, lg: 6 },
-          R.prop('isActive')(title) && React.createElement(Input, _extends({
-            fullWidth: true,
-            label: R.prop('title', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', title))),
-          R.prop('isActive')(subtitle) && React.createElement(Input, _extends({
-            fullWidth: true,
-            label: R.prop('subtitle', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', subtitle)))
-        ),
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, sm: 12, md: 12, lg: 6 },
-          R.prop('isActive')(source) && React.createElement(Input, _extends({
-            fullWidth: true,
-            label: R.prop('source', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', source))),
-          React.createElement(
-            Container,
-            { 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 React.createElement(FormControlLabel, {
-                key: id,
-                control: React.createElement(Checkbox, _extends({
-                  color: 'primary',
-                  inputProps: { 'aria-label': R.prop(id)(labels) }
-                }, R.omit(['isActive'])(item))),
-                label: R.prop(id)(labels)
-              });
-            })([logo, copyright])
-          )
-        )
+        Typography,
+        { variant: 'h6' },
+        'Information'
       )
+    ),
+    R.prop('isActive', title) && React.createElement(
+      Grid,
+      { item: true, xs: 12, style: { minWidth: 220 } },
+      React.createElement(Input, _extends({
+        fullWidth: true,
+        label: R.prop('title', labels),
+        resetLabel: resetLabel
+      }, R.dissoc('isDefault', title)))
+    ),
+    R.prop('isActive', subtitle) && React.createElement(
+      Grid,
+      { item: true, xs: 12, style: { minWidth: 220 } },
+      React.createElement(Input, _extends({
+        fullWidth: true,
+        label: R.prop('subtitle', labels),
+        resetLabel: resetLabel
+      }, R.dissoc('isDefault', subtitle)))
+    ),
+    R.prop('isActive', source) && React.createElement(
+      Grid,
+      { item: true, xs: 12, style: { minWidth: 220 } },
+      React.createElement(Input, _extends({
+        fullWidth: true,
+        label: R.prop('source', labels),
+        resetLabel: resetLabel
+      }, R.dissoc('isDefault', source)))
+    ),
+    React.createElement(
+      Grid,
+      { 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 React.createElement(
+          Grid,
+          { item: true, key: id },
+          React.createElement(FormControlLabel, {
+            control: React.createElement(Checkbox, _extends({
+              color: 'primary',
+              inputProps: { 'aria-label': R.prop(id)(labels) }
+            }, R.omit(['isActive'])(item))),
+            label: R.prop(id)(labels)
+          })
+        );
+      })([logo, copyright])
     )
   );
 };

package/es/Select/Select.js

@@ -6,12 +6,16 @@ import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
 import MenuItem from '@material-ui/core/MenuItem';
+import { Typography } from '@material-ui/core';
 
 var useStyles = makeStyles(function (theme) {
   return {
     root: _extends({}, theme.typography.body2),
     paper: {
       maxHeight: 320
+    },
+    typo: {
+      whiteSpace: 'break-spaces'
     }
   };
 });
@@ -51,9 +55,7 @@ var Select = function Select(_ref) {
   };
 
   useEffect(function () {
-    if (ref.current && open) {
-      setWidth(ref.current.clientWidth);
-    }
+    if (ref.current && open) setWidth(ref.current.clientWidth);
   }, [open]);
 
   var getter = function getter(key) {
@@ -80,6 +82,7 @@ var Select = function Select(_ref) {
       title: R.join(', ', labels),
       onChange: handleChange,
       variant: 'outlined',
+      margin: 'dense',
       size: 'small',
       fullWidth: true,
       SelectProps: {
@@ -119,7 +122,11 @@ var Select = function Select(_ref) {
           'aria-label': label,
           title: label
         },
-        label
+        isMultiple ? label : React.createElement(
+          Typography,
+          { variant: 'inherit', className: classes.typo },
+          label
+        )
       );
     })(items)
   );