@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/lib/ScopeList/ScopeList.js

@@ -1,51 +1,78 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("/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; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _AutoSizer = require('react-virtualized/dist/commonjs/AutoSizer');
+
+var _AutoSizer2 = _interopRequireDefault(_AutoSizer);
+
+var _List = require('react-virtualized/dist/commonjs/List');
+
+var _List2 = _interopRequireDefault(_List);
+
+var _core = require('@material-ui/core');
+
+var _List3 = require('@material-ui/core/List');
+
+var _List4 = _interopRequireDefault(_List3);
+
+var _Container = require('@material-ui/core/Container');
+
+var _Container2 = _interopRequireDefault(_Container);
 
-var _react = _interopRequireWildcard(require("react"));
+var _NavigateBefore = require('@material-ui/icons/NavigateBefore');
 
-var R = _interopRequireWildcard(require("ramda"));
+var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
 
-var _AutoSizer = _interopRequireDefault(require("react-virtualized/dist/commonjs/AutoSizer"));
+var _NavigateNext = require('@material-ui/icons/NavigateNext');
 
-var _List = _interopRequireDefault(require("react-virtualized/dist/commonjs/List"));
+var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
 
-var _core = require("@material-ui/core");
+var _HourglassEmpty = require('@material-ui/icons/HourglassEmpty');
 
-var _List2 = _interopRequireDefault(require("@material-ui/core/List"));
+var _HourglassEmpty2 = _interopRequireDefault(_HourglassEmpty);
 
-var _Container = _interopRequireDefault(require("@material-ui/core/Container"));
+var _PlaylistAddCheck = require('@material-ui/icons/PlaylistAddCheck');
 
-var _NavigateBefore = _interopRequireDefault(require("@material-ui/icons/NavigateBefore"));
+var _PlaylistAddCheck2 = _interopRequireDefault(_PlaylistAddCheck);
 
-var _NavigateNext = _interopRequireDefault(require("@material-ui/icons/NavigateNext"));
+var _Selection = require('./Selection');
 
-var _HourglassEmpty = _interopRequireDefault(require("@material-ui/icons/HourglassEmpty"));
+var _Selection2 = _interopRequireDefault(_Selection);
 
-var _PlaylistAddCheck = _interopRequireDefault(require("@material-ui/icons/PlaylistAddCheck"));
+var _withScopeList = require('./with-scope-list');
 
-var _Selection = _interopRequireDefault(require("./Selection"));
+var _Header = require('./Header');
 
-var _withScopeList = require("./with-scope-list");
+var _Header2 = _interopRequireDefault(_Header);
 
-var _Header = _interopRequireDefault(require("./Header"));
+var _Item = require('./Item');
 
-var _Item = _interopRequireDefault(require("./Item"));
+var _Item2 = _interopRequireDefault(_Item);
 
-var _ = require("../");
+var _ = require('../');
 
-var _styles = require("./styles");
+var _styles = require('./styles');
 
-var _utils = require("../utils");
+var _utils = require('../utils');
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var getLevels = R.pipe(R.map(R.all(R.prop('isSelected'))), R.toPairs, R.when(R.pipe(R.length, R.equals(1)), R.always([])));
 
@@ -54,7 +81,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,
@@ -71,13 +98,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 = (0, _react.useState)(false),
@@ -89,9 +116,7 @@ var ScopeList = function ScopeList(props) {
       setScrollTop = _useState2[1];
 
   var ref = (0, _react.useRef)();
-  var classes = (0, _styles.useStyles)({
-    accessibility: accessibility
-  });
+  var classes = (0, _styles.useStyles)({ accessibility: accessibility });
   var theme = (0, _core.useTheme)();
 
   var _useState3 = (0, _react.useState)(false),
@@ -111,6 +136,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(_styles.height), R.ifElse(R.gt(250), R.add(10), R.always(250)))(list);
+
   (0, _react.useEffect)(function () {
     if (!isLoading) return;
     setTimeout(function () {
@@ -120,9 +146,9 @@ var ScopeList = function ScopeList(props) {
       setIsLoading(false);
     }, 0);
   }, [isLoading, items, itemsById, disableAccessor]);
+
   (0, _react.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)
@@ -130,158 +156,206 @@ 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.default.createElement(_.ExpansionPanel, (0, _extends2.default)({
-    isOpen: R.equals(id, activePanelId),
-    id: id,
-    testId: "" + testId,
-    label: labelRenderer(props),
-    onChangeActivePanel: onChangeActivePanel,
-    overflow: true,
-    topElementComponent: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, TopElementComponent && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Container.default, {
-      disableGutters: true,
-      className: classes.spotlightContainer
-    }, /*#__PURE__*/_react.default.createElement(TopElementComponent, (0, _extends2.default)({
-      className: {
-        container: classes.middle
-      }
-    }, topElementProps, props)), bulkSelection && /*#__PURE__*/_react.default.createElement(_.Tooltip, {
-      key: id,
-      placement: "bottom",
-      variant: "light",
-      title: R.prop('title')(selectionLabels)
-    }, /*#__PURE__*/_react.default.createElement(_.VerticalButton, {
-      "aria-label": R.prop('title')(selectionLabels),
-      classes: {
-        root: classes.bulkSelectionIcon
-      },
-      onClick: handleMenu,
-      selected: isMenuOpen
-    }, isLoading ? /*#__PURE__*/_react.default.createElement(_HourglassEmpty.default, {
-      size: 24,
-      color: "primary"
-    }) : /*#__PURE__*/_react.default.createElement(_PlaylistAddCheck.default, {
-      color: "primary"
-    })))), bulkSelection && /*#__PURE__*/_react.default.createElement(_Selection.default, {
+  return _react2.default.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.default.createElement("div", {
-      className: classes.containerHeader
-    }, /*#__PURE__*/_react.default.createElement(_Header.default, {
-      testId: testId,
-      classes: classes,
-      isRtl: isRtl,
-      changeList: changeList,
-      accessibility: accessibility,
-      items: currentItem,
-      labels: labels,
-      labelRenderer: labelRenderer
-    }))),
-    tag: /*#__PURE__*/_react.default.createElement(Chip, {
-      items: list
-    }, tagValue),
-    isBlank: isBlank
-  }, expansionPanelProps), /*#__PURE__*/_react.default.createElement(_List2.default, {
-    disablePadding: true,
-    style: {
-      height: maxHeight
-    },
-    onKeyUp: changeMultiSelectionKeyUp,
-    onMouseLeave: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, {
-      isUp: true
-    }) : null,
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_AutoSizer.default, null, function (_ref) {
-    var height = _ref.height,
-        width = _ref.width;
-    return /*#__PURE__*/_react.default.createElement(_List.default, {
-      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)(_styles.height) // 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.default.createElement(_Item.default, (0, _extends2.default)({
-          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.default : _NavigateNext.default,
-          accessibility: accessibility
-        }, item, {
-          isDisabled: disableAccessor(item),
-          label: labelRenderer(item)
-        }));
-      }
-    });
-  })));
+      testId: '' + testId,
+      label: labelRenderer(props),
+      onChangeActivePanel: onChangeActivePanel,
+      overflow: true,
+      topElementComponent: _react2.default.createElement(
+        _react.Fragment,
+        null,
+        TopElementComponent && _react2.default.createElement(
+          _react.Fragment,
+          null,
+          _react2.default.createElement(
+            _Container2.default,
+            { disableGutters: true, className: classes.spotlightContainer },
+            _react2.default.createElement(TopElementComponent, _extends({
+              className: { container: classes.middle }
+            }, topElementProps, props)),
+            bulkSelection && _react2.default.createElement(
+              _.Tooltip,
+              {
+                key: id,
+                placement: 'bottom',
+                variant: 'light',
+                title: R.prop('title')(selectionLabels)
+              },
+              _react2.default.createElement(
+                _.VerticalButton,
+                {
+                  'aria-label': R.prop('title')(selectionLabels),
+                  classes: { root: classes.bulkSelectionIcon },
+                  onClick: handleMenu,
+                  selected: isMenuOpen
+                },
+                isLoading ? _react2.default.createElement(_HourglassEmpty2.default, { size: 24, color: 'primary' }) : _react2.default.createElement(_PlaylistAddCheck2.default, { color: 'primary' })
+              )
+            )
+          ),
+          bulkSelection && _react2.default.createElement(_Selection2.default, {
+            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 && _react2.default.createElement(
+          'div',
+          { className: classes.containerHeader },
+          _react2.default.createElement(_Header2.default, {
+            testId: testId,
+            classes: classes,
+            isRtl: isRtl,
+            changeList: changeList,
+            accessibility: accessibility,
+            items: currentItem,
+            labels: labels,
+            labelRenderer: labelRenderer
+          })
+        )
+      ),
+      tag: _react2.default.createElement(
+        Chip,
+        { items: list },
+        tagValue
+      ),
+      isBlank: isBlank
+    }, expansionPanelProps),
+    _react2.default.createElement(
+      _List4.default,
+      {
+        disablePadding: true,
+        style: { height: maxHeight },
+        onKeyUp: changeMultiSelectionKeyUp,
+        onMouseLeave: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, { isUp: true }) : null,
+        ref: ref
+      },
+      _react2.default.createElement(
+        _AutoSizer2.default,
+        null,
+        function (_ref) {
+          var height = _ref.height,
+              width = _ref.width;
+          return _react2.default.createElement(_List2.default, {
+            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)(_styles.height) // 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 _react2.default.createElement(_Item2.default, _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 ? _NavigateBefore2.default : _NavigateNext2.default,
+                accessibility: accessibility
+              }, item, {
+                isDisabled: disableAccessor(item),
+                label: labelRenderer(item)
+              }));
+            }
+          });
+        }
+      )
+    )
+  );
 };
 
