@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/ScopeList/ScopeList.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, useRef, useEffect, useState } from 'react';
 import * as R from 'ramda';
+import PropTypes from 'prop-types';
 import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
 import VirtualizedList from 'react-virtualized/dist/commonjs/List';
 import { useTheme } from '@material-ui/core';
@@ -18,6 +20,7 @@ import { ExpansionPanel, Tag as InternalTag, VerticalButton, Tooltip } from '../
 import { useStyles, height as rowHeight } from './styles';
 import { withBlank, getIsRtl } from '../utils';
 import { getItemsGroupByLevel } from './with-scope-list';
+
 var getLevels = R.pipe(R.map(R.all(R.prop('isSelected'))), R.toPairs, R.when(R.pipe(R.length, R.equals(1)), R.always([])));
 
 var ScopeList = function ScopeList(props) {
@@ -25,7 +28,7 @@ var ScopeList = function ScopeList(props) {
       items = props.items,
       itemsById = props.itemsById,
       _props$list = props.list,
-      list = _props$list === void 0 ? [] : _props$list,
+      list = _props$list === undefined ? [] : _props$list,
       currentItem = props.currentItem,
       changeList = props.changeList,
       changeSelection = props.changeSelection,
@@ -42,13 +45,13 @@ var ScopeList = function ScopeList(props) {
       labels = props.labels,
       accessibility = props.accessibility,
       _props$expansionPanel = props.expansionPanelProps,
-      expansionPanelProps = _props$expansionPanel === void 0 ? {} : _props$expansionPanel,
+      expansionPanelProps = _props$expansionPanel === undefined ? {} : _props$expansionPanel,
       isCurrentListAllSelected = props.isCurrentListAllSelected,
       bulkSelection = props.bulkSelection,
       changeMultiSelectionKeyUp = props.changeMultiSelectionKeyUp,
       changeMouseSelection = props.changeMouseSelection,
       _props$labelRenderer = props.labelRenderer,
-      labelRenderer = _props$labelRenderer === void 0 ? R.prop('label') : _props$labelRenderer,
+      labelRenderer = _props$labelRenderer === undefined ? R.prop('label') : _props$labelRenderer,
       disableAccessor = props.disableAccessor;
 
   var _useState = useState(false),
@@ -60,9 +63,7 @@ var ScopeList = function ScopeList(props) {
       setScrollTop = _useState2[1];
 
   var ref = useRef();
-  var classes = useStyles({
-    accessibility: accessibility
-  });
+  var classes = useStyles({ accessibility: accessibility });
   var theme = useTheme();
 
   var _useState3 = useState(false),
@@ -82,6 +83,7 @@ var ScopeList = function ScopeList(props) {
   var selectionLabels = R.prop('selection')(labels);
   var rowCount = R.length(list);
   var maxHeight = R.pipe(R.length, R.multiply(rowHeight), R.ifElse(R.gt(250), R.add(10), R.always(250)))(list);
+
   useEffect(function () {
     if (!isLoading) return;
     setTimeout(function () {
@@ -91,9 +93,9 @@ var ScopeList = function ScopeList(props) {
       setIsLoading(false);
     }, 0);
   }, [isLoading, items, itemsById, disableAccessor]);
+
   useEffect(function () {
     var current = ref.current;
-
     var handler = function handler(event) {
       if (R.or(event.ctrlKey, event.shiftKey)) {
         // ugly hack, to get div element created by react-virtuliase (get scroll height)
@@ -101,155 +103,205 @@ var ScopeList = function ScopeList(props) {
         var scrollEl = R.path(['children', 0, 'children', 0], current);
         var isBottom = R.gte(R.add(R.prop('scrollTop')(scrollEl), R.prop('clientHeight')(scrollEl)), R.prop('scrollHeight')(scrollEl));
         var nextpos = (scrollTop || 0) + event.deltaY / 2;
-
         if (R.or(event.deltaY < 0, event.deltaY > 0 && R.not(isBottom))) {
           setScrollTop(nextpos < 0 ? 0 : nextpos);
         }
-
         event.preventDefault();
       }
-
       if (R.not(event.ctrlKey) && R.not(event.shiftKey)) {
         setScrollTop(undefined); // should be undefined if the user want use the normal scroll
       }
     };
-
     if (R.isNil(current)) return;
-    current.addEventListener('wheel', handler, {
-      passive: false
-    });
+
+    current.addEventListener('wheel', handler, { passive: false });
     return function () {
-      current.removeEventListener('wheel', handler, {
-        passive: false
-      });
+      current.removeEventListener('wheel', handler, { passive: false });
     };
   }, [scrollTop]);
 
   var handleMenu = function handleMenu() {
     setIsMenuOpen(!isMenuOpen);
-
     if (R.not(isMenuOpen)) {
       setIsLoading(true);
     }
   };
 
-  return /*#__PURE__*/React.createElement(ExpansionPanel, _extends({
-    isOpen: R.equals(id, activePanelId),
-    id: id,
-    testId: "" + testId,
-    label: labelRenderer(props),
-    onChangeActivePanel: onChangeActivePanel,
-    overflow: true,
-    topElementComponent: /*#__PURE__*/React.createElement(Fragment, null, TopElementComponent && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Container, {
-      disableGutters: true,
-      className: classes.spotlightContainer
-    }, /*#__PURE__*/React.createElement(TopElementComponent, _extends({
-      className: {
-        container: classes.middle
-      }
-    }, topElementProps, props)), bulkSelection && /*#__PURE__*/React.createElement(Tooltip, {
-      key: id,
-      placement: "bottom",
-      variant: "light",
-      title: R.prop('title')(selectionLabels)
-    }, /*#__PURE__*/React.createElement(VerticalButton, {
-      "aria-label": R.prop('title')(selectionLabels),
-      classes: {
-        root: classes.bulkSelectionIcon
-      },
-      onClick: handleMenu,
-      selected: isMenuOpen
-    }, isLoading ? /*#__PURE__*/React.createElement(HourglassEmptyIcon, {
-      size: 24,
-      color: "primary"
-    }) : /*#__PURE__*/React.createElement(PlaylistAddCheckIcon, {
-      color: "primary"
-    })))), bulkSelection && /*#__PURE__*/React.createElement(Selection, {
+  return React.createElement(
+    ExpansionPanel,
+    _extends({
+      isOpen: R.equals(id, activePanelId),
       id: id,
-      setIsLoading: setIsLoading,
-      isOpen: isMenuOpen,
-      classes: classes,
-      items: items,
-      levels: levels,
-      itemsGroupByLevel: itemGroupByLevel,
-      itemsById: itemsById,
-      labels: selectionLabels,
-      isCurrentListAllSelected: isCurrentListAllSelected,
-      changeMutliSelection: changeMutliSelection,
-      changeLevelSelection: changeLevelSelection
-    })), currentItem && /*#__PURE__*/React.createElement("div", {
-      className: classes.containerHeader
-    }, /*#__PURE__*/React.createElement(Header, {
-      testId: testId,
-      classes: classes,
-      isRtl: isRtl,
-      changeList: changeList,
-      accessibility: accessibility,
-      items: currentItem,
-      labels: labels,
-      labelRenderer: labelRenderer
-    }))),
-    tag: /*#__PURE__*/React.createElement(Chip, {
-      items: list
-    }, tagValue),
-    isBlank: isBlank
-  }, expansionPanelProps), /*#__PURE__*/React.createElement(List, {
-    disablePadding: true,
-    style: {
-      height: maxHeight
-    },
-    onKeyUp: changeMultiSelectionKeyUp,
-    onMouseLeave: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, {
-      isUp: true
-    }) : null,
-    ref: ref
-  }, /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref) {
-    var height = _ref.height,
-        width = _ref.width;
-    return /*#__PURE__*/React.createElement(VirtualizedList, {
-      ref: ref,
-      overscan: 10,
-      tabIndex: -1,
-      height: height,
-      width: width,
-      scrollTop: scrollTop // control scroll position with ctrl or shift key
-      ,
-      rowCount: rowCount,
-      rowHeight: R.add(1)(rowHeight) // 1 is space between elements
-      ,
-      rowRenderer: function rowRenderer(_ref2) {
-        var index = _ref2.index,
-            style = _ref2.style;
-        //if (isScrolling) return <div style={style}>...</div>
-        var item = R.nth(index, list);
-        return /*#__PURE__*/React.createElement(Item, _extends({
-          labelRenderer: labelRenderer,
-          index: index,
-          style: style,
-          testId: testId + "_" + id,
-          key: item.id,
-          classes: classes,
-          isRtl: isRtl,
-          changeList: changeList,
-          changeSelection: changeSelection,
-          changeMouseSelection: changeMouseSelection,
-          ariaLabel: R.prop('navigateNext')(labels),
-          NavigateIcon: isRtl ? NavigateBefore : NavigateNext,
-          accessibility: accessibility
-        }, item, {
-          isDisabled: disableAccessor(item),
-          label: labelRenderer(item)
-        }));
-      }
-    });
-  })));
+      testId: '' + testId,
+      label: labelRenderer(props),
+      onChangeActivePanel: onChangeActivePanel,
+      overflow: true,
+      topElementComponent: React.createElement(
+        Fragment,
+        null,
+        TopElementComponent && React.createElement(
+          Fragment,
+          null,
+          React.createElement(
+            Container,
+            { disableGutters: true, className: classes.spotlightContainer },
+            React.createElement(TopElementComponent, _extends({
+              className: { container: classes.middle }
+            }, topElementProps, props)),
+            bulkSelection && React.createElement(
+              Tooltip,
+              {
+                key: id,
+                placement: 'bottom',
+                variant: 'light',
+                title: R.prop('title')(selectionLabels)
+              },
+              React.createElement(
+                VerticalButton,
+                {
+                  'aria-label': R.prop('title')(selectionLabels),
+                  classes: { root: classes.bulkSelectionIcon },
+                  onClick: handleMenu,
+                  selected: isMenuOpen
+                },
+                isLoading ? React.createElement(HourglassEmptyIcon, { size: 24, color: 'primary' }) : React.createElement(PlaylistAddCheckIcon, { color: 'primary' })
+              )
+            )
+          ),
+          bulkSelection && React.createElement(Selection, {
+            id: id,
+            setIsLoading: setIsLoading,
+            isOpen: isMenuOpen,
+            classes: classes,
+            items: items,
+            levels: levels,
+            itemsGroupByLevel: itemGroupByLevel,
+            itemsById: itemsById,
+            labels: selectionLabels,
+            isCurrentListAllSelected: isCurrentListAllSelected,
+            changeMutliSelection: changeMutliSelection,
+            changeLevelSelection: changeLevelSelection
+          })
+        ),
+        currentItem && React.createElement(
+          'div',
+          { className: classes.containerHeader },
+          React.createElement(Header, {
+            testId: testId,
+            classes: classes,
+            isRtl: isRtl,
+            changeList: changeList,
+            accessibility: accessibility,
+            items: currentItem,
+            labels: labels,
+            labelRenderer: labelRenderer
+          })
+        )
+      ),
+      tag: React.createElement(
+        Chip,
+        { items: list },
+        tagValue
+      ),
+      isBlank: isBlank
+    }, expansionPanelProps),
+    React.createElement(
+      List,
+      {
+        disablePadding: true,
+        style: { height: maxHeight },
+        onKeyUp: changeMultiSelectionKeyUp,
+        onMouseLeave: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, { isUp: true }) : null,
+        ref: ref
+      },
+      React.createElement(
+        AutoSizer,
+        null,
+        function (_ref) {
+          var height = _ref.height,
+              width = _ref.width;
+          return React.createElement(VirtualizedList, {
+            ref: ref,
+            overscan: 10,
+            tabIndex: -1,
+            height: height,
+            width: width,
+            scrollTop: scrollTop // control scroll position with ctrl or shift key
+            , rowCount: rowCount,
+            rowHeight: R.add(1)(rowHeight) // 1 is space between elements
+            , rowRenderer: function rowRenderer(_ref2) {
+              var index = _ref2.index,
+                  style = _ref2.style;
+
+              //if (isScrolling) return <div style={style}>...</div>
+              var item = R.nth(index, list);
+              return React.createElement(Item, _extends({
+                labelRenderer: labelRenderer,
+                index: index,
+                style: style,
+                testId: testId + '_' + id,
+                key: item.id,
+                classes: classes,
+                isRtl: isRtl,
+                changeList: changeList,
+                changeSelection: changeSelection,
+                changeMouseSelection: changeMouseSelection,
+                ariaLabel: R.prop('navigateNext')(labels),
+                NavigateIcon: isRtl ? NavigateBefore : NavigateNext,
+                accessibility: accessibility
+              }, item, {
+                isDisabled: disableAccessor(item),
+                label: labelRenderer(item)
+              }));
+            }
+          });
+        }
+      )
+    )
+  );
 };
 
