@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/es/Table/Table.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Header from './header';
 import RowHeader from './row-header';
@@ -6,6 +7,7 @@ import SectionHeader from './section-header';
 import SectionRows from './section-rows';
 import TableCell from './tableCell';
 import { Table as StyledTable } from './styles';
+
 var HEADER = 'HEADER';
 var ROW_HEADER = 'ROW_HEADER';
 
@@ -19,11 +21,11 @@ var Table = function Table(_ref) {
   var _React$useState2;
 
   var _ref$sectionsData = _ref.sectionsData,
-      sectionsData = _ref$sectionsData === void 0 ? [] : _ref$sectionsData,
+      sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
       _ref$headerData = _ref.headerData,
-      headerData = _ref$headerData === void 0 ? [] : _ref$headerData,
+      headerData = _ref$headerData === undefined ? [] : _ref$headerData,
       _ref$cells = _ref.cells,
-      cells = _ref$cells === void 0 ? {} : _ref$cells,
+      cells = _ref$cells === undefined ? {} : _ref$cells,
       isRtl = _ref.isRtl,
       cellHandler = _ref.cellHandler,
       cellValueAccessor = _ref.cellValueAccessor,
@@ -41,7 +43,6 @@ var Table = function Table(_ref) {
     var columnCount = R.add(xColumnCount, yColumnCount);
     var yOffsetRowHeader = 0;
     var yOffsetSectionHeader = R.inc(yOffsetRowHeader);
-
     var msGridRowOffsetFactory = function msGridRowOffsetFactory(sectionIndex) {
       return R.sum([R.inc(yOffsetSectionHeader), sectionIndex, R.pipe(R.take(sectionIndex), R.reduce(R.useWith(R.add, [R.identity, R.pipe(R.last, R.length)]), 0))(sectionsData)]);
     };
@@ -51,7 +52,7 @@ var Table = function Table(_ref) {
         var previousCell = R.last(acc);
         var previousCellKey = R.prop('key', previousCell);
         var valueId = R.path(['value', 'id'], cell);
-        var cellKey = R.isNil(previousCellKey) ? valueId : previousCellKey + "-" + valueId;
+        var cellKey = R.isNil(previousCellKey) ? valueId : previousCellKey + '-' + valueId;
         return R.append(R.assoc('key', cellKey, cell), acc);
       }, [])), R.transpose)(headerData),
       xLayoutData: xLayoutData,
@@ -70,15 +71,15 @@ var Table = function Table(_ref) {
       yColumnCount = _React$useMemo.yColumnCount,
       yOffsetRowHeader = _React$useMemo.yOffsetRowHeader,
       yOffsetSectionHeader = _React$useMemo.yOffsetSectionHeader,
-      msGridRowOffsetFactory = _React$useMemo.msGridRowOffsetFactory; // Hooks before
+      msGridRowOffsetFactory = _React$useMemo.msGridRowOffsetFactory;
+
+  // Hooks before
 
 
   var isSingleObs = R.hasPath(['', '', '', 0], cells);
-  if (isSingleObs) return /*#__PURE__*/React.createElement(TableCell, {
-    cell: R.pathOr({}, ['', '', '', 0], cells),
-    cellHandler: cellHandler
-  }); // Utility funcs
+  if (isSingleObs) return React.createElement(TableCell, { cell: R.pathOr({}, ['', '', '', 0], cells), cellHandler: cellHandler });
 
+  // Utility funcs
   var getYOffset = function getYOffset(index) {
     return R.pipe(R.prop(HEADER), R.slice(0, index), R.sum)(yOffsets);
   };
@@ -96,54 +97,74 @@ var Table = function Table(_ref) {
         var _R$mergeRight;
 
         var height = _ref2.height;
+
         var newYOffsets = R.equals(label, HEADER) ? updatedHeights(R.prop(HEADER)(yOffsets))(headerData) : R.prop(label)(yOffsets);
         setYOffsets(R.mergeRight(yOffsets, (_R$mergeRight = {}, _R$mergeRight[label] = R.update(index, height)(newYOffsets), _R$mergeRight)));
       };
     };
   };
 
