UNPKG

synapse-react-client

Version:

[![Build Status](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client.svg?branch=main)](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [![npm version](https://badge.fury.io/js/synapse-react-client.svg)](https://badge.fury.io/js/synaps

17 lines 1.34 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.FacetFilterHeader = void 0; var tslib_1 = require("tslib"); var React = (0, tslib_1.__importStar)(require("react")); var unCamelCase_1 = require("../../../utils/functions/unCamelCase"); var IconPlus_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/IconPlus")); var IconMinus_1 = (0, tslib_1.__importDefault)(require("../../../assets/icons/IconMinus")); require("../../../style/components/query_filter/_facet-filter-header.scss"); var FacetFilterHeader = function (_a) { var label = _a.label, isCollapsed = _a.isCollapsed, onClick = _a.onClick, facetAliases = _a.facetAliases; return (React.createElement("div", { className: "FacetFilterHeader" }, React.createElement("label", { className: "FacetFilterHeader__label" }, (0, unCamelCase_1.unCamelCase)(label, facetAliases)), React.createElement("button", { className: "FacetFilterHeader__collapseToggleBtn", onClick: function () { return onClick(!isCollapsed); } }, isCollapsed ? (React.createElement(IconPlus_1.default, { className: "icon-plus", title: "Expand Menu" })) : (React.createElement(IconMinus_1.default, { className: "icon-minus", title: "Collapse Menu" }))))); }; exports.FacetFilterHeader = FacetFilterHeader; //# sourceMappingURL=FacetFilterHeader.js.map