+ScopeList.propTypes = process.env.NODE_ENV !== "production" ? {
+  testId: PropTypes.string,
+  accessibility: PropTypes.bool,
+  bulkSelection: PropTypes.bool,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  list: PropTypes.array,
+  currentItem: PropTypes.array,
+  classes: PropTypes.object,
+  changeList: PropTypes.func,
+  changeSelection: PropTypes.func,
+  changeMutliSelection: PropTypes.func,
+  changeLevelSelection: PropTypes.func,
+  changeMultiSelectionKeyUp: PropTypes.func,
+  changeMouseSelection: PropTypes.func,
+  onChangeActivePanel: PropTypes.func,
+  activePanelId: PropTypes.string,
+  TopElementComponent: PropTypes.func,
+  topElementProps: PropTypes.object,
+  Tag: PropTypes.func,
+  tagValue: PropTypes.node,
+  isBlank: PropTypes.bool,
+  isCurrentListAllSelected: PropTypes.bool,
+  labels: PropTypes.shape({
+    navigateNext: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    backHelper: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    selection: PropTypes.shape({
+      title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+      currentLevel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+      level: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+    })
+  }),
+  expansionPanelProps: PropTypes.object,
+  labelRenderer: PropTypes.func,
+  disableAccessor: PropTypes.func,
+  items: PropTypes.array,
+  itemsById: PropTypes.object
+} : {};
+
 export default R.compose(withBlank(function (_ref3) {
   var _ref3$items = _ref3.items,
-      items = _ref3$items === void 0 ? [] : _ref3$items,
+      items = _ref3$items === undefined ? [] : _ref3$items,
       isBlank = _ref3.isBlank;
-  return {
-    isBlank: R.or(R.isEmpty(items), isBlank)
-  };
+  return { isBlank: R.or(R.isEmpty(items), isBlank) };
 }), withScopeList)(ScopeList);

