@sis-cc/dotstatsuite-visions 6.5.2 → 6.6.0

package/es/TableHtml5/cell.js

@@ -1,32 +1,31 @@
 import React from 'react';
 import * as R from 'ramda';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { makeStyles } from '@material-ui/core/styles';
 import TableCell from '@material-ui/core/TableCell';
 import Typography from '@material-ui/core/Typography';
 import Link from '@material-ui/core/Link';
 import Flags from './flags';
-
 var useStyles = makeStyles(function (theme) {
   return {
     cell: {
-      borderBottom: '1px solid ' + theme.palette.grey[500],
-      borderRight: '1px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
+      borderBottom: "1px solid " + theme.palette.grey[500],
+      borderRight: "1px solid " + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px",
       verticalAlign: 'baseline',
       color: theme.palette.grey['A700'],
       '&:hover': {
-        boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
+        boxShadow: "inset 0 0 0 2px " + theme.palette.primary.main
       }
     },
     active: {
-      boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
+      boxShadow: "inset 0 0 0 2px " + theme.palette.primary.main
     },
     highlight: theme.mixins.table.cellHighlight,
     oneCell: {
-      border: '1px solid ' + theme.palette.grey[500],
+      border: "1px solid " + theme.palette.grey[500],
       display: 'block' // MUI TableCell is inline-block
+
     },
     link: {
       position: 'inherit',
@@ -43,60 +42,41 @@ var Cell = function Cell(_ref) {
       headers = _ref.headers,
       isOne = _ref.isOne,
       _ref$indexedDimValIds = _ref.indexedDimValIds,
-      indexedDimValIds = _ref$indexedDimValIds === undefined ? {} : _ref$indexedDimValIds,
+      indexedDimValIds = _ref$indexedDimValIds === void 0 ? {} : _ref$indexedDimValIds,
       cellHandler = _ref.cellHandler,
       activeCellHandler = _ref.activeCellHandler,
       isActive = _ref.isActive,
       isHighlight = _ref.isHighlight;
-
   var classes = useStyles();
   var hasFlag = R.not(R.isEmpty(flags));
-  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? React.createElement(
-    Link,
-    {
-      component: 'button',
-      variant: 'body1',
-      color: 'inherit',
-      underline: 'always',
-      onClick: function onClick() {
-        return cellHandler({ indexedDimValIds: indexedDimValIds });
-      },
-      className: classes.link
+  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? /*#__PURE__*/React.createElement(Link, {
+    component: "button",
+    variant: "body1",
+    color: "inherit",
+    underline: "always",
+    onClick: function onClick() {
+      return cellHandler({
+        indexedDimValIds: indexedDimValIds
+      });
     },
-    value
-  ) : value;
-
-  return React.createElement(
-    TableCell,
-    {
-      component: isOne ? 'div' : undefined,
-      className: cx(classes.cell, (_cx = {}, _cx[classes.oneCell] = isOne, _cx[classes.active] = isActive, _cx[classes.highlight] = isHighlight, _cx)),
-      headers: headers,
-      onClick: activeCellHandler
-    },
-    React.createElement(
-      'div',
-      { style: { textAlign: 'right' } },
-      React.createElement(
-        Typography,
-        { variant: 'body1', tabIndex: 0, noWrap: hasFlag },
-        hasFlag && React.createElement(Flags, { flags: flags }),
-        uiValue
-      )
-    )
-  );
+    className: classes.link
+  }, value) : value;
+  return /*#__PURE__*/React.createElement(TableCell, {
+    component: isOne ? 'div' : undefined,
+    className: cx(classes.cell, (_cx = {}, _cx[classes.oneCell] = isOne, _cx[classes.active] = isActive, _cx[classes.highlight] = isHighlight, _cx)),
+    headers: headers,
+    onClick: activeCellHandler
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'right'
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body1",
+    tabIndex: 0,
+    noWrap: hasFlag
+  }, hasFlag && /*#__PURE__*/React.createElement(Flags, {
+    flags: flags
+  }), uiValue)));
 };
 
-Cell.propTypes = process.env.NODE_ENV !== "production" ? {
-  flags: PropTypes.array,
-  isOne: PropTypes.bool,
-  value: PropTypes.string,
-  headers: PropTypes.string,
-  indexedDimValIds: PropTypes.object,
-  cellHandler: PropTypes.func,
-  isActive: PropTypes.bool,
-  isHighlight: PropTypes.bool,
-  activeCellHandler: PropTypes.func
-} : {};
-
 export default Cell;

package/es/TableHtml5/flags.js

@@ -1,14 +1,11 @@
-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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import cx from 'classnames';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import Tooltip from '@material-ui/core/Tooltip';
 import { Asterisk } from '../';
-
 var useStyles = makeStyles(function (theme) {
   return {
     content: _extends({
@@ -42,68 +39,42 @@ var Flags = function Flags(_ref) {
   var _cx;
 
   var _ref$flags = _ref.flags,
-      flags = _ref$flags === undefined ? [] : _ref$flags,
+      flags = _ref$flags === void 0 ? [] : _ref$flags,
       isHeader = _ref.isHeader;
-
   var classes = useStyles();
   var noFlags = R.isNil(flags) || R.isEmpty(flags);
   if (noFlags) 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,
-    {
-      tabIndex: 0,
-      'aria-label': R.pipe(R.pluck('label'), R.join(', '))(flags),
-      'aria-hidden': false,
-      title: content,
-      placement: 'top'
-    },
-    React.createElement(
-      'span',
-      { className: cx(classes.flags, (_cx = {}, _cx[classes.header] = isHeader, _cx)) },
-      R.not(R.isEmpty(codedIcons)) && codedIcons,
-      R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && React.createElement(
-        React.Fragment,
-        null,
-        ','
-      ),
-      hasUncoded && React.createElement(
-        Fragment,
-        null,
-        React.createElement(Asterisk, { className: classes.svg, style: { fontSize: 11 } }),
-        React.createElement(
-          Typography,
-          { variant: 'srOnly' },
-          '* ' + R.addIndex(R.map)(function (_ref3) {
-            var label = _ref3.label;
-            return label;
-          }, flags)
-        )
-      )
-    )
-  );
+  var content = /*#__PURE__*/React.createElement("ul", {
+    className: classes.content
+  }, R.addIndex(R.map)(function (_ref2, index) {
+    var label = _ref2.label;
+    return /*#__PURE__*/React.createElement("li", {
+      key: index
+    }, label);
+  }, flags));
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    tabIndex: 0,
+    "aria-label": R.pipe(R.pluck('label'), R.join(', '))(flags),
+    "aria-hidden": false,
+    title: content,
+    placement: "top"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: cx(classes.flags, (_cx = {}, _cx[classes.header] = isHeader, _cx))
+  }, R.not(R.isEmpty(codedIcons)) && codedIcons, R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && /*#__PURE__*/React.createElement(React.Fragment, null, ","), hasUncoded && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Asterisk, {
+    className: classes.svg,
+    style: {
+      fontSize: 11
+    }
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "srOnly"
+  }, "* " + R.addIndex(R.map)(function (_ref3) {
+    var label = _ref3.label;
+    return label;
+  }, flags)))));
 };
 
-Flags.propTypes = process.env.NODE_ENV !== "production" ? {
-  flags: PropTypes.array,
-  isHeader: PropTypes.bool
-} : {};
-
 export default Flags;

package/es/TableHtml5/header.js

@@ -1,22 +1,20 @@
 import React from 'react';
 import * as R from 'ramda';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
 import Flags from './flags';
-
 var useStyles = makeStyles(function (theme) {
   return {
     tableHeadCell: {
       color: theme.palette.getContrastText(theme.palette.primary.main),
       backgroundColor: theme.palette.primary.main,
       border: 'inherit',
-      borderBottom: '1px solid ' + theme.palette.grey[500],
-      borderRight: '1px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
+      borderBottom: "1px solid " + theme.palette.grey[500],
+      borderRight: "1px solid " + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px",
       verticalAlign: 'middle',
       '&:focus ': {
         opacity: '.85'
@@ -46,7 +44,6 @@ var useStyles = makeStyles(function (theme) {
     }
   };
 });
-
 var timesIndexed = R.addIndex(R.times);
 var mapIndexed = R.addIndex(R.map);
 
@@ -54,74 +51,59 @@ var Header = function Header(_ref) {
   var headerData = _ref.headerData,
       valuesHeaderData = _ref.valuesHeaderData,
       xLayoutDataLength = _ref.xLayoutDataLength;
-
   var classes = useStyles();
   if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(headerData)) return null;
   return timesIndexed(function (index) {
     var _cx;
 
     var flags = R.path([0, 'data', index, 'dimension', 'flags'], headerData);
-    var id = 'header_' + index;
-    return React.createElement(
-      TableRow,
-      { key: id },
-      React.createElement(
-        TableCell,
-        {
-          component: 'th',
-          padding: 'none',
-          align: 'center',
-          className: cx(classes.tableHeadCell, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx)),
-          colSpan: R.inc(xLayoutDataLength),
-          id: id,
-          tabIndex: 0
-        },
-        React.createElement(
-          'div',
-          { className: classes.cellContentRight },
-          React.createElement(
-            Typography,
-            { variant: 'body1', className: classes.cellLabelHeader },
-            R.path([0, 'data', index, 'dimension', 'label'], headerData),
-            React.createElement(Flags, { flags: flags, isHeader: true })
-          )
-        )
-      ),
-      mapIndexed(function (headerItem, idx) {
-        var _cx2;
+    var id = "header_" + index;
+    return /*#__PURE__*/React.createElement(TableRow, {
+      key: id
+    }, /*#__PURE__*/React.createElement(TableCell, {
+      component: "th",
+      padding: "none",
+      align: "center",
+      className: cx(classes.tableHeadCell, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx)),
+      colSpan: R.inc(xLayoutDataLength),
+      id: id,
+      tabIndex: 0,
+      style: {
+        position: 'sticky',
+        left: 0,
+        zIndex: 1
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.cellContentRight
+    }, /*#__PURE__*/React.createElement(Typography, {
+      variant: "body1",
+      className: classes.cellLabelHeader
+    }, R.path([0, 'data', index, 'dimension', 'label'], headerData), /*#__PURE__*/React.createElement(Flags, {
+      flags: flags,
+      isHeader: true
+    })))), mapIndexed(function (headerItem, idx) {
+      var _cx2;
 
-        var flags = R.prop('flags', headerItem);
-        return React.createElement(
-          TableCell,
-          {
-            key: R.prop('id', headerItem) + '-' + idx,
-            component: 'th',
-            className: cx(classes.tableHeadCell, (_cx2 = {}, _cx2[classes.topCell] = R.not(R.isEmpty(flags)), _cx2)),
-            id: idx + '_' + index,
-            headers: 'header_' + index,
-            colSpan: R.prop('spanCount', headerItem),
-            tabIndex: 0
-          },
-          React.createElement(
-            'div',
-            { className: classes.cellContentCenter },
-            React.createElement(
-              Typography,
-              { className: classes.stickyLabel, variant: 'body1' },
-              R.prop('label', headerItem),
-              React.createElement(Flags, { flags: flags, isHeader: true })
-            )
-          )
-        );
-      }, R.nth(index, valuesHeaderData))
-    );
+      var flags = R.prop('flags', headerItem);
+      return /*#__PURE__*/React.createElement(TableCell, {
+        key: R.prop('id', headerItem) + "-" + idx,
+        component: "th",
+        className: cx(classes.tableHeadCell, (_cx2 = {}, _cx2[classes.topCell] = R.not(R.isEmpty(flags)), _cx2)),
+        id: idx + "_" + index,
+        headers: "header_" + index,
+        colSpan: R.prop('spanCount', headerItem),
+        tabIndex: 0
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.cellContentCenter
+      }, /*#__PURE__*/React.createElement(Typography, {
+        className: classes.stickyLabel,
+        variant: "body1"
+      }, R.prop('label', headerItem), /*#__PURE__*/React.createElement(Flags, {
+        flags: flags,
+        isHeader: true
+      }))));
+    }, R.nth(index, valuesHeaderData)));
   }, R.compose(R.length, R.pathOr([], [0, 'data']))(headerData));
 };
 
-Header.propTypes = process.env.NODE_ENV !== "production" ? {
-  headerData: PropTypes.array,
-  valuesHeaderData: PropTypes.array,
-  xLayoutDataLength: PropTypes.number
-} : {};
-
 export default Header;

package/es/TableHtml5/index.js

@@ -56,6 +56,5 @@
  *   }
  * }
  */
