@sis-cc/dotstatsuite-visions 6.7.0 → 7.2.0

package/es/Table/styles.js

@@ -1,52 +0,0 @@
-import PropTypes from 'prop-types';
-import glamorous from 'glamorous';
-import * as R from 'ramda';
-
-export var cell = {
-  outline: '1px solid #A4A1A1',
-  fontSize: 12,
-  fontWeight: 400,
-  lineHeight: 1.43,
-  padding: '0px 8px',
-  zIndex: 1
-};
-
-export var Cell = glamorous.div(cell, function (_ref) {
-  var spanCount = _ref.spanCount,
-      yOffset = _ref.yOffset;
-  return {
-    '@supports (display: grid)': {
-      gridColumn: 'span ' + R.defaultTo(1, spanCount)
-    },
-    '@supports (position: sticky)': {
-      position: R.isNil(yOffset) ? null : 'sticky',
-      top: yOffset
-    }
-  };
-});
-
-Cell.propTypes = {
-  className: PropTypes.string,
-  spanCount: PropTypes.number,
-  yOffset: PropTypes.number,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
-};
-
-export var Table = glamorous.div({
-  display: '-ms-grid',
-  '@supports (display: grid)': {
-    display: 'grid'
-  },
-  gridAutoRows: 'auto',
-  msGridAutoFlow: 'row'
-}, function (_ref2) {
-  var columnCount = _ref2.columnCount,
-      xColumnCount = _ref2.xColumnCount;
-
-  var gridTemplateColumns = R.pipe(R.times(R.always('auto')), R.update(R.dec(xColumnCount), '30px'), R.join(' '))(columnCount);
-
-  return {
-    gridTemplateColumns: gridTemplateColumns,
-    msGridColumns: gridTemplateColumns
-  };
-});

package/es/Table/tableCell.js

@@ -1,29 +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 cx from 'classnames';
-import ValueCell from './valueCell';
-import useStyles from './useStyles';
-
-var TableCell = function TableCell(_ref) {
-  var _ref$cell = _ref.cell,
-      cell = _ref$cell === undefined ? {} : _ref$cell,
-      cellHandler = _ref.cellHandler;
-
-  var classes = useStyles();
-
-  return React.createElement(
-    'div',
-    { className: cx(classes.cell, classes.xCell, classes.xCellValue) },
-    React.createElement(ValueCell, _extends({}, cell, { cellHandler: cellHandler }))
-  );
-};
-
-TableCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  cell: PropTypes.object,
-  cellHandler: PropTypes.func,
-  isRtl: PropTypes.bool
-} : {};
-
-export default TableCell;

package/es/Table/tooltip.js

@@ -1,85 +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 { makeStyles } from '@material-ui/core/styles';
-import * as R from 'ramda';
-import { Tooltip, Asterisk } from '../';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    content: {
-      borderRadius: 3,
-      boxSizing: 'border-box',
-      color: 'white',
-      listStyleType: 'none',
-      maxWidth: 270,
-      padding: 0,
-      margin: 0,
-      fontSize: 12,
-      fontWeight: 400,
-      lineHeight: 1.43
-    },
-    flags: _extends({
-      verticalAlign: 'super',
-      borderBottom: '1px dotted',
-      borderColor: 'inherit',
-      margin: theme.spacing(0, 0.5),
-      whiteSpace: 'nowrap',
-      fontWeight: 'bold',
-      fontStyle: 'normal'
-    }, R.pathOr({}, ['mixins', 'table', 'flag'], theme)),
-    svg: {
-      verticalAlign: 'middle'
-    }
-  };
-});
-
-var ItemTooltip = function ItemTooltip(_ref) {
-  var flags = _ref.flags;
-
-  var classes = useStyles();
-  if (R.anyPass([R.isNil, R.isEmpty])(flags)) return null;
-  var hasUncoded = R.any(R.complement(R.has('code')), flags);
-  var codedIcons = R.pipe(R.reduce(function (acc, flag) {
-    return R.when(R.always(R.has('code', flag)), R.append(flag.code))(acc);
-  }, []), R.join(','))(flags);
-
-  var content = React.createElement(
-    'ul',
-    { className: classes.content },
-    R.addIndex(R.map)(function (_ref2, index) {
-      var label = _ref2.label;
-      return React.createElement(
-        'li',
-        { key: index },
-        label
-      );
-    }, flags)
-  );
-
-  return React.createElement(
-    Tooltip,
-    { title: content, placement: 'top', enterNextDelay: 100 },
-    React.createElement(
-      'span',
-      { className: classes.flags },
-      R.not(R.isEmpty(codedIcons)) && codedIcons,
-      R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && React.createElement(
-        React.Fragment,
-        null,
-        ','
-      ),
-      hasUncoded && React.createElement(Asterisk, { className: classes.svg, style: { fontSize: 11 } })
-    )
-  );
-};
-
-ItemTooltip.propTypes = process.env.NODE_ENV !== "production" ? {
-  flags: PropTypes.arrayOf(PropTypes.shape({
-    code: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    label: PropTypes.string
-  }))
-} : {};
-
-export default React.memo(ItemTooltip);

