react-telephone-input - npm Package Compare versions

Comparing version 4.73.3 to 4.73.4

es/ReactTelephoneInput.js

@@ -132,2 +132,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
     var inputFlagClasses = 'flag ' + this.state.selectedCountry.iso2;
+    var buttonProps = this.props.buttonProps;
     var otherProps = this.props.inputProps;
@@ -150,8 +151,6 @@ if (this.props.inputId) {
           'data-test-id': 'src_reacttelephoneinput_test_id_6'
-          // this is crucial if we want keyboard up/down events to be heard through this div and not document.body
-          , tabIndex: 0
         },
         React.createElement(
           'button',
-          {
+          _extends({
             onClick: this.handleFlagDropdownClick,
@@ -163,3 +162,3 @@ className: 'selected-flag',
             type: 'button'
-          },
+          }, buttonProps),
           React.createElement(
@@ -215,2 +214,3 @@ 'div',
   inputProps: {},
+  buttonProps: {},
   listItemClassName: 'country',
@@ -641,2 +641,3 @@ listStyle: {
   inputProps: PropTypes.object,
+  buttonProps: PropTypes.object,
   listStyle: PropTypes.object,
@@ -643,0 +644,0 @@ listItemClassName: PropTypes.string

lib/ReactTelephoneInput.js

@@ -172,2 +172,3 @@ 'use strict';
     var inputFlagClasses = 'flag ' + this.state.selectedCountry.iso2;
+    var buttonProps = this.props.buttonProps;
     var otherProps = this.props.inputProps;
@@ -190,8 +191,6 @@ if (this.props.inputId) {
           'data-test-id': 'src_reacttelephoneinput_test_id_6'
-          // this is crucial if we want keyboard up/down events to be heard through this div and not document.body
-          , tabIndex: 0
         },
         _react2.default.createElement(
           'button',
-          {
+          _extends({
             onClick: this.handleFlagDropdownClick,
@@ -203,3 +202,3 @@ className: 'selected-flag',
             type: 'button'
-          },
+          }, buttonProps),
           _react2.default.createElement(
@@ -255,2 +254,3 @@ 'div',
   inputProps: {},
+  buttonProps: {},
   listItemClassName: 'country',
@@ -682,2 +682,3 @@ listStyle: {
   inputProps: _propTypes2.default.object,
+  buttonProps: _propTypes2.default.object,
   listStyle: _propTypes2.default.object,
@@ -684,0 +685,0 @@ listItemClassName: _propTypes2.default.string

package.json

 {
   "name": "react-telephone-input",
-  "version": "4.73.3",
+  "version": "4.73.4",
   "description": "React component for entering and validating international telephone numbers",
@@ -5,0 +5,0 @@ "main": "lib/ReactTelephoneInput.js",

No alert changes

Improved metrics

Lines of code

2060

increased by0.1%

Worsened metrics

Total package byte prevSize

78443

decreased by-0.03%

No dependency changes