@hipay/hipay-material-ui 2.3.5 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/Guideline/index.js +2 -0
  2. package/HiChip/HiChip.js +1 -0
  3. package/HiDatePicker/HiDateRangeSelector.js +181 -46
  4. package/HiDatePicker/stylesheet.js +1 -2
  5. package/HiForm/HiFormControl.js +10 -9
  6. package/HiIcon/HiIcon.js +58 -54
  7. package/HiPaymentMeans/HiPaymentMeans.js +16 -4
  8. package/HiPin/HiPin.js +12 -20
  9. package/HiSelect/HiSelect.js +44 -10
  10. package/HiSelectableList/HiSelectableListItem.js +38 -24
  11. package/HiStepper/HiStep.js +194 -0
  12. package/HiStepper/HiStepper.js +59 -0
  13. package/HiStepper/index.js +23 -0
  14. package/HiSwitch/HiSwitch.js +4 -1
  15. package/es/Guideline/index.js +2 -0
  16. package/es/HiChip/HiChip.js +1 -0
  17. package/es/HiDatePicker/HiDateRangeSelector.js +181 -46
  18. package/es/HiDatePicker/stylesheet.js +1 -2
  19. package/es/HiForm/HiFormControl.js +10 -9
  20. package/es/HiIcon/HiIcon.js +58 -54
  21. package/es/HiPaymentMeans/HiPaymentMeans.js +16 -4
  22. package/es/HiPin/HiPin.js +12 -20
  23. package/es/HiSelect/HiSelect.js +44 -10
  24. package/es/HiSelectableList/HiSelectableListItem.js +38 -24
  25. package/es/HiStepper/HiStep.js +194 -0
  26. package/es/HiStepper/HiStepper.js +59 -0
  27. package/es/HiStepper/index.js +23 -0
  28. package/es/HiSwitch/HiSwitch.js +4 -1
  29. package/es/hi-svg-icons/HiAccount.js +5 -9
  30. package/es/hi-svg-icons/HiActivity.js +5 -9
  31. package/es/hi-svg-icons/HiAll.js +5 -9
  32. package/es/hi-svg-icons/HiBilling.js +5 -9
  33. package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -12
  34. package/es/hi-svg-icons/HiCatalog.js +5 -9
  35. package/es/hi-svg-icons/HiCustomer.js +5 -9
  36. package/es/hi-svg-icons/HiDownload.js +8 -9
  37. package/es/hi-svg-icons/HiFinance.js +5 -9
  38. package/es/hi-svg-icons/HiIntelligence.js +5 -9
  39. package/es/hi-svg-icons/HiIntelligenceMenu.js +49 -0
  40. package/es/hi-svg-icons/HiLogoRounded.js +58 -0
  41. package/es/hi-svg-icons/HiOrder.js +5 -9
  42. package/es/hi-svg-icons/HiPaymentOrder.js +5 -9
  43. package/es/hi-svg-icons/HiPermission.js +5 -9
  44. package/es/hi-svg-icons/HiPriceGrid.js +5 -9
  45. package/es/hi-svg-icons/HiRoute.js +5 -9
  46. package/es/hi-svg-icons/HiSettlement.js +5 -9
  47. package/es/hi-svg-icons/HiSizeLarge.js +17 -8
  48. package/es/hi-svg-icons/HiSizeMedium.js +18 -7
  49. package/es/hi-svg-icons/HiSizeSmall.js +18 -7
  50. package/es/hi-svg-icons/HiStore.js +64 -0
  51. package/es/hi-svg-icons/HiStoreMenu.js +58 -0
  52. package/es/hi-svg-icons/HiTransaction.js +5 -9
  53. package/es/hi-svg-icons/HiTransactionMenu.js +46 -0
  54. package/es/hi-svg-icons/HiUser.js +5 -9
  55. package/es/hi-svg-icons/HiVendor.js +5 -9
  56. package/es/hi-svg-icons/HiWidget.js +5 -9
  57. package/es/hi-svg-icons/index.js +33 -1
  58. package/es/hi-svg-images/HiLogo.js +41 -0
  59. package/es/hi-svg-images/HiLogoWhite.js +41 -0
  60. package/es/hi-svg-images/index.js +23 -0
  61. package/es/setupTest.js +44 -0
  62. package/es/styleguide/Wrapper.js +9 -37
  63. package/es/styles/makeStyles.js +28 -0
  64. package/es/styles/withStyles.js +28 -0
  65. package/es/theme.js +7 -9
  66. package/es/utils/helpers.js +10 -0
  67. package/hi-svg-icons/HiAccount.js +5 -9
  68. package/hi-svg-icons/HiActivity.js +5 -9
  69. package/hi-svg-icons/HiAll.js +5 -9
  70. package/hi-svg-icons/HiBilling.js +5 -9
  71. package/hi-svg-icons/HiBriefcaseRescue.js +14 -12
  72. package/hi-svg-icons/HiCatalog.js +5 -9
  73. package/hi-svg-icons/HiCustomer.js +5 -9
  74. package/hi-svg-icons/HiDownload.js +8 -9
  75. package/hi-svg-icons/HiFinance.js +5 -9
  76. package/hi-svg-icons/HiIntelligence.js +5 -9
  77. package/hi-svg-icons/HiIntelligenceMenu.js +49 -0
  78. package/hi-svg-icons/HiLogoRounded.js +58 -0
  79. package/hi-svg-icons/HiOrder.js +5 -9
  80. package/hi-svg-icons/HiPaymentOrder.js +5 -9
  81. package/hi-svg-icons/HiPermission.js +5 -9
  82. package/hi-svg-icons/HiPriceGrid.js +5 -9
  83. package/hi-svg-icons/HiRoute.js +5 -9
  84. package/hi-svg-icons/HiSettlement.js +5 -9
  85. package/hi-svg-icons/HiSizeLarge.js +17 -8
  86. package/hi-svg-icons/HiSizeMedium.js +18 -7
  87. package/hi-svg-icons/HiSizeSmall.js +18 -7
  88. package/hi-svg-icons/HiStore.js +64 -0
  89. package/hi-svg-icons/HiStoreMenu.js +58 -0
  90. package/hi-svg-icons/HiTransaction.js +5 -9
  91. package/hi-svg-icons/HiTransactionMenu.js +46 -0
  92. package/hi-svg-icons/HiUser.js +5 -9
  93. package/hi-svg-icons/HiVendor.js +5 -9
  94. package/hi-svg-icons/HiWidget.js +5 -9
  95. package/hi-svg-icons/index.js +33 -1
  96. package/hi-svg-images/HiLogo.js +41 -0
  97. package/hi-svg-images/HiLogoWhite.js +41 -0
  98. package/hi-svg-images/index.js +23 -0
  99. package/package.json +2 -2
  100. package/setupTest.js +44 -0
  101. package/styleguide/Wrapper.js +9 -37
  102. package/styles/makeStyles.js +28 -0
  103. package/styles/withStyles.js +28 -0
  104. package/theme.js +7 -9
  105. package/utils/helpers.js +10 -0
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
6
+
7
+ var _enzyme = _interopRequireDefault(require("enzyme"));
8
+
9
+ var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
10
+
11
+ _enzyme.default.configure({
12
+ adapter: new _enzymeAdapterReact.default()
13
+ });
14
+ /**
15
+ * SETUP JSDOM
16
+ * https://github.com/airbnb/enzyme/blob/master/docs/guides/jsdom.md
17
+ */
18
+
19
+
20
+ var _require = require('jsdom'),
21
+ JSDOM = _require.JSDOM;
22
+
23
+ var jsdom = new JSDOM('<!doctype html><html><body></body></html>');
24
+ var window = jsdom.window;
25
+
26
+ function copyProps(src, target) {
27
+ Object.defineProperties(target, (0, _objectSpread2.default)({}, Object.getOwnPropertyDescriptors(src), {}, Object.getOwnPropertyDescriptors(target)));
28
+ }
29
+
30
+ global.window = window;
31
+ global.document = window.document;
32
+ global.navigator = {
33
+ userAgent: 'node.js'
34
+ };
35
+
36
+ global.requestAnimationFrame = function (callback) {
37
+ return setTimeout(callback, 0);
38
+ };
39
+
40
+ global.cancelAnimationFrame = function (id) {
41
+ clearTimeout(id);
42
+ };
43
+
44
+ copyProps(window, global);
@@ -1,51 +1,23 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
- exports.default = void 0;
11
-
12
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
13
-
14
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
15
-
16
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
-
18
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
8
+ exports.default = Wrapper;
19
9
 
