97 lines
3.2 KiB
JavaScript
97 lines
3.2 KiB
JavaScript
"use strict";
|
|
|
|
exports.__esModule = true;
|
|
exports.default = void 0;
|
|
exports.isTrivialHref = isTrivialHref;
|
|
exports.useButtonProps = useButtonProps;
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
const _excluded = ["as", "disabled"];
|
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
|
|
function isTrivialHref(href) {
|
|
return !href || href.trim() === '#';
|
|
}
|
|
function useButtonProps({
|
|
tagName,
|
|
disabled,
|
|
href,
|
|
target,
|
|
rel,
|
|
role,
|
|
onClick,
|
|
tabIndex = 0,
|
|
type
|
|
}) {
|
|
if (!tagName) {
|
|
if (href != null || target != null || rel != null) {
|
|
tagName = 'a';
|
|
} else {
|
|
tagName = 'button';
|
|
}
|
|
}
|
|
const meta = {
|
|
tagName
|
|
};
|
|
if (tagName === 'button') {
|
|
return [{
|
|
type: type || 'button',
|
|
disabled
|
|
}, meta];
|
|
}
|
|
const handleClick = event => {
|
|
if (disabled || tagName === 'a' && isTrivialHref(href)) {
|
|
event.preventDefault();
|
|
}
|
|
if (disabled) {
|
|
event.stopPropagation();
|
|
return;
|
|
}
|
|
onClick == null ? void 0 : onClick(event);
|
|
};
|
|
const handleKeyDown = event => {
|
|
if (event.key === ' ') {
|
|
event.preventDefault();
|
|
handleClick(event);
|
|
}
|
|
};
|
|
if (tagName === 'a') {
|
|
// Ensure there's a href so Enter can trigger anchor button.
|
|
href || (href = '#');
|
|
if (disabled) {
|
|
href = undefined;
|
|
}
|
|
}
|
|
return [{
|
|
role: role != null ? role : 'button',
|
|
// explicitly undefined so that it overrides the props disabled in a spread
|
|
// e.g. <Tag {...props} {...hookProps} />
|
|
disabled: undefined,
|
|
tabIndex: disabled ? undefined : tabIndex,
|
|
href,
|
|
target: tagName === 'a' ? target : undefined,
|
|
'aria-disabled': !disabled ? undefined : disabled,
|
|
rel: tagName === 'a' ? rel : undefined,
|
|
onClick: handleClick,
|
|
onKeyDown: handleKeyDown
|
|
}, meta];
|
|
}
|
|
const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
let {
|
|
as: asProp,
|
|
disabled
|
|
} = _ref,
|
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
const [buttonProps, {
|
|
tagName: Component
|
|
}] = useButtonProps(Object.assign({
|
|
tagName: asProp,
|
|
disabled
|
|
}, props));
|
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, Object.assign({}, props, buttonProps, {
|
|
ref: ref
|
|
}));
|
|
});
|
|
Button.displayName = 'Button';
|
|
var _default = exports.default = Button; |