@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/Mode/Mode.js

@@ -1,135 +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 makeStyles from '@mui/styles/makeStyles';
-import RadioGroup from '@mui/material/RadioGroup';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Radio from '@mui/material/Radio';
-import { Tooltip } from '../';
-import useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    title: _extends({
-      padding: 0
-    }, R.pathOr({}, ['mixins', 'share', 'title'], theme)),
-    label: theme.typography.body2,
-    icon: {
-      marginLeft: theme.spacing(0.5)
-    },
-    radioGroup: {
-      alignContent: 'flex-start'
-    }
-  };
-});
-
-var Warning = function Warning(_ref) {
-  var title = _ref.title,
-      children = _ref.children;
-
-  var classes = useStyles();
-
-  var _useKeyboardEscapeHan = useKeyboardEscapeHandler(),
-      open = _useKeyboardEscapeHan.open,
-      setOpen = _useKeyboardEscapeHan.setOpen;
-
-  return React.createElement(
-    Tooltip,
-    {
-      className: classes.icon,
-      title: title,
-      variant: 'light',
-      'aria-label': title,
-      'aria-hidden': false,
-      open: open,
-      onOpen: function onOpen() {
-        return setOpen(true);
-      },
-      onClose: function onClose() {
-        return setOpen(false);
-      }
-    },
-    children
-  );
-};
-
-Warning.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: PropTypes.string,
-  children: PropTypes.node
-} : {};
-
-var Mode = function Mode(_ref2) {
-  var changeMode = _ref2.changeMode,
-      _ref2$placement = _ref2.placement,
-      placement = _ref2$placement === undefined ? 'end' : _ref2$placement,
-      mode = _ref2.mode,
-      _ref2$modes = _ref2.modes,
-      modes = _ref2$modes === undefined ? [] : _ref2$modes,
-      _ref2$isSmall = _ref2.isSmall,
-      isSmall = _ref2$isSmall === undefined ? false : _ref2$isSmall,
-      children = _ref2.children;
-
-  var classes = useStyles();
-  var mapIndexed = R.addIndex(R.map);
-  return React.createElement(
-    RadioGroup,
-    {
-      onChange: function onChange(e) {
-        return changeMode(e.target.value);
-      },
-      value: mode,
-      className: classes.radioGroup,
-      tabIndex: 0
-    },
-    mapIndexed(function (_ref3, idx) {
-      var label = _ref3.label,
-          value = _ref3.value,
-          popperLabel = _ref3.popperLabel,
-          disabled = _ref3.disabled;
-      return React.createElement(FormControlLabel, {
-        classes: { label: classes.label },
-        key: value + '-' + idx,
-        checked: mode === value,
-        control: React.createElement(Radio, {
-          variant: 'outlined',
-          color: 'primary',
-          size: isSmall ? 'small' : 'medium',
-          inputProps: { tabIndex: '0', id: label + '_' + idx }
-        }),
-        label: React.createElement(
-          'span',
-          { id: label },
-          label,
-          popperLabel && React.createElement(
-            Warning,
-            { title: popperLabel },
-            children
-          )
-        ),
-        labelPlacement: placement,
-        value: value,
-        disabled: disabled || false,
-        style: { height: isSmall ? '25px' : null },
-        role: 'radio'
-      });
-    })(modes)
-  );
-};
-
-Mode.propTypes = process.env.NODE_ENV !== "production" ? {
-  changeMode: PropTypes.func,
-  children: PropTypes.node,
-  mode: PropTypes.string,
-  placement: PropTypes.string,
-  modes: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    value: PropTypes.string,
-    popperLabel: PropTypes.string,
-    disabled: PropTypes.bool
-  })),
-  isSmall: PropTypes.bool
-} : {};
-
-export default Mode;

package/es/Mode/index.js

@@ -1,24 +0,0 @@
-/**
- * NoData component is a basic placeholder to use when there is nothing to display.
- *
- * @memberOf VISIONS
- * @name Mode
- * @tag component
- * @api public
- * @props
- * Mode.propTypes = {
- * changeMode: PropTypes.func,
- * mode: PropTypes.string,
- * modes: PropTypes.arrayOf(
- *  PropTypes.shape({
- *    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *    value: PropTypes.string,
- *    popperLabel: PropTypes.string,
- *  }),
- * isSmall: PropTypes.bool,
- * }
- * @theme
- * // no custom theme there
- */
-
-export { default } from './Mode';

