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

package/CHANGELOG.md

@@ -1,3 +1,79 @@
+# [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)
 
 

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/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
       }
     }),

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)({

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/HiTable/HiCellBuilder.js

@@ -150,6 +150,7 @@ function (_React$PureComponent) {
                 color: datacell.color,
                 icon: datacell.icon,
                 label: datacell.label,
+                onClick: datacell.handleClick,
                 view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
                 size: cell.size
               });
@@ -194,6 +195,8 @@ function (_React$PureComponent) {
                 active: datacell.active,
                 color: datacell.color,
                 label: datacell.label,
+                isButton: datacell.isButton,
+                onClick: datacell.handleClick,
                 title: cell.title ? cell.title(datacell, cell) : datacell.title,
                 value: datacell.value
               });
@@ -211,15 +214,12 @@ function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          className = _this$props.className,
           column = _this$props.column,
           data = _this$props.data,
           locale = _this$props.locale;
       return _react.default.createElement(_TableCell.default, {
-        style: {
-          border: 'none',
-          paddingRight: '13px',
-          paddingLeft: '13px'
-        }
+        className: className
       }, this.createCell(column, data, locale));
     }
   }]);
@@ -227,6 +227,11 @@ function (_React$PureComponent) {
 }(_react.default.PureComponent);
 
 HiCellBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Override TableCell style
+   */
+  className: _propTypes.default.object,
+
   /**
    * Propriétés de la colonne
    */

package/HiTable/HiTableHeader.js

@@ -36,13 +36,21 @@ var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSor
 var cst = _interopRequireWildcard(require("./constants"));
 
 // @inheritedComponent TableHeader
-var styles = {
-  icon: {
-    color: '#00ADE9'
-  },
-  headerRoot: {
-    cursor: 'inherit'
-  }
+var styles = function styles(theme) {
+  return {
+    head: {
+      cursor: 'inherit',
+      borderBottom: "solid 1px ".concat(theme.palette.divider)
+    },
+    cell: {
+      border: 'none',
+      paddingRight: '13px',
+      paddingLeft: '13px'
+    },
+    icon: {
+      color: '#00ADE9'
+    }
+  };
 };
 
 var HiTableHeader =
@@ -84,7 +92,9 @@ function (_React$PureComponent) {
           orderBy = _this$props.orderBy,
           sortable = _this$props.sortable,
           dense = _this$props.dense;
-      return _react.default.createElement(_TableHead.default, null, _react.default.createElement(_TableRow.default, {
+      return _react.default.createElement(_TableHead.default, {
+        className: classes.head
+      }, _react.default.createElement(_TableRow.default, {
         style: {
           height: dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT,
           whiteSpace: 'nowrap'
@@ -100,13 +110,8 @@ function (_React$PureComponent) {
         var finalLabel = view === 's' ? smallLabel : label;
         return _react.default.createElement(_TableCell.default, {
           key: colId,
+          className: classes.cell,
           sortDirection: orderBy === colId ? order : false,
-          style: {
-            border: 'none',
-            borderBottom: orderBy === colId ? 'solid 1px #00ADE9' : 'none',
-            paddingRight: '13px',
-            paddingLeft: '13px'
-          },
           numeric: cst.ALIGN_RIGHT_TYPES.includes(type),
           title: headerTooltip
         }, sortable ? _react.default.createElement(_TableSortLabel.default, {

package/HiTable/HiTableRow.js

@@ -46,15 +46,18 @@ var styles = function styles(theme) {
       '&:last-child': {
         borderBottom: 'solid 1px #E4E7E8'
       },
-      '&:first-child': {
-        borderTop: 'solid 1px #E4E7E8'
-      },
       '&:hover, &:focus': {
         backgroundColor: "".concat(theme.palette.action.hover, " !important")
       }
     },
     clickableRow: {
       cursor: 'pointer'
+    },
+    cell: {
+      border: 'none',
+      padding: '0px 13px',
+      minHeight: '32px',
+      maxHeight: '40px'
     }
   };
 };
@@ -115,6 +118,7 @@ function (_React$PureComponent) {
       }, Object.keys(columns).map(function (column) {
         return _react.default.createElement(_HiCellBuilder.default, {
           key: columns[column].colId,
+          className: classes.cell,
           column: columns[column],
           data: rowdata,
           locale: locale

package/es/HiCell/CellIcon.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import withStyles from '../styles/withStyles';
 import HiIcon from '../HiIcon';
+import HiIconButton from '../HiIconButton';
 export const styles = {
   icon: {
     float: 'left'
@@ -29,13 +30,36 @@ class CellIcon extends React.PureComponent {
       color,
       icon,
       label,
-      view,
-      size
+      onClick,
+      size,
+      view
     } = this.props;
+
+    if (onClick) {
+      return React.createElement("div", {
+        className: classes.wrapper,
+        title: label
+      }, React.createElement(HiIconButton, {
+        color: 'inherit',
+        style: {
+          color,
+          fontSize: size || 24,
+          maxHeight: 31,
+          maxWidth: 31
+        },
+        onClick: onClick
+      }, React.createElement(HiIcon, {
+        className: classes.icon,
+        icon: icon
+      }), view !== 's' && label && React.createElement("span", {
+        className: classes.label
+      }, label)));
+    }
+
     return React.createElement("div", {
       className: classes.wrapper,
       title: label
-    }, icon && React.createElement(HiIcon, {
+    }, React.createElement(HiIcon, {
       color: 'inherit',
       style: {
         color,
@@ -76,6 +100,11 @@ CellIcon.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   label: PropTypes.string,
 
+  /**
+   * Fonction déclenchée lors du clic
+   */
+  onClick: PropTypes.func,
+
   /**
    * View (L/M/S)
    */

package/es/HiCell/CellRate.js

@@ -12,7 +12,7 @@ export const styles = theme => ({
     overflow: 'hidden',
     position: 'relative',
     textAlign: 'right',
-    paddingTop: 10
+    maxHeight: '32px'
   },
   trendChipIcon: {
     width: 14,

package/es/HiCell/CellTextStyled.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import HiColoredLabel from '../HiColoredLabel';
+import HiButton from '../HiButton';
 const styleRoot = {
   width: '100%',
   height: 19,
@@ -21,12 +22,18 @@ const styleLabel = {
   whiteSpace: 'pre',
   width: '100%'
 };
+const 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
@@ -37,11 +44,24 @@ const styleLabel = {
 const CellTextStyled = ({
   label,
   color,
+  isButton,
+  onClick,
   value = '',
   active = false,
   title = ''
 }) => {
   const valueString = label ? label.toString() : value.toString();
+
+  if (isButton) {
+    return React.createElement(HiButton, {
+      color: color,
+      onClick: onClick,
+      size: "small",
+      style: styleButton,
+      variant: "raised"
+    }, valueString);
+  }
+
   return React.createElement("div", {
     style: styleRoot,
     title: title || valueString
@@ -66,11 +86,21 @@ CellTextStyled.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   color: PropTypes.string,
 
+  /**
+   * Définit si la cellule de text
+   */
+  isButton: PropTypes.bool,
+
   /**
    * Label
    */
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
+  /**
+   * Fonction déclenchée lors du clic
+   */
+  onClick: PropTypes.func,
+
   /**
    * Tooltip
    */

package/es/HiChip/HiChipSwitch.js

@@ -202,7 +202,7 @@ class HiChipSwitch extends React.PureComponent {
 }
 
 HiChipSwitch.defaultProps = {
-  active: true,
+  active: false,
   activeIcon: 'check',
   selection: null,
   selectionTitle: ''

package/es/HiForm/HiInput.js

@@ -19,7 +19,7 @@ export const 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
     }
   }),

package/es/HiPin/HiPin.js

@@ -6,9 +6,9 @@ import { withStyles } from '../styles';
 export const styles = theme => ({
   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/es/HiSelect/HiSelect.js

@@ -38,13 +38,14 @@ export const 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: _objectSpread({
     whiteSpace: 'nowrap',
@@ -52,7 +53,7 @@ export const styles = theme => ({
     textOverflow: 'ellipsis',
     paddingRight: 16
   }, theme.typography.b1, {
-    display: 'inline-flex',
+    display: 'inline-block',
     width: '100%'
   }),
   selectImgLabel: _objectSpread({