@talend/react-components/lib-esm/VirtualizedList/CellIconText/CellIconText.component.js

Set of react components.

import PropTypes from 'prop-types';
import { Component } from 'react';
import Icon from '../../Icon';
import { getTheme } from '../../theme';
import TooltipTrigger from '../../TooltipTrigger';
import theme from './CellIconText.module.scss';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const css = getTheme(theme);
const DEFAULT_TOOLTIP_PLACEMENT = 'top';
function getCellIcon({
  cellData,
  rowData,
  columnData = {}
}) {
  const {
    getIcon
  } = columnData;
  if (getIcon && typeof getIcon === 'function') {
    return getIcon(rowData);
  }
  return cellData.icon;
}
function getCellLabel({
  cellData
}) {
  if (typeof cellData === 'object') {
    return cellData.label;
  }
  return cellData;
}
function getCellLabelTooltip({
  cellData,
  rowData,
  columnData = {}
}) {
  const {
    getLabelTooltip
  } = columnData;
  let tooltip = '';
  if (typeof getLabelTooltip === 'function') {
    tooltip = getLabelTooltip(rowData);
  } else if (typeof cellData === 'object') {
    tooltip = cellData.labelTooltip;
  }
  return tooltip;
}
function getCellIconTooltip({
  cellData,
  rowData,
  columnData = {}
}) {
  const {
    getIconTooltip
  } = columnData;
  let tooltip = '';
  if (typeof getIconTooltip === 'function') {
    tooltip = getIconTooltip(rowData);
  } else if (typeof cellData === 'object') {
    tooltip = cellData.iconTooltip;
  }
  return tooltip;
}

/**
 * Cell renderer that displays a boolean
 */
class CellIconText extends Component {
  shouldComponentUpdate(nextProps) {
    return this.props.cellData !== nextProps.cellData;
  }
  render() {
    const {
      columnData = {}
    } = this.props;
    const icon = getCellIcon(this.props);
    const label = getCellLabel(this.props);
    const labelTooltip = getCellLabelTooltip(this.props);
    const iconTooltip = getCellIconTooltip(this.props);
    return /*#__PURE__*/_jsxs("div", {
      className: css('tc-icon-text'),
      children: [icon && (iconTooltip ? /*#__PURE__*/_jsx(TooltipTrigger, {
        label: iconTooltip,
        tooltipPlacement: columnData.tooltipPlacement || DEFAULT_TOOLTIP_PLACEMENT,
        children: /*#__PURE__*/_jsx("span", {
          children: /*#__PURE__*/_jsx(Icon, {
            name: icon
          })
        })
      }) : /*#__PURE__*/_jsx(Icon, {
        name: icon
      })), /*#__PURE__*/_jsx(TooltipTrigger, {
        label: labelTooltip || label,
        tooltipPlacement: columnData.tooltipPlacement || DEFAULT_TOOLTIP_PLACEMENT,
        children: /*#__PURE__*/_jsx("span", {
          className: theme.label,
          children: label
        })
      })]
    });
  }
}
CellIconText.displayName = 'VirtualizedList(CellIconText)';
CellIconText.propTypes = {
  // The cell value : props.rowData[props.dataKey]
  cellData: PropTypes.oneOf([PropTypes.shape({
    label: PropTypes.string,
    icon: PropTypes.string,
    iconTooltip: PropTypes.string,
    labelTooltip: PropTypes.string
  }), PropTypes.string]),
  columnData: PropTypes.shape({
    getIcon: PropTypes.func,
    getLabelTooltip: PropTypes.func,
    getIconTooltip: PropTypes.func,
    tooltipPlacement: PropTypes.string
  }).isRequired
};
CellIconText.defaultProps = {
  cellData: {}
};
export default CellIconText;
//# sourceMappingURL=CellIconText.component.js.map