@try-at-software/input-elements 1.2.0-beta.7 → 1.2.0-beta.9

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

@@ -6,8 +6,12 @@ import { IOperativeProps } from '../IOperativeProps';
 import { ISingleValueInputElementProps } from '../ISingleValueInputElementProps';
 import { IDropdownInputProps } from './IDropdownInputProps';
 import { IFluentUiDropdownInputProps } from './IFluentUiDropdownInputProps';
+interface IDropdownInputStyles {
+    automaticHeight?: boolean;
+}
 interface ISingleValueDropdownInputProps extends ISingleValueInputElementProps<string>, IOperativeProps<IBaseInputElementProps>, IDynamicProps<IDropdownInputProps & IFluentUiDropdownInputProps> {
     consistencyErrorMessage?: FormText;
+    styles?: IDropdownInputStyles;
 }
 export declare const DropdownInput: React.MemoExoticComponent<(props: ISingleValueDropdownInputProps) => JSX.Element>;
 export {};

package/lib/SingleValueInputElements/DropdownInputElement/DropdownInput.js

@@ -9,8 +9,13 @@ const Utilities_1 = require("../../Utilities");
 const ConsistencyErrorMessage = 'The value is not present within the specified options.';
 const DropdownInputComponent = (props) => {
     var _a;
-    const { dynamicProps, operativeProps } = props;
+    const { dynamicProps, operativeProps, styles: stylePreferences } = props;
     const normalizedOptions = react_2.useMemo(() => Utilities_1.DropdownHelper.getNormalizedOptions(dynamicProps.defaultOption, dynamicProps.options), [dynamicProps.defaultOption, dynamicProps.options]);
+    const styles = react_2.useMemo(() => {
+        if (!(stylePreferences === null || stylePreferences === void 0 ? void 0 : stylePreferences.automaticHeight))
+            return undefined;
+        return { dropdownItem: { height: 'auto' } };
+    }, [stylePreferences]);
     react_2.useEffect(() => {
         if (!props.value || normalizedOptions.some((o) => o.key === props.value))
             return;
@@ -28,7 +33,7 @@ const DropdownInputComponent = (props) => {
         React.createElement(Components_1.LabelRenderer, { label: props.label, required: !!props.renderRequiredIndicator }),
         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 }),
+            selectedKey: props.value || ((_a = dynamicProps.defaultOption) === null || _a === void 0 ? void 0 : _a.key) || null, disabled: dynamicProps.isDisabled, styles: styles }),
         React.createElement(Components_1.ErrorRenderer, { error: props.errorMessage, messageBarType: react_1.MessageBarType.error })));
 };
 exports.DropdownInput = React.memo(DropdownInputComponent);

package/package.json

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