package/es/Table/useStyles.js

@@ -1,34 +0,0 @@
-import { makeStyles } from '@material-ui/core/styles';
-import { getLight } from '../utils';
-import { cell } from './styles';
-
-export default makeStyles(function (theme) {
-  return {
-    cell: cell,
-    xCell: {
-      color: theme.palette.grey['A700'],
-      zIndex: 0,
-      backgroundColor: theme.palette.common.white
-    },
-    xCellDimension: {
-      backgroundColor: getLight(theme) || theme.palette.secondary.light,
-      display: 'flex'
-    },
-    xCellValue: {
-      '&:hover': {
-        boxShadow: 'inset 0 0 0 3px ' + theme.palette.primary.main
-      }
-    },
-    xCellActive: {
-      boxShadow: 'inset 0 0 0 3px ' + theme.palette.primary.main
-    },
-    sCell: {
-      backgroundColor: theme.palette.grey[200],
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'end',
-      zIndex: 0
-    },
-    highlight: theme.mixins.table.cellHighlight
-  };
-});

package/es/Table/valueCell.js

@@ -1,63 +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 Link from '@material-ui/core/Link';
-import * as R from 'ramda';
-import ItemTooltip from './tooltip';
-
-var ValueCell = function ValueCell(_ref) {
-  var value = _ref.value,
-      flags = _ref.flags,
-      _ref$indexedDimValIds = _ref.indexedDimValIds,
-      indexedDimValIds = _ref$indexedDimValIds === undefined ? {} : _ref$indexedDimValIds,
-      cellHandler = _ref.cellHandler;
-
-  var style = {
-    textAlign: 'right',
-    whiteSpace: R.isEmpty(flags) ? undefined : 'nowrap',
-    paddingTop: 4,
-    paddingBottom: 4
-  };
-
-  var _value = R.pipe(R.split('\n'), R.intersperse(React.createElement('br', null)))(value);
-
-  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? React.createElement(
-    Link,
-    {
-      component: 'button',
-      variant: 'body2',
-      color: 'inherit',
-      underline: 'always',
-      style: { fontSize: 12 },
-      onClick: function onClick() {
-        return cellHandler({ indexedDimValIds: indexedDimValIds });
-      }
-    },
-    _value
-  ) : _value;
-
-  if (R.anyPass([R.isNil, R.isEmpty])(flags)) return React.createElement(
-    'div',
-    { style: style },
-    ' ',
-    uiValue
-  );
-
-  return React.createElement(
-    'div',
-    { style: _extends({}, style, { paddingTop: 0 }) },
-    React.createElement(ItemTooltip, { flags: flags }),
-    uiValue
-  );
-};
-
-ValueCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  flags: PropTypes.array,
-  indexedDimValIds: PropTypes.object,
-  cellHandler: PropTypes.func,
-  isRtl: PropTypes.bool
-} : {};
-
-export default React.memo(ValueCell);