20
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
21
-
22
- var _react = _interopRequireWildcard(require("react"));
10
+ var _react = _interopRequireDefault(require("react"));
23
11
 
24
12
  var _styles = require("@material-ui/core/styles");
25
13
 
26
14
  var _theme = _interopRequireDefault(require("../theme"));
27
15
 
28
- require("../index.css");
29
-
30
- var Wrapper =
31
- /*#__PURE__*/
32
- function (_Component) {
33
- (0, _inherits2.default)(Wrapper, _Component);
34
-
35
- function Wrapper() {
36
- (0, _classCallCheck2.default)(this, Wrapper);
37
- return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Wrapper).apply(this, arguments));
38
- }
39
-
40
- (0, _createClass2.default)(Wrapper, [{
41
- key: "render",
42
- value: function render() {
43
- return _react.default.createElement(_styles.MuiThemeProvider, {
44
- theme: _theme.default
45
- }, this.props.children);
46
- }
47
- }]);
48
- return Wrapper;
49
- }(_react.Component);
16
+ function Wrapper(_ref) {
17
+ var children = _ref.children;
18
+ return _react.default.createElement(_styles.MuiThemeProvider, {
19
+ theme: _theme.default
20
+ }, children);
21
+ }
50
22
 
51
- exports.default = Wrapper;
23
+ ;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _styles = require("@material-ui/core/styles");
13
+
14
+ var _theme = _interopRequireDefault(require("../theme"));
15
+
16
+ /**
17
+ * Override makeStyles hook to use HMUI theme as default
18
+ * @param createStyles
19
+ * @param options
20
+ * @returns {StylesHook<Styles<Theme, {}, string>>}
21
+ */
22
+ var _default = function _default(createStyles, options) {
23
+ return (0, _styles.makeStyles)(createStyles, (0, _objectSpread2.default)({
24
+ defaultTheme: _theme.default
25
+ }, options));
26
+ };
27
+
28
+ exports.default = _default;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
12
+ var _styles = require("@material-ui/core/styles");
13
+
14
+ var _theme = _interopRequireDefault(require("../theme"));
15
+
16
+ /**
17
+ * Override makeStyles hook to use HMUI theme as default
18
+ * @param createStyles
19
+ * @param options
20
+ * @returns {StylesHook<Styles<Theme, {}, string>>}
21
+ */
22
+ var _default = function _default(styles, options) {
23
+ return (0, _styles.withStyles)(styles, (0, _objectSpread2.default)({
24
+ defaultTheme: _theme.default
25
+ }, options));
26
+ };
27
+
28
+ exports.default = _default;
package/es/theme.js CHANGED
@@ -5,18 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _require = require('@material-ui/core/styles'),
9
- createMuiTheme = _require.createMuiTheme;
8
+ var _styles = require("@material-ui/core/styles");
10
9
 
