@hipay/hipay-material-ui 2.0.0-beta.53 → 2.0.0-beta.55
Sign up to get free protection for your applications and to get access to all the features.
- package/HiCell/CellImage.js +16 -4
- package/HiCell/CellNumeric.js +1 -2
- package/HiCell/CellSentinel.js +33 -109
- package/HiCell/CellSentinelScore.js +100 -0
- package/HiCell/CellTextStyled.js +71 -0
- package/HiCell/index.js +9 -1
- package/HiChip/HiChip.js +2 -1
- package/HiColoredLabel/HiColoredLabel.js +14 -4
- package/HiDatePicker/HiDatePicker.js +1 -1
- package/HiDatePicker/HiDateRangePicker.js +349 -420
- package/HiDatePicker/HiDateRangeSelector.js +80 -62
- package/HiDatePicker/NavBar.js +2 -1
- package/HiDatePicker/Overlays/TimePickerOverlay.js +1 -1
- package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
- package/HiForm/HiFormControl.js +5 -4
- package/HiSelect/HiSuggestSelect.js +16 -2
- package/HiSelectNew/HiSelect.js +4 -1
- package/HiSelectableList/HiSelectableListItem.js +3 -1
- package/HiSwitch/HiSwitch.js +2 -1
- package/HiTable/HiCellBuilder.js +31 -27
- package/HiTable/HiTableHeader.js +21 -13
- package/HiTable/constants.js +7 -5
- package/es/HiCell/CellImage.js +13 -2
- package/es/HiCell/CellNumeric.js +1 -2
- package/es/HiCell/CellSentinel.js +32 -108
- package/es/HiCell/CellSentinelScore.js +60 -0
- package/es/HiCell/CellTextStyled.js +57 -0
- package/es/HiCell/index.js +2 -1
- package/es/HiChip/HiChip.js +2 -1
- package/es/HiColoredLabel/HiColoredLabel.js +14 -3
- package/es/HiDatePicker/HiDatePicker.js +1 -1
- package/es/HiDatePicker/HiDateRangePicker.js +312 -363
- package/es/HiDatePicker/HiDateRangeSelector.js +70 -56
- package/es/HiDatePicker/NavBar.js +2 -1
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +1 -1
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
- package/es/HiForm/HiFormControl.js +5 -4
- package/es/HiSelect/HiSuggestSelect.js +16 -3
- package/es/HiSelectNew/HiSelect.js +4 -1
- package/es/HiSelectableList/HiSelectableListItem.js +3 -1
- package/es/HiSwitch/HiSwitch.js +2 -1
- package/es/HiTable/HiCellBuilder.js +30 -27
- package/es/HiTable/HiTableHeader.js +20 -14
- package/es/HiTable/constants.js +8 -1
- package/es/styles/createPalette.js +3 -3
- package/index.es.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/styles/createPalette.js +3 -3
- package/umd/hipay-material-ui.development.js +9843 -6197
- package/umd/hipay-material-ui.production.min.js +2 -2
- package/yarn-error.log +0 -110
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.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_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;
|
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_SENTINEL_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_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/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, _TYPE_STATUS, _TYPE_TEXT, _TYPE_THIRD_PARTY_SEC, _DEFAULT_WIDTHS, _DEFAULT_VIEWS, _DEFAULT_PADDING;
|
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_SENTINEL_SCORE, _TYPE_STATUS, _TYPE_TEXT, _TYPE_THIRD_PARTY_SEC, _DEFAULT_WIDTHS, _DEFAULT_VIEWS, _DEFAULT_PADDING;
|
13
13
|
|
14
14
|
/**
|
15
15
|
* Infinite scroll variables
|
@@ -55,6 +55,8 @@ var TYPE_RATE = 'rate';
|
|
55
55
|
exports.TYPE_RATE = TYPE_RATE;
|
56
56
|
var TYPE_SENTINEL = 'sentinel';
|
57
57
|
exports.TYPE_SENTINEL = TYPE_SENTINEL;
|
58
|
+
var TYPE_SENTINEL_SCORE = 'sentinel_score';
|
59
|
+
exports.TYPE_SENTINEL_SCORE = TYPE_SENTINEL_SCORE;
|
58
60
|
var TYPE_STATUS = 'status';
|
59
61
|
exports.TYPE_STATUS = TYPE_STATUS;
|
60
62
|
var TYPE_COUNTRY = 'country';
|
@@ -120,14 +122,14 @@ var FRAUD_RESULT_ASK_AUTHENTICATE = 'ASK_AUTHENTICATE';
|
|
120
122
|
*/
|
121
123
|
|
122
124
|
exports.FRAUD_RESULT_ASK_AUTHENTICATE = FRAUD_RESULT_ASK_AUTHENTICATE;
|
123
|
-
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,
|
125
|
+
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_SENTINEL_SCORE, (_TYPE_SENTINEL_SCORE = {}, (0, _defineProperty2.default)(_TYPE_SENTINEL_SCORE, VIEWS.LARGE, 80), (0, _defineProperty2.default)(_TYPE_SENTINEL_SCORE, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_SENTINEL_SCORE, VIEWS.SMALL, 80), _TYPE_SENTINEL_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);
|
124
126
|
/**
|
125
127
|
* Cell default width for each views
|
126
128
|
* @type {{}}
|
127
129
|
*/
|
128
130
|
|
129
131
|
exports.DEFAULT_WIDTHS = DEFAULT_WIDTHS;
|
130
|
-
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_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);
|
132
|
+
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_SENTINEL_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);
|
131
133
|
/**
|
132
134
|
* Cell default side padding (one side) for each views
|
133
135
|
* @type {{}}
|
@@ -141,5 +143,5 @@ var DEFAULT_PADDING = (_DEFAULT_PADDING = {}, (0, _defineProperty2.default)(_DEF
|
|
141
143
|
*/
|
142
144
|
|
143
145
|
exports.DEFAULT_PADDING = DEFAULT_PADDING;
|
144
|
-
var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL];
|
146
|
+
var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL, TYPE_SENTINEL_SCORE];
|
145
147
|
exports.ALIGN_RIGHT_TYPES = ALIGN_RIGHT_TYPES;
|
package/es/HiCell/CellImage.js
CHANGED
@@ -17,12 +17,21 @@ export const styles = () => ({
|
|
17
17
|
alignItems: 'center'
|
18
18
|
}
|
19
19
|
});
|
20
|
+
|
21
|
+
const handleError = fallbackImage => e => {
|
22
|
+
if (fallbackImage) {
|
23
|
+
e.target.src = `${fallbackImage}`;
|
24
|
+
} else {
|
25
|
+
e.target.style.display = 'none';
|
26
|
+
}
|
27
|
+
};
|
20
28
|
/**
|
21
29
|
* Cette cellule permet d'afficher une image/logo (24px largeur) et un label (optionnel).
|
22
30
|
* En vue large, aucun tooltip n'est affiché
|
23
31
|
* En vue small (s) elle affiche uniquement l'image avec une largeur fixe.
|
24
32
|
*/
|
25
33
|
|
34
|
+
|
26
35
|
class CellImage extends React.PureComponent {
|
27
36
|
render() {
|
28
37
|
const {
|
@@ -31,7 +40,8 @@ class CellImage extends React.PureComponent {
|
|
31
40
|
label,
|
32
41
|
shortLabel,
|
33
42
|
view,
|
34
|
-
size
|
43
|
+
size,
|
44
|
+
fallbackImage
|
35
45
|
} = this.props;
|
36
46
|
if (!path || path === '') return '';
|
37
47
|
return React.createElement("div", {
|
@@ -41,7 +51,8 @@ class CellImage extends React.PureComponent {
|
|
41
51
|
src: path,
|
42
52
|
alt: label,
|
43
53
|
className: classes.img,
|
44
|
-
width: size
|
54
|
+
width: size,
|
55
|
+
onError: handleError(fallbackImage)
|
45
56
|
}), shortLabel && view === 'm' && React.createElement("span", {
|
46
57
|
className: classes.label
|
47
58
|
}, shortLabel), label && (view === 'l' || view === 'm' && !shortLabel) && React.createElement("span", {
|
package/es/HiCell/CellNumeric.js
CHANGED
@@ -3,138 +3,62 @@ import PropTypes from 'prop-types';
|
|
3
3
|
import HiColoredLabel from '../HiColoredLabel';
|
4
4
|
import withStyles from '../styles/withStyles';
|
5
5
|
export const styles = {
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
minWidth: 18
|
6
|
+
flexContent: {
|
7
|
+
display: 'flex',
|
8
|
+
justifyContent: 'flex-end'
|
10
9
|
},
|
11
|
-
label: {
|
12
|
-
marginLeft: 2
|
13
|
-
},
|
14
|
-
nowrap: {
|
15
|
-
whiteSpace: 'nowrap'
|
16
|
-
}
|
10
|
+
label: {}
|
17
11
|
};
|
18
|
-
/**
|
19
|
-
* Get Theme color from fraudResult
|
20
|
-
* @param fraudResult
|
21
|
-
* @returns {*}
|
22
|
-
*/
|
23
|
-
|
24
|
-
function getColorFromFraudResult(fraudResult) {
|
25
|
-
let color;
|
26
|
-
|
27
|
-
switch (fraudResult.toUpperCase()) {
|
28
|
-
case 'ACCEPTED':
|
29
|
-
color = 'positive';
|
30
|
-
break;
|
31
|
-
|
32
|
-
case 'BLOCKED':
|
33
|
-
color = 'negative';
|
34
|
-
break;
|
35
|
-
|
36
|
-
case 'CHALLENGED':
|
37
|
-
color = 'middle';
|
38
|
-
break;
|
39
|
-
|
40
|
-
case 'PENDING':
|
41
|
-
color = 'primary';
|
42
|
-
break;
|
43
|
-
|
44
|
-
case 'FORCE_AUTHENTICATE':
|
45
|
-
case 'ASK_AUTHENTICATE':
|
46
|
-
default:
|
47
|
-
color = 'neutral';
|
48
|
-
break;
|
49
|
-
}
|
50
|
-
|
51
|
-
return color;
|
52
|
-
}
|
53
12
|
/**
|
54
13
|
* Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
|
55
14
|
*/
|
56
15
|
|
57
|
-
|
58
16
|
class CellSentinel extends React.PureComponent {
|
59
17
|
render() {
|
60
18
|
const {
|
19
|
+
active,
|
61
20
|
classes,
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
21
|
+
color,
|
22
|
+
label,
|
23
|
+
letter,
|
24
|
+
outlined,
|
25
|
+
reviewer,
|
26
|
+
value
|
68
27
|
} = this.props;
|
69
|
-
|
28
|
+
|
29
|
+
const _label = label ? label : value;
|
30
|
+
|
31
|
+
const _letter = letter ? letter : _label[0];
|
32
|
+
|
70
33
|
return React.createElement("div", {
|
71
|
-
|
72
|
-
|
73
|
-
minWidth: '100px'
|
74
|
-
}
|
34
|
+
className: classes.flexContent,
|
35
|
+
title: reviewer ? `${_label}\n${reviewer}` : _label
|
75
36
|
}, React.createElement(HiColoredLabel, {
|
76
|
-
|
77
|
-
color: getColorFromFraudResult(fraudResult),
|
78
|
-
classes: {
|
79
|
-
root: classes.label
|
80
|
-
},
|
81
|
-
active: pendingManualAction
|
82
|
-
}), !hideFraudResult && React.createElement(HiColoredLabel, {
|
83
|
-
label: fraudResult.toUpperCase().substr(0, 1),
|
84
|
-
color: getColorFromFraudResult(fraudResult),
|
37
|
+
active: active,
|
85
38
|
classes: {
|
86
39
|
root: classes.label
|
87
40
|
},
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
}
|
92
|
-
label: automaticFraudReviewResult.toUpperCase().substr(0, 1),
|
93
|
-
color: getColorFromFraudResult(automaticFraudReviewResult),
|
94
|
-
active: pendingManualAction
|
95
|
-
})));
|
41
|
+
color: color,
|
42
|
+
label: _letter,
|
43
|
+
outlined: outlined
|
44
|
+
}));
|
96
45
|
}
|
97
46
|
|
98
47
|
}
|
99
48
|
|
100
49
|
CellSentinel.defaultProps = {
|
101
|
-
|
50
|
+
active: false,
|
51
|
+
outlined: false
|
102
52
|
};
|
103
53
|
CellSentinel.propTypes = process.env.NODE_ENV !== "production" ? {
|
104
|
-
/**
|
105
|
-
* Résultat de l'automaticFraudReview si la transaction est passée par SmartDecision
|
106
|
-
*/
|
107
|
-
automaticFraudReviewResult: PropTypes.string,
|
108
|
-
|
109
|
-
/**
|
110
|
-
* Useful to extend the style applied to components.
|
111
|
-
*/
|
112
54
|
classes: PropTypes.object,
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
* Si true le fraudResult ne sera pas affiché
|
121
|
-
*/
|
122
|
-
hideFraudResult: PropTypes.bool,
|
123
|
-
|
124
|
-
/**
|
125
|
-
* Signal qu'il attend une réponse manuelle
|
126
|
-
*/
|
127
|
-
pendingManualAction: PropTypes.bool,
|
128
|
-
|
129
|
-
/**
|
130
|
-
* Score de la fraude
|
131
|
-
*/
|
132
|
-
score: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
|
133
|
-
|
134
|
-
/**
|
135
|
-
* Active le SmartDecision (ajoute l'indicateur ou blanc)
|
136
|
-
*/
|
137
|
-
smartDecision: PropTypes.bool
|
55
|
+
value: PropTypes.string,
|
56
|
+
color: PropTypes.string,
|
57
|
+
label: PropTypes.string,
|
58
|
+
letter: PropTypes.string,
|
59
|
+
active: PropTypes.bool,
|
60
|
+
reviewer: PropTypes.string,
|
61
|
+
outlined: PropTypes.bool
|
138
62
|
} : {};
|
139
63
|
export default withStyles(styles, {
|
140
64
|
name: 'HmuiCellSentinel'
|
@@ -0,0 +1,60 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import PropTypes from 'prop-types';
|
3
|
+
import HiColoredLabel from '../HiColoredLabel';
|
4
|
+
import withStyles from '../styles/withStyles';
|
5
|
+
export const styles = {
|
6
|
+
flexContent: {
|
7
|
+
display: 'flex',
|
8
|
+
justifyContent: 'flex-end'
|
9
|
+
},
|
10
|
+
label: {}
|
11
|
+
};
|
12
|
+
export const sentinelColorById = {
|
13
|
+
NOT_LAUNCHED: '#737373',
|
14
|
+
ACCEPTED: '#00AF01',
|
15
|
+
AUTHENTICATE: '#484A4B',
|
16
|
+
FORCE_AUTHENTICATE: '#20272B',
|
17
|
+
PENDING: '#3987AD',
|
18
|
+
CHALLENGED: '#FF8F01',
|
19
|
+
BLOCKED: '#D50000',
|
20
|
+
ALLOWED: '#00AF01',
|
21
|
+
DENIED: '#D50000'
|
22
|
+
};
|
23
|
+
/**
|
24
|
+
* Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
|
25
|
+
*/
|
26
|
+
|
27
|
+
class CellSentinelScore extends React.PureComponent {
|
28
|
+
render() {
|
29
|
+
const {
|
30
|
+
active,
|
31
|
+
classes,
|
32
|
+
result,
|
33
|
+
value
|
34
|
+
} = this.props;
|
35
|
+
return React.createElement("div", {
|
36
|
+
className: classes.flexContent
|
37
|
+
}, React.createElement(HiColoredLabel, {
|
38
|
+
active: active,
|
39
|
+
classes: {
|
40
|
+
root: classes.label
|
41
|
+
},
|
42
|
+
color: sentinelColorById[result],
|
43
|
+
label: value > 0 ? `+${value}` : `${value}`
|
44
|
+
}));
|
45
|
+
}
|
46
|
+
|
47
|
+
}
|
48
|
+
|
49
|
+
CellSentinelScore.defaultProps = {
|
50
|
+
active: false
|
51
|
+
};
|
52
|
+
CellSentinelScore.propTypes = process.env.NODE_ENV !== "production" ? {
|
53
|
+
active: PropTypes.bool,
|
54
|
+
classes: PropTypes.object,
|
55
|
+
result: PropTypes.string,
|
56
|
+
value: PropTypes.number
|
57
|
+
} : {};
|
58
|
+
export default withStyles(styles, {
|
59
|
+
name: 'HmuiCellSentinelScore'
|
60
|
+
})(CellSentinelScore);
|
@@ -0,0 +1,57 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import HiColoredLabel from '../HiColoredLabel';
|
3
|
+
const styleRoot = {
|
4
|
+
width: '100%',
|
5
|
+
height: 19,
|
6
|
+
margin: 'auto 0',
|
7
|
+
display: 'flex',
|
8
|
+
lineHeight: '15px'
|
9
|
+
};
|
10
|
+
const styleColorLabel = {
|
11
|
+
display: 'inline-block',
|
12
|
+
overflow: 'hidden',
|
13
|
+
textOverflow: 'ellipsis',
|
14
|
+
whiteSpace: 'pre'
|
15
|
+
};
|
16
|
+
const styleLabel = {
|
17
|
+
display: 'inline-block',
|
18
|
+
overflow: 'hidden',
|
19
|
+
textOverflow: 'ellipsis',
|
20
|
+
whiteSpace: 'pre',
|
21
|
+
width: '100%'
|
22
|
+
};
|
23
|
+
/**
|
24
|
+
* CellText functional component
|
25
|
+
* (don't includes complex ellipsis: middle, after-first-word...)
|
26
|
+
*
|
27
|
+
* @param label
|
28
|
+
* @param color
|
29
|
+
* @param value
|
30
|
+
* @param active
|
31
|
+
* @param title
|
32
|
+
* @returns {*}
|
33
|
+
* @constructor
|
34
|
+
*/
|
35
|
+
|
36
|
+
const CellTextStyled = ({
|
37
|
+
label,
|
38
|
+
color,
|
39
|
+
value = '',
|
40
|
+
active = false,
|
41
|
+
title = ''
|
42
|
+
}) => {
|
43
|
+
const valueString = label ? label.toString() : value.toString();
|
44
|
+
return React.createElement("div", {
|
45
|
+
style: styleRoot,
|
46
|
+
title: title ? title : valueString
|
47
|
+
}, color ? React.createElement(HiColoredLabel, {
|
48
|
+
style: styleColorLabel,
|
49
|
+
label: valueString,
|
50
|
+
color: color,
|
51
|
+
active: active
|
52
|
+
}) : React.createElement("div", {
|
53
|
+
style: styleLabel
|
54
|
+
}, valueString));
|
55
|
+
};
|
56
|
+
|
57
|
+
export default CellTextStyled;
|
package/es/HiCell/index.js
CHANGED
@@ -5,4 +5,5 @@ export { default as CellImage } from './CellImage';
|
|
5
5
|
export { default as CellNumeric } from './CellNumeric';
|
6
6
|
export { default as CellRate } from './CellRate';
|
7
7
|
export { default as CellSentinel } from './CellSentinel';
|
8
|
-
export { default as CellText } from './CellText';
|
8
|
+
export { default as CellText } from './CellText';
|
9
|
+
export { default as CellTextStyled } from './CellTextStyled';
|
package/es/HiChip/HiChip.js
CHANGED
@@ -52,7 +52,7 @@ export const styles = theme => ({
|
|
52
52
|
position: 'relative',
|
53
53
|
cursor: 'pointer',
|
54
54
|
'&:hover, &:focus': {
|
55
|
-
color: theme.palette.
|
55
|
+
color: theme.palette.neutral.dark
|
56
56
|
}
|
57
57
|
},
|
58
58
|
label: {
|
@@ -63,6 +63,7 @@ export const styles = theme => ({
|
|
63
63
|
textOverflow: 'ellipsis'
|
64
64
|
},
|
65
65
|
prefix: {
|
66
|
+
whiteSpace: 'nowrap',
|
66
67
|
color: theme.palette.neutral.dark,
|
67
68
|
paddingRight: 4
|
68
69
|
},
|
@@ -96,6 +96,9 @@ export const styles = theme => ({
|
|
96
96
|
activeColorNeutral: {
|
97
97
|
color: theme.palette.neutral.contrastText,
|
98
98
|
backgroundColor: theme.palette.neutral.main
|
99
|
+
},
|
100
|
+
outlined: {
|
101
|
+
border: '1px solid'
|
99
102
|
}
|
100
103
|
});
|
101
104
|
/**
|
@@ -111,11 +114,12 @@ function HiColoredLabel(props) {
|
|
111
114
|
label,
|
112
115
|
color,
|
113
116
|
active,
|
117
|
+
outlined,
|
114
118
|
fontWeight,
|
115
119
|
style,
|
116
120
|
theme
|
117
121
|
} = props,
|
118
|
-
other = _objectWithoutProperties(props, ["classes", "className", "label", "color", "active", "fontWeight", "style", "theme"]);
|
122
|
+
other = _objectWithoutProperties(props, ["classes", "className", "label", "color", "active", "outlined", "fontWeight", "style", "theme"]);
|
119
123
|
|
120
124
|
const isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
|
121
125
|
const isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
|
@@ -123,6 +127,7 @@ function HiColoredLabel(props) {
|
|
123
127
|
className: classNames(classes.root, {
|
124
128
|
[classes.color]: !active,
|
125
129
|
[classes.activeColor]: active,
|
130
|
+
[classes.outlined]: outlined,
|
126
131
|
[classes[`activeColor${capitalize(color)}`]]: active && isHiColor,
|
127
132
|
[classes[`color${capitalize(color)}`]]: !active && isHiColor
|
128
133
|
}, className),
|
@@ -165,11 +170,17 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
165
170
|
/**
|
166
171
|
* Label à afficher
|
167
172
|
*/
|
168
|
-
label: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]).isRequired
|
173
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]).isRequired,
|
174
|
+
|
175
|
+
/**
|
176
|
+
* Ajoute une bordure
|
177
|
+
*/
|
178
|
+
outlined: PropTypes.bool
|
169
179
|
} : {};
|
170
180
|
HiColoredLabel.defaultProps = {
|
171
181
|
active: false,
|
172
|
-
color: 'primary'
|
182
|
+
color: 'primary',
|
183
|
+
outlined: false
|
173
184
|
};
|
174
185
|
export default withStyles(styles, {
|
175
186
|
hiComponent: true,
|
@@ -213,7 +213,7 @@ class HiDatePicker extends React.Component {
|
|
213
213
|
todayButton: translations.today,
|
214
214
|
onTodayButtonClick: this.handleCurrentMonthChange,
|
215
215
|
weekdayElement: Weekday,
|
216
|
-
|
216
|
+
navbarElement: props2 => React.createElement(NavBar, _extends({
|
217
217
|
showClockButton: enableTime,
|
218
218
|
onClockClick: this.handleClockClick
|
219
219
|
}, props2)),
|