@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/ScopeList/Header.js

@@ -1,110 +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 _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _NavigateBefore = require('@mui/icons-material/NavigateBefore');
-
-var _NavigateBefore2 = _interopRequireDefault(_NavigateBefore);
-
-var _NavigateNext = require('@mui/icons-material/NavigateNext');
-
-var _NavigateNext2 = _interopRequireDefault(_NavigateNext);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _ = require('../');
-
-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 Header = function Header(_ref) {
-  var classes = _ref.classes,
-      changeList = _ref.changeList,
-      testId = _ref.testId,
-      isRtl = _ref.isRtl,
-      items = _ref.items,
-      labels = _ref.labels,
-      labelRenderer = _ref.labelRenderer;
-  return _react2.default.createElement(
-    _Typography2.default,
-    { className: classes.spaceHeader },
-    R.addIndex(R.map)(function (headerProps, index) {
-      var _cx;
-
-      var id = headerProps.id,
-          parentId = headerProps.parentId,
-          isSelected = headerProps.isSelected,
-          _isIcon = headerProps._isIcon;
-
-      if (_isIcon)
-        // icon between labels
-        return _react2.default.createElement(
-          _react.Fragment,
-          { key: 'scopeList-' + index },
-          isRtl ? _react2.default.createElement(_NavigateBefore2.default, { className: (0, _classnames2.default)(classes.svg, classes.arrowHeader) }) : _react2.default.createElement(_NavigateNext2.default, { className: (0, _classnames2.default)(classes.svg, classes.arrowHeader) })
-        );
-      return _react2.default.createElement(
-        _.Tooltip,
-        {
-          key: id,
-          placement: 'top',
-          variant: 'light',
-          title: R.propOr('', 'backHelper')(labels)
-        },
-        _react2.default.createElement(
-          _Typography2.default,
-          {
-            'aria-label': R.propOr('', 'backHelper')(labels) + ': ' + labelRenderer(headerProps),
-            tabIndex: 0,
-            component: 'span',
-            'data-testid': testId + '_nav_' + id,
-            color: 'primary',
-            variant: 'body2',
-            className: (0, _classnames2.default)(classes.headerItem, classes.containerItem, (_cx = {}, _cx[classes.listItemSelected] = isSelected, _cx)),
-            onClick: function onClick() {
-              return changeList(parentId);
-            },
-            onKeyPress: function onKeyPress(e) {
-              if (e.key === 'Enter') {
-                changeList(parentId);
-              }
-            }
-          },
-          labelRenderer(headerProps)
-        )
-      );
-    })(R.pipe(R.intersperse({ _isIcon: true }), R.when(R.always(isRtl), R.reverse))(items))
-  );
-};
-
-Header.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: _propTypes2.default.object,
-  changeList: _propTypes2.default.func,
-  isRtl: _propTypes2.default.bool,
-  testId: _propTypes2.default.string,
-  items: _propTypes2.default.array,
-  labels: _propTypes2.default.object,
-  labelRenderer: _propTypes2.default.func
-} : {};
-
-exports.default = Header;
-module.exports = exports['default'];

package/lib/ScopeList/Item.js

