@sis-cc/dotstatsuite-visions 6.5.2 → 6.6.0

package/es/TableHtml5/sectionHeader.js

@@ -1,8 +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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 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';
@@ -10,15 +8,14 @@ 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'
     },
@@ -55,73 +52,49 @@ 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 React.createElement(
-    TableRow,
-    {
-      key: section.key,
-      className: classes.stickyHeaderSection,
-      style: { top: headerHeight + 'px' }
-    },
-    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) })
-        )
-      )
-    )
-  );
+  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)
+  })))));
 };
 
-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,6 +1,5 @@
 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';
@@ -8,24 +7,23 @@ import TableCell from '@material-ui/core/TableCell';
 import TableRow from '@material-ui/core/TableRow';
 import { getLight } 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'
     },
     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']
@@ -41,59 +39,51 @@ var useStyles = makeStyles(function (theme) {
     highlight: theme.mixins.table.cellHighlight
   };
 });
-
 var mapIndexed = R.addIndex(R.map);
-
-var SubHeader = function SubHeader(_ref) {
+var SubHeader = React.forwardRef(function (_ref, refs) {
   var headerData = _ref.headerData,
       xLayoutData = _ref.xLayoutData,
-      activeCellIds = _ref.activeCellIds;
-
+      activeCellIds = _ref.activeCellIds,
+      subHeadCellsWidth = _ref.subHeadCellsWidth;
   var classes = useStyles();
-  return React.createElement(
-    TableRow,
-    null,
-    mapIndexed(function (rowItem, index) {
-      return React.createElement(
-        TableCell,
-        {
-          component: 'th',
-          className: classes.columnsTitle,
-          key: index,
-          id: 'subHeader_' + index
-        },
-        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 }),
-    mapIndexed(function (item, index) {
-      var _cx;
-
-      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
-} : {};
+  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;
 
+    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));
+});
 export default SubHeader;

package/es/TableLayout/Box.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
@@ -9,7 +8,6 @@ import { Droppable } from 'react-beautiful-dnd';
 import DnDItem from './DnDItem';
 import { getLight, getDark } from '../utils';
 import { BOX } from './constants';
-
 export var useStyles = makeStyles(function (theme) {
   var _ref;
 
@@ -28,11 +26,11 @@ export var useStyles = makeStyles(function (theme) {
     canDrop: {
       borderStyle: 'dashed'
     }
-  }, _ref[BOX.sections + 'Container'] = {
+  }, _ref[BOX.sections + "Container"] = {
     borderColor: getDark(theme) || theme.palette.secondary.dark
-  }, _ref[BOX.rows + 'Container'] = {
+  }, _ref[BOX.rows + "Container"] = {
     borderColor: getLight(theme) || theme.palette.secondary.light
-  }, _ref[BOX.header + 'Container'] = {
+  }, _ref[BOX.header + "Container"] = {
     borderColor: theme.palette.primary.main
   }, _ref.iconTitle = {
     display: 'flex',
@@ -52,70 +50,39 @@ var Box = function Box(_ref2) {
       itemButtonProps = _ref2.itemButtonProps,
       accessibility = _ref2.accessibility,
       md = _ref2.md;
-
   var classes = useStyles();
   var canDrag = R.equals(dropZoneLabel, BOX.rows) ? R.pipe(R.length, R.lt(1))(items) : R.T();
+  return /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: accessibility ? 4 : 12,
+    md: md
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.iconTitle
+  }, /*#__PURE__*/React.createElement(Icon, null), /*#__PURE__*/React.createElement("span", {
+    className: classes.title
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    variant: "srOnly"
+  }, title)), /*#__PURE__*/React.createElement(Droppable, {
+    droppableId: dropZoneLabel
+  }, function (provided, snapshot) {
+    var _cx;
 
-  return React.createElement(
-    Grid,
-    { item: true, xs: accessibility ? 4 : 12, md: md },
-    React.createElement(
-      'div',
-      { className: classes.iconTitle },
-      React.createElement(Icon, null),
-      React.createElement(
-        'span',
-        { className: classes.title },
-        title
-      ),
-      React.createElement(
-        Typography,
-        { variant: 'srOnly' },
-        title
-      )
-    ),
-    React.createElement(
-      Droppable,
-      { droppableId: dropZoneLabel },
-      function (provided, snapshot) {
-        var _cx;
-
-        return React.createElement(
-          'div',
-          {
-            ref: provided.innerRef,
-            className: cx(classes.blockDnd, R.prop(dropZoneLabel + 'Container')(classes), (_cx = {}, _cx[classes.canDrop] = snapshot.isDraggingOver, _cx))
-          },
-          R.addIndex(R.map)(function (item, index) {
-            return React.createElement(DnDItem, {
-              key: item.id,
-              index: index,
-              item: item,
-              itemRenderer: itemRenderer,
-              dropZoneLabel: dropZoneLabel,
-              onChangeLayout: onChangeLayout,
-              itemButtonProps: itemButtonProps,
-              canDrag: canDrag
-            });
-          })(R.values(items)),
-          provided.placeholder
-        );
-      }
-    )
-  );
+    return /*#__PURE__*/React.createElement("div", {
+      ref: provided.innerRef,
+      className: cx(classes.blockDnd, R.prop(dropZoneLabel + "Container")(classes), (_cx = {}, _cx[classes.canDrop] = snapshot.isDraggingOver, _cx))
+    }, R.addIndex(R.map)(function (item, index) {
+      return /*#__PURE__*/React.createElement(DnDItem, {
+        key: item.id,
+        index: index,
+        item: item,
+        itemRenderer: itemRenderer,
+        dropZoneLabel: dropZoneLabel,
+        onChangeLayout: onChangeLayout,
+        itemButtonProps: itemButtonProps,
+        canDrag: canDrag
+      });
+    })(R.values(items)), provided.placeholder);
+  }));
 };
 
-Box.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: PropTypes.array,
-  itemRenderer: PropTypes.func,
-  dropZoneLabel: PropTypes.string,
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  Icon: PropTypes.object,
-  onChangeLayout: PropTypes.func,
-  putItem: PropTypes.func,
-  itemButtonProps: PropTypes.object,
-  accessibility: PropTypes.bool,
-  md: PropTypes.number
-} : {};
-
 export default Box;

package/es/TableLayout/DnDItem.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, { Fragment } from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import cx from 'classnames';
 import { makeStyles } from '@material-ui/core/styles';
@@ -11,7 +9,6 @@ import MenuItem from '@material-ui/core/MenuItem';
 import { Draggable } from 'react-beautiful-dnd';
 import { getLight, getDark } from '../utils';
 import { BOX, wcagId } from './constants';
-
 export var useStyles = makeStyles(function (theme) {
   var _ref;
 
@@ -34,13 +31,13 @@ export var useStyles = makeStyles(function (theme) {
       opacity: 1,
       flexFlow: 'wrap'
     }
-  }, _ref[BOX.sections + 'Item'] = {
+  }, _ref[BOX.sections + "Item"] = {
     color: theme.palette.getContrastText(getDark(theme) || theme.palette.secondary.dark),
     backgroundColor: getDark(theme) || theme.palette.secondary.dark
-  }, _ref[BOX.rows + 'Item'] = {
+  }, _ref[BOX.rows + "Item"] = {
     color: theme.palette.getContrastText(getLight(theme) || theme.palette.secondary.light),
     backgroundColor: getLight(theme) || theme.palette.secondary.light
-  }, _ref[BOX.header + 'Item'] = {
+  }, _ref[BOX.header + "Item"] = {
     color: theme.palette.getContrastText(theme.palette.primary.main),
     backgroundColor: theme.palette.primary.main
   }, _ref.cantMove = {
@@ -68,70 +65,42 @@ var DnDItem = function DnDItem(_ref2) {
       dropZoneLabel = _ref2.dropZoneLabel,
       itemButtonProps = _ref2.itemButtonProps,
       canDrag = _ref2.canDrag;
-
   var classes = useStyles();
   var selectItem = R.prop(item.id)(itemButtonProps);
-  return React.createElement(
-    Draggable,
-    { key: item.id, draggableId: item.id, index: index, isDragDisabled: R.not(canDrag) },
-    function (provided) {
-      var _cx, _cx2;
+  return /*#__PURE__*/React.createElement(Draggable, {
+    key: item.id,
+    draggableId: item.id,
+    index: index,
+    isDragDisabled: R.not(canDrag)
+  }, function (provided) {
+    var _cx, _cx2;
 
-      return React.createElement(
-        'div',
-        _extends({
-          ref: provided.innerRef
-        }, provided.draggableProps, provided.dragHandleProps, {
-          className: cx(classes.styledItemContainer, classes.containerButton, [R.prop(dropZoneLabel + 'Item')(classes)], (_cx = {}, _cx[classes.cantMove] = R.not(canDrag), _cx)),
-          'aria-label': itemRenderer(item),
-          'aria-describedby': wcagId
-        }),
-        React.createElement(
-          Fragment,
-          null,
-          React.createElement(
-            Typography,
-            {
-              variant: 'body2',
-              className: cx(classes.text, (_cx2 = {}, _cx2[classes.spaceButton] = selectItem, _cx2))
-            },
-            itemRenderer(item)
-          ),
-          selectItem && React.createElement(
-            Select,
-            {
-              id: item.id,
-              value: selectItem.value,
-              onChange: function onChange(e) {
-                return selectItem.onChange(e.target.value);
-              },
-              classes: { root: classes.select },
-              variant: 'outlined'
-            },
-            R.map(function (v) {
-              return React.createElement(
-                MenuItem,
-                { key: v, value: v },
-                v
-              );
-            })(selectItem.options)
-          )
-        )
-      );
-    }
-  );
+    return /*#__PURE__*/React.createElement("div", _extends({
+      ref: provided.innerRef
+    }, provided.draggableProps, provided.dragHandleProps, {
+      className: cx(classes.styledItemContainer, classes.containerButton, [R.prop(dropZoneLabel + "Item")(classes)], (_cx = {}, _cx[classes.cantMove] = R.not(canDrag), _cx)),
+      "aria-label": itemRenderer(item),
+      "aria-describedby": wcagId
+    }), /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+      variant: 'body2',
+      className: cx(classes.text, (_cx2 = {}, _cx2[classes.spaceButton] = selectItem, _cx2))
+    }, itemRenderer(item)), selectItem && /*#__PURE__*/React.createElement(Select, {
+      id: item.id,
+      value: selectItem.value,
+      onChange: function onChange(e) {
+        return selectItem.onChange(e.target.value);
+      },
+      classes: {
+        root: classes.select
+      },
+      variant: "outlined"
+    }, R.map(function (v) {
+      return /*#__PURE__*/React.createElement(MenuItem, {
+        key: v,
+        value: v
+      }, v);
+    })(selectItem.options))));
+  });
 };
 
-DnDItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  item: PropTypes.object,
-  index: PropTypes.number,
-  itemRenderer: PropTypes.func,
-  dropZoneLabel: PropTypes.string,
-  onChangeLayout: PropTypes.func,
-  itemButtonProps: PropTypes.object,
-  handleChangeBox: PropTypes.func,
-  canDrag: PropTypes.bool,
-  dropZoneIndex: PropTypes.number
-} : {};
-
 export default DnDItem;