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

package/CHANGELOG.md

@@ -1,3 +1,155 @@
+# [2.0.0-beta.64](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.64) (2019-04-15)
+
+
+### Bug Fixes
+
+* **eslint:** remove eslint warrnings in components (ignore test files) ([d236c62](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d236c62))
+* **HiAlertModal:** Correct styles and buttons positions ([2cfa2a9](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2cfa2a9))
+* **HiBreadcrumb:** clean eslint warnings ([6db12fb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6db12fb))
+* **HiDatePicker:** add static positions for custom overlays ([c3edf24](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c3edf24))
+* **HiDynamicSelect:** remove onSelect override ([b803044](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b803044))
+* **HiExpansionPanel:** fix props propagation collapseDisable || expanded ([eb18a96](https://gitlab.hipay.org/backend/hipay-material-ui/commit/eb18a96))
+* **HiExpansionPanel:** Fix props type a requirement ([cbc3b48](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cbc3b48))
+* **HiInput:** forward event in onClick ([be94fe0](https://gitlab.hipay.org/backend/hipay-material-ui/commit/be94fe0))
+* **HiInput:** handle focus state through prop when needed to override default comportment ([9a133cc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a133cc))
+* **HiInput:** rename prop to spellCheck ([c11939f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c11939f))
+* **HiKpiNotice:** eslint clean warnings ([11b5552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/11b5552))
+* **HiSelect:** Fix build of HiSelectContent ([4b87f78](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4b87f78))
+* **HiSelect:** focus on undefined item ([2d084e6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2d084e6))
+* **HiSelect:** Forward event in onBlur ([76c6778](https://gitlab.hipay.org/backend/hipay-material-ui/commit/76c6778))
+* **HiSelect:** handle staticPosition & width properly for HiDateRangeSelector usage ([7b19ffb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7b19ffb))
+* **HiSelect:** remove HiSelectNew calls ([cc5397d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cc5397d))
+* **HiSelectableList:** Add lazy props to activate lazyloading (default true) and fix unit tests ([b41f8d2](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b41f8d2))
+* **HiSelectableListItem:** disabled item checkbox color ([9f10552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9f10552))
+* **HiSelectableListItem:** remove item width ([a913945](https://gitlab.hipay.org/backend/hipay-material-ui/commit/a913945))
+* **HiSelectContent:** Remove compute of input value ([b86db83](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b86db83))
+* **HiSlider:** eslint clean warnings ([08964b1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/08964b1))
+* **HiTable:** Fix test ([9a009a8](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a009a8))
+* **HiUploadField:** clean eslint warnings ([c76aaf1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c76aaf1))
+* **migration:** fix contrast threshold ... ([6fb3b18](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6fb3b18))
+* **package:** add cross-env ([7098fd6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7098fd6))
+
+
+### Code Refactoring
+
+* deleting the old HiSelect and replacing it by the new (PSYCHE-1382) ([d5fc252](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d5fc252))
+
+
+### Features
+
+* **CellImage:** Handle fallbackImage ([254799d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/254799d))
+* **CellSentinel:** Uniformize cell api with front CellSentinel ([4e2975b](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4e2975b))
+* **CellSentinel:** Update CellSentinel to the new way (split each result in different column) ([efe2711](https://gitlab.hipay.org/backend/hipay-material-ui/commit/efe2711))
+* **CellSentinelScore:** Add CellSentinelScore ([2fff04d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2fff04d))
+* **CellText:** Handle active prop in CellText & column views in HiTable ([4366e60](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4366e60))
+* **HiCells:** Add simple cells types (Address, Date, Icon, Image, Numeric, PinToAction, Rate, Senti ([f688517](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f688517))
+* **HiDatePicke:** add timezone props ([18360a5](https://gitlab.hipay.org/backend/hipay-material-ui/commit/18360a5))
+* **HiDatePicker:** BREAKING CHANGE - add local prop to handle calendar translations ([b1b3743](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b1b3743))
+* **HiIcon:** Add mdi-material-ui as available icons via 'mdi_' prefix ([1091d6d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/1091d6d))
+* **HiInput:** Add inputProps to enable passing props directly to input element ([d57466c](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d57466c))
+* **HiInput:** add spellcheck property ([b2feac3](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b2feac3))
+* **HiMap:** unregister fetch on unmount ([0afa931](https://gitlab.hipay.org/backend/hipay-material-ui/commit/0afa931))
+* **HiSelect:** Add (NEW) HiSelect, HiNestedSelect, HiDynamicSelect ([4c6447e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4c6447e))
+* **HiSelect:** Reset search input on blur & on close ([d9af584](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d9af584))
+* **HiSelectableList:** Add sort props to sort item list on label ([f412ddc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f412ddc))
+* **HiSelectContent:** Add new HiSelectContent & HiNestedSelectContent ([215ad8f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/215ad8f))
+* **HiSelectContent:** export utils functions ([7c41d87](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7c41d87))
+* **HiUploadField:** rename component HiUploadField ([593f77e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/593f77e))
+* **notice:** Création notice KPI ([bba3f89](https://gitlab.hipay.org/backend/hipay-material-ui/commit/bba3f89))
+
+
+### Performance Improvements
+
+* **PureFunction:** Use pure & functional components ([220c686](https://gitlab.hipay.org/backend/hipay-material-ui/commit/220c686))
+
+
+### BREAKING CHANGES
+
+* HiSelectNew no longer exist, make sure you're importing HiSelect instead
+* **HiDatePicker:** Required "local" props (use polyglot, p.currentLocal)
+* **HiUploadField:** Components names changes
+* **HiCells:** Remove CellCountry, CellThirdParty, CellStatus & CellAccount (use generic type
+CellImage & CellText)
+* **HiSelect:** HiSelect API change, use HiNestedSelect or HiDynamicSelect relative to situation
+
+
+
+# [2.0.0-beta.64](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.64) (2019-04-04)
+
+
+### Bug Fixes
+
+* **eslint:** remove eslint warrnings in components (ignore test files) ([d236c62](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d236c62))
+* **HiAlertModal:** Correct styles and buttons positions ([2cfa2a9](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2cfa2a9))
+* **HiBreadcrumb:** clean eslint warnings ([6db12fb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6db12fb))
+* **HiDatePicker:** add static positions for custom overlays ([c3edf24](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c3edf24))
+* **HiDynamicSelect:** remove onSelect override ([b803044](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b803044))
+* **HiExpansionPanel:** fix props propagation collapseDisable || expanded ([eb18a96](https://gitlab.hipay.org/backend/hipay-material-ui/commit/eb18a96))
+* **HiExpansionPanel:** Fix props type a requirement ([cbc3b48](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cbc3b48))
+* **HiInput:** forward event in onClick ([be94fe0](https://gitlab.hipay.org/backend/hipay-material-ui/commit/be94fe0))
+* **HiInput:** handle focus state through prop when needed to override default comportment ([9a133cc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a133cc))
+* **HiInput:** rename prop to spellCheck ([c11939f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c11939f))
+* **HiKpiNotice:** eslint clean warnings ([11b5552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/11b5552))
+* **HiSelect:** Fix build of HiSelectContent ([4b87f78](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4b87f78))
+* **HiSelect:** focus on undefined item ([2d084e6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2d084e6))
+* **HiSelect:** Forward event in onBlur ([76c6778](https://gitlab.hipay.org/backend/hipay-material-ui/commit/76c6778))
+* **HiSelect:** handle staticPosition & width properly for HiDateRangeSelector usage ([7b19ffb](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7b19ffb))
+* **HiSelect:** remove HiSelectNew calls ([cc5397d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/cc5397d))
+* **HiSelectableList:** Add lazy props to activate lazyloading (default true) and fix unit tests ([b41f8d2](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b41f8d2))
+* **HiSelectableListItem:** disabled item checkbox color ([9f10552](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9f10552))
+* **HiSelectableListItem:** remove item width ([a913945](https://gitlab.hipay.org/backend/hipay-material-ui/commit/a913945))
+* **HiSelectContent:** Remove compute of input value ([b86db83](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b86db83))
+* **HiSlider:** eslint clean warnings ([08964b1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/08964b1))
+* **HiTable:** Fix test ([9a009a8](https://gitlab.hipay.org/backend/hipay-material-ui/commit/9a009a8))
+* **HiUploadField:** clean eslint warnings ([c76aaf1](https://gitlab.hipay.org/backend/hipay-material-ui/commit/c76aaf1))
+* **migration:** fix contrast threshold ... ([6fb3b18](https://gitlab.hipay.org/backend/hipay-material-ui/commit/6fb3b18))
+* **package:** add cross-env ([7098fd6](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7098fd6))
+
+
+### Code Refactoring
+
+* deleting the old HiSelect and replacing it by the new (PSYCHE-1382) ([d5fc252](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d5fc252))
+
+
+### Features
+
+* **CellImage:** Handle fallbackImage ([254799d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/254799d))
+* **CellSentinel:** Uniformize cell api with front CellSentinel ([4e2975b](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4e2975b))
+* **CellSentinel:** Update CellSentinel to the new way (split each result in different column) ([efe2711](https://gitlab.hipay.org/backend/hipay-material-ui/commit/efe2711))
+* **CellSentinelScore:** Add CellSentinelScore ([2fff04d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/2fff04d))
+* **CellText:** Handle active prop in CellText & column views in HiTable ([4366e60](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4366e60))
+* **HiCells:** Add simple cells types (Address, Date, Icon, Image, Numeric, PinToAction, Rate, Senti ([f688517](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f688517))
+* **HiDatePicke:** add timezone props ([18360a5](https://gitlab.hipay.org/backend/hipay-material-ui/commit/18360a5))
+* **HiDatePicker:** BREAKING CHANGE - add local prop to handle calendar translations ([b1b3743](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b1b3743))
+* **HiIcon:** Add mdi-material-ui as available icons via 'mdi_' prefix ([1091d6d](https://gitlab.hipay.org/backend/hipay-material-ui/commit/1091d6d))
+* **HiInput:** Add inputProps to enable passing props directly to input element ([d57466c](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d57466c))
+* **HiInput:** add spellcheck property ([b2feac3](https://gitlab.hipay.org/backend/hipay-material-ui/commit/b2feac3))
+* **HiMap:** unregister fetch on unmount ([0afa931](https://gitlab.hipay.org/backend/hipay-material-ui/commit/0afa931))
+* **HiSelect:** Add (NEW) HiSelect, HiNestedSelect, HiDynamicSelect ([4c6447e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/4c6447e))
+* **HiSelect:** Reset search input on blur & on close ([d9af584](https://gitlab.hipay.org/backend/hipay-material-ui/commit/d9af584))
+* **HiSelectableList:** Add sort props to sort item list on label ([f412ddc](https://gitlab.hipay.org/backend/hipay-material-ui/commit/f412ddc))
+* **HiSelectContent:** Add new HiSelectContent & HiNestedSelectContent ([215ad8f](https://gitlab.hipay.org/backend/hipay-material-ui/commit/215ad8f))
+* **HiSelectContent:** export utils functions ([7c41d87](https://gitlab.hipay.org/backend/hipay-material-ui/commit/7c41d87))
+* **HiUploadField:** rename component HiUploadField ([593f77e](https://gitlab.hipay.org/backend/hipay-material-ui/commit/593f77e))
+* **notice:** Création notice KPI ([bba3f89](https://gitlab.hipay.org/backend/hipay-material-ui/commit/bba3f89))
+
+
+### Performance Improvements
+
+* **PureFunction:** Use pure & functional components ([220c686](https://gitlab.hipay.org/backend/hipay-material-ui/commit/220c686))
+
+
+### BREAKING CHANGES
+
+* HiSelectNew no longer exist, make sure you're importing HiSelect instead
+* **HiDatePicker:** Required "local" props (use polyglot, p.currentLocal)
+* **HiUploadField:** Components names changes
+* **HiCells:** Remove CellCountry, CellThirdParty, CellStatus & CellAccount (use generic type
+CellImage & CellText)
+* **HiSelect:** HiSelect API change, use HiNestedSelect or HiDynamicSelect relative to situation
+
+
+
 # [2.0.0-beta.64](https://gitlab.hipay.org/backend/hipay-material-ui/compare/0.0.1...2.0.0-beta.64) (2019-03-27)
 
 

package/HiCell/CellIcon.js

@@ -25,6 +25,8 @@ var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
+var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
 var styles = {
   icon: {
     float: 'left'
@@ -65,12 +67,35 @@ function (_React$PureComponent) {
           color = _this$props.color,
           icon = _this$props.icon,
           label = _this$props.label,
-          view = _this$props.view,
-          size = _this$props.size;
+          onClick = _this$props.onClick,
+          size = _this$props.size,
+          view = _this$props.view;
+
+      if (onClick) {
+        return _react.default.createElement("div", {
+          className: classes.wrapper,
+          title: label
+        }, _react.default.createElement(_HiIconButton.default, {
+          color: 'inherit',
+          style: {
+            color: color,
+            fontSize: size || 24,
+            maxHeight: 31,
+            maxWidth: 31
+          },
+          onClick: onClick
+        }, _react.default.createElement(_HiIcon.default, {
+          className: classes.icon,
+          icon: icon
+        }), view !== 's' && label && _react.default.createElement("span", {
+          className: classes.label
+        }, label)));
+      }
+
       return _react.default.createElement("div", {
         className: classes.wrapper,
         title: label
-      }, icon && _react.default.createElement(_HiIcon.default, {
+      }, _react.default.createElement(_HiIcon.default, {
         color: 'inherit',
         style: {
           color: color,
@@ -112,6 +137,11 @@ CellIcon.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   label: _propTypes.default.string,
 
+  /**
+   * Fonction déclenchée lors du clic
+   */
+  onClick: _propTypes.default.func,
+
   /**
    * View (L/M/S)
    */

package/HiCell/CellRate.js

@@ -40,7 +40,7 @@ var styles = function styles(theme) {
       overflow: 'hidden',
       position: 'relative',
       textAlign: 'right',
-      paddingTop: 10
+      maxHeight: '32px'
     },
     trendChipIcon: {
       width: 14,

package/HiCell/CellTextStyled.js

@@ -13,6 +13,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
 
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
 var styleRoot = {
   width: '100%',
   height: 19,
@@ -33,12 +35,18 @@ var styleLabel = {
   whiteSpace: 'pre',
   width: '100%'
 };
+var styleButton = {
+  padding: '1px 5px',
+  minHeight: '18px',
+  maxHeight: '18px'
+};
 /**
  * CellText functional component
  * (don't includes complex ellipsis: middle, after-first-word...)
  *
  * @param label
  * @param color
+ * @param isButton
  * @param value
  * @param active
  * @param title
@@ -49,6 +57,8 @@ var styleLabel = {
 var CellTextStyled = function CellTextStyled(_ref) {
   var label = _ref.label,
       color = _ref.color,
+      isButton = _ref.isButton,
+      onClick = _ref.onClick,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? '' : _ref$value,
       _ref$active = _ref.active,
@@ -56,6 +66,17 @@ var CellTextStyled = function CellTextStyled(_ref) {
       _ref$title = _ref.title,
       title = _ref$title === void 0 ? '' : _ref$title;
   var valueString = label ? label.toString() : value.toString();
+
+  if (isButton) {
+    return _react.default.createElement(_HiButton.default, {
+      color: color,
+      onClick: onClick,
+      size: "small",
+      style: styleButton,
+      variant: "raised"
+    }, valueString);
+  }
+
   return _react.default.createElement("div", {
     style: styleRoot,
     title: title || valueString
@@ -80,11 +101,21 @@ CellTextStyled.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   color: _propTypes.default.string,
 
+  /**
+   * Définit si la cellule de text
+   */
+  isButton: _propTypes.default.bool,
+
   /**
    * Label
    */
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
 
+  /**
+   * Fonction déclenchée lors du clic
+   */
+  onClick: _propTypes.default.func,
+
   /**
    * Tooltip
    */

package/HiChip/HiChipSwitch.js

@@ -238,7 +238,7 @@ function (_React$PureComponent) {
 }(_react.default.PureComponent);
 
 HiChipSwitch.defaultProps = {
-  active: true,
+  active: false,
   activeIcon: 'check',
   selection: null,
   selectionTitle: ''

package/HiExpansionPanel/HiExpansionPanel.js

@@ -33,7 +33,7 @@ var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/E
 
 var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
 
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _HiIcon = _interopRequireDefault(require("./../HiIcon"));
 
 var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
@@ -64,20 +64,28 @@ var styles = function styles(theme) {
       pointerEvents: 'none'
     },
     heading: (0, _extends2.default)({}, theme.typography.b1, {
+      height: 48,
+      display: 'flex',
+      alignItems: 'center',
       fontSize: 20,
       lineHeight: '24px',
       fontWeight: theme.typography.fontWeightLight
     }),
     secondaryHeading: (0, _extends2.default)({}, theme.typography.b3, {
       color: theme.palette.neutral.light,
+      height: 48,
+      display: 'flex',
+      alignItems: 'center',
       fontSize: 11,
       lineHeight: '24px',
       float: 'right',
       marginRight: 32,
       '&>svg': {
         fontSize: 18,
-        marginLeft: 3,
-        marginBottom: -5
+        marginLeft: 3
+      },
+      "&>button": {
+        marginRight: -12
       }
     }),
     panel: {
@@ -101,7 +109,10 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var _ref = _react.default.createElement(_ExpandMore.default, null);
+var _ref = _react.default.createElement(_HiIcon.default, {
+  icon: "mdi_menu_up",
+  size: 24
+});
 
 var HiExpansionPanel =
 /*#__PURE__*/

package/HiForm/HiInput.js

@@ -52,7 +52,7 @@ var styles = function styles(theme) {
       },
       width: '100%',
       // Ajout d'1px pour ne pas avoir de décalage en mode error avec le border top
-      '&:not($error)': {
+      '&:$error': {
         marginTop: 1
       }
     }),
@@ -341,7 +341,8 @@ function (_React$PureComponent) {
           inputClassName = _this$props.inputClassName,
           onReset = _this$props.onReset,
           spellcheck = _this$props.spellcheck,
-          startAdornmentColor = _this$props.startAdornmentColor;
+          startAdornmentColor = _this$props.startAdornmentColor,
+          inputProps = _this$props.inputProps;
       var focused = this.state.focused;
       var overlayProps = (0, _extends2.default)({
         className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled && !error), (0, _defineProperty2.default)(_classNames, classes.inkbar, !disabled), (0, _defineProperty2.default)(_classNames, classes.focused, focused), (0, _defineProperty2.default)(_classNames, classes.error, error), _classNames), className)
@@ -420,10 +421,10 @@ function (_React$PureComponent) {
             _this2.endAdornmentNode = el;
           }
         }, eraseIcon, endAdornment),
-        inputProps: {
+        inputProps: (0, _extends2.default)({
           spellCheck: spellcheck ? "true" : "false",
           className: (0, _classnames.default)(inputClassName, classes.inputPropsClassName, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.inputText, !multiline), (0, _defineProperty2.default)(_classNames4, classes.inputTextArea, multiline), _classNames4))
-        }
+        }, inputProps)
       }));
     }
   }], [{
@@ -509,6 +510,11 @@ HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   inputId: _propTypes.default.string,
 
+  /**
+   * Passe des props directement à l'input
+   */
+  inputProps: _propTypes.default.object,
+
   /**
    * Passe une ref callback au composant input
    */

package/HiPin/HiPin.js

@@ -23,9 +23,9 @@ var styles = function styles(theme) {
   return {
     root: {
       display: 'inline-block',
-      padding: '1px 9px',
-      height: 16,
-      lineHeight: '16px',
+      padding: '0px 9px',
+      height: 17,
+      lineHeight: '17px',
       minWidth: 25,
       textAlign: 'center',
       borderRadius: '45px',

package/HiSelect/HiSelect.js

@@ -79,13 +79,14 @@ var styles = function styles(theme) {
       transition: 'none !important'
     },
     labelIcon: {
-      marginRight: 10
+      marginRight: 10,
+      verticalAlign: 'text-bottom'
     },
     labelImg: {
       height: 18,
       width: 'auto',
       margin: '0 4px',
-      verticalAlign: 'middle'
+      verticalAlign: 'text-bottom'
     },
     selectIconLabel: (0, _extends2.default)({
       whiteSpace: 'nowrap',
@@ -93,7 +94,7 @@ var styles = function styles(theme) {
       textOverflow: 'ellipsis',
       paddingRight: 16
     }, theme.typography.b1, {
-      display: 'inline-flex',
+      display: 'inline-block',
       width: '100%'
     }),
     selectImgLabel: (0, _extends2.default)({
@@ -510,11 +511,28 @@ function (_React$PureComponent) {
         this.inputEl.focus();
       }
     }
+  }, {
+    key: "getLengthItemList",
+    value: function getLengthItemList(itemList) {
+      var _this2 = this;
+
+      var itemListLength = 0;
+      itemList.forEach(function (parent) {
+        if (parent.displayed && itemListLength < 10) {
+          itemListLength += 1;
+
+          if (parent.children && itemListLength < 10) {
+            itemListLength += _this2.getLengthItemList(parent.children);
+          }
+        }
+      });
+      return itemListLength;
+    }
   }, {
     key: "render",
     value: function render() {
       var _classNames,
-          _this2 = this;
+          _this3 = this;
 
       var _this$props4 = this.props,
           classes = _this$props4.classes,
@@ -581,10 +599,10 @@ function (_React$PureComponent) {
           return _react.default.createElement(_HiInput.default, (0, _extends2.default)({
             value: searchValue,
             autoFocus: true,
-            inputRef: _this2.getInputElement,
-            onKeyDown: _this2.handleKeyDownSearch,
-            onChange: _this2.handleSearch,
-            onReset: _this2.handleSearchReset,
+            inputRef: _this3.getInputElement,
+            onKeyDown: _this3.handleKeyDownSearch,
+            onChange: _this3.handleSearch,
+            onReset: _this3.handleSearchReset,
             placeholder: translations.search,
             startAdornment: 'search',
             tabIndex: 0,
@@ -597,8 +615,10 @@ function (_React$PureComponent) {
 
 
       if (this.placement && this.placement.indexOf('top') >= 0 && !!searchable) {
-        // +1 for search input
-        var nbItems = itemList.length <= 10 ? itemList.length + 1 : 11;
+        // In case we have a nested list
+        var itemListLength = this.getLengthItemList(itemList); // +1 for search input
+
+        var nbItems = itemListLength <= 10 ? itemListLength + 1 : 11;
         popperStyle.transform = "translate3d(-1px, -".concat(nbItems * 40 + 2, "px, 0px)");
       } else if (this.placement && this.placement.indexOf('top') < 0 && !!searchable) {
         popperStyle.transform = 'translate3d(-1px, 40px, 0px)';
@@ -607,12 +627,12 @@ function (_React$PureComponent) {
       var content = function content(_ref) {
         var placement = _ref.placement;
 
-        if (placement !== _this2.placement) {
-          _this2.placement = placement;
+        if (placement !== _this3.placement) {
+          _this3.placement = placement;
         }
 
         return _react.default.createElement(_ClickAwayListener.default, {
-          onClickAway: _this2.handleClickAway
+          onClickAway: _this3.handleClickAway
         }, _react.default.createElement(_Grow.default, {
           in: open,
           id: "menu-list",
@@ -621,29 +641,29 @@ function (_React$PureComponent) {
           }
         }, _react.default.createElement(_Paper.default, {
           className: classes.paper
-        }, (_this2.placement && _this2.placement.indexOf('bottom') >= 0 || staticPosition) && searchInput('bottom'), startAdornment, _react.default.createElement(_reactCustomScrollbars.default, (0, _extends2.default)({
+        }, (_this3.placement && _this3.placement.indexOf('bottom') >= 0 || staticPosition) && searchInput('bottom'), startAdornment, _react.default.createElement(_reactCustomScrollbars.default, (0, _extends2.default)({
           ref: function ref(contentEl) {
-            _this2.optionsContent = contentEl;
+            _this3.optionsContent = contentEl;
           },
           autoHeight: true,
           autoHeightMax: 430
         }, onScrollReachBottom && {
-          onScroll: _this2.handleScroll
+          onScroll: _this3.handleScroll
         }), _react.default.createElement(_HiSelectableList.default, (0, _extends2.default)({
           type: type,
           itemList: itemList,
-          onSelect: _this2.handleSelect,
+          onSelect: _this3.handleSelect,
           selectedItemIdList: selectedItemIdList,
-          fallbackImage: _this2.props.fallbackImage,
-          overlay: _this2.overlay,
+          fallbackImage: _this3.props.fallbackImage,
+          overlay: _this3.overlay,
           value: value
-        }, hiSelectableListProps))), _this2.placement && _this2.placement.indexOf('top') >= 0 && !staticPosition && searchInput('top'))));
+        }, hiSelectableListProps))), _this3.placement && _this3.placement.indexOf('top') >= 0 && !staticPosition && searchInput('top'))));
       };
 
       return _react.default.createElement("div", {
         className: classes.root,
         ref: function ref(el) {
-          _this2.overlay = el;
+          _this3.overlay = el;
         },
         onKeyDown: this.handleKeyDown,
         onKeyDownCapture: this.handleKeyDownCapture
@@ -666,7 +686,7 @@ function (_React$PureComponent) {
         placeholder: placeholder
       }, hiSelectInputProps, {
         refElement: function refElement(el) {
-          _this2.inputEl = el;
+          _this3.inputEl = el;
         }
       })), open && staticPosition ? _react.default.createElement("div", {
         style: popperStyle,

package/HiSelect/HiSelectInput.js

@@ -127,8 +127,9 @@ var styles = function styles(theme) {
       overflow: 'hidden',
       textOverflow: 'ellipsis'
     }, theme.typography.b1, {
-      display: 'inline-flex',
-      width: '100%'
+      display: 'inline-block',
+      width: '100%',
+      maxWidth: 500
     }),
     placeholder: {
       color: theme.palette.grey[400]

package/HiSelect/HiSuggestSelect.js

@@ -225,7 +225,8 @@ function (_React$PureComponent) {
           onSearch = _this$props.onSearch,
           translations = _this$props.translations,
           align = _this$props.align,
-          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align"]);
+          inputClasses = _this$props.inputClasses,
+          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "id", "loading", "showMinLength", "showNoResults", "onSearch", "translations", "align", "inputClasses"]);
       var _this$state = this.state,
           focused = _this$state.focused,
           options = _this$state.options;
@@ -265,7 +266,8 @@ function (_React$PureComponent) {
         onChange: onSearch,
         onKeyDown: this.handleKeyDownSearch,
         onBlur: this.handleBlur,
-        onFocus: this.handleFocus
+        onFocus: this.handleFocus,
+        classes: inputClasses
       })), open && _react.default.createElement(_Popper.default, {
         disablePortal: true,
         anchorEl: this.textInput,
@@ -319,6 +321,11 @@ HiSuggestSelect.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   id: _propTypes.default.string,
 
+  /**
+   * Object that contains the style for Input component
+   */
+  inputClasses: _propTypes.default.object,
+
   /**
    * Passe une ref callback au composant input
    */

package/HiSelectableList/HiSelectableList.js

@@ -163,9 +163,9 @@ function (_React$PureComponent) {
           overflow: true,
           placeholder: placeholderContent
         }, itemComponent);
-      } else {
-        return itemComponent;
       }
+
+      return itemComponent;
     };
 
     _this.compareItem = function (a, b) {