react-bootstrap-typeahead
Version:
React typeahead with Bootstrap styling
61 lines (60 loc) • 2.29 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
var _utils = require("../../utils");
var _propTypes2 = require("../../propTypes");
var _excluded = ["className", "label", "onClick", "onKeyDown", "size"];
var propTypes = {
label: _propTypes["default"].string,
onClick: _propTypes["default"].func,
onKeyDown: _propTypes["default"].func,
size: _propTypes2.sizeType
};
/**
* ClearButton
*
* http://getbootstrap.com/css/#helper-classes-close
*/
var ClearButton = function ClearButton(_ref) {
var className = _ref.className,
_ref$label = _ref.label,
label = _ref$label === void 0 ? 'Clear' : _ref$label,
_onClick = _ref.onClick,
_onKeyDown = _ref.onKeyDown,
size = _ref.size,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, props, {
"aria-label": label,
className: (0, _classnames["default"])('close', 'btn-close', 'rbt-close', {
'rbt-close-lg': (0, _utils.isSizeLarge)(size),
'rbt-close-sm': (0, _utils.isSizeSmall)(size)
}, className),
onClick: function onClick(e) {
e.stopPropagation();
_onClick && _onClick(e);
},
onKeyDown: function onKeyDown(e) {
// Prevent browser from navigating back.
if (e.key === 'Backspace') {
e.preventDefault();
}
_onKeyDown && _onKeyDown(e);
},
type: "button"
}), /*#__PURE__*/_react["default"].createElement("span", {
"aria-hidden": "true",
className: "rbt-close-content"
}, "\xD7"), /*#__PURE__*/_react["default"].createElement("span", {
className: "sr-only visually-hidden"
}, label));
};
ClearButton.propTypes = propTypes;
var _default = exports["default"] = ClearButton;