myprojectpackageprav
Version:
My package in npm
35 lines • 3.17 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
require("./accordions.css");
function Accordions(props) {
var _a = (0, react_1.useState)(0), clicked = _a[0], setClicked = _a[1];
var toggle = function (index, value) {
if (clicked === index && value === "expanded") {
return setClicked(null);
}
else if (value !== "expanded") {
return setClicked(index);
}
return setClicked(index);
};
return (react_1.default.createElement("div", null,
react_1.default.createElement("div", { className: props === null || props === void 0 ? void 0 : props.className }, props === null || props === void 0 ? void 0 : props.items.map(function (item, index) {
var _a, _b;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: clicked === index ? 'accordion-item active' : 'accordion-item' },
react_1.default.createElement("div", null,
react_1.default.createElement("a", { className: ((_a = props === null || props === void 0 ? void 0 : props.inputProps) === null || _a === void 0 ? void 0 : _a.className) ? "accordion-head ".concat((_b = props === null || props === void 0 ? void 0 : props.inputProps) === null || _b === void 0 ? void 0 : _b.className) : 'accordion-head', href: 'javascript:void(0)', title: (item === null || item === void 0 ? void 0 : item.titlename) || (item === null || item === void 0 ? void 0 : item.title), key: index, onClick: function () { return toggle(index, clicked === index ? 'expanded' : 'collapsed'); } },
(props === null || props === void 0 ? void 0 : props.titleIcon) && react_1.default.createElement("span", { className: clicked === index ? props === null || props === void 0 ? void 0 : props.titleIcon : props === null || props === void 0 ? void 0 : props.titlecollapsedIcon }),
" ", item === null || item === void 0 ? void 0 :
item.title,
" ",
(item === null || item === void 0 ? void 0 : item.count) && react_1.default.createElement("span", { className: props === null || props === void 0 ? void 0 : props.count }, item === null || item === void 0 ? void 0 : item.count),
(props === null || props === void 0 ? void 0 : props.icon) && react_1.default.createElement("span", { className: props === null || props === void 0 ? void 0 : props.icon })),
(item === null || item === void 0 ? void 0 : item.actions) && react_1.default.createElement("span", null, item === null || item === void 0 ? void 0 : item.actions)),
(item === null || item === void 0 ? void 0 : item.content) && react_1.default.createElement("div", { className: "accordion-content" }, item === null || item === void 0 ? void 0 : item.content))));
}))));
}
exports.default = Accordions;
//# sourceMappingURL=accordions.js.map