package/es/NoData/NoData.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-import Error from '@mui/icons-material/Error';
-
-var useStyles = makeStyles(function () {
-  return {
-    root: {
-      display: 'flex',
-      flexDirection: 'column',
-      width: '100%',
-      height: '100%',
-      justifyContent: 'center',
-      alignItems: 'center'
-    }
-  };
-});
-
-var NO_RESULT_MESSAGE_ID = 'noResultMessage';
-
-var NoData = function NoData(_ref) {
-  var icon = _ref.icon,
-      message = _ref.message;
-
-  var classes = useStyles();
-  return React.createElement(
-    'div',
-    { className: classes.root },
-    React.createElement(
-      Typography,
-      { variant: 'subtitle1', noWrap: true, align: 'center' },
-      icon || React.createElement(Error, { color: 'primary', fontSize: 'large' })
-    ),
-    React.createElement(
-      Typography,
-      { variant: 'subtitle1', noWrap: true, align: 'center', tabIndex: '0', id: NO_RESULT_MESSAGE_ID },
-      message
-    )
-  );
-};
-
-NoData.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: PropTypes.element,
-  message: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-} : {};
-
-export default NoData;

package/es/NoData/index.js

@@ -1,15 +0,0 @@
-/**
- * NoData component is a basic placeholder to use when there is nothing to display.
- *
- * @memberOf VISIONS
- * @name NoData
- * @tag component
- * @api public
- * @props
- * icon: PropTypes.element
- * message: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
- * @theme
- * // no custom theme there
- */
-
-export { default } from './NoData';

package/es/Pagination/Pagination.js

