@hipay/hipay-material-ui 2.0.0-beta.66 → 2.0.0-beta.68

package/HiSelect/HiSelectContent.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"));
@@ -179,7 +179,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);
       }
     };
 
@@ -209,13 +209,13 @@ function (_React$PureComponent) {
         });
       } else {
         _this.setState({
-          suggestions: [].concat((0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
+          suggestions: (0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
             id: '_all',
             label: translations.all
           }, iconAll && {
             type: 'icon',
             icon: iconAll
-          })] : []), (0, _toConsumableArray2.default)(suggestions))
+          })] : []).concat((0, _toConsumableArray2.default)(suggestions))
         });
       }
     };
@@ -251,22 +251,22 @@ function (_React$PureComponent) {
       var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
       var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
       // build item list
-      var itemList = [].concat((0, _toConsumableArray2.default)(loading ? [{
+      var itemList = (0, _toConsumableArray2.default)(loading ? [{
         id: '_loading',
         type: 'loader',
         disabled: true,
         centered: true,
         hideCheckbox: true,
         label: 'loading'
-      }] : []), (0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
+      }] : []).concat((0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
         return item.label && _this.props.filterFunc(item, search);
-      })) : [].concat((0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
+      })) : (0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
         id: '_all',
         label: _this.props.translations.all
       }, _this.props.iconAll && {
         type: 'icon',
         icon: _this.props.iconAll
-      })] : []), (0, _toConsumableArray2.default)(options))));
+      })] : []).concat((0, _toConsumableArray2.default)(options))));
       return {
         itemList: itemList
       };
@@ -286,10 +286,10 @@ function (_React$PureComponent) {
       searchValue: props.searchValue ? undefined : '',
       suggestions: props.options
     };
-    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiSelect/HiSelectInput.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"));
@@ -228,11 +228,11 @@ function (_React$PureComponent) {
       }
     };
 
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
-    _this.ref = _this.ref.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.ref = _this.ref.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiSelect/HiSuggestSelect.js

@@ -19,12 +19,12 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 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"));
@@ -168,10 +168,10 @@ function (_React$PureComponent) {
       focused: false,
       options: props.options
     };
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
-    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiSelectableList/HiSelectableList.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -35,6 +37,8 @@ var _helpers = require("../utils/helpers");
 
 var _keycode = _interopRequireDefault(require("keycode"));
 
