@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/lib/DynamicDrawer/DynamicDrawer.js

@@ -1,466 +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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _Box = require('@mui/material/Box');
-
-var _Box2 = _interopRequireDefault(_Box);
-
-var _AdvancedSelection = require('./AdvancedSelection');
-
-var _AdvancedSelection2 = _interopRequireDefault(_AdvancedSelection);
-
-var _Paper = require('@mui/material/Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-var _Tab = require('@mui/material/Tab');
-
-var _Tab2 = _interopRequireDefault(_Tab);
-
-var _Tabs = require('@mui/material/Tabs');
-
-var _Tabs2 = _interopRequireDefault(_Tabs);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _Close = require('@mui/icons-material/Close');
-
-var _Close2 = _interopRequireDefault(_Close);
-
-var _Button = require('@mui/material/Button');
-
-var _Button2 = _interopRequireDefault(_Button);
-
-var _ArrowBack = require('@mui/icons-material/ArrowBack');
-
-var _ArrowBack2 = _interopRequireDefault(_ArrowBack);
-
-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 }; }
-
-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 useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    label: _extends({
-      textTransform: 'none',
-      color: theme.palette.grey[700]
-    }, R.pathOr({}, ['mixins', 'expansionPanel', 'title'], theme)),
-    labelSelected: {
-      color: theme.palette.primary.main
-    },
-    tabSelected: {
-      backgroundColor: theme.palette.action.hover + ' !important',
-      '&:hover': {
-        backgroundColor: theme.palette.action.selected + ' !important'
-      }
-    },
-    tab: {
-      '&:hover': {
-        backgroundColor: '' + theme.palette.action.selected
-      }
-    },
-    tabPanel: {
-      backgroundColor: theme.palette.background.default,
-      position: 'absolute',
-      top: '176px',
-      zIndex: 1000,
-      width: '80vw',
-      height: '100vh',
-      left: '200px'
-    }
-  };
-});
-var getCounter = function getCounter(items, tagAccessor) {
-  var selectedItemsIds = R.reduce(function (acc, item) {
-    if (R.prop('isSelected', item)) {
-      return R.append(R.prop('id', item), acc);
-    }
-    return acc;
-  }, [], items);
-  var itemsIds = R.pluck('id', items);
-  var count = R.pipe(R.uniq, R.length)(selectedItemsIds);
-  var total = R.pipe(R.uniq, R.length)(itemsIds);
-  if (R.is(Function, tagAccessor)) {
-    return tagAccessor(count, total);
-  }
-  return count + '/' + total;
-};
-
-var TabPanel = function TabPanel(props) {
-  var children = props.children,
-      open = props.open,
-      item = props.item,
-      classes = props.classes,
-      labels = props.labels,
-      onClose = props.onClose,
-      isNarrow = props.isNarrow,
-      setOpen = props.setOpen,
-      labelRenderer = props.labelRenderer,
-      _props$styles = props.styles,
-      styles = _props$styles === undefined ? {} : _props$styles,
-      other = _objectWithoutProperties(props, ['children', 'open', 'item', 'classes', 'labels', 'onClose', 'isNarrow', 'setOpen', 'labelRenderer', 'styles']);
-
-  return _react2.default.createElement(
-    'div',
-    _extends({
-      role: 'tabpanel',
-      hidden: !open,
-      id: 'vertical-tabpanel-' + R.prop('index', item),
-      'aria-labelledby': 'vertical-tab-' + R.prop('index', item),
-      className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
-      style: { width: R.prop('width', styles) }
-    }, other),
-    open && _react2.default.createElement(
-      _Box2.default,
-      { sx: { p: 3 } },
-      _react2.default.createElement(
-        _Box2.default,
-        {
-          display: 'flex',
-          justifyContent: isNarrow ? 'space-between' : 'flex-end',
-          alignItems: 'center'
-        },
-        isNarrow && _react2.default.createElement(
-          _Box2.default,
-          { display: 'flex', justifyContent: 'flex-start', alignItems: 'center' },
-          _react2.default.createElement(
-            _Button2.default,
-            {
-              onClick: function onClick() {
-                return setOpen(false);
-              },
-              'data-testid': 'back_button',
-              'aria-label': R.prop('cancel', labels),
-              sx: {
-                padding: 0,
-                float: 'left',
-                justifyContent: 'flex-start',
-                minWidth: '24px'
-              },
-              size: 'large',
-              edge: 'start'
-            },
-            _react2.default.createElement(_ArrowBack2.default, null)
-          ),
-          _react2.default.createElement(
-            _Typography2.default,
-            {
-              variant: 'h6',
-              'aria-label': R.prop('title', labels)(labelRenderer(item)),
-              tabIndex: 0,
-              sx: {
-                margin: 0,
-                padding: 0
-              }
-            },
-            R.prop('title', labels)(labelRenderer(item))
-          )
-        ),
-        _react2.default.createElement(
-          _Button2.default,
-          {
-            onClick: onClose,
-            'aria-label': R.prop('cancel', labels),
-            sx: {
-              color: 'grey !important',
-              minWidth: '24px',
-              padding: 0,
-              float: 'right'
-            },
-            size: 'large'
-          },
-          _react2.default.createElement(_Close2.default, null)
-        )
-      ),
-      children
-    )
-  );
-};
-
-var PaperComponent = _react2.default.forwardRef(function (_ref, ref) {
-  var _cx;
-
-  var label = _ref.label,
-      selected = _ref.selected,
-      item = _ref.item,
-      tagAccessor = _ref.tagAccessor,
-      tagValueLabel = _ref.tagValueLabel,
-      rest = _objectWithoutProperties(_ref, ['label', 'selected', 'item', 'tagAccessor', 'tagValueLabel']);
-
-  var tag = R.prop('tag', item);
-  var Chip = R.isNil(tag) ? _.Tag : tag;
-  var classes = useStyles();
-  return _react2.default.createElement(
-    _Paper2.default,
-    _extends({}, rest, { ref: ref }),
-    _react2.default.createElement(
-      _Box2.default,
-      { sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
-      _react2.default.createElement(
-        _Typography2.default,
-        {
-          noWrap: true,
-          variant: 'body2',
-          title: label,
-          className: (0, _classnames2.default)(classes.label, (_cx = {}, _cx[classes.labelSelected] = selected, _cx))
-        },
-        label
-      ),
-      R.isNil(tag) ? _react2.default.createElement(
-        Chip,
-        { items: R.prop('values', item), tagValueLabel: tagValueLabel },
-        getCounter(R.prop('values', item), tagAccessor)
-      ) : tag
-    )
-  );
-});
-
-var DynamicDrawer = function DynamicDrawer(props) {
-  var classNames = useStyles();
-
-  var _useState = (0, _react.useState)(false),
-      open = _useState[0],
-      setOpen = _useState[1];
-
-  var _useState2 = (0, _react.useState)(null),
-      selectedId = _useState2[0],
-      setSelectedId = _useState2[1];
-
-  var _useState3 = (0, _react.useState)({}),
-      selection = _useState3[0],
-      setSelection = _useState3[1];
-
-  var _useState4 = (0, _react.useState)({}),
-      allSelection = _useState4[0],
-      setAllSelection = _useState4[1];
-
-  var list = props.list,
-      labelRenderer = props.labelRenderer,
-      onClick = props.onClick,
-      handleChangePanel = props.handleChangePanel,
-      onClosePanel = props.onClosePanel,
-      isNarrow = props.isNarrow,
-      labels = props.labels,
-      _props$disableAccesso = props.disableAccessor,
-      disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
-      _props$isApplyHiddenN = props.isApplyHiddenNarrow,
-      isApplyHiddenNarrow = _props$isApplyHiddenN === undefined ? false : _props$isApplyHiddenN,
-      expandAll = props.expandAll,
-      collapseAll = props.collapseAll,
-      expandedIds = props.expandedIds,
-      allItems = props.allItems,
-      periodPanel = props.periodPanel,
-      classes = props.classes,
-      _props$testId = props.testId,
-      testId = _props$testId === undefined ? 'tabs' : _props$testId,
-      tagAccessor = props.tagAccessor,
-      tagAriaLabel = props.tagAriaLabel,
-      children = props.children,
-      _props$styles2 = props.styles,
-      styles = _props$styles2 === undefined ? {} : _props$styles2,
-      rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'onClosePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
-
-  var handleChange = function handleChange(e, item) {
-    var id = R.prop('id', item);
-    var filterSelection = R.pipe(R.propOr([], id), function (arr) {
-      return R.zipObj(arr, arr);
-    })(allSelection);
-    setSelection(_extends({}, filterSelection));
-    handleChangePanel(id, selection, allSelection);
-    setSelectedId(id);
-    setOpen(true);
-  };
-  var handleSubmit = function handleSubmit() {
-    onClick(allSelection);
-    setAllSelection({});
-    setSelection({});
-    setOpen(false);
-    setSelectedId(null);
-    onClosePanel();
-  };
-  var handleClose = function handleClose() {
-    setOpen(false);
-    setAllSelection({});
-    setSelection({});
-    setSelectedId(null);
-    onClosePanel();
-  };
-
-  var filter = (0, _react.useMemo)(function () {
-    if (!selectedId) return {};
-    return R.find(function (item) {
-      return R.prop('id', item) === selectedId;
-    })(list);
-  }, [selectedId, list]);
-
-  var isHidden = open && isNarrow;
-  var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
-  var isApplyButtonShown = open && !isNarrow;
-  (0, _react.useEffect)(function () {
-    if (isApplyButtonShown) {
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.overflow = '';
-    }
-    return function () {
-      document.body.style.overflow = '';
-    };
-  }, [open, isNarrow]);
-
-  return _react2.default.createElement(
-    'div',
-    { style: { display: 'flex', flexDirection: 'row' } },
-    isApplyButtonShown && _react2.default.createElement(_Box2.default, {
-      onClick: function onClick() {
-        return handleClose();
-      },
-      sx: {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        width: '100vw',
-        height: '100vh',
-        zIndex: 990
-      }
-    }),
-    _react2.default.createElement(
-      _Tabs2.default,
-      {
-        orientation: 'vertical',
-        variant: 'scrollable',
-        TabIndicatorProps: { style: { transition: 'none' } },
-        scrollButtons: isApplyButtonShown && 'auto',
-        value: false,
-        onChange: handleChange,
-        'aria-label': 'filters',
-        'data-testid': testId,
-        sx: {
-          display: isHidden ? 'none' : 'flex',
-          width: '100%',
-          height: isApplyButtonShown ? R.prop('height', styles) : '100%',
-          borderRight: 1,
-          borderColor: 'divider',
-          zIndex: 1000
-        }
-      },
-      R.map(function (item) {
-        var _cx2;
-
-        var tagValueLabel = R.isNil(R.prop('tag', item)) && getCounter(R.prop('values', item), tagAriaLabel);
-
-        return _react2.default.createElement(_Tab2.default, {
-          key: R.prop('id', item),
-          id: R.prop('id', filter),
-          'data-testid': R.prop('id', item) + '-tab',
-          component: _react2.default.forwardRef(function TabPaper(tabProps, ref) {
-            return _react2.default.createElement(PaperComponent, _extends({
-              ref: ref
-            }, tabProps, {
-              label: labelRenderer(item),
-              selected: selectedId === R.prop('id', item),
-              item: item,
-              tagAccessor: tagAccessor,
-              tagValueLabel: tagValueLabel
-            }));
-          }),
-          label: labelRenderer(item),
-          'aria-label': labelRenderer(item),
-          value: item,
-          'aria-selected': R.prop('id', filter) === R.prop('id', item),
-          className: (0, _classnames2.default)(classNames.tab, (_cx2 = {}, _cx2[classNames.tabSelected] = R.prop('id', filter) === R.prop('id', item), _cx2)),
-          sx: {
-            alignItems: 'start',
-            maxWidth: '100%'
-          },
-          wrapped: true,
-          disableRipple: true,
-          disableFocusRipple: true
-        });
-      })(list),
-      isApplyButtonShown && _react2.default.createElement(
-        _.Button,
-        {
-          style: { float: 'bottom', margin: '10px' },
-          'aria-label': R.prop('apply', labels),
-          id: 'apply_button',
-          variant: 'contained',
-          onClick: handleSubmit
-        },
-        R.prop('apply', labels)
-      ),
-      isNotHiddenButton && _react2.default.createElement(
-        _.Button,
-        {
-          style: { float: 'bottom', margin: '10px' },
-          'aria-label': R.prop('apply', labels),
-          id: 'apply_button',
-          variant: 'contained',
-          onClick: handleSubmit
-        },
-        R.prop('apply', labels)
-      )
-    ),
-    _react2.default.createElement(
-      TabPanel,
-      {
-        item: filter,
-        'data-testid': testId + '_panel',
-        open: open,
-        labels: labels,
-        classes: classes,
-        onClose: handleClose,
-        isNarrow: isNarrow,
-        setOpen: setOpen,
-        labelRenderer: labelRenderer,
-        styles: styles
-      },
-      R.equals(R.prop('id', filter), periodPanel) ? children : _react2.default.createElement(_AdvancedSelection2.default, _extends({
-        id: selectedId,
-        items: R.prop('values', filter) || [],
-        isOpen: open,
-        labelRenderer: labelRenderer,
-        disableAccessor: disableAccessor ? R.pipe(R.prop('isEnabled'), R.not) : undefined,
-        labels: labels,
-        isNarrow: isNarrow,
-        expandAll: expandAll,
-        collapseAll: collapseAll,
-        expandedIds: expandedIds,
-        allItems: allItems,
-        selection: selection,
-        setSelection: setSelection,
-        setAllSelection: setAllSelection,
-        allSelection: allSelection
-      }, rest, {
-        filter: filter
-      }))
-    )
-  );
-};
-
-exports.default = DynamicDrawer;
-module.exports = exports['default'];

package/lib/DynamicDrawer/SelectionModesMobile.js

@@ -1,119 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-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 _Box = require('@mui/material/Box');
-
-var _Box2 = _interopRequireDefault(_Box);
-
-var _Paper = require('@mui/material/Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-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 mapIndexed = R.addIndex(R.map);
-var ButtonCarousel = function ButtonCarousel(_ref) {
-  var selectionModes = _ref.selectionModes,
-      selectionMode = _ref.selectionMode,
-      setSelectionMode = _ref.setSelectionMode,
-      classes = _ref.classes;
-
-  return _react2.default.createElement(
-    _Box2.default,
-    {
-      sx: {
-        overflowX: 'auto',
-        overflowY: 'hidden',
-        whiteSpace: 'nowrap',
-        display: 'block', // allow horizontal scrolling
-        width: '100%',
-        maxWidth: '100%',
-        '&::-webkit-scrollbar': { display: 'none' }, // optional: hide scrollbar
-        scrollbarWidth: 'none'
-      }
-    },
-    mapIndexed(function (_ref2) {
-      var value = _ref2.value,
-          label = _ref2.label,
-          img = _ref2.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: (0, _classnames2.default)(classes.selectButton, classes.selectButtonNarrow),
-            selected: value === selectionMode,
-            onClick: function onClick() {
-              setSelectionMode(value);
-            },
-            'aria-pressed': value === selectionMode,
-            'aria-label': label,
-            tabIndex: 0,
-            sx: {
-              flex: '0 0 auto', // Prevents buttons from shrinking
-              scrollSnapAlign: 'center',
-              minWidth: 40, // Minimum width for buttons
-              whiteSpace: 'wrap'
-            }
-          },
-          _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 })
-          )
-        )
-      );
-    }, selectionModes)
-  );
-};
-
-exports.default = ButtonCarousel;
-
-
-ButtonCarousel.propTypes = process.env.NODE_ENV !== "production" ? {
-  selectionModes: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-    value: _propTypes2.default.string.isRequired,
-    label: _propTypes2.default.string.isRequired,
-    img: _propTypes2.default.string
-  })).isRequired,
-  selectionMode: _propTypes2.default.string.isRequired,
-  setSelectionMode: _propTypes2.default.func.isRequired,
-  classes: _propTypes2.default.object.isRequired
-} : {};
-module.exports = exports['default'];

package/lib/DynamicDrawer/index.js

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