@try-at-software/input-elements
Version:
A package providing different input elements that are extensible and easily configurable for your custom needs.
25 lines (24 loc) • 1.93 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.IdentityPicker = void 0;
const React = require("react");
const react_1 = require("@fluentui/react");
const Components_1 = require("../../Components");
class IdentityPicker extends React.Component {
render() {
if (!this.props)
return null;
const { dynamicProps, operativeProps } = this.props;
return (React.createElement(React.Fragment, null,
React.createElement(Components_1.LabelRenderer, { label: this.props.label, required: !!this.props.renderRequiredIndicator }),
React.createElement("div", { "data-automationid": "identity-picker" },
React.createElement(react_1.NormalPeoplePicker, { onResolveSuggestions: operativeProps.onResolveSuggestions, onEmptyResolveSuggestions: operativeProps.onEmptyResolveSuggestions, getTextFromItem: operativeProps.getTextFromItem, pickerSuggestionsProps: operativeProps.suggestionProps, onRenderSuggestionsItem: operativeProps.onRenderSuggestionItems, onRemoveSuggestion: operativeProps.onRemoveSuggestion, onInputChange: operativeProps.onInputChange, resolveDelay: operativeProps.resolveDelay, itemLimit: operativeProps.itemLimit, disabled: dynamicProps.isDisabled, defaultSelectedItems: this.props.value, inputProps: {
required: this.props.renderRequiredIndicator,
placeholder: !!this.props.value && this.props.value.length > 0 ? '' : operativeProps.placeholder
}, onChange: (items) => {
this.props.onChange(items);
}, pickerCalloutProps: { className: operativeProps.pickerCalloutClassName } })),
React.createElement(Components_1.ErrorRenderer, { error: this.props.errorMessage, messageBarType: react_1.MessageBarType.warning })));
}
}
exports.IdentityPicker = IdentityPicker;