ndla-ui/lib/Frontpage/FrontpageSearchSection.js

UI component library for NDLA.

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactBemHelper = require('react-bem-helper');

var _reactBemHelper2 = _interopRequireDefault(_reactBemHelper);

var _Search = require('../Search');

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

var classes = (0, _reactBemHelper2.default)('c-frontpage-search-section');

var FrontpageSearchSection = function FrontpageSearchSection(_ref) {
  var heading = _ref.heading,
      searchFieldValue = _ref.searchFieldValue,
      onSearchFieldChange = _ref.onSearchFieldChange,
      onSearch = _ref.onSearch,
      hideSearch = _ref.hideSearch;
  return !hideSearch ? _react2.default.createElement(
    'section',
    classes(),
    _react2.default.createElement(
      'h1',
      classes('heading'),
      heading
    ),
    _react2.default.createElement(_Search.SearchField, {
      placeholder: 'S\xF8k i fagstoff, oppgaver og aktiviteter eller l\xE6ringsstier',
      value: searchFieldValue,
      onChange: onSearchFieldChange,
      messages: {
        searchFieldTitle: 'Søk'
      },
      onSearch: onSearch,
      resourceToLinkProps: function resourceToLinkProps() {}
    })
  ) : null;
};

FrontpageSearchSection.propTypes = {
  hideSearch: _propTypes2.default.bool, // TODO: Search is temporary hidden as default.
  onSearch: _propTypes2.default.func.isRequired,
  searchFieldValue: _propTypes2.default.string.isRequired,
  onSearchFieldChange: _propTypes2.default.func.isRequired,
  heading: _propTypes2.default.string.isRequired
};

FrontpageSearchSection.defaultProps = {
  hideSearch: true
};

exports.default = FrontpageSearchSection;