@sis-cc/dotstatsuite-visions 6.7.0 → 7.2.0

package/es/DataHeader/DataHeader.js

@@ -103,7 +103,9 @@ var DataHeader = function DataHeader(_ref4) {
       _ref4$subtitle = _ref4.subtitle,
       subtitle = _ref4$subtitle === undefined ? [] : _ref4$subtitle,
       uprs = _ref4.uprs,
-      disclaimer = _ref4.disclaimer;
+      disclaimer = _ref4.disclaimer,
+      sideProps = _ref4.sideProps,
+      SideIcon = _ref4.SideIcon;
 
   var target = React.useRef(null);
 
@@ -133,6 +135,11 @@ var DataHeader = function DataHeader(_ref4) {
         Typography,
         { variant: 'h1', className: classes.title },
         title.label,
+        !R.isNil(SideIcon) && React.createElement(
+          'span',
+          { style: { 'margin-left': '10px' } },
+          React.createElement(SideIcon, { sideProps: sideProps })
+        ),
         React.createElement(Flags, { classes: classes, content: R.propOr([], 'flags', title) }),
         disclaimer && React.createElement(
           Tooltip,
@@ -222,6 +229,8 @@ DataHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     header: PropTypes.string,
     label: PropTypes.string
   }),
+  sideProps: PropTypes.object,
+  SideIcon: PropTypes.func,
   disclaimer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   children: PropTypes.node
 } : {};

package/es/TableHtml5/TableHtml5.js

@@ -69,7 +69,7 @@ var TableHtml5 = function TableHtml5(_ref) {
       cellHandler = _ref.cellHandler,
       activeCellIds = _ref.activeCellIds,
       activeCellHandler = _ref.activeCellHandler,
-      sideToggle = _ref.sideToggle,
+      SideIcon = _ref.SideIcon,
       _ref$testId = _ref.testId,
       testId = _ref$testId === undefined ? 'vis-table' : _ref$testId;
 
@@ -135,7 +135,7 @@ var TableHtml5 = function TableHtml5(_ref) {
         headerData: headerData,
         xLayoutData: xLayoutData,
         activeCellIds: activeCellIds,
-        sideToggle: sideToggle,
+        SideIcon: SideIcon,
         ref: subHeadCellsRef,
         subHeadCellsWidth: subHeadCellsWidth
       })
@@ -153,7 +153,7 @@ var TableHtml5 = function TableHtml5(_ref) {
         cellHandler: cellHandler,
         activeCellIds: activeCellIds,
         activeCellHandler: activeCellHandler,
-        sideToggle: sideToggle,
+        SideIcon: SideIcon,
         subHeadCellsWidth: subHeadCellsWidth
       });
     }, sectionsData)
@@ -167,7 +167,7 @@ TableHtml5.propTypes = process.env.NODE_ENV !== "production" ? {
   cellHandler: PropTypes.func,
   activeCellHandler: PropTypes.func,
   activeCellIds: PropTypes.object,
-  sideToggle: PropTypes.func,
+  SideIcon: PropTypes.func,
   testId: PropTypes.string
 } : {};
 

package/es/TableHtml5/cell.js

@@ -6,7 +6,6 @@ import { makeStyles } from '@material-ui/core/styles';
 import TableCell from '@material-ui/core/TableCell';
 import Typography from '@material-ui/core/Typography';
 import Link from '@material-ui/core/Link';
