@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/Chips/DeleteChip.js

@@ -1,56 +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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _styles = require('./styles');
-
-var _styles2 = _interopRequireDefault(_styles);
-
-var _CustomChip = require('./CustomChip');
-
-var _CustomChip2 = _interopRequireDefault(_CustomChip);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var useStyles = (0, _makeStyles2.default)(_styles2.default);
-
-var DeleteChip = function DeleteChip(_ref) {
-  var onDeleteAll = _ref.onDeleteAll,
-      clearAllLabel = _ref.clearAllLabel,
-      ariaLabel = _ref.ariaLabel;
-
-  var classes = useStyles();
-  return _react2.default.createElement(_CustomChip2.default, {
-    label: clearAllLabel,
-    ariaLabel: ariaLabel,
-    chipClasses: (0, _classnames2.default)(classes.mainChip, classes.chip),
-    onDelete: onDeleteAll,
-    iconClasses: classes.icon,
-    labelClasses: (0, _classnames2.default)(classes.spaceLabel, classes.formatLabel)
-  });
-};
-
-DeleteChip.propTypes = process.env.NODE_ENV !== "production" ? {
-  onDeleteAll: _propTypes2.default.func,
-  ariaLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-  clearAllLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
-} : {};
-
-exports.default = DeleteChip;
-module.exports = exports['default'];

package/lib/Chips/GroupedChips.js

@@ -1,138 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _styles = require('@mui/material/styles');
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-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 _utils = require('../utils');
-
-var _styles2 = require('./styles');
-
-var _styles3 = _interopRequireDefault(_styles2);
-
-var _CustomChip = require('./CustomChip');
-
-var _CustomChip2 = _interopRequireDefault(_CustomChip);
-
-var _utils2 = 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 useStyles = (0, _makeStyles2.default)(_styles3.default);
-
-var GroupedChips = function GroupedChips(_ref) {
-  var _ref$itemProps = _ref.itemProps,
-      itemProps = _ref$itemProps === undefined ? {} : _ref$itemProps,
-      onDelete = _ref.onDelete,
-      _ref$labelRenderer = _ref.labelRenderer,
-      labelRenderer = _ref$labelRenderer === undefined ? R.prop('label') : _ref$labelRenderer,
-      tooltipRenderer = _ref.tooltipRenderer,
-      ariaLabel = _ref.ariaLabel,
-      _ref$reducingNbChips = _ref.reducingNbChips,
-      reducingNbChips = _ref$reducingNbChips === undefined ? 15 : _ref$reducingNbChips,
-      labels = _ref.labels,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'chips-test-id' : _ref$testId,
-      _ref$ariaLabelTooltip = _ref.ariaLabelTooltip,
-      ariaLabelTooltip = _ref$ariaLabelTooltip === undefined ? ' parent of ' : _ref$ariaLabelTooltip;
-  var parentId = itemProps.id,
-      isNotRemovable = itemProps.isNotRemovable,
-      _itemProps$values = itemProps.values,
-      values = _itemProps$values === undefined ? [] : _itemProps$values;
-
-  var theme = (0, _styles.useTheme)();
-  var isRtl = (0, _utils.getIsRtl)(theme);
-  var classes = useStyles();
-
-  return _react2.default.createElement(
-    _react.Fragment,
-    null,
-    _react2.default.createElement(_CustomChip2.default, {
-      testId: testId,
-      parentId: parentId,
-      label: labelRenderer(itemProps) + ':',
-      ariaLabel: ariaLabel,
-      chipClasses: (0, _classnames2.default)(classes.mainChip, classes.chip),
-      onDelete: isNotRemovable ? null : onDelete,
-      iconClasses: classes.icon,
-      labelClasses: (0, _classnames2.default)(classes.spaceLabel, classes.formatLabel)
-    }),
-    R.pipe(R.length, R.flip(R.gt)(reducingNbChips))(values) ? _react2.default.createElement(_CustomChip2.default, {
-      parentId: parentId,
-      label: R.length(values) + ' ' + R.prop('reducingChip')(labels),
-      chipClasses: (0, _classnames2.default)(classes.secondaryChip, classes.chip),
-      onDelete: isNotRemovable ? null : onDelete,
-      iconClasses: classes.icon,
-      labelClasses: (0, _classnames2.default)(classes.spaceLabel, classes.formatLabel)
-    }) : R.map(function (items) {
-      var lastItem = R.last(items);
-      var id = lastItem.id,
-          isNotRemovable = lastItem.isNotRemovable,
-          deprecated = lastItem.deprecated;
-
-
-      return _react2.default.createElement(_CustomChip2.default, {
-        deprecated: deprecated,
-        key: id,
-        id: id,
-        items: R.pipe(R.length, R.gte(2)) ? items : null,
-        renderer: R.is(Function)(tooltipRenderer) ? tooltipRenderer : (0, _utils2.myTooltipRenderer)({ isRtl: isRtl, labelRenderer: labelRenderer }),
-        label: labelRenderer(lastItem),
-        labelRenderer: labelRenderer,
-        ariaLabel: ariaLabel,
-        parentId: parentId,
-        onDelete: isNotRemovable ? null : onDelete,
-        chipClasses: (0, _classnames2.default)(classes.secondaryChip, classes.chip),
-        iconClasses: classes.icon,
-        labelClasses: (0, _classnames2.default)(classes.spaceLabel, classes.formatLabel),
-        ariaLabelTooltip: ariaLabelTooltip
-      });
-    })(values)
-  );
-};
-GroupedChips.propTypes = process.env.NODE_ENV !== "production" ? {
-  testId: _propTypes2.default.string,
-  itemProps: _propTypes2.default.shape({
-    id: _propTypes2.default.string,
-    label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-    isNotRemovable: _propTypes2.default.bool,
-    values: _propTypes2.default.arrayOf(_propTypes2.default.arrayOf(_propTypes2.default.shape({
-      id: _propTypes2.default.string,
-      label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-      isNotRemovable: _propTypes2.default.bool
-    })))
-  }),
-  onDelete: _propTypes2.default.func,
-  labelRenderer: _propTypes2.default.func,
-  tooltipRenderer: _propTypes2.default.func,
-  ariaLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-  reducingNbChips: _propTypes2.default.number,
-  labels: _propTypes2.default.shape({
-    reducingChip: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
-  }),
-  ariaLabelTooltip: _propTypes2.default.string
-} : {};
-exports.default = GroupedChips;
-module.exports = exports['default'];

