@sis-cc/dotstatsuite-visions 6.5.2 → 6.6.0

package/es/ScopeList/ScopeList.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, 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';
@@ -20,7 +18,6 @@ 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) {
@@ -28,7 +25,7 @@ var ScopeList = function ScopeList(props) {
       items = props.items,
       itemsById = props.itemsById,
       _props$list = props.list,
-      list = _props$list === undefined ? [] : _props$list,
+      list = _props$list === void 0 ? [] : _props$list,
       currentItem = props.currentItem,
       changeList = props.changeList,
       changeSelection = props.changeSelection,
@@ -45,13 +42,13 @@ var ScopeList = function ScopeList(props) {
       labels = props.labels,
       accessibility = props.accessibility,
       _props$expansionPanel = props.expansionPanelProps,
-      expansionPanelProps = _props$expansionPanel === undefined ? {} : _props$expansionPanel,
+      expansionPanelProps = _props$expansionPanel === void 0 ? {} : _props$expansionPanel,
       isCurrentListAllSelected = props.isCurrentListAllSelected,
       bulkSelection = props.bulkSelection,
       changeMultiSelectionKeyUp = props.changeMultiSelectionKeyUp,
       changeMouseSelection = props.changeMouseSelection,
       _props$labelRenderer = props.labelRenderer,
-      labelRenderer = _props$labelRenderer === undefined ? R.prop('label') : _props$labelRenderer,
+      labelRenderer = _props$labelRenderer === void 0 ? R.prop('label') : _props$labelRenderer,
       disableAccessor = props.disableAccessor;
 
   var _useState = useState(false),
@@ -63,7 +60,9 @@ 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),
@@ -83,7 +82,6 @@ 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 () {
@@ -93,9 +91,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)
@@ -103,205 +101,155 @@ 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 });
+    if (R.isNil(current)) return;
+    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 React.createElement(
-    ExpansionPanel,
-    _extends({
-      isOpen: R.equals(id, activePanelId),
-      id: id,
-      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
+  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
       },
-      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)
-              }));
-            }
-          });
-        }
-      )
-    )
-  );
+      onClick: handleMenu,
+      selected: isMenuOpen
+    }, isLoading ? /*#__PURE__*/React.createElement(HourglassEmptyIcon, {
+      size: 24,
+      color: "primary"
+    }) : /*#__PURE__*/React.createElement(PlaylistAddCheckIcon, {
+      color: "primary"
+    })))), bulkSelection && /*#__PURE__*/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 && /*#__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)
+        }));
+      }
+    });
+  })));
 };
 
-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 === undefined ? [] : _ref3$items,
+      items = _ref3$items === void 0 ? [] : _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,6 +1,5 @@
 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';
@@ -17,38 +16,27 @@ var CustomListItem = function CustomListItem(_ref) {
       classes = _ref.classes,
       action = _ref.action,
       isSelected = _ref.isSelected;
-  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))
+  return /*#__PURE__*/React.createElement(ListItem, {
+    dense: true,
+    button: true,
+    onClick: function onClick(e) {
+      return action(e);
     },
-    React.createElement(ListItemText, {
-      primary: label,
-      primaryTypographyProps: {
-        color: 'primary',
-        variant: 'body2'
+    onKeyPress: function onKeyPress(e) {
+      if (e.key === 'Enter') {
+        action(e);
       }
-    })
-  );
+    },
+    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,
@@ -60,70 +48,40 @@ var Selection = function Selection(_ref2) {
       levels = _ref2.levels,
       itemsGroupByLevel = _ref2.itemsGroupByLevel,
       setIsLoading = _ref2.setIsLoading;
-  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)
-        )
-      )
-    )
-  );
+  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)))));
 };
 
-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,5 +88,4 @@
  * root: [testId]
  * value: [testId]_value_[props.items.id]
  */
-
 export { default } from './ScopeList';

package/es/ScopeList/styles.js

@@ -1,6 +1,5 @@
 import { makeStyles } from '@material-ui/core/styles';
 export var height = 30;
-
 export var useStyles = makeStyles(function (theme) {
   return {
     middle: {
@@ -10,7 +9,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: {
@@ -122,7 +121,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',