@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.
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)),