@hipay/hipay-material-ui 2.3.1 → 2.3.3

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 (41) hide show
  1. package/HiCell/CellDate.js +2 -4
  2. package/HiDatePicker/HiDatePicker.js +3 -4
  3. package/HiDatePicker/HiDateRangePicker.js +34 -38
  4. package/HiDatePicker/HiDateRangeSelector.js +24 -43
  5. package/HiIcon/HiIcon.js +6 -2
  6. package/es/HiCell/CellDate.js +2 -4
  7. package/es/HiDatePicker/HiDatePicker.js +3 -4
  8. package/es/HiDatePicker/HiDateRangePicker.js +34 -38
  9. package/es/HiDatePicker/HiDateRangeSelector.js +24 -43
  10. package/es/HiIcon/HiIcon.js +6 -2
  11. package/es/hi-svg-icons/HiAccount.js +3 -2
  12. package/es/hi-svg-icons/HiActivity.js +3 -2
  13. package/es/hi-svg-icons/HiAll.js +3 -2
  14. package/es/hi-svg-icons/HiBilling.js +3 -2
  15. package/es/hi-svg-icons/HiBriefcaseRescue.js +3 -2
  16. package/es/hi-svg-icons/HiCatalog.js +3 -2
  17. package/es/hi-svg-icons/HiCustomer.js +3 -2
  18. package/es/hi-svg-icons/HiDownload.js +12 -4
  19. package/es/hi-svg-icons/HiFinance.js +3 -2
  20. package/es/hi-svg-icons/HiPermission.js +3 -2
  21. package/es/hi-svg-icons/HiRoute.js +3 -2
  22. package/es/hi-svg-icons/HiSettlement.js +3 -2
  23. package/es/hi-svg-icons/HiTransaction.js +3 -2
  24. package/es/hi-svg-icons/HiUser.js +3 -2
  25. package/es/hi-svg-icons/HiWidget.js +3 -2
  26. package/hi-svg-icons/HiAccount.js +3 -2
  27. package/hi-svg-icons/HiActivity.js +3 -2
  28. package/hi-svg-icons/HiAll.js +3 -2
  29. package/hi-svg-icons/HiBilling.js +3 -2
  30. package/hi-svg-icons/HiBriefcaseRescue.js +3 -2
  31. package/hi-svg-icons/HiCatalog.js +3 -2
  32. package/hi-svg-icons/HiCustomer.js +3 -2
  33. package/hi-svg-icons/HiDownload.js +12 -4
  34. package/hi-svg-icons/HiFinance.js +3 -2
  35. package/hi-svg-icons/HiPermission.js +3 -2
  36. package/hi-svg-icons/HiRoute.js +3 -2
  37. package/hi-svg-icons/HiSettlement.js +3 -2
  38. package/hi-svg-icons/HiTransaction.js +3 -2
  39. package/hi-svg-icons/HiUser.js +3 -2
  40. package/hi-svg-icons/HiWidget.js +3 -2
  41. package/package.json +5 -4
@@ -89,87 +89,81 @@ function yearAndQuarter(format, date, t) {
89
89
  return indexY < indexM ? date.format("".concat(split[indexY]).concat(s, "[").concat(t.short_quarter, "]Q")) : date.format("[".concat(t.short_quarter, "]Q").concat(s).concat(split[indexY]));
90
90
  }
91
91
 
