@sis-cc/dotstatsuite-visions 6.6.3 → 7.0.0

package/es/Table/index.js

@@ -1,56 +0,0 @@
-/**
- * Table to display SDMX data.
- *
- * @memberOf VISIONS
- * @name Table
- * @tag component
- * @api public
- * @demoReady
- * @props
- * Table.propTypes = {
- *   cells: PropTypes.object,
- *   headerData: PropTypes.array,
- *   sectionsData: PropTypes.array,
- *   cellHandler: PropTypes.func,
- *   activeCellHandler: PropTypes.func,
- *   activeCellIds: PropTypes.object,
- * };
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       main: // background color header and hover/active cell borders. global override: outerPalette.primaryMain
- *     },
- *     secondary: {
- *       light: // used is tertiary is null
- *       dark: // used is tertiary is null
- *     },
- *     tertiary: {
- *       light: // background color row header and row labels,
- *       dark: // background color section,
- *     },
- *     common: {
- *       white: // background color cells
- *     },
- *     grey: {
- *       'A700': // label color section, label row header, cells label color. globale override: outerPalette.textDark
- *       200: // background color between row label and row values
- *     },
- *   },
- *   mixins: {
- *     table: {
- *       cellHighlight: {
- *         backgroundColor: // background color of the cell on click
- *       },
- *       flag: { // see usecase #7 flags
- *         fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif",
- *         fontSize: 12,
- *         color: outerPalette.textLight
- *       }
- *     }
- *   }
- * }
- * @demoReady
- */
-
-export { default } from './Table';

package/es/Table/itemCell.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import ItemTooltip from './tooltip';
-
-var ItemCell = function ItemCell(_ref) {
-  var label = _ref.label,
-      parents = _ref.parents,
-      flags = _ref.flags,
-      justifyContent = _ref.justifyContent,
-      alignItems = _ref.alignItems,
-      fontWeight = _ref.fontWeight,
-      fontStyle = _ref.fontStyle,
-      _ref$sticky = _ref.sticky,
-      sticky = _ref$sticky === undefined ? false : _ref$sticky;
-
-  var style = {
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: R.defaultTo('space-between', justifyContent),
-    alignItems: R.defaultTo('center', alignItems),
-    textAlign: R.equals('center', justifyContent) ? 'center' : 'inherit',
-    fontWeight: R.defaultTo('inherit', fontWeight),
-    fontStyle: R.defaultTo('inherit', fontStyle),
-    paddingTop: R.anyPass([R.isNil, R.isEmpty])(flags) ? 4 : 0,
-    paddingBottom: 4,
-    paddingLeft: R.pipe(R.when(R.isNil, R.always([])), R.length, R.multiply(12))(parents),
-    height: '100%'
-  };
-
-  return React.createElement(
-    'div',
-    { style: style },
-    React.createElement(
-      'div',
-      { style: sticky ? { display: 'inline-block', position: 'sticky', left: 8, right: 8 } : {} },
-      label,
-      React.createElement(ItemTooltip, { flags: flags })
-    )
-  );
-};
-
-ItemCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.string,
-  flags: PropTypes.array,
-  parents: PropTypes.array,
-  justifyContent: PropTypes.string,
-  fontWeight: PropTypes.string,
-  fontStyle: PropTypes.string,
-  alignItems: PropTypes.string,
-  sticky: PropTypes.bool
-} : {};
-
-export default React.memo(ItemCell);

package/es/Table/row-header.js

@@ -1,84 +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 * as R from 'ramda';
-import { makeStyles } from '@material-ui/core/styles';
-import sizeMe from 'react-sizeme';
-import { Cell } from './styles';
-import ItemCell from './itemCell';
-import { getLight } from '../utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      color: theme.palette.grey['A700'],
-      backgroundColor: getLight(theme) || theme.palette.secondary.light
-    },
-    sep: {
-      backgroundColor: theme.palette.grey[200]
-    },
-    highlight: theme.mixins.table.cellHighlight
-  };
-});
-
-var XVector = sizeMe({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(Cell);
-
-var RowHeader = function RowHeader(_ref) {
-  var data = _ref.data,
-      headerData = _ref.headerData,
-      onYVectorSize = _ref.onYVectorSize,
-      getYOffset = _ref.getYOffset,
-      yOffset = _ref.yOffset,
-      activeCellIds = _ref.activeCellIds;
-
-  var classes = useStyles();
-  if (R.isEmpty(data)) return null;
-
-  return React.createElement(
-    React.Fragment,
-    null,
-    R.addIndex(R.map)(function (rowColumn, i) {
-      return React.createElement(
-        XVector,
-        {
-          key: 'row-column-' + i,
-          yOffset: getYOffset(yOffset),
-          onSize: onYVectorSize(yOffset),
-          className: classes.root
-        },
-        React.createElement(ItemCell, _extends({
-          justifyContent: 'flex-start',
-          fontWeight: 'bold',
-          fontStyle: 'italic'
-        }, R.propOr({}, 'dimension', rowColumn)))
-      );
-    }, data),
-    React.createElement(Cell, { yOffset: getYOffset(yOffset), className: classes.sep }),
-    R.addIndex(R.map)(function (header, j) {
-      var _cx;
-
-      return React.createElement(
-        Cell,
-        {
-          key: 'row-header-' + j,
-          yOffset: getYOffset(yOffset),
-          className: cx(classes.sep, (_cx = {}, _cx[classes.highlight] = R.prop('col-' + j)(activeCellIds), _cx))
-        },
-        React.createElement(ItemCell, _extends({ justifyContent: 'center', alignItems: 'end' }, header))
-      );
-    }, headerData)
-  );
-};
-
-RowHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  data: PropTypes.array.isRequired,
-  headerData: PropTypes.array.isRequired,
-  yOffset: PropTypes.number.isRequired,
-  onYVectorSize: PropTypes.func.isRequired,
-  getYOffset: PropTypes.func.isRequired,
-  activeCellIds: PropTypes.object
-} : {};
-
-export default RowHeader;

package/es/Table/section-header.js

@@ -1,115 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import * as R from 'ramda';
-import Lens from '@material-ui/icons/Lens';
-import { withStyles } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
-import { Cell } from './styles';
-import ItemTooltip from './tooltip';
-import { getDark } from '../utils';
-
-var Dot = withStyles(function (theme) {
-  return {
-    root: {
-      fontSize: theme.typography.pxToRem(8),
-      margin: theme.spacing(0, 0.5)
-    }
-  };
-})(Lens);
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    zCell: {
-      backgroundColor: getDark(theme) || theme.palette.secondary.dark,
-      color: theme.palette.grey['A700'],
-      textAlign: 'left',
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    },
-    zAtom: {
-      paddingTop: 4,
-      paddingBottom: 4,
-      zIndex: 1
-    },
-    zQuant: {
-      zIndex: 1,
-      whiteSpace: 'nowrap'
-    },
-    zQuantDimension: {
-      fontWeight: 'bold',
-      fontStyle: 'italic',
-      margin: theme.spacing(0, 0.5, 0, 0)
-    },
-    zQuantDimensionRtl: {
-      margin: theme.spacing(0, 0, 0, 0.5)
-    }
-  };
-});
-
-var SectionHeader = function SectionHeader(_ref) {
-  var section = _ref.section,
-      columnCount = _ref.columnCount,
-      yOffset = _ref.yOffset,
-      isRtl = _ref.isRtl;
-
-  var classes = useStyles();
-  if (R.isEmpty(R.propOr([], 'data', section))) return null;
-  var data = R.propOr([], 'data', section);
-  var hasFlag = R.find(R.pipe(R.path(['value', 'flags']), R.isEmpty, R.not))(data);
-  return React.createElement(
-    Cell,
-    { spanCount: columnCount, yOffset: yOffset, className: classes.zCell },
-    React.createElement(
-      'div',
-      { className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
-      R.pipe(R.addIndex(R.map)(function (entry, index) {
-        var _cx;
-
-        return React.createElement(
-          React.Fragment,
-          { key: index },
-          R.not(R.equals(index, 0)) && React.createElement(
-            'span',
-            { className: classes.zQuant },
-            React.createElement(Dot, null)
-          ),
-          React.createElement(
-            'span',
-            {
-              className: cx(classes.zQuant, classes.zQuantDimension, (_cx = {}, _cx[classes.zQuantDimensionRtl] = isRtl, _cx))
-            },
-            R.pathOr('', ['dimension', 'label'], entry),
-            ':'
-          ),
-          React.createElement(
-            'span',
-            { className: classes.zQuant },
-            R.pathOr('', ['value', 'label'], entry)
-          ),
-          R.not(R.isEmpty(R.pathOr([], ['value', 'flags'], entry))) && React.createElement(
-            React.Fragment,
-            null,
-            '\xA0'
-          ),
-          React.createElement(ItemTooltip, { flags: R.pathOr([], ['value', 'flags'], entry) })
-        );
-      }))(data)
-    ),
-    React.createElement(
-      'div',
-      { className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
-      React.createElement(ItemTooltip, { flags: R.propOr([], 'flags', section) })
-    )
-  );
-};
-
-SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  section: PropTypes.object.isRequired,
-  yOffset: PropTypes.number.isRequired,
-  columnCount: PropTypes.number.isRequired,
-  isRtl: PropTypes.bool
-} : {};
-
-export default React.memo(SectionHeader);

package/es/Table/section-rows.js

@@ -1,101 +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 * as R from 'ramda';
-import { Cell } from './styles';
-import ItemCell from './itemCell';
-import ValueCell from './valueCell';
-import ItemTooltip from './tooltip';
-import useStyles from './useStyles';
-
-var SectionRows = function SectionRows(_ref) {
-  var data = _ref.data,
-      sectionData = _ref.sectionData,
-      yColumnCount = _ref.yColumnCount,
-      cells = _ref.cells,
-      headerData = _ref.headerData,
-      cellHandler = _ref.cellHandler,
-      activeCellIds = _ref.activeCellIds,
-      activeCellHandler = _ref.activeCellHandler,
-      cellValueAccessor = _ref.cellValueAccessor;
-
-  var classes = useStyles();
-
-  if (R.lte(yColumnCount, 0)) return null;
-  return R.addIndex(R.map)(function (row, i) {
-    var _cx2;
-
-    var key = i + '-' + sectionData.key + '-' + row.key;
-    return React.createElement(
-      'span',
-      { style: { display: 'contents' }, key: key },
-      R.addIndex(R.map)(function (entry, columnIndex) {
-        var _cx;
-
-        return React.createElement(
-          Cell,
-          {
-            key: columnIndex,
-            parents: R.pathOr([], ['value', 'parents'], entry),
-            className: cx(classes.xCell, classes.xCellDimension, (_cx = {}, _cx[classes.highlight] = R.prop(key)(activeCellIds), _cx))
-          },
-          React.createElement(ItemCell, _extends({ justifyContent: 'flex-start' }, R.propOr({}, 'value', entry)))
-        );
-      }, R.propOr([], 'data', row)),
-      React.createElement(
-        Cell,
-        {
-          className: cx(classes.sCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(key)(activeCellIds), _cx2))
-        },
-        React.createElement(ItemTooltip, { flags: R.propOr([], 'flags', row) })
-      ),
-      R.addIndex(R.map)(function (column, columnIndex) {
-        var _cx3;
-
-        var keyCol = 'col-' + columnIndex;
-        var intersectionCellId = key + '/' + keyCol;
-        var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
-        return React.createElement(
-          Cell,
-          {
-            key: keyCol,
-            className: cx(classes.xCell, classes.xCellValue, (_cx3 = {}, _cx3[classes.xCellActive] = isActive, _cx3[classes.highlight] = R.any(R.identity)([R.prop(key)(activeCellIds), R.prop(keyCol)(activeCellIds)]), _cx3)),
-            onClick: R.is(Function, activeCellHandler) ? function () {
-              var _activeCellHandler;
-
-              return activeCellHandler((_activeCellHandler = {}, _activeCellHandler[key] = R.not(isActive), _activeCellHandler[keyCol] = R.not(isActive), _activeCellHandler.intersectionCellId = isActive ? null : intersectionCellId, _activeCellHandler));
-            } : null
-          },
-          React.createElement(ValueCell, _extends({}, R.pipe(R.pathOr({ value: '..' }, [column.key, sectionData.key, row.key, 0]), cellValueAccessor)(cells), {
-            cellHandler: cellHandler
-          }))
-        );
-      }, headerData)
-    );
-  }, data);
-};
-
-SectionRows.propTypes = process.env.NODE_ENV !== "production" ? {
-  cells: PropTypes.object.isRequired,
-  cellHandler: PropTypes.func,
-  cellValueAccessor: PropTypes.func,
-  data: PropTypes.array.isRequired,
-  headerData: PropTypes.array.isRequired,
-  sectionData: PropTypes.object.isRequired,
-  yColumnCount: PropTypes.number.isRequired,
-  activeCellIds: PropTypes.object,
-  activeCellHandler: PropTypes.func
-} : {};
-
-SectionRows.defaultProps = {
-  cells: {},
-  cellValueAccessor: R.identity,
-  data: [],
-  headerData: [],
-  sectionData: [],
-  yColumnCount: 1
-};
-
-export default React.memo(SectionRows);

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);