Jesus sucks
This commit is contained in:
89
backend/frontend/node_modules/@restart/ui/esm/Button.js
generated
vendored
Normal file
89
backend/frontend/node_modules/@restart/ui/esm/Button.js
generated
vendored
Normal file
@@ -0,0 +1,89 @@
|
||||
const _excluded = ["as", "disabled"];
|
||||
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; }
|
||||
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;
|
||||
Reference in New Issue
Block a user