@@ -1,207 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft';
-import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
-import IconButton from '@mui/material/IconButton';
-import FirstPageIcon from '@mui/icons-material/FirstPage';
-import LastPageIcon from '@mui/icons-material/LastPage';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import { useTheme } from '@mui/material/styles';
-import { withBlank } from '../utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      alignItems: 'center',
-      display: 'flex',
-      userSelect: 'none'
-    },
-    input: {
-      width: 40,
-      marginBottom: '0 !important',
-      marginTop: '0 !important',
-      marginLeft: theme.spacing(0.5),
-      marginRight: theme.spacing(0.5),
-      padding: '0 !important',
-      justifyContent: 'center',
-      '& fieldset': {
-        padding: '0 !important'
-      },
-      '& input': {
-        padding: '0 !important',
-        height: 24,
-        textAlign: 'center'
-      }
-    },
-    innerInput: {
-      fontSize: theme.typography.fontSize
-    }
-  };
-});
-
-var PageForm = function PageForm(_ref) {
-  var labels = _ref.labels,
-      page = _ref.page,
-      pages = _ref.pages,
-      onSubmit = _ref.onSubmit;
-
-  var classes = useStyles();
-
-  var _useState = useState(page),
-      value = _useState[0],
-      changeValue = _useState[1];
-
-  var changePageFor = function changePageFor(number) {
-    if (R.isEmpty(R.match(/^[0-9]*$/g, number))) return;
-    return changeValue(number);
-  };
-
-  useEffect(function () {
-    changeValue(page);
-  }, [page]);
-
-  var onEnterLabel = function onEnterLabel(event) {
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      if (R.is(Function, onSubmit)) {
-        var intValue = parseInt(event.target.value);
-        if (isNaN(intValue)) return;
-        if (intValue > pages) return;
-        onSubmit(intValue);
-      }
-    }
-  };
-
-  return React.createElement(
-    'div',
-    { className: classes.container },
-    React.createElement(
-      Typography,
-      { variant: 'body2', tabIndex: 0 },
-      R.prop('page', labels)
-    ),
-    React.createElement(TextField, {
-      inputProps: {
-        'aria-label': R.prop('page', labels),
-        className: classes.innerInput
-      },
-      className: classes.input,
-      value: value,
-      disabled: pages === 1,
-      onChange: function onChange(e) {
-        return changePageFor(e.target.value);
-      },
-      onKeyPress: onEnterLabel,
-      type: 'text',
-      variant: 'outlined'
-    }),
-    React.createElement(
-      Typography,
-      { variant: 'body2', tabIndex: 0 },
-      R.prop('of', labels) + ' ' + pages
-    )
-  );
-};
-
-PageForm.propTypes = process.env.NODE_ENV !== "production" ? {
-  page: PropTypes.number,
-  pages: PropTypes.number,
-  onChange: PropTypes.func,
-  onSubmit: PropTypes.func,
-  labels: PropTypes.object
-} : {};
-
-var Pagination = function Pagination(_ref2) {
-  var labels = _ref2.labels,
-      page = _ref2.page,
-      pages = _ref2.pages,
-      onChange = _ref2.onChange,
-      onSubmit = _ref2.onSubmit;
-
-  var classes = useStyles();
-  var theme = useTheme();
-  return React.createElement(
-    'div',
-    { 'data-testid': 'pagination-test-id', className: classes.container },
-    React.createElement(
-      IconButton,
-      {
-        className: classes.iconButton,
-        disabled: page === 1,
-        color: 'primary',
-        onClick: function onClick() {
-          return onChange(1);
-        },
-        'aria-label': R.prop('startPage', labels),
-        size: 'small'
-      },
-      theme.direction === 'rtl' ? React.createElement(LastPageIcon, null) : React.createElement(FirstPageIcon, null)
-    ),
-    React.createElement(
-      IconButton,
-      {
-        className: classes.iconButton,
-        disabled: page === 1,
-        color: 'primary',
-        onClick: function onClick() {
-          return onChange(page - 1);
-        },
-        'aria-label': R.prop('previousPage', labels),
-        size: 'small'
-      },
-      theme.direction === 'rtl' ? React.createElement(KeyboardArrowRight, null) : React.createElement(KeyboardArrowLeft, null)
-    ),
-    React.createElement(PageForm, { labels: labels, page: page, pages: pages, onSubmit: onSubmit }),
-    React.createElement(
-      IconButton,
-      {
-        className: classes.iconButton,
-        disabled: page === pages,
-        color: 'primary',
-        onClick: function onClick() {
-          return onChange(page + 1);
-        },
-        'aria-label': R.prop('nextPage', labels),
-        size: 'small'
-      },
-      theme.direction === 'rtl' ? React.createElement(KeyboardArrowLeft, null) : React.createElement(KeyboardArrowRight, null)
-    ),
-    React.createElement(
-      IconButton,
-      {
-        className: classes.iconButton,
-        disabled: page === pages,
-        color: 'primary',
-        onClick: function onClick() {
-          return onChange(pages);
-        },
-        'aria-label': R.prop('endPage', labels),
-        size: 'small'
-      },
-      theme.direction === 'rtl' ? React.createElement(FirstPageIcon, null) : React.createElement(LastPageIcon, null)
-    )
-  );
-};
-
-Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
-  page: PropTypes.number,
-  pages: PropTypes.number,
-  onChange: PropTypes.func,
-  onSubmit: PropTypes.func,
-  labels: PropTypes.shape({
-    page: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    of: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  })
-} : {};
-
-export default withBlank(function (_ref3) {
-  var isBlank = _ref3.isBlank,
-      _ref3$pages = _ref3.pages,
-      pages = _ref3$pages === undefined ? 1 : _ref3$pages;
-  return {
-    isBlank: R.or(isBlank, R.equals(1, pages))
-  };
-})(Pagination);

package/es/Pagination/index.js

@@ -1,31 +0,0 @@
-/**
- * Pagination
- *
- * @memberOf VISIONS
- * @name Pagination
- * @tag component
- * @api public
- * @props
- * Pagination.propTypes = {
- *   page: PropTypes.number,
- *   pages: PropTypes.number,
- *   onChange: PropTypes.func,
- *   onSubmit: PropTypes.func,
- *   labels: PropTypes.shape({
- *     page: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     of: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     startPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     previousPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     nextPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     endPage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }),
- * };
- * @theme
- * {
- *   typography: {
- *     fontSize: // input font size
- *   }
- * }
- **/
-
-export { default } from './Pagination';

package/es/PeriodPicker/PeriodPicker.js

