@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/es/TableHtml5/section.js

@@ -1,24 +1,27 @@
-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 * as R from 'ramda';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Typography from '@material-ui/core/Typography';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles, useTheme } from '@material-ui/core/styles';
 import TableBody from '@material-ui/core/TableBody';
 import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
 import SectionHeader from './sectionHeader';
 import Cell from './cell';
-import { getLight } from '../utils';
+import { getLight, getIsRtl } from '../utils';
 import Flags from './flags';
+
 var useStyles = makeStyles(function (theme) {
   return {
     rowTitle: {
       backgroundColor: getLight(theme) || theme.palette.secondary.light,
       border: 'inherit',
-      borderBottom: "1px solid " + theme.palette.grey[500],
-      borderRight: "1px solid " + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px",
+      borderBottom: '1px solid ' + theme.palette.grey[500],
+      borderRight: '1px solid ' + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
       color: theme.palette.grey['A700'],
       verticalAlign: 'middle'
     },
@@ -27,9 +30,10 @@ var useStyles = makeStyles(function (theme) {
       backgroundColor: theme.palette.grey[200],
       verticalAlign: 'top',
       border: 'inherit',
-      borderBottom: "1px solid " + theme.palette.grey[500],
-      borderRight: "1px solid " + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px"
+      borderBottom: '1px solid ' + theme.palette.grey[500],
+      borderRight: '1px solid ' + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
+      position: 'sticky'
     },
     cellContent: {
       display: 'flex',
@@ -46,7 +50,11 @@ var useStyles = makeStyles(function (theme) {
     hierarchySpace: {
       marginBottom: 'auto'
     },
-    highlight: theme.mixins.table.cellHighlight
+    highlight: theme.mixins.table.cellHighlight,
+    stickyHeader: {
+      position: 'sticky',
+      zIndex: 1
+    }
   };
 });
 var mapIndexed = R.addIndex(R.map);
@@ -63,90 +71,127 @@ var Section = function Section(_ref) {
       sectionIndex = _ref.sectionIndex,
       nbColumnsByRows = _ref.nbColumnsByRows,
       subHeadCellsWidth = _ref.subHeadCellsWidth;
+
   var classes = useStyles();
   var currentSection = R.path([0, 'key'], section);
   var headerNumberRows = R.length(nbColumnsByRows);
   var maxColumns = R.last(nbColumnsByRows);
-  return /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(SectionHeader, {
-    headerData: headerData,
-    section: section,
-    currentSection: currentSection,
-    xLayoutDataLength: xLayoutDataLength,
-    headerHeight: headerHeight
-  }), R.map(function (sectionbody) {
-    var _cx2;
+  var theme = useTheme();
+  var isRtl = getIsRtl(theme);
+
+  return React.createElement(
+    TableBody,
+    null,
+    React.createElement(SectionHeader, {
+      headerData: headerData,
+      section: section,
+      currentSection: currentSection,
+      xLayoutDataLength: xLayoutDataLength,
+      headerHeight: headerHeight
+    }),
+    R.map(function (sectionbody) {
+      var _cx2;
 
-    var rowId = sectionbody.key + "_" + sectionIndex;
-    var rowIds = R.pipe(R.map(function (index) {
-      return sectionbody.key + "_" + sectionIndex + "_" + index;
-    }), R.join(' '))(R.times(R.identity, R.length(R.prop('data', sectionbody))));
-    return /*#__PURE__*/React.createElement(TableRow, {
-      key: sectionbody.key
-    }, mapIndexed(function (cell, index) {
-      var _cx;
+      var rowId = sectionbody.key + '_' + sectionIndex;
+      var rowIds = R.pipe(R.map(function (index) {
+        return sectionbody.key + '_' + sectionIndex + '_' + index;
+      }), R.join(' '))(R.times(R.identity, R.length(R.prop('data', sectionbody))));
+      return React.createElement(
+        TableRow,
+        { key: sectionbody.key },
+        mapIndexed(function (cell, index) {
+          var _cx;
 
-      var flags = R.path(['value', 'flags'], cell);
-      var id = rowId + "_" + index; // special space is used for hierarchy U+2007 &#8199; &numsp;
+          var flags = R.path(['value', 'flags'], cell);
+          var id = rowId + '_' + index;
 
-      var hierarchySpace = R.pipe(R.pathOr([], ['value', 'parents']), R.when(R.isNil, R.always([])), R.length, // eslint-disable-next-line no-irregular-whitespace
-      R.times(function () {
-        return '·  ';
-      }))(cell);
-      return /*#__PURE__*/React.createElement(TableCell, {
-        key: id,
-        className: cx(classes.rowTitle, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx)),
-        id: id,
-        headers: "subHeader_" + index + " " + currentSection,
-        component: "th",
-        style: {
-          position: 'sticky',
-          left: subHeadCellsWidth[index],
-          zIndex: 1
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: classes.cellContent
-      }, !R.isEmpty(hierarchySpace) && /*#__PURE__*/React.createElement("div", {
-        className: classes.hierarchySpace
-      }, hierarchySpace), /*#__PURE__*/React.createElement(Typography, {
-        variant: "body1",
-        tabIndex: 0
-      }, R.path(['value', 'label'], cell), /*#__PURE__*/React.createElement(Flags, {
-        flags: flags
-      }))));
-    }, R.prop('data', sectionbody)), /*#__PURE__*/React.createElement(TableCell, {
-      className: cx(classes.fillerCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(rowId)(activeCellIds), _cx2)),
-      style: {
-        position: 'sticky',
-        left: R.last(subHeadCellsWidth)
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classes.flagContainer
-    }, /*#__PURE__*/React.createElement(Flags, {
-      flags: R.prop('flags', sectionbody)
-    }))), mapIndexed(function (item, columnIndex) {
-      var columnIds = R.pipe(R.times(R.identity), R.map(function (rowIndex) {
-        var columnId = R.divide(columnIndex, R.divide(maxColumns, R.nth(rowIndex, nbColumnsByRows)));
-        return Math.floor(columnId || 0) + "_" + rowIndex;
-      }), R.join(' '))(headerNumberRows);
-      var intersectionCellId = rowId + "/" + columnIndex;
-      var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
-      return /*#__PURE__*/React.createElement(Cell, _extends({
-        key: intersectionCellId
-      }, R.pathOr({
-        value: '..'
-      }, [item.key, currentSection, sectionbody.key, 0], cells), {
-        headers: rowIds + " " + columnIds + " " + currentSection,
-        cellHandler: cellHandler,
-        isActive: isActive,
-        isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
-        activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
-          var _activeCellHandler;
+          // special space is used for hierarchy U+2007 &#8199; &numsp;
+          var hierarchySpace = R.pipe(R.pathOr([], ['value', 'parents']), R.when(R.isNil, R.always([])), R.length,
+          // eslint-disable-next-line no-irregular-whitespace
+          R.times(function () {
+            return '·  ';
+          }))(cell);
 
-          return activeCellHandler((_activeCellHandler = {}, _activeCellHandler[rowId] = R.not(isActive), _activeCellHandler[columnIndex] = R.not(isActive), _activeCellHandler.intersectionCellId = isActive ? null : intersectionCellId, _activeCellHandler));
-        } : null
-      }));
-    }, headerData));
-  }, R.nth(1, section)));
+          return React.createElement(
+            TableCell,
+            {
+              key: id,
+              className: cx(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx)),
+              id: id,
+              headers: 'subHeader_' + index + ' ' + currentSection,
+              component: 'th',
+              style: isRtl ? { right: subHeadCellsWidth[index] } : { left: subHeadCellsWidth[index] }
+            },
+            React.createElement(
+              'div',
+              { className: classes.cellContent },
+              !R.isEmpty(hierarchySpace) && React.createElement(
+                'div',
+                { className: classes.hierarchySpace },
+                hierarchySpace
+              ),
+              React.createElement(
+                Typography,
+                { variant: 'body1', tabIndex: 0 },
+                R.path(['value', 'label'], cell),
+                React.createElement(Flags, { flags: flags })
+              )
+            )
+          );
+        }, R.prop('data', sectionbody)),
+        React.createElement(
+          TableCell,
+          {
+            className: cx(classes.fillerCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(rowId)(activeCellIds), _cx2)),
+            style: isRtl ? { right: R.last(subHeadCellsWidth) } : { left: R.last(subHeadCellsWidth) }
+          },
+          React.createElement(
+            'div',
+            { className: classes.flagContainer },
+            React.createElement(Flags, { flags: R.prop('flags', sectionbody) })
+          )
+        ),
+        mapIndexed(function (item, columnIndex) {
+          var columnIds = R.pipe(R.times(R.identity), R.map(function (rowIndex) {
+            var columnId = R.divide(columnIndex, R.divide(maxColumns, R.nth(rowIndex, nbColumnsByRows)));
+            return Math.floor(columnId || 0) + '_' + rowIndex;
+          }), R.join(' '))(headerNumberRows);
+
+          var intersectionCellId = rowId + '/' + columnIndex;
+          var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
+          return React.createElement(Cell, _extends({
+            key: intersectionCellId
+          }, R.pathOr({ value: '..' }, [item.key, currentSection, sectionbody.key, 0], cells), {
+            headers: rowIds + ' ' + columnIds + ' ' + currentSection,
+            cellHandler: cellHandler,
+            isActive: isActive,
+            isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
+            activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
+              var _activeCellHandler;
+
+              return activeCellHandler((_activeCellHandler = {}, _activeCellHandler[rowId] = R.not(isActive), _activeCellHandler[columnIndex] = R.not(isActive), _activeCellHandler.intersectionCellId = isActive ? null : intersectionCellId, _activeCellHandler));
+            } : null
+          }));
+        }, headerData)
+      );
+    }, R.nth(1, section))
+  );
 };
 