11
- var _require2 = require("./theme/palette"),
12
- palette = _require2.palette;
10
+ var _palette = require("./theme/palette");
13
11
 
14
- var _require3 = require("./theme/typography"),
15
- typography = _require3.typography;
12
+ var _typography = require("./theme/typography");
16
13
 
17
- var _default = createMuiTheme({
18
- palette: palette,
19
- typography: typography
14
+ var _default = (0, _styles.createMuiTheme)({
15
+ palette: _palette.palette,
16
+ typography: _typography.typography,
17
+ spacing: 4
20
18
  });
21
19
 
22
20
  exports.default = _default;
@@ -18,6 +18,7 @@ exports.formatCurrencyAmount = formatCurrencyAmount;
18
18
  exports.formatRate = formatRate;
19
19
  exports.getNextItemSelectable = getNextItemSelectable;
20
20
  exports.foldAccents = foldAccents;
21
+ exports.uniqueId = uniqueId;
21
22
 
22
23
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
23
24
 
@@ -332,4 +333,13 @@ function foldAccents(toFold) {
332
333
  if (star) return '\\*';
333
334
  return str;
334
335
  });
336
+ }
337
+ /**
338
+ * Generate a unique ID
339
+ * @returns {string}
340
+ */
341
+
342
+
343
+ function uniqueId() {
344
+ return '_' + Math.random().toString(36).substr(2, 9);
335
345
  }
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiAccount = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiAccount = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiAccount.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiAccount);
55
-
51
+ var _default = HiAccount;
56
52
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiActivity = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -48,10 +49,5 @@ var HiActivity = (0, _pure.default)(function (props) {
48
49
  }))));
