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

Set of react components.

import PropTypes from 'prop-types';
import { Action } from '../../Actions';
import { cellTitleDisplayModes } from '../utils/constants';
import CellTitleInput from './CellTitleInput.component';
import CellLink from '../CellLink/CellLink.component';
import TooltipTrigger from '../../TooltipTrigger';
import { jsx as _jsx } from "react/jsx-runtime";
const {
  TITLE_MODE_TEXT,
  TITLE_MODE_INPUT
} = cellTitleDisplayModes;

/**
 * Component that selects and renders the requested title display mode
 */
function CellTitleSelector(props) {
  const {
    id,
    cellData,
    className,
    displayMode,
    onClick,
    linkAs,
    onEditSubmit,
    onEditCancel,
    rowData,
    columnData,
    tooltip
  } = props;
  if (displayMode === TITLE_MODE_INPUT) {
    return /*#__PURE__*/_jsx(CellTitleInput, {
      id: id && `${id}-input`,
      cellData: cellData,
      rowData: rowData,
      onEditSubmit: onEditSubmit,
      onEditCancel: onEditCancel
    });
  }
  if (onClick) {
    return /*#__PURE__*/_jsx(Action, {
      ...columnData,
      id: id && `${id}-btn`,
      icon: undefined,
      className: className,
      onClick: event => onClick(event, rowData),
      role: "link",
      bsStyle: "link",
      label: cellData,
      type: "button",
      tooltip: tooltip || cellData
    });
  }
  if (linkAs) {
    return /*#__PURE__*/_jsx(CellLink, {
      cellData: cellData,
      rowData: rowData,
      columnData: {
        ...columnData,
        id,
        linkAs,
        tooltip
      },
      className: className
    });
  }
  return /*#__PURE__*/_jsx(TooltipTrigger, {
    label: tooltip || cellData,
    tooltipPlacement: "top",
    children: /*#__PURE__*/_jsx("span", {
      id: id,
      className: className,
      children: cellData
    })
  });
}
CellTitleSelector.propTypes = {
  /** The id prefix. */
  id: PropTypes.string,
  /** The input value. */
  cellData: PropTypes.string.isRequired,
  /** The title element className. */
  className: PropTypes.string,
  /** The display mode. */
  displayMode: PropTypes.oneOf([TITLE_MODE_TEXT, TITLE_MODE_INPUT]),
  /** The onClick callback triggered on title main button click. */
  onClick: PropTypes.func,
  // The "as" property expected in a Link to generate a simple href.
  linkAs: PropTypes.element,
  /** Input mode : the cancel callback on ESC keydown. */
  onEditCancel: PropTypes.func,
  /** Input mode : the submit callback on ENTER keydown or blur. */
  onEditSubmit: PropTypes.func,
  /** The column item */
  columnData: PropTypes.object,
  // eslint-disable-line react/forbid-prop-types
  /** The collection item. */
  rowData: PropTypes.object,
  // eslint-disable-line react/forbid-prop-types
  /** The title element tooltip */
  tooltip: PropTypes.string
};
export default CellTitleSelector;
//# sourceMappingURL=CellTitleSelector.component.js.map