@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/TableHtml5/header.js

@@ -1,215 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _styles = require('@mui/material/styles');
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _TableCell = require('@mui/material/TableCell');
-
-var _TableCell2 = _interopRequireDefault(_TableCell);
-
-var _TableRow = require('@mui/material/TableRow');
-
-var _TableRow2 = _interopRequireDefault(_TableRow);
-
-var _flags = require('./flags');
-
-var _flags2 = _interopRequireDefault(_flags);
-
-var _utils = require('../utils');
-
-var _utils2 = require('./utils');
-
-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, _makeStyles2.default)(function (theme) {
-  return {
-    tableHeadCell: {
-      color: theme.palette.getContrastText(theme.palette.primary.main),
-      backgroundColor: theme.palette.primary.main,
-      border: 'inherit',
-      borderBottom: 'thin solid ' + theme.palette.grey[500],
-      borderRight: 'thin solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
-      verticalAlign: 'top',
-      '&:focus ': {
-        opacity: '.85'
-      },
-      textAlign: 'center'
-    },
-    cellContentCenter: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'center',
-      alignItems: 'center',
-      position: 'sticky'
-    },
-    cellContentRight: {
-      display: 'flex',
-      justifyContent: 'flex-end',
-      fontStyle: 'italic'
-    },
-    cellLabelHeader: {
-      fontStyle: 'inherit',
-      fontWeight: 'bold'
-    },
-    stickyLabel: {
-      position: 'sticky'
-    }
-  };
-});
-
-var timesIndexed = R.addIndex(R.times);
-var mapIndexed = R.addIndex(R.map);
-
-var Header = function Header(_ref) {
-  var headerData = _ref.headerData,
-      valuesHeaderData = _ref.valuesHeaderData,
-      xLayoutDataLength = _ref.xLayoutDataLength,
-      subHeadCellsWidth = _ref.subHeadCellsWidth,
-      HTMLRenderer = _ref.HTMLRenderer,
-      labelAccessor = _ref.labelAccessor;
-
-  var classes = useStyles();
-  var theme = (0, _styles.useTheme)();
-  var isRtl = (0, _utils.getIsRtl)(theme);
-
-  var stickyLabelPosition = R.last(subHeadCellsWidth) + 'px + 30px + ' + theme.spacing(1);
-
-  if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(headerData)) return null;
-  return timesIndexed(function (index) {
-    var flags = R.path([0, 'data', index, 'dimension', 'flags'], headerData);
-    var id = 'header_' + index;
-    return _react2.default.createElement(
-      _TableRow2.default,
-      { key: id },
-      _react2.default.createElement(
-        _TableCell2.default,
-        {
-          component: 'th',
-          padding: 'none',
-          align: 'center',
-          className: classes.tableHeadCell,
-          colSpan: R.inc(xLayoutDataLength),
-          id: id,
-          tabIndex: 0,
-          scope: 'row',
-          title: R.pipe(R.path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
-          style: isRtl ? { position: 'sticky', zIndex: 1, right: 0 } : { position: 'sticky', zIndex: 1, left: 0 }
-        },
-        _react2.default.createElement(
-          'div',
-          {
-            className: classes.cellContentRight,
-            'aria-label': R.path([0, 'data', index, 'dimension', 'id'], headerData),
-            'data-testid': 'header-dim',
-            role: 'row'
-          },
-          _react2.default.createElement(
-            _Typography2.default,
-            { variant: 'body1', className: classes.cellLabelHeader },
-            R.pipe(R.path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
-            _react2.default.createElement(_flags2.default, {
-              HTMLRenderer: HTMLRenderer,
-              flags: flags,
-              isHeader: true,
-              labelAccessor: labelAccessor
-            })
-          )
-        )
-      ),
-      mapIndexed(function (headerItem, idx) {
-        var _cx;
-
-        var value = headerItem.isEmpty ? { label: '' } : (0, _utils2.getValue)(labelAccessor)(headerItem);
-        var flags = R.propOr([], 'flags', value);
-        var hierarchySpace = R.pipe(R.propOr([], 'parents'), R.length, R.times(function () {
-          return '·';
-        }))(value);
-        return _react2.default.createElement(
-          _TableCell2.default,
-          {
-            key: R.prop('id', value) + '-' + idx,
-            component: 'th',
-            className: (0, _classnames2.default)(classes.tableHeadCell, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx)),
-            id: idx + '_' + index,
-            headers: 'header_' + index,
-            colSpan: R.prop('spanCount', headerItem),
-            tabIndex: 0,
-            title: R.prop('label', value),
-            'aria-label': R.prop('label', value),
-            'aria-describedby': id,
-            scope: 'col'
-          },
-          _react2.default.createElement(
-            'div',
-            { className: classes.cellContentCenter },
-            !R.isEmpty(hierarchySpace) && mapIndexed(function (space, idx) {
-              return _react2.default.createElement(
-                'div',
-                { key: idx },
-                space
-              );
-            })(hierarchySpace),
-            _react2.default.createElement(
-              _Typography2.default,
-              {
-                className: classes.stickyLabel,
-                style: {
-                  left: isRtl ? theme.spacing(1) : stickyLabelPosition,
-                  right: isRtl ? stickyLabelPosition : theme.spacing(1)
-                },
-                variant: 'body1'
-              },
-              R.prop('label', value),
-              _react2.default.createElement(_flags2.default, {
-                HTMLRenderer: HTMLRenderer,
-                flags: flags,
-                isHeader: true,
-                labelAccessor: labelAccessor
-              })
-            )
-          )
-        );
-      }, R.nth(index, valuesHeaderData))
-    );
-  }, R.compose(R.length, R.pathOr([], [-1, 'data']))(headerData));
-};
-
-Header.propTypes = process.env.NODE_ENV !== "production" ? {
-  headerData: _propTypes2.default.array,
-  valuesHeaderData: _propTypes2.default.array,
-  xLayoutDataLength: _propTypes2.default.number,
-  subHeadCellsWidth: _propTypes2.default.array,
-  HTMLRenderer: _propTypes2.default.func,
-  labelAccessor: _propTypes2.default.func
-} : {};
-
-exports.default = Header;
-module.exports = exports['default'];