-var _default = R.compose((0, _utils.withBlank)(function (_ref3) {
+ScopeList.propTypes = process.env.NODE_ENV !== "production" ? {
+  testId: _propTypes2.default.string,
+  accessibility: _propTypes2.default.bool,
+  bulkSelection: _propTypes2.default.bool,
+  id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired,
+  list: _propTypes2.default.array,
+  currentItem: _propTypes2.default.array,
+  classes: _propTypes2.default.object,
+  changeList: _propTypes2.default.func,
+  changeSelection: _propTypes2.default.func,
+  changeMutliSelection: _propTypes2.default.func,
+  changeLevelSelection: _propTypes2.default.func,
+  changeMultiSelectionKeyUp: _propTypes2.default.func,
+  changeMouseSelection: _propTypes2.default.func,
+  onChangeActivePanel: _propTypes2.default.func,
+  activePanelId: _propTypes2.default.string,
+  TopElementComponent: _propTypes2.default.func,
+  topElementProps: _propTypes2.default.object,
+  Tag: _propTypes2.default.func,
+  tagValue: _propTypes2.default.node,
+  isBlank: _propTypes2.default.bool,
+  isCurrentListAllSelected: _propTypes2.default.bool,
+  labels: _propTypes2.default.shape({
+    navigateNext: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    backHelper: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+    selection: _propTypes2.default.shape({
+      title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+      currentLevel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+      level: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
+    })
+  }),
+  expansionPanelProps: _propTypes2.default.object,
+  labelRenderer: _propTypes2.default.func,
+  disableAccessor: _propTypes2.default.func,
+  items: _propTypes2.default.array,
+  itemsById: _propTypes2.default.object
+} : {};
+
+exports.default = R.compose((0, _utils.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.withScopeList)(ScopeList);
-
-exports.default = _default;
-module.exports = exports.default;
+module.exports = exports['default'];