@@ -1,236 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import { compareAsc, compareDesc, isSameYear } from 'date-fns';
-import Grid from '@mui/material/Grid';
-import Typography from '@mui/material/Typography';
-import { numeralFormat } from './lib';
-import { Button, Select } from '../';
-import useStyles from './styles';
-import { defaultfreq } from './constants';
-import { getRange, getFrequencyOptions, getDefaultFrequency, getLayout, getPeriodValue, getDate, getDateInTheRange, getDestructuringDate, isValidNumber } from './lib';
-import { withBlank } from '../utils';
-
-var Period = function Period(_ref) {
-  var _ref$defaultFrequency = _ref.defaultFrequency,
-      defaultFrequency = _ref$defaultFrequency === undefined ? defaultfreq : _ref$defaultFrequency,
-      _ref$availableFrequen = _ref.availableFrequencies,
-      availableFrequencies = _ref$availableFrequen === undefined ? [defaultfreq] : _ref$availableFrequen,
-      _boundaries = _ref.boundaries,
-      _availableBoundaries = _ref.availableBoundaries,
-      changePeriod = _ref.changePeriod,
-      changeFrequency = _ref.changeFrequency,
-      _period = _ref.period,
-      labels = _ref.labels,
-      periodDisabled = _ref.periodDisabled,
-      frequencyDisabled = _ref.frequencyDisabled,
-      disabled = _ref.disabled;
-
-  var classes = useStyles();
-  var frequencies = getFrequencyOptions(availableFrequencies, labels);
-  if (R.isEmpty(frequencies)) return null;
-  var frequency = getDefaultFrequency({
-    defaultFrequency: defaultFrequency,
-    frequencies: R.pluck('value')(frequencies)
-  });
-  var period = R.defaultTo([], _period);
-  var boundaries = R.defaultTo([], _boundaries);
-  var availableBoundaries = R.defaultTo([], _availableBoundaries);
-  var isPeriodDisabled = R.or(R.any(R.isEmpty)([period, boundaries]), periodDisabled);
-  var startDate = R.head(period);
-  var endDate = R.last(period);
-
-  var startPeriodBoundaries = [R.head(boundaries), R.defaultTo(R.last(boundaries), endDate)];
-  var endPeriodBoundaries = [R.defaultTo(R.head(boundaries), startDate), R.last(boundaries)];
-  var ranges = [getRange(startPeriodBoundaries, startDate), getRange(endPeriodBoundaries, endDate)];
-
-  var showFrequency = R.and(R.gt(R.length(frequencies), 1), R.not(frequencyDisabled));
-  var destructuringDates = R.map(getDestructuringDate)(period);
-
-  var onClickFrequency = function onClickFrequency(e, value) {
-    if (R.is(Function, changeFrequency)) return changeFrequency(value);
-  };
-  var _getIsDisabled = function _getIsDisabled(getter) {
-    return function (value, id) {
-      var _getDate;
-
-      var fn = R.prop(getter)({ start: R.head, end: R.last });
-      if (!isValidNumber(Number(value)) || R.length(availableBoundaries) !== 2) {
-        return false;
-      }
-      var dateValue = getPeriodValue(fn(destructuringDates));
-
-      var date = getDate(frequency, dateValue, (_getDate = {}, _getDate[id] = Number(value), _getDate), getter === 'end');
-      var availableStart = availableBoundaries[0],
-          availableEnd = availableBoundaries[1];
-
-      if (id === 'year') {
-        if (isSameYear(date, availableStart)) {
-          date = availableStart;
-        } else if (isSameYear(date, availableEnd)) {
-          date = availableEnd;
-        }
-      }
-      return compareAsc(date, availableStart) === -1 || compareDesc(date, availableEnd) === -1;
-    };
-  };
-  var onChangePeriod = function onChangePeriod(getter, id) {
-    return function (value) {
-      var fn = R.prop(getter)({ start: R.head, end: R.last });
-      var lensIndex = R.prop(getter)({ start: R.lensIndex(0), end: R.lensIndex(1) });
-      var dateValue = getPeriodValue(fn(destructuringDates));
-      var selectedValue = R.ifElse(isValidNumber, R.assoc(id, R.__, {}), R.always(undefined))(Number(value));
-      var newDate = getDate(frequency, dateValue, selectedValue, getter === 'end');
-      if (R.is(Function, changePeriod)) {
-        return changePeriod(R.pipe(R.set(lensIndex, newDate), function (_ref2) {
-          var startDate = _ref2[0],
-              endDate = _ref2[1];
-          return [getDateInTheRange(startPeriodBoundaries)(startDate), getDateInTheRange(endPeriodBoundaries)(endDate)];
-        })(period));
-      }
-    };
-  };
-  return React.createElement(
-    Grid,
-    { 'data-testid': 'period-picker-test-id', container: true, direction: 'row' },
-    showFrequency && React.createElement(
-      Grid,
-      {
-        item: true,
-        xs: 12,
-        className: classes.headerContainer,
-        'data-testid': 'period-picker-frequency-test-id'
-      },
-      R.map(function (freq) {
-        return React.createElement(
-          Button,
-          {
-            sx: { margin: 2 },
-            'aria-label': freq.label,
-            key: freq.value,
-            onClick: function onClick(e) {
-              return onClickFrequency(e, R.prop('value', freq));
-            },
-            selected: frequency
-          },
-          freq.label
-        );
-      })(frequencies)
-    ),
-    R.not(isPeriodDisabled) && React.createElement(
-      Grid,
-      { container: true, xs: 12, justifyContent: 'space-between' },
-      R.map(function (_ref3) {
-        var getter = _ref3.getter,
-            layout = _ref3.layout,
-            label = _ref3.label,
-            value = _ref3.value,
-            testId = _ref3.testId,
-            getIsDisabled = _ref3.getIsDisabled;
-        return React.createElement(
-          Grid,
-          { key: getter, item: true, xs: 5, 'data-testid': testId, justifyContent: 'space-between' },
-          React.createElement(
-            Grid,
-            { container: true, direction: 'row' },
-            React.createElement(
-              Grid,
-              { item: true, xs: 12, className: classes.sideLabel },
-              React.createElement(
-                Typography,
-                {
-                  variant: 'body2',
-                  tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
-                  , 'aria-label': label
-                },
-                label
-              )
-            )
-          ),
-          React.createElement(
-            Grid,
-            { container: true, direction: 'row' },
-            React.createElement(
-              Grid,
-              { item: true, xs: 12 },
-              React.createElement(
-                Grid,
-                { container: true, className: classes.headerContainer, spacing: 1 },
-                R.map(function (row) {
-                  return R.map(function (_ref4) {
-                    var id = _ref4.id,
-                        values = _ref4.values;
-
-                    var selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
-                    return React.createElement(
-                      Grid,
-                      {
-                        key: id,
-                        item: true,
-                        xs: 12 / R.length(row),
-                        className: classes.selectContainer
-                      },
-                      React.createElement(Select, {
-                        onChange: onChangePeriod(getter, id),
-                        label: R.prop(id)(labels),
-                        id: id + '-' + label,
-                        dataTestId: id + '-' + label + '-test-id',
-                        value: selectedValue,
-                        disabled: disabled || false,
-                        items: R.map(function (option) {
-                          return {
-                            id: id,
-                            value: option,
-                            disabled: getIsDisabled(option, id),
-                            label: R.ifElse(R.is(String), R.identity, R.prop(id)(numeralFormat))(option)
-                          };
-                        })(values)
-                      })
-                    );
-                  })(row);
-                })(layout)
-              )
-            )
-          )
-        );
-      })([{
-        getter: 'start',
-        testId: 'period-picker-start-period-test-id',
-        layout: getLayout(frequency, R.head(ranges)),
-        label: R.prop('start')(labels),
-        value: getPeriodValue(R.head(destructuringDates)),
-        getIsDisabled: _getIsDisabled('start')
-      }, {
-        getter: 'end',
-        testId: 'period-picker-end-period-test-id',
-        layout: getLayout(frequency, R.last(ranges), /*R.last(availableRanges)*/[]),
-        label: R.prop('end')(labels),
-        value: getPeriodValue(R.last(destructuringDates)),
-        getIsDisabled: _getIsDisabled('end')
-      }])
-    )
-  );
-};
-
-Period.propTypes = process.env.NODE_ENV !== "production" ? {
-  defaultFrequency: PropTypes.string,
-  availableFrequencies: PropTypes.array,
-  availableBoundaries: PropTypes.array,
-  boundaries: PropTypes.array,
-  changePeriod: PropTypes.func,
-  changeFrequency: PropTypes.func,
-  period: PropTypes.array,
-  labels: PropTypes.object,
-  periodDisabled: PropTypes.bool,
-  frequencyDisabled: PropTypes.bool,
-  disabled: PropTypes.bool
-} : {};
-
-export default withBlank(function (_ref5) {
-  var periodDisabled = _ref5.periodDisabled,
-      frequencyDisabled = _ref5.frequencyDisabled,
-      isBlank = _ref5.isBlank;
-  return {
-    isBlank: R.or(isBlank, R.and(periodDisabled, frequencyDisabled))
-  };
-})(Period);