@hipay/hipay-material-ui 3.6.0 → 3.6.2

package/HiCell/CellImage.js

@@ -79,12 +79,12 @@ function (_React$PureComponent) {
           view = _this$props.view,
           size = _this$props.size,
           fallbackImage = _this$props.fallbackImage,
-          title = _this$props.title;
-      if (!path || path === '') return '';
+          title = _this$props.title,
+          value = _this$props.value;
       return _react.default.createElement("div", {
         className: classes.wrapper,
         title: label
-      }, _react.default.createElement("img", {
+      }, path && path !== '' && _react.default.createElement("img", {
         src: path,
         alt: label,
         title: title,

package/HiPagination/HiPagination.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
+
+var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
+
+var _styles = require("@material-ui/core/styles");
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    paginationItem: {
+      backgroundColor: "transparent",
+      color: theme.palette.neutral.dark,
+      fontWeight: theme.typography.fontWeightRegular,
+      '&:hover': {
+        backgroundColor: theme.palette.neutral.main,
+        color: theme.palette.neutral.contrastText,
+        fontWeight: theme.typography.fontWeightMedium
+      }
+    },
+    paginationItemActive: {
+      backgroundColor: "".concat(theme.palette.primary.main, " !important"),
+      color: theme.palette.primary.contrastText,
+      fontWeight: theme.typography.fontWeightMedium
+    }
+  };
+});
+
+var HiPagination = function HiPagination(props) {
+  var classes = useStyles();
+  return _react.default.createElement(_Pagination.default, (0, _extends2.default)({
+    renderItem: function renderItem(item) {
+      return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
+        classes: {
+          root: classes.paginationItem,
+          selected: classes.paginationItemActive
+        }
+      }, item));
+    }
+  }, props));
+};
+
+var _default = HiPagination;
+exports.default = _default;

package/HiPagination/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiPagination.default;
+  }
+});
+
+var _HiPagination = _interopRequireDefault(require("./HiPagination"));

package/HiSelect/HiSuggestSelect.js

@@ -251,7 +251,8 @@ function (_React$PureComponent) {
           disabled: true,
           centered: true,
           checkbox: false,
-          label: showNoResults ? translations.no_result_match : translations.min_length
+          label: showNoResults ? translations.no_result_match : translations.min_length,
+          selectable: false
         }];
       }
 

package/HiSelectableList/HiSelectableList.js

