@sis-cc/dotstatsuite-visions 7.19.0 → 7.20.0

package/lib/Chips/Chips.js

@@ -1,342 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.useStyles = undefined;
-
-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 _styles = require('@material-ui/core/styles');
-
-var _Grid = require('@material-ui/core/Grid');
-
-var _Grid2 = _interopRequireDefault(_Grid);
-
-var _Divider = require('@material-ui/core/Divider');
-
-var _Divider2 = _interopRequireDefault(_Divider);
-
-var _IconButton = require('@material-ui/core/IconButton');
-
-var _IconButton2 = _interopRequireDefault(_IconButton);
-
-var _Chip = require('@material-ui/core/Chip');
-
-var _Chip2 = _interopRequireDefault(_Chip);
-
-var _Cross = require('../Icons/Cross');
-
-var _Cross2 = _interopRequireDefault(_Cross);
-
-var _utils = require('../utils');
-
-var _Tooltip = require('../Tooltip');
-
-var _Tooltip2 = _interopRequireDefault(_Tooltip);
-
-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 shownTooltip = R.pipe(R.dropLast(1), R.either(R.isEmpty, R.isNil), R.not);
-var showMultiLinedTooltip = R.pipe(R.head, R.propOr([], 'parents'), R.isEmpty, R.not);
-var 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 useStyles = exports.useStyles = (0, _styles.makeStyles)(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
-    },
-    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,
-      cursor: 'pointer',
-      margin: 0,
-      '&: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: 0
-    },
-    formatLabel: {
-      whiteSpace: 'pre-wrap',
-      overflowWrap: 'anywhere'
-    },
-    tooltip: theme.typography.body2,
-    childrenIndicator: {
-      margin: '0 2px',
-      fontSize: 10
-    },
-    tooltipIndicator: {
-      borderBottom: '1px dotted ' + theme.palette.primary.main
-    }
-  };
-});
-
-var CustomChip = function CustomChip(_ref2) {
-  var _cx;
-
-  var id = _ref2.id,
-      parentId = _ref2.parentId,
-      _ref2$items = _ref2.items,
-      items = _ref2$items === undefined ? [] : _ref2$items,
-      label = _ref2.label,
-      onDelete = _ref2.onDelete,
-      renderer = _ref2.renderer,
-      chipClasses = _ref2.chipClasses,
-      iconClasses = _ref2.iconClasses,
-      labelClasses = _ref2.labelClasses,
-      _ref2$ariaLabel = _ref2.ariaLabel,
-      ariaLabel = _ref2$ariaLabel === undefined ? 'delete' : _ref2$ariaLabel;
-
-  var theme = (0, _styles.useTheme)();
-  var isRtl = (0, _utils.getIsRtl)(theme);
-  var labelRenderer = R.prop('label');
-  var classes = useStyles();
-  var mapIndexed = R.addIndex(R.map);
-  var onChange = R.is(Function)(onDelete) ? function () {
-    return onDelete(parentId, R.isNil(id) ? [] : [id]);
-  } : null;
-  var hasTooltip = shownTooltip(items);
-  var hasMultiLinedTooltip = showMultiLinedTooltip(items);
-  var multiLinedTooltipRenderer = function multiLinedTooltipRenderer(arr) {
-    return mapIndexed(function (item, index) {
-      return _react2.default.createElement(
-        'div',
-        { key: index },
-        myTooltipRenderer({ isRtl: isRtl, labelRenderer: labelRenderer })(item),
-        _react2.default.createElement('br', null)
-      );
-    })(R.prop('parents')(R.head(arr)));
-  };
-
-  return _react2.default.createElement(
-    _Tooltip2.default,
-    {
-      placement: 'top',
-      title: hasTooltip ? renderer(items) : hasMultiLinedTooltip ? multiLinedTooltipRenderer(items) : ''
-    },
-    _react2.default.createElement(_Chip2.default, {
-      size: 'small',
-      'aria-label': label,
-      label: hasTooltip || hasMultiLinedTooltip ? _react2.default.createElement(
-        _react.Fragment,
-        null,
-        '...',
-        _react2.default.createElement(
-          'span',
-          { className: classes.childrenIndicator },
-          '>'
-        ),
-        label
-      ) : label,
-      deleteIcon: _react2.default.createElement(
-        _IconButton2.default,
-        {
-          disableRipple: true,
-          className: iconClasses,
-          'aria-label': ariaLabel + ' ' + label,
-          component: 'span',
-          tabIndex: -1
-        },
-        _react2.default.createElement(_Cross2.default, null)
-      ),
-      clickable: true,
-      onDelete: onChange,
-      className: (0, _classnames2.default)(chipClasses, (_cx = {}, _cx[classes.tooltipIndicator] = hasTooltip || hasMultiLinedTooltip, _cx)),
-      classes: { label: labelClasses }
-    })
-  );
-};
-
-CustomChip.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: _propTypes2.default.string,
-  parentId: _propTypes2.default.string,
-  label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-  onDelete: _propTypes2.default.func,
-  renderer: _propTypes2.default.func,
-  chipClasses: _propTypes2.default.string,
-  iconClasses: _propTypes2.default.string,
-  labelClasses: _propTypes2.default.string,
-  ariaLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-  items: _propTypes2.default.array
-} : {};
-
-var Chips = function Chips(_ref3) {
-  var _ref3$items = _ref3.items,
-      items = _ref3$items === undefined ? [] : _ref3$items,
-      onDelete = _ref3.onDelete,
-      onDeleteAll = _ref3.onDeleteAll,
-      clearAllLabel = _ref3.clearAllLabel,
-      _ref3$labelRenderer = _ref3.labelRenderer,
-      labelRenderer = _ref3$labelRenderer === undefined ? R.prop('label') : _ref3$labelRenderer,
-      tooltipRenderer = _ref3.tooltipRenderer,
-      ariaLabel = _ref3.ariaLabel,
-      _ref3$reducingNbChips = _ref3.reducingNbChips,
-      reducingNbChips = _ref3$reducingNbChips === undefined ? 15 : _ref3$reducingNbChips,
-      labels = _ref3.labels,
-      _ref3$isVis = _ref3.isVis,
-      isVis = _ref3$isVis === undefined ? false : _ref3$isVis;
-
-  var classes = useStyles();
-  var theme = (0, _styles.useTheme)();
-  var isRtl = (0, _utils.getIsRtl)(theme);
-
-  return _react2.default.createElement(
-    _Grid2.default,
-    { container: isVis, 'data-testid': 'chips-test-id' },
-    R.map(function (itemProps) {
-      var _cx2;
-
-      var parentId = itemProps.id,
-          isNotRemovable = itemProps.isNotRemovable,
-          _itemProps$values = itemProps.values,
-          values = _itemProps$values === undefined ? [] : _itemProps$values;
-
-      return _react2.default.createElement(
-        _Grid2.default,
-        {
-          item: isVis,
-          container: !isVis,
-          key: parentId,
-          className: (0, _classnames2.default)((_cx2 = {}, _cx2[classes.root] = isVis, _cx2))
-        },
-        _react2.default.createElement(
-          _Grid2.default,
-          { item: !isVis, style: !isVis ? { width: '100%' } : null },
-          _react2.default.createElement(CustomChip, {
-            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(CustomChip, {
-            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.formatLabel)
-          }) : R.map(function (items) {
-            var lastItem = R.last(items);
-            var id = lastItem.id,
-                isNotRemovable = lastItem.isNotRemovable;
-
-
-            return _react2.default.createElement(CustomChip, {
-              key: id,
-              id: id,
-              items: R.pipe(R.length, R.gte(2)) ? items : null,
-              renderer: R.is(Function)(tooltipRenderer) ? tooltipRenderer : myTooltipRenderer({ isRtl: isRtl, labelRenderer: labelRenderer }),
-              label: labelRenderer(lastItem),
-              ariaLabel: ariaLabel,
-              parentId: parentId,
-              onDelete: isNotRemovable ? null : onDelete,
-              chipClasses: (0, _classnames2.default)(classes.secondaryChip, classes.chip),
-              iconClasses: classes.icon,
-              labelClasses: (0, _classnames2.default)(classes.formatLabel)
-            });
-          })(values),
-          !isVis && _react2.default.createElement(_Divider2.default, { className: classes.dividerHz })
-        ),
-        isVis && _react2.default.createElement(_Divider2.default, { className: classes.divider, orientation: 'vertical', flexItem: true })
-      );
-    })(items),
-    R.is(Function)(onDeleteAll) && _react2.default.createElement(
-      _Grid2.default,
-      { container: true },
-      _react2.default.createElement(
-        _Grid2.default,
-        { item: true, xs: 12 },
-        _react2.default.createElement(CustomChip, {
-          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)
-        })
-      )
-    )
-  );
-};
-
-Chips.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: _propTypes2.default.arrayOf(_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
-    })))
-  })),
-  clearAllLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-  onDelete: _propTypes2.default.func,
-  onDeleteAll: _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])
-  }),
-  isVis: _propTypes2.default.bool
-} : {};
-
-exports.default = (0, _utils.withBlank)(function (_ref4) {
-  var isBlank = _ref4.isBlank;
-  return { isBlank: isBlank };
-})(Chips);