@uifabric/experiments
Version:
Experimental React components for building experiences for Microsoft 365.
21 lines • 1.42 kB
JavaScript
import { __assign } from "tslib";
import * as React from 'react';
import { FloatingPeopleSuggestions } from '../../FloatingSuggestionsComposite/FloatingPeopleSuggestions/FloatingPeopleSuggestions';
import { SelectedPeopleList, } from '../../SelectedItemsList/SelectedPeopleList/SelectedPeopleList';
import { UnifiedPicker } from '../UnifiedPicker';
export var UnifiedPeoplePicker = function (props) {
var renderSelectedItems = React.useCallback(function (selectedPeopleListProps) {
return React.createElement(SelectedPeopleList, __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, __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, __assign({}, props, { onRenderSelectedItems: renderSelectedItems, onRenderFloatingSuggestions: renderFloatingPeopleSuggestions })));
};
//# sourceMappingURL=UnifiedPeoplePicker.js.map