@sis-cc/dotstatsuite-visions 6.4.3 → 6.6.0

package/es/Table/tooltip.js

@@ -1,11 +1,8 @@
-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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import * as R from 'ramda';
 import { Tooltip, Asterisk } from '../';
-
 var useStyles = makeStyles(function (theme) {
   return {
     content: {
@@ -37,49 +34,32 @@ var useStyles = makeStyles(function (theme) {
 
 var ItemTooltip = function ItemTooltip(_ref) {
   var flags = _ref.flags;
-
   var classes = useStyles();
   if (R.anyPass([R.isNil, R.isEmpty])(flags)) return null;
   var hasUncoded = R.any(R.complement(R.has('code')), flags);
   var codedIcons = R.pipe(R.reduce(function (acc, flag) {
     return R.when(R.always(R.has('code', flag)), R.append(flag.code))(acc);
   }, []), R.join(','))(flags);
-
-  var content = React.createElement(
-    'ul',
-    { className: classes.content },
-    R.addIndex(R.map)(function (_ref2, index) {
-      var label = _ref2.label;
-      return React.createElement(
-        'li',
-        { key: index },
-        label
-      );
-    }, flags)
-  );
-
-  return React.createElement(
-    Tooltip,
-    { title: content, placement: 'top', enterNextDelay: 100 },
-    React.createElement(
-      'span',
-      { className: classes.flags },
-      R.not(R.isEmpty(codedIcons)) && codedIcons,
-      R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && React.createElement(
-        React.Fragment,
-        null,
-        ','
-      ),
-      hasUncoded && React.createElement(Asterisk, { className: classes.svg, style: { fontSize: 11 } })
-    )
-  );
+  var content = /*#__PURE__*/React.createElement("ul", {
+    className: classes.content
+  }, R.addIndex(R.map)(function (_ref2, index) {
+    var label = _ref2.label;
+    return /*#__PURE__*/React.createElement("li", {
+      key: index
+    }, label);
+  }, flags));
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: content,
+    placement: "top",
+    enterNextDelay: 100
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classes.flags
+  }, R.not(R.isEmpty(codedIcons)) && codedIcons, R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && /*#__PURE__*/React.createElement(React.Fragment, null, ","), hasUncoded && /*#__PURE__*/React.createElement(Asterisk, {
+    className: classes.svg,
+    style: {
+      fontSize: 11
+    }
+  })));
 };
 
-ItemTooltip.propTypes = process.env.NODE_ENV !== "production" ? {
-  flags: PropTypes.arrayOf(PropTypes.shape({
-    code: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    label: PropTypes.string
-  }))
-} : {};
-
 export default React.memo(ItemTooltip);

package/es/Table/useStyles.js

@@ -1,7 +1,6 @@
 import { makeStyles } from '@material-ui/core/styles';
 import { getLight } from '../utils';
 import { cell } from './styles';
-
 export default makeStyles(function (theme) {
   return {
     cell: cell,
@@ -16,11 +15,11 @@ export default makeStyles(function (theme) {
     },
     xCellValue: {
       '&:hover': {
-        boxShadow: 'inset 0 0 0 3px ' + theme.palette.primary.main
+        boxShadow: "inset 0 0 0 3px " + theme.palette.primary.main
       }
     },
     xCellActive: {
-      boxShadow: 'inset 0 0 0 3px ' + theme.palette.primary.main
+      boxShadow: "inset 0 0 0 3px " + theme.palette.primary.main
     },
     sCell: {
       backgroundColor: theme.palette.grey[200],

package/es/Table/valueCell.js

@@ -1,7 +1,5 @@
-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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import PropTypes from 'prop-types';
 import Link from '@material-ui/core/Link';
 import * as R from 'ramda';
 import ItemTooltip from './tooltip';
@@ -10,9 +8,8 @@ var ValueCell = function ValueCell(_ref) {
   var value = _ref.value,
       flags = _ref.flags,
       _ref$indexedDimValIds = _ref.indexedDimValIds,
-      indexedDimValIds = _ref$indexedDimValIds === undefined ? {} : _ref$indexedDimValIds,
+      indexedDimValIds = _ref$indexedDimValIds === void 0 ? {} : _ref$indexedDimValIds,
       cellHandler = _ref.cellHandler;
-
   var style = {
     textAlign: 'right',
     whiteSpace: R.isEmpty(flags) ? undefined : 'nowrap',
@@ -20,44 +17,32 @@ var ValueCell = function ValueCell(_ref) {
     paddingBottom: 4
   };
 
-  var _value = R.pipe(R.split('\n'), R.intersperse(React.createElement('br', null)))(value);
+  var _value = R.pipe(R.split('\n'), R.intersperse( /*#__PURE__*/React.createElement("br", null)))(value);
 
-  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? React.createElement(
-    Link,
-    {
-      component: 'button',
-      variant: 'body2',
-      color: 'inherit',
-      underline: 'always',
-      style: { fontSize: 12 },
-      onClick: function onClick() {
-        return cellHandler({ indexedDimValIds: indexedDimValIds });
-      }
+  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? /*#__PURE__*/React.createElement(Link, {
+    component: "button",
+    variant: "body2",
+    color: "inherit",
+    underline: "always",
+    style: {
+      fontSize: 12
     },
-    _value
-  ) : _value;
-
-  if (R.anyPass([R.isNil, R.isEmpty])(flags)) return React.createElement(
-    'div',
-    { style: style },
-    ' ',
-    uiValue
-  );
-
-  return React.createElement(
-    'div',
-    { style: _extends({}, style, { paddingTop: 0 }) },
-    React.createElement(ItemTooltip, { flags: flags }),
-    uiValue
-  );
+    onClick: function onClick() {
+      return cellHandler({
+        indexedDimValIds: indexedDimValIds
+      });
+    }
+  }, _value) : _value;
+  if (R.anyPass([R.isNil, R.isEmpty])(flags)) return /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, " ", uiValue);
+  return /*#__PURE__*/React.createElement("div", {
+    style: _extends({}, style, {
+      paddingTop: 0
+    })
+  }, /*#__PURE__*/React.createElement(ItemTooltip, {
+    flags: flags
+  }), uiValue);
 };
 
-ValueCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  flags: PropTypes.array,
-  indexedDimValIds: PropTypes.object,
-  cellHandler: PropTypes.func,
-  isRtl: PropTypes.bool
-} : {};
-
 export default React.memo(ValueCell);

package/es/TableFooter/TableFooter.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import * as R from 'ramda';
-import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import Tooltip from '../Tooltip/Tooltip';
-
 var useStyles = makeStyles(function (theme) {
   return {
     font: {
@@ -27,75 +25,49 @@ var TableFooter = function TableFooter(_ref) {
       link = _ref.link,
       linkLabel = _ref.linkLabel,
       _ref$height = _ref.height,
-      height = _ref$height === undefined ? 25 : _ref$height;
-
+      height = _ref$height === void 0 ? 25 : _ref$height;
   var classes = useStyles();
-  return React.createElement(
-    Grid,
-    { container: true, direction: 'row', alignItems: 'center', spacing: 2 },
-    React.createElement(
-      Grid,
-      { item: true, xs: 1, className: classes.gridContainer },
-      React.createElement(
-        Tooltip,
-        {
-          placement: 'top',
-          interactive: true,
-          title: React.createElement(
-            Typography,
-            { variant: 'body2' },
-            React.createElement(
-              Typography,
-              { variant: 'inherit' },
-              R.prop('label')(tooltip)
-            ),
-            React.createElement(
-              'a',
-              { className: classes.spaceContainer, href: R.prop('link')(tooltip) },
-              R.prop('linkLabel')(tooltip)
-            )
-          )
-        },
-        React.createElement(
-          Typography,
-          { variant: 'body2', className: classes.font },
-          R.ifElse(R.isNil, R.always('©'), R.identity)(label)
-        )
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, xs: 11, className: classes.gridContainer },
-      React.createElement(
-        Grid,
-        { container: true, justifyContent: 'flex-end' },
-        React.createElement(
-          Typography,
-          { variant: 'body2', className: classes.font },
-          React.createElement(
-            'a',
-            { href: link },
-            linkLabel
-          )
-        ),
-        React.createElement('img', { className: classes.spaceContainer, height: height, src: logo, alt: 'logo' })
-      )
-    )
-  );
+  return /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    direction: "row",
+    alignItems: "center",
+    spacing: 2
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 1,
+    className: classes.gridContainer
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    interactive: true,
+    title: /*#__PURE__*/React.createElement(Typography, {
+      variant: "body2"
+    }, /*#__PURE__*/React.createElement(Typography, {
+      variant: "inherit"
+    }, R.prop('label')(tooltip)), /*#__PURE__*/React.createElement("a", {
+      className: classes.spaceContainer,
+      href: R.prop('link')(tooltip)
+    }, R.prop('linkLabel')(tooltip)))
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    className: classes.font
+  }, R.ifElse(R.isNil, R.always('©'), R.identity)(label)))), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 11,
+    className: classes.gridContainer
+  }, /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    justifyContent: "flex-end"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    className: classes.font
+  }, /*#__PURE__*/React.createElement("a", {
+    href: link
+  }, linkLabel)), /*#__PURE__*/React.createElement("img", {
+    className: classes.spaceContainer,
+    height: height,
+    src: logo,
+    alt: "logo"
+  }))));
 };
 
-TableFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-  tooltip: PropTypes.shape({
-    link: PropTypes.string,
-    linkLabel: PropTypes.string,
-    label: PropTypes.string
-  }),
-  label: PropTypes.string,
-  logo: PropTypes.string,
-  link: PropTypes.string,
-  linkLabel: PropTypes.string,
-  height: PropTypes.number,
-  classes: PropTypes.object
-} : {};
-
 export default TableFooter;

package/es/TableFooter/index.js

@@ -29,5 +29,4 @@
  *   }
  * }
  */
