@uifabric/experiments
Version:
Experimental React components for building experiences for Microsoft 365.
23 lines • 1.58 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var FloatingPeopleSuggestions_1 = require("../../FloatingSuggestionsComposite/FloatingPeopleSuggestions/FloatingPeopleSuggestions");
var SelectedPeopleList_1 = require("../../SelectedItemsList/SelectedPeopleList/SelectedPeopleList");
var UnifiedPicker_1 = require("../UnifiedPicker");
exports.UnifiedPeoplePicker = function (props) {
var renderSelectedItems = React.useCallback(function (selectedPeopleListProps) {
return React.createElement(SelectedPeopleList_1.SelectedPeopleList, tslib_1.__assign({}, selectedPeopleListProps, { ref: null }));
},
// Intentional extra dependency to cause a new callback to be generated
// eslint-disable-next-line react-hooks/exhaustive-deps
[props.selectedItemsListProps.selectedItems]);
var renderFloatingPeopleSuggestions = React.useCallback(function (floatingPeoplePickerProps) {
return React.createElement(FloatingPeopleSuggestions_1.FloatingPeopleSuggestions, tslib_1.__assign({}, floatingPeoplePickerProps));
},
// Intentional extra dependency to cause a new callback to be generated
// eslint-disable-next-line react-hooks/exhaustive-deps
[props.floatingSuggestionProps.suggestions]);
return (React.createElement(UnifiedPicker_1.UnifiedPicker, tslib_1.__assign({}, props, { onRenderSelectedItems: renderSelectedItems, onRenderFloatingSuggestions: renderFloatingPeopleSuggestions })));
};
//# sourceMappingURL=UnifiedPeoplePicker.js.map