@try-at-software/input-elements 1.2.0-beta.5 → 1.2.0-beta.6

package/lib/SingleValueInputElements/DropdownInputElement/DropdownInput.js

@@ -6,6 +6,7 @@ const React = require("react");
 const react_2 = require("react");
 const Components_1 = require("../../Components");
 const Utilities_1 = require("../../Utilities");
+// TODO: This is a temporary solution. Accept FormText value from the operative props instead.
 const ConsistencyErrorMessage = 'The value is not present within the specified options.';
 const DropdownInputComponent = (props) => {
     var _a;
@@ -18,9 +19,15 @@ const DropdownInputComponent = (props) => {
         props.invalidateInput(invalidationOptions);
     }, [props.value, normalizedOptions, props.consistencyErrorMessage, props.invalidateInput]);
     const DropdownComponent = react_2.useMemo(() => { var _a; return (_a = dynamicProps.dropdownComponent) !== null && _a !== void 0 ? _a : react_1.Dropdown; }, [dynamicProps.dropdownComponent]);
+    const onChange = react_2.useCallback((_event, option) => !!props.onChange && props.onChange(option.id), [props.onChange]);
+    const onRenderOption = react_2.useCallback((option, defaultRender) => {
+        if (!dynamicProps.renderOption)
+            return defaultRender(option);
+        return dynamicProps.renderOption(option.id);
+    }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement(Components_1.LabelRenderer, { label: props.label, required: !!props.renderRequiredIndicator }),
-        React.createElement(DropdownComponent, { "data-automationid": "dropdown-input", options: normalizedOptions, onChange: (_event, option) => !!props.onChange && props.onChange(option.key), placeholder: operativeProps.placeholder, 
+        React.createElement(DropdownComponent, { "data-automationid": "dropdown-input", options: normalizedOptions, onChange: onChange, onRenderOption: onRenderOption, placeholder: operativeProps.placeholder, 
             // This value should never be `undefined`.
             selectedKey: props.value || ((_a = dynamicProps.defaultOption) === null || _a === void 0 ? void 0 : _a.key) || null, disabled: dynamicProps.isDisabled }),
         React.createElement(Components_1.ErrorRenderer, { error: props.errorMessage, messageBarType: react_1.MessageBarType.error })));

package/lib/SingleValueInputElements/DropdownInputElement/IDropdownInputProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IBaseInputElementDynamicProps } from '../IBaseInputElementDynamicProps';
 import { IDropdownInputOption } from './IDropdownInputOption';
 export interface IDropdownInputProps extends IBaseInputElementDynamicProps {
@@ -6,4 +7,5 @@ export interface IDropdownInputProps extends IBaseInputElementDynamicProps {
      * The default option for the dropdown.
      */
     defaultOption: IDropdownInputOption;
+    renderOption?: (optionId: string) => JSX.Element;
 }

package/lib/Utilities/DropdownHelper.js

@@ -53,6 +53,7 @@ DropdownHelper.toNormalizedDropdownOption = (inputOption) => {
     return {
         text: inputOption.text,
         key: inputOption.key,
+        id: inputOption.key,
         itemType: itemType,
         disabled: !!inputOption.disabled
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@try-at-software/input-elements",
-    "version": "1.2.0-beta.5",
+    "version": "1.2.0-beta.6",
     "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",