@centreon/react-components/lib/TopFilters/index.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

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 = _interopRequireWildcard(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _grid = _interopRequireDefault(require("../global-sass-files/_grid.scss"));

var _topFilters = _interopRequireDefault(require("./top-filters.scss"));

var _Wrapper = _interopRequireDefault(require("../Wrapper"));

var _SearchLive = _interopRequireDefault(require("../Search/SearchLive"));

var _Switcher = _interopRequireDefault(require("../Switcher"));

var _ButtonRegular = _interopRequireDefault(require("../Button/ButtonRegular"));

/* eslint-disable react/no-array-index-key */

/* eslint-disable prettier/prettier */

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

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

/* eslint-disable react/prefer-stateless-function */
var TopFilters =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2["default"])(TopFilters, _Component);

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

  (0, _createClass2["default"])(TopFilters, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          fullText = _this$props.fullText,
          switchers = _this$props.switchers,
          onChange = _this$props.onChange;
      return _react["default"].createElement("div", {
        className: _grid["default"]['container-gray']
      }, _react["default"].createElement("div", {
        className: _topFilters["default"]['filters-wrapper']
      }, _react["default"].createElement(_Wrapper["default"], null, _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_grid["default"].container__row)
      }, fullText ? _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_grid["default"]['container__col-md-3'], _grid["default"]['container__col-xs-12'])
      }, _react["default"].createElement(_SearchLive["default"], {
        icon: fullText.icon,
        onChange: onChange,
        label: fullText.label,
        value: fullText.value,
        filterKey: fullText.filterKey
      })) : null, _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_grid["default"].container__row)
      }, switchers ? switchers.map(function (switcherColumn, index) {
        return _react["default"].createElement("div", {
          key: "switcherSubColumn".concat(index),
          className: _topFilters["default"]['switch-wrapper']
        }, switcherColumn.map(function (_ref, i) {
          var customClass = _ref.customClass,
              switcherTitle = _ref.switcherTitle,
              switcherStatus = _ref.switcherStatus,
              button = _ref.button,
              label = _ref.label,
              buttonType = _ref.buttonType,
              color = _ref.color,
              onClick = _ref.onClick,
              filterKey = _ref.filterKey,
              value = _ref.value;
          return !button ? _react["default"].createElement(_Switcher["default"], (0, _extends2["default"])({
            key: "switcher".concat(index).concat(i),
            customClass: customClass
          }, switcherTitle ? {
            switcherTitle: switcherTitle
          } : {}, {
            switcherStatus: switcherStatus,
            filterKey: filterKey,
            onChange: onChange,
            value: value
          })) : _react["default"].createElement("div", {
            key: "switcher".concat(index).concat(i),
            className: (0, _classnames["default"])(_grid["default"]['container__col-sm-6'], _grid["default"]['container__col-xs-4'], _grid["default"]['center-vertical'], _grid["default"]['mt-1'], _topFilters["default"]['button-wrapper'])
          }, _react["default"].createElement(_ButtonRegular["default"], {
            key: "switcherButton".concat(index).concat(i),
            label: label,
            buttonType: buttonType,
            color: color,
            onClick: onClick
          }));
        }));
      }) : null)))));
    }
  }]);
  return TopFilters;
}(_react.Component);

var _default = TopFilters;
exports["default"] = _default;