@hipay/hipay-material-ui 3.2.0-PSYCHE-2816 → 3.2.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -23,11 +23,7 @@ var _react = _interopRequireDefault(require("react"));
23
23
 
24
24
  var _classnames = _interopRequireDefault(require("classnames"));
25
25
 
26
- var _ArrowBottomRight = _interopRequireDefault(require("mdi-material-ui/ArrowBottomRight"));
27
-
28
- var _ArrowTopRight = _interopRequireDefault(require("mdi-material-ui/ArrowTopRight"));
29
-
30
- var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
26
+ var _mdiMaterialUi = require("mdi-material-ui");
31
27
 
32
28
  var _helpers = require("../utils/helpers");
33
29
 
@@ -106,19 +102,19 @@ function (_React$PureComponent) {
106
102
 
107
103
  switch (trendchip) {
108
104
  case 'equal':
109
- trendIcon = _react.default.createElement(_Equal.default, {
105
+ trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
110
106
  className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
111
107
  });
112
108
  break;
113
109
 
114
110
  case 'up':
115
- trendIcon = _react.default.createElement(_ArrowTopRight.default, {
111
+ trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowTopRight, {
116
112
  className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, isPositive), (0, _defineProperty2.default)(_classNames, classes.negative, !isPositive), _classNames))
117
113
  });
118
114
  break;
119
115
 
120
116
  case 'down':
121
- trendIcon = _react.default.createElement(_ArrowBottomRight.default, {
117
+ trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowBottomRight, {
122
118
  className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.positive, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.negative, isPositive), _classNames2))
123
119
  });
124
120
  break;
@@ -178,9 +178,9 @@ function (_React$Component) {
178
178
 
179
179
  if (!_this.props.enableTime) {
180
180
  if (name === 'from') {
181
- date.setHours(0, 0);
181
+ date.setHours(0, 0, 0);
182
182
  } else {
183
- date.setHours(23, 59);
183
+ date.setHours(23, 59, 59);
184
184
  }
185
185
  }
186
186
  }
