@sis-cc/dotstatsuite-visions 6.4.3 → 6.6.0

package/lib/ScopeList/ScopeList.js

@@ -1,78 +1,51 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
-
-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 _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-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');
+exports.__esModule = true;
+exports.default = void 0;
 
-var _Container2 = _interopRequireDefault(_Container);
+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 _NavigateBefore = require('@material-ui/icons/NavigateBefore');
+var _react = _interopRequireWildcard(require("react"));
 
-var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
+var R = _interopRequireWildcard(require("ramda"));
 
-var _NavigateNext = require('@material-ui/icons/NavigateNext');
+var _AutoSizer = _interopRequireDefault(require("react-virtualized/dist/commonjs/AutoSizer"));
 
-var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
+var _List = _interopRequireDefault(require("react-virtualized/dist/commonjs/List"));
 
-var _HourglassEmpty = require('@material-ui/icons/HourglassEmpty');
+var _core = require("@material-ui/core");
 
-var _HourglassEmpty2 = _interopRequireDefault(_HourglassEmpty);
+var _List2 = _interopRequireDefault(require("@material-ui/core/List"));
 
-var _PlaylistAddCheck = require('@material-ui/icons/PlaylistAddCheck');
+var _Container = _interopRequireDefault(require("@material-ui/core/Container"));
 
-var _PlaylistAddCheck2 = _interopRequireDefault(_PlaylistAddCheck);
+var _NavigateBefore = _interopRequireDefault(require("@material-ui/icons/NavigateBefore"));
 
-var _Selection = require('./Selection');
+var _NavigateNext = _interopRequireDefault(require("@material-ui/icons/NavigateNext"));
 
-var _Selection2 = _interopRequireDefault(_Selection);
+var _HourglassEmpty = _interopRequireDefault(require("@material-ui/icons/HourglassEmpty"));
 
-var _withScopeList = require('./with-scope-list');
+var _PlaylistAddCheck = _interopRequireDefault(require("@material-ui/icons/PlaylistAddCheck"));
 
-var _Header = require('./Header');
+var _Selection = _interopRequireDefault(require("./Selection"));
 
-var _Header2 = _interopRequireDefault(_Header);
+var _withScopeList = require("./with-scope-list");
 
-var _Item = require('./Item');
+var _Header = _interopRequireDefault(require("./Header"));
 
-var _Item2 = _interopRequireDefault(_Item);
+var _Item = _interopRequireDefault(require("./Item"));
 
-var _ = require('../');
+var _ = require("../");
 
-var _styles = require('./styles');
+var _styles = require("./styles");
 
-var _utils = require('../utils');
+var _utils = require("../utils");
 
-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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
 
 var getLevels = R.pipe(R.map(R.all(R.prop('isSelected'))), R.toPairs, R.when(R.pipe(R.length, R.equals(1)), R.always([])));
 
@@ -81,7 +54,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,
@@ -98,13 +71,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 = (0, _react.useState)(false),
@@ -116,7 +89,9 @@ 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),
@@ -136,7 +111,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(_styles.height), R.ifElse(R.gt(250), R.add(10), R.always(250)))(list);
-
   (0, _react.useEffect)(function () {
     if (!isLoading) return;
     setTimeout(function () {
@@ -146,9 +120,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)
@@ -156,206 +130,158 @@ 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 _react2.default.createElement(
-    _.ExpansionPanel,
-    _extends({
-      isOpen: R.equals(id, activePanelId),
-      id: id,
-      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
+  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
       },
-      _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)
-              }));
-            }
-          });
-        }
-      )
-    )
-  );
+      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, {
+      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)
+        }));
+      }
+    });
+  })));
 };
 
-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 _default = R.compose((0, _utils.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.withScopeList)(ScopeList);
-module.exports = exports['default'];
+
+exports.default = _default;
+module.exports = exports.default;