Page MenuHomec4science
Files F102280784

Button.js
No OneTemporary
Actions

File Metadata

Created
Wed, Feb 19, 01:49

Button.js
View Options

const _excluded = ["as", "disabled"];
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
import * as React from 'react';
import { jsx as _jsx } from "react/jsx-runtime";
export function isTrivialHref(href) {
return !href || href.trim() === '#';
}
export 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__*/_jsx(Component, Object.assign({}, props, buttonProps, {
ref: ref
}));
});
Button.displayName = 'Button';
export default Button;

Event Timeline

c4science · Help