-
 export { default } from './TableFooter';

package/es/TableHeader/TableHeader.js

@@ -1,10 +1,8 @@
 import React, { Fragment } from 'react';
 import * as R from 'ramda';
-import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import Lens from '@material-ui/icons/Lens';
-
 var useStyles = makeStyles(function (theme) {
   return {
     title: {
@@ -23,41 +21,25 @@ var useStyles = makeStyles(function (theme) {
 
 var TableHeader = function TableHeader(_ref) {
   var header = _ref.header;
-
   var classes = useStyles();
-  return React.createElement(
-    'div',
-    { className: classes.container },
-    React.createElement(
-      Typography,
-      { variant: 'h5', className: classes.title },
-      R.prop('title')(header)
-    ),
-    React.createElement(
-      Typography,
-      { variant: 'subtitle1', className: classes.subtitle },
-      R.pipe(R.propOr([], 'subtitle'), R.intersperse(React.createElement(Lens, { className: classes.icon })), R.addIndex(R.map)(function (v, index) {
-        return React.createElement(
-          Fragment,
-          { key: R.toString([R.prop('title')(header), index]) },
-          v
-        );
-      }))(header)
-    ),
-    React.createElement(
-      Typography,
-      { variant: 'subtitle1', className: classes.subtitle },
-      R.prop('uprs')(header)
-    )
-  );
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.container
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "h5",
+    className: classes.title
+  }, R.prop('title')(header)), /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle1",
+    className: classes.subtitle
+  }, R.pipe(R.propOr([], 'subtitle'), R.intersperse( /*#__PURE__*/React.createElement(Lens, {
+    className: classes.icon
+  })), R.addIndex(R.map)(function (v, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: R.toString([R.prop('title')(header), index])
+    }, v);
+  }))(header)), /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle1",
+    className: classes.subtitle
+  }, R.prop('uprs')(header)));
 };
 
-TableHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  header: PropTypes.shape({
-    title: PropTypes.string,
-    subtitle: PropTypes.array,
-    uprs: PropTypes.string
-  })
-} : {};
-
 export default TableHeader;

package/es/TableHeader/index.js

@@ -13,5 +13,4 @@
  * message: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
  * @deprecated
  */
-
 export { default } from './TableHeader';

package/es/TableHtml5/TableHtml5.js

@@ -1,15 +1,12 @@
-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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React, { useRef, useState, useEffect } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Table from '@material-ui/core/Table';
 import Header from './header';
 import SubHeader from './subHeader';
 import Section from './section';
 import Cell from './cell';
-
 /* 
 *  Accessibility.
 *  Do not use "TableHead" from Material-ui.
@@ -22,125 +19,131 @@ var useStyles = makeStyles(function (theme) {
   return {
     table: {
       borderCollapse: 'separate',
-      borderLeft: '1px solid ' + theme.palette.grey[500],
-      borderTop: '1px solid ' + theme.palette.grey[500]
+      borderLeft: "1px solid " + theme.palette.grey[500],
+      borderTop: "1px solid " + theme.palette.grey[500]
     },
     stickyHeader: {
       position: 'sticky',
-      top: 0
+      top: 0,
+      zIndex: 2
     }
   };
 });
-
 var mapIndexed = R.addIndex(R.map);
-
 export var getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(data) {
   var colLength = R.pipe(R.pathOr([], [0, 'data']), R.length)(data);
-  return R.pipe(R.pluck('data'),
-  // mix merge and transpose for performance
+  return R.pipe(R.pluck('data'), // mix merge and transpose for performance
   R.reduce(function (acc, cells) {
     R.addIndex(R.forEach)(function (cell, rowIndex) {
       var cellId = R.path(['value', 'id'], cell);
       var topCell = rowIndex > 0 ? R.pipe(R.nth(rowIndex - 1), R.last)(acc) : null;
-      var cellKey = R.isNil(topCell) ? cellId : topCell.key + '-' + cellId;
-
+      var cellKey = R.isNil(topCell) ? cellId : topCell.key + "-" + cellId;
       var leftCell = R.pipe(R.nth(rowIndex), R.last)(acc);
+
       if (R.prop('key', leftCell) === cellKey && rowIndex !== colLength - 1) {
-        acc = R.over(R.lensIndex(rowIndex), R.over(R.lensIndex(-1), R.evolve({ spanCount: R.add(1) })))(acc);
+        acc = R.over(R.lensIndex(rowIndex), R.over(R.lensIndex(-1), R.evolve({
+          spanCount: R.add(1)
+        })))(acc);
       } else {
-        acc = R.over(R.lensIndex(rowIndex), R.append(_extends({}, R.propOr({}, 'value', cell), { key: cellKey, spanCount: 1 })))(acc);
+        acc = R.over(R.lensIndex(rowIndex), R.append(_extends({}, R.propOr({}, 'value', cell), {
+          key: cellKey,
+          spanCount: 1
+        })))(acc);
       }
     })(cells);
     return acc;
   }, R.times(R.always([]), colLength)))(data);
 };
+var getCellsWidth = R.addIndex(R.reduce)(function (acc, element, index) {
+  return R.append(R.add(acc[index], (element === null || element === void 0 ? void 0 : element.offsetWidth) || 0), acc);
+}, [0]);
 
 var TableHtml5 = function TableHtml5(_ref) {
   var cells = _ref.cells,
       _ref$headerData = _ref.headerData,
-      headerData = _ref$headerData === undefined ? [] : _ref$headerData,
+      headerData = _ref$headerData === void 0 ? [] : _ref$headerData,
       _ref$sectionsData = _ref.sectionsData,
-      sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
+      sectionsData = _ref$sectionsData === void 0 ? [] : _ref$sectionsData,
       cellHandler = _ref.cellHandler,
       activeCellIds = _ref.activeCellIds,
       activeCellHandler = _ref.activeCellHandler;
-
   var classes = useStyles();
 
   var _useState = useState(0),
       headerHeight = _useState[0],
       setHeaderHeight = _useState[1];
 
-  var headerRef = useRef(null);
+  var _useState2 = useState([0]),
+      subHeadCellsWidth = _useState2[0],
+      setSubHeadCellsWidth = _useState2[1];
 
+  var headerRef = useRef(null);
+  var subHeadCellsRef = useRef([]);
   useEffect(function () {
     setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef));
+    setSubHeadCellsWidth(getCellsWidth(subHeadCellsRef === null || subHeadCellsRef === void 0 ? void 0 : subHeadCellsRef.current));
   }, [cells, headerData, sectionsData]);
-
   useEffect(function () {
     var timeoutId = null;
+
     var resizeListener = function resizeListener() {
       clearTimeout(timeoutId);
       timeoutId = setTimeout(function () {
-        return setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef), 150);
-      });
+        setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef));
+        setSubHeadCellsWidth(getCellsWidth(subHeadCellsRef === null || subHeadCellsRef === void 0 ? void 0 : subHeadCellsRef.current));
+      }, 150);
     };
+
     window.addEventListener('resize', resizeListener);
     return function () {
       return window.removeEventListener('resize', resizeListener);
     };
   }, []);
-
   var isSingleObs = R.hasPath(['', '', '', 0], cells);
-  if (isSingleObs) return React.createElement(Cell, _extends({}, R.pathOr({}, ['', '', '', 0], cells), { cellHandler: cellHandler, isOne: true }));
-
+  if (isSingleObs) return /*#__PURE__*/React.createElement(Cell, _extends({}, R.pathOr({}, ['', '', '', 0], cells), {
+    cellHandler: cellHandler,
+    isOne: true
+  }));
   var xLayoutData = R.pathOr([], [0, 1, 0, 'data'], sectionsData);
   var xLayoutDataLength = R.length(xLayoutData);
   var valuesHeaderData = getEnhancedValuesHeaderData(headerData);
   var nbColumnsByRows = R.map(R.length)(valuesHeaderData);
