@s-ui/react-atom-input - npm Package Compare versions

Comparing version 4.18.0 to 4.19.0

CHANGELOG.md

@@ -5,2 +5,11 @@ # Change Log
 
+# 4.19.0 (2020-05-04)
+
+
+### Features
+
+* add autofocus attribute as a prop ([ea24532](https://github.com/SUI-Components/sui-components/commit/ea24532cb8b14dafb0eae8112913be313c130f32))
+
+
+
 # 4.18.0 (2020-04-06)
@@ -7,0 +16,0 @@

lib/index.js

@@ -14,9 +14,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
     case 'sui-password':
-      return React.createElement(Password, props);
+      return /*#__PURE__*/React.createElement(Password, props);
 
     case 'mask':
-      return React.createElement(Mask, props);
+      return /*#__PURE__*/React.createElement(Mask, props);
 
     default:
-      return React.createElement(Input, Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
         type: type
@@ -23,0 +23,0 @@ }));

lib/Input/Component/index.js

@@ -61,2 +61,3 @@ import React from 'react';
       autoComplete = _ref2.autoComplete,
+      autoFocus = _ref2.autoFocus,
       _ref2$onChange = _ref2.onChange,
@@ -108,3 +109,3 @@ onChange = _ref2$onChange === void 0 ? DEFAULT_PROPS.ON_CHANGE : _ref2$onChange,
   });
-  return React.createElement("input", {
+  return /*#__PURE__*/React.createElement("input", {
     className: className,
@@ -131,2 +132,3 @@ tabIndex: tabIndex,
     autoComplete: autoComplete,
+    autoFocus: autoFocus,
     required: required,
@@ -133,0 +135,0 @@ pattern: pattern,

lib/Input/Features/Addon/index.js

@@ -23,13 +23,13 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 
-    return leftAddon || rightAddon ? React.createElement("div", {
+    return leftAddon || rightAddon ? /*#__PURE__*/React.createElement("div", {
       className: CLASS_ADDON_WRAPPER
-    }, leftAddon && React.createElement("span", {
+    }, leftAddon && /*#__PURE__*/React.createElement("span", {
       className: getClassName({
         type: TYPES.LEFT
       })
-    }, leftAddon), React.createElement(WrappedInput, props), rightAddon && React.createElement("span", {
+    }, leftAddon), /*#__PURE__*/React.createElement(WrappedInput, props), rightAddon && /*#__PURE__*/React.createElement("span", {
       className: getClassName({
         type: TYPES.RIGHT
       })
-    }, rightAddon)) : React.createElement(WrappedInput, props);
+    }, rightAddon)) : /*#__PURE__*/React.createElement(WrappedInput, props);
   };
@@ -36,0 +36,0 @@

lib/Input/Features/Icon/index.js

@@ -59,11 +59,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 
-      return leftIcon || rightIcon ? React.createElement("div", {
+      return leftIcon || rightIcon ? /*#__PURE__*/React.createElement("div", {
         className: cx(CLASS_ICON, (_cx = {}, _cx[CLASS_ICON_LEFT] = leftIcon, _cx[CLASS_ICON_RIGHT] = rightIcon, _cx))
-      }, leftIcon && React.createElement("span", {
+      }, leftIcon && /*#__PURE__*/React.createElement("span", {
         className: cx(CLASS_ICON_COMPONENT, CLASS_ICON_COMPONENT_LEFT, (_cx2 = {}, _cx2[CLASS_ICON_COMPONENT_HANDLER] = onClickLeftIcon, _cx2)),
         onClick: this.handleLeftClick
-      }, leftIcon), React.createElement(WrappedInput, props), rightIcon && React.createElement("span", {
+      }, leftIcon), /*#__PURE__*/React.createElement(WrappedInput, props), rightIcon && /*#__PURE__*/React.createElement("span", {
         className: cx(CLASS_ICON_COMPONENT, CLASS_ICON_COMPONENT_RIGHT, (_cx3 = {}, _cx3[CLASS_ICON_COMPONENT_HANDLER] = onClickRightIcon, _cx3)),
         onClick: this.handleRightClick
-      }, rightIcon)) : React.createElement(WrappedInput, props);
+      }, rightIcon)) : /*#__PURE__*/React.createElement(WrappedInput, props);
     };
@@ -70,0 +70,0 @@

lib/Input/Features/WithButton/index.js

@@ -11,9 +11,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 
-    return button ? React.createElement("div", {
+    return button ? /*#__PURE__*/React.createElement("div", {
       className: BASE_CLASS
-    }, React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: BASE_CLASS + "-input"
-    }, React.createElement(WrappedInput, props)), React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(WrappedInput, props)), /*#__PURE__*/React.createElement("div", {
       className: BASE_CLASS + "-button"
-    }, button)) : React.createElement(WrappedInput, props);
+    }, button)) : /*#__PURE__*/React.createElement(WrappedInput, props);
   };
@@ -20,0 +20,0 @@

lib/Mask/index.js

@@ -39,3 +39,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 
-  return React.createElement(Input, Object.assign({
+  return /*#__PURE__*/React.createElement(Input, Object.assign({
     id: name,
@@ -42,0 +42,0 @@ reference: refInput,

lib/Password/index.js

@@ -40,9 +40,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 
-  return React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: CLASS_PASSWORD
-  }, React.createElement(Input, Object.assign({}, props, {
+  }, /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
     onChange: handleChange,
     value: value,
     type: type
-  })), React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     onClick: toggle,
@@ -49,0 +49,0 @@ className: CLASS_PASSWORD_TOGGLE_BUTTON

package.json

 {
   "name": "@s-ui/react-atom-input",
-  "version": "4.18.0",
+  "version": "4.19.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

46867

increased by1.18%

Lines of code

361

increased by0.56%

No dependency changes