package/es/TableHtml5/sideIcon.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/core/styles';
-import InfoIcon from '@material-ui/icons//Info';
-import IconButton from '@material-ui/core/IconButton';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    icon: {
-      color: theme.palette.primary.main,
-      padding: 0
-    }
-  };
-});
-
-var SideIcon = function SideIcon(_ref) {
-  var sideProps = _ref.sideProps,
-      sideToggle = _ref.sideToggle;
-
-  var classes = useStyles();
-  if (R.isNil(sideProps) || !R.is(Function, sideToggle)) {
-    return null;
-  }
-  return React.createElement(
-    IconButton,
-    {
-      size: 'small',
-      className: classes.icon,
-      onClick: function onClick() {
-        return sideToggle(sideProps);
-      },
-      'data-testid': 'ref-md-info'
-    },
-    React.createElement(InfoIcon, { fontSize: 'small' })
-  );
-};
-
-SideIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  sideProps: PropTypes.object,
-  sideToggle: PropTypes.func
-} : {};
-
-export default SideIcon;

package/lib/Table/Table.js

@@ -1,203 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-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 _header = require('./header');
-
-var _header2 = _interopRequireDefault(_header);
-
-var _rowHeader = require('./row-header');
-
-var _rowHeader2 = _interopRequireDefault(_rowHeader);
-
-var _sectionHeader = require('./section-header');
-
-var _sectionHeader2 = _interopRequireDefault(_sectionHeader);
-
-var _sectionRows = require('./section-rows');
-
-var _sectionRows2 = _interopRequireDefault(_sectionRows);
-
-var _tableCell = require('./tableCell');
-
-var _tableCell2 = _interopRequireDefault(_tableCell);
-
-var _styles = require('./styles');
-
-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 HEADER = 'HEADER';
-var ROW_HEADER = 'ROW_HEADER';
-
-var updatedHeights = function updatedHeights(headerYOffsets) {
-  return R.pipe(R.length, R.times(R.always(0)), R.addIndex(R.map)(function (zero, index) {
-    return R.isNil(R.nth(index)(headerYOffsets)) ? zero : R.nth(index)(headerYOffsets);
-  }));
-};
-
-var Table = function Table(_ref) {
-  var _React$useState2;
-
-  var _ref$sectionsData = _ref.sectionsData,
-      sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
-      _ref$headerData = _ref.headerData,
-      headerData = _ref$headerData === undefined ? [] : _ref$headerData,
-      _ref$cells = _ref.cells,
-      cells = _ref$cells === undefined ? {} : _ref$cells,
-      isRtl = _ref.isRtl,
-      cellHandler = _ref.cellHandler,
-      cellValueAccessor = _ref.cellValueAccessor,
-      activeCellIds = _ref.activeCellIds,
-      activeCellHandler = _ref.activeCellHandler;
-
-  var _React$useState = _react2.default.useState((_React$useState2 = {}, _React$useState2[HEADER] = [0], _React$useState2[ROW_HEADER] = [0], _React$useState2)),
-      yOffsets = _React$useState[0],
-      setYOffsets = _React$useState[1];
-
-  var _React$useMemo = _react2.default.useMemo(function () {
-    var xLayoutData = R.pathOr([], [0, 1, 0, 'data'], sectionsData);
-    var xColumnCount = R.pipe(R.length, R.inc)(xLayoutData);
-    var yColumnCount = R.length(headerData);
-    var columnCount = R.add(xColumnCount, yColumnCount);
-    var yOffsetRowHeader = 0;
-    var yOffsetSectionHeader = R.inc(yOffsetRowHeader);
-    var msGridRowOffsetFactory = function msGridRowOffsetFactory(sectionIndex) {
-      return R.sum([R.inc(yOffsetSectionHeader), sectionIndex, R.pipe(R.take(sectionIndex), R.reduce(R.useWith(R.add, [R.identity, R.pipe(R.last, R.length)]), 0))(sectionsData)]);
-    };
-
-    return {
-      transposedHeaderData: R.pipe(R.pluck('data'), R.map(R.reduce(function (acc, cell) {
-        var previousCell = R.last(acc);
-        var previousCellKey = R.prop('key', previousCell);
-        var valueId = R.path(['value', 'id'], cell);
-        var cellKey = R.isNil(previousCellKey) ? valueId : previousCellKey + '-' + valueId;
-        return R.append(R.assoc('key', cellKey, cell), acc);
-      }, [])), R.transpose)(headerData),
-      xLayoutData: xLayoutData,
-      xColumnCount: xColumnCount,
-      yColumnCount: yColumnCount,
-      columnCount: columnCount,
-      yOffsetRowHeader: yOffsetRowHeader,
-      yOffsetSectionHeader: yOffsetSectionHeader,
-      msGridRowOffsetFactory: msGridRowOffsetFactory
-    };
-  }, [headerData, sectionsData]),
-      transposedHeaderData = _React$useMemo.transposedHeaderData,
-      xLayoutData = _React$useMemo.xLayoutData,
-      columnCount = _React$useMemo.columnCount,
-      xColumnCount = _React$useMemo.xColumnCount,
-      yColumnCount = _React$useMemo.yColumnCount,
-      yOffsetRowHeader = _React$useMemo.yOffsetRowHeader,
-      yOffsetSectionHeader = _React$useMemo.yOffsetSectionHeader,
-      msGridRowOffsetFactory = _React$useMemo.msGridRowOffsetFactory;
-
-  // Hooks before
-
-
-  var isSingleObs = R.hasPath(['', '', '', 0], cells);
-  if (isSingleObs) return _react2.default.createElement(_tableCell2.default, { cell: R.pathOr({}, ['', '', '', 0], cells), cellHandler: cellHandler });
-
-  // Utility funcs
-  var getYOffset = function getYOffset(index) {
-    return R.pipe(R.prop(HEADER), R.slice(0, index), R.sum)(yOffsets);
-  };
-
-  var getSubHeaderOffset = function getSubHeaderOffset(headerData) {
-    return function (index) {
-      var lengthHeader = R.length(headerData);
-      return R.add(R.pipe(R.prop(HEADER), R.slice(0, lengthHeader), R.sum)(yOffsets), R.pipe(R.prop(ROW_HEADER), R.slice(0, index), R.sum)(yOffsets));
-    };
-  };
-
-  var onYVectorSize = function onYVectorSize(label, headerData) {
-    return function (index) {
-      return function (_ref2) {
-        var _R$mergeRight;
-
-        var height = _ref2.height;
-
-        var newYOffsets = R.equals(label, HEADER) ? updatedHeights(R.prop(HEADER)(yOffsets))(headerData) : R.prop(label)(yOffsets);
-        setYOffsets(R.mergeRight(yOffsets, (_R$mergeRight = {}, _R$mergeRight[label] = R.update(index, height)(newYOffsets), _R$mergeRight)));
-      };
-    };
-  };
-
-  return _react2.default.createElement(
-    _styles.Table,
-    { columnCount: columnCount, xColumnCount: xColumnCount },
-    _react2.default.createElement(_header2.default, {
-      data: transposedHeaderData,
-      xColumnCount: xColumnCount,
-      onYVectorSize: onYVectorSize(HEADER, transposedHeaderData),
-      getYOffset: getYOffset
-    }),
-    _react2.default.createElement(_rowHeader2.default, {
-      data: xLayoutData,
-      headerData: headerData,
-      onYVectorSize: onYVectorSize(ROW_HEADER),
-      getYOffset: getSubHeaderOffset(transposedHeaderData),
-      yOffset: yOffsetRowHeader,
-      activeCellIds: activeCellIds
-    }),
-    R.addIndex(R.map)(function (_ref3, sectionIndex) {
-      var sectionHeaderData = _ref3[0],
-          sectionRowsData = _ref3[1];
-
-      var msGridRowOffset = msGridRowOffsetFactory(sectionIndex);
-
-      return _react2.default.createElement(
-        _react2.default.Fragment,
-        { key: 'section-' + sectionIndex },
-        _react2.default.createElement(_sectionHeader2.default, {
-          columnCount: columnCount,
-          section: sectionHeaderData,
-          yOffset: getSubHeaderOffset(transposedHeaderData)(yOffsetSectionHeader),
-          msGridRow: msGridRowOffset,
-          isRtl: isRtl
-        }),
-        _react2.default.createElement(_sectionRows2.default, {
-          data: sectionRowsData,
-          headerData: headerData,
-          cells: cells,
-          cellHandler: cellHandler,
-          cellValueAccessor: cellValueAccessor,
-          activeCellIds: activeCellIds,
-          activeCellHandler: activeCellHandler,
-          sectionData: sectionHeaderData,
-          yColumnCount: yColumnCount,
-          xColumnCount: xColumnCount,
-          yOffset: yOffsetRowHeader,
-          msGridRowOffset: msGridRowOffset
-        })
-      );
-    }, sectionsData)
-  );
-};
-
-Table.propTypes = process.env.NODE_ENV !== "production" ? {
-  headerData: _propTypes2.default.array.isRequired,
-  sectionsData: _propTypes2.default.array.isRequired,
-  cells: _propTypes2.default.object.isRequired,
-  cellHandler: _propTypes2.default.func,
-  cellValueAccessor: _propTypes2.default.func,
-  activeCellHandler: _propTypes2.default.func,
-  activeCellIds: _propTypes2.default.object,
-  isRtl: _propTypes2.default.bool
-} : {};
-
-exports.default = Table;
-module.exports = exports['default'];

