@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
27 lines • 1.56 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_1 = require("react");
var DisplayName_1 = tslib_1.__importDefault(require("../helpers/DisplayName"));
var uuid_1 = require("../helpers/uuid");
var ItemContext_1 = require("./ItemContext");
var AccordionItem = function (_a) {
var customUuid = _a.uuid, dangerouslySetExpanded = _a.dangerouslySetExpanded, _b = _a.className, className = _b === void 0 ? 'accordion__item' : _b, activeClassName = _a.activeClassName, rest = tslib_1.__rest(_a, ["uuid", "dangerouslySetExpanded", "className", "activeClassName"]);
var instanceUuid = (0, react_1.useState)((0, uuid_1.nextUuid)())[0];
var uuid = customUuid || instanceUuid;
var renderChildren = function (itemContext) {
var expanded = itemContext.expanded;
var cx = expanded && activeClassName ? activeClassName : className;
return (React.createElement("div", tslib_1.__assign({ "data-accordion-component": "AccordionItem", className: cx }, rest)));
};
(0, uuid_1.assertValidHtmlId)(uuid);
if (rest.id) {
(0, uuid_1.assertValidHtmlId)(rest.id);
}
return (React.createElement(ItemContext_1.Provider, { uuid: uuid, dangerouslySetExpanded: dangerouslySetExpanded },
React.createElement(ItemContext_1.Consumer, null, renderChildren)));
};
AccordionItem.displayName = DisplayName_1.default.AccordionItem;
exports.default = AccordionItem;
//# sourceMappingURL=AccordionItem.js.map