@try-at-software/input-elements 1.2.6 → 1.2.8

package/lib/SingleValueInputElements/IdentityPickerInputElement/IIdentityPickerProps.d.ts

@@ -1,12 +1,15 @@
-import { IBasePickerSuggestionsProps, IPersonaProps } from '@fluentui/react';
+/// <reference types="react" />
+import { IBasePickerSuggestionsProps, IPersonaProps, ISuggestionItemProps } from '@fluentui/react';
 import { IBaseInputElementProps } from '../IBaseInputElementProps';
 export interface IIdentityPickerProps<TIdentity extends IPersonaProps = IPersonaProps> extends IBaseInputElementProps {
     onResolveSuggestions: (query: string, selectedItems?: TIdentity[]) => Promise<TIdentity[]>;
     getTextFromItem?: (item: TIdentity, currentValue?: string) => string;
     onEmptyResolveSuggestions?: (currentPersonas?: TIdentity[]) => Promise<TIdentity[]>;
+    onRenderSuggestionItems?: (item: TIdentity, props: ISuggestionItemProps<TIdentity>) => JSX.Element;
     suggestionProps?: IBasePickerSuggestionsProps;
     onRemoveSuggestion?: (item: TIdentity) => void;
     onInputChange?: (input: string) => string;
     resolveDelay?: number;
     itemLimit?: number;
+    pickerCalloutClassName?: string;
 }

package/lib/SingleValueInputElements/IdentityPickerInputElement/IdentityPicker.d.ts

@@ -1,5 +1,5 @@
-import { IPersonaProps } from '@fluentui/react';
 import * as React from 'react';
+import { IPersonaProps } from '@fluentui/react';
 import { IBaseInputElementDynamicProps } from '../IBaseInputElementDynamicProps';
 import { IDynamicProps } from '../IDynamicProps';
 import { IOperativeProps } from '../IOperativeProps';

package/lib/SingleValueInputElements/IdentityPickerInputElement/IdentityPicker.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IdentityPicker = void 0;
-const react_1 = require("@fluentui/react");
 const React = require("react");
+const react_1 = require("@fluentui/react");
 const Components_1 = require("../../Components");
 class IdentityPicker extends React.Component {
     render() {
@@ -12,12 +12,12 @@ class IdentityPicker extends React.Component {
         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, onRemoveSuggestion: operativeProps.onRemoveSuggestion, onInputChange: operativeProps.onInputChange, resolveDelay: operativeProps.resolveDelay, itemLimit: operativeProps.itemLimit, disabled: dynamicProps.isDisabled, defaultSelectedItems: this.props.value, inputProps: {
+                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 })));
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@try-at-software/input-elements",
-    "version": "1.2.6",
+    "version": "1.2.8",
     "description": "A package providing different input elements that are extensible and easily configurable for your custom needs.",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",