package/lib/Chips/index.js

@@ -1,23 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _GroupedChips = require('./GroupedChips');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_GroupedChips).default;
-  }
-});
-
-var _DeleteChip = require('./DeleteChip');
-
-Object.defineProperty(exports, 'DeleteAllChip', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_DeleteChip).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Chips/styles.js

@@ -1,77 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-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; } }
-
-exports.default = function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      flexWrap: 'wrap'
-    },
-    chip: {
-      height: 'unset',
-      borderRadius: 3,
-      minHeight: 25,
-      fontSize: 12,
-      margin: theme.spacing(0.25)
-    },
-    mainChip: {
-      background: 'none',
-      color: theme.palette.text.primary,
-      '&:hover, &:focus': {
-        backgroundColor: theme.palette.grey[300]
-      }
-    },
-    secondaryChip: {
-      backgroundColor: R.path(['palette', 'tertiary', 'light'])(theme) || theme.palette.grey[100],
-      '&:hover, &:focus': {
-        backgroundColor: R.path(['palette', 'tertiary', 'dark'])(theme) || theme.palette.grey[300]
-      },
-      color: theme.palette.primary.main
-    },
-    icon: {
-      color: theme.palette.primary.main + ' !important',
-      cursor: 'pointer',
-      margin: '0 !important',
-      '&:hover': {
-        color: 'inherit'
-      },
-      '& svg': {
-        fontSize: 15
-      }
-    },
-    divider: {
-      margin: theme.spacing(0.5),
-      backgroundColor: theme.palette.grey[700]
-    },
-    dividerHz: {
-      width: '100%',
-      margin: theme.spacing(0.5),
-      backgroundColor: theme.palette.grey[700]
-    },
-    spaceLabel: {
-      paddingLeft: 4,
-      paddingRight: 4
-    },
-    formatLabel: {
-      whiteSpace: 'pre-wrap',
-      overflowWrap: 'anywhere'
-    },
-    tooltip: theme.typography.body2,
-    childrenIndicator: {
-      margin: '0 2px',
-      fontSize: 10
-    },
-    tooltipIndicator: {
-      borderBottom: '1px dotted ' + theme.palette.primary.main
-    }
-  };
-};
-
-module.exports = exports['default'];

