@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
46 lines (45 loc) • 2.66 kB
JavaScript
;
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;