@sis-cc/dotstatsuite-visions 6.6.4 → 6.7.0

package/lib/CollapsibleTree/Collapse.js

@@ -0,0 +1,126 @@
+'use strict';
+
+exports.__esModule = true;
+exports.VARIANT_BOLD = undefined;
+
+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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _ramda = require('ramda');
+
+var _styles = require('@material-ui/core/styles');
+
+var _Collapse = require('@material-ui/core/Collapse');
+
+var _Collapse2 = _interopRequireDefault(_Collapse);
+
+var _Button = require('@material-ui/core/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _KeyboardArrowDown = require('@material-ui/icons/KeyboardArrowDown');
+
+var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
+
+var _KeyboardArrowUp = require('@material-ui/icons/KeyboardArrowUp');
+
+var _KeyboardArrowUp2 = _interopRequireDefault(_KeyboardArrowUp);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var VARIANT_ICON = 'icon';
+var VARIANT_BOLD = exports.VARIANT_BOLD = 'bold';
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  var _ref;
+
+  return _ref = {
+    buttonExpand: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  }, _ref['button' + VARIANT_ICON] = {
+    color: theme.palette.primary.main,
+    backgroundColor: 'rgba(24, 32, 38, 0.04)',
+    margin: theme.spacing(1, 0)
+  }, _ref['button' + VARIANT_BOLD] = _extends({
+    marginBottom: theme.spacing(1),
+    padding: theme.spacing(0.5, 0, 1, 0),
+    '&:hover': {
+      backgroundColor: 'unset'
+    }
+  }, (0, _ramda.pathOr)({}, ['mixins', 'collapsibleTree', 'buttonSublevel'], theme)), _ref['collapsibleContainer' + VARIANT_BOLD] = {
+    borderTop: '2px solid black',
+    marginTop: theme.spacing(2),
+    marginBottom: theme.spacing(2)
+  }, _ref;
+});
+
+var CollapseComponent = function CollapseComponent(_ref2) {
+  var label = _ref2.label,
+      isOpen = _ref2.isOpen,
+      children = _ref2.children,
+      _ref2$variant = _ref2.variant,
+      variant = _ref2$variant === undefined ? VARIANT_ICON : _ref2$variant,
+      level = _ref2.level;
+
+  var classes = useStyles();
+  var theme = (0, _styles.useTheme)();
+
+  var _React$useState = _react2.default.useState(isOpen),
+      open = _React$useState[0],
+      setOpen = _React$useState[1];
+
+  (0, _react.useEffect)(function () {
+    return setOpen(isOpen);
+  }, [isOpen]);
+
+  return _react2.default.createElement(
+    'div',
+    {
+      className: (0, _classnames2.default)(classes['collapsibleContainer' + variant]),
+      style: {
+        marginRight: theme.spacing(level * 2),
+        marginLeft: theme.spacing(level * 2)
+      }
+    },
+    _react2.default.createElement(
+      _Button2.default,
+      {
+        className: (0, _classnames2.default)(classes.buttonExpand, classes['button' + variant]),
+        onClick: function onClick() {
+          return setOpen(!open);
+        },
+        fullWidth: true
+      },
+      label,
+      open ? _react2.default.createElement(_KeyboardArrowUp2.default, { color: 'primary' }) : _react2.default.createElement(_KeyboardArrowDown2.default, { color: 'primary' })
+    ),
+    _react2.default.createElement(
+      _Collapse2.default,
+      { 'in': open, timeout: 'auto' },
+      children
+    )
+  );
+};
+
+CollapseComponent.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _propTypes2.default.string,
+  isOpen: _propTypes2.default.bool,
+  children: _propTypes2.default.node,
+  variant: _propTypes2.default.oneOf([VARIANT_ICON, VARIANT_BOLD]),
+  level: _propTypes2.default.number
+} : {};
+
+exports.default = CollapseComponent;

package/lib/CollapsibleTree/CollapsibleTree.js

