@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
62 lines • 2.76 kB
JavaScript
import { __assign, __rest } from "tslib";
import * as React from "react";
import { focusFirstSiblingOf, focusLastSiblingOf, focusNextSiblingOf, focusPreviousSiblingOf } from "../helpers/focus";
import keycodes from "../helpers/keycodes";
import { assertValidHtmlId } from "../helpers/uuid";
import { Consumer as ItemConsumer } from "./ItemContext";
var AccordionItemButton = function (_a) {
var toggleExpanded = _a.toggleExpanded, _b = _a.className, className = _b === void 0 ? 'accordion__button' : _b, rest = __rest(_a, ["toggleExpanded", "className"]);
var handleKeyPress = function (evt) {
var keyCode = evt.key;
if (keyCode === keycodes.ENTER ||
keyCode === keycodes.SPACE ||
keyCode === keycodes.SPACE_DEPRECATED) {
evt.preventDefault();
toggleExpanded();
}
/* The following block is ignored from test coverage because at time
* time of writing Jest/react-testing-library can not assert 'focus'
* functionality.
*/
// istanbul ignore next
if (evt.target instanceof HTMLElement) {
switch (keyCode) {
case keycodes.HOME: {
evt.preventDefault();
focusFirstSiblingOf(evt.target);
break;
}
case keycodes.END: {
evt.preventDefault();
focusLastSiblingOf(evt.target);
break;
}
case keycodes.LEFT:
case keycodes.UP: {
evt.preventDefault();
focusPreviousSiblingOf(evt.target);
break;
}
case keycodes.RIGHT:
case keycodes.DOWN: {
evt.preventDefault();
focusNextSiblingOf(evt.target);
break;
}
default: {
//
}
}
}
};
if (rest.id) {
assertValidHtmlId(rest.id);
}
return (React.createElement("div", __assign({ className: className }, rest, { role: "button", tabIndex: 0, onClick: toggleExpanded, onKeyDown: handleKeyPress, "data-accordion-component": "AccordionItemButton" })));
};
var AccordionItemButtonWrapper = function (props) { return (React.createElement(ItemConsumer, null, function (itemContext) {
var toggleExpanded = itemContext.toggleExpanded, buttonAttributes = itemContext.buttonAttributes;
return (React.createElement(AccordionItemButton, __assign({ toggleExpanded: toggleExpanded }, props, buttonAttributes)));
})); };
export default AccordionItemButtonWrapper;
//# sourceMappingURL=AccordionItemButton.js.map