49
50
  });
50
51
  HiActivity.muiName = 'SvgIcon';
51
-
52
- var _default = (0, _styles.withStyles)({}, {
53
- hiComponent: true,
54
- withTheme: true
55
- })(HiActivity);
56
-
52
+ var _default = HiActivity;
57
53
  exports.default = _default;
@@ -17,10 +17,10 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  var _ref = _react.default.createElement("path", {
25
25
  fill: "none",
26
26
  d: "M-1714-3832h36v39h-36z"
@@ -30,8 +30,9 @@ var _ref = _react.default.createElement("path", {
30
30
  * @ignore - internal component.
31
31
  */
32
32
  var HiAll = (0, _pure.default)(function (props) {
33
+ var theme = (0, _styles.useTheme)();
33
34
  var _props$color = props.color,
34
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
35
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
35
36
  style = props.style,
36
37
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
37
38
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -55,10 +56,5 @@ var HiAll = (0, _pure.default)(function (props) {
55
56
  }), _ref)));
56
57
  });
57
58
  HiAll.muiName = 'SvgIcon';
58
-
59
- var _default = (0, _styles.withStyles)({}, {
60
- hiComponent: true,
61
- withTheme: true
62
- })(HiAll);
63
-
59
+ var _default = HiAll;
64
60
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiBilling = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiBilling = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiBilling.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiBilling);
55
-
51
+ var _default = HiBilling;
56
52
  exports.default = _default;
@@ -15,13 +15,19 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
15
15
 
16
16
  var _react = _interopRequireDefault(require("react"));
17
17
 
18
+ var _pure = _interopRequireDefault(require("recompose/pure"));
19
+
18
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
19
21
 
20
- var _index = require("@material-ui/core/styles/index");
22
+ var _styles = require("@material-ui/core/styles");
21
23
 
22
- var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
24
+ /**
25
+ * @ignore - internal component.
26
+ */
27
+ var HiBriefcaseRescue = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
23
29
  var _props$color = props.color,
24
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
25
31
  style = props.style,
26
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
27
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -29,17 +35,13 @@ var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
29
35
  fontSize: props.size || 24
30
36
  })
