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