package/lib/Table/header.js

@@ -1,116 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-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; };
-
-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 _reactSizeme = require('react-sizeme');
-
-var _reactSizeme2 = _interopRequireDefault(_reactSizeme);
-
-var _styles = require('@material-ui/core/styles');
-
-var _styles2 = require('./styles');
-
-var _itemCell = require('./itemCell');
-
-var _itemCell2 = _interopRequireDefault(_itemCell);
-
-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 = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      backgroundColor: theme.palette.primary.main,
-      color: theme.palette.getContrastText(theme.palette.primary.main),
-      '& span': {
-        color: theme.palette.getContrastText(theme.palette.primary.main),
-        borderColor: theme.palette.getContrastText(theme.palette.primary.main)
-      }
-    }
-  };
-});
-
-var YVector = (0, _reactSizeme2.default)({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(_styles2.Cell);
-
-var mergeHeaderCells = R.reduce(function (acc, headerCell) {
-  var previousCell = R.last(acc);
-  var cellValue = R.prop('key', headerCell);
-  var previousCellValue = R.prop('key', previousCell);
-  if (cellValue !== previousCellValue) {
-    return R.append(R.assoc('spanCount', 1, headerCell), acc);
-  }
-  return R.over(R.lensIndex(-1), R.evolve({ spanCount: R.add(1) }), acc);
-}, []);
-
-var Header = function Header(_ref) {
-  var data = _ref.data,
-      onYVectorSize = _ref.onYVectorSize,
-      getYOffset = _ref.getYOffset,
-      xColumnCount = _ref.xColumnCount;
-
-  var classes = useStyles();
-  if (R.equals([''], data)) return null;
-  var getDimensionFromRow = R.pipe(R.head, R.prop('dimension'));
-  var nRows = R.length(data);
-
-  return R.addIndex(R.map)(function (headerRow, i) {
-    return _react2.default.createElement(
-      _react2.default.Fragment,
-      { key: 'header-row-' + i },
-      _react2.default.createElement(
-        YVector,
-        {
-          yOffset: getYOffset(i),
-          onSize: onYVectorSize(i),
-          spanCount: xColumnCount,
-          className: classes.root
-        },
-        _react2.default.createElement(_itemCell2.default, _extends({
-          justifyContent: 'flex-end',
-          fontWeight: 'bold',
-          fontStyle: 'italic'
-        }, getDimensionFromRow(headerRow)))
-      ),
-      R.pipe(R.when(R.always(i !== nRows - 1), mergeHeaderCells), // don't want merge of cells in the last row
-      R.addIndex(R.map)(function (_ref2, j) {
-        var value = _ref2.value,
-            spanCount = _ref2.spanCount;
-        return _react2.default.createElement(
-          _styles2.Cell,
-          {
-            key: 'header-column-' + j,
-            yOffset: getYOffset(i),
-            spanCount: spanCount,
-            className: classes.root
-          },
-          _react2.default.createElement(_itemCell2.default, _extends({ justifyContent: 'center', sticky: spanCount > 1 }, value))
-        );
-      }))(headerRow)
-    );
-  })(data);
-};
-
-Header.propTypes = process.env.NODE_ENV !== "production" ? {
-  data: _propTypes2.default.array.isRequired,
-  xColumnCount: _propTypes2.default.number.isRequired,
-  onYVectorSize: _propTypes2.default.func.isRequired,
-  getYOffset: _propTypes2.default.func.isRequired
-} : {};
-
-exports.default = Header;
-module.exports = exports['default'];

package/lib/Table/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _Table = require('./Table');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Table).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-module.exports = exports['default'];