92
- function buildDateRangeOptionByKey(key, t, format, timezoneName) {
92
+ function buildDateRangeOptionByKey(key, t, format) {
93
93
  var from;
94
94
  var label;
95
95
  var info;
96
96
  var to;
97
97
  var type;
98
98
 
99
- _momentTimezone.default.updateLocale('en', {
100
- week: {
101
- dow: 1
102
- }
103
- });
104
-
105
99
  switch (key) {
106
100
  case 'custom':
107
101
  label = t.custom_period;
108
- from = (0, _momentTimezone.default)().tz(timezoneName).subtract(15, 'day').startOf('day');
109
- to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
102
+ from = (0, _momentTimezone.default)().subtract(15, 'day').startOf('day');
103
+ to = (0, _momentTimezone.default)().endOf('day');
110
104
  type = 'primary-highlight';
111
105
  break;
112
106
 
113
107
  case 'cd':
114
108
  label = t.today;
115
- from = (0, _momentTimezone.default)().tz(timezoneName).startOf('day');
116
- to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
109
+ from = (0, _momentTimezone.default)().startOf('day');
110
+ to = (0, _momentTimezone.default)().endOf('day');
117
111
  info = "".concat(from.format(format));
118
112
  break;
119
113
 
120
114
  case 'pd':
121
115
  label = t.yesterday;
122
- from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').startOf('day');
123
- to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').endOf('day');
116
+ from = (0, _momentTimezone.default)().subtract(1, 'day').startOf('day');
117
+ to = (0, _momentTimezone.default)().subtract(1, 'day').endOf('day');
124
118
  info = "".concat(from.format(format));
125
119
  break;
126
120
 
127
121
  case 'cw':
128
122
  label = t.current_week;
129
- from = (0, _momentTimezone.default)().tz(timezoneName).startOf('week');
130
- to = (0, _momentTimezone.default)().tz(timezoneName);
123
+ from = (0, _momentTimezone.default)().startOf('week');
124
+ to = (0, _momentTimezone.default)();
131
125
  info = "".concat(t.short_week).concat(from.format('w'), ", \n ").concat(from.format(format), " ").concat(t.to_now);
132
126
  break;
133
127
 
134
128
  case 'pw':
135
129
  label = t.previous_week;
136
- from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').startOf('week');
137
- to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').endOf('week');
130
+ from = (0, _momentTimezone.default)().subtract(1, 'week').startOf('week');
131
+ to = (0, _momentTimezone.default)().subtract(1, 'week').endOf('week');
138
132
  info = "".concat(t.short_week).concat(from.format('w'), ", ").concat(from.format(format), " ").concat(t.to, " ").concat(to.format(format));
139
133
  break;
140
134
 
141
135
  case 'cm':
142
136
  label = t.current_month;
143
- from = (0, _momentTimezone.default)().tz(timezoneName).startOf('month');
144
- to = (0, _momentTimezone.default)().tz(timezoneName);
137
+ from = (0, _momentTimezone.default)().startOf('month');
138
+ to = (0, _momentTimezone.default)();
145
139
  info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
146
140
  break;
147
141
 
148
142
  case 'pm':
149
143
  label = t.previous_month;
150
- from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').startOf('month');
151
- to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').endOf('month');
144
+ from = (0, _momentTimezone.default)().subtract(1, 'month').startOf('month');
145
+ to = (0, _momentTimezone.default)().subtract(1, 'month').endOf('month');
152
146
  info = "".concat(yearAndMonth(format, from), ", ").concat(from.daysInMonth(), " ").concat(t.days);
153
147
  break;
154
148
 
155
149
  case 'cq':
156
150
  label = t.current_quarter;
157
- from = (0, _momentTimezone.default)().tz(timezoneName).startOf('quarter');
158
- to = (0, _momentTimezone.default)().tz(timezoneName);
151
+ from = (0, _momentTimezone.default)().startOf('quarter');
152
+ to = (0, _momentTimezone.default)();
159
153
  info = "".concat(yearAndQuarter(format, from, t), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
160
154
  break;
161
155
 
162
156
  case 'pq':
163
157
  label = t.previous_quarter;
164
- from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').startOf('quarter');
165
- to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').endOf('quarter');
158
+ from = (0, _momentTimezone.default)().subtract(1, 'quarter').startOf('quarter');
159
+ to = (0, _momentTimezone.default)().subtract(1, 'quarter').endOf('quarter');
166
160
  info = "".concat(yearAndQuarter(format, from, t), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
167
161
  break;
168
162
 
169
163
  case 'cy':
170
164
  label = t.current_year;
171
- from = (0, _momentTimezone.default)().tz(timezoneName).startOf('year');
172
- to = (0, _momentTimezone.default)().tz(timezoneName);
165
+ from = (0, _momentTimezone.default)().startOf('year');
166
+ to = (0, _momentTimezone.default)();
173
167
  info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
174
168
  break;
175
169
 
@@ -268,7 +262,7 @@ function (_React$Component) {
268
262
  };
269
263
 
270
264
  _this.options = props.availableOptionKeys.map(function (key) {
271
- return buildDateRangeOptionByKey(key, props.translations, props.format, props.timezoneName);
265
+ return buildDateRangeOptionByKey(key, props.translations, props.format);
272
266
  });
273
267
  _this.state = {
274
268
  selectedPreset: props.defaultPreset,
@@ -286,18 +280,6 @@ function (_React$Component) {
286
280
  });
287
281
  }
288
282
  }
289
- }, {
290
- key: "componentDidUpdate",
291
- value: function componentDidUpdate(prevProps) {
292
- var _this2 = this;
293
-
294
- if (prevProps.timezoneName !== this.props.timezoneName) {
295
- this.options = this.props.availableOptionKeys.map(function (key) {
296
- return buildDateRangeOptionByKey(key, _this2.props.translations, _this2.props.format, _this2.props.timezoneName);
297
- });
298
- this.updateDates(this.state.selectedPreset);
299
- }
300
- }
301
283
  }, {
302
284
  key: "componentWillUnmount",
303
285
  value: function componentWillUnmount() {
@@ -324,7 +306,7 @@ function (_React$Component) {
324
306
  }, {
325
307
  key: "render",
326
308
  value: function render() {
327
- var _this3 = this;
309
+ var _this2 = this;
328
310
 
329
311
  var _this$props = this.props,
330
312
  disabled = _this$props.disabled,
@@ -369,7 +351,7 @@ function (_React$Component) {
369
351
  flexDirection: 'column'
370
352
  } : {},
371
353
  ref: function ref(container) {
372
- _this3.container = container;
354
+ _this2.container = container;
373
355
  }
374
356
  }, _react.default.createElement("div", {
375
357
  className: classes.select,
@@ -444,7 +426,6 @@ HiDateRangeSelector.defaultProps = {
444
426
  format: 'YYYY-DD-MM',
445
427
  minimumDate: new Date(2013, 4, 1),
446
428
  // by default 1 May 2013
447
- timezoneName: 'Europe/Paris',
448
429
  translations: {
449
430
  today: 'Today',
450
431
  hour: 'Hour',
@@ -46,7 +46,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
46
46
  });
47
47
  exports.useStyles = useStyles;
48
48
 
49
- function HiIcon(props) {
49
+ var HiIcon = _react.default.forwardRef(function (props, ref) {
50
50
  var children = props.children,
51
51
  className = props.className,
52
52
  icon = props.icon,
@@ -60,6 +60,7 @@ function HiIcon(props) {
60
60
 
61
61
  if (iconName && iconName.indexOf('fa-') === 0) {
62
62
  return _react.default.createElement("i", (0, _extends2.default)({
63
+ ref: ref,
63
64
  className: (0, _classnames.default)('fa', iconName, className, classes.root),
64
65
  style: {
65
66
  fontSize: size
@@ -71,6 +72,7 @@ function HiIcon(props) {
71
72
  if (iconName && iconName.indexOf('hi_') === 0) {
72
73
  var IconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
73
74
  return _react.default.createElement(IconName, (0, _extends2.default)({
75
+ ref: ref,
74
76
  className: (0, _classnames.default)(classes.root, className),
75
77
  color: color,
76
78
  size: size
@@ -87,6 +89,7 @@ function HiIcon(props) {
87
89
  if (iconName && iconName.indexOf('mdi_') === 0) {
88
90
  var _IconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
89
91
  return _react.default.createElement(_IconName, (0, _extends2.default)({
92
+ ref: ref,
90
93
  className: (0, _classnames.default)(classes.root, className),
91
94
  color: color,
92
95
  style: {
@@ -97,13 +100,14 @@ function HiIcon(props) {
97
100
 
98
101
 
99
102
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
103
+ ref: ref,
100
104
  className: (0, _classnames.default)(classes.root, className),
101
105
  color: color,
102
106
  style: {
103
107
  fontSize: size
104
108
  }
105
109
  }, other), iconName);
106
- }
110
+ });
107
111
 
108
112
  HiIcon.defaultProps = {
109
113
  color: 'neutral',
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiAccount = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiActivity = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -32,9 +32,10 @@ var _ref = _react.default.createElement("path", {
32
32
  var HiAll = (0, _pure.default)(function (props) {
33
33
  var _props$color = props.color,
34
34
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
35
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
35
+ style = props.style,
36
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
36
37
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
37
- style: (0, _objectSpread2.default)({}, props.style, {
38
+ style: (0, _objectSpread2.default)({}, style, {
38
39
  fontSize: props.size || 24
39
40
  })
40
41
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiBilling = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -22,9 +22,10 @@ var _index = require("@material-ui/core/styles/index");
22
22
  var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
23
23
  var _props$color = props.color,
24
24
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
25
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
25
+ style = props.style,
26
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
26
27
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
27
- style: (0, _objectSpread2.default)({}, props.style, {
28
+ style: (0, _objectSpread2.default)({}, style, {
28
29
  fontSize: props.size || 24
29
30
  })
30
31
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiCatalog = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiCustomer = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -17,11 +17,15 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
19
19
 
20
+ var _styles = require("@material-ui/core/styles");
21
+
20
22
  var HiDownload = function HiDownload(props) {
21
- var color = props.color,
22
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
23
+ var _props$color = props.color,
24
+ color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
25
+ style = props.style,
26
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
23
27
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
24
- style: (0, _objectSpread2.default)({}, props.style, {
28
+ style: (0, _objectSpread2.default)({}, style, {
25
29
  fontSize: props.size || 24
26
30
  })
27
31
  }, other), _react.default.createElement("svg", {
@@ -32,5 +36,9 @@ var HiDownload = function HiDownload(props) {
32
36
  })));
33
37
  };
34
38
 
35
- var _default = HiDownload;
39
+ var _default = (0, _styles.withStyles)({}, {
40
+ hiComponent: true,
41
+ withTheme: true
42
+ })(HiDownload);
43
+
36
44
  exports.default = _default;
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiFinance = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiPermission = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiRoute = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiSettlement = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiTransaction = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiUser = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -32,9 +32,10 @@ var _ref = _react.default.createElement("path", {
32
32
  var HiWidget = (0, _pure.default)(function (props) {
33
33
  var _props$color = props.color,
34
34
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
35
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
35
+ style = props.style,
36
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
36
37
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
37
- style: (0, _objectSpread2.default)({}, props.style, {
38
+ style: (0, _objectSpread2.default)({}, style, {
38
39
  fontSize: props.size || 24
39
40
  })
40
41
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiAccount = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiActivity = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -32,9 +32,10 @@ var _ref = _react.default.createElement("path", {
32
32
  var HiAll = (0, _pure.default)(function (props) {
33
33
  var _props$color = props.color,
34
34
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
35
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
35
+ style = props.style,
36
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
36
37
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
37
- style: (0, _objectSpread2.default)({}, props.style, {
38
+ style: (0, _objectSpread2.default)({}, style, {
38
39
  fontSize: props.size || 24
39
40
  })
40
41
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiBilling = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -22,9 +22,10 @@ var _index = require("@material-ui/core/styles/index");
22
22
  var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
23
23
  var _props$color = props.color,
24
24
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
25
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
25
+ style = props.style,
26
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
26
27
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
27
- style: (0, _objectSpread2.default)({}, props.style, {
28
+ style: (0, _objectSpread2.default)({}, style, {
28
29
  fontSize: props.size || 24
29
30
  })
30
31
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiCatalog = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiCustomer = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -17,11 +17,15 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
19
19
 
20
+ var _styles = require("@material-ui/core/styles");
21
+
20
22
  var HiDownload = function HiDownload(props) {
21
- var color = props.color,
22
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
23
+ var _props$color = props.color,
24
+ color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
25
+ style = props.style,
26
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
23
27
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
24
- style: (0, _objectSpread2.default)({}, props.style, {
28
+ style: (0, _objectSpread2.default)({}, style, {
25
29
  fontSize: props.size || 24
26
30
  })
27
31
  }, other), _react.default.createElement("svg", {
@@ -32,5 +36,9 @@ var HiDownload = function HiDownload(props) {
32
36
  })));
33
37
  };
34
38
 
35
- var _default = HiDownload;
39
+ var _default = (0, _styles.withStyles)({}, {
40
+ hiComponent: true,
41
+ withTheme: true
42
+ })(HiDownload);
43
+
36
44
  exports.default = _default;
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiFinance = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiPermission = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiRoute = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {
@@ -27,9 +27,10 @@ var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
27
27
  var HiSettlement = (0, _pure.default)(function (props) {
28
28
  var _props$color = props.color,
29
29
  color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
30
- other = (0, _objectWithoutProperties2.default)(props, ["color"]);
30
+ style = props.style,
31
+ other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
31
32
  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
32
- style: (0, _objectSpread2.default)({}, props.style, {
33
+ style: (0, _objectSpread2.default)({}, style, {
33
34
  fontSize: props.size || 24
34
35
  })
35
36
  }, other), _react.default.createElement("svg", {