@sis-cc/dotstatsuite-visions 6.7.1 → 7.2.1

package/lib/Table/itemCell.js

@@ -1,74 +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 _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 ItemCell = function ItemCell(_ref) {
-  var label = _ref.label,
-      parents = _ref.parents,
-      flags = _ref.flags,
-      justifyContent = _ref.justifyContent,
-      alignItems = _ref.alignItems,
-      fontWeight = _ref.fontWeight,
-      fontStyle = _ref.fontStyle,
-      _ref$sticky = _ref.sticky,
-      sticky = _ref$sticky === undefined ? false : _ref$sticky;
-
-  var style = {
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: R.defaultTo('space-between', justifyContent),
-    alignItems: R.defaultTo('center', alignItems),
-    textAlign: R.equals('center', justifyContent) ? 'center' : 'inherit',
-    fontWeight: R.defaultTo('inherit', fontWeight),
-    fontStyle: R.defaultTo('inherit', fontStyle),
-    paddingTop: R.anyPass([R.isNil, R.isEmpty])(flags) ? 4 : 0,
-    paddingBottom: 4,
-    paddingLeft: R.pipe(R.when(R.isNil, R.always([])), R.length, R.multiply(12))(parents),
-    height: '100%'
-  };
-
-  return _react2.default.createElement(
-    'div',
-    { style: style },
-    _react2.default.createElement(
-      'div',
-      { style: sticky ? { display: 'inline-block', position: 'sticky', left: 8, right: 8 } : {} },
-      label,
-      _react2.default.createElement(_tooltip2.default, { flags: flags })
-    )
-  );
-};
-
-ItemCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: _propTypes2.default.string,
-  flags: _propTypes2.default.array,
-  parents: _propTypes2.default.array,
-  justifyContent: _propTypes2.default.string,
-  fontWeight: _propTypes2.default.string,
-  fontStyle: _propTypes2.default.string,
-  alignItems: _propTypes2.default.string,
-  sticky: _propTypes2.default.bool
-} : {};
-
-exports.default = _react2.default.memo(ItemCell);
-module.exports = exports['default'];

package/lib/Table/row-header.js

