@centreon/react-components/lib/Table/TableCustom/EnhancedTableHead.js

react components used by centreon web frontend

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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 _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

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

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

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

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

var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));

var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _StyledTableCell = _interopRequireDefault(require("./StyledTableCell"));

var _StyledTableSortLabel = _interopRequireDefault(require("./StyledTableSortLabel"));

var _StyledCheckbox = _interopRequireDefault(require("./StyledCheckbox"));

var _ColumnTypes = _interopRequireDefault(require("../ColumnTypes"));

/* eslint-disable react/jsx-filename-extension */
var EnhancedTableHead =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2["default"])(EnhancedTableHead, _Component);

  function EnhancedTableHead() {
    var _getPrototypeOf2;

    var _this;

    (0, _classCallCheck2["default"])(this, EnhancedTableHead);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(EnhancedTableHead)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "createSortHandler", function (property) {
      return function (event) {
        var onRequestSort = _this.props.onRequestSort;
        onRequestSort(event, property);
      };
    });
    return _this;
  }

  (0, _createClass2["default"])(EnhancedTableHead, [{
    key: "render",
    value: function render() {
      var _this2 = this;

      var _this$props = this.props,
          onSelectAllClick = _this$props.onSelectAllClick,
          order = _this$props.order,
          orderBy = _this$props.orderBy,
          numSelected = _this$props.numSelected,
          rowCount = _this$props.rowCount,
          headRows = _this$props.headRows,
          checkable = _this$props.checkable,
          indicatorsEditor = _this$props.indicatorsEditor;
      return _react["default"].createElement(_TableHead["default"], null, _react["default"].createElement(_TableRow["default"], null, checkable ? _react["default"].createElement(_StyledTableCell["default"], {
        align: "left",
        padding: "checkbox",
        style: indicatorsEditor ? {
          padding: '3px 4px'
        } : {}
      }, _react["default"].createElement(_StyledCheckbox["default"], {
        indeterminate: numSelected > 0 && numSelected < rowCount,
        checked: numSelected === rowCount,
        onChange: onSelectAllClick
      })) : null, headRows.map(function (row) {
        return _react["default"].createElement(_StyledTableCell["default"], {
          key: row.id,
          align: row.numeric ? 'left' : 'inherit',
          padding: row.disablePadding ? 'none' : 'default',
          sortDirection: orderBy === row.id ? order : false,
          style: indicatorsEditor ? {
            padding: '3px 4px'
          } : {}
        }, row.type === _ColumnTypes["default"].multicolumn ? row.label : _react["default"].createElement(_StyledTableSortLabel["default"], {
          active: orderBy === row.id,
          direction: order || 'desc',
          onClick: _this2.createSortHandler(row.id),
          icon: {
            color: 'red'
          }
        }, row.label));
      }), indicatorsEditor && numSelected > 0 ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_StyledTableCell["default"], {
        key: "modeKpi",
        align: "left",
        padding: "none",
        style: indicatorsEditor ? {
          padding: '3px 4px'
        } : {}
      }, "Mode"), _react["default"].createElement(_StyledTableCell["default"], {
        key: "warningKpi",
        align: "left",
        padding: "none",
        style: indicatorsEditor ? {
          padding: '3px 4px'
        } : {}
      }, "Warning"), _react["default"].createElement(_StyledTableCell["default"], {
        key: "criticalKpi",
        align: "left",
        padding: "none",
        style: indicatorsEditor ? {
          padding: '3px 4px'
        } : {}
      }, "Critical"), _react["default"].createElement(_StyledTableCell["default"], {
        key: "unknownKpi",
        align: "left",
        padding: "none",
        style: indicatorsEditor ? {
          padding: '3px 4px'
        } : {}
      }, "Unknown")) : null));
    }
  }]);
  return EnhancedTableHead;
}(_react.Component);

EnhancedTableHead.propTypes = {
  numSelected: _propTypes["default"].number.isRequired,
  onRequestSort: _propTypes["default"].func.isRequired,
  onSelectAllClick: _propTypes["default"].func.isRequired,
  order: _propTypes["default"].string.isRequired,
  orderBy: _propTypes["default"].string.isRequired,
  rowCount: _propTypes["default"].number.isRequired,
  headRows: _propTypes["default"].arrayOf(_propTypes["default"].objectOf(_propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].string, _propTypes["default"].number]))).isRequired,
  checkable: _propTypes["default"].bool.isRequired
};
var _default = EnhancedTableHead;
exports["default"] = _default;