package/es/ScopeList/Selection.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import * as R from 'ramda';
+import PropTypes from 'prop-types';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemText from '@material-ui/core/ListItemText';
@@ -16,27 +17,38 @@ var CustomListItem = function CustomListItem(_ref) {
       classes = _ref.classes,
       action = _ref.action,
       isSelected = _ref.isSelected;
-  return /*#__PURE__*/React.createElement(ListItem, {
-    dense: true,
-    button: true,
-    onClick: function onClick(e) {
-      return action(e);
+  return React.createElement(
+    ListItem,
+    {
+      dense: true,
+      button: true,
+      onClick: function onClick(e) {
+        return action(e);
+      },
+      onKeyPress: function onKeyPress(e) {
+        if (e.key === 'Enter') {
+          action(e);
+        }
+      },
+      className: cx(classes.listItemContainer, (_cx = {}, _cx[classes.listItemSelected] = isSelected, _cx))
     },
-    onKeyPress: function onKeyPress(e) {
-      if (e.key === 'Enter') {
-        action(e);
+    React.createElement(ListItemText, {
+      primary: label,
+      primaryTypographyProps: {
+        color: 'primary',
+        variant: 'body2'
       }
-    },
-    className: cx(classes.listItemContainer, (_cx = {}, _cx[classes.listItemSelected] = isSelected, _cx))
-  }, /*#__PURE__*/React.createElement(ListItemText, {
-    primary: label,
-    primaryTypographyProps: {
-      color: 'primary',
-      variant: 'body2'
-    }
-  }));
+    })
+  );
 };
 
+CustomListItem.propTypes = process.env.NODE_ENV !== "production" ? {
+  classes: PropTypes.object,
+  label: PropTypes.string,
+  action: PropTypes.func,
+  isSelected: PropTypes.bool
+} : {};
+
 var Selection = function Selection(_ref2) {
   var id = _ref2.id,
       labels = _ref2.labels,
@@ -48,40 +60,70 @@ var Selection = function Selection(_ref2) {
       levels = _ref2.levels,
       itemsGroupByLevel = _ref2.itemsGroupByLevel,
       setIsLoading = _ref2.setIsLoading;
-  return /*#__PURE__*/React.createElement(Collapse, {
-    in: isOpen
-  }, /*#__PURE__*/React.createElement(Paper, {
-    elevation: 2
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.selectionContainer
-  }, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, {
-    dense: true
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2"
-  }, R.prop('title')(labels))), /*#__PURE__*/React.createElement(CustomListItem, {
-    classes: classes,
-    label: R.prop('currentLevel')(labels),
-    action: function action(e) {
-      // move setLoading in the main file when with-scope-list will be deleted
-      setIsLoading(true);
-      changeMutliSelection(e);
-    },
-    isSelected: isCurrentListAllSelected
-  }), R.not(R.isEmpty(levels)) && /*#__PURE__*/React.createElement(Divider, null), R.map(function (_ref3) {
-    var level = _ref3[0],
-        isLevelSelected = _ref3[1];
-    return /*#__PURE__*/React.createElement(CustomListItem, {
-      key: "bulkSelection-" + id + "-" + level,
-      classes: classes,
-      label: R.prop('level')(labels) + " " + R.add(1)(Number(level)),
-      action: function action(e) {
-        // move setLoading in the main file when with-scope-list will be deleted
-        setIsLoading(true);
-        changeLevelSelection(itemsGroupByLevel)(level, isLevelSelected)(e);
-      },
-      isSelected: isLevelSelected
-    });
-  })(levels)))));
+  return React.createElement(
+    Collapse,
+    { 'in': isOpen },
+    React.createElement(
+      Paper,
+      { elevation: 2 },
+      React.createElement(
+        'div',
+        { className: classes.selectionContainer },
+        React.createElement(
+          List,
+          null,
+          React.createElement(
+            ListItem,
+            { dense: true },
+            React.createElement(
+              Typography,
+              { variant: 'body2' },
+              R.prop('title')(labels)
+            )
+          ),
+          React.createElement(CustomListItem, {
+            classes: classes,
+            label: R.prop('currentLevel')(labels),
+            action: function action(e) {
+              // move setLoading in the main file when with-scope-list will be deleted
+              setIsLoading(true);
+              changeMutliSelection(e);
+            },
+            isSelected: isCurrentListAllSelected
+          }),
+          R.not(R.isEmpty(levels)) && React.createElement(Divider, null),
+          R.map(function (_ref3) {
+            var level = _ref3[0],
+                isLevelSelected = _ref3[1];
+            return React.createElement(CustomListItem, {
+              key: 'bulkSelection-' + id + '-' + level,
+              classes: classes,
+              label: R.prop('level')(labels) + ' ' + R.add(1)(Number(level)),
+              action: function action(e) {
+                // move setLoading in the main file when with-scope-list will be deleted
+                setIsLoading(true);
+                changeLevelSelection(itemsGroupByLevel)(level, isLevelSelected)(e);
+              },
+              isSelected: isLevelSelected
+            });
+          })(levels)
+        )
+      )
+    )
+  );
 };
 