@@ -151,8 +151,8 @@ function (_React$PureComponent) {
         hoverIcon: hoverIcon,
         icon: icon,
         level: level,
-        onSelect: _this.handleSelect(item),
-        onKeyDown: onKeyDown,
+        onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
+        onKeyDown: item.selectable !== false ? onKeyDown : undefined,
         onKeyUp: onKeyUp,
         selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
         ,

package/HiTable/HiCellBuilder.js

@@ -78,9 +78,11 @@ function (_React$PureComponent) {
               Object.keys(refproperties).forEach(function (key) {
                 datacell[key] = refproperties[key];
               });
-            } else {
-              datacell = undefined;
             }
+            /* else {
+               datacell = undefined;
+            }*/
+
           }
 
           if (datacell) {
@@ -109,7 +111,7 @@ function (_React$PureComponent) {
 
               case cst.TYPE_IMAGE:
                 return _react.default.createElement(_CellImage.default, {
-                  label: datacell.label,
+                  label: datacell.label || datacell.value,
                   shortLabel: datacell.id,
                   path: datacell.img,
                   size: datacell.size || cell.size,

package/HiTable/HiTable.js

@@ -11,8 +11,6 @@ exports.default = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -21,16 +19,14 @@ var _styles = require("@material-ui/core/styles");
 
 var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
 
-var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
-
 var _Skeleton = _interopRequireDefault(require("@material-ui/lab/Skeleton"));
 
-var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
-
 var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
 
 var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
 
+var _HiPagination = _interopRequireDefault(require("../HiPagination"));
+
 // @inheritedComponent Table
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
@@ -42,21 +38,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flexDirection: 'row-reverse',
       paddingTop: 2
     },
-    paginationItem: {
-      backgroundColor: "transparent",
-      color: theme.palette.neutral.dark,
-      fontWeight: theme.typography.fontWeightRegular,
-      '&:hover': {
-        backgroundColor: theme.palette.neutral.main,
-        color: theme.palette.neutral.contrastText,
-        fontWeight: theme.typography.fontWeightMedium
-      }
-    },
-    paginationItemActive: {
-      backgroundColor: "".concat(theme.palette.primary.main, " !important"),
-      color: theme.palette.primary.contrastText,
-      fontWeight: theme.typography.fontWeightMedium
-    },
     activePage: {
       backgroundColor: theme.palette.primary.main
     },
@@ -110,15 +91,6 @@ var HiTable = function HiTable(props) {
     }
   };
 
-  var renderPaginationItem = function renderPaginationItem(item) {
-    return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
-      classes: {
-        root: classes.paginationItem,
-        selected: classes.paginationItemActive
-      }
-    }, item));
-  };
-
   var displayedData = (0, _react.useMemo)(function () {
     var _data = (0, _toConsumableArray2.default)(data);
 
@@ -218,16 +190,15 @@ var HiTable = function HiTable(props) {
     },
     variant: "rect",
     height: 32
-  })), pageCount > 1 && activatePagination && _react.default.createElement(_Pagination.default, {
-    count: pageCount,
-    showFirstButton: pageCount > 10,
-    showLastButton: pageCount > 10,
+  })), pageCount > 1 && activatePagination && _react.default.createElement(_HiPagination.default, {
     classes: {
       root: classes.pagination
     },
+    count: pageCount,
+    showFirstButton: pageCount > 10,
+    showLastButton: pageCount > 10,
     onChange: handleChangePage,
-    page: page,
-    renderItem: renderPaginationItem
+    page: page
   }));
 };
 

package/es/HiCell/CellImage.js

@@ -79,12 +79,12 @@ function (_React$PureComponent) {
           view = _this$props.view,
           size = _this$props.size,
           fallbackImage = _this$props.fallbackImage,
-          title = _this$props.title;
-      if (!path || path === '') return '';
+          title = _this$props.title,
+          value = _this$props.value;
       return _react.default.createElement("div", {
         className: classes.wrapper,
         title: label
-      }, _react.default.createElement("img", {
+      }, path && path !== '' && _react.default.createElement("img", {
         src: path,
         alt: label,
         title: title,

package/es/HiPagination/HiPagination.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
+
+var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
+
+var _styles = require("@material-ui/core/styles");
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    paginationItem: {
+      backgroundColor: "transparent",
+      color: theme.palette.neutral.dark,
+      fontWeight: theme.typography.fontWeightRegular,
+      '&:hover': {
+        backgroundColor: theme.palette.neutral.main,
+        color: theme.palette.neutral.contrastText,
+        fontWeight: theme.typography.fontWeightMedium
+      }
+    },
+    paginationItemActive: {
+      backgroundColor: "".concat(theme.palette.primary.main, " !important"),
+      color: theme.palette.primary.contrastText,
+      fontWeight: theme.typography.fontWeightMedium
+    }
+  };
+});
+
+var HiPagination = function HiPagination(props) {
+  var classes = useStyles();
+  return _react.default.createElement(_Pagination.default, (0, _extends2.default)({
+    renderItem: function renderItem(item) {
+      return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
+        classes: {
+          root: classes.paginationItem,
+          selected: classes.paginationItemActive
+        }
+      }, item));
+    }
+  }, props));
+};
+
+var _default = HiPagination;
+exports.default = _default;

package/es/HiPagination/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiPagination.default;
+  }
+});
+
+var _HiPagination = _interopRequireDefault(require("./HiPagination"));

