@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/ScopeList/ScopeList.js

@@ -1,377 +0,0 @@
-'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 _AutoSizer = require('react-virtualized/dist/commonjs/AutoSizer');
-
-var _AutoSizer2 = _interopRequireDefault(_AutoSizer);
-
-var _List = require('react-virtualized/dist/commonjs/List');
-
-var _List2 = _interopRequireDefault(_List);
-
-var _material = require('@mui/material');
-
-var _List3 = require('@mui/material/List');
-
-var _List4 = _interopRequireDefault(_List3);
-
-var _Container = require('@mui/material/Container');
-
-var _Container2 = _interopRequireDefault(_Container);
-
-var _NavigateBefore = require('@mui/icons-material/NavigateBefore');
-
-var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
-
-var _NavigateNext = require('@mui/icons-material/NavigateNext');
-
-var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
-
-var _HourglassEmpty = require('@mui/icons-material/HourglassEmpty');
-
-var _HourglassEmpty2 = _interopRequireDefault(_HourglassEmpty);
-
-var _PlaylistAddCheck = require('@mui/icons-material/PlaylistAddCheck');
-
-var _PlaylistAddCheck2 = _interopRequireDefault(_PlaylistAddCheck);
-
-var _Selection = require('./Selection');
-
-var _Selection2 = _interopRequireDefault(_Selection);
-
-var _withScopeList = require('./with-scope-list');
-
-var _Header = require('./Header');
-
-var _Header2 = _interopRequireDefault(_Header);
-
-var _Item = require('./Item');
-
-var _Item2 = _interopRequireDefault(_Item);
-
-var _ = require('../');
-
-var _styles = require('./styles');
-
-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 _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([])));
-
-var ScopeList = function ScopeList(props) {
-  var id = props.id,
-      items = props.items,
-      itemsById = props.itemsById,
-      _props$list = props.list,
-      list = _props$list === undefined ? [] : _props$list,
-      currentItem = props.currentItem,
-      changeList = props.changeList,
-      changeSelection = props.changeSelection,
-      changeMutliSelection = props.changeMutliSelection,
-      changeLevelSelection = props.changeLevelSelection,
-      onChangeActivePanel = props.onChangeActivePanel,
-      activePanelId = props.activePanelId,
-      TopElementComponent = props.TopElementComponent,
-      topElementProps = props.topElementProps,
-      Tag = props.Tag,
-      tagValue = props.tagValue,
-      testId = props.testId,
-      isBlank = props.isBlank,
-      labels = props.labels,
-      accessibility = props.accessibility,
-      _props$expansionPanel = props.expansionPanelProps,
-      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 === undefined ? R.prop('label') : _props$labelRenderer,
-      disableAccessor = props.disableAccessor,
-      HTMLRenderer = props.HTMLRenderer;
-
-  var _useState = (0, _react.useState)(false),
-      isMenuOpen = _useState[0],
-      setIsMenuOpen = _useState[1];
-
-  var _useState2 = (0, _react.useState)(undefined),
-      scrollTop = _useState2[0],
-      setScrollTop = _useState2[1];
-
-  var ref = (0, _react.useRef)();
-  var classes = (0, _styles.useStyles)();
-  var theme = (0, _material.useTheme)();
-
-  var _useState3 = (0, _react.useState)(false),
-      isLoading = _useState3[0],
-      setIsLoading = _useState3[1];
-
-  var _useState4 = (0, _react.useState)([]),
-      levels = _useState4[0],
-      setLevels = _useState4[1];
-
-  var _useState5 = (0, _react.useState)({}),
-      itemGroupByLevel = _useState5[0],
-      setItemGroupByLevel = _useState5[1];
-
-  var isRtl = (0, _utils.getIsRtl)(theme);
-  var Chip = R.isNil(Tag) ? _.Tag : Tag;
-  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 () {
-      var itemGroupByLevel = (0, _withScopeList.getItemsGroupByLevel)(disableAccessor)(itemsById)(items);
-      R.pipe(getLevels, setLevels)(itemGroupByLevel);
-      setItemGroupByLevel(itemGroupByLevel);
-      setIsLoading(false);
-    }, 0);
-  }, [isLoading, items, itemsById, disableAccessor]);
-
-  (0, _react.useEffect)(function () {
-    var scrollEl = R.path(['children', 0, 'children', 0], ref.current);
-    if (scrollEl) {
-      setScrollTop(0);
-    }
-  }, [R.prop('id', R.last(currentItem || []))]);
-
-  (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)
-        // ReactVirtualized__Grid ReactVirtualized__List made the scrollbar
-        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 || scrollEl.scrollTop) + 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 (scrollTop === 0) {
-      setScrollTop(undefined);
-    }
-    if (R.isNil(current)) return;
-
-    current.addEventListener('wheel', handler, { passive: false });
-    return function () {
-      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
-      },
-      _react2.default.createElement(
-        _AutoSizer2.default,
-        null,
-        function (_ref) {
-          var height = _ref.height,
-              width = _ref.width;
-          return _react2.default.createElement(_List2.default, {
-            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({
-                HTMLRenderer: HTMLRenderer,
-                labelRenderer: labelRenderer,
-                index: index,
-                style: style,
-                testId: testId + '_' + id,
-                key: item.hierarchicalId || item.id,
-                classes: classes,
-                isRtl: isRtl,
-                changeList: changeList,
-                changeListDescription: labels.childrenNavigateDesc,
-                changeSelection: changeSelection,
-                changeMouseSelection: changeMouseSelection,
-                ariaLabel: R.prop('navigateNext')(labels),
-                NavigateIcon: isRtl ? _NavigateBefore2.default : _NavigateNext2.default,
-                accessibility: accessibility,
-                labels: labels
-              }, 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({
-    childrenNavigateDesc: _propTypes2.default.string,
-    navigateNext: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-    backHelper: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-    disableItemLabel: _propTypes2.default.string,
-    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,
-  HTMLRenderer: _propTypes2.default.func
-} : {};
-
-exports.default = R.compose((0, _utils.withBlank)(function (_ref3) {
-  var _ref3$items = _ref3.items,
-      items = _ref3$items === undefined ? [] : _ref3$items,
-      isBlank = _ref3.isBlank;
-  return { isBlank: R.or(R.isEmpty(items), isBlank) };
-}), _withScopeList.withScopeList)(ScopeList);
-module.exports = exports['default'];

package/lib/ScopeList/Selection.js

@@ -1,170 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-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 _List = require('@mui/material/List');
-
-var _List2 = _interopRequireDefault(_List);
-
-var _ListItem = require('@mui/material/ListItem');
-
-var _ListItem2 = _interopRequireDefault(_ListItem);
-
-var _ListItemText = require('@mui/material/ListItemText');
-
-var _ListItemText2 = _interopRequireDefault(_ListItemText);
-
-var _Collapse = require('@mui/material/Collapse');
-
-var _Collapse2 = _interopRequireDefault(_Collapse);
-
-var _Paper = require('@mui/material/Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _Divider = require('@mui/material/Divider');
-
-var _Divider2 = _interopRequireDefault(_Divider);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var CustomListItem = function CustomListItem(_ref) {
-  var _cx;
-
-  var label = _ref.label,
-      classes = _ref.classes,
-      action = _ref.action,
-      isSelected = _ref.isSelected;
-  return _react2.default.createElement(
-    _ListItem2.default,
-    {
-      dense: true,
-      button: true,
-      onClick: function onClick(e) {
-        return action(e);
-      },
-      onKeyPress: function onKeyPress(e) {
-        if (e.key === 'Enter') {
-          action(e);
-        }
-      },
-      className: (0, _classnames2.default)(classes.listItemContainer, (_cx = {}, _cx[classes.listItemSelected] = isSelected, _cx))
-    },
-    _react2.default.createElement(_ListItemText2.default, {
-      primary: label,
-      primaryTypographyProps: {
-        color: 'primary',
-        variant: 'body2'
-      }
-    })
-  );
-};
-
-CustomListItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: _propTypes2.default.object,
-  label: _propTypes2.default.string,
-  action: _propTypes2.default.func,
-  isSelected: _propTypes2.default.bool
-} : {};
-
-var Selection = function Selection(_ref2) {
-  var id = _ref2.id,
-      labels = _ref2.labels,
-      isOpen = _ref2.isOpen,
-      classes = _ref2.classes,
-      changeMutliSelection = _ref2.changeMutliSelection,
-      changeLevelSelection = _ref2.changeLevelSelection,
-      isCurrentListAllSelected = _ref2.isCurrentListAllSelected,
-      levels = _ref2.levels,
-      itemsGroupByLevel = _ref2.itemsGroupByLevel,
-      setIsLoading = _ref2.setIsLoading;
-  return _react2.default.createElement(
-    _Collapse2.default,
-    { 'in': isOpen },
-    _react2.default.createElement(
-      _Paper2.default,
-      { elevation: 2 },
-      _react2.default.createElement(
-        'div',
-        { className: classes.selectionContainer },
-        _react2.default.createElement(
-          _List2.default,
-          null,
-          _react2.default.createElement(
-            _ListItem2.default,
-            { dense: true },
-            _react2.default.createElement(
-              _Typography2.default,
-              { variant: 'body2' },
-              R.prop('title')(labels)
-            )
-          ),
-          _react2.default.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)) && _react2.default.createElement(_Divider2.default, null),
-          R.map(function (_ref3) {
-            var level = _ref3[0],
-                isLevelSelected = _ref3[1];
-            return _react2.default.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: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired,
-  labels: _propTypes2.default.object,
-  isOpen: _propTypes2.default.bool,
-  classes: _propTypes2.default.object,
-  changeMutliSelection: _propTypes2.default.func,
-  changeLevelSelection: _propTypes2.default.func,
-  isCurrentListAllSelected: _propTypes2.default.bool,
-  levels: _propTypes2.default.array,
-  itemsGroupByLevel: _propTypes2.default.object,
-  setIsLoading: _propTypes2.default.func
-} : {};
-
-exports.default = Selection;
-module.exports = exports['default'];

package/lib/ScopeList/index.deprecated.js

@@ -1,16 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _ScopeList = require('./ScopeList');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_ScopeList).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-module.exports = exports['default'];

package/lib/ScopeList/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _ScopeList = require('./ScopeList');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_ScopeList).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-module.exports = exports['default'];