starface-outlook-sync-addin/node_modules/@fluentui/react/lib-amd/components/pickers/PeoplePicker/PeoplePicker.js

define(["require", "exports", "tslib", "react", "../../../Utilities", "../BasePicker", "../BasePicker.types", "./PeoplePickerItems/PeoplePickerItem", "./PeoplePickerItems/PeoplePickerItemSuggestion", "../BasePicker.styles"], function (require, exports, tslib_1, React, Utilities_1, BasePicker_1, BasePicker_types_1, PeoplePickerItem_1, PeoplePickerItemSuggestion_1, BasePicker_styles_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.ListPeoplePicker = exports.CompactPeoplePicker = exports.NormalPeoplePicker = exports.ListPeoplePickerBase = exports.CompactPeoplePickerBase = exports.NormalPeoplePickerBase = exports.MemberListPeoplePicker = exports.BasePeoplePicker = void 0;
    exports.createGenericItem = createGenericItem;
    /**
     * {@docCategory PeoplePicker}
     */
    var BasePeoplePicker = /** @class */ (function (_super) {
        tslib_1.__extends(BasePeoplePicker, _super);
        function BasePeoplePicker() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        return BasePeoplePicker;
    }(BasePicker_1.BasePicker));
    exports.BasePeoplePicker = BasePeoplePicker;
    /**
     * {@docCategory PeoplePicker}
     */
    var MemberListPeoplePicker = /** @class */ (function (_super) {
        tslib_1.__extends(MemberListPeoplePicker, _super);
        function MemberListPeoplePicker() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        return MemberListPeoplePicker;
    }(BasePicker_1.BasePickerListBelow));
    exports.MemberListPeoplePicker = MemberListPeoplePicker;
    /**
     * Standard People Picker.
     * {@docCategory PeoplePicker}
     */
    var NormalPeoplePickerBase = /** @class */ (function (_super) {
        tslib_1.__extends(NormalPeoplePickerBase, _super);
        function NormalPeoplePickerBase() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        /** Default props for NormalPeoplePicker. */
        NormalPeoplePickerBase.defaultProps = {
            onRenderItem: function (props) { return React.createElement(PeoplePickerItem_1.PeoplePickerItem, tslib_1.__assign({}, props)); },
            onRenderSuggestionsItem: function (personaProps, suggestionsProps) { return React.createElement(PeoplePickerItemSuggestion_1.PeoplePickerItemSuggestion, { personaProps: personaProps, suggestionsProps: suggestionsProps }); },
            createGenericItem: createGenericItem,
        };
        return NormalPeoplePickerBase;
    }(BasePeoplePicker));
    exports.NormalPeoplePickerBase = NormalPeoplePickerBase;
    /**
     * Compact layout. It uses personas without secondary text when displaying search results.
     * {@docCategory PeoplePicker}
     */
    var CompactPeoplePickerBase = /** @class */ (function (_super) {
        tslib_1.__extends(CompactPeoplePickerBase, _super);
        function CompactPeoplePickerBase() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        /** Default props for CompactPeoplePicker. */
        CompactPeoplePickerBase.defaultProps = {
            onRenderItem: function (props) { return React.createElement(PeoplePickerItem_1.PeoplePickerItem, tslib_1.__assign({}, props)); },
            onRenderSuggestionsItem: function (personaProps, suggestionsProps) { return (React.createElement(PeoplePickerItemSuggestion_1.PeoplePickerItemSuggestion, { personaProps: personaProps, suggestionsProps: suggestionsProps, compact: true })); },
            createGenericItem: createGenericItem,
        };
        return CompactPeoplePickerBase;
    }(BasePeoplePicker));
    exports.CompactPeoplePickerBase = CompactPeoplePickerBase;
    /**
     * MemberList layout. The selected people show up below the search box.
     * {@docCategory PeoplePicker}
     */
    var ListPeoplePickerBase = /** @class */ (function (_super) {
        tslib_1.__extends(ListPeoplePickerBase, _super);
        function ListPeoplePickerBase() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        /** Default props for ListPeoplePicker. */
        ListPeoplePickerBase.defaultProps = {
            onRenderItem: function (props) { return React.createElement(PeoplePickerItem_1.PeoplePickerItem, tslib_1.__assign({}, props)); },
            onRenderSuggestionsItem: function (personaProps, suggestionsProps) { return React.createElement(PeoplePickerItemSuggestion_1.PeoplePickerItemSuggestion, { personaProps: personaProps, suggestionsProps: suggestionsProps }); },
            createGenericItem: createGenericItem,
        };
        return ListPeoplePickerBase;
    }(MemberListPeoplePicker));
    exports.ListPeoplePickerBase = ListPeoplePickerBase;
    /**
     * {@docCategory PeoplePicker}
     */
    function createGenericItem(name, currentValidationState) {
        var personaToConvert = {
            key: name,
            primaryText: name,
            imageInitials: '!',
            ValidationState: currentValidationState,
        };
        if (currentValidationState !== BasePicker_types_1.ValidationState.warning) {
            personaToConvert.imageInitials = (0, Utilities_1.getInitials)(name, (0, Utilities_1.getRTL)());
        }
        return personaToConvert;
    }
    exports.NormalPeoplePicker = (0, Utilities_1.styled)(NormalPeoplePickerBase, BasePicker_styles_1.getStyles, undefined, {
        scope: 'NormalPeoplePicker',
    });
    exports.CompactPeoplePicker = (0, Utilities_1.styled)(CompactPeoplePickerBase, BasePicker_styles_1.getStyles, undefined, {
        scope: 'CompactPeoplePicker',
    });
    exports.ListPeoplePicker = (0, Utilities_1.styled)(ListPeoplePickerBase, BasePicker_styles_1.getStyles, undefined, {
        scope: 'ListPeoplePickerBase',
    });
});
//# sourceMappingURL=PeoplePicker.js.map