@hipay/hipay-material-ui 4.1.1 → 4.1.2

package/HiSelectableList/HiSelectableList.js

@@ -108,6 +108,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
      * @returns {*}
      */
     _this.buildRecursiveListItem = function (item, index) {
+      var _item$icon, _item$icon$props;
       var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
       var group = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       var _this$props = _this.props,
@@ -158,6 +159,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
         hideCheckbox: hideCheckbox,
         hoverIcon: hoverIcon,
         icon: icon,
+        color: ((_item$icon = item.icon) === null || _item$icon === void 0 ? void 0 : (_item$icon$props = _item$icon.props) === null || _item$icon$props === void 0 ? void 0 : _item$icon$props.color) || 'inherit',
         level: noPadding ? 0 : level,
         onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
         onKeyDown: item.selectable !== false ? handleKeyDown : undefined,

package/HiSelectableList/HiSelectableListItem.js

@@ -303,10 +303,10 @@ function HiSelectableListItem(props) {
   var ListItemComponentName = pinned || collapseHeader ? _ListSubheader.default : _ListItem.default;
   var itemIcon;
   if (displayedIcon) {
-    var _item$icon$props;
+    var _item$icon;
     var iconProps = {
       className: classes.icon,
-      color: selected && color ? color : (_item$icon$props = item.icon.props) === null || _item$icon$props === void 0 ? void 0 : _item$icon$props.color
+      color: selected && color ? (_item$icon = item.icon) === null || _item$icon === void 0 ? void 0 : _item$icon.props.color : color
     };
     if (typeof displayedIcon === 'string') {
       itemIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({

package/README.md

@@ -274,5 +274,4 @@ Attention aux index.js.
 La bonne syntaxe est :
 export { default as MyComponente } from './MyComponente';
 
-
 [source]: https://www.w3schools.com/jsref/event_onkeypress.asp

package/es/HiSelectableList/HiSelectableList.js

@@ -108,6 +108,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
      * @returns {*}
      */
     _this.buildRecursiveListItem = function (item, index) {
+      var _item$icon, _item$icon$props;
       var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
       var group = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       var _this$props = _this.props,
@@ -158,6 +159,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
         hideCheckbox: hideCheckbox,
         hoverIcon: hoverIcon,
         icon: icon,
+        color: ((_item$icon = item.icon) === null || _item$icon === void 0 ? void 0 : (_item$icon$props = _item$icon.props) === null || _item$icon$props === void 0 ? void 0 : _item$icon$props.color) || 'inherit',
         level: noPadding ? 0 : level,
         onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
         onKeyDown: item.selectable !== false ? handleKeyDown : undefined,

package/es/HiSelectableList/HiSelectableListItem.js

@@ -303,10 +303,10 @@ function HiSelectableListItem(props) {
   var ListItemComponentName = pinned || collapseHeader ? _ListSubheader.default : _ListItem.default;
   var itemIcon;
   if (displayedIcon) {
-    var _item$icon$props;
+    var _item$icon;
     var iconProps = {
       className: classes.icon,
-      color: selected && color ? color : (_item$icon$props = item.icon.props) === null || _item$icon$props === void 0 ? void 0 : _item$icon$props.color
+      color: selected && color ? (_item$icon = item.icon) === null || _item$icon === void 0 ? void 0 : _item$icon.props.color : color
     };
     if (typeof displayedIcon === 'string') {
       itemIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@hipay/hipay-material-ui",
     "private": false,
-    "version": "4.1.1",
+    "version": "4.1.2",
     "description": "React components that implement Google's Material Design.",
     "repository": {
         "type": "git",