@pnp/spfx-controls-react/lib-commonjs/controls/filterBar/PillGroup.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PillGroup = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var FilterBar_module_scss_1 = tslib_1.__importDefault(require("./FilterBar.module.scss"));
var Pill_1 = require("./Pill");
var PillGroup = function (props) {
    var onClick = function (label, value) {
        if (props.onRemoveFilter) {
            props.onRemoveFilter(label, value);
        }
    };
    return (react_1.default.createElement("div", { className: FilterBar_module_scss_1.default.pillGroup, role: "group", "aria-label": props.item.label },
        react_1.default.createElement("div", { className: FilterBar_module_scss_1.default.label },
            props.item.label,
            ":"),
        props.item.values.map(function (v, index) { return react_1.default.createElement(Pill_1.Pill, { key: index, field: props.item.label, value: v, onClick: onClick }); })));
};
exports.PillGroup = PillGroup;
//# sourceMappingURL=PillGroup.js.map