package/lib/Chips/utils.js

@@ -1,30 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.showMultiLinedTooltip = exports.shownTooltip = exports.isLast = exports.myTooltipRendererSrOnly = exports.myTooltipRenderer = undefined;
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-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; } }
-
-var myTooltipRenderer = exports.myTooltipRenderer = function myTooltipRenderer(_ref) {
-  var isRtl = _ref.isRtl,
-      labelRenderer = _ref.labelRenderer;
-  return R.pipe(R.map(labelRenderer), R.when(R.always(isRtl), R.reverse), R.join(isRtl ? ' < ' : ' > '));
-};
-
-var myTooltipRendererSrOnly = exports.myTooltipRendererSrOnly = function myTooltipRendererSrOnly(_ref2) {
-  var isRtl = _ref2.isRtl,
-      labelRenderer = _ref2.labelRenderer,
-      ariaLabelTooltip = _ref2.ariaLabelTooltip;
-  return R.pipe(R.map(labelRenderer), R.when(R.always(isRtl), R.reverse), R.join(ariaLabelTooltip));
-};
-
-var isLast = exports.isLast = function isLast(index, list) {
-  return index + 1 === R.length(list);
-};
-
-var shownTooltip = exports.shownTooltip = R.pipe(R.dropLast(1), R.either(R.isEmpty, R.isNil), R.not);
-var showMultiLinedTooltip = exports.showMultiLinedTooltip = R.pipe(R.head, R.propOr([], 'parents'), R.isEmpty, R.not);

package/lib/CollapseButtons/CollapseButtons.js