-
-  return React.createElement(
-    Table,
-    { className: classes.table, 'aria-label': 'table', size: 'small', style: { padding: '0px 0px' } },
-    React.createElement(
-      'thead',
-      { ref: headerRef, className: classes.stickyHeader },
-      React.createElement(Header, {
-        headerData: headerData,
-        valuesHeaderData: valuesHeaderData,
-        xLayoutDataLength: xLayoutDataLength
-      }),
-      React.createElement(SubHeader, {
-        headerData: headerData,
-        xLayoutData: xLayoutData,
-        activeCellIds: activeCellIds
-      })
-    ),
-    mapIndexed(function (section, index) {
-      return React.createElement(Section, {
-        key: index,
-        sectionIndex: index,
-        headerHeight: headerHeight,
-        nbColumnsByRows: nbColumnsByRows,
-        headerData: headerData,
-        cells: cells,
-        section: section,
-        xLayoutDataLength: xLayoutDataLength,
-        cellHandler: cellHandler,
-        activeCellIds: activeCellIds,
-        activeCellHandler: activeCellHandler
-      });
-    }, sectionsData)
-  );
+  return /*#__PURE__*/React.createElement(Table, {
+    className: classes.table,
+    "aria-label": "table",
+    size: "small",
+    style: {
+      padding: '0px 0px'
+    }
+  }, /*#__PURE__*/React.createElement("thead", {
+    ref: headerRef,
+    className: classes.stickyHeader
+  }, /*#__PURE__*/React.createElement(Header, {
+    headerData: headerData,
+    valuesHeaderData: valuesHeaderData,
+    xLayoutDataLength: xLayoutDataLength
+  }), /*#__PURE__*/React.createElement(SubHeader, {
+    headerData: headerData,
+    xLayoutData: xLayoutData,
+    activeCellIds: activeCellIds,
+    ref: subHeadCellsRef,
+    subHeadCellsWidth: subHeadCellsWidth
+  })), mapIndexed(function (section, index) {
+    return /*#__PURE__*/React.createElement(Section, {
+      key: index,
+      sectionIndex: index,
+      headerHeight: headerHeight,
+      nbColumnsByRows: nbColumnsByRows,
+      headerData: headerData,
+      cells: cells,
+      section: section,
+      xLayoutDataLength: xLayoutDataLength,
+      cellHandler: cellHandler,
+      activeCellIds: activeCellIds,
+      activeCellHandler: activeCellHandler,
+      subHeadCellsWidth: subHeadCellsWidth
+    });
+  }, sectionsData));
 };
 
-TableHtml5.propTypes = process.env.NODE_ENV !== "production" ? {
-  cells: PropTypes.object,
-  headerData: PropTypes.array,
-  sectionsData: PropTypes.array,
-  cellHandler: PropTypes.func,
-  activeCellHandler: PropTypes.func,
-  activeCellIds: PropTypes.object
-} : {};
-
 export default TableHtml5;