package/es/HiSelect/HiSuggestSelect.js

@@ -251,7 +251,8 @@ function (_React$PureComponent) {
           disabled: true,
           centered: true,
           checkbox: false,
-          label: showNoResults ? translations.no_result_match : translations.min_length
+          label: showNoResults ? translations.no_result_match : translations.min_length,
+          selectable: false
         }];
       }
 

package/es/HiSelectableList/HiSelectableList.js

@@ -151,8 +151,8 @@ function (_React$PureComponent) {
         hoverIcon: hoverIcon,
         icon: icon,
         level: level,
-        onSelect: _this.handleSelect(item),
-        onKeyDown: onKeyDown,
+        onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
+        onKeyDown: item.selectable !== false ? onKeyDown : undefined,
         onKeyUp: onKeyUp,
         selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
         ,

package/es/HiTable/HiCellBuilder.js

@@ -78,9 +78,11 @@ function (_React$PureComponent) {
               Object.keys(refproperties).forEach(function (key) {
                 datacell[key] = refproperties[key];
               });
-            } else {
-              datacell = undefined;
             }
+            /* else {
+               datacell = undefined;
+            }*/
+
           }
 
           if (datacell) {
@@ -109,7 +111,7 @@ function (_React$PureComponent) {
 
               case cst.TYPE_IMAGE:
                 return _react.default.createElement(_CellImage.default, {
-                  label: datacell.label,
+                  label: datacell.label || datacell.value,
                   shortLabel: datacell.id,
                   path: datacell.img,
                   size: datacell.size || cell.size,

package/es/HiTable/HiTable.js

@@ -11,8 +11,6 @@ exports.default = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -21,16 +19,14 @@ var _styles = require("@material-ui/core/styles");
 
 var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
 
-var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
-
 var _Skeleton = _interopRequireDefault(require("@material-ui/lab/Skeleton"));
 
-var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
-
 var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
 
 var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
 
+var _HiPagination = _interopRequireDefault(require("../HiPagination"));
+
 // @inheritedComponent Table
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
@@ -42,21 +38,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flexDirection: 'row-reverse',
       paddingTop: 2
     },
-    paginationItem: {
-      backgroundColor: "transparent",
-      color: theme.palette.neutral.dark,
-      fontWeight: theme.typography.fontWeightRegular,
-      '&:hover': {
-        backgroundColor: theme.palette.neutral.main,
-        color: theme.palette.neutral.contrastText,
-        fontWeight: theme.typography.fontWeightMedium
-      }
-    },
-    paginationItemActive: {
-      backgroundColor: "".concat(theme.palette.primary.main, " !important"),
-      color: theme.palette.primary.contrastText,
-      fontWeight: theme.typography.fontWeightMedium
-    },
     activePage: {
       backgroundColor: theme.palette.primary.main
     },
@@ -110,15 +91,6 @@ var HiTable = function HiTable(props) {
     }
   };
 
-  var renderPaginationItem = function renderPaginationItem(item) {
-    return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
-      classes: {
-        root: classes.paginationItem,
-        selected: classes.paginationItemActive
-      }
-    }, item));
-  };
-
   var displayedData = (0, _react.useMemo)(function () {
     var _data = (0, _toConsumableArray2.default)(data);
 
@@ -218,16 +190,15 @@ var HiTable = function HiTable(props) {
     },
     variant: "rect",
     height: 32
-  })), pageCount > 1 && activatePagination && _react.default.createElement(_Pagination.default, {
-    count: pageCount,
-    showFirstButton: pageCount > 10,
-    showLastButton: pageCount > 10,
+  })), pageCount > 1 && activatePagination && _react.default.createElement(_HiPagination.default, {
     classes: {
       root: classes.pagination
     },
+    count: pageCount,
+    showFirstButton: pageCount > 10,
+    showLastButton: pageCount > 10,
     onChange: handleChangePage,
-    page: page,
-    renderItem: renderPaginationItem
+    page: page
   }));
 };
 

