Jesus sucks
This commit is contained in:
66
backend/frontend/node_modules/@restart/ui/esm/DropdownItem.js
generated
vendored
Normal file
66
backend/frontend/node_modules/@restart/ui/esm/DropdownItem.js
generated
vendored
Normal file
@@ -0,0 +1,66 @@
|
||||
const _excluded = ["eventKey", "disabled", "onClick", "active", "as"];
|
||||
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 { useContext } from 'react';
|
||||
import useEventCallback from '@restart/hooks/useEventCallback';
|
||||
import SelectableContext, { makeEventKey } from './SelectableContext';
|
||||
import NavContext from './NavContext';
|
||||
import Button from './Button';
|
||||
import { dataAttr } from './DataKey';
|
||||
import { jsx as _jsx } from "react/jsx-runtime";
|
||||
/**
|
||||
* Create a dropdown item. Returns a set of props for the dropdown item component
|
||||
* including an `onClick` handler that prevents selection when the item is disabled
|
||||
*/
|
||||
export function useDropdownItem({
|
||||
key,
|
||||
href,
|
||||
active,
|
||||
disabled,
|
||||
onClick
|
||||
}) {
|
||||
const onSelectCtx = useContext(SelectableContext);
|
||||
const navContext = useContext(NavContext);
|
||||
const {
|
||||
activeKey
|
||||
} = navContext || {};
|
||||
const eventKey = makeEventKey(key, href);
|
||||
const isActive = active == null && key != null ? makeEventKey(activeKey) === eventKey : active;
|
||||
const handleClick = useEventCallback(event => {
|
||||
if (disabled) return;
|
||||
onClick == null ? void 0 : onClick(event);
|
||||
if (onSelectCtx && !event.isPropagationStopped()) {
|
||||
onSelectCtx(eventKey, event);
|
||||
}
|
||||
});
|
||||
return [{
|
||||
onClick: handleClick,
|
||||
'aria-disabled': disabled || undefined,
|
||||
'aria-selected': isActive,
|
||||
[dataAttr('dropdown-item')]: ''
|
||||
}, {
|
||||
isActive
|
||||
}];
|
||||
}
|
||||
const DropdownItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
||||
let {
|
||||
eventKey,
|
||||
disabled,
|
||||
onClick,
|
||||
active,
|
||||
as: Component = Button
|
||||
} = _ref,
|
||||
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
||||
const [dropdownItemProps] = useDropdownItem({
|
||||
key: eventKey,
|
||||
href: props.href,
|
||||
disabled,
|
||||
onClick,
|
||||
active
|
||||
});
|
||||
return /*#__PURE__*/_jsx(Component, Object.assign({}, props, {
|
||||
ref: ref
|
||||
}, dropdownItemProps));
|
||||
});
|
||||
DropdownItem.displayName = 'DropdownItem';
|
||||
export default DropdownItem;
|
||||
Reference in New Issue
Block a user