@@ -1,198 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.COLUMNS = exports.MAX_COLUMNS = undefined;
-
-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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _useMediaQuery = require('@mui/material/useMediaQuery');
-
-var _useMediaQuery2 = _interopRequireDefault(_useMediaQuery);
-
-var _Grid = require('@mui/material/Grid');
-
-var _Grid2 = _interopRequireDefault(_Grid);
-
-var _Collapse = require('@mui/material/Collapse');
-
-var _Collapse2 = _interopRequireDefault(_Collapse);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _ = require('../');
-
-var _Item = require('./Item');
-
-var _Item2 = _interopRequireDefault(_Item);
-
-var _Paper = require('./Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-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 MAX_COLUMNS = exports.MAX_COLUMNS = 12;
-var COLUMNS = exports.COLUMNS = [12, 12, 6, 4, 3, 3, 2, 2, 2, 2, 2, 2, 1];
-
-var useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    collapseContainer: {
-      width: '100%'
-    },
-    container: {
-      '&:focus': {
-        outlineColor: theme.palette.highlight.hl1,
-        outlineWidth: 2,
-        outlineStyle: 'auto',
-        paddingBottom: 16
-      }
-    }
-  };
-});
-
-var CollapseButtons = function CollapseButtons(props) {
-  var _cx;
-
-  var _props$items = props.items,
-      items = _props$items === undefined ? [] : _props$items,
-      _props$action = props.action,
-      action = _props$action === undefined ? function () {} : _props$action,
-      _props$nbColumns = props.nbColumns,
-      nbColumns = _props$nbColumns === undefined ? 3 : _props$nbColumns,
-      _props$testId = props.testId,
-      testId = _props$testId === undefined ? 'collapseButton' : _props$testId,
-      isSecondLevelClikable = props.isSecondLevelClikable,
-      _props$gridButtonsPro = props.gridButtonsProps,
-      gridButtonsProps = _props$gridButtonsPro === undefined ? {} : _props$gridButtonsPro,
-      _props$breakpoint = props.breakpoint,
-      breakpoint = _props$breakpoint === undefined ? function (theme) {
-    return theme.breakpoints.down('md');
-  } : _props$breakpoint,
-      justify = props.justify,
-      _props$textTransform = props.textTransform,
-      textTransform = _props$textTransform === undefined ? 'none' : _props$textTransform,
-      _props$labelAccessor = props.labelAccessor,
-      labelAccessor = _props$labelAccessor === undefined ? R.prop('label') : _props$labelAccessor,
-      accessibility = props.accessibility;
-
-
-  var classes = useStyles();
-  var isMobileView = (0, _useMediaQuery2.default)(breakpoint);
-
-  var _useState = (0, _react.useState)(props.selectedItemId),
-      toggleId = _useState[0],
-      setIsOpen = _useState[1];
-
-  var mapIndexed = R.addIndex(R.map);
-  var collapseFactory = function collapseFactory(_ref) {
-    var action = _ref.action,
-        isSecondLevelClikable = _ref.isSecondLevelClikable,
-        labelAccessor = _ref.labelAccessor,
-        testId = _ref.testId;
-    return function (_ref2) {
-      var toggleId = _ref2.toggleId,
-          id = _ref2.id,
-          values = _ref2.values,
-          isMobileView = _ref2.isMobileView;
-      return _react2.default.createElement(
-        _Collapse2.default,
-        {
-          key: id,
-          'in': toggleId === id,
-          timeout: 'auto',
-          unmountOnExit: true,
-          className: classes.collapseContainer
-        },
-        _react2.default.createElement(
-          _Paper2.default,
-          { elevation: 10, isMobileView: isMobileView },
-          mapIndexed(function (item, index) {
-            return _react2.default.createElement(_Item2.default, {
-              key: index + '-' + R.prop('id')(item),
-              testId: testId + '_' + id + '_value_' + R.prop('id')(item),
-              parentId: id,
-              item: item,
-              action: action,
-              isSecondLevelClikable: isSecondLevelClikable,
-              labelAccessor: labelAccessor
-            });
-          }, values)
-        )
-      );
-    };
-  };
-  var collapse = collapseFactory({ action: action, isSecondLevelClikable: isSecondLevelClikable, labelAccessor: labelAccessor, testId: testId });
-
-  return _react2.default.createElement(
-    _Grid2.default,
-    {
-      container: true,
-      spacing: 2,
-      'data-testid': testId,
-      justifyContent: justify,
-      className: (0, _classnames2.default)((_cx = {}, _cx[classes.container] = accessibility, _cx)),
-      tabIndex: 0
-    },
-    mapIndexed(function (_ref3, index) {
-      var id = _ref3.id,
-          label = _ref3.label,
-          _ref3$values = _ref3.values,
-          values = _ref3$values === undefined ? [] : _ref3$values;
-      return _react2.default.createElement(
-        _Grid2.default,
-        _extends({
-          item: true,
-          xs: 12,
-          sm: 12,
-          md: R.nth(nbColumns)(COLUMNS)
-        }, gridButtonsProps, {
-          key: index + '::' + id
-        }),
-        _react2.default.createElement(
-          _Typography2.default,
-          { variant: 'h3' },
-          _react2.default.createElement(_.ToggleButton, {
-            textTransform: textTransform,
-            label: label,
-            tabIndex: toggleId ? 1 : 0,
-            isOpen: toggleId === id,
-            toggle: function toggle() {
-              return setIsOpen(id === toggleId ? null : id);
-            },
-            testId: testId + '_' + id,
-            id: id
-          }),
-          isMobileView && collapse({ toggleId: toggleId, id: id, values: values, isMobileView: isMobileView })
-        )
-      );
-    })(items),
-    !isMobileView && R.map(function (_ref4) {
-      var id = _ref4.id,
-          _ref4$values = _ref4.values,
-          values = _ref4$values === undefined ? [] : _ref4$values;
-      return collapse({ toggleId: toggleId, id: id, values: values, isMobileView: isMobileView });
-    }, items)
-  );
-};
-
-exports.default = CollapseButtons;