package/es/hi-svg-icons/HiFinanceMenu.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiFinanceMenu = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("path", {
+    d: "M14.17,4.42a9.19,9.19,0,0,1,6.75,2.77l-1,1.08a7.76,7.76,0,0,0-5.72-2.35A7.94,7.94,0,0,0,8.34,8.34a7.94,7.94,0,0,0-2.42,5.83A8,8,0,0,0,8.34,20a7.93,7.93,0,0,0,5.83,2.41A8,8,0,0,0,20,20a8,8,0,0,0,2.41-5.84,7.48,7.48,0,0,0-.23-1.87l1.22-1.22a8.78,8.78,0,0,1,.51,3.09,9.36,9.36,0,0,1-2.86,6.89,9.36,9.36,0,0,1-6.89,2.86,9.39,9.39,0,0,1-6.89-2.86,9.4,9.4,0,0,1-2.86-6.89A9.43,9.43,0,0,1,7.28,7.28,9.43,9.43,0,0,1,14.17,4.42Zm8.44,3.19,1.13,1.13-9,9-.57.46-.56-.46L9.86,14,11,12.86l3.18,3.24Z",
+    fill: color
+  })));
+});
+HiFinanceMenu.muiName = 'SvgIcon';
+var _default = HiFinanceMenu;
+exports.default = _default;

package/es/hi-svg-icons/HiInvoice.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiInvoice = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
+    fill: color
+  })));
+});
+HiInvoice.muiName = 'SvgIcon';
+var _default = HiInvoice;
+exports.default = _default;

package/es/hi-svg-icons/HiInvoiceMenu.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiInvoice = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
+    fill: color
+  })));
+});
+HiInvoice.muiName = 'SvgIcon';
+var _default = HiInvoice;
+exports.default = _default;

package/es/hi-svg-icons/HiRouteMenu.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiRoute = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("path", {
+    d: "M18.23,5.57l1,1L16.4,9.4l2.54,2.54,2.85-2.8,1,1L20,13l1.65,1.6-1.07,1.07L20,15.11l-3.65,3.65a2.09,2.09,0,0,1-1.54.63,2.21,2.21,0,0,1-1.58-.63L11.9,17.43,6.64,22.77,5.57,21.71l5.35-5.26L9.58,15.11A2.26,2.26,0,0,1,9,13.53,2.12,2.12,0,0,1,9.58,12l3.66-3.66L12.7,7.8l1.07-1.07,1.61,1.65Zm-4,3.75L10.61,13a.85.85,0,0,0,0,1.16l3.61,3.61a.78.78,0,0,0,.58.22.79.79,0,0,0,.58-.22L19,14.08Z",
+    fill: color
+  })));
+});
+HiRoute.muiName = 'SvgIcon';
+var _default = HiRoute;
+exports.default = _default;

package/es/hi-svg-icons/index.js

@@ -53,6 +53,12 @@ Object.defineProperty(exports, "HiFinance", {
     return _HiFinance.default;
   }
 });
