@hipay/hipay-material-ui 1.0.0-beta.28 → 1.0.0-beta.29

package/HiSelect/HiSuggestSelect.js

@@ -106,6 +106,7 @@ var HiSuggestSelect = function (_React$PureComponent) {
             if (textInput) {
                 setTimeout(function () {
                     textInput.focus();
+                    textInput.scrollLeft = textInput.scrollWidth;
                 }, 1);
             }
         };
@@ -151,6 +152,7 @@ var HiSuggestSelect = function (_React$PureComponent) {
         _this.handleSelect = _this.handleSelect.bind(_this);
         _this.handleBlur = _this.handleBlur.bind(_this);
         _this.handleFocus = _this.handleFocus.bind(_this);
+        _this.getInputElement = _this.getInputElement.bind(_this);
         return _this;
     }
 
@@ -159,6 +161,14 @@ var HiSuggestSelect = function (_React$PureComponent) {
         value: function componentWillReceiveProps(nextProps) {
             this.setState({ options: nextProps.options });
         }
+    }, {
+        key: 'getInputElement',
+        value: function getInputElement(el) {
+            this.textInput = el;
+            if (this.props.inputRef) {
+                this.props.inputRef(this.textInput);
+            }
+        }
 
         // Key down on list items
 
@@ -243,9 +253,7 @@ var HiSuggestSelect = function (_React$PureComponent) {
 
                             inputId: id,
                             focused: focused,
-                            inputRef: function inputRef(input) {
-                                _this2.textInput = input;
-                            },
+                            inputRef: this.getInputElement,
                             onChange: onSearch,
                             onKeyDown: this.handleKeyDownSearch,
                             onBlur: this.handleBlur,
@@ -301,6 +309,10 @@ HiSuggestSelect.propTypes = process.env.NODE_ENV !== "production" ? {
      * id de l'élément input
      */
     id: _propTypes2.default.string,
+    /**
+     * Passe une ref callback au composant input
+     */
+    inputRef: _propTypes2.default.func,
     /**
      * Ajoute un loader
      */

package/es/HiSelect/HiSuggestSelect.js

@@ -45,6 +45,7 @@ class HiSuggestSelect extends React.PureComponent {
             if (textInput) {
                 setTimeout(() => {
                     textInput.focus();
+                    textInput.scrollLeft = textInput.scrollWidth;
                 }, 1);
             }
         };
@@ -90,12 +91,20 @@ class HiSuggestSelect extends React.PureComponent {
         this.handleSelect = this.handleSelect.bind(this);
         this.handleBlur = this.handleBlur.bind(this);
         this.handleFocus = this.handleFocus.bind(this);
+        this.getInputElement = this.getInputElement.bind(this);
     }
 
     componentWillReceiveProps(nextProps) {
         this.setState({ options: nextProps.options });
     }
 
+    getInputElement(el) {
+        this.textInput = el;
+        if (this.props.inputRef) {
+            this.props.inputRef(this.textInput);
+        }
+    }
+
     // Key down on list items
 
 
@@ -166,9 +175,7 @@ class HiSuggestSelect extends React.PureComponent {
 
                         inputId: id,
                         focused: focused,
-                        inputRef: input => {
-                            this.textInput = input;
-                        },
+                        inputRef: this.getInputElement,
                         onChange: onSearch,
                         onKeyDown: this.handleKeyDownSearch,
                         onBlur: this.handleBlur,
@@ -222,6 +229,10 @@ HiSuggestSelect.propTypes = process.env.NODE_ENV !== "production" ? {
      * id de l'élément input
      */
     id: PropTypes.string,
+    /**
+     * Passe une ref callback au composant input
+     */
+    inputRef: PropTypes.func,
     /**
      * Ajoute un loader
      */

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.28
+/** @license Material-UI v1.0.0-beta.29
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.28
+/** @license Material-UI v1.0.0-beta.29
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "1.0.0-beta.28",
+  "version": "1.0.0-beta.29",
   "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
   "main": "./index.js",
   "repository": {