Update lib input

packages/strapi-helper-plugin/lib/src/components/Input/index.js

@@ -6,6 +6,7 @@
 
 import React from 'react';
 import moment from 'moment';
+import PropTypes from 'prop-types';
 import { get, isEmpty, map, mapKeys, isObject, reject, includes } from 'lodash';
 import { FormattedMessage } from 'react-intl';
 import DateTime from 'react-datetime';
@@ -67,37 +68,37 @@ class Input extends React.Component { // eslint-disable-line react/prefer-statel
   validate = (value) => {
     let errors = [];
     // handle i18n
-    const requiredError = { id: 'error.validation.required' };
+    const requiredError = { id: `${this.props.pluginID}.error.validation.required` };
     mapKeys(this.props.validations, (validationValue, validationKey) => {
       switch (validationKey) {
         case 'max':
           if (parseInt(value, 10) > validationValue) {
-            errors.push({ id: 'error.validation.max' });
+            errors.push({ id: `${this.props.pluginID}.error.validation.max` });
           }
           break;
         case 'maxLength':
           if (value.length > validationValue) {
-            errors.push({ id: 'error.validation.maxLength' });
+            errors.push({ id: `${this.props.pluginID}.error.validation.maxLength` });
           }
           break;
         case 'min':
           if (parseInt(value, 10) < validationValue) {
-            errors.push({ id: 'error.validation.min' });
+            errors.push({ id: `${this.props.pluginID}.error.validation.min` });
           }
           break;
         case 'minLength':
           if (value.length < validationValue) {
-            errors.push({ id: 'error.validation.minLength' });
+            errors.push({ id: `${this.props.pluginID}.error.validation.minLength` });
           }
           break;
         case 'required':
           if (value.length === 0) {
-            errors.push({ id: 'error.validation.required' });
+            errors.push({ id: `${this.props.pluginID}.error.validation.required` });
           }
           break;
         case 'regex':
           if (!new RegExp(validationValue).test(value)) {
-            errors.push({ id: 'error.validation.regex' });
+            errors.push({ id: `${this.props.pluginID}.error.validation.regex` });
           }
           break;
         default:
@@ -367,36 +368,37 @@ class Input extends React.Component { // eslint-disable-line react/prefer-statel
 }
 
 Input.propTypes = {
-  addon: React.PropTypes.oneOfType([
+  addon: PropTypes.oneOfType([
-    React.PropTypes.bool,
+    PropTypes.bool,
-    React.PropTypes.string,
+    PropTypes.string,
   ]),
-  addRequiredInputDesign: React.PropTypes.bool,
+  addRequiredInputDesign: PropTypes.bool,
-  customBootstrapClass: React.PropTypes.string,
+  customBootstrapClass: PropTypes.string,
-  deactivateErrorHighlight: React.PropTypes.bool,
+  deactivateErrorHighlight: PropTypes.bool,
-  didCheckErrors: React.PropTypes.bool,
+  didCheckErrors: PropTypes.bool,
-  disabled: React.PropTypes.bool,
+  disabled: PropTypes.bool,
-  errors: React.PropTypes.array,
+  errors: PropTypes.array,
-  handleBlur: React.PropTypes.oneOfType([
+  handleBlur: PropTypes.oneOfType([
-    React.PropTypes.func,
+    PropTypes.func,
-    React.PropTypes.bool,
+    PropTypes.bool,
   ]),
-  handleChange: React.PropTypes.func.isRequired,
+  handleChange: PropTypes.func.isRequired,
-  handleFocus: React.PropTypes.func,
+  handleFocus: PropTypes.func,
-  inputDescription: React.PropTypes.string,
+  inputDescription: PropTypes.string,
-  label: React.PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
-  name: React.PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
-  noErrorsDescription: React.PropTypes.bool,
+  noErrorsDescription: PropTypes.bool,
-  placeholder: React.PropTypes.string,
+  placeholder: PropTypes.string,
-  selectOptions: React.PropTypes.array,
+  pluginID: PropTypes.string,
-  selectOptionsFetchSucceeded: React.PropTypes.bool,
+  selectOptions: PropTypes.array,
-  title: React.PropTypes.string,
+  selectOptionsFetchSucceeded: PropTypes.bool,
-  type: React.PropTypes.string.isRequired,
+  title: PropTypes.string,
-  validations: React.PropTypes.object.isRequired,
+  type: PropTypes.string.isRequired,
-  value: React.PropTypes.oneOfType([
+  validations: PropTypes.object.isRequired,
-    React.PropTypes.string,
+  value: PropTypes.oneOfType([
-    React.PropTypes.bool,
+    PropTypes.string,
-    React.PropTypes.number,
+    PropTypes.bool,
+    PropTypes.number,
   ]),
 };