-import SideIcon from './sideIcon';
 import Flags from './flags';
 
 var useStyles = makeStyles(function (theme) {
@@ -50,7 +49,7 @@ var Cell = function Cell(_ref) {
       isActive = _ref.isActive,
       isHighlight = _ref.isHighlight,
       sideProps = _ref.sideProps,
-      sideToggle = _ref.sideToggle;
+      SideIcon = _ref.SideIcon;
 
   var classes = useStyles();
   var hasFlag = R.not(R.isEmpty(flags));
@@ -83,7 +82,7 @@ var Cell = function Cell(_ref) {
       React.createElement(
         Typography,
         { variant: 'body1', tabIndex: 0, noWrap: hasFlag },
-        React.createElement(SideIcon, { sideProps: sideProps, sideToggle: sideToggle }),
+        !R.isNil(SideIcon) && React.createElement(SideIcon, { sideProps: sideProps }),
         hasFlag && React.createElement(Flags, { flags: flags }),
         uiValue
       )
@@ -102,7 +101,7 @@ Cell.propTypes = process.env.NODE_ENV !== "production" ? {
   isHighlight: PropTypes.bool,
   activeCellHandler: PropTypes.func,
   sideProps: PropTypes.object,
-  sideToggle: PropTypes.func
+  SideIcon: PropTypes.func
 } : {};
 
 export default Cell;

package/es/TableHtml5/flags.js

@@ -25,6 +25,7 @@ var useStyles = makeStyles(function (theme) {
       borderColor: 'inherit',
       margin: theme.spacing(0, 0.5),
       whiteSpace: 'nowrap',
+      display: 'inline',
       fontWeight: 'bold',
       fontStyle: 'normal',
       textTransform: 'uppercase'
@@ -87,6 +88,7 @@ var Flags = function Flags(_ref) {
       hasUncoded && React.createElement(
         Fragment,
         null,
+        '\xA0',
         React.createElement(Asterisk, { className: classes.svg, style: { fontSize: 11 } }),
         React.createElement(
           Typography,

package/es/TableHtml5/index.js

@@ -13,6 +13,7 @@
  *   cellHandler: PropTypes.func,
  *   activeCellHandler: PropTypes.func,
  *   activeCellIds: PropTypes.string,
+ *   selectedSideCoord: PropTypes.object,
  * };
  * @theme
  * {

package/es/TableHtml5/section.js

@@ -1,6 +1,6 @@
 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 React, { Fragment } from 'react';
 import * as R from 'ramda';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -11,7 +11,6 @@ import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
 import SectionHeader from './sectionHeader';
 import Cell from './cell';
-import SideIcon from './sideIcon';
 import { getLight, getIsRtl } from '../utils';
 import Flags from './flags';
 
@@ -71,7 +70,7 @@ var Section = function Section(_ref) {
       headerHeight = _ref.headerHeight,
       sectionIndex = _ref.sectionIndex,
       nbColumnsByRows = _ref.nbColumnsByRows,
-      sideToggle = _ref.sideToggle,
+      SideIcon = _ref.SideIcon,
       subHeadCellsWidth = _ref.subHeadCellsWidth;
 
   var classes = useStyles();
@@ -90,7 +89,7 @@ var Section = function Section(_ref) {
       currentSection: currentSection,
       xLayoutDataLength: xLayoutDataLength,
       headerHeight: headerHeight,
-      sideToggle: sideToggle
+      SideIcon: SideIcon
     }),
     R.map(function (sectionbody) {
       var _cx2;
@@ -151,7 +150,7 @@ var Section = function Section(_ref) {
           React.createElement(
             'div',
             { className: classes.flagContainer },
-            React.createElement(SideIcon, { sideProps: R.prop('sideProps', sectionbody), sideToggle: sideToggle }),
+            !R.isNil(SideIcon) && React.createElement(SideIcon, { sideProps: R.prop('sideProps', sectionbody) }),
             React.createElement(Flags, { flags: R.prop('flags', sectionbody) })
           )
         ),
@@ -168,7 +167,7 @@ var Section = function Section(_ref) {
           }, R.pathOr({ value: '..' }, [item.key, currentSection, sectionbody.key, 0], cells), {
             headers: rowIds + ' ' + columnIds + ' ' + currentSection,
             cellHandler: cellHandler,
-            sideToggle: sideToggle,
+            SideIcon: SideIcon,
             isActive: isActive,
             isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
             activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
@@ -196,7 +195,7 @@ Section.propTypes = process.env.NODE_ENV !== "production" ? {
   headerNumberRows: PropTypes.number,
   nbColumnsByRows: PropTypes.array,
   maxColumns: PropTypes.number,
-  sideToggle: PropTypes.func,
+  SideIcon: PropTypes.func,
   subHeadCellsWidth: PropTypes.arrayOf(PropTypes.number)
 } : {};
 

package/es/TableHtml5/sectionHeader.js

@@ -8,7 +8,6 @@ import { makeStyles } from '@material-ui/core/styles';
 import Lens from '@material-ui/icons/Lens';
 import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
-import SideIcon from './sideIcon';
 import Flags from './flags';
 import { getDark } from '../utils';
 
@@ -33,8 +32,8 @@ var useStyles = makeStyles(function (theme) {
       marginRight: theme.spacing(0.5)
     },
     containerSection: {
-      display: 'flex',
-      justifyContent: 'space-between'
+      alignItems: 'baseline',
+      display: 'flex'
     },
     stickyHeaderSection: {
       position: 'sticky'
@@ -43,8 +42,8 @@ var useStyles = makeStyles(function (theme) {
       display: 'flex',
       alignItems: 'center'
     },
-    flag: {
-      height: 0
+    flags: {
+      paddingLeft: 12
     }
   };
 });
@@ -56,7 +55,7 @@ var SectionHeader = function SectionHeader(_ref) {
       currentSection = _ref.currentSection,
       xLayoutDataLength = _ref.xLayoutDataLength,
       headerHeight = _ref.headerHeight,
-      sideToggle = _ref.sideToggle;
+      SideIcon = _ref.SideIcon;
 
   var classes = useStyles();
   if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
@@ -110,8 +109,8 @@ var SectionHeader = function SectionHeader(_ref) {
         ),
         React.createElement(
           'div',
-          { className: classes.flag },
-          React.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section), sideToggle: sideToggle }),
+          { className: classes.flags },
+          !R.isNil(SideIcon) && React.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section) }),
           React.createElement(Flags, { flags: R.path([0, 'flags'], section) })
         )
       )
@@ -125,7 +124,7 @@ SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   currentSection: PropTypes.string,
   xLayoutDataLength: PropTypes.number,
   headerHeight: PropTypes.number,
-  sideToggle: PropTypes.func
+  SideIcon: PropTypes.func
 } : {};
 
 export default SectionHeader;

package/es/TableHtml5/subHeader.js

@@ -8,7 +8,6 @@ import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
 import { getLight, getIsRtl } from '../utils';
 import Flags from './flags';
-import SideIcon from './sideIcon';
 
 var useStyles = makeStyles(function (theme) {
   return {
@@ -52,7 +51,7 @@ var SubHeader = React.forwardRef(function (_ref, refs) {
       xLayoutData = _ref.xLayoutData,
       activeCellIds = _ref.activeCellIds,
       subHeadCellsWidth = _ref.subHeadCellsWidth,
-      sideToggle = _ref.sideToggle;
+      SideIcon = _ref.SideIcon;
 
   var classes = useStyles();
   var theme = useTheme();
@@ -98,7 +97,7 @@ var SubHeader = React.forwardRef(function (_ref, refs) {
           key: index,
           className: cx(classes.fillerCell, (_cx = {}, _cx[classes.highlight] = R.prop(index)(activeCellIds), _cx))
         },
-        React.createElement(SideIcon, { sideProps: R.prop('sideProps', item), sideToggle: sideToggle }),
+        !R.isNil(SideIcon) && React.createElement(SideIcon, { sideProps: R.prop('sideProps', item) }),
         React.createElement(Flags, { flags: R.prop('flags', item) })
       );
     }, headerData)
@@ -109,7 +108,7 @@ SubHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   activeCellIds: PropTypes.object,
   headerData: PropTypes.array,
   xLayoutData: PropTypes.array,
-  sideToggle: PropTypes.func,
+  SideIcon: PropTypes.func,
   subHeadCellsWidth: PropTypes.arrayOf(PropTypes.number)
 } : {};
 

package/es/index.js

@@ -31,7 +31,6 @@ export { default as Select } from './Select';
 export { default as Share } from './Share';
 export { default as SisccFooter } from './SisccFooter';
 export { default as Spotlight } from './Spotlight';
-export { default as Table } from './Table';
 export { default as TableFooter } from './TableFooter';
 export { default as TableHeader } from './TableHeader';
 export { default as TableHtml5, Cell } from './TableHtml5';

package/lib/DataHeader/DataHeader.js

@@ -143,7 +143,9 @@ var DataHeader = function DataHeader(_ref4) {
       _ref4$subtitle = _ref4.subtitle,
       subtitle = _ref4$subtitle === undefined ? [] : _ref4$subtitle,
       uprs = _ref4.uprs,
-      disclaimer = _ref4.disclaimer;
+      disclaimer = _ref4.disclaimer,
+      sideProps = _ref4.sideProps,
+      SideIcon = _ref4.SideIcon;
 
   var target = _react2.default.useRef(null);
 
@@ -173,6 +175,11 @@ var DataHeader = function DataHeader(_ref4) {
         _Typography2.default,
         { variant: 'h1', className: classes.title },
         title.label,
+        !R.isNil(SideIcon) && _react2.default.createElement(
+          'span',
+          { style: { 'margin-left': '10px' } },
+          _react2.default.createElement(SideIcon, { sideProps: sideProps })
+        ),
         _react2.default.createElement(_Flags2.default, { classes: classes, content: R.propOr([], 'flags', title) }),
         disclaimer && _react2.default.createElement(
           _.Tooltip,
@@ -262,6 +269,8 @@ DataHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     header: _propTypes2.default.string,
     label: _propTypes2.default.string
   }),
+  sideProps: _propTypes2.default.object,
+  SideIcon: _propTypes2.default.func,
   disclaimer: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
   children: _propTypes2.default.node
 } : {};

package/lib/TableHtml5/TableHtml5.js

@@ -102,7 +102,7 @@ var TableHtml5 = function TableHtml5(_ref) {
       cellHandler = _ref.cellHandler,
       activeCellIds = _ref.activeCellIds,
       activeCellHandler = _ref.activeCellHandler,
-      sideToggle = _ref.sideToggle,
+      SideIcon = _ref.SideIcon,
       _ref$testId = _ref.testId,
       testId = _ref$testId === undefined ? 'vis-table' : _ref$testId;
 
@@ -168,7 +168,7 @@ var TableHtml5 = function TableHtml5(_ref) {
         headerData: headerData,
         xLayoutData: xLayoutData,
         activeCellIds: activeCellIds,
-        sideToggle: sideToggle,
+        SideIcon: SideIcon,
         ref: subHeadCellsRef,
         subHeadCellsWidth: subHeadCellsWidth
       })
@@ -186,7 +186,7 @@ var TableHtml5 = function TableHtml5(_ref) {
         cellHandler: cellHandler,
         activeCellIds: activeCellIds,
         activeCellHandler: activeCellHandler,
-        sideToggle: sideToggle,
+        SideIcon: SideIcon,
         subHeadCellsWidth: subHeadCellsWidth
       });
     }, sectionsData)
@@ -200,7 +200,7 @@ TableHtml5.propTypes = process.env.NODE_ENV !== "production" ? {
   cellHandler: _propTypes2.default.func,
   activeCellHandler: _propTypes2.default.func,
   activeCellIds: _propTypes2.default.object,
-  sideToggle: _propTypes2.default.func,
+  SideIcon: _propTypes2.default.func,
   testId: _propTypes2.default.string
 } : {};
 

package/lib/TableHtml5/cell.js

@@ -32,10 +32,6 @@ 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);
@@ -85,7 +81,7 @@ var Cell = function Cell(_ref) {
       isActive = _ref.isActive,
       isHighlight = _ref.isHighlight,
       sideProps = _ref.sideProps,
-      sideToggle = _ref.sideToggle;
+      SideIcon = _ref.SideIcon;
 
   var classes = useStyles();
   var hasFlag = R.not(R.isEmpty(flags));
@@ -118,7 +114,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 }),
+        !R.isNil(SideIcon) && _react2.default.createElement(SideIcon, { sideProps: sideProps }),
         hasFlag && _react2.default.createElement(_flags2.default, { flags: flags }),
         uiValue
       )
@@ -137,7 +133,7 @@ Cell.propTypes = process.env.NODE_ENV !== "production" ? {
   isHighlight: _propTypes2.default.bool,
   activeCellHandler: _propTypes2.default.func,
   sideProps: _propTypes2.default.object,
-  sideToggle: _propTypes2.default.func
+  SideIcon: _propTypes2.default.func
 } : {};
 
 exports.default = Cell;

package/lib/TableHtml5/flags.js

@@ -52,6 +52,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       borderColor: 'inherit',
       margin: theme.spacing(0, 0.5),
       whiteSpace: 'nowrap',
+      display: 'inline',
       fontWeight: 'bold',
       fontStyle: 'normal',
       textTransform: 'uppercase'
@@ -114,6 +115,7 @@ var Flags = function Flags(_ref) {
       hasUncoded && _react2.default.createElement(
         _react.Fragment,
         null,
+        '\xA0',
         _react2.default.createElement(_.Asterisk, { className: classes.svg, style: { fontSize: 11 } }),
         _react2.default.createElement(
           _Typography2.default,

package/lib/TableHtml5/section.js

@@ -46,10 +46,6 @@ var _cell = require('./cell');
 
 var _cell2 = _interopRequireDefault(_cell);
 
-var _sideIcon = require('./sideIcon');
-
-var _sideIcon2 = _interopRequireDefault(_sideIcon);
-
 var _utils = require('../utils');
 
 var _flags = require('./flags');
@@ -116,7 +112,7 @@ var Section = function Section(_ref) {
       headerHeight = _ref.headerHeight,
       sectionIndex = _ref.sectionIndex,
       nbColumnsByRows = _ref.nbColumnsByRows,
-      sideToggle = _ref.sideToggle,
+      SideIcon = _ref.SideIcon,
       subHeadCellsWidth = _ref.subHeadCellsWidth;
 
   var classes = useStyles();
@@ -135,7 +131,7 @@ var Section = function Section(_ref) {
       currentSection: currentSection,
       xLayoutDataLength: xLayoutDataLength,
       headerHeight: headerHeight,
-      sideToggle: sideToggle
+      SideIcon: SideIcon
     }),
     R.map(function (sectionbody) {
       var _cx2;
@@ -196,7 +192,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 }),
+            !R.isNil(SideIcon) && _react2.default.createElement(SideIcon, { sideProps: R.prop('sideProps', sectionbody) }),
             _react2.default.createElement(_flags2.default, { flags: R.prop('flags', sectionbody) })
           )
         ),
@@ -213,7 +209,7 @@ var Section = function Section(_ref) {
           }, R.pathOr({ value: '..' }, [item.key, currentSection, sectionbody.key, 0], cells), {
             headers: rowIds + ' ' + columnIds + ' ' + currentSection,
             cellHandler: cellHandler,
-            sideToggle: sideToggle,
+            SideIcon: SideIcon,
             isActive: isActive,
             isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
             activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
@@ -241,7 +237,7 @@ Section.propTypes = process.env.NODE_ENV !== "production" ? {
   headerNumberRows: _propTypes2.default.number,
   nbColumnsByRows: _propTypes2.default.array,
   maxColumns: _propTypes2.default.number,
-  sideToggle: _propTypes2.default.func,
+  SideIcon: _propTypes2.default.func,
   subHeadCellsWidth: _propTypes2.default.arrayOf(_propTypes2.default.number)
 } : {};
 

package/lib/TableHtml5/sectionHeader.js

@@ -34,10 +34,6 @@ 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);
@@ -69,8 +65,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       marginRight: theme.spacing(0.5)
     },
     containerSection: {
-      display: 'flex',
-      justifyContent: 'space-between'
+      alignItems: 'baseline',
+      display: 'flex'
     },
     stickyHeaderSection: {
       position: 'sticky'
@@ -79,8 +75,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       display: 'flex',
       alignItems: 'center'
     },
-    flag: {
-      height: 0
+    flags: {
+      paddingLeft: 12
     }
   };
 });