+Selection.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  labels: PropTypes.object,
+  isOpen: PropTypes.bool,
+  classes: PropTypes.object,
+  changeMutliSelection: PropTypes.func,
+  changeLevelSelection: PropTypes.func,
+  isCurrentListAllSelected: PropTypes.bool,
+  levels: PropTypes.array,
+  itemsGroupByLevel: PropTypes.object,
+  setIsLoading: PropTypes.func
+} : {};
+
 export default Selection;

package/es/ScopeList/index.js

@@ -88,4 +88,5 @@
  * root: [testId]
  * value: [testId]_value_[props.items.id]
  */
+
 export { default } from './ScopeList';

package/es/ScopeList/styles.js

@@ -1,5 +1,6 @@
 import { makeStyles } from '@material-ui/core/styles';
 export var height = 30;
+
 export var useStyles = makeStyles(function (theme) {
   return {
     middle: {
@@ -9,7 +10,7 @@ export var useStyles = makeStyles(function (theme) {
       margin: theme.spacing(1)
     },
     containerHeader: {
-      borderBottom: "6px solid " + theme.palette.grey[100],
+      borderBottom: '6px solid ' + theme.palette.grey[100],
       marginBottom: '1px'
     },
     listItemContainer: {
@@ -121,7 +122,7 @@ export var useStyles = makeStyles(function (theme) {
     },
     containerArrow: {
       paddingLeft: 4,
-      borderLeft: "1px solid " + theme.palette.grey[800],
+      borderLeft: '1px solid ' + theme.palette.grey[800],
       color: theme.palette.primary.main,
       height: '100%',
       display: 'flex',