31
37
  }, other), _react.default.createElement("svg", {
32
- viewBox: "0 0 540 486"
38
+ viewBox: "0 0 540 540"
33
39
  }, _react.default.createElement("path", {
34
40
  // eslint-disable-next-line max-len
35
- d: "M486 108H378V27a27 27 0 0 0-27-27H189a27 27 0 0 0-27 27v81H54a54.06 54.06 0 0 0-54 54v270a54.06 54.06 0 0 0 54 54h432a54.06 54.06 0 0 0 54-54V162a54.06 54.06 0 0 0-54-54zM216 54h108v54H216zm162 270h-81v81h-54v-81h-81v-54h81v-81h54v81h81z",
41
+ d: "M540 108H378V27a27 27 0 0 0-27-27H189a27 27 0 0 0-27 27v81H54a54.06 54.06 0 0 0-54 54v270a54.06 54.06 0 0 0 54 54h432a54.06 54.06 0 0 0 54-54V162a54.06 54.06 0 0 0-54-54zM216 54h108v54H216zm162 270h-81v81h-54v-81h-81v-54h81v-81h54v81h81z",
36
42
  fill: color
37
43
  })));
38
- };
39
-
40
- var _default = (0, _index.withStyles)({}, {
41
- hiComponent: true,
42
- withTheme: true
43
- })(HiBriefcaseRescue);
44
-
44
+ });
45
+ HiBriefcaseRescue.muiName = 'SvgIcon';
46
+ var _default = HiBriefcaseRescue;
45
47
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiCatalog = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiCatalog = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiCatalog.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiCatalog);
55
-
51
+ var _default = HiCatalog;
56
52
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiCustomer = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiCustomer = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiCustomer.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiCustomer);
55
-
51
+ var _default = HiCustomer;
56
52
  exports.default = _default;
@@ -15,13 +15,16 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
15
15
 
16
16
  var _react = _interopRequireDefault(require("react"));
17
17
 
18
+ var _pure = _interopRequireDefault(require("recompose/pure"));
19
+
18
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
19
21
 
20
22
  var _styles = require("@material-ui/core/styles");
21
23
 
22
- var HiDownload = function HiDownload(props) {
24
+ var HiDownload = (0, _pure.default)(function (props) {
25
+ var theme = (0, _styles.useTheme)();
23
26
  var _props$color = props.color,
24
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
27
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
25
28
  style = props.style,
26
29
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
27
30
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -34,11 +37,7 @@ var HiDownload = function HiDownload(props) {
34
37
  fill: color,
35
38
  d: "M250 0C111.94 0 0 111.94 0 250s111.92 250 250 250 250-111.92 250-250S388.06 0 250 0zm-44.18 210.14V114.8h88.37v95.34h58.68L250 321.14l-102.87-111zM352.87 385.2H147.13v-32h205.74z"
36
39
  })));
37
- };
38
-
39
- var _default = (0, _styles.withStyles)({}, {
40
- hiComponent: true,
41
- withTheme: true
42
- })(HiDownload);
43
-
40
+ });
41
+ HiDownload.muiName = 'SvgIcon';
42
+ var _default = HiDownload;
44
43
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiFinance = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiFinance = (0, _pure.default)(function (props) {
47
48
  })));
48
49
  });
49
50
  HiFinance.muiName = 'SvgIcon';
50
-
51
- var _default = (0, _styles.withStyles)({}, {
52
- hiComponent: true,
53
- withTheme: true
54
- })(HiFinance);
55
-
51
+ var _default = HiFinance;
56
52
  exports.default = _default;
@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _pure = _interopRequireDefault(require("recompose/pure"));
19
19
 
20
- var _styles = require("@material-ui/core/styles");
21
-
22
20
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
23
21
 
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
24
  /**
25
25
  * @ignore - internal component.
26
26
  */
27
27
  var HiIntelligence = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
28
29
  var _props$color = props.color,
29
- color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
30
31
  style = props.style,
31
32
  other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
32
33
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -50,10 +51,5 @@ var HiIntelligence = (0, _pure.default)(function (props) {
50
51
  })));
51
52
  });
52
53
  HiIntelligence.muiName = 'SvgIcon';
