@centreon/react-components/lib/MaterialComponents/Tooltip/index.js

react components used by centreon web frontend

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _react = _interopRequireDefault(require("react"));

var _styles = require("@material-ui/core/styles");

var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));

var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));

/* eslint-disable react/jsx-filename-extension */

/* eslint-disable react/prop-types */

/* eslint-disable react/prefer-stateless-function */
var styles = function styles() {
  return {
    tooltipStyle: {},
    iconButtonStyle: {
      padding: 5
    }
  };
};

var TooltipMaterial =
/*#__PURE__*/
function (_React$Component) {
  (0, _inherits2["default"])(TooltipMaterial, _React$Component);

  function TooltipMaterial() {
    (0, _classCallCheck2["default"])(this, TooltipMaterial);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TooltipMaterial).apply(this, arguments));
  }

  (0, _createClass2["default"])(TooltipMaterial, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          label = _this$props.label,
          classes = _this$props.classes,
          children = _this$props.children,
          onClick = _this$props.onClick,
          customStyle = _this$props.customStyle;
      return _react["default"].createElement(_Tooltip["default"], {
        title: label,
        className: classes.tooltipStyle,
        onClick: onClick
      }, _react["default"].createElement(_IconButton["default"], {
        style: customStyle,
        "aria-label": label,
        className: classes.iconButtonStyle
      }, children));
    }
  }]);
  return TooltipMaterial;
}(_react["default"].Component);

var _default = (0, _styles.withStyles)(styles)(TooltipMaterial);

exports["default"] = _default;