@hipay/hipay-material-ui 3.2.0-PSYCHE-2816 → 3.2.1
Sign up to get free protection for your applications and to get access to all the features.
- package/HiCell/CellRate.js +4 -8
- package/HiDatePicker/HiDateRangePicker.js +2 -2
- package/HiDatePicker/HiDateRangeSelector.js +1 -1
- package/HiIcon/HiIcon.js +5 -3
- package/HiSelect/HiSelect.js +5 -1
- package/HiSelectableList/HiSelectableListItem.js +7 -11
- package/HiTable/HiCellBuilder.js +1 -1
- package/HiTable/constants.js +7 -7
- package/es/HiCell/CellRate.js +4 -8
- package/es/HiDatePicker/HiDateRangePicker.js +2 -2
- package/es/HiDatePicker/HiDateRangeSelector.js +1 -1
- package/es/HiIcon/HiIcon.js +5 -3
- package/es/HiSelect/HiSelect.js +5 -1
- package/es/HiSelectableList/HiSelectableListItem.js +7 -11
- package/es/HiTable/HiCellBuilder.js +1 -1
- package/es/HiTable/constants.js +7 -7
- package/es/hi-svg-icons/index.text.js +51 -0
- package/hi-svg-icons/index.text.js +51 -0
- package/package.json +4 -3
package/HiCell/CellRate.js
CHANGED
@@ -23,11 +23,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
23
23
|
|
24
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
25
25
|
|
26
|
-
var
|
27
|
-
|
28
|
-
var _ArrowTopRight = _interopRequireDefault(require("mdi-material-ui/ArrowTopRight"));
|
29
|
-
|
30
|
-
var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
|
26
|
+
var _mdiMaterialUi = require("mdi-material-ui");
|
31
27
|
|
32
28
|
var _helpers = require("../utils/helpers");
|
33
29
|
|
@@ -106,19 +102,19 @@ function (_React$PureComponent) {
|
|
106
102
|
|
107
103
|
switch (trendchip) {
|
108
104
|
case 'equal':
|
109
|
-
trendIcon = _react.default.createElement(
|
105
|
+
trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
|
110
106
|
className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
|
111
107
|
});
|
112
108
|
break;
|
113
109
|
|
114
110
|
case 'up':
|
115
|
-
trendIcon = _react.default.createElement(
|
111
|
+
trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowTopRight, {
|
116
112
|
className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, isPositive), (0, _defineProperty2.default)(_classNames, classes.negative, !isPositive), _classNames))
|
117
113
|
});
|
118
114
|
break;
|
119
115
|
|
120
116
|
case 'down':
|
121
|
-
trendIcon = _react.default.createElement(
|
117
|
+
trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowBottomRight, {
|
122
118
|
className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.positive, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.negative, isPositive), _classNames2))
|
123
119
|
});
|
124
120
|
break;
|
@@ -147,7 +147,7 @@ function buildDateRangeOptionByKey(key, t, format) {
|
|
147
147
|
case 'cd':
|
148
148
|
label = t.today;
|
149
149
|
from = (0, _momentTimezone.default)().startOf('day');
|
150
|
-
to = (0, _momentTimezone.default)()
|
150
|
+
to = (0, _momentTimezone.default)();
|
151
151
|
info = "".concat(from.format(format));
|
152
152
|
break;
|
153
153
|
|
package/HiIcon/HiIcon.js
CHANGED
@@ -27,6 +27,8 @@ var _helpers = require("../utils/helpers");
|
|
27
27
|
|
28
28
|
var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
|
29
29
|
|
30
|
+
var mdi = _interopRequireWildcard(require("mdi-material-ui"));
|
31
|
+
|
30
32
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
31
33
|
return {
|
32
34
|
/* Styles applied to the root element. */
|
@@ -54,6 +56,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
|
|
54
56
|
color = props.color,
|
55
57
|
other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
|
56
58
|
var classes = useStyles(props);
|
59
|
+
var theme = (0, _styles.useTheme)();
|
57
60
|
var iconName = icon !== null ? icon : children;
|
58
61
|
var iconType = (0, _react.useMemo)(function () {
|
59
62
|
if (iconName && iconName.indexOf('fa-') === 0) {
|
@@ -87,9 +90,8 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
|
|
87
90
|
}, other));
|
88
91
|
|
89
92
|
case "mdi":
|
90
|
-
var
|
91
|
-
|
92
|
-
return _react.default.createElement(MdiIconComponent, (0, _extends2.default)({
|
93
|
+
var MdiIconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
|
94
|
+
return _react.default.createElement(MdiIconName, (0, _extends2.default)({
|
93
95
|
ref: ref,
|
94
96
|
className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
|
95
97
|
color: "inherit",
|
package/HiSelect/HiSelect.js
CHANGED
@@ -637,7 +637,11 @@ function (_React$PureComponent) {
|
|
637
637
|
_buildSelectProps$inp = _buildSelectProps.inputValue,
|
638
638
|
inputValue = _buildSelectProps$inp === void 0 ? this.buildInputValue(options, selectedItemIdList, loading) : _buildSelectProps$inp;
|
639
639
|
|
640
|
-
var popperStyle = {
|
640
|
+
var popperStyle = {
|
641
|
+
position: 'fixed',
|
642
|
+
top: 0,
|
643
|
+
left: 0
|
644
|
+
};
|
641
645
|
|
642
646
|
if (this.props.containerWidth > 0) {
|
643
647
|
popperStyle = {
|
@@ -17,6 +17,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
|
18
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
19
19
|
|
20
|
+
var _reactUse = require("react-use");
|
21
|
+
|
22
|
+
var _styles = require("@material-ui/core/styles");
|
23
|
+
|
20
24
|
var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
|
21
25
|
|
22
26
|
var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
|
@@ -29,16 +33,8 @@ var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
|
29
33
|
|
30
34
|
var _HiLoader = _interopRequireDefault(require("../HiLoader"));
|
31
35
|
|
32
|
-
var _styles = require("@material-ui/core/styles");
|
33
|
-
|
34
36
|
var _helpers = require("../utils/helpers");
|
35
37
|
|
36
|
-
var _pure = _interopRequireDefault(require("recompose/pure"));
|
37
|
-
|
38
|
-
var _keycode = _interopRequireDefault(require("keycode"));
|
39
|
-
|
40
|
-
var _reactUse = require("react-use");
|
41
|
-
|
42
38
|
var useItemLabelStyles = (0, _styles.makeStyles)(function (theme) {
|
43
39
|
return {
|
44
40
|
label: {
|
@@ -279,15 +275,15 @@ function HiSelectableListItem(props) {
|
|
279
275
|
var ref = (0, _react.useRef)(null);
|
280
276
|
var isHovering = (0, _reactUse.useHoverDirty)(ref);
|
281
277
|
var onKeyDown = (0, _react.useCallback)(function (_ref) {
|
282
|
-
var
|
278
|
+
var code = _ref.code;
|
283
279
|
|
284
|
-
if (
|
280
|
+
if (code === 'Space' || code === 'Enter') {
|
285
281
|
event.preventDefault();
|
286
282
|
event.stopPropagation();
|
287
283
|
if (item) onSelect(null, item);
|
288
284
|
}
|
289
285
|
}, [item]);
|
290
|
-
(0, _reactUse.useEvent)('keydown', onKeyDown); // Return simple loader list item
|
286
|
+
(0, _reactUse.useEvent)('keydown', onKeyDown, ref.current); // Return simple loader list item
|
291
287
|
|
292
288
|
if (type === 'loader') {
|
293
289
|
return _react.default.createElement(_ListItem.default, null, _react.default.createElement(_HiLoader.default, {
|
package/HiTable/HiCellBuilder.js
CHANGED
@@ -173,7 +173,7 @@ function (_React$PureComponent) {
|
|
173
173
|
outlined: datacell.outlined
|
174
174
|
});
|
175
175
|
|
176
|
-
case cst.
|
176
|
+
case cst.TYPE_SCORE:
|
177
177
|
return _react.default.createElement(_CellSentinelScore.default, {
|
178
178
|
value: datacell.value,
|
179
179
|
result: datacell.result,
|
package/HiTable/constants.js
CHANGED
@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
6
6
|
value: true
|
7
7
|
});
|
8
|
-
exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.
|
8
|
+
exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.TYPE_SCORE = exports.TYPE_SENTINEL = exports.TYPE_RATE = exports.TYPE_NUMERIC = exports.TYPE_IMAGE = exports.TYPE_ICON = exports.TYPE_DATE = exports.TYPE_CHECKBOX = exports.TYPE_ADDRESS = exports.TYPE_CUSTOMER_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT = exports.CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT = exports.CELL_HEIGHT_DENSE = exports.CELL_HEIGHT = exports.NB_ROWS_BACK_TO_TOP = exports.MAX_ROWS = void 0;
|
9
9
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
11
11
|
|
12
|
-
var _TYPE_ACCOUNT, _TYPE_ACCOUNT_NUMBER, _TYPE_ADDRESS, _TYPE_CHECKBOX, _TYPE_COUNTRY, _TYPE_DATE, _TYPE_ICON, _TYPE_IMAGE, _TYPE_NUMERIC, _TYPE_RATE, _TYPE_SENTINEL,
|
12
|
+
var _TYPE_ACCOUNT, _TYPE_ACCOUNT_NUMBER, _TYPE_ADDRESS, _TYPE_CHECKBOX, _TYPE_COUNTRY, _TYPE_DATE, _TYPE_ICON, _TYPE_IMAGE, _TYPE_NUMERIC, _TYPE_RATE, _TYPE_SENTINEL, _TYPE_SCORE, _TYPE_STATUS, _TYPE_TEXT, _TYPE_THIRD_PARTY_SEC, _DEFAULT_WIDTHS, _DEFAULT_VIEWS, _DEFAULT_PADDING;
|
13
13
|
|
14
14
|
/**
|
15
15
|
* Infinite scroll variables
|
@@ -57,8 +57,8 @@ var TYPE_RATE = 'rate';
|
|
57
57
|
exports.TYPE_RATE = TYPE_RATE;
|
58
58
|
var TYPE_SENTINEL = 'sentinel';
|
59
59
|
exports.TYPE_SENTINEL = TYPE_SENTINEL;
|
60
|
-
var
|
61
|
-
exports.
|
60
|
+
var TYPE_SCORE = 'score';
|
61
|
+
exports.TYPE_SCORE = TYPE_SCORE;
|
62
62
|
var TYPE_STATUS = 'status';
|
63
63
|
exports.TYPE_STATUS = TYPE_STATUS;
|
64
64
|
var TYPE_COUNTRY = 'country';
|
@@ -124,14 +124,14 @@ var FRAUD_RESULT_ASK_AUTHENTICATE = 'ASK_AUTHENTICATE';
|
|
124
124
|
*/
|
125
125
|
|
126
126
|
exports.FRAUD_RESULT_ASK_AUTHENTICATE = FRAUD_RESULT_ASK_AUTHENTICATE;
|
127
|
-
var DEFAULT_WIDTHS = (_DEFAULT_WIDTHS = {}, (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT, (_TYPE_ACCOUNT = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.LARGE, 160), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.MEDIUM, 120), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.SMALL, 80), _TYPE_ACCOUNT)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT_NUMBER, (_TYPE_ACCOUNT_NUMBER = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.SMALL, 60), _TYPE_ACCOUNT_NUMBER)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ADDRESS, (_TYPE_ADDRESS = {}, (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.SMALL, 80), _TYPE_ADDRESS)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_CHECKBOX, (_TYPE_CHECKBOX = {}, (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.LARGE, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.MEDIUM, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.SMALL, 40), _TYPE_CHECKBOX)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_COUNTRY, (_TYPE_COUNTRY = {}, (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.SMALL, 40), _TYPE_COUNTRY)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_DATE, (_TYPE_DATE = {}, (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.LARGE, 220), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.MEDIUM, 140), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.SMALL, 120), _TYPE_DATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ICON, (_TYPE_ICON = {}, (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.SMALL, 60), _TYPE_ICON)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_IMAGE, (_TYPE_IMAGE = {}, (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.SMALL, 60), _TYPE_IMAGE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_NUMERIC, (_TYPE_NUMERIC = {}, (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.SMALL, 80), _TYPE_NUMERIC)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_RATE, (_TYPE_RATE = {}, (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.MEDIUM, 90), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.SMALL, 80), _TYPE_RATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_SENTINEL, (_TYPE_SENTINEL = {}, (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.LARGE, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.MEDIUM, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.SMALL, 64), _TYPE_SENTINEL)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS,
|
127
|
+
var DEFAULT_WIDTHS = (_DEFAULT_WIDTHS = {}, (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT, (_TYPE_ACCOUNT = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.LARGE, 160), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.MEDIUM, 120), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.SMALL, 80), _TYPE_ACCOUNT)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT_NUMBER, (_TYPE_ACCOUNT_NUMBER = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.SMALL, 60), _TYPE_ACCOUNT_NUMBER)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ADDRESS, (_TYPE_ADDRESS = {}, (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.SMALL, 80), _TYPE_ADDRESS)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_CHECKBOX, (_TYPE_CHECKBOX = {}, (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.LARGE, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.MEDIUM, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.SMALL, 40), _TYPE_CHECKBOX)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_COUNTRY, (_TYPE_COUNTRY = {}, (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.SMALL, 40), _TYPE_COUNTRY)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_DATE, (_TYPE_DATE = {}, (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.LARGE, 220), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.MEDIUM, 140), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.SMALL, 120), _TYPE_DATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ICON, (_TYPE_ICON = {}, (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.SMALL, 60), _TYPE_ICON)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_IMAGE, (_TYPE_IMAGE = {}, (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.SMALL, 60), _TYPE_IMAGE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_NUMERIC, (_TYPE_NUMERIC = {}, (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.SMALL, 80), _TYPE_NUMERIC)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_RATE, (_TYPE_RATE = {}, (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.MEDIUM, 90), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.SMALL, 80), _TYPE_RATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_SENTINEL, (_TYPE_SENTINEL = {}, (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.LARGE, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.MEDIUM, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.SMALL, 64), _TYPE_SENTINEL)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_SCORE, (_TYPE_SCORE = {}, (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.LARGE, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.SMALL, 80), _TYPE_SCORE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_STATUS, (_TYPE_STATUS = {}, (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.SMALL, 80), _TYPE_STATUS)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_TEXT, (_TYPE_TEXT = {}, (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.LARGE, 200), (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.MEDIUM, 120), (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.SMALL, 80), _TYPE_TEXT)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_THIRD_PARTY_SECURITY, (_TYPE_THIRD_PARTY_SEC = {}, (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.LARGE, 40), (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.MEDIUM, 40), (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.SMALL, 40), _TYPE_THIRD_PARTY_SEC)), _DEFAULT_WIDTHS);
|
128
128
|
/**
|
129
129
|
* Cell default width for each views
|
130
130
|
* @type {{}}
|
131
131
|
*/
|
132
132
|
|
133
133
|
exports.DEFAULT_WIDTHS = DEFAULT_WIDTHS;
|
134
|
-
var DEFAULT_VIEWS = (_DEFAULT_VIEWS = {}, (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT_NUMBER, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ADDRESS, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_CHECKBOX, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_COUNTRY, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_DATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ICON, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_IMAGE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_NUMERIC, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_RATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_SENTINEL, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS,
|
134
|
+
var DEFAULT_VIEWS = (_DEFAULT_VIEWS = {}, (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT_NUMBER, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ADDRESS, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_CHECKBOX, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_COUNTRY, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_DATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ICON, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_IMAGE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_NUMERIC, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_RATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_SENTINEL, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_SCORE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_STATUS, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_TEXT, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_THIRD_PARTY_SECURITY, VIEWS.LARGE), _DEFAULT_VIEWS);
|
135
135
|
/**
|
136
136
|
* Cell default side padding (one side) for each views
|
137
137
|
* @type {{}}
|
@@ -145,5 +145,5 @@ var DEFAULT_PADDING = (_DEFAULT_PADDING = {}, (0, _defineProperty2.default)(_DEF
|
|
145
145
|
*/
|
146
146
|
|
147
147
|
exports.DEFAULT_PADDING = DEFAULT_PADDING;
|
148
|
-
var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL,
|
148
|
+
var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL, TYPE_SCORE];
|
149
149
|
exports.ALIGN_RIGHT_TYPES = ALIGN_RIGHT_TYPES;
|
package/es/HiCell/CellRate.js
CHANGED
@@ -23,11 +23,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
23
23
|
|
24
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
25
25
|
|
26
|
-
var
|
27
|
-
|
28
|
-
var _ArrowTopRight = _interopRequireDefault(require("mdi-material-ui/ArrowTopRight"));
|
29
|
-
|
30
|
-
var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
|
26
|
+
var _mdiMaterialUi = require("mdi-material-ui");
|
31
27
|
|
32
28
|
var _helpers = require("../utils/helpers");
|
33
29
|
|
@@ -106,19 +102,19 @@ function (_React$PureComponent) {
|
|
106
102
|
|
107
103
|
switch (trendchip) {
|
108
104
|
case 'equal':
|
109
|
-
trendIcon = _react.default.createElement(
|
105
|
+
trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
|
110
106
|
className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
|
111
107
|
});
|
112
108
|
break;
|
113
109
|
|
114
110
|
case 'up':
|
115
|
-
trendIcon = _react.default.createElement(
|
111
|
+
trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowTopRight, {
|
116
112
|
className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, isPositive), (0, _defineProperty2.default)(_classNames, classes.negative, !isPositive), _classNames))
|
117
113
|
});
|
118
114
|
break;
|
119
115
|
|
120
116
|
case 'down':
|
121
|
-
trendIcon = _react.default.createElement(
|
117
|
+
trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowBottomRight, {
|
122
118
|
className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.positive, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.negative, isPositive), _classNames2))
|
123
119
|
});
|
124
120
|
break;
|
@@ -147,7 +147,7 @@ function buildDateRangeOptionByKey(key, t, format) {
|
|
147
147
|
case 'cd':
|
148
148
|
label = t.today;
|
149
149
|
from = (0, _momentTimezone.default)().startOf('day');
|
150
|
-
to = (0, _momentTimezone.default)()
|
150
|
+
to = (0, _momentTimezone.default)();
|
151
151
|
info = "".concat(from.format(format));
|
152
152
|
break;
|
153
153
|
|
package/es/HiIcon/HiIcon.js
CHANGED
@@ -27,6 +27,8 @@ var _helpers = require("../utils/helpers");
|
|
27
27
|
|
28
28
|
var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
|
29
29
|
|
30
|
+
var mdi = _interopRequireWildcard(require("mdi-material-ui"));
|
31
|
+
|
30
32
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
31
33
|
return {
|
32
34
|
/* Styles applied to the root element. */
|
@@ -54,6 +56,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
|
|
54
56
|
color = props.color,
|
55
57
|
other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
|
56
58
|
var classes = useStyles(props);
|
59
|
+
var theme = (0, _styles.useTheme)();
|
57
60
|
var iconName = icon !== null ? icon : children;
|
58
61
|
var iconType = (0, _react.useMemo)(function () {
|
59
62
|
if (iconName && iconName.indexOf('fa-') === 0) {
|
@@ -87,9 +90,8 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
|
|
87
90
|
}, other));
|
88
91
|
|
89
92
|
case "mdi":
|
90
|
-
var
|
91
|
-
|
92
|
-
return _react.default.createElement(MdiIconComponent, (0, _extends2.default)({
|
93
|
+
var MdiIconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
|
94
|
+
return _react.default.createElement(MdiIconName, (0, _extends2.default)({
|
93
95
|
ref: ref,
|
94
96
|
className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
|
95
97
|
color: "inherit",
|
package/es/HiSelect/HiSelect.js
CHANGED
@@ -637,7 +637,11 @@ function (_React$PureComponent) {
|
|
637
637
|
_buildSelectProps$inp = _buildSelectProps.inputValue,
|
638
638
|
inputValue = _buildSelectProps$inp === void 0 ? this.buildInputValue(options, selectedItemIdList, loading) : _buildSelectProps$inp;
|
639
639
|
|
640
|
-
var popperStyle = {
|
640
|
+
var popperStyle = {
|
641
|
+
position: 'fixed',
|
642
|
+
top: 0,
|
643
|
+
left: 0
|
644
|
+
};
|
641
645
|
|
642
646
|
if (this.props.containerWidth > 0) {
|
643
647
|
popperStyle = {
|
@@ -17,6 +17,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
|
18
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
19
19
|
|
20
|
+
var _reactUse = require("react-use");
|
21
|
+
|
22
|
+
var _styles = require("@material-ui/core/styles");
|
23
|
+
|
20
24
|
var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
|
21
25
|
|
22
26
|
var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
|
@@ -29,16 +33,8 @@ var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
|
29
33
|
|
30
34
|
var _HiLoader = _interopRequireDefault(require("../HiLoader"));
|
31
35
|
|
32
|
-
var _styles = require("@material-ui/core/styles");
|
33
|
-
|
34
36
|
var _helpers = require("../utils/helpers");
|
35
37
|
|
36
|
-
var _pure = _interopRequireDefault(require("recompose/pure"));
|
37
|
-
|
38
|
-
var _keycode = _interopRequireDefault(require("keycode"));
|
39
|
-
|
40
|
-
var _reactUse = require("react-use");
|
41
|
-
|
42
38
|
var useItemLabelStyles = (0, _styles.makeStyles)(function (theme) {
|
43
39
|
return {
|
44
40
|
label: {
|
@@ -279,15 +275,15 @@ function HiSelectableListItem(props) {
|
|
279
275
|
var ref = (0, _react.useRef)(null);
|
280
276
|
var isHovering = (0, _reactUse.useHoverDirty)(ref);
|
281
277
|
var onKeyDown = (0, _react.useCallback)(function (_ref) {
|
282
|
-
var
|
278
|
+
var code = _ref.code;
|
283
279
|
|
284
|
-
if (
|
280
|
+
if (code === 'Space' || code === 'Enter') {
|
285
281
|
event.preventDefault();
|
286
282
|
event.stopPropagation();
|
287
283
|
if (item) onSelect(null, item);
|
288
284
|
}
|
289
285
|
}, [item]);
|
290
|
-
(0, _reactUse.useEvent)('keydown', onKeyDown); // Return simple loader list item
|
286
|
+
(0, _reactUse.useEvent)('keydown', onKeyDown, ref.current); // Return simple loader list item
|
291
287
|
|
292
288
|
if (type === 'loader') {
|
293
289
|
return _react.default.createElement(_ListItem.default, null, _react.default.createElement(_HiLoader.default, {
|
@@ -173,7 +173,7 @@ function (_React$PureComponent) {
|
|
173
173
|
outlined: datacell.outlined
|
174
174
|
});
|
175
175
|
|
176
|
-
case cst.
|
176
|
+
case cst.TYPE_SCORE:
|
177
177
|
return _react.default.createElement(_CellSentinelScore.default, {
|
178
178
|
value: datacell.value,
|
179
179
|
result: datacell.result,
|
package/es/HiTable/constants.js
CHANGED
@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
6
6
|
value: true
|
7
7
|
});
|
8
|
-
exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.
|
8
|
+
exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_PIN_TO_ACTION = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.TYPE_SCORE = exports.TYPE_SENTINEL = exports.TYPE_RATE = exports.TYPE_NUMERIC = exports.TYPE_IMAGE = exports.TYPE_ICON = exports.TYPE_DATE = exports.TYPE_CHECKBOX = exports.TYPE_ADDRESS = exports.TYPE_CUSTOMER_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT = exports.CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT = exports.CELL_HEIGHT_DENSE = exports.CELL_HEIGHT = exports.NB_ROWS_BACK_TO_TOP = exports.MAX_ROWS = void 0;
|
9
9
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
11
11
|
|
12
|
-
var _TYPE_ACCOUNT, _TYPE_ACCOUNT_NUMBER, _TYPE_ADDRESS, _TYPE_CHECKBOX, _TYPE_COUNTRY, _TYPE_DATE, _TYPE_ICON, _TYPE_IMAGE, _TYPE_NUMERIC, _TYPE_RATE, _TYPE_SENTINEL,
|
12
|
+
var _TYPE_ACCOUNT, _TYPE_ACCOUNT_NUMBER, _TYPE_ADDRESS, _TYPE_CHECKBOX, _TYPE_COUNTRY, _TYPE_DATE, _TYPE_ICON, _TYPE_IMAGE, _TYPE_NUMERIC, _TYPE_RATE, _TYPE_SENTINEL, _TYPE_SCORE, _TYPE_STATUS, _TYPE_TEXT, _TYPE_THIRD_PARTY_SEC, _DEFAULT_WIDTHS, _DEFAULT_VIEWS, _DEFAULT_PADDING;
|
13
13
|
|
14
14
|
/**
|
15
15
|
* Infinite scroll variables
|
@@ -57,8 +57,8 @@ var TYPE_RATE = 'rate';
|
|
57
57
|
exports.TYPE_RATE = TYPE_RATE;
|
58
58
|
var TYPE_SENTINEL = 'sentinel';
|
59
59
|
exports.TYPE_SENTINEL = TYPE_SENTINEL;
|
60
|
-
var
|
61
|
-
exports.
|
60
|
+
var TYPE_SCORE = 'score';
|
61
|
+
exports.TYPE_SCORE = TYPE_SCORE;
|
62
62
|
var TYPE_STATUS = 'status';
|
63
63
|
exports.TYPE_STATUS = TYPE_STATUS;
|
64
64
|
var TYPE_COUNTRY = 'country';
|
@@ -124,14 +124,14 @@ var FRAUD_RESULT_ASK_AUTHENTICATE = 'ASK_AUTHENTICATE';
|
|
124
124
|
*/
|
125
125
|
|
126
126
|
exports.FRAUD_RESULT_ASK_AUTHENTICATE = FRAUD_RESULT_ASK_AUTHENTICATE;
|
127
|
-
var DEFAULT_WIDTHS = (_DEFAULT_WIDTHS = {}, (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT, (_TYPE_ACCOUNT = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.LARGE, 160), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.MEDIUM, 120), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.SMALL, 80), _TYPE_ACCOUNT)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT_NUMBER, (_TYPE_ACCOUNT_NUMBER = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.SMALL, 60), _TYPE_ACCOUNT_NUMBER)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ADDRESS, (_TYPE_ADDRESS = {}, (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.SMALL, 80), _TYPE_ADDRESS)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_CHECKBOX, (_TYPE_CHECKBOX = {}, (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.LARGE, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.MEDIUM, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.SMALL, 40), _TYPE_CHECKBOX)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_COUNTRY, (_TYPE_COUNTRY = {}, (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.SMALL, 40), _TYPE_COUNTRY)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_DATE, (_TYPE_DATE = {}, (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.LARGE, 220), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.MEDIUM, 140), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.SMALL, 120), _TYPE_DATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ICON, (_TYPE_ICON = {}, (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.SMALL, 60), _TYPE_ICON)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_IMAGE, (_TYPE_IMAGE = {}, (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.SMALL, 60), _TYPE_IMAGE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_NUMERIC, (_TYPE_NUMERIC = {}, (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.SMALL, 80), _TYPE_NUMERIC)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_RATE, (_TYPE_RATE = {}, (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.MEDIUM, 90), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.SMALL, 80), _TYPE_RATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_SENTINEL, (_TYPE_SENTINEL = {}, (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.LARGE, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.MEDIUM, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.SMALL, 64), _TYPE_SENTINEL)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS,
|
127
|
+
var DEFAULT_WIDTHS = (_DEFAULT_WIDTHS = {}, (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT, (_TYPE_ACCOUNT = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.LARGE, 160), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.MEDIUM, 120), (0, _defineProperty2.default)(_TYPE_ACCOUNT, VIEWS.SMALL, 80), _TYPE_ACCOUNT)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT_NUMBER, (_TYPE_ACCOUNT_NUMBER = {}, (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.SMALL, 60), _TYPE_ACCOUNT_NUMBER)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ADDRESS, (_TYPE_ADDRESS = {}, (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ADDRESS, VIEWS.SMALL, 80), _TYPE_ADDRESS)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_CHECKBOX, (_TYPE_CHECKBOX = {}, (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.LARGE, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.MEDIUM, 40), (0, _defineProperty2.default)(_TYPE_CHECKBOX, VIEWS.SMALL, 40), _TYPE_CHECKBOX)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_COUNTRY, (_TYPE_COUNTRY = {}, (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_COUNTRY, VIEWS.SMALL, 40), _TYPE_COUNTRY)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_DATE, (_TYPE_DATE = {}, (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.LARGE, 220), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.MEDIUM, 140), (0, _defineProperty2.default)(_TYPE_DATE, VIEWS.SMALL, 120), _TYPE_DATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_ICON, (_TYPE_ICON = {}, (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_ICON, VIEWS.SMALL, 60), _TYPE_ICON)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_IMAGE, (_TYPE_IMAGE = {}, (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.LARGE, 140), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_IMAGE, VIEWS.SMALL, 60), _TYPE_IMAGE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_NUMERIC, (_TYPE_NUMERIC = {}, (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_NUMERIC, VIEWS.SMALL, 80), _TYPE_NUMERIC)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_RATE, (_TYPE_RATE = {}, (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.LARGE, 100), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.MEDIUM, 90), (0, _defineProperty2.default)(_TYPE_RATE, VIEWS.SMALL, 80), _TYPE_RATE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_SENTINEL, (_TYPE_SENTINEL = {}, (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.LARGE, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.MEDIUM, 64), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.SMALL, 64), _TYPE_SENTINEL)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_SCORE, (_TYPE_SCORE = {}, (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.LARGE, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.SMALL, 80), _TYPE_SCORE)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_STATUS, (_TYPE_STATUS = {}, (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.LARGE, 120), (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.MEDIUM, 100), (0, _defineProperty2.default)(_TYPE_STATUS, VIEWS.SMALL, 80), _TYPE_STATUS)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_TEXT, (_TYPE_TEXT = {}, (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.LARGE, 200), (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.MEDIUM, 120), (0, _defineProperty2.default)(_TYPE_TEXT, VIEWS.SMALL, 80), _TYPE_TEXT)), (0, _defineProperty2.default)(_DEFAULT_WIDTHS, TYPE_THIRD_PARTY_SECURITY, (_TYPE_THIRD_PARTY_SEC = {}, (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.LARGE, 40), (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.MEDIUM, 40), (0, _defineProperty2.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.SMALL, 40), _TYPE_THIRD_PARTY_SEC)), _DEFAULT_WIDTHS);
|
128
128
|
/**
|
129
129
|
* Cell default width for each views
|
130
130
|
* @type {{}}
|
131
131
|
*/
|
132
132
|
|
133
133
|
exports.DEFAULT_WIDTHS = DEFAULT_WIDTHS;
|
134
|
-
var DEFAULT_VIEWS = (_DEFAULT_VIEWS = {}, (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT_NUMBER, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ADDRESS, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_CHECKBOX, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_COUNTRY, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_DATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ICON, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_IMAGE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_NUMERIC, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_RATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_SENTINEL, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS,
|
134
|
+
var DEFAULT_VIEWS = (_DEFAULT_VIEWS = {}, (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT_NUMBER, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ADDRESS, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_CHECKBOX, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_COUNTRY, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_DATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_ICON, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_IMAGE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_NUMERIC, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_RATE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_SENTINEL, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_SCORE, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_STATUS, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_TEXT, VIEWS.LARGE), (0, _defineProperty2.default)(_DEFAULT_VIEWS, TYPE_THIRD_PARTY_SECURITY, VIEWS.LARGE), _DEFAULT_VIEWS);
|
135
135
|
/**
|
136
136
|
* Cell default side padding (one side) for each views
|
137
137
|
* @type {{}}
|
@@ -145,5 +145,5 @@ var DEFAULT_PADDING = (_DEFAULT_PADDING = {}, (0, _defineProperty2.default)(_DEF
|
|
145
145
|
*/
|
146
146
|
|
147
147
|
exports.DEFAULT_PADDING = DEFAULT_PADDING;
|
148
|
-
var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL,
|
148
|
+
var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL, TYPE_SCORE];
|
149
149
|
exports.ALIGN_RIGHT_TYPES = ALIGN_RIGHT_TYPES;
|
@@ -0,0 +1,51 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
var _fs = _interopRequireDefault(require("fs"));
|
6
|
+
|
7
|
+
var _path = _interopRequireDefault(require("path"));
|
8
|
+
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
10
|
+
|
11
|
+
var _chai = require("chai");
|
12
|
+
|
13
|
+
var _testUtils = require("../test-utils");
|
14
|
+
|
15
|
+
describe('hi-svg-icons', function () {
|
16
|
+
var shallow;
|
17
|
+
before(function () {
|
18
|
+
shallow = (0, _testUtils.createShallow)();
|
19
|
+
});
|
20
|
+
it('should be able to render all of them', function (done) {
|
21
|
+
// This test can only be run on the node env
|
22
|
+
if (!_fs.default.readdir) {
|
23
|
+
done();
|
24
|
+
return;
|
25
|
+
}
|
26
|
+
|
27
|
+
_fs.default.readdir(__dirname, function (err, files) {
|
28
|
+
files.forEach(function (file) {
|
29
|
+
// Ignore no js files and tests
|
30
|
+
if (file.indexOf('.js') === -1 || file.indexOf('text.js') > -1) {
|
31
|
+
return;
|
32
|
+
} // eslint-disable-next-line global-require, import/no-dynamic-require
|
33
|
+
|
34
|
+
|
35
|
+
var fileLoaded = require(_path.default.join(__dirname, file));
|
36
|
+
|
37
|
+
if (!fileLoaded.default) {
|
38
|
+
return;
|
39
|
+
}
|
40
|
+
|
41
|
+
var Icon = fileLoaded.default;
|
42
|
+
var wrapper = shallow(_react.default.createElement(Icon, {
|
43
|
+
className: "foo"
|
44
|
+
}));
|
45
|
+
|
46
|
+
_chai.assert.strictEqual(wrapper.hasClass('foo'), true);
|
47
|
+
});
|
48
|
+
done();
|
49
|
+
});
|
50
|
+
});
|
51
|
+
});
|
@@ -0,0 +1,51 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
var _fs = _interopRequireDefault(require("fs"));
|
6
|
+
|
7
|
+
var _path = _interopRequireDefault(require("path"));
|
8
|
+
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
10
|
+
|
11
|
+
var _chai = require("chai");
|
12
|
+
|
13
|
+
var _testUtils = require("../test-utils");
|
14
|
+
|
15
|
+
describe('hi-svg-icons', function () {
|
16
|
+
var shallow;
|
17
|
+
before(function () {
|
18
|
+
shallow = (0, _testUtils.createShallow)();
|
19
|
+
});
|
20
|
+
it('should be able to render all of them', function (done) {
|
21
|
+
// This test can only be run on the node env
|
22
|
+
if (!_fs.default.readdir) {
|
23
|
+
done();
|
24
|
+
return;
|
25
|
+
}
|
26
|
+
|
27
|
+
_fs.default.readdir(__dirname, function (err, files) {
|
28
|
+
files.forEach(function (file) {
|
29
|
+
// Ignore no js files and tests
|
30
|
+
if (file.indexOf('.js') === -1 || file.indexOf('text.js') > -1) {
|
31
|
+
return;
|
32
|
+
} // eslint-disable-next-line global-require, import/no-dynamic-require
|
33
|
+
|
34
|
+
|
35
|
+
var fileLoaded = require(_path.default.join(__dirname, file));
|
36
|
+
|
37
|
+
if (!fileLoaded.default) {
|
38
|
+
return;
|
39
|
+
}
|
40
|
+
|
41
|
+
var Icon = fileLoaded.default;
|
42
|
+
var wrapper = shallow(_react.default.createElement(Icon, {
|
43
|
+
className: "foo"
|
44
|
+
}));
|
45
|
+
|
46
|
+
_chai.assert.strictEqual(wrapper.hasClass('foo'), true);
|
47
|
+
});
|
48
|
+
done();
|
49
|
+
});
|
50
|
+
});
|
51
|
+
});
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hipay/hipay-material-ui",
|
3
3
|
"private": false,
|
4
|
-
"version": "3.2.
|
4
|
+
"version": "3.2.1",
|
5
5
|
"description": "React components that implement Google's Material Design.",
|
6
6
|
"repository": {
|
7
7
|
"type": "git",
|
@@ -21,6 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@babel/plugin-transform-runtime": "^7.8.3",
|
23
23
|
"@babel/runtime": "7.6.3",
|
24
|
+
"@material-ui/icons": "4.4.3",
|
24
25
|
"brcast": "3.0.1",
|
25
26
|
"classnames": "2.2.6",
|
26
27
|
"cross-env": "6.0.3",
|
@@ -34,7 +35,7 @@
|
|
34
35
|
"jss-vendor-prefixer": "8.0.1",
|
35
36
|
"keycode": "2.2.0",
|
36
37
|
"leaflet": "1.5.1",
|
37
|
-
"mdi-material-ui": "6.
|
38
|
+
"mdi-material-ui": "6.8.0",
|
38
39
|
"mini-html-webpack-plugin": "1.0.0",
|
39
40
|
"prop-types": "15.7.2",
|
40
41
|
"react-custom-scrollbars": "4.2.1",
|
@@ -66,4 +67,4 @@
|
|
66
67
|
},
|
67
68
|
"main": "./index.js",
|
68
69
|
"module": "./esm/index.js"
|
69
|
-
}
|
70
|
+
}
|