diff --git a/packages/strapi-helper-plugin/lib/src/components/InputAddonWithErrors/index.js b/packages/strapi-helper-plugin/lib/src/components/InputAddonWithErrors/index.js
index 396a156aba..446b3264f5 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputAddonWithErrors/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/InputAddonWithErrors/index.js
@@ -6,7 +6,7 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { includes, isEmpty, isFunction, mapKeys, reject } from 'lodash';
+import { isEmpty, isFunction } from 'lodash';
import cn from 'classnames';
// Design
@@ -14,6 +14,7 @@ import Label from 'components/Label';
import InputDescription from 'components/InputDescription';
import InputErrors from 'components/InputErrors';
import InputAddon from 'components/InputAddon';
+import InputSpacer from 'components/InputSpacer';
// Utils
import validateInput from 'utils/inputsValidations';
@@ -93,7 +94,7 @@ class InputAddonWithErrors extends React.Component { // eslint-disable-line reac
} = this.props;
const handleBlur = isFunction(onBlur) ? onBlur : this.handleBlur;
- let spacer = !isEmpty(inputDescription) ?
: ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputAddonWithErrors/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputAddonWithErrors/styles.scss
index 0853bdc84d..7d411c4e71 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputAddonWithErrors/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputAddonWithErrors/styles.scss
@@ -3,7 +3,3 @@
margin-bottom: 1.5rem;
font-size: 1.3rem;
}
-
-.spacer {
- height: .5rem;
-}
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/index.js b/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/index.js
index 54e28570f9..f32bcb28e6 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/index.js
@@ -7,7 +7,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
-import { includes, isEmpty, isObject, isFunction, mapKeys, reject } from 'lodash';
+import { isEmpty, isObject, isFunction } from 'lodash';
import cn from 'classnames';
// Design
@@ -15,6 +15,7 @@ import Label from 'components/Label';
import InputDescription from 'components/InputDescription';
import InputErrors from 'components/InputErrors';
import InputCheckbox from 'components/InputCheckbox';
+import InputSpacer from 'components/InputSpacer';
import styles from './styles.scss';
@@ -70,7 +71,7 @@ class InputCheckboxWithErrors extends React.Component {
const handleBlur = onBlur ? onBlur : () => {};
let inputTitle = '';
- let spacer = !isEmpty(inputDescription) ? : ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/styles.scss
index 29ccc32e0d..04c86505b7 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/styles.scss
@@ -4,10 +4,6 @@
font-family: 'Lato';
}
-.spacer {
- height: .5rem;
-}
-
.inputCheckboxDescriptionContainer {
width: 150%;
margin-top: .2rem;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputDateWithErrors/index.js b/packages/strapi-helper-plugin/lib/src/components/InputDateWithErrors/index.js
index aa35a6dc21..fe246afe45 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputDateWithErrors/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/InputDateWithErrors/index.js
@@ -6,7 +6,7 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { get, includes, isEmpty, isFunction, mapKeys, reject } from 'lodash';
+import { get, isEmpty, isFunction } from 'lodash';
import cn from 'classnames';
// Design
@@ -14,6 +14,7 @@ import Label from 'components/Label';
import InputDescription from 'components/InputDescription';
import InputErrors from 'components/InputErrors';
import InputDate from 'components/InputDate';
+import InputSpacer from 'components/InputSpacer';
// Utils
import validateInput from 'utils/inputsValidations';
@@ -92,7 +93,7 @@ class InputDateWithErrors extends React.Component { // eslint-disable-line react
} = this.props;
const handleBlur = isFunction(onBlur) ? onBlur : this.handleBlur;
- let spacer = !isEmpty(inputDescription) ? : ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputDateWithErrors/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputDateWithErrors/styles.scss
index f36433c878..d065c583df 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputDateWithErrors/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputDateWithErrors/styles.scss
@@ -30,7 +30,3 @@
}
}
}
-
-.spacer {
- height: .5rem;
-}
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputEmailWithErrors/index.js b/packages/strapi-helper-plugin/lib/src/components/InputEmailWithErrors/index.js
index 8e7903a30c..c1e539a262 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputEmailWithErrors/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/InputEmailWithErrors/index.js
@@ -6,7 +6,7 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { includes, isEmpty, isFunction, mapKeys, reject } from 'lodash';
+import { isEmpty, isFunction } from 'lodash';
import cn from 'classnames';
// Design
@@ -14,6 +14,7 @@ import Label from 'components/Label';
import InputDescription from 'components/InputDescription';
import InputErrors from 'components/InputErrors';
import InputEmail from 'components/InputEmail';
+import InputSpacer from 'components/InputSpacer';
// Utils
import validateInput from 'utils/inputsValidations';
@@ -90,7 +91,7 @@ class InputEmailWithErrors extends React.Component { // eslint-disable-line reac
} = this.props;
const handleBlur = isFunction(onBlur) ? onBlur : this.handleBlur;
- let spacer = !isEmpty(inputDescription) ? : ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
@@ -98,7 +99,7 @@ class InputEmailWithErrors extends React.Component { // eslint-disable-line reac
return (
: ;
-
+ const labelClass = labelClassName === '' ? styles.labelFile : labelClassName;
+ const spacer = isEmpty(inputDescription) ? : ;
+
return (
: ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
@@ -94,7 +95,7 @@ class InputNumberWithErrors extends React.Component { // eslint-disable-line rea
return (
: ;
+
+ if (!noErrorsDescription && !isEmpty(this.state.errors)) {
+ spacer = ;
+ }
+
return (
+ {spacer}
);
}
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputPasswordWithErrors/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputPasswordWithErrors/styles.scss
index 5d8578e7d5..b868e050b8 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputPasswordWithErrors/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputPasswordWithErrors/styles.scss
@@ -1,4 +1,4 @@
-.container {
+.containerInputPassword {
min-width: 200px;
margin-bottom: 1.5rem;
font-size: 1.3rem;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputSearchWithErrors/index.js b/packages/strapi-helper-plugin/lib/src/components/InputSearchWithErrors/index.js
index 81c734f4b8..e5250e2db8 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputSearchWithErrors/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/InputSearchWithErrors/index.js
@@ -6,7 +6,7 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { includes, isEmpty, isFunction, mapKeys, reject } from 'lodash';
+import { isEmpty, isFunction } from 'lodash';
import cn from 'classnames';
// Design
@@ -14,6 +14,7 @@ import Label from 'components/Label';
import InputDescription from 'components/InputDescription';
import InputErrors from 'components/InputErrors';
import InputSearch from 'components/InputSearch';
+import InputSpacer from 'components/InputSpacer';
// Utils
import validateInput from 'utils/inputsValidations';
@@ -90,7 +91,7 @@ class InputSearchWithErrors extends React.Component { // eslint-disable-line rea
} = this.props;
const handleBlur = isFunction(onBlur) ? onBlur : this.handleBlur;
- let spacer = !isEmpty(inputDescription) ? : ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputSearchWithErrors/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputSearchWithErrors/styles.scss
index 64c5d42fe9..bd2a348806 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputSearchWithErrors/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputSearchWithErrors/styles.scss
@@ -3,7 +3,3 @@
margin-bottom: 1.5rem;
font-size: 1.3rem;
}
-
-.spacer {
- height: .5rem;
-}
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputSelectWithErrors/index.js b/packages/strapi-helper-plugin/lib/src/components/InputSelectWithErrors/index.js
index d6c142cd1b..e633057f4a 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputSelectWithErrors/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/InputSelectWithErrors/index.js
@@ -6,7 +6,7 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { includes, isEmpty, isFunction, mapKeys, reject } from 'lodash';
+import { isEmpty, isFunction } from 'lodash';
import cn from 'classnames';
// Design
@@ -67,7 +67,7 @@ class InputSelectWithErrors extends React.Component {
return (
;
+}
+
+export default InputSpacer;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputSpacer/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputSpacer/styles.scss
new file mode 100644
index 0000000000..06ce41bc66
--- /dev/null
+++ b/packages/strapi-helper-plugin/lib/src/components/InputSpacer/styles.scss
@@ -0,0 +1,3 @@
+.spacerInput {
+ height: .5rem;
+}
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputText/index.js b/packages/strapi-helper-plugin/lib/src/components/InputText/index.js
index a6fb9b33d0..cb9182600d 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputText/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/InputText/index.js
@@ -13,7 +13,7 @@ function InputText(props) {
: ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
@@ -94,7 +95,7 @@ class InputTextAreaWithErrors extends React.Component { // eslint-disable-line r
return (
: ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputTextWithErrors/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputTextWithErrors/styles.scss
index f94650a966..da60c76f76 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputTextWithErrors/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputTextWithErrors/styles.scss
@@ -1,9 +1,5 @@
-.container {
+.containerText {
min-width: 200px;
margin-bottom: 1.5rem;
font-size: 1.3rem;
}
-
-.spacer {
- height: .5rem;
-}
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputToggleWithErrors/index.js b/packages/strapi-helper-plugin/lib/src/components/InputToggleWithErrors/index.js
index ef05c133ee..974f1ba8cb 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputToggleWithErrors/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/InputToggleWithErrors/index.js
@@ -13,6 +13,7 @@ import Label from 'components/Label';
import InputDescription from 'components/InputDescription';
import InputErrors from 'components/InputErrors';
import InputToggle from 'components/InputToggle';
+import InputSpacer from 'components/InputSpacer';
import styles from './styles.scss';
@@ -61,7 +62,7 @@ class InputToggleWithErrors extends React.Component {
value,
} = this.props;
- let spacer = !isEmpty(inputDescription) ? : ;
+ let spacer = !isEmpty(inputDescription) ? : ;
if (!noErrorsDescription && !isEmpty(this.state.errors)) {
spacer = ;
@@ -69,7 +70,7 @@ class InputToggleWithErrors extends React.Component {
return (
Your input type: {type} does
const inputs = {
addon: InputAddonWithErrors,
checkbox: InputCheckboxWithErrors,
- date: InputDateWithErrors,
+ // date: InputDateWithErrors,
email: InputEmailWithErrors,
file: InputFileWithErrors,
number: InputNumberWithErrors,
@@ -60,17 +60,3 @@ InputsIndex.propTypes = {
};
export default InputsIndex;
-export {
- InputAddonWithErrors,
- InputCheckboxWithErrors,
- InputDateWithErrors,
- InputEmailWithErrors,
- InputFileWithErrors,
- InputNumberWithErrors,
- InputPasswordWithErrors,
- InputSearchWithErrors,
- InputSelectWithErrors,
- InputTextWithErrors,
- InputTextAreaWithErrors,
- InputToggleWithErrors,
-};
diff --git a/packages/strapi-helper-plugin/lib/src/components/Label/index.js b/packages/strapi-helper-plugin/lib/src/components/Label/index.js
index 29a1f9c637..0dbc702102 100644
--- a/packages/strapi-helper-plugin/lib/src/components/Label/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/Label/index.js
@@ -23,7 +23,7 @@ function Label(props) {
return (