@@ -1,113 +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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _styles = require('@material-ui/core/styles');
-
-var _reactSizeme = require('react-sizeme');
-
-var _reactSizeme2 = _interopRequireDefault(_reactSizeme);
-
-var _styles2 = require('./styles');
-
-var _itemCell = require('./itemCell');
-
-var _itemCell2 = _interopRequireDefault(_itemCell);
-
-var _utils = 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, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      color: theme.palette.grey['A700'],
-      backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light
-    },
-    sep: {
-      backgroundColor: theme.palette.grey[200]
-    },
-    highlight: theme.mixins.table.cellHighlight
-  };
-});
-
-var XVector = (0, _reactSizeme2.default)({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(_styles2.Cell);
-
-var RowHeader = function RowHeader(_ref) {
-  var data = _ref.data,
-      headerData = _ref.headerData,
-      onYVectorSize = _ref.onYVectorSize,
-      getYOffset = _ref.getYOffset,
-      yOffset = _ref.yOffset,
-      activeCellIds = _ref.activeCellIds;
-
-  var classes = useStyles();
-  if (R.isEmpty(data)) return null;
-
-  return _react2.default.createElement(
-    _react2.default.Fragment,
-    null,
-    R.addIndex(R.map)(function (rowColumn, i) {
-      return _react2.default.createElement(
-        XVector,
-        {
-          key: 'row-column-' + i,
-          yOffset: getYOffset(yOffset),
-          onSize: onYVectorSize(yOffset),
-          className: classes.root
-        },
-        _react2.default.createElement(_itemCell2.default, _extends({
-          justifyContent: 'flex-start',
-          fontWeight: 'bold',
-          fontStyle: 'italic'
-        }, R.propOr({}, 'dimension', rowColumn)))
-      );
-    }, data),
-    _react2.default.createElement(_styles2.Cell, { yOffset: getYOffset(yOffset), className: classes.sep }),
-    R.addIndex(R.map)(function (header, j) {
-      var _cx;
-
-      return _react2.default.createElement(
-        _styles2.Cell,
-        {
-          key: 'row-header-' + j,
-          yOffset: getYOffset(yOffset),
-          className: (0, _classnames2.default)(classes.sep, (_cx = {}, _cx[classes.highlight] = R.prop('col-' + j)(activeCellIds), _cx))
-        },
-        _react2.default.createElement(_itemCell2.default, _extends({ justifyContent: 'center', alignItems: 'end' }, header))
-      );
-    }, headerData)
-  );
-};
-
-RowHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  data: _propTypes2.default.array.isRequired,
-  headerData: _propTypes2.default.array.isRequired,
-  yOffset: _propTypes2.default.number.isRequired,
-  onYVectorSize: _propTypes2.default.func.isRequired,
-  getYOffset: _propTypes2.default.func.isRequired,
-  activeCellIds: _propTypes2.default.object
-} : {};
-
-exports.default = RowHeader;
-module.exports = exports['default'];

package/lib/Table/section-header.js

@@ -1,145 +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 _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _Lens = require('@material-ui/icons/Lens');
-
-var _Lens2 = _interopRequireDefault(_Lens);
-
-var _core = require('@material-ui/core');
-
-var _styles = require('@material-ui/core/styles');
-
-var _styles2 = require('./styles');
-
-var _tooltip = require('./tooltip');
-
-var _tooltip2 = _interopRequireDefault(_tooltip);
-
-var _utils = 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 Dot = (0, _core.withStyles)(function (theme) {
-  return {
-    root: {
-      fontSize: theme.typography.pxToRem(8),
-      margin: theme.spacing(0, 0.5)
-    }
-  };
-})(_Lens2.default);
-
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    zCell: {
-      backgroundColor: (0, _utils.getDark)(theme) || theme.palette.secondary.dark,
-      color: theme.palette.grey['A700'],
-      textAlign: 'left',
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    },
-    zAtom: {
-      paddingTop: 4,
-      paddingBottom: 4,
-      zIndex: 1
-    },
-    zQuant: {
-      zIndex: 1,
-      whiteSpace: 'nowrap'
-    },
-    zQuantDimension: {
-      fontWeight: 'bold',
-      fontStyle: 'italic',
-      margin: theme.spacing(0, 0.5, 0, 0)
-    },
-    zQuantDimensionRtl: {
-      margin: theme.spacing(0, 0, 0, 0.5)
-    }
-  };
-});
-
-var SectionHeader = function SectionHeader(_ref) {
-  var section = _ref.section,
-      columnCount = _ref.columnCount,
-      yOffset = _ref.yOffset,
-      isRtl = _ref.isRtl;
-
-  var classes = useStyles();
-  if (R.isEmpty(R.propOr([], 'data', section))) return null;
-  var data = R.propOr([], 'data', section);
-  var hasFlag = R.find(R.pipe(R.path(['value', 'flags']), R.isEmpty, R.not))(data);
-  return _react2.default.createElement(
-    _styles2.Cell,
-    { spanCount: columnCount, yOffset: yOffset, className: classes.zCell },
-    _react2.default.createElement(
-      'div',
-      { className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
-      R.pipe(R.addIndex(R.map)(function (entry, index) {
-        var _cx;
-
-        return _react2.default.createElement(
-          _react2.default.Fragment,
-          { key: index },
-          R.not(R.equals(index, 0)) && _react2.default.createElement(
-            'span',
-            { className: classes.zQuant },
-            _react2.default.createElement(Dot, null)
-          ),
-          _react2.default.createElement(
-            'span',
-            {
-              className: (0, _classnames2.default)(classes.zQuant, classes.zQuantDimension, (_cx = {}, _cx[classes.zQuantDimensionRtl] = isRtl, _cx))
-            },
-            R.pathOr('', ['dimension', 'label'], entry),
-            ':'
-          ),
-          _react2.default.createElement(
-            'span',
-            { className: classes.zQuant },
-            R.pathOr('', ['value', 'label'], entry)
-          ),
-          R.not(R.isEmpty(R.pathOr([], ['value', 'flags'], entry))) && _react2.default.createElement(
-            _react2.default.Fragment,
-            null,
-            '\xA0'
-          ),
-          _react2.default.createElement(_tooltip2.default, { flags: R.pathOr([], ['value', 'flags'], entry) })
-        );
-      }))(data)
-    ),
-    _react2.default.createElement(
-      'div',
-      { className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
-      _react2.default.createElement(_tooltip2.default, { flags: R.propOr([], 'flags', section) })
-    )
-  );
-};
-
-SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  section: _propTypes2.default.object.isRequired,
-  yOffset: _propTypes2.default.number.isRequired,
-  columnCount: _propTypes2.default.number.isRequired,
-  isRtl: _propTypes2.default.bool
-} : {};
-
-exports.default = _react2.default.memo(SectionHeader);
-module.exports = exports['default'];

package/lib/Table/section-rows.js

@@ -1,134 +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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _styles = require('./styles');
-
-var _itemCell = require('./itemCell');
-
-var _itemCell2 = _interopRequireDefault(_itemCell);
-
-var _valueCell = require('./valueCell');
-
-var _valueCell2 = _interopRequireDefault(_valueCell);
-
-var _tooltip = require('./tooltip');
-
-var _tooltip2 = _interopRequireDefault(_tooltip);
-
-var _useStyles = require('./useStyles');
-
-var _useStyles2 = _interopRequireDefault(_useStyles);
-
-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 SectionRows = function SectionRows(_ref) {
-  var data = _ref.data,
-      sectionData = _ref.sectionData,
-      yColumnCount = _ref.yColumnCount,
-      cells = _ref.cells,
-      headerData = _ref.headerData,
-      cellHandler = _ref.cellHandler,
-      activeCellIds = _ref.activeCellIds,
-      activeCellHandler = _ref.activeCellHandler,
-      cellValueAccessor = _ref.cellValueAccessor;
-
-  var classes = (0, _useStyles2.default)();
-
-  if (R.lte(yColumnCount, 0)) return null;
-  return R.addIndex(R.map)(function (row, i) {
-    var _cx2;
-
-    var key = i + '-' + sectionData.key + '-' + row.key;
-    return _react2.default.createElement(
-      'span',
-      { style: { display: 'contents' }, key: key },
-      R.addIndex(R.map)(function (entry, columnIndex) {
-        var _cx;
-
-        return _react2.default.createElement(
-          _styles.Cell,
-          {
-            key: columnIndex,
-            parents: R.pathOr([], ['value', 'parents'], entry),
-            className: (0, _classnames2.default)(classes.xCell, classes.xCellDimension, (_cx = {}, _cx[classes.highlight] = R.prop(key)(activeCellIds), _cx))
-          },
-          _react2.default.createElement(_itemCell2.default, _extends({ justifyContent: 'flex-start' }, R.propOr({}, 'value', entry)))
-        );
-      }, R.propOr([], 'data', row)),
-      _react2.default.createElement(
-        _styles.Cell,
-        {
-          className: (0, _classnames2.default)(classes.sCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(key)(activeCellIds), _cx2))
-        },
-        _react2.default.createElement(_tooltip2.default, { flags: R.propOr([], 'flags', row) })
-      ),
-      R.addIndex(R.map)(function (column, columnIndex) {
-        var _cx3;
-
-        var keyCol = 'col-' + columnIndex;
-        var intersectionCellId = key + '/' + keyCol;
-        var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
-        return _react2.default.createElement(
-          _styles.Cell,
-          {
-            key: keyCol,
-            className: (0, _classnames2.default)(classes.xCell, classes.xCellValue, (_cx3 = {}, _cx3[classes.xCellActive] = isActive, _cx3[classes.highlight] = R.any(R.identity)([R.prop(key)(activeCellIds), R.prop(keyCol)(activeCellIds)]), _cx3)),
-            onClick: R.is(Function, activeCellHandler) ? function () {
-              var _activeCellHandler;
-
-              return activeCellHandler((_activeCellHandler = {}, _activeCellHandler[key] = R.not(isActive), _activeCellHandler[keyCol] = R.not(isActive), _activeCellHandler.intersectionCellId = isActive ? null : intersectionCellId, _activeCellHandler));
-            } : null
-          },
-          _react2.default.createElement(_valueCell2.default, _extends({}, R.pipe(R.pathOr({ value: '..' }, [column.key, sectionData.key, row.key, 0]), cellValueAccessor)(cells), {
-            cellHandler: cellHandler
-          }))
-        );
-      }, headerData)
-    );
-  }, data);
-};
-
-SectionRows.propTypes = process.env.NODE_ENV !== "production" ? {
-  cells: _propTypes2.default.object.isRequired,
-  cellHandler: _propTypes2.default.func,
-  cellValueAccessor: _propTypes2.default.func,
-  data: _propTypes2.default.array.isRequired,
-  headerData: _propTypes2.default.array.isRequired,
-  sectionData: _propTypes2.default.object.isRequired,
-  yColumnCount: _propTypes2.default.number.isRequired,
-  activeCellIds: _propTypes2.default.object,
-  activeCellHandler: _propTypes2.default.func
-} : {};
-
-SectionRows.defaultProps = {
-  cells: {},
-  cellValueAccessor: R.identity,
-  data: [],
-  headerData: [],
-  sectionData: [],
-  yColumnCount: 1
-};
-
-exports.default = _react2.default.memo(SectionRows);
-module.exports = exports['default'];

