@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/TableHtml5/cell.js

@@ -1,31 +1,32 @@
 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',
@@ -42,41 +43,60 @@ var Cell = function Cell(_ref) {
       headers = _ref.headers,
       isOne = _ref.isOne,
       _ref$indexedDimValIds = _ref.indexedDimValIds,
-      indexedDimValIds = _ref$indexedDimValIds === void 0 ? {} : _ref$indexedDimValIds,
+      indexedDimValIds = _ref$indexedDimValIds === undefined ? {} : _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) ? /*#__PURE__*/React.createElement(Link, {
-    component: "button",
-    variant: "body1",
-    color: "inherit",
-    underline: "always",
-    onClick: function onClick() {
-      return cellHandler({
-        indexedDimValIds: indexedDimValIds
-      });
+  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
     },
-    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)));
+    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
+      )
+    )
+  );
 };
 
+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,11 +1,14 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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, { 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({
@@ -39,42 +42,68 @@ var Flags = function Flags(_ref) {
   var _cx;
 
   var _ref$flags = _ref.flags,
-      flags = _ref$flags === void 0 ? [] : _ref$flags,
+      flags = _ref$flags === undefined ? [] : _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 = /*#__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)))));
+
+  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)
+        )
+      )
+    )
+  );
 };
 
+Flags.propTypes = process.env.NODE_ENV !== "production" ? {
+  flags: PropTypes.array,
+  isHeader: PropTypes.bool
+} : {};
+
 export default Flags;

package/es/TableHtml5/header.js

@@ -1,20 +1,22 @@
 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'
@@ -44,6 +46,7 @@ var useStyles = makeStyles(function (theme) {
     }
   };
 });
+
 var timesIndexed = R.addIndex(R.times);
 var mapIndexed = R.addIndex(R.map);
 
@@ -51,59 +54,75 @@ 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 /*#__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 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,
+          style: { position: 'sticky', left: 0, zIndex: 1 }
+        },
+        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 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)));
+        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))
+    );
   }, 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,5 +56,6 @@
  *   }
  * }
  */
+
 export { default } from './TableHtml5';
 export { default as Cell } from './cell';

package/es/TableHtml5/section.js

@@ -1,6 +1,8 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 * 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';
@@ -11,14 +13,15 @@ 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'
     },
@@ -27,9 +30,9 @@ var useStyles = makeStyles(function (theme) {
       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',
@@ -63,90 +66,125 @@ var Section = function Section(_ref) {
       sectionIndex = _ref.sectionIndex,
       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;
 
-    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;
+  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 flags = R.path(['value', 'flags'], cell);
-      var id = rowId + "_" + index; // special space is used for hierarchy U+2007 &#8199; &numsp;
+          var flags = R.path(['value', 'flags'], cell);
+          var id = rowId + '_' + index;
 
-      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;
+          // 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);
 
-          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 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 }
+            },
+            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)),
+            style: { position: 'sticky', left: R.last(subHeadCellsWidth) }
+          },
+          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))
+  );
 };
 
+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,
+  subHeadCellsWidth: PropTypes.arrayOf(PropTypes.number)
+} : {};
+
 export default Section;