@hipay/hipay-material-ui 3.6.0-rc1 → 3.6.1

package/es/HiForm/HiFormControl.js

@@ -64,8 +64,6 @@ var styles = function styles(theme) {
       height: 20,
       width: 20,
       marginLeft: 3,
-      transform: 'translateY(2px)',
-      marginTop: -6,
       '&$iconButtonError': {
         color: theme.palette.negative.main
       },
@@ -75,15 +73,17 @@ var styles = function styles(theme) {
       '&$iconButtonInfoActive': {
         color: theme.palette.primary.main
       },
-      '&$iconFullWidth': {}
+      '&$iconFullWidth': {
+        position: 'absolute',
+        right: theme.spacing(1),
+        marginLeft: 0,
+        bottom: 0
+      }
     },
     iconButtonError: {},
     iconButtonInfo: {},
     iconButtonInfoActive: {},
     iconFullWidth: {},
-    iconRight: {
-      justifyContent: 'space-between'
-    },
     errorDiv: (0, _objectSpread2.default)({}, theme.typography.b3, {
       backgroundColor: theme.palette.negative.main,
       color: '#FFFFFF',
@@ -224,7 +224,6 @@ function (_React$PureComponent) {
           InputLabelProps = _this$props.InputLabelProps,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           FormHelperTextProps = _this$props.FormHelperTextProps,
           fullWidth = _this$props.fullWidth,
           required = _this$props.required,
@@ -232,7 +231,7 @@ function (_React$PureComponent) {
           rootRef = _this$props.rootRef,
           maxLength = _this$props.maxLength,
           nbChars = _this$props.nbChars,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["children", "classes", "className", "disabled", "error", "errorText", "id", "label", "InputLabelProps", "helperText", "helperIcon", "helperIconLeft", "FormHelperTextProps", "fullWidth", "required", "multiline", "rootRef", "maxLength", "nbChars"]);
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["children", "classes", "className", "disabled", "error", "errorText", "id", "label", "InputLabelProps", "helperText", "helperIcon", "FormHelperTextProps", "fullWidth", "required", "multiline", "rootRef", "maxLength", "nbChars"]);
       var _this$state = this.state,
           helperOpen = _this$state.helperOpen,
           focused = _this$state.focused,
@@ -265,8 +264,7 @@ function (_React$PureComponent) {
         label: label,
         required: required,
         disabled: disabled,
-        focused: !disabled && (focused || hovered),
-        className: !helperIconLeft && classes.iconRight
+        focused: !disabled && (focused || hovered)
       }, InputLabelProps), error && errorText && _react.default.createElement(_HiIconButton.default, {
         className: (0, _classnames.default)(classes.iconButton, classes.iconButtonError, (0, _defineProperty2.default)({}, classes.iconFullWidth, fullWidth)),
         onClick: this.handleHelperClick
@@ -301,7 +299,6 @@ HiFormControl.defaultProps = {
   errorText: undefined,
   helperText: undefined,
   helperIcon: false,
-  helperIconLeft: false,
   multiline: false,
   nbChars: 0,
   maxLength: 280

package/es/HiForm/HiFormLabel.js

@@ -46,7 +46,8 @@ var styles = function styles(theme) {
       '&$error': {
         color: theme.palette.negative.main
       },
-      display: 'flex'
+      display: 'flex',
+      alignItems: 'baseline'
     }),
     optional: {
       fontSize: 11,

package/es/HiForm/HiTextField.js

@@ -101,7 +101,6 @@ function (_React$PureComponent) {
           label = _this$props.label,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           fullWidth = _this$props.fullWidth,
           required = _this$props.required,
           type = _this$props.type,
@@ -124,7 +123,6 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
         multiline: multiline,
         maxLength: maxLength,
         nbChars: nbChars,
@@ -165,7 +163,6 @@ HiTextField.defaultProps = {
   errorText: '',
   helperText: '',
   helperIcon: false,
-  helperIconLeft: false,
   multiline: false,
   maxLength: 280
 };

package/es/HiForm/HiUploadField.js

@@ -69,7 +69,6 @@ function (_React$PureComponent) {
         errorText: errorText,
         error: error,
         helperIcon: helperIcon,
-        helperIconLeft: true,
         helperText: helperText,
         fullWidth: fullWidth,
         required: required

package/es/HiSelect/HiDynamicSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiDynamicSelect = _interopRequireDefault(require("./HiDynamicSelect"));
 
-// @inheritedComponent HiDynamicSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiDynamicSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiDynamicSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -53,7 +64,6 @@ function (_React$PureComponent) {
           errorText = _this$props.errorText,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           id = _this$props.id,
           name = _this$props.name,
           value = _this$props.value,
@@ -65,7 +75,8 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "helperIconLeft", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
+          classes = _this$props.classes,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -75,8 +86,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiDynamicSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
@@ -96,5 +106,6 @@ function (_React$PureComponent) {
   return HiDynamicSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiDynamicSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiDynamicSelectField);
+
 exports.default = _default;

package/es/HiSelect/HiNestedSelect.js

@@ -166,7 +166,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       width: '100%',
       position: 'relative'
     },

package/es/HiSelect/HiNestedSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiNestedSelect = _interopRequireDefault(require("./HiNestedSelect"));
 
-// @inheritedComponent HiDynamicSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiDynamicSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiNestedSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -53,7 +64,6 @@ function (_React$PureComponent) {
           errorText = _this$props.errorText,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           id = _this$props.id,
           name = _this$props.name,
           value = _this$props.value,
@@ -65,7 +75,8 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "helperIconLeft", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
+          classes = _this$props.classes,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -75,8 +86,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiNestedSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
@@ -96,5 +106,6 @@ function (_React$PureComponent) {
   return HiNestedSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiNestedSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiNestedSelectField);
+
 exports.default = _default;

package/es/HiSelect/HiSelect.js

@@ -69,7 +69,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       width: '100%',
       position: 'relative'
     },

package/es/HiSelect/HiSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiSelect = _interopRequireDefault(require("./HiSelect"));
 
-// @inheritedComponent HiSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _index = require("@material-ui/core/styles/index");
 
+// @inheritedComponent HiSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -53,7 +64,6 @@ function (_React$PureComponent) {
           errorText = _this$props.errorText,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           id = _this$props.id,
           name = _this$props.name,
           value = _this$props.value,
@@ -65,8 +75,9 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
+          classes = _this$props.classes,
           HiInputLabelProps = _this$props.HiInputLabelProps,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "helperIconLeft", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "HiInputLabelProps"]);
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes", "HiInputLabelProps"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -76,8 +87,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
-        className: className,
+        className: (0, _classnames.default)(classes.root, className),
         InputLabelProps: HiInputLabelProps
       }, _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
         id: id,
@@ -98,5 +108,6 @@ function (_React$PureComponent) {
   return HiSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiSelectField;
+var _default = (0, _index.withStyles)(styles)(HiSelectField);
+
 exports.default = _default;

package/es/HiSelect/HiSelectInput.js

@@ -46,7 +46,6 @@ var styles = function styles(theme) {
     root: {
       width: '100%',
       height: 40,
-      maxWidth: 500,
       display: 'flex',
       justifyContent: 'center',
       padding: 8,
@@ -131,8 +130,7 @@ var styles = function styles(theme) {
       textOverflow: 'ellipsis'
     }, theme.typography.b1, {
       display: 'inline-block',
-      width: '100%',
-      maxWidth: 500
+      width: '100%'
     }),
     placeholder: {
       color: theme.palette.grey[400]

package/es/HiSelect/HiSuggestSelect.js

@@ -48,7 +48,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       minWidth: 200,
       width: '100%'
     },
@@ -252,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/HiSelect/HiSuggestSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
 
-// @inheritedComponent HiSuggestSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiSuggestSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input autosuggest pour formulaire avec label
  */
+
+exports.styles = styles;
+
 var HiSuggestSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -53,10 +64,10 @@ function (_React$PureComponent) {
           errorText = _this$props.errorText,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           id = _this$props.id,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "helperIconLeft", "id", "className"]);
+          classes = _this$props.classes,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -66,8 +77,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiSuggestSelect.default, (0, _extends2.default)({
         id: id,
         translations: {
@@ -85,5 +95,6 @@ function (_React$PureComponent) {
   return HiSuggestSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiSuggestSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiSuggestSelectField);
+
 exports.default = _default;

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/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/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;