+Section.propTypes = process.env.NODE_ENV !== "production" ? {
+  cells: PropTypes.object,
+  headerData: PropTypes.array,
+  section: PropTypes.array,
+  xLayoutDataLength: PropTypes.number,
+  cellHandler: PropTypes.func,
+  activeCellHandler: PropTypes.func,
+  activeCellIds: PropTypes.object,
+  headerHeight: PropTypes.number,
+  sectionIndex: PropTypes.number,
+  headerNumberRows: PropTypes.number,
+  nbColumnsByRows: PropTypes.array,
+  maxColumns: PropTypes.number,
+  subHeadCellsWidth: PropTypes.arrayOf(PropTypes.number)
+} : {};
+
 export default Section;

package/es/TableHtml5/sectionHeader.js

@@ -1,6 +1,8 @@
-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, { Fragment } from 'react';
 import * as R from 'ramda';
+import PropTypes from 'prop-types';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import Lens from '@material-ui/icons/Lens';
@@ -8,14 +10,15 @@ import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
 import Flags from './flags';
 import { getDark } from '../utils';
+
 var useStyles = makeStyles(function (theme) {
   return {
     section: {
       backgroundColor: getDark(theme) || theme.palette.secondary.dark,
       border: 'inherit',
-      borderBottom: "1px solid " + theme.palette.grey[500],
-      borderRight: "1px solid " + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px",
+      borderBottom: '1px solid ' + theme.palette.grey[500],
+      borderRight: '1px solid ' + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
       color: theme.palette.grey['A700'],
       verticalAlign: 'middle'
     },
@@ -52,49 +55,73 @@ var SectionHeader = function SectionHeader(_ref) {
       currentSection = _ref.currentSection,
       xLayoutDataLength = _ref.xLayoutDataLength,
       headerHeight = _ref.headerHeight;
+
   var classes = useStyles();
   if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
-  return /*#__PURE__*/React.createElement(TableRow, {
-    key: section.key,
-    className: classes.stickyHeaderSection,
-    style: {
-      top: headerHeight,
-      zIndex: 2
-    }
-  }, /*#__PURE__*/React.createElement(TableCell, {
-    component: "th",
-    className: classes.section,
-    colSpan: R.pipe(R.length, R.inc, R.add(xLayoutDataLength))(headerData),
-    id: currentSection
-  }, /*#__PURE__*/React.createElement(Typography, {
-    noWrap: true,
-    variant: "body1",
-    component: "div",
-    className: classes.containerSection
-  }, /*#__PURE__*/React.createElement("div", null, mapIndexed(function (sectionHeader, index) {
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: index
-    }, index !== 0 && /*#__PURE__*/React.createElement(Lens, {
-      className: classes.lens
-    }), /*#__PURE__*/React.createElement(Typography, {
-      noWrap: true,
-      variant: "body1",
-      component: "span",
-      tabIndex: 0,
-      className: classes.label
-    }, R.path(['dimension', 'label'], sectionHeader), ':'), /*#__PURE__*/React.createElement(Typography, {
-      noWrap: true,
-      variant: "body1",
-      component: "span",
-      tabIndex: 0
-    }, R.path(['value', 'label'], sectionHeader), /*#__PURE__*/React.createElement(Flags, {
-      flags: R.path(['value', 'flags'], sectionHeader)
-    })));
-  }, R.path([0, 'data'], section))), /*#__PURE__*/React.createElement("div", {
-    className: classes.flag
-  }, /*#__PURE__*/React.createElement(Flags, {
-    flags: R.path([0, 'flags'], section)
-  })))));
+
+  return React.createElement(
+    TableRow,
+    {
+      key: section.key,
+      className: classes.stickyHeaderSection,
+      style: { top: headerHeight, zIndex: 2 }
+    },
+    React.createElement(
+      TableCell,
+      {
+        component: 'th',
+        className: classes.section,
+        colSpan: R.pipe(R.length, R.inc, R.add(xLayoutDataLength))(headerData),
+        id: currentSection
+      },
+      React.createElement(
+        Typography,
+        { noWrap: true, variant: 'body1', component: 'div', className: classes.containerSection },
+        React.createElement(
+          'div',
+          null,
+          mapIndexed(function (sectionHeader, index) {
+            return React.createElement(
+              Fragment,
+              { key: index },
+              index !== 0 && React.createElement(Lens, { className: classes.lens }),
+              React.createElement(
+                Typography,
+                {
+                  noWrap: true,
+                  variant: 'body1',
+                  component: 'span',
+                  tabIndex: 0,
+                  className: classes.label
+                },
+                R.path(['dimension', 'label'], sectionHeader),
+                ':'
+              ),
+              React.createElement(
+                Typography,
+                { noWrap: true, variant: 'body1', component: 'span', tabIndex: 0 },
+                R.path(['value', 'label'], sectionHeader),
+                React.createElement(Flags, { flags: R.path(['value', 'flags'], sectionHeader) })
+              )
+            );
+          }, R.path([0, 'data'], section))
+        ),
+        React.createElement(
+          'div',
+          { className: classes.flag },
+          React.createElement(Flags, { flags: R.path([0, 'flags'], section) })
+        )
+      )
+    )
+  );
 };
 
+SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  headerData: PropTypes.array,
+  section: PropTypes.array,
+  currentSection: PropTypes.string,
+  xLayoutDataLength: PropTypes.number,
+  headerHeight: PropTypes.number
+} : {};
+
 export default SectionHeader;

