@sis-cc/dotstatsuite-visions 6.5.2 → 6.6.0

package/lib/TableHtml5/section.js

@@ -1,80 +1,59 @@
-'use strict';
+"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 _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _Typography = require('@material-ui/core/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _styles = require('@material-ui/core/styles');
+exports.__esModule = true;
+exports.default = void 0;
 
-var _TableBody = require('@material-ui/core/TableBody');
+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 _TableBody2 = _interopRequireDefault(_TableBody);
+var _react = _interopRequireDefault(require("react"));
 
-var _TableCell = require('@material-ui/core/TableCell');
+var R = _interopRequireWildcard(require("ramda"));
 
-var _TableCell2 = _interopRequireDefault(_TableCell);
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _TableRow = require('@material-ui/core/TableRow');
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
-var _TableRow2 = _interopRequireDefault(_TableRow);
+var _styles = require("@material-ui/core/styles");
 
-var _sectionHeader = require('./sectionHeader');
+var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
 
-var _sectionHeader2 = _interopRequireDefault(_sectionHeader);
+var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
 
-var _cell = require('./cell');
+var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
 
-var _cell2 = _interopRequireDefault(_cell);
+var _sectionHeader = _interopRequireDefault(require("./sectionHeader"));
 
-var _utils = require('../utils');
+var _cell = _interopRequireDefault(require("./cell"));
 
-var _flags = require('./flags');
+var _utils = require("../utils");
 
-var _flags2 = _interopRequireDefault(_flags);
+var _flags = _interopRequireDefault(require("./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 _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); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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'
     },
     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',
@@ -106,124 +85,94 @@ 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 _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, (_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'
-            },
-            _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))
-          },
-          _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))
-  );
+  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)));
 };
 
-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
-} : {};
-
-exports.default = Section;
-module.exports = exports['default'];
+var _default = Section;
+exports.default = _default;
+module.exports = exports.default;

package/lib/TableHtml5/sectionHeader.js

@@ -1,61 +1,46 @@
-'use strict';
+"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 _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-var _Typography = require('@material-ui/core/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
+exports.__esModule = true;
+exports.default = void 0;
 
-var _styles = require('@material-ui/core/styles');
+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 _Lens = require('@material-ui/icons/Lens');
+var _react = _interopRequireWildcard(require("react"));
 
-var _Lens2 = _interopRequireDefault(_Lens);
+var R = _interopRequireWildcard(require("ramda"));
 
-var _TableCell = require('@material-ui/core/TableCell');
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
-var _TableCell2 = _interopRequireDefault(_TableCell);
+var _styles = require("@material-ui/core/styles");
 
-var _TableRow = require('@material-ui/core/TableRow');
+var _Lens = _interopRequireDefault(require("@material-ui/icons/Lens"));
 
-var _TableRow2 = _interopRequireDefault(_TableRow);
+var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
 
-var _flags = require('./flags');
+var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
 
-var _flags2 = _interopRequireDefault(_flags);
+var _flags = _interopRequireDefault(require("./flags"));
 
-var _utils = require('../utils');
+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 _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); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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: _extends({}, theme.mixins.table.dot, {
+    lens: (0, _extends2.default)({}, theme.mixins.table.dot, {
       marginLeft: theme.spacing(1),
       marginRight: theme.spacing(1)
     }),
@@ -88,74 +73,51 @@ 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 _react2.default.createElement(
-    _TableRow2.default,
-    {
-      key: section.key,
-      className: classes.stickyHeaderSection,
-      style: { top: headerHeight + 'px' }
-    },
-    _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) })
-        )
-      )
-    )
-  );
+  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)
+  })))));
 };
 
-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'];
+var _default = SectionHeader;
+exports.default = _default;
+module.exports = exports.default;