@kiwicom/smart-faq/lib/shared/StaticFAQ/SearchAutocomplete.js

"use strict";

require("core-js/modules/es.object.get-own-property-descriptor");

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

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

var _reactRouterDom = require("react-router-dom");

var _reactRelay = require("react-relay");

var _Heading = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Heading"));

var _Text = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Text"));

var _CardSection = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Card/CardSection"));

var _ValueBind = _interopRequireDefault(require("@kiwicom/nitro/lib/components/ValueBind"));

var _SearchState = require("../../SmartFAQ/context/SearchState");

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

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

// @flow
function SearchAutocomplete(_ref) {
  var _ref$article = _ref.article,
      id = _ref$article.id,
      title = _ref$article.title,
      perex = _ref$article.perex;
  return React.createElement(_SearchState.SearchState.Consumer, null, function (_ref2) {
    var changeSearchText = _ref2.changeSearchText;
    return React.createElement(_ValueBind.default, {
      value: "",
      onChange: changeSearchText
    }, function (_ref3) {
      var onClick = _ref3.onClick;
      return React.createElement(_reactRouterDom.Link, {
        to: "/faq/search/article/".concat(id),
        onClick: onClick,
        style: {
          textDecoration: 'none',
          display: 'block'
        }
      }, React.createElement(_CardSection.default, {
        dataTest: "autocompleteResult"
      }, title && React.createElement(_Heading.default, {
        type: "title3",
        element: "h3"
      }, title), perex && React.createElement(_Text.default, null, perex)));
    });
  });
}

var _default = (0, _reactRelay.createFragmentContainer)(SearchAutocomplete, {
  article: function article() {
    var node = require("./__generated__/SearchAutocomplete_article.graphql");

    if (node.hash && node.hash !== "016eaed9ee4cd687d9581d7d4b3935ad") {
      console.error("The definition of 'SearchAutocomplete_article' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.");
    }

    return require("./__generated__/SearchAutocomplete_article.graphql");
  }
});

exports.default = _default;