@hipay/hipay-material-ui 2.3.4 → 3.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/HiChip/HiChip.js +1 -0
- package/HiDatePicker/HiDateRangeSelector.js +181 -46
- package/HiDatePicker/stylesheet.js +1 -2
- package/HiExpansionPanel/HiExpansionPanel.js +63 -98
- package/HiForm/HiFormControl.js +8 -8
- package/HiIcon/HiIcon.js +58 -54
- package/HiPaymentMeans/HiPaymentMeans.js +8 -5
- package/HiPin/HiPin.js +12 -20
- package/HiSelect/HiSelect.js +44 -10
- package/HiSelectableList/HiSelectableListItem.js +38 -24
- package/HiSwitch/HiSwitch.js +4 -1
- package/es/HiChip/HiChip.js +1 -0
- package/es/HiDatePicker/HiDateRangeSelector.js +181 -46
- package/es/HiDatePicker/stylesheet.js +1 -2
- package/es/HiExpansionPanel/HiExpansionPanel.js +63 -98
- package/es/HiForm/HiFormControl.js +8 -8
- package/es/HiIcon/HiIcon.js +58 -54
- package/es/HiPaymentMeans/HiPaymentMeans.js +8 -5
- package/es/HiPin/HiPin.js +12 -20
- package/es/HiSelect/HiSelect.js +44 -10
- package/es/HiSelectableList/HiSelectableListItem.js +38 -24
- package/es/HiSwitch/HiSwitch.js +4 -1
- package/es/hi-svg-icons/HiAccount.js +8 -11
- package/es/hi-svg-icons/HiBilling.js +8 -11
- package/es/hi-svg-icons/HiCatalog.js +8 -11
- package/es/hi-svg-icons/HiCustomer.js +8 -11
- package/es/hi-svg-icons/HiFinance.js +8 -11
- package/es/hi-svg-icons/HiIntelligence.js +59 -0
- package/es/hi-svg-icons/HiOrder.js +74 -0
- package/es/hi-svg-icons/HiPaymentOrder.js +56 -0
- package/es/hi-svg-icons/HiPriceGrid.js +56 -0
- package/es/hi-svg-icons/HiRoute.js +8 -11
- package/es/hi-svg-icons/HiSettlement.js +8 -11
- package/es/hi-svg-icons/HiTransaction.js +8 -11
- package/es/hi-svg-icons/HiUser.js +8 -11
- package/es/hi-svg-icons/HiVendor.js +56 -0
- package/es/hi-svg-icons/HiWidget.js +8 -16
- package/es/hi-svg-icons/index.js +41 -1
- package/es/setupTest.js +44 -0
- package/es/styleguide/Wrapper.js +9 -37
- package/es/styles/makeStyles.js +28 -0
- package/es/styles/withStyles.js +28 -0
- package/es/theme.js +7 -9
- package/hi-svg-icons/HiAccount.js +8 -11
- package/hi-svg-icons/HiBilling.js +8 -11
- package/hi-svg-icons/HiCatalog.js +8 -11
- package/hi-svg-icons/HiCustomer.js +8 -11
- package/hi-svg-icons/HiFinance.js +8 -11
- package/hi-svg-icons/HiIntelligence.js +59 -0
- package/hi-svg-icons/HiOrder.js +74 -0
- package/hi-svg-icons/HiPaymentOrder.js +56 -0
- package/hi-svg-icons/HiPriceGrid.js +56 -0
- package/hi-svg-icons/HiRoute.js +8 -11
- package/hi-svg-icons/HiSettlement.js +8 -11
- package/hi-svg-icons/HiTransaction.js +8 -11
- package/hi-svg-icons/HiUser.js +8 -11
- package/hi-svg-icons/HiVendor.js +56 -0
- package/hi-svg-icons/HiWidget.js +8 -16
- package/hi-svg-icons/index.js +41 -1
- package/package.json +2 -2
- package/setupTest.js +44 -0
- package/styleguide/Wrapper.js +9 -37
- package/styles/makeStyles.js +28 -0
- package/styles/withStyles.js +28 -0
- package/theme.js +7 -9
@@ -34,20 +34,17 @@ var HiFinance = (0, _pure.default)(function (props) {
|
|
34
34
|
fontSize: props.size || 24
|
35
35
|
})
|
36
36
|
}, other), _react.default.createElement("svg", {
|
37
|
-
viewBox: "0 0
|
38
|
-
}, _react.default.createElement("g", {
|
39
|
-
transform: "translate(-8111 -204)"
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
40
38
|
}, _react.default.createElement("circle", {
|
41
|
-
cx:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
46
44
|
}), _react.default.createElement("path", {
|
47
|
-
|
48
|
-
d: "M8129 209.9c4 0 7.4 1.4 10.1 4.1l-1.5 1.6c-2.3-2.3-5.2-3.5-8.6-3.5-3.4 0-6.3 1.2-8.8 3.6-2.4 2.4-3.6 5.3-3.6 8.8 0 3.4 1.2 6.3 3.6 8.8 2.4 2.4 5.3 3.6 8.8 3.6 3.4 0 6.3-1.2 8.8-3.6 2.4-2.4 3.6-5.3 3.6-8.8 0-.9-.1-1.9-.4-2.8l1.8-1.8c.5 1.4.8 2.9.8 4.6 0 4-1.4 7.5-4.3 10.3-2.9 2.9-6.3 4.3-10.3 4.3-4 0-7.5-1.4-10.3-4.3-2.9-2.9-4.3-6.3-4.3-10.3 0-4 1.4-7.5 4.3-10.3 2.8-2.9 6.3-4.3 10.3-4.3zm12.7 4.8l1.7 1.7-13.5 13.5-.8.7-.8-.7-5.6-5.6 1.7-1.7 4.8 4.9 12.5-12.8z",
|
45
|
+
d: "M14.17,4.42a9.19,9.19,0,0,1,6.75,2.77l-1,1.08a7.76,7.76,0,0,0-5.72-2.35A7.94,7.94,0,0,0,8.34,8.34a7.94,7.94,0,0,0-2.42,5.83A8,8,0,0,0,8.34,20a7.93,7.93,0,0,0,5.83,2.41A8,8,0,0,0,20,20a8,8,0,0,0,2.41-5.84,7.48,7.48,0,0,0-.23-1.87l1.22-1.22a8.78,8.78,0,0,1,.51,3.09,9.36,9.36,0,0,1-2.86,6.89,9.36,9.36,0,0,1-6.89,2.86,9.39,9.39,0,0,1-6.89-2.86,9.4,9.4,0,0,1-2.86-6.89A9.43,9.43,0,0,1,7.28,7.28,9.43,9.43,0,0,1,14.17,4.42Zm8.44,3.19,1.13,1.13-9,9-.57.46-.56-.46L9.86,14,11,12.86l3.18,3.24Z",
|
49
46
|
fill: color
|
50
|
-
})))
|
47
|
+
})));
|
51
48
|
});
|
52
49
|
HiFinance.muiName = 'SvgIcon';
|
53
50
|
|
@@ -0,0 +1,59 @@
|
|
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 _styles = require("@material-ui/core/styles");
|
21
|
+
|
22
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiIntelligence = (0, _pure.default)(function (props) {
|
28
|
+
var _props$color = props.color,
|
29
|
+
color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
|
30
|
+
style = props.style,
|
31
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
32
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
34
|
+
fontSize: props.size || 24
|
35
|
+
})
|
36
|
+
}, other), _react.default.createElement("svg", {
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
38
|
+
}, _react.default.createElement("circle", {
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
44
|
+
}), _react.default.createElement("path", {
|
45
|
+
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",
|
46
|
+
fill: color
|
47
|
+
}), _react.default.createElement("path", {
|
48
|
+
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",
|
49
|
+
fill: color
|
50
|
+
})));
|
51
|
+
});
|
52
|
+
HiIntelligence.muiName = 'SvgIcon';
|
53
|
+
|
54
|
+
var _default = (0, _styles.withStyles)({}, {
|
55
|
+
hiComponent: true,
|
56
|
+
withTheme: true
|
57
|
+
})(HiIntelligence);
|
58
|
+
|
59
|
+
exports.default = _default;
|
@@ -0,0 +1,74 @@
|
|
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 _styles = require("@material-ui/core/styles");
|
21
|
+
|
22
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiOrder = (0, _pure.default)(function (props) {
|
28
|
+
var _props$color = props.color,
|
29
|
+
color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
|
30
|
+
style = props.style,
|
31
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
32
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
34
|
+
fontSize: props.size || 24
|
35
|
+
})
|
36
|
+
}, other), _react.default.createElement("svg", {
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
38
|
+
}, _react.default.createElement("circle", {
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
44
|
+
}), _react.default.createElement("path", {
|
45
|
+
d: "M7.59,23.25a2,2,0,0,1-1.87-1.43L3.89,13.37H3.2v-1.6H7.74l3.91-6.68L13,5.9,9.59,11.77h9.18L15.43,5.89l1.39-.79,3.79,6.67h4.54v1.6h-.69l-1.82,8.4a2,2,0,0,1-1.86,1.48ZM5.53,13.37l1.74,8.06a.37.37,0,0,0,.34.22H20.76a.37.37,0,0,0,.33-.27l1.73-8Z",
|
46
|
+
fill: color
|
47
|
+
}), _react.default.createElement("rect", {
|
48
|
+
fill: color,
|
49
|
+
x: "10.2",
|
50
|
+
y: "14.77",
|
51
|
+
width: "1.6",
|
52
|
+
height: "5.49"
|
53
|
+
}), _react.default.createElement("rect", {
|
54
|
+
fill: color,
|
55
|
+
x: "13.5",
|
56
|
+
y: "14.77",
|
57
|
+
width: "1.6",
|
58
|
+
height: "5.49"
|
59
|
+
}), _react.default.createElement("rect", {
|
60
|
+
fill: color,
|
61
|
+
x: "16.54",
|
62
|
+
y: "14.77",
|
63
|
+
width: "1.6",
|
64
|
+
height: "5.49"
|
65
|
+
})));
|
66
|
+
});
|
67
|
+
HiOrder.muiName = 'SvgIcon';
|
68
|
+
|
69
|
+
var _default = (0, _styles.withStyles)({}, {
|
70
|
+
hiComponent: true,
|
71
|
+
withTheme: true
|
72
|
+
})(HiOrder);
|
73
|
+
|
74
|
+
exports.default = _default;
|
@@ -0,0 +1,56 @@
|
|
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 _styles = require("@material-ui/core/styles");
|
21
|
+
|
22
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiPaymentOrder = (0, _pure.default)(function (props) {
|
28
|
+
var _props$color = props.color,
|
29
|
+
color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
|
30
|
+
style = props.style,
|
31
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
32
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
34
|
+
fontSize: props.size || 24
|
35
|
+
})
|
36
|
+
}, other), _react.default.createElement("svg", {
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
38
|
+
}, _react.default.createElement("circle", {
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
44
|
+
}), _react.default.createElement("path", {
|
45
|
+
d: "M7.42,5.55h13.5V22.8l-1.22-.89-5.53-4.17L8.64,21.91l-1.22.89V5.55Zm1.5,1.5V19.8l4.78-3.61.47-.33.47.33,4.78,3.61V7.05Z",
|
46
|
+
fill: color
|
47
|
+
})));
|
48
|
+
});
|
49
|
+
HiPaymentOrder.muiName = 'SvgIcon';
|
50
|
+
|
51
|
+
var _default = (0, _styles.withStyles)({}, {
|
52
|
+
hiComponent: true,
|
53
|
+
withTheme: true
|
54
|
+
})(HiPaymentOrder);
|
55
|
+
|
56
|
+
exports.default = _default;
|
@@ -0,0 +1,56 @@
|
|
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 _styles = require("@material-ui/core/styles");
|
21
|
+
|
22
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiPriceGrid = (0, _pure.default)(function (props) {
|
28
|
+
var _props$color = props.color,
|
29
|
+
color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
|
30
|
+
style = props.style,
|
31
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
32
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
34
|
+
fontSize: props.size || 24
|
35
|
+
})
|
36
|
+
}, other), _react.default.createElement("svg", {
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
38
|
+
}, _react.default.createElement("circle", {
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
44
|
+
}), _react.default.createElement("path", {
|
45
|
+
d: "M5.2,8.17h9.89l-1.5,1.5H6.7v12h12V14.78l1.5-1.5v9.89H5.2ZM21,5.17a2.09,2.09,0,0,1,1.57.66,2.22,2.22,0,0,1,.63,1.59A2.25,2.25,0,0,1,22.54,9l-7.41,7.4-.18.19h-.24l-2.62.56L11,17.36l.19-1.08.56-2.62v-.24l.19-.18,7.4-7.41A2.17,2.17,0,0,1,21,5.17Zm0,1.5a.72.72,0,0,0-.52.24l-7.26,7.26-.29,1.32,1.32-.29,7.26-7.26a.64.64,0,0,0,0-1A.7.7,0,0,0,21,6.67Z",
|
46
|
+
fill: color
|
47
|
+
})));
|
48
|
+
});
|
49
|
+
HiPriceGrid.muiName = 'SvgIcon';
|
50
|
+
|
51
|
+
var _default = (0, _styles.withStyles)({}, {
|
52
|
+
hiComponent: true,
|
53
|
+
withTheme: true
|
54
|
+
})(HiPriceGrid);
|
55
|
+
|
56
|
+
exports.default = _default;
|
@@ -34,20 +34,17 @@ var HiRoute = (0, _pure.default)(function (props) {
|
|
34
34
|
fontSize: props.size || 24
|
35
35
|
})
|
36
36
|
}, other), _react.default.createElement("svg", {
|
37
|
-
viewBox: "0 0
|
38
|
-
}, _react.default.createElement("g", {
|
39
|
-
transform: "translate(-8111 -157)"
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
40
38
|
}, _react.default.createElement("circle", {
|
41
|
-
cx:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
46
44
|
}), _react.default.createElement("path", {
|
47
|
-
|
48
|
-
d: "M8137.3 163.6l1.5 1.5-4.4 4.5 4 4 4.5-4.4 1.5 1.5-4.4 4.5 2.6 2.5-1.7 1.7-.8-.8-5.8 5.8c-.7.7-1.5 1-2.4 1-1 0-1.8-.3-2.5-1l-2.1-2.1-8.3 8.4-1.7-1.7 8.4-8.3-2.1-2.1c-.7-.7-1-1.5-1-2.5s.3-1.8 1-2.4l5.8-5.8-.8-.8 1.7-1.7 2.5 2.6 4.5-4.4zm-6.3 5.9l-5.8 5.8c-.2.2-.4.5-.4.9s.1.7.4.9l5.7 5.7c.2.2.5.4.9.4s.7-.1.9-.4l5.8-5.8-7.5-7.5z",
|
45
|
+
d: "M18.23,5.57l1,1L16.4,9.4l2.54,2.54,2.85-2.8,1,1L20,13l1.65,1.6-1.07,1.07L20,15.11l-3.65,3.65a2.09,2.09,0,0,1-1.54.63,2.21,2.21,0,0,1-1.58-.63L11.9,17.43,6.64,22.77,5.57,21.71l5.35-5.26L9.58,15.11A2.26,2.26,0,0,1,9,13.53,2.12,2.12,0,0,1,9.58,12l3.66-3.66L12.7,7.8l1.07-1.07,1.61,1.65Zm-4,3.75L10.61,13a.85.85,0,0,0,0,1.16l3.61,3.61a.78.78,0,0,0,.58.22.79.79,0,0,0,.58-.22L19,14.08Z",
|
49
46
|
fill: color
|
50
|
-
})))
|
47
|
+
})));
|
51
48
|
});
|
52
49
|
HiRoute.muiName = 'SvgIcon';
|
53
50
|
|
@@ -34,20 +34,17 @@ var HiSettlement = (0, _pure.default)(function (props) {
|
|
34
34
|
fontSize: props.size || 24
|
35
35
|
})
|
36
36
|
}, other), _react.default.createElement("svg", {
|
37
|
-
viewBox: "0 0
|
38
|
-
}, _react.default.createElement("g", {
|
39
|
-
transform: "translate(-8111 -188)"
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
40
38
|
}, _react.default.createElement("circle", {
|
41
|
-
cx:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
46
44
|
}), _react.default.createElement("path", {
|
47
|
-
|
48
|
-
d: "M8122.5 196.4l1.7 1.7-4.5 4.5-.8.7-.8-.7-2.2-2.2 1.7-1.7 1.4 1.5 3.5-3.8zm0 9l1.7 1.7-4.5 4.5-.8.7-.8-.7-2.2-2.2 1.7-1.7 1.4 1.5 3.5-3.8zm0 9l1.7 1.7-4.5 4.5-.8.7-.8-.7-2.2-2.2 1.7-1.7 1.4 1.5 3.5-3.8zm5.4-16h14.6v2.2h-14.6v-2.2zm0 9h14.6v2.2h-14.6v-2.2zm0 9h14.6v2.2h-14.6v-2.2z",
|
45
|
+
d: "M9.77,5.88,10.89,7l-3,3-.56.47L6.77,10,5.27,8.5,6.39,7.38l.94,1Zm0,6L10.89,13l-3,3-.56.47L6.77,16l-1.5-1.5,1.12-1.12.94,1Zm0,6L10.89,19l-3,3-.56.47L6.77,22l-1.5-1.5,1.12-1.12.94,1ZM13.33,7.19h9.75v1.5H13.33Zm0,6h9.75v1.5H13.33Zm0,6h9.75v1.5H13.33Z",
|
49
46
|
fill: color
|
50
|
-
})))
|
47
|
+
})));
|
51
48
|
});
|
52
49
|
HiSettlement.muiName = 'SvgIcon';
|
53
50
|
|
@@ -34,20 +34,17 @@ var HiTransaction = (0, _pure.default)(function (props) {
|
|
34
34
|
fontSize: props.size || 24
|
35
35
|
})
|
36
36
|
}, other), _react.default.createElement("svg", {
|
37
|
-
viewBox: "0 0
|
38
|
-
}, _react.default.createElement("g", {
|
39
|
-
transform: "translate(-8111 -203)"
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
40
38
|
}, _react.default.createElement("circle", {
|
41
|
-
cx:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
46
44
|
}), _react.default.createElement("path", {
|
47
|
-
|
48
|
-
d: "M8116.6 211.5l2 .8 24.8 10.1 2.5 1.1-2.5 1.1-24.8 10.1-2 .8.4-2.1 2.2-9.8-2.2-9.8-.4-2.3zm3.1 3.7l1.5 7.2h15.9l-17.4-7.2zm1.6 9.4l-1.5 7.2 17.4-7.2h-15.9z",
|
45
|
+
d: "M4.42,6.2l1.32.52,16.5,6.75,1.68.7-1.68.71L5.74,21.63l-1.32.51.28-1.4,1.5-6.57L4.7,7.61ZM6.49,8.64l1,4.78H18.11Zm1,6.28-1,4.78,11.62-4.78Z",
|
49
46
|
fill: color
|
50
|
-
})))
|
47
|
+
})));
|
51
48
|
});
|
52
49
|
HiTransaction.muiName = 'SvgIcon';
|
53
50
|
|
@@ -34,20 +34,17 @@ var HiUser = (0, _pure.default)(function (props) {
|
|
34
34
|
fontSize: props.size || 24
|
35
35
|
})
|
36
36
|
}, other), _react.default.createElement("svg", {
|
37
|
-
viewBox: "0 0
|
38
|
-
}, _react.default.createElement("g", {
|
39
|
-
transform: "translate(1650 3859)"
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
40
38
|
}, _react.default.createElement("circle", {
|
41
|
-
cx:
|
42
|
-
cy:
|
43
|
-
r:
|
44
|
-
|
45
|
-
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
46
44
|
}), _react.default.createElement("path", {
|
47
|
-
|
48
|
-
d: "M-1640.5-3851.9c1.5-1.5 3.4-2.3 5.6-2.3 2.2 0 4 .8 5.6 2.3s2.3 3.4 2.3 5.6c0 1.3-.3 2.6-.9 3.7-.6 1.2-1.5 2.1-2.6 2.8.7.3 1.2.5 1.6.8 1.6-1.1 3.4-1.7 5.3-1.7 2.5 0 4.6.9 6.4 2.6s2.6 3.9 2.6 6.4c0 2.5-.9 4.6-2.6 6.4s-3.9 2.6-6.4 2.6c-2.5 0-4.6-.9-6.4-2.6s-2.6-3.9-2.6-6.4c0-2.1.7-4 2-5.6-1.3-.7-2.7-1.1-4.2-1.1-2.5 0-4.6.9-6.4 2.6s-2.6 3.9-2.6 6.4h-2.2c0-2.3.6-4.4 1.9-6.2 1.3-1.9 2.9-3.2 5-4.1-1.1-.7-1.9-1.6-2.6-2.8-.6-1.2-.9-2.4-.9-3.7-.2-2.3.5-4.2 2.1-5.7zm9.5 1.6c-1.1-1.1-2.4-1.7-4-1.7s-2.9.6-4 1.7-1.7 2.4-1.7 4 .6 2.9 1.7 4 2.4 1.7 4 1.7 2.9-.6 4-1.7 1.7-2.4 1.7-4-.6-2.9-1.7-4zm12.1 13.8c-1.3-1.3-2.9-2-4.8-2s-3.5.7-4.8 2c-1.3 1.3-2 2.9-2 4.8s.7 3.5 2 4.8c1.3 1.3 2.9 2 4.8 2s3.5-.7 4.8-2c1.3-1.3 2-2.9 2-4.8-.1-1.9-.7-3.5-2-4.8zm-5.9.3h2.2v3.4h3.4v2.2h-3.4v3.4h-2.2v-3.4h-3.4v-2.2h3.4v-3.4z",
|
45
|
+
d: "M10.47,7.47a5.2,5.2,0,0,1,7.41,0,5.05,5.05,0,0,1,1.54,3.7,5.17,5.17,0,0,1-.63,2.49,5.05,5.05,0,0,1-1.71,1.87,7.74,7.74,0,0,1,3.33,2.74,7.23,7.23,0,0,1,1.26,4.15h-1.5a6,6,0,0,0-6-6,6,6,0,0,0-6,6H6.67a7.24,7.24,0,0,1,1.27-4.15,7.63,7.63,0,0,1,3.33-2.74,5.27,5.27,0,0,1-2.35-4.36A5.06,5.06,0,0,1,10.47,7.47Zm6.35,1a3.74,3.74,0,0,0-5.3,0,3.74,3.74,0,0,0,0,5.3,3.74,3.74,0,0,0,5.3,0,3.59,3.59,0,0,0,1.1-2.65A3.6,3.6,0,0,0,16.82,8.52Z",
|
49
46
|
fill: color
|
50
|
-
})))
|
47
|
+
})));
|
51
48
|
});
|
52
49
|
HiUser.muiName = 'SvgIcon';
|
53
50
|
|
@@ -0,0 +1,56 @@
|
|
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 _styles = require("@material-ui/core/styles");
|
21
|
+
|
22
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiVendor = (0, _pure.default)(function (props) {
|
28
|
+
var _props$color = props.color,
|
29
|
+
color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
|
30
|
+
style = props.style,
|
31
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
32
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
33
|
+
style: (0, _objectSpread2.default)({}, style, {
|
34
|
+
fontSize: props.size || 24
|
35
|
+
})
|
36
|
+
}, other), _react.default.createElement("svg", {
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
38
|
+
}, _react.default.createElement("circle", {
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
44
|
+
}), _react.default.createElement("path", {
|
45
|
+
d: "M5.64,6.67H7.33A1.41,1.41,0,0,1,8.24,7a1.28,1.28,0,0,1,.5.82l2,7.87h9.38l1.78-6.75h1.59l-2,7.13a1.31,1.31,0,0,1-.5.82,1.46,1.46,0,0,1-.91.3H10.7a1.48,1.48,0,0,1-.91-.3,1.25,1.25,0,0,1-.49-.82l-2-7.88H5.64a.75.75,0,1,1,0-1.5ZM10.8,17.83a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,10.8,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.66.66,0,0,0-.75-.75.75.75,0,0,0,0,1.5A.66.66,0,0,0,13.14,19.42Zm1.5-12.75h1.5V8.92h2.25v1.5H16.14v2.25h-1.5V10.42H12.39V8.92h2.25Zm2.91,11.16a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,17.55,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.75.75,0,1,0-.75.75A.66.66,0,0,0,19.89,19.42Z",
|
46
|
+
fill: color
|
47
|
+
})));
|
48
|
+
});
|
49
|
+
HiVendor.muiName = 'SvgIcon';
|
50
|
+
|
51
|
+
var _default = (0, _styles.withStyles)({}, {
|
52
|
+
hiComponent: true,
|
53
|
+
withTheme: true
|
54
|
+
})(HiVendor);
|
55
|
+
|
56
|
+
exports.default = _default;
|
@@ -21,11 +21,6 @@ var _styles = require("@material-ui/core/styles");
|
|
21
21
|
|
22
22
|
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
23
23
|
|
24
|
-
var _ref = _react.default.createElement("path", {
|
25
|
-
fill: "none",
|
26
|
-
d: "M-1714-3884h36v39h-36z"
|
27
|
-
});
|
28
|
-
|
29
24
|
/**
|
30
25
|
* @ignore - internal component.
|
31
26
|
*/
|
@@ -39,20 +34,17 @@ var HiWidget = (0, _pure.default)(function (props) {
|
|
39
34
|
fontSize: props.size || 24
|
40
35
|
})
|
41
36
|
}, other), _react.default.createElement("svg", {
|
42
|
-
viewBox: "0 0
|
43
|
-
}, _react.default.createElement("g", {
|
44
|
-
transform: "translate(1714 3884)"
|
37
|
+
viewBox: "0 0 28.35 28.35"
|
45
38
|
}, _react.default.createElement("circle", {
|
46
|
-
cx:
|
47
|
-
cy:
|
48
|
-
r:
|
49
|
-
|
50
|
-
|
39
|
+
cx: "11.83",
|
40
|
+
cy: "16.66",
|
41
|
+
r: "9",
|
42
|
+
fill: color,
|
43
|
+
opacity: 0.16
|
51
44
|
}), _react.default.createElement("path", {
|
52
|
-
|
53
|
-
d: "M-1694.5-3879.1l6.5 6.5h3.9c.7 0 1.3.2 1.8.7s.7 1.1.7 1.8v16.8c0 .7-.2 1.3-.7 1.8s-1.1.7-1.8.7h-20.7c-.7 0-1.3-.2-1.8-.7s-.7-1.1-.7-1.8v-16.8c0-.7.2-1.3.7-1.8s1.1-.7 1.8-.7h3.9l6.4-6.5zm-10.4 9v16.8h20.7v-16.8h-20.7zm2.7 6.5v-3.9h6.5v3.9h-6.5zm1.2 7.7v-5.1h6.5v5.1h-6.5zm6.6-20l-3.3 3.3h6.5l-3.2-3.3zm2.5 18.8v-9.1h5.1v9.1h-5.1z",
|
45
|
+
d: "M14.17,5l4.18,4.18h2.5A1.59,1.59,0,0,1,22,9.66a1.55,1.55,0,0,1,.47,1.17V21.69a1.61,1.61,0,0,1-1.64,1.64H7.49a1.55,1.55,0,0,1-1.17-.47,1.59,1.59,0,0,1-.47-1.17V10.83A1.61,1.61,0,0,1,7.49,9.19H10ZM7.49,10.83V21.69H20.85V10.83ZM9.17,15v-2.5h4.18V15ZM10,20V16.69h4.18V20ZM14.21,7.08,12.1,9.19h4.18Zm1.64,12.11V13.33h3.32v5.86Z",
|
54
46
|
fill: color
|
55
|
-
})
|
47
|
+
})));
|
56
48
|
});
|
57
49
|
HiWidget.muiName = 'SvgIcon';
|
58
50
|
|
package/es/hi-svg-icons/index.js
CHANGED
@@ -107,12 +107,42 @@ Object.defineProperty(exports, "HiPermission", {
|
|
107
107
|
return _HiPermission.default;
|
108
108
|
}
|
109
109
|
});
|
110
|
+
Object.defineProperty(exports, "HiPriceGrid", {
|
111
|
+
enumerable: true,
|
112
|
+
get: function get() {
|
113
|
+
return _HiPriceGrid.default;
|
114
|
+
}
|
115
|
+
});
|
110
116
|
Object.defineProperty(exports, "HiDownload", {
|
111
117
|
enumerable: true,
|
112
118
|
get: function get() {
|
113
119
|
return _HiDownload.default;
|
114
120
|
}
|
115
121
|
});
|
122
|
+
Object.defineProperty(exports, "HiIntelligence", {
|
123
|
+
enumerable: true,
|
124
|
+
get: function get() {
|
125
|
+
return _HiIntelligence.default;
|
126
|
+
}
|
127
|
+
});
|
128
|
+
Object.defineProperty(exports, "HiOrder", {
|
129
|
+
enumerable: true,
|
130
|
+
get: function get() {
|
131
|
+
return _HiOrder.default;
|
132
|
+
}
|
133
|
+
});
|
134
|
+
Object.defineProperty(exports, "HiPaymentOrder", {
|
135
|
+
enumerable: true,
|
136
|
+
get: function get() {
|
137
|
+
return _HiPaymentOrder.default;
|
138
|
+
}
|
139
|
+
});
|
140
|
+
Object.defineProperty(exports, "HiVendor", {
|
141
|
+
enumerable: true,
|
142
|
+
get: function get() {
|
143
|
+
return _HiVendor.default;
|
144
|
+
}
|
145
|
+
});
|
116
146
|
|
117
147
|
var _HiAccount = _interopRequireDefault(require("./HiAccount"));
|
118
148
|
|
@@ -148,4 +178,14 @@ var _HiActivity = _interopRequireDefault(require("./HiActivity"));
|
|
148
178
|
|
149
179
|
var _HiPermission = _interopRequireDefault(require("./HiPermission"));
|
150
180
|
|
151
|
-
var
|
181
|
+
var _HiPriceGrid = _interopRequireDefault(require("./HiPriceGrid"));
|
182
|
+
|
183
|
+
var _HiDownload = _interopRequireDefault(require("./HiDownload"));
|
184
|
+
|
185
|
+
var _HiIntelligence = _interopRequireDefault(require("./HiIntelligence"));
|
186
|
+
|
187
|
+
var _HiOrder = _interopRequireDefault(require("./HiOrder"));
|
188
|
+
|
189
|
+
var _HiPaymentOrder = _interopRequireDefault(require("./HiPaymentOrder"));
|
190
|
+
|
191
|
+
var _HiVendor = _interopRequireDefault(require("./HiVendor"));
|
package/es/setupTest.js
ADDED
@@ -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);
|
package/es/styleguide/Wrapper.js
CHANGED
@@ -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 =
|
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
|
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
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
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
|
-
|
23
|
+
;
|