-  return /*#__PURE__*/React.createElement(StyledTable, {
-    columnCount: columnCount,
-    xColumnCount: xColumnCount
-  }, /*#__PURE__*/React.createElement(Header, {
-    data: transposedHeaderData,
-    xColumnCount: xColumnCount,
-    onYVectorSize: onYVectorSize(HEADER, transposedHeaderData),
-    getYOffset: getYOffset
-  }), /*#__PURE__*/React.createElement(RowHeader, {
-    data: xLayoutData,
-    headerData: headerData,
-    onYVectorSize: onYVectorSize(ROW_HEADER),
-    getYOffset: getSubHeaderOffset(transposedHeaderData),
-    yOffset: yOffsetRowHeader,
-    activeCellIds: activeCellIds
-  }), R.addIndex(R.map)(function (_ref3, sectionIndex) {
-    var sectionHeaderData = _ref3[0],
-        sectionRowsData = _ref3[1];
-    var msGridRowOffset = msGridRowOffsetFactory(sectionIndex);
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: "section-" + sectionIndex
-    }, /*#__PURE__*/React.createElement(SectionHeader, {
-      columnCount: columnCount,
-      section: sectionHeaderData,
-      yOffset: getSubHeaderOffset(transposedHeaderData)(yOffsetSectionHeader),
-      msGridRow: msGridRowOffset,
-      isRtl: isRtl
-    }), /*#__PURE__*/React.createElement(SectionRows, {
-      data: sectionRowsData,
-      headerData: headerData,
-      cells: cells,
-      cellHandler: cellHandler,
-      cellValueAccessor: cellValueAccessor,
-      activeCellIds: activeCellIds,
-      activeCellHandler: activeCellHandler,
-      sectionData: sectionHeaderData,
-      yColumnCount: yColumnCount,
+  return React.createElement(
+    StyledTable,
+    { columnCount: columnCount, xColumnCount: xColumnCount },
+    React.createElement(Header, {
+      data: transposedHeaderData,
       xColumnCount: xColumnCount,
+      onYVectorSize: onYVectorSize(HEADER, transposedHeaderData),
+      getYOffset: getYOffset
+    }),
+    React.createElement(RowHeader, {
+      data: xLayoutData,
+      headerData: headerData,
+      onYVectorSize: onYVectorSize(ROW_HEADER),
+      getYOffset: getSubHeaderOffset(transposedHeaderData),
       yOffset: yOffsetRowHeader,
-      msGridRowOffset: msGridRowOffset
-    }));
-  }, sectionsData));
+      activeCellIds: activeCellIds
+    }),
+    R.addIndex(R.map)(function (_ref3, sectionIndex) {
+      var sectionHeaderData = _ref3[0],
+          sectionRowsData = _ref3[1];
+
+      var msGridRowOffset = msGridRowOffsetFactory(sectionIndex);
+
+      return React.createElement(
+        React.Fragment,
+        { key: 'section-' + sectionIndex },
+        React.createElement(SectionHeader, {
+          columnCount: columnCount,
+          section: sectionHeaderData,
+          yOffset: getSubHeaderOffset(transposedHeaderData)(yOffsetSectionHeader),
+          msGridRow: msGridRowOffset,
+          isRtl: isRtl
+        }),
+        React.createElement(SectionRows, {
+          data: sectionRowsData,
+          headerData: headerData,
+          cells: cells,
+          cellHandler: cellHandler,
+          cellValueAccessor: cellValueAccessor,
+          activeCellIds: activeCellIds,
+          activeCellHandler: activeCellHandler,
+          sectionData: sectionHeaderData,
+          yColumnCount: yColumnCount,
+          xColumnCount: xColumnCount,
+          yOffset: yOffsetRowHeader,
+          msGridRowOffset: msGridRowOffset
+        })
+      );
+    }, sectionsData)
+  );
 };
 
+Table.propTypes = process.env.NODE_ENV !== "production" ? {
+  headerData: PropTypes.array.isRequired,
+  sectionsData: PropTypes.array.isRequired,
+  cells: PropTypes.object.isRequired,
+  cellHandler: PropTypes.func,
+  cellValueAccessor: PropTypes.func,
+  activeCellHandler: PropTypes.func,
+  activeCellIds: PropTypes.object,
+  isRtl: PropTypes.bool
+} : {};
+
 export default Table;

package/es/Table/header.js

@@ -1,10 +1,13 @@
-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 PropTypes from 'prop-types';
 import * as R from 'ramda';
 import sizeMe from 'react-sizeme';
 import { makeStyles } from '@material-ui/core/styles';
 import { Cell } from './styles';
 import ItemCell from './itemCell';
