@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/Table/tooltip.js

@@ -1,8 +1,11 @@
-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 { makeStyles } from '@material-ui/core/styles';
 import * as R from 'ramda';
 import { Tooltip, Asterisk } from '../';
+
 var useStyles = makeStyles(function (theme) {
   return {
     content: {
@@ -34,32 +37,49 @@ 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 = /*#__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
-    }
-  })));
+
+  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 } })
+    )
+  );
 };
 
+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,6 +1,7 @@
 import { makeStyles } from '@material-ui/core/styles';
 import { getLight } from '../utils';
 import { cell } from './styles';
+
 export default makeStyles(function (theme) {
   return {
     cell: cell,
@@ -15,11 +16,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,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 Link from '@material-ui/core/Link';
 import * as R from 'ramda';
 import ItemTooltip from './tooltip';
@@ -8,8 +10,9 @@ var ValueCell = function ValueCell(_ref) {
   var value = _ref.value,
       flags = _ref.flags,
       _ref$indexedDimValIds = _ref.indexedDimValIds,
-      indexedDimValIds = _ref$indexedDimValIds === void 0 ? {} : _ref$indexedDimValIds,
+      indexedDimValIds = _ref$indexedDimValIds === undefined ? {} : _ref$indexedDimValIds,
       cellHandler = _ref.cellHandler;
+
   var style = {
     textAlign: 'right',
     whiteSpace: R.isEmpty(flags) ? undefined : 'nowrap',
@@ -17,32 +20,44 @@ var ValueCell = function ValueCell(_ref) {
     paddingBottom: 4
   };
 
-  var _value = R.pipe(R.split('\n'), R.intersperse( /*#__PURE__*/React.createElement("br", null)))(value);
+  var _value = R.pipe(R.split('\n'), R.intersperse(React.createElement('br', null)))(value);
 
-  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? /*#__PURE__*/React.createElement(Link, {
-    component: "button",
-    variant: "body2",
-    color: "inherit",
-    underline: "always",
-    style: {
-      fontSize: 12
+  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 });
+      }
     },
-    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);
+    _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
+  );
 };
 
+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,9 +1,11 @@
 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: {
@@ -25,49 +27,75 @@ var TableFooter = function TableFooter(_ref) {
       link = _ref.link,
       linkLabel = _ref.linkLabel,
       _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 25 : _ref$height;
+      height = _ref$height === undefined ? 25 : _ref$height;
+
   var classes = useStyles();
-  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"
-  }))));
+  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' })
+      )
+    )
+  );
 };
 
+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,4 +29,5 @@
  *   }
  * }
  */
+
 export { default } from './TableFooter';

package/es/TableHeader/TableHeader.js

@@ -1,8 +1,10 @@
 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: {
@@ -21,25 +23,41 @@ var useStyles = makeStyles(function (theme) {
 
 var TableHeader = function TableHeader(_ref) {
   var header = _ref.header;
+
   var classes = useStyles();
-  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)));
+  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)
+    )
+  );
 };
 
+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,4 +13,5 @@
  * message: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
  * @deprecated
  */
+
 export { default } from './TableHeader';

package/es/TableHtml5/TableHtml5.js

@@ -1,12 +1,15 @@
-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, { 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.
@@ -19,8 +22,8 @@ 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',
@@ -29,44 +32,44 @@ var useStyles = makeStyles(function (theme) {
     }
   };
 });
+
 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 leftCell = R.pipe(R.nth(rowIndex), R.last)(acc);
+      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);
+  return R.append(R.add(acc[index], R.propOr(0, 'offsetWidth', element)), acc);
 }, [0]);
 
 var TableHtml5 = function TableHtml5(_ref) {
   var cells = _ref.cells,
       _ref$headerData = _ref.headerData,
-      headerData = _ref$headerData === void 0 ? [] : _ref$headerData,
+      headerData = _ref$headerData === undefined ? [] : _ref$headerData,
       _ref$sectionsData = _ref.sectionsData,
-      sectionsData = _ref$sectionsData === void 0 ? [] : _ref$sectionsData,
+      sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
       cellHandler = _ref.cellHandler,
       activeCellIds = _ref.activeCellIds,
       activeCellHandler = _ref.activeCellHandler;
+
   var classes = useStyles();
 
   var _useState = useState(0),
@@ -79,71 +82,80 @@ var TableHtml5 = function TableHtml5(_ref) {
 
   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));
+    setSubHeadCellsWidth(getCellsWidth(R.prop('current', subHeadCellsRef)));
   }, [cells, headerData, sectionsData]);
+
   useEffect(function () {
     var timeoutId = null;
-
     var resizeListener = function resizeListener() {
       clearTimeout(timeoutId);
       timeoutId = setTimeout(function () {
         setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef));
-        setSubHeadCellsWidth(getCellsWidth(subHeadCellsRef === null || subHeadCellsRef === void 0 ? void 0 : subHeadCellsRef.current));
+        setSubHeadCellsWidth(getCellsWidth(R.prop('current', subHeadCellsRef)));
       }, 150);
     };
-
     window.addEventListener('resize', resizeListener);
     return function () {
       return window.removeEventListener('resize', resizeListener);
     };
   }, []);
+
   var isSingleObs = R.hasPath(['', '', '', 0], cells);
-  if (isSingleObs) return /*#__PURE__*/React.createElement(Cell, _extends({}, R.pathOr({}, ['', '', '', 0], cells), {
-    cellHandler: cellHandler,
-    isOne: true
-  }));
+  if (isSingleObs) return 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 /*#__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));
+
+  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,
+        ref: subHeadCellsRef,
+        subHeadCellsWidth: subHeadCellsWidth
+      })
+    ),
+    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,
+        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;