@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/lib/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -1,658 +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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _utils = require('../VirtualizedTree/utils');
-
-var _Button = require('@mui/material/Button');
-
-var _Button2 = _interopRequireDefault(_Button);
-
-var _Dialog = require('@mui/material/Dialog');
-
-var _Dialog2 = _interopRequireDefault(_Dialog);
-
-var _DialogTitle = require('@mui/material/DialogTitle');
-
-var _DialogTitle2 = _interopRequireDefault(_DialogTitle);
-
-var _DialogContent = require('@mui/material/DialogContent');
-
-var _DialogContent2 = _interopRequireDefault(_DialogContent);
-
-var _DialogActions = require('@mui/material/DialogActions');
-
-var _DialogActions2 = _interopRequireDefault(_DialogActions);
-
-var _Paper = require('@mui/material/Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-var _Grid = require('@mui/material/Grid');
-
-var _Grid2 = _interopRequireDefault(_Grid);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _Close = require('@mui/icons-material/Close');
-
-var _Close2 = _interopRequireDefault(_Close);
-
-var _reactDraggable = require('react-draggable');
-
-var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
-
-var _ = require('..');
-
-var _withExpansionTree = require('../VirtualizedTree/withExpansionTree');
-
-var _withSpotlight = require('../VirtualizedTree/withSpotlight');
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _EmojiObjects = require('@mui/icons-material/EmojiObjects');
-
-var _EmojiObjects2 = _interopRequireDefault(_EmojiObjects);
-
-var _singleSelection = require('./images/single-selection.png');
-
-var _singleSelection2 = _interopRequireDefault(_singleSelection);
-
-var _childrenSelection = require('./images/children-selection.png');
-
-var _childrenSelection2 = _interopRequireDefault(_childrenSelection);
-
-var _branchSelection = require('./images/branch-selection.png');
-
-var _branchSelection2 = _interopRequireDefault(_branchSelection);
-
-var _levelSelection = require('./images/level-selection.png');
-
-var _levelSelection2 = _interopRequireDefault(_levelSelection);
-
-var _Divider = require('@mui/material/Divider');
-
-var _Divider2 = _interopRequireDefault(_Divider);
-
-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 }; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-var PaperComponent = function PaperComponent(props) {
-  return _react2.default.createElement(
-    _reactDraggable2.default,
-    { handle: '#draggable-dialog-title', cancel: '[class*="MuiDialogContent-root"]' },
-    _react2.default.createElement(_Paper2.default, _extends({ style: { minWidth: '75%', height: '75%' } }, props))
-  );
-};
-
-var useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    header: {
-      color: 'black',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      width: '100%'
-    },
-    headerLabel: {
-      fontSize: '16px',
-      fontFamily: 'PT Sans Narrow',
-      fontWeight: '700',
-      color: theme.palette.grey[700]
-    },
-    selectionTitle: {
-      fontSize: '12px',
-      fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
-      fontWeight: '500',
-      color: theme.palette.grey['A700']
-    },
-    closeButton: {
-      color: 'grey !important',
-      padding: 0
-    },
-    selectMode: {
-      marginLeft: 10,
-      '& .MuiInputBase-root': {
-        height: 32
-      }
-    },
-    narrowTop: {
-      flexDirection: 'column',
-      alignItems: 'flex-start'
-    },
-    spotlight: { width: '45%' },
-    selection: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    narrowSpotlight: { width: '100%' },
-    selectionButton: {
-      marginLeft: 24,
-      marginRight: 15,
-      height: 32
-    },
-    narrowSelectionButton: {
-      height: 32,
-      marginTop: 15,
-      marginRight: 10
-    },
-    selectionMenu: {
-      width: '50%',
-      maxHeight: '100%',
-      position: 'absolute',
-      top: 110,
-      right: 48,
-      zIndex: 1
-    },
-    narrowSelectionMenu: {
-      width: '100%'
-    },
-    selectModeContainer: {
-      display: 'flex',
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    },
-    selectButton: {
-      color: theme.palette.primary.main,
-      '&:hover': {
-        color: theme.palette.primary.main,
-        backgroundColor: theme.palette.action.hover
-      }
-    },
-    selectModeItem: {
-      boxShadow: 'none',
-      display: 'flex',
-      backgroundColor: 'transparent',
-      flexDirection: 'row-reverse',
-      alignItems: 'center',
-      '& p': {
-        paddingLeft: '5px',
-        fontSize: '12px',
-        fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif",
-        color: theme.palette.primary.main,
-        fontWeight: '500',
-        lineHeight: 1.43,
-        textAlign: 'left'
-      },
-      '& img': {
-        width: 21,
-        height: 24
-      }
-    },
-    hint: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      marginRight: 7,
-      color: theme.palette.primary.main
-    },
-    divider: {
-      backgroundColor: theme.palette.primary.light
-    },
-    actions: {
-      justifyContent: 'flex-end'
-    },
-    ellipsis: {
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
-    tooltip: {
-      backgroundColor: theme.palette.action.hover
-    },
-    subheader: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'flex-start',
-      justifyContent: 'space-between'
-    },
-    narrowHeader: {
-      alignItems: 'flex-start'
-    }
-  };
-});
-
-var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
-  var _cx, _cx2, _cx3, _cx4;
-
-  var id = props.id,
-      title = props.title,
-      items = props.items,
-      labelRenderer = props.labelRenderer,
-      onClose = props.onClose,
-      changeSelection = props.changeSelection,
-      isOpen = props.isOpen,
-      isNarrow = props.isNarrow,
-      labels = props.labels,
-      _props$disableAccesso = props.disableAccessor,
-      disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
-      expandAll = props.expandAll,
-      collapseAll = props.collapseAll,
-      spotlight = props.spotlight,
-      setSpotlight = props.setSpotlight,
-      expandedIds = props.expandedIds,
-      allItems = props.allItems,
-      rest = _objectWithoutProperties(props, ['id', 'title', 'items', 'labelRenderer', 'onClose', 'changeSelection', 'isOpen', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'spotlight', 'setSpotlight', 'expandedIds', 'allItems']);
-
-  var _useState = (0, _react.useState)('single'),
-      selectionMode = _useState[0],
-      setSelectionMode = _useState[1];
-
-  var _useState2 = (0, _react.useState)({}),
-      selection = _useState2[0],
-      setSelection = _useState2[1];
-
-  var classes = useStyles();
-
-  var _useState3 = (0, _react.useState)(0),
-      height = _useState3[0],
-      setHeight = _useState3[1];
-
-  var getTotal = function getTotal(items, spotlightAcc) {
-    var itemsIds = R.pluck('id', items);
-    var total = R.pipe(R.uniq, R.length)(itemsIds);
-    if (R.is(Function, spotlightAcc)) {
-      return spotlightAcc(total);
-    }
-    return total;
-  };
-  var measureRef = _react2.default.useCallback(function (node) {
-    if (node !== null) {
-      setHeight(node.getBoundingClientRect().height * 75 / 100);
-    }
-  });
-
-  var listHeight = height - 220;
-  var selectionItems = R.map(function (item) {
-    return _extends({}, item, {
-      isSelected: R.has(item.id, selection) ? !item.isSelected : !!item.isSelected
-    });
-  }, items);
-  var indexedFilteredItems = R.indexBy(_utils.getHierarchicalId, selectionItems);
-
-  var selectionOptions = [[{
-    value: 'single',
-    label: R.prop('singleSelection', labels),
-    img: _singleSelection2.default
-  }, {
-    value: 'children',
-    label: R.prop('childrenSelection', labels),
-    img: _childrenSelection2.default
-  }], [{
-    value: 'branch',
-    label: R.prop('branchSelection', labels),
-    img: _branchSelection2.default
-  }, {
-    value: 'level',
-    label: R.prop('levelSelection', labels),
-    img: _levelSelection2.default
-  }]];
-
-  var _allGroupedItems = R.pipe(R.map(function (item) {
-    return _extends({}, item, {
-      isSelected: R.has(item.id, selection) ? !item.isSelected : !!item.isSelected
-    });
-  }), R.groupBy(R.propOr('#ROOT', 'parentId')))(allItems);
-
-  var isChildInSelectionScope = function isChildInSelectionScope(child, ancestor) {
-    if (!R.has((0, _utils.getHierarchicalId)(child), indexedFilteredItems)) {
-      return false;
-    }
-    if (selectionMode === 'single' || selectionMode === 'level') {
-      return false;
-    }
-    if (selectionMode === 'children') {
-      return child.parentId === (0, _utils.getHierarchicalId)(ancestor);
-    }
-    return true;
-  };
-
-  var _disableAccessor = (0, _utils.getEvolvedDisableAccessor)(_allGroupedItems, disableAccessor, isChildInSelectionScope);
-
-  var isDisabled = function isDisabled(item) {
-    return R.is(Function, disableAccessor) ? disableAccessor(item) : false;
-  };
-  var scopeGetter = R.prop(selectionMode, _utils.getScopeGetters);
-
-  var onChangeSelection = function onChangeSelection(ids) {
-    var nextSelection = R.reduce(function (acc, id) {
-      return R.has(id, acc) ? R.dissoc(id, acc) : R.assoc(id, id, acc);
-    }, selection, ids);
-    setSelection(nextSelection);
-  };
-  var handleSubmit = function handleSubmit() {
-    changeSelection(id, R.values(selection), { expandedIds: expandedIds, spotlight: spotlight });
-    setSelection({});
-    setSpotlight({ term: '' });
-  };
-  var rejectonlyDisabledItems = function rejectonlyDisabledItems(item) {
-    return _disableAccessor(item);
-  };
-  var getSelectedItems = function getSelectedItems(item) {
-    return R.propOr(false, 'isSelected')(item);
-  };
-
-  var selectAll = function selectAll() {
-    var imposedIds = R.reduce(function (acc, item) {
-      return R.uniq(R.concat(R.propOr([], 'imposedIds', item), acc));
-    }, [])(items);
-    var ids = R.pluck('id', R.reject(getSelectedItems, R.reject(rejectonlyDisabledItems, items)));
-    var allIds = R.concat(imposedIds, ids);
-    var nextSelection = R.reduce(function (acc, id) {
-      return R.has(id, acc) ? acc : R.assoc(id, id, acc);
-    }, {}, allIds);
-    setSelection(nextSelection);
-  };
-
-  var deselectAll = function deselectAll() {
-    var itemIds = R.pipe(R.filter(getSelectedItems), R.pluck('id'))(items);
-    var ids = R.difference(itemIds, selection);
-    var nextSelection = R.reduce(function (acc, id) {
-      return R.has(id, acc) ? acc : R.assoc(id, id, acc);
-    }, {}, ids);
-    setSelection(nextSelection);
-  };
-  var mapIndexed = R.addIndex(R.map);
-  return _react2.default.createElement(
-    _Dialog2.default,
-    {
-      open: isOpen,
-      PaperComponent: PaperComponent,
-      'aria-labelledby': 'draggable-dialog-title',
-      onClose: onClose,
-      ref: measureRef,
-      'aria-modal': true,
-      maxWidth: 'md',
-      fullWidth: true
-    },
-    _react2.default.createElement(
-      _DialogTitle2.default,
-      { style: { cursor: 'move' }, id: 'draggable-dialog-title' },
-      _react2.default.createElement(
-        'div',
-        { className: (0, _classnames2.default)(classes.header, (_cx = {}, _cx[classes.narrowHeader] = isNarrow, _cx)) },
-        _react2.default.createElement(
-          'div',
-          { className: isNarrow ? classes.subheader : classes.header },
-          _react2.default.createElement(
-            'div',
-            { className: classes.headerLabel, 'aria-label': title },
-            '\xA0',
-            title
-          ),
-          _react2.default.createElement(
-            'div',
-            { className: (0, _classnames2.default)(classes.selectModeContainer, (_cx2 = {}, _cx2[classes.narrowHeader] = isNarrow, _cx2)) },
-            _react2.default.createElement(
-              'div',
-              { className: classes.hint },
-              _react2.default.createElement(
-                _.Tooltip,
-                {
-                  role: 'tooltip',
-                  variant: 'light',
-                  title: _react2.default.createElement(
-                    _Typography2.default,
-                    { variant: 'body2' },
-                    R.prop('hint', labels)
-                  ),
-                  'aria-label': R.prop('hint', labels),
-                  tabIndex: 0
-                },
-                _react2.default.createElement(
-                  _Button2.default,
-                  null,
-                  _react2.default.createElement(_EmojiObjects2.default, null)
-                )
-              ),
-              _react2.default.createElement(
-                _Typography2.default,
-                {
-                  className: classes.selectionTitle,
-                  'aria-label': R.prop('selectionMode', labels),
-                  tabIndex: 0
-                },
-                R.prop('selectionMode', labels)
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              {
-                className: (0, _classnames2.default)(classes.selectModeContainer, (_cx3 = {}, _cx3[classes.narrowHeader] = isNarrow, _cx3))
-              },
-              mapIndexed(function (el, index) {
-                return _react2.default.createElement(
-                  'div',
-                  { key: index },
-                  R.map(function (_ref) {
-                    var value = _ref.value,
-                        label = _ref.label,
-                        img = _ref.img;
-                    return _react2.default.createElement(
-                      _.Tooltip,
-                      {
-                        key: value,
-                        classes: { tooltip: classes.tooltip },
-                        title: _react2.default.createElement('img', {
-                          style: { width: '72px', height: '90px' },
-                          src: img,
-                          alt: value
-                        }),
-                        tabIndex: -1
-                      },
-                      _react2.default.createElement(
-                        _.Button,
-                        {
-                          className: classes.selectButton,
-                          selected: value === selectionMode,
-                          onClick: function onClick() {
-                            setSelectionMode(value);
-                          },
-                          'aria-pressed': value === selectionMode,
-                          'aria-label': label,
-                          tabIndex: 0
-                        },
-                        _react2.default.createElement(
-                          _Paper2.default,
-                          { elevation: 0, className: classes.selectModeItem, key: value },
-                          _react2.default.createElement(
-                            _Typography2.default,
-                            null,
-                            label
-                          ),
-                          !R.isNil(img) && R.is(String, img) && _react2.default.createElement('img', { src: img, alt: value })
-                        )
-                      )
-                    );
-                  }, el)
-                );
-              }, selectionOptions)
-            )
-          )
-        ),
-        _react2.default.createElement(
-          'div',
-          null,
-          onClose && _react2.default.createElement(
-            _Button2.default,
-            {
-              className: classes.closeButton,
-              onClick: onClose,
-              'aria-label': R.prop('cancel', labels),
-              size: 'large'
-            },
-            _react2.default.createElement(_Close2.default, null)
-          )
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _DialogContent2.default,
-      null,
-      _react2.default.createElement(
-        _Grid2.default,
-        { container: true },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12, className: (0, _classnames2.default)(classes.topElements, (_cx4 = {}, _cx4[classes.narrowTop] = isNarrow, _cx4)) },
-          _react2.default.createElement(
-            'div',
-            { className: isNarrow ? classes.narrowSpotlight : classes.spotlight },
-            _react2.default.createElement(_.Spotlight, {
-              hasClearAll: true,
-              placeholder: getTotal(items, R.prop('placeholder', labels)),
-              term: spotlight.term,
-              hasCommit: false,
-              spotlight: { fields: {} },
-              action: setSpotlight,
-              labels: labels
-            })
-          ),
-          _react2.default.createElement(
-            'div',
-            { style: { display: 'flex', flexDirection: isNarrow ? 'column' : 'row' } },
-            _react2.default.createElement(
-              'div',
-              null,
-              _react2.default.createElement(
-                _.Button,
-                { onClick: collapseAll, color: 'primary' },
-                R.prop('colapseAll', labels)
-              ),
-              _react2.default.createElement(
-                _.Button,
-                { style: { marginLeft: 10 }, onClick: expandAll, color: 'primary' },
-                R.prop('expandAll', labels)
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              null,
-              _react2.default.createElement(
-                _.Button,
-                { onClick: selectAll, color: 'primary' },
-                R.prop('selectAll', labels)
-              ),
-              _react2.default.createElement(
-                _.Button,
-                { style: { marginLeft: 10 }, onClick: deselectAll, color: 'primary' },
-                R.prop('deselectAll', labels)
-              )
-            )
-          ),
-          _react2.default.createElement(_Divider2.default, { className: classes.divider })
-        ),
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: true, xs: 12 },
-          _react2.default.createElement(_.VirtualizedTree, _extends({}, rest, {
-            disableAccessor: _disableAccessor,
-            isGreyed: isDisabled,
-            labels: labels,
-            labelRenderer: labelRenderer,
-            items: selectionItems,
-            changeSelection: onChangeSelection,
-            withExpandControl: true,
-            treeHeight: listHeight,
-            scopeGetter: scopeGetter,
-            expandedIds: expandedIds
-          }))
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _DialogActions2.default,
-      { className: classes.actions },
-      _react2.default.createElement(
-        'div',
-        null,
-        R.is(Function, onClose) && _react2.default.createElement(
-          _.Button,
-          {
-            onClick: function onClick() {
-              onClose();
-              setSelection({});
-              setSpotlight({ term: '' });
-            },
-            color: 'primary'
-          },
-          R.prop('cancel', labels)
-        ),
-        R.is(Function, changeSelection) && _react2.default.createElement(
-          _.Button,
-          {
-            disabled: R.isEmpty(selection),
-            'aria-label': R.prop('apply', labels),
-            onClick: handleSubmit,
-            color: 'primary',
-            variant: 'contained',
-            alternative: 'siscc',
-            style: { marginLeft: 10 }
-          },
-          R.prop('apply', labels)
-        )
-      )
-    )
-  );
-};
-
-AdvancedFilterDialog.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: _propTypes2.default.string,
-  accessibility: _propTypes2.default.bool,
-  changeSelection: _propTypes2.default.func,
-  disableAccessor: _propTypes2.default.func,
-  HTMLRenderer: _propTypes2.default.func,
-  isRtl: _propTypes2.default.bool,
-  isNarrow: _propTypes2.default.bool,
-  isOpen: _propTypes2.default.bool,
-  items: _propTypes2.default.array,
-  labels: _propTypes2.default.shape({
-    placeholder: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),
-    disableItemLabel: _propTypes2.default.string,
-    singleSelection: _propTypes2.default.string,
-    childrenSelection: _propTypes2.default.string,
-    branchSelection: _propTypes2.default.string,
-    levelSelection: _propTypes2.default.string,
-    selectAll: _propTypes2.default.string,
-    deselectAll: _propTypes2.default.string,
-    apply: _propTypes2.default.string,
-    cancel: _propTypes2.default.string
-  }),
-  onClose: _propTypes2.default.func,
-  labelRenderer: _propTypes2.default.func,
-  title: _propTypes2.default.string,
-  expandAll: _propTypes2.default.func,
-  collapseAll: _propTypes2.default.func,
-  spotlight: _propTypes2.default.object,
-  setSpotlight: _propTypes2.default.func,
-  expandedIds: _propTypes2.default.object,
-  allItems: _propTypes2.default.array
-} : {};
-
-exports.default = (0, _withSpotlight.withSpotlight)((0, _withExpansionTree.withExpansionTree)(AdvancedFilterDialog));
-module.exports = exports['default'];