@@ -92,7 +88,7 @@ var SectionHeader = function SectionHeader(_ref) {
       currentSection = _ref.currentSection,
       xLayoutDataLength = _ref.xLayoutDataLength,
       headerHeight = _ref.headerHeight,
-      sideToggle = _ref.sideToggle;
+      SideIcon = _ref.SideIcon;
 
   var classes = useStyles();
   if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
@@ -146,8 +142,8 @@ 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 }),
+          { className: classes.flags },
+          !R.isNil(SideIcon) && _react2.default.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section) }),
           _react2.default.createElement(_flags2.default, { flags: R.path([0, 'flags'], section) })
         )
       )
@@ -161,7 +157,7 @@ SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   currentSection: _propTypes2.default.string,
   xLayoutDataLength: _propTypes2.default.number,
   headerHeight: _propTypes2.default.number,
-  sideToggle: _propTypes2.default.func
+  SideIcon: _propTypes2.default.func
 } : {};
 
 exports.default = SectionHeader;

package/lib/TableHtml5/subHeader.js

@@ -38,10 +38,6 @@ 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 }; }
@@ -88,7 +84,7 @@ var SubHeader = _react2.default.forwardRef(function (_ref, refs) {
       xLayoutData = _ref.xLayoutData,
       activeCellIds = _ref.activeCellIds,
       subHeadCellsWidth = _ref.subHeadCellsWidth,
-      sideToggle = _ref.sideToggle;
+      SideIcon = _ref.SideIcon;
 
   var classes = useStyles();
   var theme = (0, _styles.useTheme)();
@@ -134,7 +130,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 }),
+        !R.isNil(SideIcon) && _react2.default.createElement(SideIcon, { sideProps: R.prop('sideProps', item) }),
         _react2.default.createElement(_flags2.default, { flags: R.prop('flags', item) })
       );
     }, headerData)