package/lib/Table/styles.js

@@ -1,69 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.Table = exports.Cell = exports.cell = undefined;
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _glamorous = require('glamorous');
-
-var _glamorous2 = _interopRequireDefault(_glamorous);
-
-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; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var cell = exports.cell = {
-  outline: '1px solid #A4A1A1',
-  fontSize: 12,
-  fontWeight: 400,
-  lineHeight: 1.43,
-  padding: '0px 8px',
-  zIndex: 1
-};
-
-var Cell = exports.Cell = _glamorous2.default.div(cell, function (_ref) {
-  var spanCount = _ref.spanCount,
-      yOffset = _ref.yOffset;
-  return {
-    '@supports (display: grid)': {
-      gridColumn: 'span ' + R.defaultTo(1, spanCount)
-    },
-    '@supports (position: sticky)': {
-      position: R.isNil(yOffset) ? null : 'sticky',
-      top: yOffset
-    }
-  };
-});
-
-Cell.propTypes = {
-  className: _propTypes2.default.string,
-  spanCount: _propTypes2.default.number,
-  yOffset: _propTypes2.default.number,
-  children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node])
-};
-
-var Table = exports.Table = _glamorous2.default.div({
-  display: '-ms-grid',
-  '@supports (display: grid)': {
-    display: 'grid'
-  },
-  gridAutoRows: 'auto',
-  msGridAutoFlow: 'row'
-}, function (_ref2) {
-  var columnCount = _ref2.columnCount,
-      xColumnCount = _ref2.xColumnCount;
-
-  var gridTemplateColumns = R.pipe(R.times(R.always('auto')), R.update(R.dec(xColumnCount), '30px'), R.join(' '))(columnCount);
-
-  return {
-    gridTemplateColumns: gridTemplateColumns,
-    msGridColumns: gridTemplateColumns
-  };
-});

