v0.5.0

axisj · Mar 1, 2019 · 5ad4231 · 5ad4231
1 parent da17995
commit 5ad4231
Show file tree

Hide file tree

Showing 17 changed files with 35 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -24,7 +24,7 @@ npm install react-multi-email -S
 
 ```typescript jsx
 import * as React from 'react';
-import { ReactMultiEmail } from 'react-multi-email';
+import { ReactMultiEmail, isEmail } from 'react-multi-email';
 import 'react-multi-email/style.css';
 
 interface IProps {}
@@ -48,6 +48,9 @@ class Basic extends React.Component<IProps, IState> {
           onChange={(_emails: string[]) => {
             this.setState({ emails: _emails });
           }}
+          validateEmail={email => {
+            return isEmail(email); // return boolean
+          }}
           getLabel={(
             email: string,
             index: number,

diff --git a/dist/README.md b/dist/README.md
@@ -24,7 +24,7 @@ npm install react-multi-email -S
 
 ```typescript jsx
 import * as React from 'react';
-import { ReactMultiEmail } from 'react-multi-email';
+import { ReactMultiEmail, isEmail } from 'react-multi-email';
 import 'react-multi-email/style.css';
 
 interface IProps {}
@@ -48,6 +48,9 @@ class Basic extends React.Component<IProps, IState> {
           onChange={(_emails: string[]) => {
             this.setState({ emails: _emails });
           }}
+          validateEmail={email => {
+            return isEmail(email); // return boolean
+          }}
           getLabel={(
             email: string,
             index: number,

diff --git a/dist/commonjs/ReactMultiEmail.d.ts b/dist/commonjs/ReactMultiEmail.d.ts
@@ -2,6 +2,7 @@ import * as React from 'react';
 export interface IReactMultiEmailProps {
     emails?: string[];
     onChange?: (emails: string[]) => void;
+    validateEmail?: (email: string) => boolean;
     style?: object;
     getLabel: (email: string, index: number, removeEmail: (index: number) => void) => void;
     className?: string;

diff --git a/dist/commonjs/ReactMultiEmail.js b/dist/commonjs/ReactMultiEmail.js
@@ -22,9 +22,11 @@ var ReactMultiEmail = /** @class */ (function (_super) {
             inputValue: '',
         };
         _this.findEmailAddress = function (value, isEnter) {
+            var validateEmail = _this.props.validateEmail;
             var validEmails = [];
             var inputValue = '';
             var re = /[ ,;]/g;
+            var isEmail = validateEmail || isEmail_1.default;
             var addEmails = function (email) {
                 var emails = _this.state.emails;
                 for (var i = 0, l = emails.length; i < l; i++) {
@@ -41,7 +43,7 @@ var ReactMultiEmail = /** @class */ (function (_super) {
                         return n !== '' && n !== undefined && n !== null;
                     });
                     do {
-                        if (isEmail_1.default('' + arr[0])) {
+                        if (isEmail('' + arr[0])) {
                             addEmails('' + arr.shift());
                         }
                         else {
@@ -57,7 +59,7 @@ var ReactMultiEmail = /** @class */ (function (_super) {
                 }
                 else {
                     if (isEnter) {
-                        if (isEmail_1.default(value)) {
+                        if (isEmail(value)) {
                             addEmails(value);
                         }
                         else {

diff --git a/dist/es6/ReactMultiEmail.d.ts b/dist/es6/ReactMultiEmail.d.ts
@@ -2,6 +2,7 @@ import * as React from 'react';
 export interface IReactMultiEmailProps {
     emails?: string[];
     onChange?: (emails: string[]) => void;
+    validateEmail?: (email: string) => boolean;
     style?: object;
     getLabel: (email: string, index: number, removeEmail: (index: number) => void) => void;
     className?: string;

diff --git a/dist/es6/ReactMultiEmail.js b/dist/es6/ReactMultiEmail.js
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import isEmail from './isEmail';
+import isEmailFn from './isEmail';
 class ReactMultiEmail extends React.Component {
     constructor(props) {
         super(props);
@@ -9,9 +9,11 @@ class ReactMultiEmail extends React.Component {
             inputValue: '',
         };
         this.findEmailAddress = (value, isEnter) => {
+            const { validateEmail } = this.props;
             let validEmails = [];
             let inputValue = '';
             const re = /[ ,;]/g;
+            const isEmail = validateEmail || isEmailFn;
             const addEmails = (email) => {
                 const emails = this.state.emails;
                 for (let i = 0, l = emails.length; i < l; i++) {

diff --git a/dist/package.json b/dist/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-multi-email",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "description": "React multi email input",
   "jsnext:main": "es6/index.js",
   "main": "commonjs/index.js",

diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,7 +1,7 @@
 {
   "main.css": "static/css/main.ab19594c.css",
   "main.css.map": "static/css/main.ab19594c.css.map",
-  "main.js": "static/js/main.2bc07060.js",
-  "main.js.map": "static/js/main.2bc07060.js.map",
+  "main.js": "static/js/main.f9c460be.js",
+  "main.js.map": "static/js/main.f9c460be.js.map",
   "static/media/axui-logo.png": "static/media/axui-logo.bdc57a37.png"
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><link rel="shortcut icon" href="/favicon.ico"><title>AXUI : react-multi-email</title><link href="/static/css/main.ab19594c.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="/static/js/main.2bc07060.js"></script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><link rel="shortcut icon" href="/favicon.ico"><title>AXUI : react-multi-email</title><link href="/static/css/main.ab19594c.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="/static/js/main.f9c460be.js"></script></body></html>
diff --git a/docs/service-worker.js b/docs/service-worker.js
diff --git a/docs/static/js/main.2bc07060.js.map b/docs/static/js/main.2bc07060.js.map
diff --git a/docs/static/js/main.2bc07060.js → docs/static/js/main.f9c460be.js b/docs/static/js/main.2bc07060.js → docs/static/js/main.f9c460be.js
diff --git a/docs/static/js/main.f9c460be.js.map b/docs/static/js/main.f9c460be.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-multi-email",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "peerDependencies": {
     "react": "^16.4.0",
     "react-dom": "^16.4.0"

diff --git a/src/package.json b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-multi-email",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "description": "React multi email input",
   "jsnext:main": "es6/index.js",
   "main": "commonjs/index.js",

diff --git a/src/react-multi-email/ReactMultiEmail.tsx b/src/react-multi-email/ReactMultiEmail.tsx
@@ -1,9 +1,10 @@
 import * as React from 'react';
-import isEmail from './isEmail';
+import isEmailFn from './isEmail';
 
 export interface IReactMultiEmailProps {
   emails?: string[];
   onChange?: (emails: string[]) => void;
+  validateEmail?: (email: string) => boolean;
   style?: object;
   getLabel: (
     email: string,
@@ -55,9 +56,11 @@ class ReactMultiEmail extends React.Component<
   }
 
   findEmailAddress = (value: string, isEnter?: boolean) => {
+    const { validateEmail } = this.props;
     let validEmails: string[] = [];
     let inputValue: string = '';
     const re = /[ ,;]/g;
+    const isEmail = validateEmail || isEmailFn;
 
     const addEmails = (email: string) => {
       const emails: string[] = this.state.emails;

diff --git a/src/samples/CustomizeStyle.tsx b/src/samples/CustomizeStyle.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ReactMultiEmail } from 'react-multi-email';
+import { ReactMultiEmail, isEmail } from 'react-multi-email';
 
 interface IProps {}
 interface IState {
@@ -27,6 +27,9 @@ class CustomizeStyle extends React.Component<IProps, IState> {
           onChange={(_emails: string[]) => {
             this.setState({ emails: _emails });
           }}
+          validateEmail={email => {
+            return isEmail(email);
+          }}
           getLabel={(
             email: string,
             index: number,