@hipay/hipay-material-ui 2.2.0 → 2.3.0-rc.2

package/HiForm/HiEmailField.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -57,7 +57,7 @@ function (_React$Component) {
       }
     };
 
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiForm/HiFormControl.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -39,7 +39,7 @@ var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl
 
 var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiFormLabel = _interopRequireDefault(require("./HiFormLabel"));
 
@@ -200,10 +200,10 @@ function (_React$PureComponent) {
       focused: false,
       hovered: false
     };
-    _this.handleHelperClick = _this.handleHelperClick.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleHover = _this.handleHover.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleHelperClick = _this.handleHelperClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleHover = _this.handleHover.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -395,7 +395,7 @@ HiFormControl.propTypes = process.env.NODE_ENV !== "production" ? {
   rootRef: _propTypes.default.string
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiFormControl'
 })(HiFormControl);

package/HiForm/HiFormLabel.js

@@ -29,7 +29,7 @@ var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel")
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 // @inheritedComponent InputLabel
 var styles = function styles(theme) {
@@ -95,7 +95,7 @@ function (_React$PureComponent) {
         className: className,
         focused: focused,
         required: false,
-        FormLabelClasses: {
+        classes: {
           root: classes.root,
           error: classes.error,
           focused: classes.focused
@@ -161,7 +161,7 @@ HiFormLabel.propTypes = process.env.NODE_ENV !== "production" ? {
   translations: _propTypes.default.object
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiFormLabel'
 })(HiFormLabel);

package/HiForm/HiInput.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -37,7 +37,7 @@ var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -193,15 +193,15 @@ function (_React$PureComponent) {
     _this.state = {
       focused: false
     };
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)(_this));
-    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -631,7 +631,7 @@ HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.string
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HiMuiHiInput'
 })(HiInput);

package/HiForm/HiPasswordField.js

@@ -21,17 +21,17 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiTextField = _interopRequireDefault(require("./HiTextField"));
 
@@ -66,7 +66,7 @@ function (_React$Component) {
     _this.state = {
       showText: false
     };
-    _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -88,13 +88,14 @@ function (_React$Component) {
           otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "HiInputProps"]);
       var endAdornment = this.state.showText ? 'visibility_off' : 'visibility';
       var type = this.state.showText ? 'text' : 'password';
