@hipay/hipay-material-ui 1.0.0-beta.19 → 1.0.0-beta.2

package/es/HiForm/HiInput.js

@@ -13,7 +13,7 @@ export const styles = theme => ({
     }, theme.typography.body1, {
         borderBottom: `1px solid ${theme.palette.input.bottomLine}`,
         paddingLeft: 8,
-        backgroundColor: theme.palette.background2,
+        backgroundColor: '#f5f5f5',
         '&$focused': {
             backgroundColor: '#ffffff'
         },
@@ -50,7 +50,7 @@ export const styles = theme => ({
     focused: {},
     error: {
         border: `1px solid ${theme.palette.negative.normal}`,
-        paddingLeft: 8,
+        paddingLeft: 0,
         borderRadius: 2
     },
     startAdornment: {
@@ -67,7 +67,7 @@ export const styles = theme => ({
     rightIcon: {
         margin: '0 8px',
         width: 18,
-        height: 39,
+        height: 40,
         color: theme.palette.neutral.normal
     },
     rightIconFocus: {
@@ -90,10 +90,10 @@ export const styles = theme => ({
         padding: 0
     }),
     inputText: {
-        height: 39
+        height: 40
     },
     inputTextarea: {
-        minHeight: 39,
+        minHeight: 40,
         paddingTop: 8
     },
     iconPointer: {
@@ -101,7 +101,7 @@ export const styles = theme => ({
         cursor: 'pointer'
     },
     eraseButton: {
-        height: 39,
+        height: 40,
         width: 40,
         display: 'inline-block'
     },
@@ -142,11 +142,8 @@ class HiInput extends React.PureComponent {
     }
 
     handleChange(event) {
-        const authorizedChar = '1234567890TOto<>';
         if (this.props.onChange) {
-            if (authorizedChar.indexOf(event.target.value.charAt(event.target.value.length - 1)) >= 0 && this.props.onlyNumbers === true || this.props.onlyNumbers !== true) {
-                this.props.onChange(event);
-            }
+            this.props.onChange(event);
         }
     }
 
@@ -170,28 +167,19 @@ class HiInput extends React.PureComponent {
     }
 
     handleFocus(event) {
-        if (this.endAdornmentNode && this.endAdornmentNode.contains(event.target)) {
-            event.stopPropagation();
-        } else {
-            if (!this.state.focused) {
-                this.setState({ focused: true });
-            }
-            if (this.props.onFocus) {
-                this.props.onFocus(event);
-            }
-            this.inputElement.focus();
+        if (!this.state.focused) {
+            this.setState({ focused: true });
+        }
+        if (this.props.onFocus) {
+            this.props.onFocus(event);
         }
     }
 
-    handleDivClick(event) {
-        if (this.endAdornmentNode && this.endAdornmentNode.contains(event.target)) {
-            event.stopPropagation();
-        } else {
-            if (!this.state.focused) {
-                this.setState({ focused: true });
-            }
-            this.inputElement.focus();
+    handleDivClick() {
+        if (!this.state.focused) {
+            this.setState({ focused: true });
         }
+        this.inputElement.focus();
     }
 
     handleMouseEnter() {
@@ -314,7 +302,7 @@ class HiInput extends React.PureComponent {
                 startAdornment: leftIcon,
                 endAdornment: React.createElement(
                     'div',
-                    { className: classes.endAdornment, ref: el => this.endAdornmentNode = el },
+                    { className: classes.endAdornment },
                     eraseIcon,
                     endAdornment
                 ),
@@ -338,8 +326,7 @@ HiInput.defaultProps = {
     endAdornment: '',
     type: 'text',
     multiline: false,
-    error: false,
-    onlyNumbers: false
+    error: false
 };
 HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
     /**
@@ -413,10 +400,6 @@ HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
      * Fonction de callback appelée lorsqu'on clic sur l'icône de gauche
      */
     onLeftIconClick: PropTypes.func,
-    /**
-     * Pour les input de type number (permet de bloquer la saisie des caractères non autorisés)
-     */
-    onlyNumbers: PropTypes.bool,
     /**
      * Fonction de callback appelée lorsqu'on survole le champs
      */

package/es/HiForm/HiSearchField.js

@@ -73,7 +73,7 @@ class HiSearchField extends React.Component {
 
             this.props.callbackFilteredList(filteredList);
         } else {
-            this.props.onSearch(event, searchedValue);
+            this.props.onSearch(searchedValue);
         }
     }
 
@@ -85,7 +85,7 @@ class HiSearchField extends React.Component {
         if (typeof this.props.onSearch === 'undefined') {
             this.props.callbackFilteredList(this.props.itemList);
         } else {
-            this.props.onSearch(undefined, '');
+            this.props.onSearch('');
         }
     }
 

package/es/HiForm/index.js

@@ -4,6 +4,4 @@ export { default as HiFormLabel } from './HiFormLabel';
 export { default as HiInput } from './HiInput';
 export { default as HiPasswordField } from './HiPasswordField';
 export { default as HiTextField } from './HiTextField';
-export { default as HiSearchField } from './HiSearchField';
-export { default as HiSlider } from './HiSlider';
-export { default as HiAddressField } from './HiAddressField';
+export { default as HiSearchField } from './HiSearchField';

package/es/HiPins/HiPins.js

@@ -15,6 +15,7 @@ export const styles = theme => ({
         textAlign: 'center',
         borderRadius: '45px',
         verticalAlign: 'middle',
+        margin: 0.5 * theme.spacing.unit,
         fontSize: 11,
         fontWeight: theme.typography.fontWeightMedium,
         fontFamily: theme.typography.fontFamily