@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.
Files changed (52) hide show
  1. package/HiCell/CellImage.js +16 -4
  2. package/HiCell/CellNumeric.js +1 -2
  3. package/HiCell/CellSentinel.js +33 -109
  4. package/HiCell/CellSentinelScore.js +100 -0
  5. package/HiCell/CellTextStyled.js +71 -0
  6. package/HiCell/index.js +9 -1
  7. package/HiChip/HiChip.js +2 -1
  8. package/HiColoredLabel/HiColoredLabel.js +14 -4
  9. package/HiDatePicker/HiDatePicker.js +1 -1
  10. package/HiDatePicker/HiDateRangePicker.js +349 -420
  11. package/HiDatePicker/HiDateRangeSelector.js +80 -62
  12. package/HiDatePicker/NavBar.js +2 -1
  13. package/HiDatePicker/Overlays/TimePickerOverlay.js +1 -1
  14. package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
  15. package/HiForm/HiFormControl.js +5 -4
  16. package/HiSelect/HiSuggestSelect.js +16 -2
  17. package/HiSelectNew/HiSelect.js +4 -1
  18. package/HiSelectableList/HiSelectableListItem.js +3 -1
  19. package/HiSwitch/HiSwitch.js +2 -1
  20. package/HiTable/HiCellBuilder.js +31 -27
  21. package/HiTable/HiTableHeader.js +21 -13
  22. package/HiTable/constants.js +7 -5
  23. package/es/HiCell/CellImage.js +13 -2
  24. package/es/HiCell/CellNumeric.js +1 -2
  25. package/es/HiCell/CellSentinel.js +32 -108
  26. package/es/HiCell/CellSentinelScore.js +60 -0
  27. package/es/HiCell/CellTextStyled.js +57 -0
  28. package/es/HiCell/index.js +2 -1
  29. package/es/HiChip/HiChip.js +2 -1
  30. package/es/HiColoredLabel/HiColoredLabel.js +14 -3
  31. package/es/HiDatePicker/HiDatePicker.js +1 -1
  32. package/es/HiDatePicker/HiDateRangePicker.js +312 -363
  33. package/es/HiDatePicker/HiDateRangeSelector.js +70 -56
  34. package/es/HiDatePicker/NavBar.js +2 -1
  35. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +1 -1
  36. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
  37. package/es/HiForm/HiFormControl.js +5 -4
  38. package/es/HiSelect/HiSuggestSelect.js +16 -3
  39. package/es/HiSelectNew/HiSelect.js +4 -1
  40. package/es/HiSelectableList/HiSelectableListItem.js +3 -1
  41. package/es/HiSwitch/HiSwitch.js +2 -1
  42. package/es/HiTable/HiCellBuilder.js +30 -27
  43. package/es/HiTable/HiTableHeader.js +20 -14
  44. package/es/HiTable/constants.js +8 -1
  45. package/es/styles/createPalette.js +3 -3
  46. package/index.es.js +1 -1
  47. package/index.js +1 -1
  48. package/package.json +1 -1
  49. package/styles/createPalette.js +3 -3
  50. package/umd/hipay-material-ui.development.js +9843 -6197
  51. package/umd/hipay-material-ui.production.min.js +2 -2
  52. package/yarn-error.log +0 -110
@@ -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, 80), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_SENTINEL, VIEWS.SMALL, 80), _TYPE_SENTINEL)), (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);
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;
@@ -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", {
@@ -4,8 +4,7 @@ import withStyles from '../styles/withStyles';
4
4
  import { formatNumber, formatCurrencyAmount } from '../utils/helpers';
5
5
  export const styles = () => ({
6
6
  wrapper: {
7
- textAlign: 'right',
8
- direction: 'rtl'
7
+ textAlign: 'right'
9
8
  }
10
9
  });
11
10
  /**
@@ -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
- smartDecision: {
7
- marginLeft: 2,
8
- display: 'inline-block',
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
- score,
63
- fraudResult,
64
- automaticFraudReviewResult,
65
- pendingManualAction,
66
- smartDecision,
67
- hideFraudResult
21
+ color,
22
+ label,
23
+ letter,
24
+ outlined,
25
+ reviewer,
26
+ value
68
27
  } = this.props;
69
- const scoreLabel = score > 0 ? `+${score}` : `${score}`;
28
+
29
+ const _label = label ? label : value;
30
+
31
+ const _letter = letter ? letter : _label[0];
32
+
70
33
  return React.createElement("div", {
71
- style: {
72
- textAlign: 'right',
73
- minWidth: '100px'
74
- }
34
+ className: classes.flexContent,
35
+ title: reviewer ? `${_label}\n${reviewer}` : _label
75
36
  }, React.createElement(HiColoredLabel, {
76
- label: scoreLabel,
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
- active: pendingManualAction
89
- }), !!smartDecision && React.createElement("div", {
90
- className: classes.smartDecision
91
- }, automaticFraudReviewResult && React.createElement(HiColoredLabel, {
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
- hideFraudResult: false
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
- * Résultat de la fraude
116
- */
117
- fraudResult: PropTypes.string.isRequired,
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;
@@ -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';
@@ -52,7 +52,7 @@ export const styles = theme => ({
52
52
  position: 'relative',
53
53
  cursor: 'pointer',
54
54
  '&:hover, &:focus': {
55
- color: theme.palette.primary.main
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
- NavBarElement: props2 => React.createElement(NavBar, _extends({
216
+ navbarElement: props2 => React.createElement(NavBar, _extends({
217
217
  showClockButton: enableTime,
218
218
  onClockClick: this.handleClockClick
219
219
  }, props2)),