53
-
54
- var _default = (0, _styles.withStyles)({}, {
55
- hiComponent: true,
56
- withTheme: true
57
- })(HiIntelligence);
58
-
54
+ var _default = HiIntelligence;
59
55
  exports.default = _default;
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
+
12
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
13
+
14
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
15
+
16
+ var _react = _interopRequireDefault(require("react"));
17
+
18
+ var _pure = _interopRequireDefault(require("recompose/pure"));
19
+
20
+ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
21
+
22
+ var _styles = require("@material-ui/core/styles");
23
+
24
+ /**
25
+ * @ignore - internal component.
26
+ */
27
+ var HiIntelligenceMenu = (0, _pure.default)(function (props) {
28
+ var theme = (0, _styles.useTheme)();
29
+ var _props$color = props.color,
30
+ color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
31
+ style = props.style,
32
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
33
+ return _react.default.createElement(_Icon.default, (0, _extends2.default)({
34
+ style: (0, _objectSpread2.default)({}, style, {
35
+ fontSize: props.size || 24
36
+ })
37
+ }, other), _react.default.createElement("svg", {
38
+ viewBox: "0 0 28.35 28.35"
39
+ }, _react.default.createElement("path", {
40
+ d: "M17.45,13.56h3.91a2.35,2.35,0,1,0,2.33-3H23.6a2.27,2.27,0,0,0-2.24,1.73H17.45A3.7,3.7,0,0,0,16.1,10l1.35-2.31h.32a1.79,1.79,0,0,0,1.79-1.79h0a1.83,1.83,0,0,0-1.79-1.8A1.8,1.8,0,0,0,16,5.87h0A1.88,1.88,0,0,0,16.42,7L15.08,9.34a4.15,4.15,0,0,0-1.35-.26,3.91,3.91,0,0,0-2.24.7l-4-4A2.24,2.24,0,0,0,7.77,4.6,2.43,2.43,0,1,0,5.34,7a2.19,2.19,0,0,0,1.15-.32l4,4a3.56,3.56,0,0,0-.64,1.6H6a1.85,1.85,0,1,0,0,1.28H9.89a3.83,3.83,0,0,0,7.56-.07Zm-.26-7.69a.5.5,0,0,1,.5-.51h0a.56.56,0,0,1,.58.51.51.51,0,0,1-.5.52h0a.63.63,0,0,1-.58-.51Zm6.41,6a1.1,1.1,0,0,1,1.09,1.07v0a1,1,0,0,1-1,1.09H23.6a1,1,0,0,1-1.09-1v-.1a1.08,1.08,0,0,1,1.07-1.09ZM4.25,4.59A1.16,1.16,0,1,1,5.4,5.75h0A1.2,1.2,0,0,1,4.25,4.59Zm-.51,8.33a.58.58,0,0,1,1.15,0,.58.58,0,0,1-.57.58h0a.62.62,0,0,1-.58-.58Zm7.37,0a2.56,2.56,0,1,1,2.56,2.57h0a2.57,2.57,0,0,1-2.56-2.57Z",
41
+ fill: color
42
+ }), _react.default.createElement("path", {
43
+ d: "M19.24,23.81a2.37,2.37,0,0,0-2.36-2.37h0l-1.22-4.16a.7.7,0,0,0-.76-.45.63.63,0,0,0-.45.64v.19l1.21,4.17a2.42,2.42,0,0,0-1.08,2,2.35,2.35,0,0,0,2.36,2.37h0a2.3,2.3,0,0,0,2.3-2.31Zm-3.4,0a1.1,1.1,0,0,1,1.07-1.09h0a1.09,1.09,0,1,1,0,2.18h0a1.08,1.08,0,0,1-1.09-1.07Z",
44
+ fill: color
45
+ })));
46
+ });
47
+ HiIntelligenceMenu.muiName = 'SvgIcon';
48
+ var _default = HiIntelligenceMenu;
49
+ exports.default = _default;