@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/es/ScopeList/Header.js

@@ -1,5 +1,6 @@
 import React, { Fragment } from 'react';
 import * as R from 'ramda';
+import PropTypes from 'prop-types';
 import Typography from '@material-ui/core/Typography';
 import NavigateBefore from '@material-ui/icons/NavigateBefore';
 import NavigateNext from '@material-ui/icons/NavigateNext';
@@ -14,48 +15,66 @@ var Header = function Header(_ref) {
       items = _ref.items,
       labels = _ref.labels,
       labelRenderer = _ref.labelRenderer;
-  return /*#__PURE__*/React.createElement(Typography, {
-    className: classes.spaceHeader
-  }, R.addIndex(R.map)(function (headerProps, index) {
-    var _cx;
+  return React.createElement(
+    Typography,
+    { className: classes.spaceHeader },
+    R.addIndex(R.map)(function (headerProps, index) {
+      var _cx;
 
-    var id = headerProps.id,
-        parentId = headerProps.parentId,
-        isSelected = headerProps.isSelected,
-        _isIcon = headerProps._isIcon;
-    if (_isIcon) // icon between labels
-      return /*#__PURE__*/React.createElement(Fragment, {
-        key: "scopeList-" + index
-      }, isRtl ? /*#__PURE__*/React.createElement(NavigateBefore, {
-        className: cx(classes.svg, classes.arrowHeader)
-      }) : /*#__PURE__*/React.createElement(NavigateNext, {
-        className: cx(classes.svg, classes.arrowHeader)
-      }));
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      key: id,
-      placement: "top",
-      variant: "light",
-      title: R.propOr('', 'backHelper')(labels)
-    }, /*#__PURE__*/React.createElement(Typography, {
-      "aria-label": R.propOr('', 'backHelper')(labels) + ": " + labelRenderer(headerProps),
-      tabIndex: 0,
-      component: "span",
-      "data-testid": testId + "_nav_" + id,
-      color: "primary",
-      variant: "body2",
-      className: cx(classes.headerItem, classes.containerItem, (_cx = {}, _cx[classes.listItemSelected] = isSelected, _cx)),
-      onClick: function onClick() {
-        return changeList(parentId);
-      },
-      onKeyPress: function onKeyPress(e) {
-        if (e.key === 'Enter') {
-          changeList(parentId);
-        }
-      }
-    }, labelRenderer(headerProps)));
-  })(R.pipe(R.intersperse({
-    _isIcon: true
-  }), R.when(R.always(isRtl), R.reverse))(items)));
+      var id = headerProps.id,
+          parentId = headerProps.parentId,
+          isSelected = headerProps.isSelected,
+          _isIcon = headerProps._isIcon;
+
+      if (_isIcon)
+        // icon between labels
+        return React.createElement(
+          Fragment,
+          { key: 'scopeList-' + index },
+          isRtl ? React.createElement(NavigateBefore, { className: cx(classes.svg, classes.arrowHeader) }) : React.createElement(NavigateNext, { className: cx(classes.svg, classes.arrowHeader) })
+        );
+      return React.createElement(
+        Tooltip,
+        {
+          key: id,
+          placement: 'top',
+          variant: 'light',
+          title: R.propOr('', 'backHelper')(labels)
+        },
+        React.createElement(
+          Typography,
+          {
+            'aria-label': R.propOr('', 'backHelper')(labels) + ': ' + labelRenderer(headerProps),
+            tabIndex: 0,
+            component: 'span',
+            'data-testid': testId + '_nav_' + id,
+            color: 'primary',
+            variant: 'body2',
+            className: cx(classes.headerItem, classes.containerItem, (_cx = {}, _cx[classes.listItemSelected] = isSelected, _cx)),
+            onClick: function onClick() {
+              return changeList(parentId);
+            },
+            onKeyPress: function onKeyPress(e) {
+              if (e.key === 'Enter') {
+                changeList(parentId);
+              }
+            }
+          },
+          labelRenderer(headerProps)
+        )
+      );
+    })(R.pipe(R.intersperse({ _isIcon: true }), R.when(R.always(isRtl), R.reverse))(items))
+  );
 };
 
