synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
24 lines • 1.73 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importStar)(require("react"));
var UserCardListRotate_1 = (0, tslib_1.__importDefault)(require("../../../containers/UserCardListRotate"));
function UserCardListGroupsDesktop(props) {
var _a = (0, react_1.useState)(0), selectedGroupIndex = _a[0], setSelectedGroupIndex = _a[1];
var columnName = props.columnName, facetValues = props.facetValues, rest = (0, tslib_1.__rest)(props, ["columnName", "facetValues"]);
var selectedFacet = {
columnName: columnName,
facetValues: [facetValues[selectedGroupIndex]],
concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',
};
return (react_1.default.createElement("div", { className: "control-container" },
react_1.default.createElement("div", { className: "button-container" }, facetValues === null || facetValues === void 0 ? void 0 :
facetValues.map(function (el, curIndex) {
return (react_1.default.createElement("button", { className: selectedGroupIndex === curIndex ? 'isSelected' : '', onClick: function () { return setSelectedGroupIndex(curIndex); }, key: el }, el));
}),
react_1.default.createElement("button", { className: "gap-fill" })),
react_1.default.createElement("div", { className: "content-container" },
react_1.default.createElement(UserCardListRotate_1.default, (0, tslib_1.__assign)({ key: "UserCardListGroup-" + selectedGroupIndex }, rest, { selectedFacets: [selectedFacet] })))));
}
exports.default = UserCardListGroupsDesktop;
//# sourceMappingURL=UserCardListGroups.Desktop.js.map