@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/es/ChartsConfig/ChartsConfig.js

@@ -1,470 +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 '@mui/material/Grid';
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
-import Title from './Title';
-import Button from '@mui/material/Button';
-import InputAdornment from '@mui/material/InputAdornment';
-import Typography from '@mui/material/Typography';
-import useFocusOptions from './useFocusOptions';
-import Select from '../Select';
-import { extractMultipleValue, getValue } from './utils';
-import useDimensionOptions from './useDimensionOptions';
-import InputProxy from './InputProxy';
-import Proxy from './Proxy';
-import useAxisOptions from './useAxisOptions';
-import makeStyles from '@mui/styles/makeStyles';
-import DataEdit from '../DataEdit';
-
-export var useStyles = makeStyles(function (theme) {
-  return {
-    greyVariant: {
-      backgroundColor: theme.palette.secondary.dark,
-      color: theme.palette.grey[600]
-    }
-  };
-});
-
-var ChartConfig = function ChartConfig(_ref) {
-  var _ref$labels = _ref.labels,
-      labels = _ref$labels === undefined ? {} : _ref$labels,
-      _ref$properties = _ref.properties,
-      properties = _ref$properties === undefined ? {} : _ref$properties;
-
-  var classes = useStyles();
-
-  var _useDimensionOptions = useDimensionOptions(properties),
-      dimensions = _useDimensionOptions[0];
-
-  var xKeys = useAxisOptions(properties, 'X');
-  var yKeys = useAxisOptions(properties, 'Y');
-
-  var highlight = properties.highlight,
-      baseline = properties.baseline;
-
-  var _useFocusOptions = useFocusOptions(highlight, labels),
-      highlightOptions = _useFocusOptions[0],
-      xhighlightOptions = _useFocusOptions[1];
-
-  var _useFocusOptions2 = useFocusOptions(baseline, labels),
-      baselineOptions = _useFocusOptions2[0],
-      xbaselineOptions = _useFocusOptions2[1];
-
-  var _properties$stackedMo = properties.stackedMode,
-      stackedMode = _properties$stackedMo === undefined ? {} : _properties$stackedMo;
-  var _stackedMode$options = stackedMode.options,
-      stackedModeOptions = _stackedMode$options === undefined ? [] : _stackedMode$options;
-  var _properties$displayMo = properties.displayMode,
-      displayMode = _properties$displayMo === undefined ? {} : _properties$displayMo;
-  var _displayMode$options = displayMode.options,
-      displayModeOptions = _displayMode$options === undefined ? [] : _displayMode$options;
-
-
-  var dKeys = ['dimensions', 'stackedDimension', 'scatterDimension', 'symbolDimension'];
-  var eKeys = ['title', 'subtitle', 'source', 'logo', 'copyright'];
-
-  if (R.isEmpty(properties)) return null;
-
-  return React.createElement(
-    Grid,
-    { container: true, spacing: 3, 'data-testid': 'charts-config-test-id' },
-    React.createElement(
-      Proxy,
-      { keys: dKeys, properties: properties },
-      React.createElement(
-        Grid,
-        { item: true, xs: 12, container: true, spacing: 2 },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, container: true },
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(Title, { label: labels.series })
-          ),
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(
-              Grid,
-              { container: true, spacing: 1 },
-              React.createElement(
-                Proxy,
-                { keys: ['stackedMode'], properties: properties },
-                React.createElement(
-                  Grid,
-                  { item: true, container: true, spacing: 1, alignItems: 'center', style: { minWidth: 320 } },
-                  React.createElement(
-                    Grid,
-                    { item: true, xs: true },
-                    React.createElement(
-                      Typography,
-                      { variant: 'body2' },
-                      labels.stackedMode
-                    )
-                  ),
-                  R.map(function (option) {
-                    return React.createElement(
-                      Grid,
-                      { item: true, key: option.value },
-                      React.createElement(
-                        Button,
-                        {
-                          variant: option.value === stackedMode.value ? 'contained' : 'outlined',
-                          onClick: function onClick() {
-                            return stackedMode.onChange(option.value);
-                          },
-                          color: 'primary'
-                        },
-                        React.createElement(
-                          Typography,
-                          { variant: 'body2' },
-                          R.path(['stackedModeOptions', option.value], labels)
-                        )
-                      )
-                    );
-                  }, stackedModeOptions)
-                )
-              ),
-              R.map(function (_ref2) {
-                var key = _ref2[0],
-                    dimension = _ref2[1];
-                return React.createElement(
-                  Grid,
-                  { item: true, xs: 12, style: { minWidth: 320 }, key: key },
-                  React.createElement(Select, _extends({}, dimension, {
-                    onChange: dimension.onChange,
-                    label: R.prop(key, labels),
-                    value: getValue(dimension.value),
-                    items: dimension.options
-                  }))
-                );
-              }, dimensions)
-            )
-          )
-        )
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, xs: 12, container: true, spacing: 2 },
-      React.createElement(
-        Proxy,
-        { keys: ['highlight', 'baseline'], properties: properties },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, lg: 8, container: true, alignContent: 'flex-start' },
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(Title, { label: labels.focus })
-          ),
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(
-              Grid,
-              { container: true, spacing: 1 },
-              React.createElement(
-                Grid,
-                { item: true, xs: 12, style: { minWidth: 320 } },
-                React.createElement(Select, _extends({}, highlight, {
-                  onChange: function onChange(ids) {
-                    return highlight.onChange(R.props(ids, xhighlightOptions));
-                  },
-                  value: extractMultipleValue(highlight),
-                  items: highlightOptions,
-                  isMultiple: true,
-                  isClearable: true,
-                  label: R.prop('highlight', labels),
-                  placeholder: R.prop('select', labels),
-                  optionsKey: 'highlight'
-                }))
-              ),
-              React.createElement(
-                Grid,
-                { item: true, xs: 12, style: { minWidth: 320 } },
-                React.createElement(Select, _extends({}, baseline, {
-                  onChange: function onChange(id) {
-                    return baseline.onChange(R.pipe(R.props([id]), R.without(baseline.value))(xbaselineOptions));
-                  },
-                  value: R.pipe(R.propOr([], 'value'), R.head, R.prop('value'))(baseline),
-                  items: baselineOptions,
-                  isClearable: true,
-                  label: R.prop('baseline', labels),
-                  placeholder: R.prop('select', labels),
-                  optionsKey: 'baseline'
-                }))
-              )
-            )
-          )
-        )
-      ),
-      React.createElement(
-        Grid,
-        { item: true, xs: 12, lg: 4, container: true, alignContent: 'flex-start' },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(Title, { label: labels.size })
-        ),
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(
-            Grid,
-            { container: true, spacing: 1 },
-            React.createElement(InputProxy, {
-              pkey: 'width',
-              labels: labels,
-              properties: properties,
-              InputProps: {
-                endAdornment: React.createElement(
-                  InputAdornment,
-                  { position: 'end' },
-                  'px'
-                )
-              }
-            }),
-            React.createElement(InputProxy, {
-              pkey: 'height',
-              labels: labels,
-              properties: properties,
-              InputProps: {
-                endAdornment: React.createElement(
-                  InputAdornment,
-                  { position: 'end' },
-                  'px'
-                )
-              }
-            })
-          )
-        )
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, xs: 12, container: true, spacing: 2 },
-      React.createElement(
-        Proxy,
-        { keys: xKeys, properties: properties },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, container: true, className: classes.greyVariant },
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(Title, { label: labels.axisX, icon: React.createElement(ArrowForwardIcon, null) })
-          ),
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(
-              Grid,
-              { container: true, spacing: 1 },
-              R.map(function (key) {
-                return React.createElement(InputProxy, {
-                  pkey: key,
-                  mkey: R.init(key),
-                  key: key,
-                  lg: 12 / R.length(xKeys),
-                  labels: labels,
-                  properties: properties
-                });
-              }, xKeys)
-            )
-          )
-        )
-      ),
-      React.createElement(
-        Proxy,
-        { keys: ['freqStep'], properties: properties },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, container: true, className: classes.greyVariant },
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(Title, { label: labels.axisX, icon: React.createElement(ArrowForwardIcon, null) })
-          ),
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(
-              Grid,
-              { container: true, spacing: 1 },
-              React.createElement(InputProxy, { pkey: 'freqStep', labels: labels, properties: properties })
-            )
-          )
-        )
-      ),
-      React.createElement(
-        Proxy,
-        { keys: yKeys, properties: properties },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, container: true, className: classes.greyVariant },
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(Title, { label: labels.axisY, icon: React.createElement(ArrowUpwardIcon, null) })
-          ),
-          React.createElement(
-            Grid,
-            { item: true, xs: 12 },
-            React.createElement(
-              Grid,
-              { container: true, spacing: 1 },
-              R.map(function (key) {
-                return React.createElement(InputProxy, {
-                  pkey: key,
-                  mkey: R.init(key),
-                  key: key,
-                  lg: 12 / R.length(yKeys),
-                  labels: labels,
-                  properties: properties
-                });
-              }, yKeys)
-            )
-          )
-        )
-      )
-    ),
-    React.createElement(
-      Proxy,
-      { keys: eKeys, properties: properties },
-      React.createElement(
-        Grid,
-        { item: true, xs: 12, container: true, spacing: 2 },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, container: true },
-          React.createElement(DataEdit, { labels: labels, properties: properties })
-        )
-      )
-    ),
-    React.createElement(
-      Proxy,
-      { keys: ['displayMode'], properties: properties },
-      React.createElement(
-        Grid,
-        { item: true, xs: 12, container: true, spacing: 2 },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, container: true },
-          React.createElement(
-            Grid,
-            { item: true, container: true, spacing: 1, alignItems: 'center', style: { minWidth: 320 } },
-            React.createElement(
-              Grid,
-              { item: true, xs: true },
-              React.createElement(
-                Typography,
-                { variant: 'body2' },
-                labels.display
-              )
-            ),
-            R.map(function (option) {
-              return React.createElement(
-                Grid,
-                { item: true, key: option.value },
-                React.createElement(
-                  Button,
-                  {
-                    variant: option.value === displayMode.value ? 'contained' : 'outlined',
-                    onClick: function onClick() {
-                      return displayMode.onChange(option.value);
-                    },
-                    color: 'primary'
-                  },
-                  React.createElement(
-                    Typography,
-                    { variant: 'body2' },
-                    R.path(['displayOptions', option.value], labels)
-                  )
-                )
-              );
-            }, displayModeOptions)
-          )
-        )
-      )
-    )
-  );
-};
-
-var submitableInputProptypes = PropTypes.shape({
-  id: PropTypes.string,
-  isActive: PropTypes.bool,
-  onSubmit: PropTypes.func,
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-});
-
-var selectableInputProptypes = PropTypes.shape({
-  id: PropTypes.string,
-  isActive: PropTypes.bool,
-  onChange: PropTypes.func,
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
-  })),
-  value: PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
-  })
-});
-
-var multiSelectableInputProptypes = PropTypes.shape({
-  id: PropTypes.string,
-  isActive: PropTypes.bool,
-  onChange: PropTypes.func,
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
-  })),
-  value: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
-  }))
-});
-
-ChartConfig.propTypes = process.env.NODE_ENV !== "production" ? {
-  labels: PropTypes.object,
-  properties: PropTypes.shape({
-    highlight: multiSelectableInputProptypes,
-    baseline: multiSelectableInputProptypes,
-    width: submitableInputProptypes,
-    height: submitableInputProptypes,
-    scatterDimension: selectableInputProptypes,
-    scatterX: selectableInputProptypes,
-    scatterY: selectableInputProptypes,
-    symbolDimension: selectableInputProptypes,
-    stackedDimension: selectableInputProptypes,
-    stackedMode: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onChange: PropTypes.func,
-      options: PropTypes.arrayOf(PropTypes.shape({
-        value: PropTypes.string
-      })),
-      value: PropTypes.string
-    }),
-    freqStep: submitableInputProptypes,
-    maxX: submitableInputProptypes,
-    minX: submitableInputProptypes,
-    pivotX: submitableInputProptypes,
-    stepX: submitableInputProptypes,
-    maxY: submitableInputProptypes,
-    minY: submitableInputProptypes,
-    pivotY: submitableInputProptypes,
-    stepY: submitableInputProptypes,
-    title: submitableInputProptypes,
-    subtitle: submitableInputProptypes,
-    source: submitableInputProptypes
-  })
-} : {};
-
-export default ChartConfig;

