@try-at-software/input-elements 1.2.0-alpha.34 → 1.2.0-alpha.35

package/lib/SingleValueInputElements/DropdownInputElement/DropdownInput.js

@@ -6,15 +6,18 @@ const react_1 = require("@fluentui/react");
 const Utilities_1 = require("../../Utilities");
 class DropdownInput extends React.Component {
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c;
         if (!this.props)
             return null;
         const normalizedOptions = Utilities_1.DropdownHelper.getNormalizedOptions(this.props.defaultOption, this.props.options);
         return (React.createElement(React.Fragment, null,
-            !!((_a = this.props) === null || _a === void 0 ? void 0 : _a.label) && React.createElement(react_1.Label, { required: !!this.props.renderRequiredIndicator }, this.props.label),
-            React.createElement(react_1.Dropdown, { "data-automationid": "dropdown-input", options: normalizedOptions, onChange: (_event, option) => { var _a; return !!((_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) && this.props.onChange(option.key); }, errorMessage: (_b = this.props) === null || _b === void 0 ? void 0 : _b.errorMessage, placeholder: (_c = this.props) === null || _c === void 0 ? void 0 : _c.placeholder, 
+            !!this.props.label && React.createElement(react_1.Label, { required: !!this.props.renderRequiredIndicator }, this.props.label),
+            React.createElement(react_1.Dropdown, { "data-automationid": "dropdown-input", options: normalizedOptions, onChange: (_event, option) => !!this.props.onChange && this.props.onChange(option.key), errorMessage: this.props.errorMessage, placeholder: this.props.placeholder, 
                 // This value should never be `undefined`.
-                defaultSelectedKey: ((_d = this.props) === null || _d === void 0 ? void 0 : _d.value) || ((_f = (_e = this.props) === null || _e === void 0 ? void 0 : _e.defaultOption) === null || _f === void 0 ? void 0 : _f.key) || null, disabled: (_g = this.props) === null || _g === void 0 ? void 0 : _g.isDisabled })));
+                defaultSelectedKey: this.props.value || ((_a = this.props.defaultOption) === null || _a === void 0 ? void 0 : _a.key) || null, disabled: this.props.isDisabled, calloutProps: {
+                    directionalHintFixed: (_b = this.props.renderProps) === null || _b === void 0 ? void 0 : _b.allowPositionChanges,
+                    minPagePadding: (_c = this.props.renderProps) === null || _c === void 0 ? void 0 : _c.pagePadding
+                } })));
     }
 }
 exports.DropdownInput = DropdownInput;

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

@@ -6,4 +6,9 @@ export interface IDropdownInputProps extends IBaseInputElementDynamicProps {
      * The default option for the dropdown.
      */
     defaultOption?: IDropdownInputOption;
+    renderProps: IDropdownInputRenderingProps;
+}
+export interface IDropdownInputRenderingProps {
+    pagePadding?: number;
+    allowPositionChanges?: boolean;
 }

package/package.json

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