@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/lib/TableHtml5/section.js

@@ -1,48 +1,69 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("/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; };
+
+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 _react = _interopRequireDefault(require("react"));
+var _classnames = require('classnames');
 
-var R = _interopRequireWildcard(require("ramda"));
+var _classnames2 = _interopRequireDefault(_classnames);
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _Typography = require('@material-ui/core/Typography');
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography2 = _interopRequireDefault(_Typography);
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require('@material-ui/core/styles');
 
-var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
+var _TableBody = require('@material-ui/core/TableBody');
 
-var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
+var _TableBody2 = _interopRequireDefault(_TableBody);
 
-var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
+var _TableCell = require('@material-ui/core/TableCell');
 
-var _sectionHeader = _interopRequireDefault(require("./sectionHeader"));
+var _TableCell2 = _interopRequireDefault(_TableCell);
 
-var _cell = _interopRequireDefault(require("./cell"));
+var _TableRow = require('@material-ui/core/TableRow');
 
-var _utils = require("../utils");
+var _TableRow2 = _interopRequireDefault(_TableRow);
 
-var _flags = _interopRequireDefault(require("./flags"));
+var _sectionHeader = require('./sectionHeader');
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _sectionHeader2 = _interopRequireDefault(_sectionHeader);
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _cell = require('./cell');
+
+var _cell2 = _interopRequireDefault(_cell);
+
+var _utils = 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, _styles.makeStyles)(function (theme) {
   return {
     rowTitle: {
       backgroundColor: (0, _utils.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'
     },
@@ -51,9 +72,10 @@ var useStyles = (0, _styles.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',
+      position: 'sticky'
     },
     cellContent: {
       display: 'flex',
@@ -70,7 +92,11 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     hierarchySpace: {
       marginBottom: 'auto'
     },
-    highlight: theme.mixins.table.cellHighlight
+    highlight: theme.mixins.table.cellHighlight,
+    stickyHeader: {
+      position: 'sticky',
+      zIndex: 1
+    }
   };
 });
 var mapIndexed = R.addIndex(R.map);
@@ -87,92 +113,128 @@ 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.default.createElement(_TableBody.default, null, /*#__PURE__*/_react.default.createElement(_sectionHeader.default, {
-    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.default.createElement(_TableRow.default, {
-      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 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.default.createElement(_TableCell.default, {
-        key: id,
-        className: (0, _classnames.default)(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.default.createElement("div", {
-        className: classes.cellContent
-      }, !R.isEmpty(hierarchySpace) && /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.hierarchySpace
-      }, hierarchySpace), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "body1",
-        tabIndex: 0
-      }, R.path(['value', 'label'], cell), /*#__PURE__*/_react.default.createElement(_flags.default, {
-        flags: flags
-      }))));
-    }, R.prop('data', sectionbody)), /*#__PURE__*/_react.default.createElement(_TableCell.default, {
-      className: (0, _classnames.default)(classes.fillerCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(rowId)(activeCellIds), _cx2)),
-      style: {
-        position: 'sticky',
-        left: R.last(subHeadCellsWidth)
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.flagContainer
-    }, /*#__PURE__*/_react.default.createElement(_flags.default, {
-      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.default.createElement(_cell.default, (0, _extends2.default)({
-        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)));
+  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
+    }),
+    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 _react2.default.createElement(
+        _TableRow2.default,
+        { 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 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 _react2.default.createElement(
+            _TableCell2.default,
+            {
+              key: id,
+              className: (0, _classnames2.default)(classes.rowTitle, classes.stickyHeader, (_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: 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 },
+                R.path(['value', 'label'], cell),
+                _react2.default.createElement(_flags2.default, { flags: flags })
+              )
+            )
+          );
+        }, 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 },
+            _react2.default.createElement(_flags2.default, { 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 _react2.default.createElement(_cell2.default, _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))
+  );
 };
 
-var _default = Section;
-exports.default = _default;
-module.exports = exports.default;
+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,
+  subHeadCellsWidth: _propTypes2.default.arrayOf(_propTypes2.default.number)
+} : {};
+
+exports.default = Section;
+module.exports = exports['default'];

package/lib/TableHtml5/sectionHeader.js

@@ -1,46 +1,61 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("/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; };
+
+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 _Typography = require('@material-ui/core/Typography');
 
-var _react = _interopRequireWildcard(require("react"));
+var _Typography2 = _interopRequireDefault(_Typography);
 
-var R = _interopRequireWildcard(require("ramda"));
+var _styles = require('@material-ui/core/styles');
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Lens = require('@material-ui/icons/Lens');
 
-var _styles = require("@material-ui/core/styles");
+var _Lens2 = _interopRequireDefault(_Lens);
 
-var _Lens = _interopRequireDefault(require("@material-ui/icons/Lens"));
+var _TableCell = require('@material-ui/core/TableCell');
 
-var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
+var _TableCell2 = _interopRequireDefault(_TableCell);
 
-var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
+var _TableRow = require('@material-ui/core/TableRow');
 
-var _flags = _interopRequireDefault(require("./flags"));
+var _TableRow2 = _interopRequireDefault(_TableRow);
 
-var _utils = require("../utils");
+var _flags = require('./flags');
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _flags2 = _interopRequireDefault(_flags);
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _utils = 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, _styles.makeStyles)(function (theme) {
   return {
     section: {
       backgroundColor: (0, _utils.getDark)(theme) || theme.palette.secondary.dark,
       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'
     },
-    lens: (0, _extends2.default)({}, theme.mixins.table.dot, {
+    lens: _extends({}, theme.mixins.table.dot, {
       marginLeft: theme.spacing(1),
       marginRight: theme.spacing(1)
     }),
@@ -73,51 +88,74 @@ var SectionHeader = function SectionHeader(_ref) {
       currentSection = _ref.currentSection,
       xLayoutDataLength = _ref.xLayoutDataLength,
       headerHeight = _ref.headerHeight;
+
   var classes = useStyles();
   if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
-  return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
-    key: section.key,
-    className: classes.stickyHeaderSection,
-    style: {
-      top: headerHeight,
-      zIndex: 2
-    }
-  }, /*#__PURE__*/_react.default.createElement(_TableCell.default, {
-    component: "th",
-    className: classes.section,
-    colSpan: R.pipe(R.length, R.inc, R.add(xLayoutDataLength))(headerData),
-    id: currentSection
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    noWrap: true,
-    variant: "body1",
-    component: "div",
-    className: classes.containerSection
-  }, /*#__PURE__*/_react.default.createElement("div", null, mapIndexed(function (sectionHeader, index) {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: index
-    }, index !== 0 && /*#__PURE__*/_react.default.createElement(_Lens.default, {
-      className: classes.lens
-    }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      noWrap: true,
-      variant: "body1",
-      component: "span",
-      tabIndex: 0,
-      className: classes.label
-    }, R.path(['dimension', 'label'], sectionHeader), ':'), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      noWrap: true,
-      variant: "body1",
-      component: "span",
-      tabIndex: 0
-    }, R.path(['value', 'label'], sectionHeader), /*#__PURE__*/_react.default.createElement(_flags.default, {
-      flags: R.path(['value', 'flags'], sectionHeader)
-    })));
-  }, R.path([0, 'data'], section))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.flag
-  }, /*#__PURE__*/_react.default.createElement(_flags.default, {
-    flags: R.path([0, 'flags'], section)
-  })))));
+
+  return _react2.default.createElement(
+    _TableRow2.default,
+    {
+      key: section.key,
+      className: classes.stickyHeaderSection,
+      style: { top: headerHeight, zIndex: 2 }
+    },
+    _react2.default.createElement(
+      _TableCell2.default,
+      {
+        component: 'th',
+        className: classes.section,
+        colSpan: R.pipe(R.length, R.inc, R.add(xLayoutDataLength))(headerData),
+        id: currentSection
+      },
+      _react2.default.createElement(
+        _Typography2.default,
+        { noWrap: true, variant: 'body1', component: 'div', className: classes.containerSection },
+        _react2.default.createElement(
+          'div',
+          null,
+          mapIndexed(function (sectionHeader, index) {
+            return _react2.default.createElement(
+              _react.Fragment,
+              { key: index },
+              index !== 0 && _react2.default.createElement(_Lens2.default, { className: classes.lens }),
+              _react2.default.createElement(
+                _Typography2.default,
+                {
+                  noWrap: true,
+                  variant: 'body1',
+                  component: 'span',
+                  tabIndex: 0,
+                  className: classes.label
+                },
+                R.path(['dimension', 'label'], sectionHeader),
+                ':'
+              ),
+              _react2.default.createElement(
+                _Typography2.default,
+                { noWrap: true, variant: 'body1', component: 'span', tabIndex: 0 },
+                R.path(['value', 'label'], sectionHeader),
+                _react2.default.createElement(_flags2.default, { flags: R.path(['value', 'flags'], sectionHeader) })
+              )
+            );
+          }, R.path([0, 'data'], section))
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: classes.flag },
+          _react2.default.createElement(_flags2.default, { flags: R.path([0, 'flags'], section) })
+        )
+      )
+    )
+  );
 };
 
-var _default = SectionHeader;
-exports.default = _default;
-module.exports = exports.default;
+SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  headerData: _propTypes2.default.array,
+  section: _propTypes2.default.array,
+  currentSection: _propTypes2.default.string,
+  xLayoutDataLength: _propTypes2.default.number,
+  headerHeight: _propTypes2.default.number
+} : {};
+
+exports.default = SectionHeader;
+module.exports = exports['default'];