-
 export { default } from './TableHtml5';
 export { default as Cell } from './cell';

package/es/TableHtml5/section.js

@@ -1,8 +1,6 @@
-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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import * as R from 'ramda';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
@@ -13,26 +11,25 @@ import SectionHeader from './sectionHeader';
 import Cell from './cell';
 import { getLight } from '../utils';
 import Flags from './flags';
-
 var useStyles = makeStyles(function (theme) {
   return {
     rowTitle: {
       backgroundColor: getLight(theme) || theme.palette.secondary.light,
       border: 'inherit',
-      borderBottom: '1px solid ' + theme.palette.grey[500],
-      borderRight: '1px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
+      borderBottom: "1px solid " + theme.palette.grey[500],
+      borderRight: "1px solid " + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px",
       color: theme.palette.grey['A700'],
       verticalAlign: 'middle'
     },
     fillerCell: {
-      width: '30px',
+      minWidth: '30px',
       backgroundColor: theme.palette.grey[200],
       verticalAlign: 'top',
       border: 'inherit',
-      borderBottom: '1px solid ' + theme.palette.grey[500],
-      borderRight: '1px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px'
+      borderBottom: "1px solid " + theme.palette.grey[500],
+      borderRight: "1px solid " + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px"
     },
     cellContent: {
       display: 'flex',
@@ -64,123 +61,92 @@ var Section = function Section(_ref) {
       activeCellIds = _ref.activeCellIds,
       headerHeight = _ref.headerHeight,
       sectionIndex = _ref.sectionIndex,
-      nbColumnsByRows = _ref.nbColumnsByRows;
-
+      nbColumnsByRows = _ref.nbColumnsByRows,
+      subHeadCellsWidth = _ref.subHeadCellsWidth;
   var classes = useStyles();
   var currentSection = R.path([0, 'key'], section);
   var headerNumberRows = R.length(nbColumnsByRows);
   var maxColumns = R.last(nbColumnsByRows);
+  return /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(SectionHeader, {
+    headerData: headerData,
+    section: section,
+    currentSection: currentSection,
+    xLayoutDataLength: xLayoutDataLength,
+    headerHeight: headerHeight
+  }), R.map(function (sectionbody) {
+    var _cx2;
 
-  return React.createElement(
-    TableBody,
-    null,
-    React.createElement(SectionHeader, {
-      headerData: headerData,
-      section: section,
-      currentSection: currentSection,
-      xLayoutDataLength: xLayoutDataLength,
-      headerHeight: headerHeight
-    }),
-    R.map(function (sectionbody) {
-      var _cx2;
-
-      var rowId = sectionbody.key + '_' + sectionIndex;
-      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 React.createElement(
-        TableRow,
-        { key: sectionbody.key },
-        mapIndexed(function (cell, index) {
-          var _cx;
+    var rowId = sectionbody.key + "_" + sectionIndex;
+    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 /*#__PURE__*/React.createElement(TableRow, {
+      key: sectionbody.key
+    }, mapIndexed(function (cell, index) {
+      var _cx;
 
-          var flags = R.path(['value', 'flags'], cell);
-          var id = rowId + '_' + index;
+      var flags = R.path(['value', 'flags'], cell);
+      var id = rowId + "_" + index; // special space is used for hierarchy U+2007 &#8199; &numsp;
 
-          // special space is used for hierarchy U+2007 &#8199; &numsp;
-          var hierarchySpace = R.pipe(R.pathOr([], ['value', 'parents']), R.when(R.isNil, R.always([])), R.length,
-          // eslint-disable-next-line no-irregular-whitespace
-          R.times(function () {
-            return '·  ';
-          }))(cell);
+      var hierarchySpace = R.pipe(R.pathOr([], ['value', 'parents']), R.when(R.isNil, R.always([])), R.length, // eslint-disable-next-line no-irregular-whitespace
+      R.times(function () {
+        return '·  ';
+      }))(cell);
+      return /*#__PURE__*/React.createElement(TableCell, {
+        key: id,
+        className: cx(classes.rowTitle, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx)),
+        id: id,
+        headers: "subHeader_" + index + " " + currentSection,
+        component: "th",
+        style: {
+          position: 'sticky',
+          left: subHeadCellsWidth[index],
+          zIndex: 1
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.cellContent
+      }, !R.isEmpty(hierarchySpace) && /*#__PURE__*/React.createElement("div", {
+        className: classes.hierarchySpace
+      }, hierarchySpace), /*#__PURE__*/React.createElement(Typography, {
+        variant: "body1",
+        tabIndex: 0
+      }, R.path(['value', 'label'], cell), /*#__PURE__*/React.createElement(Flags, {
+        flags: flags
+      }))));
+    }, R.prop('data', sectionbody)), /*#__PURE__*/React.createElement(TableCell, {
+      className: cx(classes.fillerCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(rowId)(activeCellIds), _cx2)),
+      style: {
+        position: 'sticky',
+        left: R.last(subHeadCellsWidth)
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.flagContainer
+    }, /*#__PURE__*/React.createElement(Flags, {
+      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);
+      return /*#__PURE__*/React.createElement(Cell, _extends({
+        key: intersectionCellId
+      }, R.pathOr({
+        value: '..'
+      }, [item.key, currentSection, sectionbody.key, 0], cells), {
+        headers: rowIds + " " + columnIds + " " + currentSection,
+        cellHandler: cellHandler,
+        isActive: isActive,
+        isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
+        activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
+          var _activeCellHandler;
 
-          return React.createElement(
-            TableCell,
-            {
-              key: id,
-              className: cx(classes.rowTitle, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx)),
-              id: id,
-              headers: 'subHeader_' + index + ' ' + currentSection,
-              component: 'th'
-            },
-            React.createElement(
-              'div',
-              { className: classes.cellContent },
-              !R.isEmpty(hierarchySpace) && React.createElement(
-                'div',
-                { className: classes.hierarchySpace },
-                hierarchySpace
-              ),
-              React.createElement(
-                Typography,
-                { variant: 'body1', tabIndex: 0 },
-                R.path(['value', 'label'], cell),
-                React.createElement(Flags, { flags: flags })
-              )
-            )
-          );
-        }, R.prop('data', sectionbody)),
-        React.createElement(
-          TableCell,
-          {
-            className: cx(classes.fillerCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(rowId)(activeCellIds), _cx2))
-          },
-          React.createElement(
-            'div',
-            { className: classes.flagContainer },
-            React.createElement(Flags, { 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);
-          return React.createElement(Cell, _extends({
-            key: intersectionCellId
-          }, R.pathOr({ value: '..' }, [item.key, currentSection, sectionbody.key, 0], cells), {
-            headers: rowIds + ' ' + columnIds + ' ' + currentSection,
-            cellHandler: cellHandler,
-            isActive: isActive,
-            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))
-  );
+          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: PropTypes.object,
-  headerData: PropTypes.array,
-  section: PropTypes.array,
-  xLayoutDataLength: PropTypes.number,
-  cellHandler: PropTypes.func,
-  activeCellHandler: PropTypes.func,
-  activeCellIds: PropTypes.object,
-  headerHeight: PropTypes.number,
-  sectionIndex: PropTypes.number,
-  headerNumberRows: PropTypes.number,
-  nbColumnsByRows: PropTypes.array,
-  maxColumns: PropTypes.number
-} : {};
-
 export default Section;