package/es/TableHtml5/subHeader.js

@@ -1,29 +1,33 @@
 import React from 'react';
 import * as R from 'ramda';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Typography from '@material-ui/core/Typography';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles, useTheme } from '@material-ui/core/styles';
 import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
-import { getLight } from '../utils';
+import { getLight, getIsRtl } from '../utils';
 import Flags from './flags';
+
 var useStyles = makeStyles(function (theme) {
   return {
     columnsTitle: {
       backgroundColor: getLight(theme) || theme.palette.secondary.light,
       border: 'inherit',
-      borderBottom: "1px solid " + theme.palette.grey[500],
-      borderRight: "1px solid " + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px",
+      borderBottom: '1px solid ' + theme.palette.grey[500],
+      borderRight: '1px solid ' + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
       color: theme.palette.grey['A700'],
-      verticalAlign: 'middle'
+      verticalAlign: 'middle',
+      position: 'sticky',
+      zIndex: 1
     },
     fillerCell: {
       backgroundColor: theme.palette.grey[200],
       border: 'inherit',
-      borderBottom: "1px solid " + theme.palette.grey[500],
-      borderRight: "1px solid " + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px",
+      borderBottom: '1px solid ' + theme.palette.grey[500],
+      borderRight: '1px solid ' + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
       verticalAlign: 'middle',
       textAlign: 'center',
       color: theme.palette.grey['A700']
@@ -39,51 +43,70 @@ var useStyles = makeStyles(function (theme) {
     highlight: theme.mixins.table.cellHighlight
   };
 });
+
 var mapIndexed = R.addIndex(R.map);
+
 var SubHeader = React.forwardRef(function (_ref, refs) {
   var headerData = _ref.headerData,
       xLayoutData = _ref.xLayoutData,
       activeCellIds = _ref.activeCellIds,
       subHeadCellsWidth = _ref.subHeadCellsWidth;
+
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(TableRow, null, mapIndexed(function (rowItem, index) {
-    return /*#__PURE__*/React.createElement(TableCell, {
-      component: "th",
-      className: classes.columnsTitle,
-      key: index,
-      id: "subHeader_" + index,
-      style: {
-        position: 'sticky',
-        left: subHeadCellsWidth[index],
-        zIndex: 1
-      },
-      ref: function ref(element) {
-        return refs.current[index] = element;
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classes.cellContent
-    }, /*#__PURE__*/React.createElement(Typography, {
-      variant: "body1",
-      tabIndex: 0,
-      className: classes.label
-    }, R.path(['dimension', 'label'], rowItem), /*#__PURE__*/React.createElement(Flags, {
-      flags: R.path(['dimension', 'flags'], rowItem)
-    }))));
-  }, xLayoutData), /*#__PURE__*/React.createElement(TableCell, {
-    className: classes.fillerCell,
-    style: {
-      position: 'sticky',
-      left: R.last(subHeadCellsWidth)
-    }
-  }), mapIndexed(function (item, index) {
-    var _cx;
+  var theme = useTheme();
+  var isRtl = getIsRtl(theme);
+  return React.createElement(
+    TableRow,
+    null,
+    mapIndexed(function (rowItem, index) {
+      return React.createElement(
+        TableCell,
+        {
+          component: 'th',
+          className: classes.columnsTitle,
+          key: index,
+          id: 'subHeader_' + index,
+          style: isRtl ? { right: subHeadCellsWidth[index] } : { left: subHeadCellsWidth[index] },
+          ref: function ref(element) {
+            return refs.current[index] = element;
+          }
+        },
+        React.createElement(
+          'div',
+          { className: classes.cellContent },
+          React.createElement(
+            Typography,
+            { variant: 'body1', tabIndex: 0, className: classes.label },
+            R.path(['dimension', 'label'], rowItem),
+            React.createElement(Flags, { flags: R.path(['dimension', 'flags'], rowItem) })
+          )
+        )
+      );
+    }, xLayoutData),
+    React.createElement(TableCell, {
+      className: classes.fillerCell,
+      style: isRtl ? { position: 'sticky', right: R.last(subHeadCellsWidth) } : { position: 'sticky', left: R.last(subHeadCellsWidth) }
+    }),
+    mapIndexed(function (item, index) {
+      var _cx;
 
-    return /*#__PURE__*/React.createElement(TableCell, {
-      key: index,
-      className: cx(classes.fillerCell, (_cx = {}, _cx[classes.highlight] = R.prop(index)(activeCellIds), _cx))
-    }, /*#__PURE__*/React.createElement(Flags, {
-      flags: R.prop('flags', item)
-    }));
-  }, headerData));
+      return React.createElement(
+        TableCell,
+        {
+          key: index,
+          className: cx(classes.fillerCell, (_cx = {}, _cx[classes.highlight] = R.prop(index)(activeCellIds), _cx))
+        },
+        React.createElement(Flags, { flags: R.prop('flags', item) })
+      );
+    }, headerData)
+  );
 });
+
+SubHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  activeCellIds: PropTypes.object,
+  headerData: PropTypes.array,
+  xLayoutData: PropTypes.array,
+  subHeadCellsWidth: PropTypes.arrayOf(PropTypes.number)
+} : {};
+
 export default SubHeader;