@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.
- package/HiCell/CellDate.js +2 -4
- package/HiDatePicker/HiDatePicker.js +3 -4
- package/HiDatePicker/HiDateRangePicker.js +34 -38
- package/HiDatePicker/HiDateRangeSelector.js +24 -43
- package/HiIcon/HiIcon.js +6 -2
- package/es/HiCell/CellDate.js +2 -4
- package/es/HiDatePicker/HiDatePicker.js +3 -4
- package/es/HiDatePicker/HiDateRangePicker.js +34 -38
- package/es/HiDatePicker/HiDateRangeSelector.js +24 -43
- package/es/HiIcon/HiIcon.js +6 -2
- package/es/hi-svg-icons/HiAccount.js +3 -2
- package/es/hi-svg-icons/HiActivity.js +3 -2
- package/es/hi-svg-icons/HiAll.js +3 -2
- package/es/hi-svg-icons/HiBilling.js +3 -2
- package/es/hi-svg-icons/HiBriefcaseRescue.js +3 -2
- package/es/hi-svg-icons/HiCatalog.js +3 -2
- package/es/hi-svg-icons/HiCustomer.js +3 -2
- package/es/hi-svg-icons/HiDownload.js +12 -4
- package/es/hi-svg-icons/HiFinance.js +3 -2
- package/es/hi-svg-icons/HiPermission.js +3 -2
- package/es/hi-svg-icons/HiRoute.js +3 -2
- package/es/hi-svg-icons/HiSettlement.js +3 -2
- package/es/hi-svg-icons/HiTransaction.js +3 -2
- package/es/hi-svg-icons/HiUser.js +3 -2
- package/es/hi-svg-icons/HiWidget.js +3 -2
- package/hi-svg-icons/HiAccount.js +3 -2
- package/hi-svg-icons/HiActivity.js +3 -2
- package/hi-svg-icons/HiAll.js +3 -2
- package/hi-svg-icons/HiBilling.js +3 -2
- package/hi-svg-icons/HiBriefcaseRescue.js +3 -2
- package/hi-svg-icons/HiCatalog.js +3 -2
- package/hi-svg-icons/HiCustomer.js +3 -2
- package/hi-svg-icons/HiDownload.js +12 -4
- package/hi-svg-icons/HiFinance.js +3 -2
- package/hi-svg-icons/HiPermission.js +3 -2
- package/hi-svg-icons/HiRoute.js +3 -2
- package/hi-svg-icons/HiSettlement.js +3 -2
- package/hi-svg-icons/HiTransaction.js +3 -2
- package/hi-svg-icons/HiUser.js +3 -2
- package/hi-svg-icons/HiWidget.js +3 -2
- 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
|
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)().
|
109
|
-
to = (0, _momentTimezone.default)().
|
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)().
|
116
|
-
to = (0, _momentTimezone.default)().
|
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)().
|
123
|
-
to = (0, _momentTimezone.default)().
|
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)().
|
130
|
-
to = (0, _momentTimezone.default)()
|
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)().
|
137
|
-
to = (0, _momentTimezone.default)().
|
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)().
|
144
|
-
to = (0, _momentTimezone.default)()
|
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)().
|
151
|
-
to = (0, _momentTimezone.default)().
|
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)().
|
158
|
-
to = (0, _momentTimezone.default)()
|
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)().
|
165
|
-
to = (0, _momentTimezone.default)().
|
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)().
|
172
|
-
to = (0, _momentTimezone.default)()
|
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
|
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
|
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
|
-
|
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',
|
package/es/HiIcon/HiIcon.js
CHANGED
@@ -46,7 +46,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
46
46
|
});
|
47
47
|
exports.useStyles = useStyles;
|
48
48
|
|
49
|
-
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
33
34
|
fontSize: props.size || 24
|
34
35
|
})
|
35
36
|
}, other), _react.default.createElement("svg", {
|
package/es/hi-svg-icons/HiAll.js
CHANGED
@@ -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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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 =
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
33
34
|
fontSize: props.size || 24
|
34
35
|
})
|
35
36
|
}, other), _react.default.createElement("svg", {
|
package/hi-svg-icons/HiAll.js
CHANGED
@@ -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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
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 =
|
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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
33
34
|
fontSize: props.size || 24
|
34
35
|
})
|
35
36
|
}, other), _react.default.createElement("svg", {
|
package/hi-svg-icons/HiRoute.js
CHANGED
@@ -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
|
-
|
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)({},
|
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
|
-
|
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)({},
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
33
34
|
fontSize: props.size || 24
|
34
35
|
})
|
35
36
|
}, other), _react.default.createElement("svg", {
|