@@ -1,284 +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 _ListItem = require('@mui/material/ListItem');
-
-var _ListItem2 = _interopRequireDefault(_ListItem);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _ListItemSecondaryAction = require('@mui/material/ListItemSecondaryAction');
-
-var _ListItemSecondaryAction2 = _interopRequireDefault(_ListItemSecondaryAction);
-
-var _ListItemText = require('@mui/material/ListItemText');
-
-var _ListItemText2 = _interopRequireDefault(_ListItemText);
-
-var _IconButton = require('@mui/material/IconButton');
-
-var _IconButton2 = _interopRequireDefault(_IconButton);
-
-var _SvgIcon = require('@mui/material/SvgIcon');
-
-var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _ = require('../');
-
-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 checkBoxPath = 'M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z';
-var checkPath = 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z';
-
-// ugly hack virtualize requires
-var containerStyles = {
-  top: R.add(16),
-  left: R.dissoc('left'),
-  width: R.always(36)
-  // height: R.always(height), manage the size of the arrow box
-};
-
-var getPathLabel = function getPathLabel(labelRenderer) {
-  return R.pipe(R.map(labelRenderer), R.ifElse(R.pipe(R.length, R.flip(R.gte)(2)), R.pipe(R.last, R.concat('... > ')), R.last));
-};
-
-var Item = function Item(_ref) {
-  var _cx, _cx2, _cx3, _cx4, _cx5, _cx6;
-
-  var classes = _ref.classes,
-      id = _ref.id,
-      label = _ref.label,
-      _ref$description = _ref.description,
-      description = _ref$description === undefined ? '' : _ref$description,
-      _ref$nodePath = _ref.nodePath,
-      nodePath = _ref$nodePath === undefined ? [] : _ref$nodePath,
-      isSelected = _ref.isSelected,
-      isDisabled = _ref.isDisabled,
-      changeList = _ref.changeList,
-      changeListDescription = _ref.changeListDescription,
-      ariaLabel = _ref.ariaLabel,
-      NavigateIcon = _ref.NavigateIcon,
-      changeSelection = _ref.changeSelection,
-      changeMouseSelection = _ref.changeMouseSelection,
-      hasChild = _ref.hasChild,
-      count = _ref.count,
-      svgPath = _ref.svgPath,
-      testId = _ref.testId,
-      style = _ref.style,
-      isRtl = _ref.isRtl,
-      accessibility = _ref.accessibility,
-      index = _ref.index,
-      labelRenderer = _ref.labelRenderer,
-      HTMLRenderer = _ref.HTMLRenderer,
-      hierarchicalId = _ref.hierarchicalId,
-      labels = _ref.labels,
-      _ref$depth = _ref.depth,
-      depth = _ref$depth === undefined ? 0 : _ref$depth;
-
-  var _React$useState = _react2.default.useState(false),
-      isTooltipShown = _React$useState[0],
-      setIsTooltipShown = _React$useState[1];
-
-  return _react2.default.createElement(
-    _ListItem2.default,
-    {
-      disableGutters: true,
-      classes: { disabled: classes.disabled },
-      className: (0, _classnames2.default)(classes.listItemContainer, (_cx = {}, _cx[classes.disableSecondaryAction] = R.not(hasChild), _cx)),
-      disabled: isDisabled,
-      onClick: isDisabled ? null : changeSelection(id, index),
-      onMouseDown: R.is(Function, changeMouseSelection) && R.not(isDisabled) && !isTooltipShown ? changeMouseSelection(index, { isDown: true }) : null,
-      onMouseUp: R.is(Function, changeMouseSelection) && R.not(isDisabled) && !isTooltipShown ? changeMouseSelection(null, { isUp: true }) : null,
-      onMouseOver: R.is(Function, changeMouseSelection) && R.not(isDisabled) && !isTooltipShown ? changeMouseSelection(index, { isOver: true }) : null,
-      onKeyPress: function onKeyPress(e) {
-        if (e.key === 'Enter' && R.not(isDisabled)) {
-          changeSelection(id, index)(e);
-        }
-      },
-      tabIndex: -1,
-      style: style // virtual
-    },
-    _react2.default.createElement(_ListItemText2.default, {
-      tabIndex: 0,
-      'aria-label': isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      'aria-pressed': isSelected,
-      'aria-disabled': isDisabled,
-      primaryTypographyProps: { noWrap: true, color: 'inherit' },
-      secondaryTypographyProps: { color: 'inherit' },
-      classes: { root: classes.listItem },
-      className: (0, _classnames2.default)((_cx2 = {}, _cx2[classes.accessibilityItemHover] = accessibility, _cx2[classes.listItemSelected] = R.and(isSelected, R.not(isDisabled)), _cx2[classes.listItemHover] = R.not(isDisabled), _cx2)),
-      style: { marginLeft: depth * 20 + 'px' },
-      title: isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      primary: _react2.default.createElement(
-        'div',
-        {
-          className: (0, _classnames2.default)(classes.labelContainer, (_cx3 = {}, _cx3[classes.rtlLabelContainer] = isRtl, _cx3))
-        },
-        _react2.default.createElement(
-          _SvgIcon2.default,
-          {
-            color: 'primary',
-            className: (0, _classnames2.default)(classes.labelIcon, (_cx4 = {}, _cx4[classes.disabledLabel] = isDisabled, _cx4))
-          },
-          _react2.default.createElement('path', { d: R.and(isSelected, R.not(isDisabled)) ? checkPath : checkBoxPath })
-        ),
-        svgPath && _react2.default.createElement(
-          _SvgIcon2.default,
-          {
-            color: 'primary',
-            className: (0, _classnames2.default)(classes.labelIcon, (_cx5 = {}, _cx5[classes.disabledLabel] = isDisabled, _cx5))
-          },
-          _react2.default.createElement('path', { d: svgPath })
-        ),
-        _react2.default.createElement(
-          _.Tooltip,
-          {
-            title: R.or(R.isNil(HTMLRenderer), R.isEmpty(description)) ? description : _react2.default.createElement(HTMLRenderer, { html: description, onClick: function onClick(e) {
-                return e.stopPropagation();
-              } }),
-            enterDelay: 400,
-            tabIndex: 0,
-            'aria-label': description,
-            'aria-hidden': false,
-            placement: 'top',
-            interactive: Boolean(HTMLRenderer),
-            onOpen: function onOpen() {
-              return setIsTooltipShown(true);
-            },
-            onClose: function onClose() {
-              return setIsTooltipShown(false);
-            }
-          },
-          _react2.default.createElement(
-            _Typography2.default,
-            {
-              'data-testid': testId + '_value_' + id,
-              color: 'inherit',
-              variant: 'body2',
-              className: (0, _classnames2.default)(classes.label, (_cx6 = {}, _cx6[classes.disabledLabel] = isDisabled, _cx6[classes.tooltipNotice] = !R.isEmpty(description), _cx6))
-            },
-            label
-          )
-        ),
-        R.not(R.isNil(count)) && _react2.default.createElement(
-          _Typography2.default,
-          { variant: 'body2', className: classes.count },
-          '(',
-          count,
-          ')'
-        )
-      ),
-      secondary: _react2.default.createElement(
-        _Typography2.default,
-        {
-          title: R.join(isRtl ? ' < ' : ' > ')(R.map(labelRenderer)(nodePath)),
-          variant: 'body2',
-          className: (0, _classnames2.default)(classes.ellipsis, classes.path)
-        },
-        getPathLabel(labelRenderer)(nodePath)
-      )
-    }),
-    R.and(NavigateIcon, hasChild) && _react2.default.createElement(
-      _ListItemSecondaryAction2.default,
-      {
-        onMouseEnter: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, { isUp: true }) : null,
-        style: _extends({}, R.evolve(containerStyles, style), {
-          left: isRtl && 0,
-          right: R.not(isRtl) && 0,
-          outline: accessibility ? undefined : 'none'
-        }),
-        className: classes.containerArrow,
-        tabIndex: 0,
-        onClick: function onClick() {
-          return changeList(hierarchicalId || id);
-        },
-        onKeyPress: function onKeyPress(e) {
-          if (e.key === 'Enter') {
-            changeList(id);
-          }
-        }
-      },
-      _react2.default.createElement(
-        _.Tooltip,
-        {
-          title: changeListDescription || '',
-          tabIndex: 0,
-          'aria-label': changeListDescription,
-          'aria-hidden': false,
-          placement: 'top',
-          variant: 'light'
-        },
-        _react2.default.createElement(
-          _IconButton2.default,
-          {
-            disableRipple: true,
-            disableFocusRipple: true,
-            className: classes.arrow,
-            'aria-label': ariaLabel,
-            tabIndex: -1,
-            size: 'small',
-            color: 'inherit'
-          },
-          _react2.default.createElement(NavigateIcon, null)
-        )
-      )
-    )
-  );
-};
-
-Item.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: _propTypes2.default.object,
-  id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
-  label: _propTypes2.default.string,
-  description: _propTypes2.default.string,
-  parentId: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
-  nodePath: _propTypes2.default.array,
-  ariaLabel: _propTypes2.default.string,
-  NavigateIcon: _propTypes2.default.object,
-  isSelected: _propTypes2.default.bool,
-  isDisabled: _propTypes2.default.bool,
-  hasChild: _propTypes2.default.bool,
-  isSection: _propTypes2.default.bool,
-  changeList: _propTypes2.default.func,
-  changeListDescription: _propTypes2.default.string,
-  changeSelection: _propTypes2.default.func,
-  changeMouseSelection: _propTypes2.default.func,
-  count: _propTypes2.default.number,
-  svgPath: _propTypes2.default.string,
-  style: _propTypes2.default.object,
-  isRtl: _propTypes2.default.bool,
-  testId: _propTypes2.default.string,
-  accessibility: _propTypes2.default.bool,
-  index: _propTypes2.default.number,
-  labelRenderer: _propTypes2.default.func,
-  HTMLRenderer: _propTypes2.default.func,
-  hierarchicalId: _propTypes2.default.string,
-  labels: _propTypes2.default.object,
-  depth: _propTypes2.default.number
-} : {};
-
-exports.default = Item;
-module.exports = exports['default'];