@@ -0,0 +1,216 @@
+'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 _Container = require('@material-ui/core/Container');
+
+var _Container2 = _interopRequireDefault(_Container);
+
+var _styles = require('@material-ui/core/styles');
+
+var _Typography = require('@material-ui/core/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
+
+var _Divider = require('@material-ui/core/Divider');
+
+var _Divider2 = _interopRequireDefault(_Divider);
+
+var _Button = require('@material-ui/core/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _KeyboardArrowDown = require('@material-ui/icons/KeyboardArrowDown');
+
+var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
+
+var _KeyboardArrowUp = require('@material-ui/icons/KeyboardArrowUp');
+
+var _KeyboardArrowUp2 = _interopRequireDefault(_KeyboardArrowUp);
+
+var _CircularProgress = require('@material-ui/core/CircularProgress');
+
+var _CircularProgress2 = _interopRequireDefault(_CircularProgress);
+
+var _Grid = require('@material-ui/core/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _Collapse = require('./Collapse');
+
+var _Collapse2 = _interopRequireDefault(_Collapse);
+
+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 {
+    title: _extends({
+      fontWeight: 'bold'
+    }, R.pathOr({}, ['mixins', 'collapsibleTree', 'title'], theme)),
+    divider: {
+      marginBottom: theme.spacing(2)
+    },
+    spacingValue: {
+      marginLeft: theme.spacing(2),
+      marginRight: theme.spacing(2),
+      marginBottom: theme.spacing(2)
+    }
+  };
+});
+
+var CollapsibleTree = function CollapsibleTree(_ref) {
+  var _ref$data = _ref.data,
+      data = _ref$data === undefined ? [] : _ref$data,
+      _ref$defaultDepthLeve = _ref.defaultDepthLevel,
+      defaultDepthLevel = _ref$defaultDepthLeve === undefined ? 1 : _ref$defaultDepthLeve,
+      isLoading = _ref.isLoading,
+      children = _ref.children,
+      labels = _ref.labels,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId;
+
+  var classes = useStyles();
+
+  var _useState = (0, _react.useState)(defaultDepthLevel),
+      depthLevel = _useState[0],
+      setDepthLevel = _useState[1];
+
+  (0, _react.useEffect)(function () {
+    return setDepthLevel(defaultDepthLevel);
+  }, [defaultDepthLevel]);
+
+  if (isLoading) {
+    return _react2.default.createElement(
+      _Grid2.default,
+      { container: true, item: true, justifyContent: 'center' },
+      _react2.default.createElement(_CircularProgress2.default, null)
+    );
+  }
+
+  var handleCollapse = function handleCollapse(isAllOpen) {
+    if (isAllOpen) return setDepthLevel(undefined);
+    return setDepthLevel(defaultDepthLevel);
+  };
+
+  var isAllOpen = depthLevel >= defaultDepthLevel;
+  var buttonAllOpenLabel = isAllOpen ? R.prop('collapseAll', labels) : R.prop('expandAll', labels);
+
+  return _react2.default.createElement(
+    _react.Fragment,
+    null,
+    _react2.default.createElement(
+      _Container2.default,
+      { disableGutters: true, 'data-testid': testId },
+      _react2.default.createElement(
+        _Button2.default,
+        {
+          'aria-label': buttonAllOpenLabel,
+          color: 'primary',
+          endIcon: isAllOpen ? _react2.default.createElement(_KeyboardArrowDown2.default, { color: 'primary' }) : _react2.default.createElement(_KeyboardArrowUp2.default, { color: 'primary' }),
+          onClick: function onClick() {
+            return handleCollapse(isAllOpen);
+          }
+        },
+        buttonAllOpenLabel
+      ),
+      children
+    ),
+    R.map(function (_ref2) {
+      var id = _ref2.id,
+          label = _ref2.label,
+          _ref2$children = _ref2.children,
+          children = _ref2$children === undefined ? [] : _ref2$children;
+
+      return _react2.default.createElement(
+        _react.Fragment,
+        { key: id },
+        _react2.default.createElement(_Divider2.default, { className: classes.divider }),
+        _react2.default.createElement(
+          _Typography2.default,
+          { variant: 'h5', className: classes.title },
+          label
+        ),
+        R.map(function (_ref3) {
+          var id = _ref3.id,
+              label = _ref3.label,
+              children = _ref3.children,
+              value = _ref3.value;
+
+          return _react2.default.createElement(
+            _Collapse2.default,
+            { key: id, level: 0, label: label, isOpen: depthLevel >= 0 },
+            value && _react2.default.createElement(
+              _Typography2.default,
+              { className: classes.spacingValue, variant: 'body2' },
+              value
+            ),
+            children && R.map(function (_ref4) {
+              var id = _ref4.id,
+                  label = _ref4.label,
+                  value = _ref4.value;
+
+              return _react2.default.createElement(
+                _Collapse2.default,
+                {
+                  key: id,
+                  level: 1,
+                  variant: _Collapse.VARIANT_BOLD,
+                  label: label,
+                  isOpen: depthLevel >= 1
+                },
+                _react2.default.createElement(
+                  _Typography2.default,
+                  { variant: 'body2' },
+                  value
+                )
+              );
+            }, children)
+          );
+        }, children)
+      );
+    }, data)
+  );
+};
+
+CollapsibleTree.propTypes = process.env.NODE_ENV !== "production" ? {
+  data: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired,
+    label: _propTypes2.default.string,
+    children: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+      id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired,
+      label: _propTypes2.default.string,
+      children: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+        id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired,
+        label: _propTypes2.default.string,
+        value: _propTypes2.default.string
+      }))
+    }))
+  })),
+  defaultDepthLevel: _propTypes2.default.number,
+  isLoading: _propTypes2.default.bool,
+  children: _propTypes2.default.node,
+  labels: _propTypes2.default.shape({
+    collapseAll: _propTypes2.default.string,
+    expandAll: _propTypes2.default.string
+  }),
+  testId: _propTypes2.default.string
+} : {};
+
+exports.default = CollapsibleTree;
+module.exports = exports['default'];

