@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

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,5 +1,6 @@
 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';
@@ -7,23 +8,24 @@ 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']
@@ -39,51 +41,68 @@ 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;
+  return React.createElement(
+    TableRow,
+    null,
+    mapIndexed(function (rowItem, index) {
+      return 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;
+          }
+        },
+        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: { 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;

package/es/TableLayout/Box.js

@@ -1,4 +1,5 @@
 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';
@@ -8,6 +9,7 @@ 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;
 
@@ -26,11 +28,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',
@@ -50,39 +52,70 @@ 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 /*#__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);
-  }));
+  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
+        );
+      }
+    )
+  );
 };
 
+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,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, { Fragment } from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import cx from 'classnames';
 import { makeStyles } from '@material-ui/core/styles';
@@ -9,6 +11,7 @@ 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;
 
@@ -31,13 +34,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 = {
@@ -65,42 +68,70 @@ 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 /*#__PURE__*/React.createElement(Draggable, {
-    key: item.id,
-    draggableId: item.id,
-    index: index,
-    isDragDisabled: R.not(canDrag)
-  }, function (provided) {
-    var _cx, _cx2;
+  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("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))));
-  });
+      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)
+          )
+        )
+      );
+    }
+  );
 };
 
+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;