package/es/ChartsConfig/Input.js

@@ -1,152 +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; };
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-import TextField from '@mui/material/TextField';
-import InputAdornment from '@mui/material/InputAdornment';
-import IconButton from '@mui/material/IconButton';
-import Done from '@mui/icons-material/Done';
-import RotateLeftIcon from '@mui/icons-material/RotateLeft';
-
-var useStyles = makeStyles(function () {
-  return {
-    visibility: {
-      visibility: 'hidden'
-    },
-    input: {
-      '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button': {
-        '-webkit-appearance': 'none',
-        margin: 0
-      },
-      '&[type=number]': {
-        '-moz-appearance': 'textfield'
-      }
-    }
-  };
-});
-
-var LefttIcon = function LefttIcon(_ref) {
-  var Icon = _ref.Icon;
-  return React.createElement(Icon, null);
-};
-
-LefttIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  Icon: PropTypes.object
-} : {};
-
-var RightIcon = function RightIcon(_ref2) {
-  var onSubmit = _ref2.onSubmit,
-      _ref2$Icon = _ref2.Icon,
-      Icon = _ref2$Icon === undefined ? Done : _ref2$Icon;
-  return React.createElement(
-    IconButton,
-    { color: 'primary', onClick: function onClick() {
-        return onSubmit();
-      }, size: 'large' },
-    React.createElement(Icon, null)
-  );
-};
-
-RightIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  Icon: PropTypes.object,
-  onSubmit: PropTypes.func,
-  classes: PropTypes.object
-} : {};
-
-var MyInput = function MyInput(_ref3) {
-  var id = _ref3.id,
-      value = _ref3.value,
-      onSubmit = _ref3.onSubmit,
-      onReset = _ref3.onReset,
-      resetLabel = _ref3.resetLabel,
-      placeholder = _ref3.placeholder,
-      props = _objectWithoutProperties(_ref3, ['id', 'value', 'onSubmit', 'onReset', 'resetLabel', 'placeholder']);
-
-  var classes = useStyles();
-
-  var _useState = useState(value || ''),
-      inputValue = _useState[0],
-      setInputValue = _useState[1];
-
-  useEffect(function () {
-    setInputValue(value);
-  }, [value]);
-
-  var resetId = 'reset-' + id;
-
-  var handleBlur = function handleBlur(event) {
-    if (R.is(Function, onSubmit) && inputValue !== value) {
-      onSubmit(event.target.value);
-    }
-  };
-
-  var handleReset = function handleReset() {
-    if (R.is(Function, onReset)) {
-      onReset();
-    } else {
-      setInputValue(value);
-    }
-  };
-
-  var onEnterLabel = function onEnterLabel(event) {
-    if (event.key === 'Enter') {
-      if (R.is(Function, onSubmit)) {
-        onSubmit(event.target.value);
-      }
-    }
-  };
-
-  var handleChange = function handleChange(event) {
-    setInputValue(event.target.value);
-  };
-
-  var endAdornment = R.is(Function, onReset) || inputValue !== value ? React.createElement(
-    InputAdornment,
-    { position: 'end' },
-    React.createElement(
-      IconButton,
-      {
-        id: resetId,
-        'aria-label': resetLabel,
-        onKeyPress: onEnterLabel,
-        onClick: handleReset,
-        size: 'large'
-      },
-      React.createElement(RotateLeftIcon, { fontSize: 'small' })
-    )
-  ) : null;
-
-  return React.createElement(TextField, _extends({
-    inputProps: {
-      className: classes.input
-    },
-    onBlur: handleBlur,
-    margin: 'dense',
-    size: 'small',
-    variant: 'outlined',
-    onKeyPress: onEnterLabel,
-    onChange: handleChange,
-    id: id,
-    value: inputValue,
-    InputProps: {
-      endAdornment: endAdornment
-    },
-    placeholder: R.is(Number)(placeholder) ? R.toString(placeholder) : placeholder
-  }, R.omit(['isActive'])(props)));
-};
-
-export { MyInput };
-MyInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onSubmit: PropTypes.func,
-  onReset: PropTypes.func,
-  resetLabel: PropTypes.string,
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-} : {};
-
-export default MyInput;