package/lib/CollapsibleTree/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _CollapsibleTree = require('./CollapsibleTree');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_CollapsibleTree).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = exports['default'];

package/lib/DataEdit/Input.js

@@ -45,7 +45,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+var useStyles = (0, _styles.makeStyles)(function () {
   return {
     visibility: {
       visibility: 'hidden'

package/lib/TableHtml5/TableHtml5.js

@@ -101,7 +101,10 @@ var TableHtml5 = function TableHtml5(_ref) {
       sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
       cellHandler = _ref.cellHandler,
       activeCellIds = _ref.activeCellIds,
-      activeCellHandler = _ref.activeCellHandler;
+      activeCellHandler = _ref.activeCellHandler,
+      sideToggle = _ref.sideToggle,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === undefined ? 'vis-table' : _ref$testId;
 
   var classes = useStyles();
 
@@ -145,7 +148,13 @@ var TableHtml5 = function TableHtml5(_ref) {
   var nbColumnsByRows = R.map(R.length)(valuesHeaderData);
   return _react2.default.createElement(
     _Table2.default,
-    { className: classes.table, 'aria-label': 'table', size: 'small', style: { padding: '0px 0px' } },
+    {
+      className: classes.table,
+      'aria-label': 'table',
+      size: 'small',
+      style: { padding: '0px 0px' },
+      'data-testid': testId
+    },
     _react2.default.createElement(
       'thead',
       { ref: headerRef, className: classes.stickyHeader },
@@ -159,6 +168,7 @@ var TableHtml5 = function TableHtml5(_ref) {
         headerData: headerData,
         xLayoutData: xLayoutData,
         activeCellIds: activeCellIds,
+        sideToggle: sideToggle,
         ref: subHeadCellsRef,
         subHeadCellsWidth: subHeadCellsWidth
       })
@@ -176,6 +186,7 @@ var TableHtml5 = function TableHtml5(_ref) {
         cellHandler: cellHandler,
         activeCellIds: activeCellIds,
         activeCellHandler: activeCellHandler,
+        sideToggle: sideToggle,
         subHeadCellsWidth: subHeadCellsWidth
       });
     }, sectionsData)
@@ -188,7 +199,9 @@ TableHtml5.propTypes = process.env.NODE_ENV !== "production" ? {
   sectionsData: _propTypes2.default.array,
   cellHandler: _propTypes2.default.func,
   activeCellHandler: _propTypes2.default.func,
-  activeCellIds: _propTypes2.default.object
+  activeCellIds: _propTypes2.default.object,
+  sideToggle: _propTypes2.default.func,
+  testId: _propTypes2.default.string
 } : {};
 
 exports.default = TableHtml5;

package/lib/TableHtml5/cell.js

@@ -32,6 +32,10 @@ var _Link = require('@material-ui/core/Link');
 
 var _Link2 = _interopRequireDefault(_Link);
 
+var _sideIcon = require('./sideIcon');
+
+var _sideIcon2 = _interopRequireDefault(_sideIcon);
+
 var _flags = require('./flags');
 
 var _flags2 = _interopRequireDefault(_flags);
@@ -79,7 +83,9 @@ var Cell = function Cell(_ref) {
       cellHandler = _ref.cellHandler,
       activeCellHandler = _ref.activeCellHandler,
       isActive = _ref.isActive,
-      isHighlight = _ref.isHighlight;
+      isHighlight = _ref.isHighlight,
+      sideProps = _ref.sideProps,
+      sideToggle = _ref.sideToggle;
 
   var classes = useStyles();
   var hasFlag = R.not(R.isEmpty(flags));
@@ -112,6 +118,7 @@ var Cell = function Cell(_ref) {
       _react2.default.createElement(
         _Typography2.default,
         { variant: 'body1', tabIndex: 0, noWrap: hasFlag },
+        _react2.default.createElement(_sideIcon2.default, { sideProps: sideProps, sideToggle: sideToggle }),
         hasFlag && _react2.default.createElement(_flags2.default, { flags: flags }),
         uiValue
       )
@@ -128,7 +135,9 @@ Cell.propTypes = process.env.NODE_ENV !== "production" ? {
   cellHandler: _propTypes2.default.func,
   isActive: _propTypes2.default.bool,
   isHighlight: _propTypes2.default.bool,
-  activeCellHandler: _propTypes2.default.func
+  activeCellHandler: _propTypes2.default.func,
+  sideProps: _propTypes2.default.object,
+  sideToggle: _propTypes2.default.func
 } : {};
 
 exports.default = Cell;

package/lib/TableHtml5/section.js

@@ -46,6 +46,10 @@ var _cell = require('./cell');
 
 var _cell2 = _interopRequireDefault(_cell);
 
+var _sideIcon = require('./sideIcon');
+
+var _sideIcon2 = _interopRequireDefault(_sideIcon);
+
 var _utils = require('../utils');
 
 var _flags = require('./flags');
@@ -112,6 +116,7 @@ var Section = function Section(_ref) {
       headerHeight = _ref.headerHeight,
       sectionIndex = _ref.sectionIndex,
       nbColumnsByRows = _ref.nbColumnsByRows,
+      sideToggle = _ref.sideToggle,
       subHeadCellsWidth = _ref.subHeadCellsWidth;
 
   var classes = useStyles();
@@ -129,7 +134,8 @@ var Section = function Section(_ref) {
       section: section,
       currentSection: currentSection,
       xLayoutDataLength: xLayoutDataLength,
-      headerHeight: headerHeight
+      headerHeight: headerHeight,
+      sideToggle: sideToggle
     }),
     R.map(function (sectionbody) {
       var _cx2;
@@ -190,6 +196,7 @@ var Section = function Section(_ref) {
           _react2.default.createElement(
             'div',
             { className: classes.flagContainer },
+            _react2.default.createElement(_sideIcon2.default, { sideProps: R.prop('sideProps', sectionbody), sideToggle: sideToggle }),
             _react2.default.createElement(_flags2.default, { flags: R.prop('flags', sectionbody) })
           )
         ),
@@ -206,6 +213,7 @@ var Section = function Section(_ref) {
           }, R.pathOr({ value: '..' }, [item.key, currentSection, sectionbody.key, 0], cells), {
             headers: rowIds + ' ' + columnIds + ' ' + currentSection,
             cellHandler: cellHandler,
+            sideToggle: sideToggle,
             isActive: isActive,
             isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
             activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
@@ -233,6 +241,7 @@ Section.propTypes = process.env.NODE_ENV !== "production" ? {
   headerNumberRows: _propTypes2.default.number,
   nbColumnsByRows: _propTypes2.default.array,
   maxColumns: _propTypes2.default.number,
+  sideToggle: _propTypes2.default.func,
   subHeadCellsWidth: _propTypes2.default.arrayOf(_propTypes2.default.number)
 } : {};
 

package/lib/TableHtml5/sectionHeader.js

@@ -34,6 +34,10 @@ var _TableRow = require('@material-ui/core/TableRow');
 
 var _TableRow2 = _interopRequireDefault(_TableRow);
 
+var _sideIcon = require('./sideIcon');
+
+var _sideIcon2 = _interopRequireDefault(_sideIcon);
+
 var _flags = require('./flags');
 
 var _flags2 = _interopRequireDefault(_flags);
@@ -87,7 +91,8 @@ var SectionHeader = function SectionHeader(_ref) {
       section = _ref.section,
       currentSection = _ref.currentSection,
       xLayoutDataLength = _ref.xLayoutDataLength,
-      headerHeight = _ref.headerHeight;
+      headerHeight = _ref.headerHeight,
+      sideToggle = _ref.sideToggle;
 
   var classes = useStyles();
   if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
@@ -142,6 +147,7 @@ var SectionHeader = function SectionHeader(_ref) {
         _react2.default.createElement(
           'div',
           { className: classes.flag },
+          _react2.default.createElement(_sideIcon2.default, { sideProps: R.path([0, 'sideProps'], section), sideToggle: sideToggle }),
           _react2.default.createElement(_flags2.default, { flags: R.path([0, 'flags'], section) })
         )
       )
@@ -154,7 +160,8 @@ SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   section: _propTypes2.default.array,
   currentSection: _propTypes2.default.string,
   xLayoutDataLength: _propTypes2.default.number,
-  headerHeight: _propTypes2.default.number
+  headerHeight: _propTypes2.default.number,
+  sideToggle: _propTypes2.default.func
 } : {};
 
 exports.default = SectionHeader;

package/lib/TableHtml5/sideIcon.js

@@ -0,0 +1,68 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _styles = require('@material-ui/core/styles');
+
+var _Info = require('@material-ui/icons//Info');
+
+var _Info2 = _interopRequireDefault(_Info);
+
+var _IconButton = require('@material-ui/core/IconButton');
+
+var _IconButton2 = _interopRequireDefault(_IconButton);
+
+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 {
+    icon: {
+      color: theme.palette.primary.main,
+      padding: 0
+    }
+  };
+});
+
+var SideIcon = function SideIcon(_ref) {
+  var sideProps = _ref.sideProps,
+      sideToggle = _ref.sideToggle;
+
+  var classes = useStyles();
+  if (R.isNil(sideProps) || !R.is(Function, sideToggle)) {
+    return null;
+  }
+  return _react2.default.createElement(
+    _IconButton2.default,
+    {
+      size: 'small',
+      className: classes.icon,
+      onClick: function onClick() {
+        return sideToggle(sideProps);
+      },
+      'data-testid': 'ref-md-info'
+    },
+    _react2.default.createElement(_Info2.default, { fontSize: 'small' })
+  );
+};
+
+SideIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  sideProps: _propTypes2.default.object,
+  sideToggle: _propTypes2.default.func
+} : {};
+
+exports.default = SideIcon;
+module.exports = exports['default'];

package/lib/TableHtml5/subHeader.js

@@ -38,6 +38,10 @@ var _flags = require('./flags');
 
 var _flags2 = _interopRequireDefault(_flags);
 
+var _sideIcon = require('./sideIcon');
+
+var _sideIcon2 = _interopRequireDefault(_sideIcon);
+
 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 }; }
@@ -83,7 +87,8 @@ var SubHeader = _react2.default.forwardRef(function (_ref, refs) {
   var headerData = _ref.headerData,
       xLayoutData = _ref.xLayoutData,
       activeCellIds = _ref.activeCellIds,
-      subHeadCellsWidth = _ref.subHeadCellsWidth;
+      subHeadCellsWidth = _ref.subHeadCellsWidth,
+      sideToggle = _ref.sideToggle;
 
   var classes = useStyles();
   var theme = (0, _styles.useTheme)();
@@ -129,6 +134,7 @@ var SubHeader = _react2.default.forwardRef(function (_ref, refs) {
           key: index,
           className: (0, _classnames2.default)(classes.fillerCell, (_cx = {}, _cx[classes.highlight] = R.prop(index)(activeCellIds), _cx))
         },
+        _react2.default.createElement(_sideIcon2.default, { sideProps: R.prop('sideProps', item), sideToggle: sideToggle }),
         _react2.default.createElement(_flags2.default, { flags: R.prop('flags', item) })
       );
     }, headerData)
@@ -139,6 +145,7 @@ SubHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   activeCellIds: _propTypes2.default.object,
   headerData: _propTypes2.default.array,
   xLayoutData: _propTypes2.default.array,
+  sideToggle: _propTypes2.default.func,
   subHeadCellsWidth: _propTypes2.default.arrayOf(_propTypes2.default.number)
 } : {};
 

package/lib/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Table = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
+exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Table = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.CollapsibleTree = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
 
 var _Alert = require('./Alert');
 
@@ -66,6 +66,15 @@ Object.defineProperty(exports, 'CollapseButtons', {
   }
 });
 
+var _CollapsibleTree = require('./CollapsibleTree');
+
+Object.defineProperty(exports, 'CollapsibleTree', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_CollapsibleTree).default;
+  }
+});
+
 var _DataEdit = require('./DataEdit');
 
 Object.defineProperty(exports, 'DataEdit', {