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

package/HiCheckbox/HiCheckbox.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 _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
@@ -82,7 +82,7 @@ function (_React$PureComponent) {
 
     (0, _classCallCheck2.default)(this, HiCheckbox);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiCheckbox).call(this, props));
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
   /**
@@ -215,7 +215,7 @@ HiCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   style: _propTypes.default.object
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiCheckbox'
 })(HiCheckbox);

package/HiChip/HiChip.js

@@ -21,7 +21,7 @@ var _keycode = _interopRequireDefault(require("keycode"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -150,7 +150,7 @@ function HiChip(props) {
     title: title,
     onClick: onClick,
     onKeyDown: onKeyDown,
-    tabIndex: "0"
+    tabIndex: onKeyDown ? "0" : "-1"
   }, icon && _react.default.createElement(_HiIcon.default, {
     className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconClickable, onIconClick)),
     icon: icon,
@@ -319,7 +319,7 @@ HiChip.propTypes = process.env.NODE_ENV !== "production" ? {
   titlePrevious: _propTypes.default.string
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiChip'
 })(HiChip);

package/HiChip/HiChipSwitch.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"));
@@ -33,9 +33,9 @@ var _index = _interopRequireDefault(require("keycode/index"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
 var styles = function styles(theme) {
   return {
@@ -166,9 +166,9 @@ function (_React$PureComponent) {
       }
     };
 
-    _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -295,7 +295,7 @@ HiChipSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   selectionTitle: _propTypes.default.string
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiChipSwitch'
 })(HiChipSwitch);

package/HiColoredLabel/HiColoredLabel.js

@@ -19,11 +19,11 @@ 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 _helpers = require("../utils/helpers");
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
 var styles = function styles(theme) {
   return {
@@ -212,7 +212,7 @@ HiColoredLabel.defaultProps = {
   outlined: false
 };
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiColoredLabel'

package/HiDatePicker/Caption.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 
@@ -86,7 +86,7 @@ Caption.propTypes = process.env.NODE_ENV !== "production" ? {
   onYearClick: _propTypes.default.func
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCaption'
 })(Caption);
 

package/HiDatePicker/HiDatePicker.js

@@ -37,7 +37,7 @@ var _hiLocaleUtils = _interopRequireDefault(require("./hiLocaleUtils"));
 
 var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _Caption = _interopRequireDefault(require("./Caption"));
 
@@ -444,7 +444,7 @@ HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string])
 } : {};
 
-var _default = (0, _withStyles.default)(_stylesheet.default, {
+var _default = (0, _styles.withStyles)(_stylesheet.default, {
   name: 'HmuiHiDatePicker'
 })(HiDatePicker);
 

package/HiDatePicker/HiDatePickerMobile.js

@@ -33,7 +33,7 @@ var _stylesheet = _interopRequireDefault(require("./stylesheet"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
 
@@ -122,6 +122,6 @@ HiDatePickerMobile.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.any
 } : {};
 
-var _default = (0, _withStyles.default)(_stylesheet.default)(HiDatePickerMobile);
+var _default = (0, _styles.withStyles)(_stylesheet.default)(HiDatePickerMobile);
 
 exports.default = _default;

package/HiDatePicker/HiDateRangePicker.js

@@ -37,7 +37,7 @@ var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPicker
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _Caption = _interopRequireDefault(require("./Caption"));
 
@@ -789,7 +789,7 @@ HiDateRangePicker.propTypes = process.env.NODE_ENV !== "production" ? {
   translations: _propTypes.default.object
 } : {};
 
-var _default = (0, _withStyles.default)(_stylesheet.default, {
+var _default = (0, _styles.withStyles)(_stylesheet.default, {
   name: 'HmuiHiDateRangePicker'
 })(HiDateRangePicker);
 

package/HiDatePicker/HiDateRangeSelector.js

@@ -37,7 +37,7 @@ var _reactDom = require("react-dom");
 
 var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiSelectField = _interopRequireDefault(require("../HiSelect/HiSelectField"));
 
@@ -195,7 +195,6 @@ var styles = function styles() {
   return {
     root: {
       maxWidth: 500,
-      marginLeft: -4,
       alignItems: 'flex-start'
     },
     dateSelect: {
@@ -206,7 +205,9 @@ var styles = function styles() {
       width: 'calc(100% + 8px)',
       marginTop: 0
     },
-    smSelect: {},
+    smSelect: {
+      padding: 4
+    },
     smRangePicker: {}
   };
 };
@@ -585,7 +586,7 @@ HiDateRangeSelector.propTypes = process.env.NODE_ENV !== "production" ? {
   translations: _propTypes.default.object
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiHiDateRangeSelector'
 })(HiDateRangeSelector);
 

package/HiDatePicker/ListPicker.js

@@ -31,7 +31,7 @@ var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
 
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -160,7 +160,7 @@ ListPicker.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf(['year', 'month'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiListPicker'
 })(ListPicker);
 

package/HiDatePicker/NavBar.js

@@ -21,7 +21,7 @@ var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRi
 
 var _AccessTime = _interopRequireDefault(require("@material-ui/icons/AccessTime"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -146,7 +146,7 @@ NavBar.defaultProps = {
   showClockButton: false
 };
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiNavBar'
 })(NavBar);

package/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 
-var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -124,7 +124,7 @@ CustomOverlayLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   staticPosition: _propTypes.default.bool
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCustomOverlayLayout'
 })(CustomOverlayLayout);
 

package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 
-var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -116,7 +116,7 @@ CustomOverlayLayoutWithoutFooter.propTypes = process.env.NODE_ENV !== "productio
   staticPosition: _propTypes.default.bool
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCustomOverlayLayoutWithoutFooter'
 })(CustomOverlayLayoutWithoutFooter);
 

package/HiDatePicker/Overlays/MonthPickerOverlay.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"));
@@ -42,7 +42,7 @@ function (_React$Component) {
     (0, _classCallCheck2.default)(this, MonthPickerOverlay);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MonthPickerOverlay).call(this));
     _this.months = [];
-    _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
     return _this;
   }

package/HiDatePicker/Overlays/Overlay.js

@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 
-var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles() {
   return {
@@ -112,7 +112,7 @@ Overlay.propTypes = process.env.NODE_ENV !== "production" ? {
   staticPosition: _propTypes.default.bool
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiOverlay'
 })(Overlay);
 

package/HiDatePicker/Overlays/TimePickerOverlay.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 _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout
 
 var _ListPicker = _interopRequireDefault(require("../ListPicker"));
 
-var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -135,8 +135,8 @@ function (_React$Component) {
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(TimePickerOverlay).call(this, props));
     _this.hours = Array.from(Array(24).keys());
     _this.minutes = Array.from(Array(60).keys());
-    _this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -244,7 +244,7 @@ TimePickerOverlay.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.instanceOf(Date)
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiTimePickerOverlay'
 })(TimePickerOverlay);
 

package/HiDatePicker/Overlays/YearPickerOverlay.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"));
@@ -42,7 +42,7 @@ function (_React$Component) {
     (0, _classCallCheck2.default)(this, YearPickerOverlay);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(YearPickerOverlay).call(this, props));
     _this.years = [];
-    _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     var minDate = props.minimumDate;
 
     if (!minDate) {

package/HiDatePicker/stylesheet.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _colorManipulator = require("../styles/colorManipulator");
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
 var _default = function _default(theme) {
   return {

package/HiDotsStepper/HiDot.js

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
@@ -100,7 +100,7 @@ HiDot.propTypes = process.env.NODE_ENV !== "production" ? {
   status: _propTypes.default.oneOf(['refused', 'validated', 'unreviewed'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiDot'
 })(HiDot);

package/HiDotsStepper/HiDotsStepper.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 _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiDot = _interopRequireDefault(require("./HiDot"));
 
@@ -74,8 +74,8 @@ function (_React$PureComponent) {
       _this.props.onChange(nextStep);
     };
 
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleNavigation = _this.handleNavigation.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleNavigation = _this.handleNavigation.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -113,7 +113,7 @@ HiDotsStepper.propTypes = process.env.NODE_ENV !== "production" ? {
   steps: _propTypes.default.array.isRequired
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiDotsStepper'
 })(HiDotsStepper);

package/HiExpansionPanel/HiExpansionPanel.js

@@ -35,7 +35,7 @@ var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/E
 
 var _HiIcon = _interopRequireDefault(require("./../HiIcon"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -102,6 +102,9 @@ var styles = function styles(theme) {
     panelDetails: {
       padding: '8px 0 24px 0'
     },
+    panelDetailsExited: {
+      display: 'none'
+    },
     disabledPanel: {
       backgroundColor: '#ffffff',
       opacity: 1
@@ -126,14 +129,22 @@ var HiExpansionPanel =
 function (_React$PureComponent) {
   (0, _inherits2.default)(HiExpansionPanel, _React$PureComponent);
 
-  function HiExpansionPanel() {
+  function HiExpansionPanel(props) {
+    var _this;
+
     (0, _classCallCheck2.default)(this, HiExpansionPanel);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiExpansionPanel).apply(this, arguments));
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiExpansionPanel).call(this, props));
+    _this.state = {
+      panelDetailsExited: !(props.collapseDisable || props.expanded)
+    };
+    return _this;
   }
 
   (0, _createClass2.default)(HiExpansionPanel, [{
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props = this.props,
           disabled = _this$props.disabled,
           heading = _this$props.heading,
@@ -153,7 +164,20 @@ function (_React$PureComponent) {
           disabled: classes.disabledPanel
         },
         expanded: collapseDisable || expanded
-      }, props), _react.default.createElement(_ExpansionPanelSummary.default, {
+      }, props, {
+        CollapseProps: {
+          onExited: function onExited() {
+            _this2.setState({
+              panelDetailsExited: true
+            });
+          },
+          onEnter: function onEnter() {
+            _this2.setState({
+              panelDetailsExited: false
+            });
+          }
+        }
+      }), _react.default.createElement(_ExpansionPanelSummary.default, {
         classes: {
           root: classes.summaryRoot,
           content: classes.summaryContent,
@@ -169,7 +193,7 @@ function (_React$PureComponent) {
       }, _react.default.createElement("span", {
         className: classes.secondaryHeadingSpan
       }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
-        className: classes.panelDetails
+        className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, this.state.panelDetailsExited))
       }, children));
     }
   }]);
@@ -193,6 +217,11 @@ HiExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   classes: _propTypes.default.object,
 
+  /**
+   * Désactive l'action d'ouverture et de fermeture du composant
+   */
+  collapseDisable: _propTypes.default.bool,
+
   /**
    * Désactivé
    */
@@ -216,15 +245,10 @@ HiExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Icone dans le titre secondaire du panel
    */
-  secondaryHeadingIcon: _propTypes.default.any,
-
-  /**
-   * Désactive l'action d'ouverture et de fermeture du composant
-   */
-  collapseDisable: _propTypes.default.bool
+  secondaryHeadingIcon: _propTypes.default.any
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiExpansionPanel'
 })(HiExpansionPanel);

package/HiForm/HiAddressField.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"));
@@ -62,7 +62,7 @@ function (_React$Component) {
           type: 'icon',
           key: prediction.id
         });
-      }, (0, _assertThisInitialized2.default)(_this));
+      }, (0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
 
       _this.setState({
         options: options,
@@ -75,10 +75,10 @@ function (_React$Component) {
       options: [],
       isExact: false
     };
-    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
-    _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }