UNPKG

solrkit

Version:

![Build Status](https://travis-ci.org/garysieling/solrkit.svg?branch=master) ![Dependencies](https://david-dm.org/garysieling/solrkit/status.svg) UI Components for Solr, using TypeScript + React

55 lines 2.4 kB
var __extends = (this && this.__extends) || (function () { var extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); import * as React from 'react'; import * as _ from 'lodash'; import { defaultRenderer } from './FacetTypes'; var ToggleFacet = (function (_super) { __extends(ToggleFacet, _super); function ToggleFacet() { return _super !== null && _super.apply(this, arguments) || this; } ToggleFacet.prototype.onClick = function (value) { var _this = this; return function () { var selections = []; if (value[2]) { selections = []; } else { selections.push(value[0]); } var thisFacet = {}; thisFacet[_this.props.facet] = selections; _this.context.transition({ start: 0, facets: thisFacet }); }; }; ToggleFacet.prototype.render = function () { var _this = this; var title = this.props.title; var render = this.props.render || defaultRenderer; return (React.createElement("div", { className: "ui", style: { marginBottom: '1em' } }, title ? (React.createElement("h4", null, title)) : null, _.sortBy(this.props.values, function (v) { return v[0]; }).map(function (value, i) { return (React.createElement("p", null, React.createElement("div", { className: "ui toggle checkbox" }, React.createElement("input", { checked: value[2], type: "checkbox", name: i + '', onClick: _this.onClick(value) }), React.createElement("label", { onClick: _this.onClick(value) }, render(value[0], value[1]))))); }))); }; ToggleFacet.contextTypes = { searchState: React.PropTypes.object, transition: React.PropTypes.func }; return ToggleFacet; }(React.Component)); export { ToggleFacet }; //# sourceMappingURL=ToggleFacet.js.map