baseui 0.0.0-next-a33b16f → 0.0.0-next-a3fb288

package/es/select/select-component.js

@@ -436,6 +436,12 @@ class Select extends React.Component {
     _defineProperty(this, "handleInputRef", input => {
       this.input = input;
 
+      if (typeof this.props.inputRef === 'function') {
+        this.props.inputRef(input);
+      } else if (this.props.inputRef) {
+        this.props.inputRef.current = input;
+      }
+
       if (this.props.controlRef && typeof this.props.controlRef === 'function') {
         this.props.controlRef(input);
       }

package/esm/select/select-component.js

@@ -511,6 +511,12 @@ var Select = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "handleInputRef", function (input) {
       _this.input = input;
 
+      if (typeof _this.props.inputRef === 'function') {
+        _this.props.inputRef(input);
+      } else if (_this.props.inputRef) {
+        _this.props.inputRef.current = input;
+      }
+
       if (_this.props.controlRef && typeof _this.props.controlRef === 'function') {
         _this.props.controlRef(input);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-a33b16f",
+  "version": "0.0.0-next-a3fb288",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",

package/select/index.d.ts

@@ -111,6 +111,7 @@ export interface SelectProps {
   }) => React.ReactNode;
   getValueLabel?: (args: { option: Option }) => React.ReactNode;
   id?: string;
+  inputRef?: React.Ref<any>;
   controlRef?: React.Ref<ImperativeMethods>;
   isLoading?: boolean;
   labelKey?: string;

package/select/select-component.js

@@ -530,6 +530,12 @@ var Select = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "handleInputRef", function (input) {
       _this.input = input;
 
+      if (typeof _this.props.inputRef === 'function') {
+        _this.props.inputRef(input);
+      } else if (_this.props.inputRef) {
+        _this.props.inputRef.current = input;
+      }
+
       if (_this.props.controlRef && typeof _this.props.controlRef === 'function') {
         _this.props.controlRef(input);
       }

package/select/select-component.js.flow

@@ -497,11 +497,16 @@ class Select extends React.Component<PropsT, SelectStateT> {
     }
   };
 
-  // This method is to preserve backwards compatibility for users using controlRef to directly
-  // access the input element. This capability is not documented, and may be removed in the future.
   //flowlint-next-line unclear-type:off
   handleInputRef = (input: React.ElementRef<any>) => {
     this.input = input;
+
+    if (typeof this.props.inputRef === 'function') {
+      this.props.inputRef(input);
+    } else if (this.props.inputRef) {
+      this.props.inputRef.current = input;
+    }
+
     if (this.props.controlRef && typeof this.props.controlRef === 'function') {
       this.props.controlRef(input);
     }

package/select/types.js.flow

@@ -138,6 +138,7 @@ export type PropsT = {
   id?: string,
   /** Defines if the comparison for a new creatable value should be case-insensitive. */
   ignoreCase?: boolean,
+  inputRef?: ReactRefT<HTMLInputElement>,
   /** An imperative handle exposing internal methods. */
   controlRef?: ControlRefT,
   /** Defines if the select is in a loading (async) state. */