+Object.defineProperty(exports, "HiFinanceMenu", {
+  enumerable: true,
+  get: function get() {
+    return _HiFinanceMenu.default;
+  }
+});
 Object.defineProperty(exports, "HiRoute", {
   enumerable: true,
   get: function get() {
@@ -190,6 +196,8 @@ var _HiCustomer = _interopRequireDefault(require("./HiCustomer"));
 
 var _HiFinance = _interopRequireDefault(require("./HiFinance"));
 
+var _HiFinanceMenu = _interopRequireDefault(require("./HiFinanceMenu"));
+
 var _HiRoute = _interopRequireDefault(require("./HiRoute"));
 
 var _HiSettlement = _interopRequireDefault(require("./HiSettlement"));

package/hi-svg-icons/HiFinanceMenu.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiFinanceMenu = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("path", {
+    d: "M14.17,4.42a9.19,9.19,0,0,1,6.75,2.77l-1,1.08a7.76,7.76,0,0,0-5.72-2.35A7.94,7.94,0,0,0,8.34,8.34a7.94,7.94,0,0,0-2.42,5.83A8,8,0,0,0,8.34,20a7.93,7.93,0,0,0,5.83,2.41A8,8,0,0,0,20,20a8,8,0,0,0,2.41-5.84,7.48,7.48,0,0,0-.23-1.87l1.22-1.22a8.78,8.78,0,0,1,.51,3.09,9.36,9.36,0,0,1-2.86,6.89,9.36,9.36,0,0,1-6.89,2.86,9.39,9.39,0,0,1-6.89-2.86,9.4,9.4,0,0,1-2.86-6.89A9.43,9.43,0,0,1,7.28,7.28,9.43,9.43,0,0,1,14.17,4.42Zm8.44,3.19,1.13,1.13-9,9-.57.46-.56-.46L9.86,14,11,12.86l3.18,3.24Z",
+    fill: color
+  })));
+});
+HiFinanceMenu.muiName = 'SvgIcon';
+var _default = HiFinanceMenu;
+exports.default = _default;

package/hi-svg-icons/HiInvoice.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiInvoice = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
+    fill: color
+  })));
+});
+HiInvoice.muiName = 'SvgIcon';
+var _default = HiInvoice;
+exports.default = _default;

package/hi-svg-icons/HiInvoiceMenu.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiInvoice = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
+    fill: color
+  })));
+});
+HiInvoice.muiName = 'SvgIcon';
+var _default = HiInvoice;
+exports.default = _default;

package/hi-svg-icons/HiRouteMenu.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiRoute = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("path", {
+    d: "M18.23,5.57l1,1L16.4,9.4l2.54,2.54,2.85-2.8,1,1L20,13l1.65,1.6-1.07,1.07L20,15.11l-3.65,3.65a2.09,2.09,0,0,1-1.54.63,2.21,2.21,0,0,1-1.58-.63L11.9,17.43,6.64,22.77,5.57,21.71l5.35-5.26L9.58,15.11A2.26,2.26,0,0,1,9,13.53,2.12,2.12,0,0,1,9.58,12l3.66-3.66L12.7,7.8l1.07-1.07,1.61,1.65Zm-4,3.75L10.61,13a.85.85,0,0,0,0,1.16l3.61,3.61a.78.78,0,0,0,.58.22.79.79,0,0,0,.58-.22L19,14.08Z",
+    fill: color
+  })));
+});
+HiRoute.muiName = 'SvgIcon';
+var _default = HiRoute;
+exports.default = _default;

package/hi-svg-icons/index.js

@@ -53,6 +53,12 @@ Object.defineProperty(exports, "HiFinance", {
     return _HiFinance.default;
   }
 });
+Object.defineProperty(exports, "HiFinanceMenu", {
+  enumerable: true,
+  get: function get() {
+    return _HiFinanceMenu.default;
+  }
+});
 Object.defineProperty(exports, "HiRoute", {
   enumerable: true,
   get: function get() {
@@ -190,6 +196,8 @@ var _HiCustomer = _interopRequireDefault(require("./HiCustomer"));
 
 var _HiFinance = _interopRequireDefault(require("./HiFinance"));
 
+var _HiFinanceMenu = _interopRequireDefault(require("./HiFinanceMenu"));
+
 var _HiRoute = _interopRequireDefault(require("./HiRoute"));
 
 var _HiSettlement = _interopRequireDefault(require("./HiSettlement"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "3.6.0",
+  "version": "3.6.2",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -69,4 +69,4 @@
   },
   "main": "./index.js",
   "module": "./esm/index.js"
-}
+}