@@ -145,7 +141,7 @@ SubHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   activeCellIds: _propTypes2.default.object,
   headerData: _propTypes2.default.array,
   xLayoutData: _propTypes2.default.array,
-  sideToggle: _propTypes2.default.func,
+  SideIcon: _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.CollapsibleTree = 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.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');
 
@@ -264,15 +264,6 @@ Object.defineProperty(exports, 'Spotlight', {
   }
 });
 
-var _Table = require('./Table');
-
-Object.defineProperty(exports, 'Table', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Table).default;
-  }
-});
-
 var _TableFooter = require('./TableFooter');
 
 Object.defineProperty(exports, 'TableFooter', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "6.7.0",
+  "version": "7.2.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",
@@ -19,6 +19,7 @@
   ],
   "scripts": {
     "build": "nwb build-react-component --no-demo && node scripts/doc && nwb build-demo",
+    "build:dev": "nwb build-react-component --no-demo",
     "clean": "nwb clean-module && nwb clean-demo",
     "prepublishOnly": "npm run build",
     "start": "nwb serve-react-demo",
@@ -35,8 +36,6 @@
     "@react-hook/size": "^2.1.1",
     "classnames": "^2.2.6",
     "date-fns": "^1.30.1",
-    "glamor": "^2.20.40",
-    "glamorous": "^5.0.0",
     "numeral": "^2.0.6",
     "prop-types": "^15.7.2",
     "ramda": "^0.27.0",
@@ -44,8 +43,6 @@
     "react-beautiful-dnd": "^13.0.0",
     "react-dom": "^16.8.6",
     "react-router-dom": "^5.0.1",
-    "react-select": "^2.0.0",
-    "react-sizeme": "^2.6.12",
     "react-virtualized": "^9.21.2",
     "recompose": "^0.30.0"
   },
@@ -82,7 +79,10 @@
     "react-a11y": "^1.1.0",
     "react-helmet": "^5.2.1",
     "react-scrollable-anchor": "^0.6.1",
-    "react-syntax-highlighter": "^10.2.1"
+    "react-syntax-highlighter": "^10.2.1",
+    "webpack": "^5.68.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4"
   },
   "jest": {
     "verbose": true,