UNPKG

@massds/mayflower-react

Version:

React versions of Mayflower design system UI components

46 lines (45 loc) 2.66 kB
"use strict"; exports.__esModule = true; exports["default"] = void 0; var _react = _interopRequireDefault(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _index = _interopRequireDefault(require("../InputText/index.js")); var _index2 = _interopRequireDefault(require("../ButtonWithIcon/index.js")); function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; } function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /** * SearchBannerForm module. * @module @massds/mayflower-react/SearchBannerForm * @requires module:@massds/mayflower-assets/scss/03-organisms/search-banner * @requires module:@massds/mayflower-assets/scss/01-atoms/error-msg * @requires module:@massds/mayflower-assets/scss/01-atoms/button-with-icon * @requires module:@massds/mayflower-assets/scss/01-atoms/button-search * @requires module:@massds/mayflower-assets/scss/01-atoms/input-typeahead * @requires module:@massds/mayflower-assets/scss/01-atoms/svg-icons * @requires module:@massds/mayflower-assets/scss/01-atoms/svg-loc-icons */ var SearchBannerForm = function SearchBannerForm(searchBannerForm) { var _searchBannerForm$but = searchBannerForm.buttonSearch.classes, classes = _searchBannerForm$but === void 0 ? [] : _searchBannerForm$but; classes = classes.concat(['ma__search-banner__button']); return /*#__PURE__*/_react["default"].createElement("form", { className: "ma__search-banner__form", action: searchBannerForm.action, onSubmit: searchBannerForm.onSubmit }, /*#__PURE__*/_react["default"].createElement("div", { className: "ma__search-banner__input" }, /*#__PURE__*/_react["default"].createElement(_index["default"], searchBannerForm.inputText)), /*#__PURE__*/_react["default"].createElement(_index2["default"], _extends({}, searchBannerForm.buttonSearch, { classes: classes }))); }; SearchBannerForm.propTypes = process.env.NODE_ENV !== "production" ? { /** The URL to submit form data to */ action: _propTypes["default"].string, /** Custom submit function */ onSubmit: _propTypes["default"].func, /** The properties for the text input field */ inputText: _propTypes["default"].shape(_index["default"].propTypes).isRequired, /** The Search button */ buttonSearch: _propTypes["default"].shape(_index2["default"].propTypes).isRequired } : {}; var _default = exports["default"] = SearchBannerForm; module.exports = exports.default;