-      var inputClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, classes.inputPassword, !this.state.showText));
+      var inputClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, classes.inputPassword, !this.state.showText && otherProps.value !== ""));
       return _react.default.createElement(_HiTextField.default, (0, _extends2.default)({}, otherProps, {
         type: type,
         onRightIconClick: this.handlePasswordToggle,
-        HiInputProps: (0, _extends2.default)({}, HiInputProps, {
+        HiInputProps: (0, _extends2.default)({
+          placeholder: ''
+        }, HiInputProps, {
           endAdornment: endAdornment,
-          placeholder: '',
           inputClassName: inputClassName,
           autocomplete: 'on'
         })
@@ -116,7 +117,7 @@ HiPasswordField.propTypes = process.env.NODE_ENV !== "production" ? {
   handlePasswordToggle: _propTypes.default.func
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiPasswordField'
 })(HiPasswordField);

package/HiForm/HiSearchField.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -48,9 +48,9 @@ function (_React$Component) {
     _this.state = {
       inputValue: ''
     };
-    _this.filterOnProperties = _this.filterOnProperties.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.filterOnProperties = _this.filterOnProperties.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiForm/HiSlider.js

@@ -23,7 +23,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
 
@@ -343,7 +343,7 @@ HiSlider.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.number
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HiSlider',
   withTheme: true

package/HiForm/HiTextField.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -52,9 +52,9 @@ function (_React$PureComponent) {
     _this.state = {
       nbChars: props.value ? props.value.length : 0
     };
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiForm/HiUpload.js

@@ -31,7 +31,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _index = _interopRequireDefault(require("keycode/index"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiUploadInput = _interopRequireDefault(require("./HiUploadInput"));
 
@@ -439,7 +439,7 @@ HiUpload.propTypes = process.env.NODE_ENV !== "production" ? {
   values: _propTypes.default.array
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiUpload'
 })(HiUpload);

package/HiForm/HiUploadInput.js

@@ -27,7 +27,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
 
@@ -135,7 +135,7 @@ var styles = function styles(theme) {
       whiteSpace: 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
-      padding: "".concat(theme.spacing.unit - 2, "px 0 ").concat(theme.spacing.unit - 1, "px"),
+      padding: "".concat(theme.spacing(2) - 2, "px 0 ").concat(theme.spacing(2) - 1, "px"),
       height: 39,
       display: 'inline-flex',
       width: '100%',
@@ -462,7 +462,7 @@ HiUploadInput.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.object
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiUploadInput'
 })(HiUploadInput);

package/HiIcon/HiIcon.js

@@ -23,7 +23,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _helpers = require("../utils/helpers");
 
@@ -183,7 +183,7 @@ HiIcon.defaultProps = {
 };
 HiIcon.muiName = 'HiIcon';
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiIcon'

package/HiIconButton/HiIconButton.js

@@ -19,9 +19,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 

package/HiLoader/HiLoader.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _PropagateLoader = _interopRequireDefault(require("react-spinners/PropagateLoader"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 function HiLoader(props) {
   var className = props.className,
@@ -60,7 +60,7 @@ HiLoader.defaultProps = {
   color: 'primary'
 };
 
-var _default = (0, _withStyles.default)({}, {
+var _default = (0, _styles.withStyles)({}, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiLoader'

package/HiMap/HiMap.js

@@ -15,15 +15,15 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 
@@ -150,10 +150,10 @@ function (_React$PureComponent) {
       loaded: false,
       zoom: 16
     };
-    _this.handleClickZoomIn = _this.handleClickZoomIn.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleScrollZoom = _this.handleScrollZoom.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleClickZoomOut = _this.handleClickZoomOut.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleCenter = _this.handleCenter.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClickZoomIn = _this.handleClickZoomIn.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleScrollZoom = _this.handleScrollZoom.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClickZoomOut = _this.handleClickZoomOut.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleCenter = _this.handleCenter.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   } // Loads the libraries once the component mounted to avoid error caused by server-cli rendering.
 

package/HiMap/HiMapExpand.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -35,7 +35,7 @@ var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/E
 
 var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _HiMap = _interopRequireDefault(require("./HiMap"));
 
@@ -108,8 +108,8 @@ function (_React$PureComponent) {
       addressNotFound: false,
       expanded: false
     };
-    _this.handleAddressNotFound = _this.handleAddressNotFound.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleExpand = _this.handleExpand.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleAddressNotFound = _this.handleAddressNotFound.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleExpand = _this.handleExpand.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiNotice/HiKPI.js

@@ -17,17 +17,17 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _ButtonBase = _interopRequireDefault(require("@material-ui/core/ButtonBase"));
 
@@ -53,25 +53,25 @@ var styles = function styles(theme) {
     },
     error: {
       boxShadow: '0px 2px 4px 0px rgba(213, 0, 0, 0.24)',
-      '&:hover': {
+      '&:hover, &:focus': {
         boxShadow: '0px 3px 5px 0px rgba(213, 0, 0, 0.32)'
       }
     },
     warning: {
       boxShadow: '0px 2px 4px 0px rgba(249, 148, 8, 0.32)',
-      '&:hover': {
+      '&:hover, &:focus': {
         boxShadow: '0px 3px 5px 0px rgba(249, 148, 8, 0.40)'
       }
     },
     inherit: {
       boxShadow: '0px 1px 3px 0px rgba(0, 0, 0, 0.16)',
-      '&:hover': {
+      '&:hover, &:focus': {
         boxShadow: '0px 3px 5px 0px rgba(0, 0, 0, 0.24)'
       }
     },
     positive: {
       boxShadow: '0px 1px 3px 0px rgba(0, 175, 1, 0.36)',
-      '&:hover': {
+      '&:hover, &:focus': {
         boxShadow: '0px 3px 5px 0px rgba(0, 175, 1, 0.44)'
       }
     },
@@ -132,7 +132,7 @@ function (_React$Component) {
       };
     };
 
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -160,7 +160,8 @@ function (_React$Component) {
         className: rootclass,
         onClick: !disable ? this.handleClick(id) : undefined,
         title: tooltip,
-        disableRipple: disable
+        disableRipple: disable,
+        disabled: disable
       }, title && _react.default.createElement("h3", {
         className: classes.title
       }, title), _react.default.createElement("div", {

package/HiPaymentMeans/HiPaymentMeans.js

@@ -25,7 +25,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {

package/HiPdfReader/HiPdfReader.js

@@ -31,7 +31,7 @@ var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
 var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress/"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 // import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 // import ChevronRightIcon from '@material-ui/icons/ChevronRight/';

package/HiPin/HiPin.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -68,7 +68,7 @@ var styles = function styles(theme) {
 /**
  * HiPins
  *
- * Tiny raised button used to display subsidiary datas like item count, (...), and throw an onClick event.
+ * Tiny contained button used to display subsidiary datas like item count, (...), and throw an onClick event.
  * Used in:
  * - CellStatus to display operations count and to deploy operation rows on click.
  *

package/HiRadio/HiRadio.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
 

package/HiSelect/HiDynamicSelect.js

@@ -21,10 +21,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -80,7 +80,7 @@ function (_React$PureComponent) {
           return id !== item.id;
         }), item);
       } else {
-        onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
+        onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
       }
     };
 
@@ -91,14 +91,14 @@ function (_React$PureComponent) {
       var _this$props2 = _this.props,
           nextPage = _this$props2.nextPage,
           translations = _this$props2.translations;
-      var itemList = [].concat((0, _toConsumableArray2.default)(options.length === 0 && !loading ? [{
+      var itemList = (0, _toConsumableArray2.default)(options.length === 0 && !loading ? [{
         id: '_no_result',
         type: 'text',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: translations.no_result_match
-      }] : []), (0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(!loading && nextPage === 'manual' ? [{
+      }] : []).concat((0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(!loading && nextPage === 'manual' ? [{
         id: '_next_page',
         type: 'button',
         centered: true,
@@ -117,8 +117,8 @@ function (_React$PureComponent) {
       };
     };
 
-    _this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }