@hipay/hipay-material-ui 3.6.1 → 3.6.3
Sign up to get free protection for your applications and to get access to all the features.
- package/HiCell/CellTextStyled.js +1 -1
- package/HiPagination/HiPagination.js +55 -0
- package/HiPagination/index.js +15 -0
- package/HiSelect/HiSuggestSelect.js +9 -0
- package/HiTable/HiTable.js +7 -36
- package/es/HiCell/CellTextStyled.js +1 -1
- package/es/HiPagination/HiPagination.js +55 -0
- package/es/HiPagination/index.js +15 -0
- package/es/HiSelect/HiSuggestSelect.js +9 -0
- package/es/HiTable/HiTable.js +7 -36
- package/es/hi-svg-icons/HiFinanceMenu.js +46 -0
- package/es/hi-svg-icons/HiRouteMenu.js +46 -0
- package/es/hi-svg-icons/index.js +8 -0
- package/hi-svg-icons/HiFinanceMenu.js +46 -0
- package/hi-svg-icons/HiRouteMenu.js +46 -0
- package/hi-svg-icons/index.js +8 -0
- package/package.json +1 -1
package/HiCell/CellTextStyled.js
CHANGED
@@ -70,7 +70,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
|
|
70
70
|
title = _ref$title === void 0 ? '' : _ref$title,
|
71
71
|
_ref$align = _ref.align,
|
72
72
|
align = _ref$align === void 0 ? 'left' : _ref$align;
|
73
|
-
var valueString = label ? label.toString() : value.toString();
|
73
|
+
var valueString = label ? label.toString() : value ? value.toString() : "";
|
74
74
|
|
75
75
|
if (isButton) {
|
76
76
|
return _react.default.createElement(_HiButton.default, {
|
@@ -0,0 +1,55 @@
|
|
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 _react = _interopRequireDefault(require("react"));
|
13
|
+
|
14
|
+
var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
|
15
|
+
|
16
|
+
var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
|
17
|
+
|
18
|
+
var _styles = require("@material-ui/core/styles");
|
19
|
+
|
20
|
+
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
21
|
+
return {
|
22
|
+
paginationItem: {
|
23
|
+
backgroundColor: "transparent",
|
24
|
+
color: theme.palette.neutral.dark,
|
25
|
+
fontWeight: theme.typography.fontWeightRegular,
|
26
|
+
'&:hover': {
|
27
|
+
backgroundColor: theme.palette.neutral.main,
|
28
|
+
color: theme.palette.neutral.contrastText,
|
29
|
+
fontWeight: theme.typography.fontWeightMedium
|
30
|
+
}
|
31
|
+
},
|
32
|
+
paginationItemActive: {
|
33
|
+
backgroundColor: "".concat(theme.palette.primary.main, " !important"),
|
34
|
+
color: theme.palette.primary.contrastText,
|
35
|
+
fontWeight: theme.typography.fontWeightMedium
|
36
|
+
}
|
37
|
+
};
|
38
|
+
});
|
39
|
+
|
40
|
+
var HiPagination = function HiPagination(props) {
|
41
|
+
var classes = useStyles();
|
42
|
+
return _react.default.createElement(_Pagination.default, (0, _extends2.default)({
|
43
|
+
renderItem: function renderItem(item) {
|
44
|
+
return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
|
45
|
+
classes: {
|
46
|
+
root: classes.paginationItem,
|
47
|
+
selected: classes.paginationItemActive
|
48
|
+
}
|
49
|
+
}, item));
|
50
|
+
}
|
51
|
+
}, props));
|
52
|
+
};
|
53
|
+
|
54
|
+
var _default = HiPagination;
|
55
|
+
exports.default = _default;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
Object.defineProperty(exports, "default", {
|
9
|
+
enumerable: true,
|
10
|
+
get: function get() {
|
11
|
+
return _HiPagination.default;
|
12
|
+
}
|
13
|
+
});
|
14
|
+
|
15
|
+
var _HiPagination = _interopRequireDefault(require("./HiPagination"));
|
@@ -201,6 +201,15 @@ function (_React$PureComponent) {
|
|
201
201
|
if (_this.props.onBlurInput) {
|
202
202
|
_this.props.onBlurInput(event);
|
203
203
|
}
|
204
|
+
} else if (event.relatedTarget && event.relatedTarget.attributes.disabled && _this.overlay && !_this.overlay.contains(event.relatedTarget)) {
|
205
|
+
_this.setState({
|
206
|
+
options: [],
|
207
|
+
suggestionFocusIndex: -1
|
208
|
+
});
|
209
|
+
|
210
|
+
if (_this.textInput) {
|
211
|
+
_this.textInput.focus();
|
212
|
+
}
|
204
213
|
}
|
205
214
|
};
|
206
215
|
|
package/HiTable/HiTable.js
CHANGED
@@ -11,8 +11,6 @@ exports.default = void 0;
|
|
11
11
|
|
12
12
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
13
13
|
|
14
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
15
|
-
|
16
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
17
15
|
|
18
16
|
var _react = _interopRequireWildcard(require("react"));
|
@@ -21,16 +19,14 @@ var _styles = require("@material-ui/core/styles");
|
|
21
19
|
|
22
20
|
var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
|
23
21
|
|
24
|
-
var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
|
25
|
-
|
26
22
|
var _Skeleton = _interopRequireDefault(require("@material-ui/lab/Skeleton"));
|
27
23
|
|
28
|
-
var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
|
29
|
-
|
30
24
|
var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
|
31
25
|
|
32
26
|
var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
|
33
27
|
|
28
|
+
var _HiPagination = _interopRequireDefault(require("../HiPagination"));
|
29
|
+
|
34
30
|
// @inheritedComponent Table
|
35
31
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
36
32
|
return {
|
@@ -42,21 +38,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
42
38
|
flexDirection: 'row-reverse',
|
43
39
|
paddingTop: 2
|
44
40
|
},
|
45
|
-
paginationItem: {
|
46
|
-
backgroundColor: "transparent",
|
47
|
-
color: theme.palette.neutral.dark,
|
48
|
-
fontWeight: theme.typography.fontWeightRegular,
|
49
|
-
'&:hover': {
|
50
|
-
backgroundColor: theme.palette.neutral.main,
|
51
|
-
color: theme.palette.neutral.contrastText,
|
52
|
-
fontWeight: theme.typography.fontWeightMedium
|
53
|
-
}
|
54
|
-
},
|
55
|
-
paginationItemActive: {
|
56
|
-
backgroundColor: "".concat(theme.palette.primary.main, " !important"),
|
57
|
-
color: theme.palette.primary.contrastText,
|
58
|
-
fontWeight: theme.typography.fontWeightMedium
|
59
|
-
},
|
60
41
|
activePage: {
|
61
42
|
backgroundColor: theme.palette.primary.main
|
62
43
|
},
|
@@ -110,15 +91,6 @@ var HiTable = function HiTable(props) {
|
|
110
91
|
}
|
111
92
|
};
|
112
93
|
|
113
|
-
var renderPaginationItem = function renderPaginationItem(item) {
|
114
|
-
return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
|
115
|
-
classes: {
|
116
|
-
root: classes.paginationItem,
|
117
|
-
selected: classes.paginationItemActive
|
118
|
-
}
|
119
|
-
}, item));
|
120
|
-
};
|
121
|
-
|
122
94
|
var displayedData = (0, _react.useMemo)(function () {
|
123
95
|
var _data = (0, _toConsumableArray2.default)(data);
|
124
96
|
|
@@ -218,16 +190,15 @@ var HiTable = function HiTable(props) {
|
|
218
190
|
},
|
219
191
|
variant: "rect",
|
220
192
|
height: 32
|
221
|
-
})), pageCount > 1 && activatePagination && _react.default.createElement(
|
222
|
-
count: pageCount,
|
223
|
-
showFirstButton: pageCount > 10,
|
224
|
-
showLastButton: pageCount > 10,
|
193
|
+
})), pageCount > 1 && activatePagination && _react.default.createElement(_HiPagination.default, {
|
225
194
|
classes: {
|
226
195
|
root: classes.pagination
|
227
196
|
},
|
197
|
+
count: pageCount,
|
198
|
+
showFirstButton: pageCount > 10,
|
199
|
+
showLastButton: pageCount > 10,
|
228
200
|
onChange: handleChangePage,
|
229
|
-
page: page
|
230
|
-
renderItem: renderPaginationItem
|
201
|
+
page: page
|
231
202
|
}));
|
232
203
|
};
|
233
204
|
|
@@ -70,7 +70,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
|
|
70
70
|
title = _ref$title === void 0 ? '' : _ref$title,
|
71
71
|
_ref$align = _ref.align,
|
72
72
|
align = _ref$align === void 0 ? 'left' : _ref$align;
|
73
|
-
var valueString = label ? label.toString() : value.toString();
|
73
|
+
var valueString = label ? label.toString() : value ? value.toString() : "";
|
74
74
|
|
75
75
|
if (isButton) {
|
76
76
|
return _react.default.createElement(_HiButton.default, {
|
@@ -0,0 +1,55 @@
|
|
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 _react = _interopRequireDefault(require("react"));
|
13
|
+
|
14
|
+
var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
|
15
|
+
|
16
|
+
var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
|
17
|
+
|
18
|
+
var _styles = require("@material-ui/core/styles");
|
19
|
+
|
20
|
+
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
21
|
+
return {
|
22
|
+
paginationItem: {
|
23
|
+
backgroundColor: "transparent",
|
24
|
+
color: theme.palette.neutral.dark,
|
25
|
+
fontWeight: theme.typography.fontWeightRegular,
|
26
|
+
'&:hover': {
|
27
|
+
backgroundColor: theme.palette.neutral.main,
|
28
|
+
color: theme.palette.neutral.contrastText,
|
29
|
+
fontWeight: theme.typography.fontWeightMedium
|
30
|
+
}
|
31
|
+
},
|
32
|
+
paginationItemActive: {
|
33
|
+
backgroundColor: "".concat(theme.palette.primary.main, " !important"),
|
34
|
+
color: theme.palette.primary.contrastText,
|
35
|
+
fontWeight: theme.typography.fontWeightMedium
|
36
|
+
}
|
37
|
+
};
|
38
|
+
});
|
39
|
+
|
40
|
+
var HiPagination = function HiPagination(props) {
|
41
|
+
var classes = useStyles();
|
42
|
+
return _react.default.createElement(_Pagination.default, (0, _extends2.default)({
|
43
|
+
renderItem: function renderItem(item) {
|
44
|
+
return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
|
45
|
+
classes: {
|
46
|
+
root: classes.paginationItem,
|
47
|
+
selected: classes.paginationItemActive
|
48
|
+
}
|
49
|
+
}, item));
|
50
|
+
}
|
51
|
+
}, props));
|
52
|
+
};
|
53
|
+
|
54
|
+
var _default = HiPagination;
|
55
|
+
exports.default = _default;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
Object.defineProperty(exports, "default", {
|
9
|
+
enumerable: true,
|
10
|
+
get: function get() {
|
11
|
+
return _HiPagination.default;
|
12
|
+
}
|
13
|
+
});
|
14
|
+
|
15
|
+
var _HiPagination = _interopRequireDefault(require("./HiPagination"));
|
@@ -201,6 +201,15 @@ function (_React$PureComponent) {
|
|
201
201
|
if (_this.props.onBlurInput) {
|
202
202
|
_this.props.onBlurInput(event);
|
203
203
|
}
|
204
|
+
} else if (event.relatedTarget && event.relatedTarget.attributes.disabled && _this.overlay && !_this.overlay.contains(event.relatedTarget)) {
|
205
|
+
_this.setState({
|
206
|
+
options: [],
|
207
|
+
suggestionFocusIndex: -1
|
208
|
+
});
|
209
|
+
|
210
|
+
if (_this.textInput) {
|
211
|
+
_this.textInput.focus();
|
212
|
+
}
|
204
213
|
}
|
205
214
|
};
|
206
215
|
|
package/es/HiTable/HiTable.js
CHANGED
@@ -11,8 +11,6 @@ exports.default = void 0;
|
|
11
11
|
|
12
12
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
13
13
|
|
14
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
15
|
-
|
16
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
17
15
|
|
18
16
|
var _react = _interopRequireWildcard(require("react"));
|
@@ -21,16 +19,14 @@ var _styles = require("@material-ui/core/styles");
|
|
21
19
|
|
22
20
|
var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
|
23
21
|
|
24
|
-
var _Pagination = _interopRequireDefault(require("@material-ui/lab/Pagination"));
|
25
|
-
|
26
22
|
var _Skeleton = _interopRequireDefault(require("@material-ui/lab/Skeleton"));
|
27
23
|
|
28
|
-
var _PaginationItem = _interopRequireDefault(require("@material-ui/lab/PaginationItem"));
|
29
|
-
|
30
24
|
var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
|
31
25
|
|
32
26
|
var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
|
33
27
|
|
28
|
+
var _HiPagination = _interopRequireDefault(require("../HiPagination"));
|
29
|
+
|
34
30
|
// @inheritedComponent Table
|
35
31
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
36
32
|
return {
|
@@ -42,21 +38,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
42
38
|
flexDirection: 'row-reverse',
|
43
39
|
paddingTop: 2
|
44
40
|
},
|
45
|
-
paginationItem: {
|
46
|
-
backgroundColor: "transparent",
|
47
|
-
color: theme.palette.neutral.dark,
|
48
|
-
fontWeight: theme.typography.fontWeightRegular,
|
49
|
-
'&:hover': {
|
50
|
-
backgroundColor: theme.palette.neutral.main,
|
51
|
-
color: theme.palette.neutral.contrastText,
|
52
|
-
fontWeight: theme.typography.fontWeightMedium
|
53
|
-
}
|
54
|
-
},
|
55
|
-
paginationItemActive: {
|
56
|
-
backgroundColor: "".concat(theme.palette.primary.main, " !important"),
|
57
|
-
color: theme.palette.primary.contrastText,
|
58
|
-
fontWeight: theme.typography.fontWeightMedium
|
59
|
-
},
|
60
41
|
activePage: {
|
61
42
|
backgroundColor: theme.palette.primary.main
|
62
43
|
},
|
@@ -110,15 +91,6 @@ var HiTable = function HiTable(props) {
|
|
110
91
|
}
|
111
92
|
};
|
112
93
|
|
113
|
-
var renderPaginationItem = function renderPaginationItem(item) {
|
114
|
-
return _react.default.createElement(_PaginationItem.default, (0, _extends2.default)({
|
115
|
-
classes: {
|
116
|
-
root: classes.paginationItem,
|
117
|
-
selected: classes.paginationItemActive
|
118
|
-
}
|
119
|
-
}, item));
|
120
|
-
};
|
121
|
-
|
122
94
|
var displayedData = (0, _react.useMemo)(function () {
|
123
95
|
var _data = (0, _toConsumableArray2.default)(data);
|
124
96
|
|
@@ -218,16 +190,15 @@ var HiTable = function HiTable(props) {
|
|
218
190
|
},
|
219
191
|
variant: "rect",
|
220
192
|
height: 32
|
221
|
-
})), pageCount > 1 && activatePagination && _react.default.createElement(
|
222
|
-
count: pageCount,
|
223
|
-
showFirstButton: pageCount > 10,
|
224
|
-
showLastButton: pageCount > 10,
|
193
|
+
})), pageCount > 1 && activatePagination && _react.default.createElement(_HiPagination.default, {
|
225
194
|
classes: {
|
226
195
|
root: classes.pagination
|
227
196
|
},
|
197
|
+
count: pageCount,
|
198
|
+
showFirstButton: pageCount > 10,
|
199
|
+
showLastButton: pageCount > 10,
|
228
200
|
onChange: handleChangePage,
|
229
|
-
page: page
|
230
|
-
renderItem: renderPaginationItem
|
201
|
+
page: page
|
231
202
|
}));
|
232
203
|
};
|
233
204
|
|
@@ -0,0 +1,46 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
|
+
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
13
|
+
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
+
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
17
|
+
|
18
|
+
var _pure = _interopRequireDefault(require("recompose/pure"));
|
19
|
+
|
20
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
21
|
+
|
22
|
+
var _styles = require("@material-ui/core/styles");
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiFinanceMenu = (0, _pure.default)(function (props) {
|
28
|
+
var theme = (0, _styles.useTheme)();
|
29
|
+
var _props$color = props.color,
|
30
|
+
color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
|
31
|
+
style = props.style,
|
32
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
33
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
34
|
+
style: (0, _objectSpread2.default)({}, style, {
|
35
|
+
fontSize: props.size || 24
|
36
|
+
})
|
37
|
+
}, other), _react.default.createElement("svg", {
|
38
|
+
viewBox: "0 0 28.35 28.35"
|
39
|
+
}, _react.default.createElement("path", {
|
40
|
+
d: "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",
|
41
|
+
fill: color
|
42
|
+
})));
|
43
|
+
});
|
44
|
+
HiFinanceMenu.muiName = 'SvgIcon';
|
45
|
+
var _default = HiFinanceMenu;
|
46
|
+
exports.default = _default;
|
@@ -0,0 +1,46 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
|
+
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
13
|
+
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
+
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
17
|
+
|
18
|
+
var _pure = _interopRequireDefault(require("recompose/pure"));
|
19
|
+
|
20
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
21
|
+
|
22
|
+
var _styles = require("@material-ui/core/styles");
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiRoute = (0, _pure.default)(function (props) {
|
28
|
+
var theme = (0, _styles.useTheme)();
|
29
|
+
var _props$color = props.color,
|
30
|
+
color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
|
31
|
+
style = props.style,
|
32
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
33
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
34
|
+
style: (0, _objectSpread2.default)({}, style, {
|
35
|
+
fontSize: props.size || 24
|
36
|
+
})
|
37
|
+
}, other), _react.default.createElement("svg", {
|
38
|
+
viewBox: "0 0 28.35 28.35"
|
39
|
+
}, _react.default.createElement("path", {
|
40
|
+
d: "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",
|
41
|
+
fill: color
|
42
|
+
})));
|
43
|
+
});
|
44
|
+
HiRoute.muiName = 'SvgIcon';
|
45
|
+
var _default = HiRoute;
|
46
|
+
exports.default = _default;
|
package/es/hi-svg-icons/index.js
CHANGED
@@ -53,6 +53,12 @@ Object.defineProperty(exports, "HiFinance", {
|
|
53
53
|
return _HiFinance.default;
|
54
54
|
}
|
55
55
|
});
|
56
|
+
Object.defineProperty(exports, "HiFinanceMenu", {
|
57
|
+
enumerable: true,
|
58
|
+
get: function get() {
|
59
|
+
return _HiFinanceMenu.default;
|
60
|
+
}
|
61
|
+
});
|
56
62
|
Object.defineProperty(exports, "HiRoute", {
|
57
63
|
enumerable: true,
|
58
64
|
get: function get() {
|
@@ -190,6 +196,8 @@ var _HiCustomer = _interopRequireDefault(require("./HiCustomer"));
|
|
190
196
|
|
191
197
|
var _HiFinance = _interopRequireDefault(require("./HiFinance"));
|
192
198
|
|
199
|
+
var _HiFinanceMenu = _interopRequireDefault(require("./HiFinanceMenu"));
|
200
|
+
|
193
201
|
var _HiRoute = _interopRequireDefault(require("./HiRoute"));
|
194
202
|
|
195
203
|
var _HiSettlement = _interopRequireDefault(require("./HiSettlement"));
|
@@ -0,0 +1,46 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
|
+
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
13
|
+
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
+
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
17
|
+
|
18
|
+
var _pure = _interopRequireDefault(require("recompose/pure"));
|
19
|
+
|
20
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
21
|
+
|
22
|
+
var _styles = require("@material-ui/core/styles");
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiFinanceMenu = (0, _pure.default)(function (props) {
|
28
|
+
var theme = (0, _styles.useTheme)();
|
29
|
+
var _props$color = props.color,
|
30
|
+
color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
|
31
|
+
style = props.style,
|
32
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
33
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
34
|
+
style: (0, _objectSpread2.default)({}, style, {
|
35
|
+
fontSize: props.size || 24
|
36
|
+
})
|
37
|
+
}, other), _react.default.createElement("svg", {
|
38
|
+
viewBox: "0 0 28.35 28.35"
|
39
|
+
}, _react.default.createElement("path", {
|
40
|
+
d: "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",
|
41
|
+
fill: color
|
42
|
+
})));
|
43
|
+
});
|
44
|
+
HiFinanceMenu.muiName = 'SvgIcon';
|
45
|
+
var _default = HiFinanceMenu;
|
46
|
+
exports.default = _default;
|
@@ -0,0 +1,46 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
|
+
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
13
|
+
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
+
|
16
|
+
var _react = _interopRequireDefault(require("react"));
|
17
|
+
|
18
|
+
var _pure = _interopRequireDefault(require("recompose/pure"));
|
19
|
+
|
20
|
+
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
21
|
+
|
22
|
+
var _styles = require("@material-ui/core/styles");
|
23
|
+
|
24
|
+
/**
|
25
|
+
* @ignore - internal component.
|
26
|
+
*/
|
27
|
+
var HiRoute = (0, _pure.default)(function (props) {
|
28
|
+
var theme = (0, _styles.useTheme)();
|
29
|
+
var _props$color = props.color,
|
30
|
+
color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
|
31
|
+
style = props.style,
|
32
|
+
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
33
|
+
return _react.default.createElement(_Icon.default, (0, _extends2.default)({
|
34
|
+
style: (0, _objectSpread2.default)({}, style, {
|
35
|
+
fontSize: props.size || 24
|
36
|
+
})
|
37
|
+
}, other), _react.default.createElement("svg", {
|
38
|
+
viewBox: "0 0 28.35 28.35"
|
39
|
+
}, _react.default.createElement("path", {
|
40
|
+
d: "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",
|
41
|
+
fill: color
|
42
|
+
})));
|
43
|
+
});
|
44
|
+
HiRoute.muiName = 'SvgIcon';
|
45
|
+
var _default = HiRoute;
|
46
|
+
exports.default = _default;
|
package/hi-svg-icons/index.js
CHANGED
@@ -53,6 +53,12 @@ Object.defineProperty(exports, "HiFinance", {
|
|
53
53
|
return _HiFinance.default;
|
54
54
|
}
|
55
55
|
});
|
56
|
+
Object.defineProperty(exports, "HiFinanceMenu", {
|
57
|
+
enumerable: true,
|
58
|
+
get: function get() {
|
59
|
+
return _HiFinanceMenu.default;
|
60
|
+
}
|
61
|
+
});
|
56
62
|
Object.defineProperty(exports, "HiRoute", {
|
57
63
|
enumerable: true,
|
58
64
|
get: function get() {
|
@@ -190,6 +196,8 @@ var _HiCustomer = _interopRequireDefault(require("./HiCustomer"));
|
|
190
196
|
|
191
197
|
var _HiFinance = _interopRequireDefault(require("./HiFinance"));
|
192
198
|
|
199
|
+
var _HiFinanceMenu = _interopRequireDefault(require("./HiFinanceMenu"));
|
200
|
+
|
193
201
|
var _HiRoute = _interopRequireDefault(require("./HiRoute"));
|
194
202
|
|
195
203
|
var _HiSettlement = _interopRequireDefault(require("./HiSettlement"));
|