react-multi-email
Advanced tools
Comparing version 1.0.8 to 1.0.9
@@ -21,2 +21,3 @@ import * as React from 'react'; | ||
className?: string; | ||
inputClassName?: string; | ||
placeholder?: string | React.ReactNode; | ||
@@ -23,0 +24,0 @@ autoFocus?: boolean; |
@@ -92,3 +92,3 @@ "use strict"; | ||
var _this = this; | ||
var id = props.id, style = props.style, getLabel = props.getLabel, _a = props.className, className = _a === void 0 ? '' : _a, noClass = props.noClass, placeholder = props.placeholder, autoFocus = props.autoFocus, enable = props.enable, onDisabled = props.onDisabled, validateEmail = props.validateEmail, onChange = props.onChange, onChangeInput = props.onChangeInput, onFocus = props.onFocus, onBlur = props.onBlur, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, spinner = props.spinner, _b = props.delimiter, delimiter = _b === void 0 ? '[ ,;]' : _b, _c = props.initialInputValue, initialInputValue = _c === void 0 ? '' : _c; | ||
var id = props.id, style = props.style, getLabel = props.getLabel, _a = props.className, className = _a === void 0 ? '' : _a, noClass = props.noClass, placeholder = props.placeholder, autoFocus = props.autoFocus, enable = props.enable, onDisabled = props.onDisabled, validateEmail = props.validateEmail, onChange = props.onChange, onChangeInput = props.onChangeInput, onFocus = props.onFocus, onBlur = props.onBlur, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, spinner = props.spinner, _b = props.delimiter, delimiter = _b === void 0 ? '[ ,;]' : _b, _c = props.initialInputValue, initialInputValue = _c === void 0 ? '' : _c, inputClassName = props.inputClassName; | ||
var emailInputRef = React.useRef(null); | ||
@@ -290,4 +290,4 @@ var _d = __read(React.useState(false), 2), focused = _d[0], setFocused = _d[1]; | ||
React.createElement("div", { className: 'data-labels', style: { opacity: spinning ? 0.45 : 1.0, display: 'contents', flexWrap: 'inherit' } }, emails.map(function (email, index) { return getLabel(email, index, removeEmail); })), | ||
React.createElement("input", { id: id, style: { opacity: spinning ? 0.45 : 1.0 }, ref: emailInputRef, type: 'text', value: inputValue, onFocus: handleOnFocus, onBlur: handleOnBlur, onChange: handleOnChange, onKeyDown: handleOnKeydown, onKeyUp: handleOnKeyup, autoFocus: autoFocus }))); | ||
React.createElement("input", { id: id, style: { opacity: spinning ? 0.45 : 1.0 }, ref: emailInputRef, type: 'text', value: inputValue, onFocus: handleOnFocus, onBlur: handleOnBlur, onChange: handleOnChange, onKeyDown: handleOnKeydown, onKeyUp: handleOnKeyup, autoFocus: autoFocus, className: inputClassName }))); | ||
} | ||
exports.ReactMultiEmail = ReactMultiEmail; |
@@ -21,2 +21,3 @@ import * as React from 'react'; | ||
className?: string; | ||
inputClassName?: string; | ||
placeholder?: string | React.ReactNode; | ||
@@ -23,0 +24,0 @@ autoFocus?: boolean; |
@@ -39,3 +39,3 @@ "use strict"; | ||
function ReactMultiEmail(props) { | ||
const { id, style, getLabel, className = '', noClass, placeholder, autoFocus, enable, onDisabled, validateEmail, onChange, onChangeInput, onFocus, onBlur, onKeyDown, onKeyUp, spinner, delimiter = '[ ,;]', initialInputValue = '', } = props; | ||
const { id, style, getLabel, className = '', noClass, placeholder, autoFocus, enable, onDisabled, validateEmail, onChange, onChangeInput, onFocus, onBlur, onKeyDown, onKeyUp, spinner, delimiter = '[ ,;]', initialInputValue = '', inputClassName } = props; | ||
const emailInputRef = React.useRef(null); | ||
@@ -194,4 +194,4 @@ const [focused, setFocused] = React.useState(false); | ||
React.createElement("div", { className: 'data-labels', style: { opacity: spinning ? 0.45 : 1.0, display: 'contents', flexWrap: 'inherit' } }, emails.map((email, index) => getLabel(email, index, removeEmail))), | ||
React.createElement("input", { id: id, style: { opacity: spinning ? 0.45 : 1.0 }, ref: emailInputRef, type: 'text', value: inputValue, onFocus: handleOnFocus, onBlur: handleOnBlur, onChange: handleOnChange, onKeyDown: handleOnKeydown, onKeyUp: handleOnKeyup, autoFocus: autoFocus }))); | ||
React.createElement("input", { id: id, style: { opacity: spinning ? 0.45 : 1.0 }, ref: emailInputRef, type: 'text', value: inputValue, onFocus: handleOnFocus, onBlur: handleOnBlur, onChange: handleOnChange, onKeyDown: handleOnKeydown, onKeyUp: handleOnKeyup, autoFocus: autoFocus, className: inputClassName }))); | ||
} | ||
exports.ReactMultiEmail = ReactMultiEmail; |
{ | ||
"name": "react-multi-email", | ||
"version": "1.0.8", | ||
"version": "1.0.9", | ||
"jsnext:main": "dist/es6/index.js", | ||
@@ -5,0 +5,0 @@ "module": "dist/es6/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
120411
925