package/es/ChartsConfig/InputProxy.js

@@ -1,57 +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 '@mui/material/Grid';
-import Input from './Input';
-
-var InputProxy = function InputProxy(_ref) {
-  var _ref$minWidth = _ref.minWidth,
-      minWidth = _ref$minWidth === undefined ? 220 : _ref$minWidth,
-      _ref$properties = _ref.properties,
-      properties = _ref$properties === undefined ? {} : _ref$properties,
-      _ref$labels = _ref.labels,
-      labels = _ref$labels === undefined ? {} : _ref$labels,
-      pkey = _ref.pkey,
-      mkey = _ref.mkey,
-      _ref$xs = _ref.xs,
-      xs = _ref$xs === undefined ? 12 : _ref$xs,
-      _ref$sm = _ref.sm,
-      sm = _ref$sm === undefined ? 12 : _ref$sm,
-      _ref$lg = _ref.lg,
-      lg = _ref$lg === undefined ? 12 : _ref$lg,
-      _ref$InputProps = _ref.InputProps,
-      InputProps = _ref$InputProps === undefined ? {} : _ref$InputProps;
-
-  if (R.isNil(pkey)) return null;
-  if (!R.has(pkey, properties)) return null;
-
-  var prop = R.propOr({}, pkey, properties);
-
-  return React.createElement(
-    Grid,
-    { item: true, xs: xs, sm: sm, lg: lg, style: { minWidth: minWidth } },
-    React.createElement(Input, _extends({}, prop, {
-      value: R.when(R.isNil, R.always(''))(prop.value),
-      type: 'number',
-      label: R.prop(mkey || pkey, labels),
-      fullWidth: true,
-      InputProps: R.mergeRight({ endAdornment: null }, InputProps)
-    }))
-  );
-};
-
-InputProxy.propTypes = process.env.NODE_ENV !== "production" ? {
-  minWidth: PropTypes.number,
-  properties: PropTypes.object,
-  labels: PropTypes.object,
-  pkey: PropTypes.string,
-  mkey: PropTypes.string,
-  xs: PropTypes.number,
-  sm: PropTypes.number,
-  lg: PropTypes.number,
-  InputProps: PropTypes.object
-} : {};
-
-export default InputProxy;

package/es/ChartsConfig/Proxy.js

@@ -1,20 +0,0 @@
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-
-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: PropTypes.node,
-  keys: PropTypes.array,
-  properties: PropTypes.object
-};
-
-export default Proxy;