@hipay/hipay-material-ui 2.0.0-beta.53 → 2.0.0-beta.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/HiCell/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)),
|