@@ -147,7 +147,7 @@ function buildDateRangeOptionByKey(key, t, format) {
147
147
  case 'cd':
148
148
  label = t.today;
149
149
  from = (0, _momentTimezone.default)().startOf('day');
150
- to = (0, _momentTimezone.default)().endOf('day');
150
+ to = (0, _momentTimezone.default)();
151
151
  info = "".concat(from.format(format));
152
152
  break;
153
153
 
package/HiIcon/HiIcon.js CHANGED
@@ -27,6 +27,8 @@ var _helpers = require("../utils/helpers");
27
27
 
28
28
  var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
29
29
 
30
+ var mdi = _interopRequireWildcard(require("mdi-material-ui"));
31
+
30
32
  var useStyles = (0, _styles.makeStyles)(function (theme) {
31
33
  return {
32
34
  /* Styles applied to the root element. */
@@ -54,6 +56,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
54
56
  color = props.color,
55
57
  other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
56
58
  var classes = useStyles(props);
59
+ var theme = (0, _styles.useTheme)();
57
60
  var iconName = icon !== null ? icon : children;
58
61
  var iconType = (0, _react.useMemo)(function () {
59
62
  if (iconName && iconName.indexOf('fa-') === 0) {
@@ -87,9 +90,8 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
87
90
  }, other));
88
91
 
89
92
  case "mdi":
90
- var MdiIconComponent = require("mdi-material-ui/".concat((0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4))))).default;
91
-
92
- return _react.default.createElement(MdiIconComponent, (0, _extends2.default)({
93
+ var MdiIconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
94
+ return _react.default.createElement(MdiIconName, (0, _extends2.default)({
93
95
  ref: ref,
94
96
  className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
95
97
  color: "inherit",
@@ -637,7 +637,11 @@ function (_React$PureComponent) {
637
637
  _buildSelectProps$inp = _buildSelectProps.inputValue,
638
638
  inputValue = _buildSelectProps$inp === void 0 ? this.buildInputValue(options, selectedItemIdList, loading) : _buildSelectProps$inp;
639
639
 
640
- var popperStyle = {};
640
+ var popperStyle = {
641
+ position: 'fixed',
642
+ top: 0,
643
+ left: 0
644
+ };
641
645
 
642
646
  if (this.props.containerWidth > 0) {
643
647
  popperStyle = {
@@ -17,6 +17,10 @@ var _react = _interopRequireWildcard(require("react"));
17
17
 
18
18
  var _classnames = _interopRequireDefault(require("classnames"));
19
19
 
20
+ var _reactUse = require("react-use");
21
+
22
+ var _styles = require("@material-ui/core/styles");
23
+
20
24
  var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
21
25
 
22
26
  var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
@@ -29,16 +33,8 @@ var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
29
33
 
30
34
  var _HiLoader = _interopRequireDefault(require("../HiLoader"));
31
35
 
32
- var _styles = require("@material-ui/core/styles");
33
-
34
36
  var _helpers = require("../utils/helpers");
35
37
 
36
- var _pure = _interopRequireDefault(require("recompose/pure"));
37
-
38
- var _keycode = _interopRequireDefault(require("keycode"));
39
-
40
- var _reactUse = require("react-use");
41
-
42
38
  var useItemLabelStyles = (0, _styles.makeStyles)(function (theme) {
43
39
  return {
44
40
  label: {
@@ -279,15 +275,15 @@ function HiSelectableListItem(props) {
279
275
  var ref = (0, _react.useRef)(null);
280
276
  var isHovering = (0, _reactUse.useHoverDirty)(ref);
281
277
  var onKeyDown = (0, _react.useCallback)(function (_ref) {
282
- var key = _ref.key;
278
+ var code = _ref.code;
283
279
 
284
- if (key === 'space' || key === 'enter') {
280
+ if (code === 'Space' || code === 'Enter') {
285
281
  event.preventDefault();
286
282
  event.stopPropagation();
287
283
  if (item) onSelect(null, item);
288
284
  }
289
285
  }, [item]);
290
- (0, _reactUse.useEvent)('keydown', onKeyDown); // Return simple loader list item
286
+ (0, _reactUse.useEvent)('keydown', onKeyDown, ref.current); // Return simple loader list item
291
287
 
292
288
  if (type === 'loader') {
293
289
  return _react.default.createElement(_ListItem.default, null, _react.default.createElement(_HiLoader.default, {
@@ -173,7 +173,7 @@ function (_React$PureComponent) {
173
173
  outlined: datacell.outlined
174
174
  });
175
175
 
176
- case cst.TYPE_SENTINEL_SCORE:
176
+ case cst.TYPE_SCORE:
177
177
  return _react.default.createElement(_CellSentinelScore.default, {
178
178
  value: datacell.value,
179
179
  result: datacell.result,
@@ -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_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_CUSTOMER_ACCOUNT_NUMBER = 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_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_CUSTOMER_ACCOUNT_NUMBER = 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/esm/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_SENTINEL_SCORE, _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_SCORE, _TYPE_STATUS, _TYPE_TEXT, _TYPE_THIRD_PARTY_SEC, _DEFAULT_WIDTHS, _DEFAULT_VIEWS, _DEFAULT_PADDING;
13
13
 
14
14
  /**
15
15
  * Infinite scroll variables
@@ -57,8 +57,8 @@ var TYPE_RATE = 'rate';
57
57
  exports.TYPE_RATE = TYPE_RATE;
58
58
  var TYPE_SENTINEL = 'sentinel';
59
59
  exports.TYPE_SENTINEL = TYPE_SENTINEL;
60
- var TYPE_SENTINEL_SCORE = 'sentinel_score';
61
- exports.TYPE_SENTINEL_SCORE = TYPE_SENTINEL_SCORE;
60
+ var TYPE_SCORE = 'score';
61
+ exports.TYPE_SCORE = TYPE_SCORE;
62
62
  var TYPE_STATUS = 'status';
63
63
  exports.TYPE_STATUS = TYPE_STATUS;
64
64
  var TYPE_COUNTRY = 'country';
@@ -124,14 +124,14 @@ var FRAUD_RESULT_ASK_AUTHENTICATE = 'ASK_AUTHENTICATE';
124
124
  */
125
125
 
126
126
  exports.FRAUD_RESULT_ASK_AUTHENTICATE = FRAUD_RESULT_ASK_AUTHENTICATE;
127
- 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);
127
+ 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_SCORE, (_TYPE_SCORE = {}, (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.LARGE, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.SMALL, 80), _TYPE_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);
128
128
  /**
129
129
  * Cell default width for each views
130
130
  * @type {{}}
131
131
  */
132
132
 
133
133
  exports.DEFAULT_WIDTHS = DEFAULT_WIDTHS;
134
- 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);
134
+ 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_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);
135
135
  /**
136
136
  * Cell default side padding (one side) for each views
137
137
  * @type {{}}
@@ -145,5 +145,5 @@ var DEFAULT_PADDING = (_DEFAULT_PADDING = {}, (0, _defineProperty2.default)(_DEF
145
145
  */
146
146
 
147
147
  exports.DEFAULT_PADDING = DEFAULT_PADDING;
148
- var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL, TYPE_SENTINEL_SCORE];
148
+ var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL, TYPE_SCORE];
149
149
  exports.ALIGN_RIGHT_TYPES = ALIGN_RIGHT_TYPES;
@@ -23,11 +23,7 @@ var _react = _interopRequireDefault(require("react"));
23
23
 
24
24
  var _classnames = _interopRequireDefault(require("classnames"));
25
25
 
26
- var _ArrowBottomRight = _interopRequireDefault(require("mdi-material-ui/ArrowBottomRight"));
27
-
28
- var _ArrowTopRight = _interopRequireDefault(require("mdi-material-ui/ArrowTopRight"));
29
-
30
- var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
26
+ var _mdiMaterialUi = require("mdi-material-ui");
31
27
 
32
28
  var _helpers = require("../utils/helpers");
33
29
 
@@ -106,19 +102,19 @@ function (_React$PureComponent) {
106
102
 
107
103
  switch (trendchip) {
108
104
  case 'equal':
109
- trendIcon = _react.default.createElement(_Equal.default, {
105
+ trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
110
106
  className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
111
107
  });
112
108
  break;
113
109
 
114
110
  case 'up':
115
- trendIcon = _react.default.createElement(_ArrowTopRight.default, {
111
+ trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowTopRight, {
116
112
  className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, isPositive), (0, _defineProperty2.default)(_classNames, classes.negative, !isPositive), _classNames))
117
113
  });
118
114
  break;
119
115
 
120
116
  case 'down':
121
- trendIcon = _react.default.createElement(_ArrowBottomRight.default, {
117
+ trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowBottomRight, {
122
118
  className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.positive, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.negative, isPositive), _classNames2))
123
119
  });
124
120
  break;
@@ -178,9 +178,9 @@ function (_React$Component) {
178
178
 
179
179
  if (!_this.props.enableTime) {
180
180
  if (name === 'from') {
181
- date.setHours(0, 0);
181
+ date.setHours(0, 0, 0);
182
182
  } else {
183
- date.setHours(23, 59);
183
+ date.setHours(23, 59, 59);
184
184
  }
185
185
  }
186
186
  }
@@ -147,7 +147,7 @@ function buildDateRangeOptionByKey(key, t, format) {
147
147
  case 'cd':
148
148
  label = t.today;
149
149
  from = (0, _momentTimezone.default)().startOf('day');
150
- to = (0, _momentTimezone.default)().endOf('day');
150
+ to = (0, _momentTimezone.default)();
151
151
  info = "".concat(from.format(format));
152
152
  break;
153
153
 
@@ -27,6 +27,8 @@ var _helpers = require("../utils/helpers");
27
27
 
28
28
  var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
29
29
 
30
+ var mdi = _interopRequireWildcard(require("mdi-material-ui"));
31
+
30
32
  var useStyles = (0, _styles.makeStyles)(function (theme) {
31
33
  return {
32
34
  /* Styles applied to the root element. */
@@ -54,6 +56,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
54
56
  color = props.color,
55
57
  other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
56
58
  var classes = useStyles(props);
59
+ var theme = (0, _styles.useTheme)();
57
60
  var iconName = icon !== null ? icon : children;
58
61
  var iconType = (0, _react.useMemo)(function () {
59
62
  if (iconName && iconName.indexOf('fa-') === 0) {
@@ -87,9 +90,8 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
87
90
  }, other));
88
91
 
89
92
  case "mdi":
90
- var MdiIconComponent = require("mdi-material-ui/".concat((0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4))))).default;
91
-
92
- return _react.default.createElement(MdiIconComponent, (0, _extends2.default)({
93
+ var MdiIconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
94
+ return _react.default.createElement(MdiIconName, (0, _extends2.default)({
93
95
  ref: ref,
94
96
  className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
95
97
  color: "inherit",
@@ -637,7 +637,11 @@ function (_React$PureComponent) {
637
637
  _buildSelectProps$inp = _buildSelectProps.inputValue,
638
638
  inputValue = _buildSelectProps$inp === void 0 ? this.buildInputValue(options, selectedItemIdList, loading) : _buildSelectProps$inp;
639
639
 
640
- var popperStyle = {};
640
+ var popperStyle = {
641
+ position: 'fixed',
642
+ top: 0,
643
+ left: 0
644
+ };
641
645
 
642
646
  if (this.props.containerWidth > 0) {
643
647
  popperStyle = {
@@ -17,6 +17,10 @@ var _react = _interopRequireWildcard(require("react"));
17
17
 
18
18
  var _classnames = _interopRequireDefault(require("classnames"));
19
19
 
20
+ var _reactUse = require("react-use");
21
+
22
+ var _styles = require("@material-ui/core/styles");
23
+
20
24
  var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
21
25
 
22
26
  var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
@@ -29,16 +33,8 @@ var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
29
33
 
30
34
  var _HiLoader = _interopRequireDefault(require("../HiLoader"));
31
35
 
32
- var _styles = require("@material-ui/core/styles");
33
-
34
36
  var _helpers = require("../utils/helpers");
35
37
 
36
- var _pure = _interopRequireDefault(require("recompose/pure"));
37
-
38
- var _keycode = _interopRequireDefault(require("keycode"));
39
-
40
- var _reactUse = require("react-use");
41
-
42
38
  var useItemLabelStyles = (0, _styles.makeStyles)(function (theme) {
43
39
  return {
44
40
  label: {
@@ -279,15 +275,15 @@ function HiSelectableListItem(props) {
279
275
  var ref = (0, _react.useRef)(null);
280
276
  var isHovering = (0, _reactUse.useHoverDirty)(ref);
281
277
  var onKeyDown = (0, _react.useCallback)(function (_ref) {
282
- var key = _ref.key;
278
+ var code = _ref.code;
283
279
 
284
- if (key === 'space' || key === 'enter') {
280
+ if (code === 'Space' || code === 'Enter') {
285
281
  event.preventDefault();
286
282
  event.stopPropagation();
287
283
  if (item) onSelect(null, item);
288
284
  }
289
285
  }, [item]);
290
- (0, _reactUse.useEvent)('keydown', onKeyDown); // Return simple loader list item
286
+ (0, _reactUse.useEvent)('keydown', onKeyDown, ref.current); // Return simple loader list item
291
287
 
292
288
  if (type === 'loader') {
293
289
  return _react.default.createElement(_ListItem.default, null, _react.default.createElement(_HiLoader.default, {
@@ -173,7 +173,7 @@ function (_React$PureComponent) {
173
173
  outlined: datacell.outlined
174
174
  });
175
175
 
176
- case cst.TYPE_SENTINEL_SCORE:
176
+ case cst.TYPE_SCORE:
177
177
  return _react.default.createElement(_CellSentinelScore.default, {
178
178
  value: datacell.value,
179
179
  result: datacell.result,
@@ -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_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_CUSTOMER_ACCOUNT_NUMBER = 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_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_CUSTOMER_ACCOUNT_NUMBER = 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/esm/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_SENTINEL_SCORE, _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_SCORE, _TYPE_STATUS, _TYPE_TEXT, _TYPE_THIRD_PARTY_SEC, _DEFAULT_WIDTHS, _DEFAULT_VIEWS, _DEFAULT_PADDING;
13
13
 
14
14
  /**
15
15
  * Infinite scroll variables
@@ -57,8 +57,8 @@ var TYPE_RATE = 'rate';
57
57
  exports.TYPE_RATE = TYPE_RATE;
58
58
  var TYPE_SENTINEL = 'sentinel';
59
59
  exports.TYPE_SENTINEL = TYPE_SENTINEL;
60
- var TYPE_SENTINEL_SCORE = 'sentinel_score';
61
- exports.TYPE_SENTINEL_SCORE = TYPE_SENTINEL_SCORE;
60
+ var TYPE_SCORE = 'score';
61
+ exports.TYPE_SCORE = TYPE_SCORE;
62
62
  var TYPE_STATUS = 'status';
63
63
  exports.TYPE_STATUS = TYPE_STATUS;
64
64
  var TYPE_COUNTRY = 'country';
@@ -124,14 +124,14 @@ var FRAUD_RESULT_ASK_AUTHENTICATE = 'ASK_AUTHENTICATE';
124
124
  */
125
125
 
126
126
  exports.FRAUD_RESULT_ASK_AUTHENTICATE = FRAUD_RESULT_ASK_AUTHENTICATE;
127
- 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);
127
+ 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_SCORE, (_TYPE_SCORE = {}, (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.LARGE, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.MEDIUM, 80), (0, _defineProperty2.default)(_TYPE_SCORE, VIEWS.SMALL, 80), _TYPE_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);
128
128
  /**
129
129
  * Cell default width for each views
130
130
  * @type {{}}
131
131
  */
132
132
 
133
133
  exports.DEFAULT_WIDTHS = DEFAULT_WIDTHS;
134
- 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);
134
+ 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_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);
135
135
  /**
136
136
  * Cell default side padding (one side) for each views
137
137
  * @type {{}}
@@ -145,5 +145,5 @@ var DEFAULT_PADDING = (_DEFAULT_PADDING = {}, (0, _defineProperty2.default)(_DEF
145
145
  */
146
146
 
147
147
  exports.DEFAULT_PADDING = DEFAULT_PADDING;
148
- var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL, TYPE_SENTINEL_SCORE];
148
+ var ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL, TYPE_SCORE];
149
149
  exports.ALIGN_RIGHT_TYPES = ALIGN_RIGHT_TYPES;
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _fs = _interopRequireDefault(require("fs"));
6
+
7
+ var _path = _interopRequireDefault(require("path"));
8
+
9
+ var _react = _interopRequireDefault(require("react"));
10
+
11
+ var _chai = require("chai");
12
+
13
+ var _testUtils = require("../test-utils");
14
+
15
+ describe('hi-svg-icons', function () {
16
+ var shallow;
17
+ before(function () {
18
+ shallow = (0, _testUtils.createShallow)();
19
+ });
20
+ it('should be able to render all of them', function (done) {
21
+ // This test can only be run on the node env
22
+ if (!_fs.default.readdir) {
23
+ done();
24
+ return;
25
+ }
26
+
27
+ _fs.default.readdir(__dirname, function (err, files) {
28
+ files.forEach(function (file) {
29
+ // Ignore no js files and tests
30
+ if (file.indexOf('.js') === -1 || file.indexOf('text.js') > -1) {
31
+ return;
32
+ } // eslint-disable-next-line global-require, import/no-dynamic-require
33
+
34
+
35
+ var fileLoaded = require(_path.default.join(__dirname, file));
36
+
37
+ if (!fileLoaded.default) {
38
+ return;
39
+ }
40
+
41
+ var Icon = fileLoaded.default;
42
+ var wrapper = shallow(_react.default.createElement(Icon, {
43
+ className: "foo"
44
+ }));
45
+
46
+ _chai.assert.strictEqual(wrapper.hasClass('foo'), true);
47
+ });
48
+ done();
49
+ });
50
+ });
51
+ });
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _fs = _interopRequireDefault(require("fs"));
6
+
7
+ var _path = _interopRequireDefault(require("path"));
8
+
9
+ var _react = _interopRequireDefault(require("react"));
10
+
11
+ var _chai = require("chai");
12
+
13
+ var _testUtils = require("../test-utils");
14
+
15
+ describe('hi-svg-icons', function () {
16
+ var shallow;
17
+ before(function () {
18
+ shallow = (0, _testUtils.createShallow)();
19
+ });
20
+ it('should be able to render all of them', function (done) {
21
+ // This test can only be run on the node env
22
+ if (!_fs.default.readdir) {
23
+ done();
24
+ return;
25
+ }
26
+
27
+ _fs.default.readdir(__dirname, function (err, files) {
28
+ files.forEach(function (file) {
29
+ // Ignore no js files and tests
30
+ if (file.indexOf('.js') === -1 || file.indexOf('text.js') > -1) {
31
+ return;
32
+ } // eslint-disable-next-line global-require, import/no-dynamic-require
33
+
34
+
35
+ var fileLoaded = require(_path.default.join(__dirname, file));
36
+
37
+ if (!fileLoaded.default) {
38
+ return;
39
+ }
40
+
41
+ var Icon = fileLoaded.default;
42
+ var wrapper = shallow(_react.default.createElement(Icon, {
43
+ className: "foo"
44
+ }));
45
+
46
+ _chai.assert.strictEqual(wrapper.hasClass('foo'), true);
47
+ });
48
+ done();
49
+ });
50
+ });
51
+ });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hipay/hipay-material-ui",
3
3
  "private": false,
4
- "version": "3.2.0-PSYCHE-2816",
4
+ "version": "3.2.1",
5
5
  "description": "React components that implement Google's Material Design.",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,6 +21,7 @@
21
21
  "dependencies": {
22
22
  "@babel/plugin-transform-runtime": "^7.8.3",
23
23
  "@babel/runtime": "7.6.3",
24
+ "@material-ui/icons": "4.4.3",
24
25
  "brcast": "3.0.1",
25
26
  "classnames": "2.2.6",
26
27
  "cross-env": "6.0.3",
@@ -34,7 +35,7 @@
34
35
  "jss-vendor-prefixer": "8.0.1",
35
36
  "keycode": "2.2.0",
36
37
  "leaflet": "1.5.1",
37
- "mdi-material-ui": "6.13.2",
38
+ "mdi-material-ui": "6.8.0",
38
39
  "mini-html-webpack-plugin": "1.0.0",
39
40
  "prop-types": "15.7.2",
40
41
  "react-custom-scrollbars": "4.2.1",
@@ -66,4 +67,4 @@
66
67
  },
67
68
  "main": "./index.js",
68
69
  "module": "./esm/index.js"
69
- }
70
+ }