+
 var useStyles = makeStyles(function (theme) {
   return {
     root: {
@@ -17,23 +20,17 @@ var useStyles = makeStyles(function (theme) {
     }
   };
 });
-var YVector = sizeMe({
-  noPlaceholder: true,
-  monitorHeight: true,
-  monitorWidth: false
-})(Cell);
+
+var YVector = sizeMe({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(Cell);
+
 var mergeHeaderCells = R.reduce(function (acc, headerCell) {
   var previousCell = R.last(acc);
   var cellValue = R.prop('key', headerCell);
   var previousCellValue = R.prop('key', previousCell);
-
   if (cellValue !== previousCellValue) {
     return R.append(R.assoc('spanCount', 1, headerCell), acc);
   }
-
-  return R.over(R.lensIndex(-1), R.evolve({
-    spanCount: R.add(1)
-  }), acc);
+  return R.over(R.lensIndex(-1), R.evolve({ spanCount: R.add(1) }), acc);
 }, []);
 
 var Header = function Header(_ref) {
@@ -41,37 +38,54 @@ var Header = function Header(_ref) {
       onYVectorSize = _ref.onYVectorSize,
       getYOffset = _ref.getYOffset,
       xColumnCount = _ref.xColumnCount;
+
   var classes = useStyles();
   if (R.equals([''], data)) return null;
   var getDimensionFromRow = R.pipe(R.head, R.prop('dimension'));
   var nRows = R.length(data);
+
   return R.addIndex(R.map)(function (headerRow, i) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: "header-row-" + i
-    }, /*#__PURE__*/React.createElement(YVector, {
-      yOffset: getYOffset(i),
-      onSize: onYVectorSize(i),
-      spanCount: xColumnCount,
-      className: classes.root
-    }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-      justifyContent: "flex-end",
-      fontWeight: "bold",
-      fontStyle: "italic"
-    }, getDimensionFromRow(headerRow)))), R.pipe(R.when(R.always(i !== nRows - 1), mergeHeaderCells), // don't want merge of cells in the last row
-    R.addIndex(R.map)(function (_ref2, j) {
-      var value = _ref2.value,
-          spanCount = _ref2.spanCount;
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: "header-column-" + j,
-        yOffset: getYOffset(i),
-        spanCount: spanCount,
-        className: classes.root
-      }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-        justifyContent: "center",
-        sticky: spanCount > 1
-      }, value)));
-    }))(headerRow));
+    return React.createElement(
+      React.Fragment,
+      { key: 'header-row-' + i },
+      React.createElement(
+        YVector,
+        {
+          yOffset: getYOffset(i),
+          onSize: onYVectorSize(i),
+          spanCount: xColumnCount,
+          className: classes.root
+        },
+        React.createElement(ItemCell, _extends({
+          justifyContent: 'flex-end',
+          fontWeight: 'bold',
+          fontStyle: 'italic'
+        }, getDimensionFromRow(headerRow)))
+      ),
+      R.pipe(R.when(R.always(i !== nRows - 1), mergeHeaderCells), // don't want merge of cells in the last row
+      R.addIndex(R.map)(function (_ref2, j) {
+        var value = _ref2.value,
+            spanCount = _ref2.spanCount;
+        return React.createElement(
+          Cell,
+          {
+            key: 'header-column-' + j,
+            yOffset: getYOffset(i),
+            spanCount: spanCount,
+            className: classes.root
+          },
+          React.createElement(ItemCell, _extends({ justifyContent: 'center', sticky: spanCount > 1 }, value))
+        );
+      }))(headerRow)
+    );
   })(data);
 };
 
+Header.propTypes = process.env.NODE_ENV !== "production" ? {
+  data: PropTypes.array.isRequired,
+  xColumnCount: PropTypes.number.isRequired,
+  onYVectorSize: PropTypes.func.isRequired,
+  getYOffset: PropTypes.func.isRequired
+} : {};
+
 export default Header;

package/es/Table/index.js

@@ -52,4 +52,5 @@
  * }
  * @demoReady
  */
+
 export { default } from './Table';

package/es/Table/itemCell.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import ItemTooltip from './tooltip';
 
@@ -11,7 +12,8 @@ var ItemCell = function ItemCell(_ref) {
       fontWeight = _ref.fontWeight,
       fontStyle = _ref.fontStyle,
       _ref$sticky = _ref.sticky,
-      sticky = _ref$sticky === void 0 ? false : _ref$sticky;
+      sticky = _ref$sticky === undefined ? false : _ref$sticky;
+
   var style = {
     display: 'flex',
     flexDirection: 'row',
@@ -25,18 +27,28 @@ var ItemCell = function ItemCell(_ref) {
     paddingLeft: R.pipe(R.when(R.isNil, R.always([])), R.length, R.multiply(12))(parents),
     height: '100%'
   };
-  return /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    style: sticky ? {
-      display: 'inline-block',
-      position: 'sticky',
-      left: 8,
-      right: 8
-    } : {}
-  }, label, /*#__PURE__*/React.createElement(ItemTooltip, {
-    flags: flags
-  })));
+
+  return React.createElement(
+    'div',
+    { style: style },
+    React.createElement(
+      'div',
+      { style: sticky ? { display: 'inline-block', position: 'sticky', left: 8, right: 8 } : {} },
+      label,
+      React.createElement(ItemTooltip, { flags: flags })
+    )
+  );
 };
 
