test-lib-audits/example/dist/components/Search/index.js

React library for audits

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _noun_Delete_ = require("../../assets/noun_Delete_1676375.svg");

var _noun_Delete_2 = _interopRequireDefault(_noun_Delete_);

var _noun_print_ = require("../../assets/noun_print_2117815.svg");

var _noun_print_2 = _interopRequireDefault(_noun_print_);

var _noun_exportPdf_ = require("../../assets/noun_export pdf_2021663.svg");

var _noun_exportPdf_2 = _interopRequireDefault(_noun_exportPdf_);

var _noun_exportCsv_ = require("../../assets/noun_export csv_2021662.svg");

var _noun_exportCsv_2 = _interopRequireDefault(_noun_exportCsv_);

var _filter = require("../../assets/filter.png");

var _filter2 = _interopRequireDefault(_filter);

var _noun_confirm_ = require("../../assets/noun_confirm_275573.svg");

var _noun_confirm_2 = _interopRequireDefault(_noun_confirm_);

require("./style.css");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(function () {
  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule;
  enterModule && enterModule(module);
})();

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var tags = ["All", "Only Today", "Only Severe", "From Russia"];

var Search = function Search(props) {
  var _useState = (0, _react.useState)(""),
      _useState2 = _slicedToArray(_useState, 2),
      searchTerm = _useState2[0],
      updateSearch = _useState2[1];

  return _react2.default.createElement(
    "div",
    null,
    _react2.default.createElement(
      "div",
      { className: "separator search-div" },
      _react2.default.createElement(
        "div",
        { className: "search-form-div" },
        _react2.default.createElement(
          "form",
          {
            className: "search-form",
            onSubmit: function onSubmit(e) {
              e.preventDefault();
              console.log({ searchTerm: searchTerm });
              props.textSearch(searchTerm);
            } },
          _react2.default.createElement("input", {
            type: "text",
            value: searchTerm,
            onChange: function onChange(e) {
              return updateSearch(e.target.value);
            },
            placeholder: "Search by any text",
            className: "search-input search-box-content search-box"
          })
        ),
        _react2.default.createElement(
          "div",
          {
            className: props.filters.length !== 0 ? "filter-tags filter-tags-visible" : "filter-tags" },
          _react2.default.createElement(
            "span",
            null,
            _react2.default.createElement("img", { src: _filter2.default, alt: "filter", width: 25, height: 25 })
          ),
          _react2.default.createElement(
            "span",
            {
              className: props.filters.length !== 0 ? "filter-marker-change filter-marker" : "filter-marker" },
            props.filters.length
          )
        )
      ),
      _react2.default.createElement(
        "div",
        { className: "search-box-content hide-box display-box" },
        _react2.default.createElement(
          "ul",
          { className: "search-box-ul" },
          props.filters.length !== 0 ? props.filters.map(function (values, index) {
            return _react2.default.createElement(
              "li",
              {
                key: index,
                className: "search-li-active search-li-active-tag",
                onClick: function onClick() {
                  return props.selectSearch(index);
                } },
              values.type === "users" ? "Title: " + values.value : "Severity: " + values.value,
              _react2.default.createElement("i", {
                className: "fa fa-times-circle cancel-icon",
                onClick: function onClick() {
                  props.filterFunc(props.filters.filter(function (key, i) {
                    return i !== index;
                  }));
                }
              })
            );
          }) : tags.map(function (values, index) {
            return _react2.default.createElement(
              "li",
              {
                key: index,
                className: props.search === index ? "search-li-active" : null,
                onClick: function onClick() {
                  return props.selectSearch(index);
                } },
              values
            );
          })
        )
      ),
      _react2.default.createElement(
        "div",
        { className: "hide-box" },
        _react2.default.createElement(
          "ul",
          { className: "search-icon-ul" },
          _react2.default.createElement(
            "li",
            null,
            _react2.default.createElement("img", { src: _noun_Delete_2.default, alt: "deleteicon" })
          ),
          _react2.default.createElement(
            "li",
            null,
            _react2.default.createElement("img", { src: _noun_print_2.default, alt: "printicon" })
          ),
          _react2.default.createElement(
            "li",
            null,
            _react2.default.createElement("img", { src: _noun_exportPdf_2.default, alt: "pdficon" })
          ),
          _react2.default.createElement(
            "li",
            null,
            _react2.default.createElement("img", { src: _noun_exportCsv_2.default, alt: "csvicon" })
          )
        )
      )
    ),
    _react2.default.createElement(
      "div",
      { className: "search-filter-div" },
      _react2.default.createElement(
        "h5",
        { className: "search-user-text" },
        "Filter By Options"
      ),
      _react2.default.createElement(
        "div",
        null,
        _react2.default.createElement(
          "ul",
          { className: "search-filters-ul" },
          _react2.default.createElement(
            "li",
            null,
            _react2.default.createElement(
              "span",
              null,
              "Time"
            ),
            _react2.default.createElement(
              "span",
              { className: "search-icon" },
              ">"
            )
          ),
          _react2.default.createElement(
            "li",
            null,
            _react2.default.createElement(
              "span",
              null,
              "Resource"
            ),
            _react2.default.createElement(
              "span",
              { className: "search-icon" },
              ">"
            )
          ),
          _react2.default.createElement(
            "li",
            null,
            _react2.default.createElement(
              "span",
              null,
              "Action"
            ),
            _react2.default.createElement(
              "span",
              { className: "search-icon" },
              ">"
            )
          )
        )
      ),
      _react2.default.createElement(
        "div",
        { className: "search-user-input-div" },
        _react2.default.createElement("input", {
          type: "text",
          placeholder: "Search User",
          className: "search-user-input"
        }),
        _react2.default.createElement("img", { src: _noun_confirm_2.default, className: "confirm-btn", alt: "confirm" })
      )
    )
  );
};

__signature__(Search, "useState{[searchTerm, updateSearch](\"\")}");

var _default = Search;
exports.default = _default;
;

(function () {
  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(tags, "tags", "src/components/Search/index.js");
  reactHotLoader.register(Search, "Search", "src/components/Search/index.js");
  reactHotLoader.register(_default, "default", "src/components/Search/index.js");
})();

;

(function () {
  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule;
  leaveModule && leaveModule(module);
})();