Merge branch 'CAMP-2273/add-ref-to-input-element'

CampGladiator · Feb 18, 2020 · 0911828 · 0911828
2 parents fc79ea0 + 4e3f7b2
commit 0911828
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/packages/components/lib/Input.js b/packages/components/lib/Input.js
@@ -1,14 +1,18 @@
-import React from 'react'
+import React, { forwardRef } from 'react'
 import PropTypes from 'prop-types'
 import mods from './internal/mods'
 
-const Input = ({ centered, rounded, separator, className, ...rest }) => (
-  <input
-    className={mods('input', { centered, rounded, separator }, className)}
-    {...rest}
-  />
+const Input = forwardRef(
+  ({ centered, rounded, separator, className, ...rest }, ref) => (
+    <input
+      className={mods('input', { centered, rounded, separator }, className)}
+      ref={ref}
+      {...rest}
+    />
+  ),
 )
 
+Input.displayName = 'Input'
 Input.propTypes = {
   centered: PropTypes.bool,
   rounded: PropTypes.bool,

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@campgladiator/components",
-	"version": "1.0.13",
+	"version": "1.0.14",
 	"description": "A component library for CampGladiator's React apps",
 	"author": "renanpvaz <[email protected]>",
 	"homepage": "https://github.com/CampGladiator/ui/tree/master/packages/components#readme",