@pnp/spfx-controls-react/lib-commonjs/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ModernTermPicker = exports.ModernTermPickerBase = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var TermItem_1 = require("../termItem/TermItem");
var TermItemSuggestion_1 = require("../termItem/TermItemSuggestion");
var Utilities_1 = require("@fluentui/react/lib/Utilities");
var Pickers_1 = require("@fluentui/react/lib/Pickers");
var BasePicker_styles_1 = require("@fluentui/react/lib/components/pickers/BasePicker.styles");
var ModernTermPickerBase = /** @class */ (function (_super) {
    tslib_1.__extends(ModernTermPickerBase, _super);
    function ModernTermPickerBase(props) {
        var _this = _super.call(this, props) || this;
        (0, Utilities_1.initializeComponentRef)(_this);
        return _this;
    }
    ModernTermPickerBase.defaultProps = {
        onRenderItem: function (props) {
            var termItemProps = props;
            var labels = termItemProps.item.labels.filter(function (name) { return name.languageTag === termItemProps.languageTag && name.isDefault; });
            if (labels.length === 0) {
                labels = termItemProps.item.labels.filter(function (name) { var _a; return name.languageTag === ((_a = termItemProps.termStoreInfo) === null || _a === void 0 ? void 0 : _a.defaultLanguageTag) && name.isDefault; });
            }
            return labels.length > 0 ? (react_1.default.createElement(TermItem_1.TermItem, tslib_1.__assign({}, termItemProps), labels[0].name)) : null;
        },
        onRenderSuggestionsItem: function (props, itemProps) {
            return react_1.default.createElement(TermItemSuggestion_1.TermItemSuggestion, tslib_1.__assign({ term: props }, itemProps));
        },
    };
    return ModernTermPickerBase;
}(Pickers_1.BasePicker));
exports.ModernTermPickerBase = ModernTermPickerBase;
exports.ModernTermPicker = (0, Utilities_1.styled)(ModernTermPickerBase, BasePicker_styles_1.getStyles, undefined, {
    scope: 'ModernTermPicker',
});
//# sourceMappingURL=ModernTermPicker.js.map