+Header.propTypes = process.env.NODE_ENV !== "production" ? {
+  classes: PropTypes.object,
+  changeList: PropTypes.func,
+  isRtl: PropTypes.bool,
+  testId: PropTypes.string,
+  items: PropTypes.array,
+  labels: PropTypes.object,
+  labelRenderer: PropTypes.func
+} : {};
+
 export default Header;

package/es/ScopeList/Item.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 from 'react';
 import * as R from 'ramda';
+import PropTypes from 'prop-types';
 import ListItem from '@material-ui/core/ListItem';
 import Typography from '@material-ui/core/Typography';
 import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
@@ -8,14 +10,16 @@ import ListItemText from '@material-ui/core/ListItemText';
 import IconButton from '@material-ui/core/IconButton';
 import SvgIcon from '@material-ui/core/SvgIcon';
 import cx from 'classnames';
+
 var checkBoxPath = 'M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z';
-var checkPath = 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'; // ugly hack virtualize requires
+var checkPath = 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z';
 
+// ugly hack virtualize requires
 var containerStyles = {
   top: R.add(16),
   left: R.dissoc('left'),
-  width: R.always(36) // height: R.always(height), manage the size of the arrow box
-
+  width: R.always(36)
+  // height: R.always(height), manage the size of the arrow box
 };
 
 var getPathLabel = function getPathLabel(labelRenderer) {
@@ -29,7 +33,7 @@ var Item = function Item(_ref) {
       id = _ref.id,
       label = _ref.label,
       _ref$nodePath = _ref.nodePath,
-      nodePath = _ref$nodePath === void 0 ? [] : _ref$nodePath,
+      nodePath = _ref$nodePath === undefined ? [] : _ref$nodePath,
       isSelected = _ref.isSelected,
       isDisabled = _ref.isDisabled,
       changeList = _ref.changeList,
@@ -46,101 +50,143 @@ var Item = function Item(_ref) {
       accessibility = _ref.accessibility,
       index = _ref.index,
       labelRenderer = _ref.labelRenderer;
-  return /*#__PURE__*/React.createElement(ListItem, {
-    disableGutters: true,
-    classes: {
-      disabled: classes.disabled
-    },
-    className: cx(classes.listItemContainer, (_cx = {}, _cx[classes.disableSecondaryAction] = R.not(hasChild), _cx)),
-    disabled: isDisabled,
-    onClick: isDisabled ? null : changeSelection(id, index),
-    onMouseDown: R.is(Function, changeMouseSelection) && R.not(isDisabled) ? changeMouseSelection(index, {
-      isDown: true
-    }) : null,
-    onMouseUp: R.is(Function, changeMouseSelection) && R.not(isDisabled) ? changeMouseSelection(null, {
-      isUp: true
-    }) : null,
-    onMouseOver: R.is(Function, changeMouseSelection) && R.not(isDisabled) ? changeMouseSelection(index, {
-      isOver: true
-    }) : null,
-    onKeyPress: function onKeyPress(e) {
-      if (e.key === 'Enter' && R.not(isDisabled)) {
-        changeSelection(id, index)(e);
-      }
-    },
-    tabIndex: -1,
-    style: style // virtual
-
-  }, /*#__PURE__*/React.createElement(ListItemText, {
-    tabIndex: 0,
-    "aria-label": label,
-    "aria-pressed": isSelected,
-    "aria-disabled": isDisabled,
-    primaryTypographyProps: {
-      noWrap: true,
-      color: 'inherit'
-    },
-    secondaryTypographyProps: {
-      color: 'inherit'
-    },
-    classes: {
-      root: classes.listItem
+  return React.createElement(
+    ListItem,
+    {
+      disableGutters: true,
+      classes: { disabled: classes.disabled },
+      className: cx(classes.listItemContainer, (_cx = {}, _cx[classes.disableSecondaryAction] = R.not(hasChild), _cx)),
+      disabled: isDisabled,
+      onClick: isDisabled ? null : changeSelection(id, index),
+      onMouseDown: R.is(Function, changeMouseSelection) && R.not(isDisabled) ? changeMouseSelection(index, { isDown: true }) : null,
+      onMouseUp: R.is(Function, changeMouseSelection) && R.not(isDisabled) ? changeMouseSelection(null, { isUp: true }) : null,
+      onMouseOver: R.is(Function, changeMouseSelection) && R.not(isDisabled) ? changeMouseSelection(index, { isOver: true }) : null,
+      onKeyPress: function onKeyPress(e) {
+        if (e.key === 'Enter' && R.not(isDisabled)) {
+          changeSelection(id, index)(e);
+        }
+      },
+      tabIndex: -1,
+      style: style // virtual
     },
-    className: cx((_cx2 = {}, _cx2[classes.accessibilityItemHover] = accessibility, _cx2[classes.listItemSelected] = R.and(isSelected, R.not(isDisabled)), _cx2[classes.listItemHover] = R.not(isDisabled), _cx2)),
-    title: label,
-    primary: /*#__PURE__*/React.createElement("div", {
-      className: cx(classes.labelContainer, (_cx3 = {}, _cx3[classes.rtlLabelContainer] = isRtl, _cx3))
-    }, /*#__PURE__*/React.createElement(SvgIcon, {
-      color: "primary",
-      className: cx(classes.labelIcon, (_cx4 = {}, _cx4[classes.disabledLabel] = isDisabled, _cx4))
-    }, /*#__PURE__*/React.createElement("path", {
-      d: R.and(isSelected, R.not(isDisabled)) ? checkPath : checkBoxPath
-    })), svgPath && /*#__PURE__*/React.createElement(SvgIcon, {
-      color: "primary",
-      className: cx(classes.labelIcon, (_cx5 = {}, _cx5[classes.disabledLabel] = isDisabled, _cx5))
-    }, /*#__PURE__*/React.createElement("path", {
-      d: svgPath
-    })), /*#__PURE__*/React.createElement(Typography, {
-      "data-testid": testId + "_value_" + id,
-      color: "inherit",
-      variant: "body2",
-      className: cx(classes.label, (_cx6 = {}, _cx6[classes.disabledLabel] = isDisabled, _cx6))
-    }, label), R.not(R.isNil(count)) && /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2",
-      className: classes.count
-    }, "(", count, ")")),
-    secondary: /*#__PURE__*/React.createElement(Typography, {
-      title: R.join(isRtl ? ' < ' : ' > ')(R.map(labelRenderer)(nodePath)),
-      variant: "body2",
-      className: cx(classes.ellipsis, classes.path)
-    }, getPathLabel(labelRenderer)(nodePath))
-  }), R.and(NavigateIcon, hasChild) && /*#__PURE__*/React.createElement(ListItemSecondaryAction, {
-    onMouseEnter: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, {
-      isUp: true
-    }) : null,
-    style: _extends({}, R.evolve(containerStyles, style), {
-      left: isRtl && 0,
-      right: R.not(isRtl) && 0
+    React.createElement(ListItemText, {
+      tabIndex: 0,
+      'aria-label': label,
+      'aria-pressed': isSelected,
+      'aria-disabled': isDisabled,
+      primaryTypographyProps: { noWrap: true, color: 'inherit' },
+      secondaryTypographyProps: { color: 'inherit' },
+      classes: { root: classes.listItem },
+      className: cx((_cx2 = {}, _cx2[classes.accessibilityItemHover] = accessibility, _cx2[classes.listItemSelected] = R.and(isSelected, R.not(isDisabled)), _cx2[classes.listItemHover] = R.not(isDisabled), _cx2)),
+      title: label,
+      primary: React.createElement(
+        'div',
+        {
+          className: cx(classes.labelContainer, (_cx3 = {}, _cx3[classes.rtlLabelContainer] = isRtl, _cx3))
+        },
+        React.createElement(
+          SvgIcon,
+          {
+            color: 'primary',
+            className: cx(classes.labelIcon, (_cx4 = {}, _cx4[classes.disabledLabel] = isDisabled, _cx4))
+          },
+          React.createElement('path', { d: R.and(isSelected, R.not(isDisabled)) ? checkPath : checkBoxPath })
+        ),
+        svgPath && React.createElement(
+          SvgIcon,
+          {
+            color: 'primary',
+            className: cx(classes.labelIcon, (_cx5 = {}, _cx5[classes.disabledLabel] = isDisabled, _cx5))
+          },
+          React.createElement('path', { d: svgPath })
+        ),
+        React.createElement(
+          Typography,
+          {
+            'data-testid': testId + '_value_' + id,
+            color: 'inherit',
+            variant: 'body2',
+            className: cx(classes.label, (_cx6 = {}, _cx6[classes.disabledLabel] = isDisabled, _cx6))
+          },
+          label
+        ),
+        R.not(R.isNil(count)) && React.createElement(
+          Typography,
+          { variant: 'body2', className: classes.count },
+          '(',
+          count,
+          ')'
+        )
+      ),
+      secondary: React.createElement(
+        Typography,
+        {
+          title: R.join(isRtl ? ' < ' : ' > ')(R.map(labelRenderer)(nodePath)),
+          variant: 'body2',
+          className: cx(classes.ellipsis, classes.path)
+        },
+        getPathLabel(labelRenderer)(nodePath)
+      )
     }),
-    className: classes.containerArrow,
-    tabIndex: 0,
-    onClick: function onClick() {
-      return changeList(id);
-    },
-    onKeyPress: function onKeyPress(e) {
-      if (e.key === 'Enter') {
-        changeList(id);
-      }
-    }
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    disableRipple: true,
-    disableFocusRipple: true,
-    className: classes.arrow,
-    "aria-label": ariaLabel,
-    tabIndex: -1,
-    size: "small",
-    color: "inherit"
-  }, /*#__PURE__*/React.createElement(NavigateIcon, null))));
+    R.and(NavigateIcon, hasChild) && React.createElement(
+      ListItemSecondaryAction,
+      {
+        onMouseEnter: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, { isUp: true }) : null,
+        style: _extends({}, R.evolve(containerStyles, style), {
+          left: isRtl && 0,
+          right: R.not(isRtl) && 0
+        }),
+        className: classes.containerArrow,
+        tabIndex: 0,
+        onClick: function onClick() {
+          return changeList(id);
+        },
+        onKeyPress: function onKeyPress(e) {
+          if (e.key === 'Enter') {
+            changeList(id);
+          }
+        }
+      },
+      React.createElement(
+        IconButton,
+        {
+          disableRipple: true,
+          disableFocusRipple: true,
+          className: classes.arrow,
+          'aria-label': ariaLabel,
+          tabIndex: -1,
+          size: 'small',
+          color: 'inherit'
+        },
+        React.createElement(NavigateIcon, null)
+      )
+    )
+  );
 };
 
+Item.propTypes = process.env.NODE_ENV !== "production" ? {
+  classes: PropTypes.object,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  label: PropTypes.string,
+  parentId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  nodePath: PropTypes.array,
+  ariaLabel: PropTypes.string,
+  NavigateIcon: PropTypes.object,
+  isSelected: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  hasChild: PropTypes.bool,
+  isSection: PropTypes.bool,
+  changeList: PropTypes.func,
+  changeSelection: PropTypes.func,
+  changeMouseSelection: PropTypes.func,
+  count: PropTypes.number,
+  svgPath: PropTypes.string,
+  style: PropTypes.object,
+  isRtl: PropTypes.bool,
+  testId: PropTypes.string,
+  accessibility: PropTypes.bool,
+  index: PropTypes.number,
+  labelRenderer: PropTypes.func
+} : {};
+
 export default Item;