package/lib/Table/tableCell.js

@@ -1,50 +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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _valueCell = require('./valueCell');
-
-var _valueCell2 = _interopRequireDefault(_valueCell);
-
-var _useStyles = require('./useStyles');
-
-var _useStyles2 = _interopRequireDefault(_useStyles);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var TableCell = function TableCell(_ref) {
-  var _ref$cell = _ref.cell,
-      cell = _ref$cell === undefined ? {} : _ref$cell,
-      cellHandler = _ref.cellHandler;
-
-  var classes = (0, _useStyles2.default)();
-
-  return _react2.default.createElement(
-    'div',
-    { className: (0, _classnames2.default)(classes.cell, classes.xCell, classes.xCellValue) },
-    _react2.default.createElement(_valueCell2.default, _extends({}, cell, { cellHandler: cellHandler }))
-  );
-};
-
-TableCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  cell: _propTypes2.default.object,
-  cellHandler: _propTypes2.default.func,
-  isRtl: _propTypes2.default.bool
-} : {};
-
-exports.default = TableCell;
-module.exports = exports['default'];

package/lib/Table/tooltip.js

@@ -1,104 +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 _styles = require('@material-ui/core/styles');
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-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 useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    content: {
-      borderRadius: 3,
-      boxSizing: 'border-box',
-      color: 'white',
-      listStyleType: 'none',
-      maxWidth: 270,
-      padding: 0,
-      margin: 0,
-      fontSize: 12,
-      fontWeight: 400,
-      lineHeight: 1.43
-    },
-    flags: _extends({
-      verticalAlign: 'super',
-      borderBottom: '1px dotted',
-      borderColor: 'inherit',
-      margin: theme.spacing(0, 0.5),
-      whiteSpace: 'nowrap',
-      fontWeight: 'bold',
-      fontStyle: 'normal'
-    }, R.pathOr({}, ['mixins', 'table', 'flag'], theme)),
-    svg: {
-      verticalAlign: 'middle'
-    }
-  };
-});
-
-var ItemTooltip = function ItemTooltip(_ref) {
-  var flags = _ref.flags;
-
-  var classes = useStyles();
-  if (R.anyPass([R.isNil, R.isEmpty])(flags)) return null;
-  var hasUncoded = R.any(R.complement(R.has('code')), flags);
-  var codedIcons = R.pipe(R.reduce(function (acc, flag) {
-    return R.when(R.always(R.has('code', flag)), R.append(flag.code))(acc);
-  }, []), R.join(','))(flags);
-
-  var content = _react2.default.createElement(
-    'ul',
-    { className: classes.content },
-    R.addIndex(R.map)(function (_ref2, index) {
-      var label = _ref2.label;
-      return _react2.default.createElement(
-        'li',
-        { key: index },
-        label
-      );
-    }, flags)
-  );
-
-  return _react2.default.createElement(
-    _.Tooltip,
-    { title: content, placement: 'top', enterNextDelay: 100 },
-    _react2.default.createElement(
-      'span',
-      { className: classes.flags },
-      R.not(R.isEmpty(codedIcons)) && codedIcons,
-      R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && _react2.default.createElement(
-        _react2.default.Fragment,
-        null,
-        ','
-      ),
-      hasUncoded && _react2.default.createElement(_.Asterisk, { className: classes.svg, style: { fontSize: 11 } })
-    )
-  );
-};
-
-ItemTooltip.propTypes = process.env.NODE_ENV !== "production" ? {
-  flags: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-    code: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-    label: _propTypes2.default.string
-  }))
-} : {};
-
-exports.default = _react2.default.memo(ItemTooltip);
-module.exports = exports['default'];