+var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
+
 var styles = function styles() {
   return {
     root: {
@@ -101,17 +105,35 @@ function (_React$PureComponent) {
           hideCheckbox = _this$props.hideCheckbox,
           hoverIcon = _this$props.hoverIcon,
           icon = _this$props.icon,
+          lazy = _this$props.lazy,
           selectedItemIdList = _this$props.selectedItemIdList,
           sort = _this$props.sort,
           onKeyDown = _this$props.onKeyDown,
           onKeyUp = _this$props.onKeyUp,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp"]);
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp"]);
 
       if (sort && item.children) {
         item.children.sort(_this.compareItem);
       }
 
-      return _react.default.createElement(_react.default.Fragment, {
+      var placeholderContent = _react.default.createElement("div", {
+        style: {
+          width: '90%',
+          padding: '8px 6px',
+          height: 40,
+          position: 'sticky',
+          left: 0
+        }
+      }, _react.default.createElement("div", {
+        style: {
+          backgroundColor: '#F5F5F5',
+          width: '100%',
+          height: '100%',
+          borderRadius: 4
+        }
+      }));
+
+      var itemComponent = _react.default.createElement(_react.default.Fragment, {
         key: item.id
       }, _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
         checkedIcon: checkedIcon,
@@ -131,6 +153,19 @@ function (_React$PureComponent) {
       }).map(function (subItem) {
         return _this.buildRecursiveListItem(subItem, level + 1);
       }));
+
+      if (lazy) {
+        return _react.default.createElement(_reactLazyload.default, {
+          key: item.id,
+          height: 40,
+          offset: 400,
+          once: true,
+          overflow: true,
+          placeholder: placeholderContent
+        }, itemComponent);
+      } else {
+        return itemComponent;
+      }
     };
 
     _this.compareItem = function (a, b) {
@@ -190,6 +225,13 @@ function (_React$PureComponent) {
         }
       }
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.lazy && prevProps.itemList !== this.props.itemList) {
+        (0, _reactLazyload.forceCheck)();
+      }
+    }
   }, {
     key: "render",
     value: function render() {
@@ -226,6 +268,7 @@ HiSelectableList.defaultProps = {
   disabled: false,
   disabledItemIdList: [],
   hideCheckbox: false,
+  lazy: true,
   selectedItemIdList: [],
   sort: false,
   sortAppendList: ['_all']
@@ -281,6 +324,11 @@ HiSelectableList.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   itemList: _propTypes.default.array.isRequired,
 
+  /**
+   * Active lazyloading on list items
+   */
+  lazy: _propTypes.default.bool,
+
   /**
    * Fonction de callback à la sélection d'un item, renvoie l'item sélectionné
    *

package/HiSelectableList/HiSelectableListItem.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"));
@@ -242,8 +242,8 @@ function (_React$PureComponent) {
     _this.state = {
       hover: false
     };
-    _this.buildItemLabel = _this.buildItemLabel.bind((0, _assertThisInitialized2.default)(_this));
-    _this.setHover = _this.setHover.bind((0, _assertThisInitialized2.default)(_this));
+    _this.buildItemLabel = _this.buildItemLabel.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.setHover = _this.setHover.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiTable/HiTable.js

@@ -15,10 +15,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$PureComponent) {
       }
     };
 
-    _this.handleRequestSort = _this.handleRequestSort.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleRequestSort = _this.handleRequestSort.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 

package/HiTable/HiTableRow.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"));
@@ -53,7 +53,7 @@ var styles = function styles(theme) {
         backgroundColor: "".concat(theme.palette.action.hover, " !important")
       }
     },
-    clicableRow: {
+    clickableRow: {
       cursor: 'pointer'
     }
   };
@@ -71,7 +71,7 @@ function (_React$PureComponent) {
 
     (0, _classCallCheck2.default)(this, HiTableRow);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableRow).call(this, props));
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
@@ -95,7 +95,7 @@ function (_React$PureComponent) {
           locale = _this$props.locale,
           rowdata = _this$props.rowdata;
       return _react.default.createElement(_TableRow.default, {
-        className: (0, _classnames.default)(classes.row, (0, _defineProperty2.default)({}, classes.clicableRow, this.props.onClick)),
+        className: (0, _classnames.default)(classes.row, (0, _defineProperty2.default)({}, classes.clickableRow, this.props.onClick)),
         hover: true,
         onClick: function onClick(event) {
           return _this2.handleClick(event, rowdata);

package/README.md

@@ -189,7 +189,7 @@ npm run test:unit
 
 ##### Jouer les tests sur un seul composant
 ```sh
-yarn run mocha src/AdvancedTable/BodyCells/CellAccount.spec.js
+yarn run mocha packages/hipay-material-ui/src/HiRadio/HiRadio.test.js
 ```
 
 #### Vérifier la couverture de code

package/es/HiAlertModal/HiAlertModal.js

@@ -11,23 +11,24 @@ import DialogTitle from '@material-ui/core/DialogTitle';
 import { withStyles } from '../styles';
 import HiButton from '../HiButton';
 import HiIcon from '../HiIcon';
+import { escapeHTML } from '../utils/helpers';
 export const styles = theme => ({
   classContent: {
     fontSize: 14,
-    lineHeight: '20px',
+    lineHeight: '24px',
     color: '#484848',
     position: 'relative'
   },
   classDialogPaper: {
-    minHeight: 280,
+    minHeight: 248,
     maxWidth: 280,
     borderRadius: 2
   },
   classCancelButton: {
-    float: 'right'
+    margin: '0'
   },
   classSubmitButton: {
-    margin: '0'
+    float: 'right'
   },
   classTitle: {
     fontSize: 20,
@@ -60,18 +61,6 @@ class HiAlertModal extends React.PureComponent {
   constructor(props) {
     super(props);
 
-    this.handleClickCancel = () => {
-      if (this.props.onCancelClick) {
-        this.props.onCancelClick();
-      }
-    };
-
-    this.handleClickSubmit = () => {
-      if (this.props.onSubmitClick) {
-        this.props.onSubmitClick();
-      }
-    };
-
     this.handleOnClose = () => {
       if (this.props.onClose) {
         this.props.onClose();
@@ -79,9 +68,7 @@ class HiAlertModal extends React.PureComponent {
     };
 
     this.handleOnClose = this.handleOnClose.bind(this);
-    this.handleClickCancel = this.handleClickCancel.bind(this);
-    this.handleClickSubmit = this.handleClickSubmit.bind(this);
-  } // Appelé au clic du bouton d'annulation
+  } // Appelé si clic en dehors de la pop up
 
 
   // Render
@@ -103,6 +90,17 @@ class HiAlertModal extends React.PureComponent {
     } = _this$props,
           props = _objectWithoutProperties(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title"]);
 
+    let dialogContent = content;
+
+    if (typeof content === 'string') {
+      dialogContent = React.createElement("span", {
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+          __html: escapeHTML(content)
+        }
+      });
+    }
+
     return React.createElement(Dialog, _extends({
       open: open,
       onClose: this.handleOnClose,
@@ -124,28 +122,29 @@ class HiAlertModal extends React.PureComponent {
       classes: {
         root: classes.classContent
       }
-    }, content)), React.createElement(DialogActions, {
+    }, dialogContent)), React.createElement(DialogActions, {
       classes: {
         root: classes.classAction
       }
-    }, labelSubmitButton && React.createElement(HiButton, {
-      classes: {
-        root: classes.classSubmitButton
-      },
-      onClick: this.handleClickSubmit,
-      color: submitColor
-    }, labelSubmitButton), labelCancelButton && React.createElement(HiButton, {
+    }, labelCancelButton && React.createElement(HiButton, {
       classes: {
         root: classes.classCancelButton
       },
-      onClick: this.handleClickCancel,
+      onClick: onCancelClick,
       color: cancelColor
-    }, labelCancelButton)));
+    }, labelCancelButton), labelSubmitButton && React.createElement(HiButton, {
+      classes: {
+        root: classes.classSubmitButton
+      },
+      onClick: onSubmitClick,
+      color: submitColor
+    }, labelSubmitButton)));
   }
 
 }
 
 HiAlertModal.defaultProps = {
+  content: '',
   cancelColor: 'neutral',
   submitColor: 'primary'
 };

package/es/HiBreadcrumb/HiBreadcrumb.js

@@ -28,16 +28,17 @@ class HiBreadcrumb extends React.PureComponent {
     }, React.createElement("div", null, steps.map((step, index) => {
       const validConnector = step.status === 'validated' && index < steps.length - 1 && (steps[index + 1].status === 'validated' || steps[index + 1].status === 'active');
       return React.createElement(HiStep, {
-        index: index,
+        index: step.id,
         content: step.content,
         key: step.id,
-        onClick: this.handleStep(index),
+        onClick: this.handleStep(step.id),
         isLast: index === steps.length - 1,
         validConnector: validConnector,
         type: type,
-        steps: steps
+        steps: steps,
+        active: activeStep === step.id
       }, React.createElement(HiStepLabel, {
-        active: activeStep === index,
+        active: activeStep === step.id,
         status: step.status,
         notificationNumber: step.notificationNumber,
         type: type,

package/es/HiExpansionPanel/HiExpansionPanel.js

@@ -9,15 +9,28 @@ import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
 import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import withStyles from '../styles/withStyles';
+import classNames from 'classnames';
 export const styles = theme => ({
   summaryContent: {
     display: 'inline-block',
-    border: 'none'
+    border: 'none',
+    '&$expanded': {
+      margin: 'initial'
+    }
   },
   summaryRoot: {
     borderBottom: '1px solid #E3E6E7',
     height: 48,
-    minHeight: 48
+    minHeight: 48,
+    padding: '0 0 0 8px',
+    '&$expanded': {
+      minHeight: 48
+    }
+  },
+  expanded: {},
+  collapseDisable: {
+    cursor: 'default',
+    pointerEvents: 'none'
   },
   heading: _objectSpread({}, theme.typography.b1, {
     fontSize: 20,
@@ -29,7 +42,7 @@ export const styles = theme => ({
     fontSize: 11,
     lineHeight: '24px',
     float: 'right',
-    marginRight: 40,
+    marginRight: 32,
     '&>svg': {
       fontSize: 18,
       marginLeft: 3,
@@ -41,11 +54,16 @@ export const styles = theme => ({
     border: 'none'
   },
   panelDetails: {
-    padding: '8px 24px'
+    padding: 0
   },
   disabledPanel: {
     backgroundColor: '#ffffff',
     opacity: 1
+  },
+  expandIcon: {
+    width: 24,
+    height: 24,
+    right: 0
   }
 });
 
@@ -60,10 +78,12 @@ class HiExpansionPanel extends React.PureComponent {
       secondaryHeading,
       secondaryHeadingDisabled,
       secondaryHeadingIcon,
+      collapseDisable,
       children,
-      classes
+      classes,
+      expanded
     } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "children", "classes"]);
+          props = _objectWithoutProperties(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "classes", "expanded"]);
 
     const effectiveDisabled = disabled || !children;
     return React.createElement(ExpansionPanel, _extends({
@@ -71,13 +91,19 @@ class HiExpansionPanel extends React.PureComponent {
       classes: {
         root: classes.panel,
         disabled: classes.disabledPanel
-      }
+      },
+      expanded: collapseDisable || expanded
     }, props), React.createElement(ExpansionPanelSummary, {
       classes: {
         root: classes.summaryRoot,
-        content: classes.summaryContent
+        content: classes.summaryContent,
+        expanded: classes.expanded,
+        expandIcon: classes.expandIcon
       },
-      expandIcon: _ref
+      className: classNames({
+        [classes.collapseDisable]: collapseDisable
+      }),
+      expandIcon: !collapseDisable && _ref
     }, React.createElement("div", {
       className: classes.secondaryHeading
     }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled, secondaryHeadingIcon), React.createElement("div", {
@@ -129,7 +155,12 @@ HiExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Icone dans le titre secondaire du panel
    */
-  secondaryHeadingIcon: PropTypes.any
+  secondaryHeadingIcon: PropTypes.any,
+
+  /**
+   * Désactive l'action d'ouverture et de fermeture du composant
+   */
+  collapseDisable: PropTypes.bool
 } : {};
 export default withStyles(styles, {
   hiComponent: true,

package/es/HiForm/HiUpload.js

@@ -361,9 +361,9 @@ HiUpload.propTypes = process.env.NODE_ENV !== "production" ? {
   helperText: PropTypes.string,
 
   /**
-   * id du composant
+   * Identifiant unique
    */
-  id: PropTypes.string.isRequired,
+  id: PropTypes.string,
 
   /**
    * Array containing each of the inputs the component has to show (represented by an object).

package/es/HiSelect/HiSelect.js

@@ -210,9 +210,11 @@ class HiSelect extends React.PureComponent {
           // Sinon focus sur l'élément sélectionné
           this.focusOnSelectedItem(this.props.value);
         } else {
-          setTimeout(() => {
-            this.searchField.focus();
-          }, 1);
+          if (this.searchField) {
+            setTimeout(() => {
+              this.searchField.focus();
+            }, 1);
+          }
         }
       }
     };
@@ -289,7 +291,7 @@ class HiSelect extends React.PureComponent {
             this.handleClose();
           }
         }
-      } else if (key === 'space') {
+      } else if (key === 'space' && event.target !== this.searchField) {
         event.preventDefault();
 
         if (this.state.open) {