package/lib/TableHtml5/index.js

@@ -1,23 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _TableHtml = require('./TableHtml5');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TableHtml).default;
-  }
-});
-
-var _cell = require('./cell');
-
-Object.defineProperty(exports, 'Cell', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_cell).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/TableHtml5/section.js

@@ -1,289 +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 _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _styles = require('@mui/material/styles');
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _TableBody = require('@mui/material/TableBody');
-
-var _TableBody2 = _interopRequireDefault(_TableBody);
-
-var _TableCell = require('@mui/material/TableCell');
-
-var _TableCell2 = _interopRequireDefault(_TableCell);
-
-var _TableRow = require('@mui/material/TableRow');
-
-var _TableRow2 = _interopRequireDefault(_TableRow);
-
-var _sectionHeader = require('./sectionHeader');
-
-var _sectionHeader2 = _interopRequireDefault(_sectionHeader);
-
-var _cell = require('./cell');
-
-var _cell2 = _interopRequireDefault(_cell);
-
-var _utils = require('../utils');
-
-var _utils2 = require('./utils');
-
-var _flags = require('./flags');
-
-var _flags2 = _interopRequireDefault(_flags);
-
-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, _makeStyles2.default)(function (theme) {
-  return {
-    rowTitle: {
-      backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light,
-      border: 'inherit',
-      borderBottom: '1.5px solid ' + theme.palette.grey[500],
-      borderRight: '1.5px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
-      color: theme.palette.grey['A700'],
-      verticalAlign: 'top',
-      align: 'left',
-      borderCollapse: 'collapse',
-      borderSpacing: 0
-    },
-    timePeriodCells: {
-      whiteSpace: 'nowrap'
-    },
-    fillerCell: {
-      minWidth: '30px',
-      backgroundColor: theme.palette.grey[200],
-      verticalAlign: 'top',
-      border: 'inherit',
-      borderBottom: '1.5px solid ' + theme.palette.grey[500],
-      borderRight: '1.5px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
-      position: 'sticky',
-      zIndex: 1
-    },
-    cellContent: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    flagContainer: {
-      display: 'flex',
-      justifyContent: 'center',
-      fontWeight: 'bold'
-    },
-    topCell: {
-      paddingTop: 0
-    },
-    hierarchySpace: {
-      marginBottom: 'auto'
-    },
-    highlight: theme.mixins.table.cellHighlight,
-    stickyHeader: {
-      position: 'sticky',
-      zIndex: 1
-    }
-  };
-});
-var mapIndexed = R.addIndex(R.map);
-
-var Section = function Section(_ref) {
-  var headerData = _ref.headerData,
-      cells = _ref.cells,
-      section = _ref.section,
-      xLayoutDataLength = _ref.xLayoutDataLength,
-      cellHandler = _ref.cellHandler,
-      activeCellHandler = _ref.activeCellHandler,
-      activeCellIds = _ref.activeCellIds,
-      headerHeight = _ref.headerHeight,
-      sectionIndex = _ref.sectionIndex,
-      nbColumnsByRows = _ref.nbColumnsByRows,
-      SideIcon = _ref.SideIcon,
-      subHeadCellsWidth = _ref.subHeadCellsWidth,
-      HTMLRenderer = _ref.HTMLRenderer,
-      labelAccessor = _ref.labelAccessor,
-      cellValueAccessor = _ref.cellValueAccessor,
-      isNoWrap = _ref.isNoWrap,
-      textAlign = _ref.textAlign;
-
-  var classes = useStyles();
-  var currentSection = R.path([0, 'key'], section);
-  var headerNumberRows = R.length(nbColumnsByRows);
-  var maxColumns = R.last(nbColumnsByRows);
-  var theme = (0, _styles.useTheme)();
-  var isRtl = (0, _utils.getIsRtl)(theme);
-
-  return _react2.default.createElement(
-    _TableBody2.default,
-    null,
-    _react2.default.createElement(_sectionHeader2.default, {
-      headerData: headerData,
-      section: section,
-      currentSection: currentSection,
-      xLayoutDataLength: xLayoutDataLength,
-      headerHeight: headerHeight,
-      SideIcon: SideIcon,
-      HTMLRenderer: HTMLRenderer,
-      labelAccessor: labelAccessor
-    }),
-    mapIndexed(function (sectionbody, rowIndex) {
-      var _cx2;
-
-      var rowId = sectionbody.key + '_' + sectionIndex + '_' + rowIndex;
-      var rowIds = R.pipe(R.map(function (index) {
-        return sectionbody.key + '_' + sectionIndex + '_' + index;
-      }), R.join(' '))(R.times(R.identity, R.length(R.prop('data', sectionbody))));
-      return _react2.default.createElement(
-        _TableRow2.default,
-        { key: rowId },
-        R.times(function (index) {
-          var _cx;
-
-          var cell = R.path(['data', index], sectionbody);
-          var value = R.isNil(cell) ? { label: '' } : (0, _utils2.getValue)(labelAccessor)(cell);
-          var flags = R.propOr([], 'flags', value);
-          var id = rowIndex + '_' + rowId + '_' + index;
-
-          // special space is used for hierarchy U+2007 &#8199; &numsp;
-          var hierarchySpace = R.pipe(R.propOr([], 'parents'), R.when(R.isNil, R.always([])), R.length,
-          // eslint-disable-next-line no-irregular-whitespace
-          R.times(function () {
-            return '·  ';
-          }))(value);
-
-          return _react2.default.createElement(
-            _TableCell2.default,
-            {
-              key: id,
-              className: (0, _classnames2.default)(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = R.is(Function, isNoWrap) && isNoWrap(R.propOr({}, 'dimension', cell)), _cx)),
-              id: id,
-              headers: 'subHeader_' + index + ' ' + currentSection,
-              component: 'th',
-              style: isRtl ? { right: subHeadCellsWidth[index] } : { left: subHeadCellsWidth[index] }
-            },
-            _react2.default.createElement(
-              'div',
-              { className: classes.cellContent },
-              !R.isEmpty(hierarchySpace) && _react2.default.createElement(
-                'div',
-                { className: classes.hierarchySpace },
-                hierarchySpace
-              ),
-              _react2.default.createElement(
-                _Typography2.default,
-                {
-                  variant: 'body1',
-                  tabIndex: 0,
-                  'aria-describedby': 'subHeader_' + index + ' ' + currentSection
-                },
-                R.prop('label', value),
-                _react2.default.createElement(_flags2.default, {
-                  HTMLRenderer: HTMLRenderer,
-                  labelAccessor: labelAccessor,
-                  flags: flags
-                })
-              )
-            )
-          );
-        }, xLayoutDataLength /*R.prop('data', sectionbody)*/),
-        _react2.default.createElement(
-          _TableCell2.default,
-          {
-            className: (0, _classnames2.default)(classes.fillerCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(rowId)(activeCellIds), _cx2)),
-            style: isRtl ? { right: R.last(subHeadCellsWidth) } : { left: R.last(subHeadCellsWidth) }
-          },
-          _react2.default.createElement(
-            'div',
-            { className: classes.flagContainer },
-            !R.isNil(SideIcon) && _react2.default.createElement(SideIcon, { sideProps: R.prop('sideProps', sectionbody) }),
-            _react2.default.createElement(_flags2.default, {
-              HTMLRenderer: HTMLRenderer,
-              labelAccessor: labelAccessor,
-              flags: R.prop('flags', sectionbody)
-            })
-          )
-        ),
-        mapIndexed(function (item, columnIndex) {
-          var columnIds = R.pipe(R.times(R.identity), R.map(function (rowIndex) {
-            var columnId = R.divide(columnIndex, R.divide(maxColumns, R.nth(rowIndex, nbColumnsByRows)));
-            return Math.floor(columnId || 0) + '_' + rowIndex;
-          }), R.join(' '))(headerNumberRows);
-
-          var intersectionCellId = rowId + '/' + columnIndex;
-          var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
-          var missingValLabel = item.isEmpty || sectionbody.isEmpty ? '' : '..';
-          return _react2.default.createElement(_cell2.default, _extends({}, R.pipe(R.pathOr({ value: null }, [item.key, currentSection, sectionbody.key, 0]), R.over(R.lensProp('value'), function (val) {
-            return R.isNil(val) ? missingValLabel : cellValueAccessor(val);
-          }))(cells), {
-            key: intersectionCellId,
-            headers: rowIds + ' ' + columnIds + ' ' + currentSection,
-            cellHandler: cellHandler,
-            HTMLRenderer: HTMLRenderer,
-            labelAccessor: labelAccessor,
-            SideIcon: SideIcon,
-            isActive: isActive,
-            textAlign: textAlign,
-            isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
-            activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
-              var _activeCellHandler;
-
-              return activeCellHandler((_activeCellHandler = {}, _activeCellHandler[rowId] = R.not(isActive), _activeCellHandler[columnIndex] = R.not(isActive), _activeCellHandler.intersectionCellId = isActive ? null : intersectionCellId, _activeCellHandler));
-            } : null
-          }));
-        }, headerData)
-      );
-    }, R.nth(1, section))
-  );
-};
-
-Section.propTypes = process.env.NODE_ENV !== "production" ? {
-  cells: _propTypes2.default.object,
-  headerData: _propTypes2.default.array,
-  section: _propTypes2.default.array,
-  xLayoutDataLength: _propTypes2.default.number,
-  cellHandler: _propTypes2.default.func,
-  activeCellHandler: _propTypes2.default.func,
-  activeCellIds: _propTypes2.default.object,
-  headerHeight: _propTypes2.default.number,
-  sectionIndex: _propTypes2.default.number,
-  headerNumberRows: _propTypes2.default.number,
-  nbColumnsByRows: _propTypes2.default.array,
-  maxColumns: _propTypes2.default.number,
-  SideIcon: _propTypes2.default.func,
-  subHeadCellsWidth: _propTypes2.default.arrayOf(_propTypes2.default.number),
-  HTMLRenderer: _propTypes2.default.func,
-  labelAccessor: _propTypes2.default.func,
-  cellValueAccessor: _propTypes2.default.func,
-  isNoWrap: _propTypes2.default.func,
-  textAlign: _propTypes2.default.string
-} : {};
-
-exports.default = (0, _react.memo)(Section);
-module.exports = exports['default'];