+ItemCell.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: PropTypes.string,
+  flags: PropTypes.array,
+  parents: PropTypes.array,
+  justifyContent: PropTypes.string,
+  fontWeight: PropTypes.string,
+  fontStyle: PropTypes.string,
+  alignItems: PropTypes.string,
+  sticky: PropTypes.bool
+} : {};
+
 export default React.memo(ItemCell);

package/es/Table/row-header.js

@@ -1,5 +1,7 @@
-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 PropTypes from 'prop-types';
 import cx from 'classnames';
 import * as R from 'ramda';
 import { makeStyles } from '@material-ui/core/styles';
@@ -7,6 +9,7 @@ import sizeMe from 'react-sizeme';
 import { Cell } from './styles';
 import ItemCell from './itemCell';
 import { getLight } from '../utils';
+
 var useStyles = makeStyles(function (theme) {
   return {
     root: {
@@ -19,11 +22,8 @@ var useStyles = makeStyles(function (theme) {
     highlight: theme.mixins.table.cellHighlight
   };
 });
-var XVector = sizeMe({
-  noPlaceholder: true,
-  monitorHeight: true,
-  monitorWidth: false
-})(Cell);
+
+var XVector = sizeMe({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(Cell);
 
 var RowHeader = function RowHeader(_ref) {
   var data = _ref.data,
@@ -32,34 +32,53 @@ var RowHeader = function RowHeader(_ref) {
       getYOffset = _ref.getYOffset,
       yOffset = _ref.yOffset,
       activeCellIds = _ref.activeCellIds;
+
   var classes = useStyles();
   if (R.isEmpty(data)) return null;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, R.addIndex(R.map)(function (rowColumn, i) {
-    return /*#__PURE__*/React.createElement(XVector, {
-      key: "row-column-" + i,
-      yOffset: getYOffset(yOffset),
-      onSize: onYVectorSize(yOffset),
-      className: classes.root
-    }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-      justifyContent: "flex-start",
-      fontWeight: "bold",
-      fontStyle: "italic"
-    }, R.propOr({}, 'dimension', rowColumn))));
-  }, data), /*#__PURE__*/React.createElement(Cell, {
-    yOffset: getYOffset(yOffset),
-    className: classes.sep
-  }), R.addIndex(R.map)(function (header, j) {
-    var _cx;
 
-    return /*#__PURE__*/React.createElement(Cell, {
-      key: "row-header-" + j,
-      yOffset: getYOffset(yOffset),
-      className: cx(classes.sep, (_cx = {}, _cx[classes.highlight] = R.prop("col-" + j)(activeCellIds), _cx))
-    }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-      justifyContent: "center",
-      alignItems: "end"
-    }, header)));
-  }, headerData));
+  return React.createElement(
+    React.Fragment,
+    null,
+    R.addIndex(R.map)(function (rowColumn, i) {
+      return React.createElement(
+        XVector,
+        {
+          key: 'row-column-' + i,
+          yOffset: getYOffset(yOffset),
+          onSize: onYVectorSize(yOffset),
+          className: classes.root
+        },
+        React.createElement(ItemCell, _extends({
+          justifyContent: 'flex-start',
+          fontWeight: 'bold',
+          fontStyle: 'italic'
+        }, R.propOr({}, 'dimension', rowColumn)))
+      );
+    }, data),
+    React.createElement(Cell, { yOffset: getYOffset(yOffset), className: classes.sep }),
+    R.addIndex(R.map)(function (header, j) {
+      var _cx;
+
+      return React.createElement(
+        Cell,
+        {
+          key: 'row-header-' + j,
+          yOffset: getYOffset(yOffset),
+          className: cx(classes.sep, (_cx = {}, _cx[classes.highlight] = R.prop('col-' + j)(activeCellIds), _cx))
+        },
+        React.createElement(ItemCell, _extends({ justifyContent: 'center', alignItems: 'end' }, header))
+      );
+    }, headerData)
+  );
 };
 
+RowHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  data: PropTypes.array.isRequired,
+  headerData: PropTypes.array.isRequired,
+  yOffset: PropTypes.number.isRequired,
+  onYVectorSize: PropTypes.func.isRequired,
+  getYOffset: PropTypes.func.isRequired,
+  activeCellIds: PropTypes.object
+} : {};
+
 export default RowHeader;

package/es/Table/section-header.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import * as R from 'ramda';
 import Lens from '@material-ui/icons/Lens';
@@ -7,6 +8,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import { Cell } from './styles';
 import ItemTooltip from './tooltip';
 import { getDark } from '../utils';
+
 var Dot = withStyles(function (theme) {
   return {
     root: {
@@ -15,6 +17,7 @@ var Dot = withStyles(function (theme) {
     }
   };
 })(Lens);
+
 var useStyles = makeStyles(function (theme) {
   return {
     zCell: {
@@ -50,41 +53,63 @@ var SectionHeader = function SectionHeader(_ref) {
       columnCount = _ref.columnCount,
       yOffset = _ref.yOffset,
       isRtl = _ref.isRtl;
+
   var classes = useStyles();
   if (R.isEmpty(R.propOr([], 'data', section))) return null;
   var data = R.propOr([], 'data', section);
   var hasFlag = R.find(R.pipe(R.path(['value', 'flags']), R.isEmpty, R.not))(data);
-  return /*#__PURE__*/React.createElement(Cell, {
-    spanCount: columnCount,
-    yOffset: yOffset,
-    className: classes.zCell
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.zAtom,
-    style: hasFlag ? {
-      paddingTop: 0
-    } : undefined
-  }, R.pipe(R.addIndex(R.map)(function (entry, index) {
-    var _cx;
+  return React.createElement(
+    Cell,
+    { spanCount: columnCount, yOffset: yOffset, className: classes.zCell },
+    React.createElement(
+      'div',
+      { className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
+      R.pipe(R.addIndex(R.map)(function (entry, index) {
+        var _cx;
 
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, R.not(R.equals(index, 0)) && /*#__PURE__*/React.createElement("span", {
-      className: classes.zQuant
-    }, /*#__PURE__*/React.createElement(Dot, null)), /*#__PURE__*/React.createElement("span", {
-      className: cx(classes.zQuant, classes.zQuantDimension, (_cx = {}, _cx[classes.zQuantDimensionRtl] = isRtl, _cx))
-    }, R.pathOr('', ['dimension', 'label'], entry), ':'), /*#__PURE__*/React.createElement("span", {
-      className: classes.zQuant
-    }, R.pathOr('', ['value', 'label'], entry)), R.not(R.isEmpty(R.pathOr([], ['value', 'flags'], entry))) && /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0"), /*#__PURE__*/React.createElement(ItemTooltip, {
-      flags: R.pathOr([], ['value', 'flags'], entry)
-    }));
-  }))(data)), /*#__PURE__*/React.createElement("div", {
-    className: classes.zAtom,
-    style: hasFlag ? {
-      paddingTop: 0
-    } : undefined
-  }, /*#__PURE__*/React.createElement(ItemTooltip, {
-    flags: R.propOr([], 'flags', section)
-  })));
+        return React.createElement(
+          React.Fragment,
+          { key: index },
+          R.not(R.equals(index, 0)) && React.createElement(
+            'span',
+            { className: classes.zQuant },
+            React.createElement(Dot, null)
+          ),
+          React.createElement(
+            'span',
+            {
+              className: cx(classes.zQuant, classes.zQuantDimension, (_cx = {}, _cx[classes.zQuantDimensionRtl] = isRtl, _cx))
+            },
+            R.pathOr('', ['dimension', 'label'], entry),
+            ':'
+          ),
+          React.createElement(
+            'span',
+            { className: classes.zQuant },
+            R.pathOr('', ['value', 'label'], entry)
+          ),
+          R.not(R.isEmpty(R.pathOr([], ['value', 'flags'], entry))) && React.createElement(
+            React.Fragment,
+            null,
+            '\xA0'
+          ),
+          React.createElement(ItemTooltip, { flags: R.pathOr([], ['value', 'flags'], entry) })
+        );
+      }))(data)
+    ),
+    React.createElement(
+      'div',
+      { className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
+      React.createElement(ItemTooltip, { flags: R.propOr([], 'flags', section) })
+    )
+  );
 };
 
+SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  section: PropTypes.object.isRequired,
+  yOffset: PropTypes.number.isRequired,
+  columnCount: PropTypes.number.isRequired,
+  isRtl: PropTypes.bool
+} : {};
+
 export default React.memo(SectionHeader);