@hipay/hipay-material-ui 2.1.0-RC1 → 2.1.0

package/es/HiSelectableList/HiSelectableList.js

@@ -8,9 +8,14 @@ import HiSelectableListItem from './HiSelectableListItem';
 import { getNextItemSelectable, foldAccents } from '../utils/helpers';
 import keycode from 'keycode';
 import LazyLoad, { forceCheck } from 'react-lazyload';
-export const styles = () => ({
+import classNames from 'classnames';
+export const styles = theme => ({
   root: {
     padding: 0
+  },
+  suggestionFocus: {
+    backgroundColor: theme.palette.action.hover,
+    fontWeight: theme.typography.fontWeightMedium
   }
 });
 /**
@@ -44,7 +49,7 @@ class HiSelectableList extends React.PureComponent {
       }
     };
 
-    this.buildRecursiveListItem = (item, level = 0) => {
+    this.buildRecursiveListItem = (item, index, level = 0) => {
       const _this$props = this.props,
             {
         checkedIcon,
@@ -57,9 +62,11 @@ class HiSelectableList extends React.PureComponent {
         selectedItemIdList,
         sort,
         onKeyDown,
-        onKeyUp
+        onKeyUp,
+        suggestionFocusIndex,
+        classes
       } = _this$props,
-            others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp"]);
+            others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes"]);
 
       if (sort && item.children) {
         item.children.sort(this.compareItem);
@@ -95,8 +102,13 @@ class HiSelectableList extends React.PureComponent {
         onKeyUp: onKeyUp,
         selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
         ,
-        item: item
-      }, item)), item.children && item.children.length > 0 && item.children.filter(subItem => !(subItem.displayed === false)).map(subItem => this.buildRecursiveListItem(subItem, level + 1)));
+        item: item,
+        classes: {
+          listItem: classNames({
+            [classes.suggestionFocus]: index === suggestionFocusIndex
+          })
+        }
+      }, item)), item.children && item.children.length > 0 && item.children.filter(subItem => !(subItem.displayed === false)).map(subItem => this.buildRecursiveListItem(subItem, index, level + 1)));
 
       if (lazy) {
         return React.createElement(LazyLoad, {
@@ -188,7 +200,7 @@ class HiSelectableList extends React.PureComponent {
         this.el = el;
       }
     }, itemList.filter(item => !(item.displayed === false)) // don't remove if undefined
-    .map(item => this.buildRecursiveListItem(item)));
+    .map((item, index) => this.buildRecursiveListItem(item, index)));
   }
 
 }
@@ -277,6 +289,11 @@ HiSelectableList.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   selectedItemIdList: PropTypes.array,
 
+  /**
+   * Index de l'item "focus"
+   */
+  suggestionFocusIndex: PropTypes.number,
+
   /**
    * Tri des éléments selon leur label
    */
@@ -294,5 +311,6 @@ HiSelectableList.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 export default withStyles(styles, {
   hiComponent: true,
-  name: 'HmuiHiSelectableList'
+  name: 'HmuiHiSelectableList',
+  index: 51
 })(HiSelectableList);

package/es/HiSelectableList/HiSelectableListItem.js

@@ -330,7 +330,7 @@ class HiSelectableListItem extends React.PureComponent {
       indeterminateIcon: indeterminateIcon
     }), type === 'image' && img && React.createElement("img", {
       src: img,
-      alt: img,
+      alt: '',
       onError: e => {
         if (fallbackImage) {
           e.target.src = `${fallbackImage}`;

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.1.0RC1
+/** @license HiPay-Material-UI v2.1.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.1.0RC1
+/** @license HiPay-Material-UI v2.1.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "2.1.0RC1",
+  "version": "2.1.0",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",