@try-at-software/input-elements 1.2.0-alpha.37 → 1.2.0-alpha.38

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { IBaseInputElementProps } from '../IBaseInputElementProps';
 import { IDropdownInputProps } from './IDropdownInputProps';
 import { ISingleValueInputElementProps } from '../ISingleValueInputElementProps';
-export declare class DropdownInput extends React.Component<ISingleValueInputElementProps<string> & IBaseInputElementProps & IDropdownInputProps> {
+import { IFluentUiDropdownInputProps } from './IFluentUiDropdownInputProps';
+export declare class DropdownInput extends React.Component<ISingleValueInputElementProps<string> & IBaseInputElementProps & IDropdownInputProps & IFluentUiDropdownInputProps> {
     render(): JSX.Element;
 }

package/lib/SingleValueInputElements/DropdownInputElement/DropdownInput.js

@@ -6,18 +6,16 @@ const react_1 = require("@fluentui/react");
 const Utilities_1 = require("../../Utilities");
 class DropdownInput extends React.Component {
     render() {
-        var _a, _b, _c;
+        var _a, _b;
         if (!this.props)
             return null;
         const normalizedOptions = Utilities_1.DropdownHelper.getNormalizedOptions(this.props.defaultOption, this.props.options);
+        const DropdownComponent = (_a = this.props.dropdownComponent) !== null && _a !== void 0 ? _a : react_1.Dropdown;
         return (React.createElement(React.Fragment, null,
             !!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, 
+            React.createElement(DropdownComponent, { "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: 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
-                } })));
+                defaultSelectedKey: this.props.value || ((_b = this.props.defaultOption) === null || _b === void 0 ? void 0 : _b.key) || null, disabled: this.props.isDisabled })));
     }
 }
 exports.DropdownInput = DropdownInput;

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

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

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

@@ -0,0 +1,5 @@
+import { IDropdownProps } from '@fluentui/react';
+import * as React from 'react';
+export interface IFluentUiDropdownInputProps {
+    dropdownComponent?: React.ComponentType<IDropdownProps>;
+}

package/lib/SingleValueInputElements/DropdownInputElement/IFluentUiDropdownInputProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -2,4 +2,5 @@ export * from './DropdownInput';
 export * from './DropdownInputElement';
 export * from './IDropdownInputOption';
 export * from './IDropdownInputProps';
+export * from './IFluentUiDropdownInputProps';
 export * from './MultiValueDropdownInput';

package/lib/SingleValueInputElements/DropdownInputElement/index.js

@@ -14,4 +14,5 @@ __exportStar(require("./DropdownInput"), exports);
 __exportStar(require("./DropdownInputElement"), exports);
 __exportStar(require("./IDropdownInputOption"), exports);
 __exportStar(require("./IDropdownInputProps"), exports);
+__exportStar(require("./IFluentUiDropdownInputProps"), exports);
 __exportStar(require("./MultiValueDropdownInput"), exports);

package/package.json

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