@hipay/hipay-material-ui 2.0.0-beta.70 → 2.0.0-beta.72

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. package/CHANGELOG.md +76 -0
  2. package/HiAlertModal/HiAlertModal.js +3 -3
  3. package/HiAppBar/HiAppBar.js +3 -3
  4. package/HiBreadcrumb/HiStepConnector.js +3 -3
  5. package/HiCell/CellIcon.js +14 -3
  6. package/HiCell/CellText.js +3 -3
  7. package/HiCheckbox/HiCheckbox.js +3 -3
  8. package/HiChip/HiChipSwitch.js +5 -5
  9. package/HiDatePicker/HiDatePicker.js +19 -18
  10. package/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -3
  11. package/HiDatePicker/Overlays/TimePickerOverlay.js +4 -4
  12. package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
  13. package/HiDotsStepper/HiDotsStepper.js +4 -4
  14. package/HiForm/HiAddressField.js +7 -7
  15. package/HiForm/HiEmailField.js +3 -3
  16. package/HiForm/HiFormControl.js +8 -8
  17. package/HiForm/HiFormLabel.js +1 -1
  18. package/HiForm/HiInput.js +11 -11
  19. package/HiForm/HiPasswordField.js +3 -3
  20. package/HiForm/HiSearchField.js +5 -5
  21. package/HiForm/HiTextField.js +13 -6
  22. package/HiForm/HiUploadField.js +1 -1
  23. package/HiMap/HiMap.js +15 -22
  24. package/HiMap/HiMapExpand.js +4 -4
  25. package/HiNotice/HiKPI.js +3 -3
  26. package/HiSelect/HiDynamicSelect.js +7 -7
  27. package/HiSelect/HiNestedSelect.js +12 -12
  28. package/HiSelect/HiNestedSelectContent.js +9 -9
  29. package/HiSelect/HiSelect.js +37 -33
  30. package/HiSelect/HiSelectContent.js +13 -13
  31. package/HiSelect/HiSelectInput.js +7 -7
  32. package/HiSelect/HiSuggestSelect.js +6 -6
  33. package/HiSelectableList/HiSelectableListItem.js +4 -4
  34. package/HiTable/HiCellBuilder.js +1 -0
  35. package/HiTable/HiTable.js +3 -3
  36. package/HiTable/HiTableHeader.js +6 -2
  37. package/HiTable/HiTableRow.js +3 -3
  38. package/README.md +1 -1
  39. package/es/HiCell/CellIcon.js +14 -3
  40. package/es/HiDatePicker/HiDatePicker.js +2 -1
  41. package/es/HiForm/HiFormControl.js +2 -2
  42. package/es/HiForm/HiFormLabel.js +1 -1
  43. package/es/HiForm/HiTextField.js +8 -1
  44. package/es/HiForm/HiUploadField.js +1 -1
  45. package/es/HiMap/HiMap.js +3 -12
  46. package/es/HiSelect/HiSelect.js +18 -14
  47. package/es/HiTable/HiCellBuilder.js +1 -0
  48. package/es/HiTable/HiTableHeader.js +6 -2
  49. package/index.es.js +1 -1
  50. package/index.js +1 -1
  51. package/package.json +4 -4
  52. package/umd/hipay-material-ui.development.js +0 -110216
  53. package/umd/hipay-material-ui.production.min.js +0 -6
@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
17
17
 
18
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
19
 
20
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
20
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
21
 
22
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
+
24
24
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
25
25
 
26
26
  var _react = _interopRequireDefault(require("react"));
@@ -179,7 +179,7 @@ function (_React$PureComponent) {
179
179
  return id !== item.id;
180
180
  }), item);
181
181
  } else {
182
- onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
182
+ onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
183
183
  }
184
184
  };
185
185
 
@@ -209,13 +209,13 @@ function (_React$PureComponent) {
209
209
  });
210
210
  } else {
211
211
  _this.setState({
212
- suggestions: (0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
212
+ suggestions: [].concat((0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
213
213
  id: '_all',
214
214
  label: translations.all
215
215
  }, iconAll && {
216
216
  type: 'icon',
217
217
  icon: iconAll
218
- })] : []).concat((0, _toConsumableArray2.default)(suggestions))
218
+ })] : []), (0, _toConsumableArray2.default)(suggestions))
219
219
  });
220
220
  }
221
221
  };
@@ -251,22 +251,22 @@ function (_React$PureComponent) {
251
251
  var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
252
252
  var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
253
253
  // build item list
254
- var itemList = (0, _toConsumableArray2.default)(loading ? [{
254
+ var itemList = [].concat((0, _toConsumableArray2.default)(loading ? [{
255
255
  id: '_loading',
256
256
  type: 'loader',
257
257
  disabled: true,
258
258
  centered: true,
259
259
  hideCheckbox: true,
260
260
  label: 'loading'
261
- }] : []).concat((0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
261
+ }] : []), (0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
262
262
  return item.label && _this.props.filterFunc(item, search);
263
- })) : (0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
263
+ })) : [].concat((0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
264
264
  id: '_all',
265
265
  label: _this.props.translations.all
266
266
  }, _this.props.iconAll && {
267
267
  type: 'icon',
268
268
  icon: _this.props.iconAll
269
- })] : []).concat((0, _toConsumableArray2.default)(options))));
269
+ })] : []), (0, _toConsumableArray2.default)(options))));
270
270
  return {
271
271
  itemList: itemList
272
272
  };
@@ -286,10 +286,10 @@ function (_React$PureComponent) {
286
286
  searchValue: props.searchValue ? undefined : '',
287
287
  suggestions: props.options
288
288
  };
289
- _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
290
- _this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
291
- _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
292
- _this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
289
+ _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
290
+ _this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)(_this));
291
+ _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
292
+ _this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)(_this));
293
293
  return _this;
294
294
  }
295
295
 
@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
17
17
 
18
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
19
 
20
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
20
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
21
 
22
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
+
24
24
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
25
25
 
26
26
  var _react = _interopRequireDefault(require("react"));
@@ -229,11 +229,11 @@ function (_React$PureComponent) {
229
229
  }
230
230
  };
231
231
 
232
- _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
233
- _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
234
- _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
235
- _this.ref = _this.ref.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
236
- _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
232
+ _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
233
+ _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
234
+ _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
235
+ _this.ref = _this.ref.bind((0, _assertThisInitialized2.default)(_this));
236
+ _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
237
237
  return _this;
238
238
  }
239
239
 
@@ -19,12 +19,12 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
+
22
24
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
23
25
 
24
26
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
27
 
26
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
27
-
28
28
  var _react = _interopRequireDefault(require("react"));
29
29
 
30
30
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -168,10 +168,10 @@ function (_React$PureComponent) {
168
168
  focused: false,
169
169
  options: props.options
170
170
  };
171
- _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
172
- _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
173
- _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
174
- _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
171
+ _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
172
+ _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
173
+ _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
174
+ _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
175
175
  return _this;
176
176
  }
177
177
 
@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
17
17
 
18
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
19
 
20
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
20
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
21
 
22
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
+
24
24
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
25
25
 
26
26
  var _react = _interopRequireDefault(require("react"));
@@ -242,8 +242,8 @@ function (_React$PureComponent) {
242
242
  _this.state = {
243
243
  hover: false
244
244
  };
245
- _this.buildItemLabel = _this.buildItemLabel.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
246
- _this.setHover = _this.setHover.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
245
+ _this.buildItemLabel = _this.buildItemLabel.bind((0, _assertThisInitialized2.default)(_this));
246
+ _this.setHover = _this.setHover.bind((0, _assertThisInitialized2.default)(_this));
247
247
  return _this;
248
248
  }
249
249
 
@@ -147,6 +147,7 @@ function (_React$PureComponent) {
147
147
 
148
148
  case cst.TYPE_ICON:
149
149
  return _react.default.createElement(_CellIcon.default, {
150
+ align: cell.align,
150
151
  color: datacell.color,
151
152
  icon: datacell.icon,
152
153
  label: datacell.label,
@@ -15,10 +15,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
15
15
 
16
16
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
17
17
 
18
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
-
20
18
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
19
 
20
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
+
22
22
  var _react = _interopRequireDefault(require("react"));
23
23
 
24
24
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -57,7 +57,7 @@ function (_React$PureComponent) {
57
57
  }
58
58
  };
59
59
 
60
- _this.handleRequestSort = _this.handleRequestSort.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
60
+ _this.handleRequestSort = _this.handleRequestSort.bind((0, _assertThisInitialized2.default)(_this));
61
61
  return _this;
62
62
  }
63
63
 
@@ -45,7 +45,10 @@ var styles = function styles(theme) {
45
45
  cell: {
46
46
  border: 'none',
47
47
  paddingRight: '13px',
48
- paddingLeft: '13px'
48
+ paddingLeft: '13px',
49
+ overflow: 'hidden',
50
+ textOverflow: 'ellipsis',
51
+ whiteSpace: 'nowrap'
49
52
  },
50
53
  icon: {
51
54
  color: '#00ADE9'
@@ -101,6 +104,7 @@ function (_React$PureComponent) {
101
104
  }
102
105
  }, Object.keys(columns).map(function (key) {
103
106
  var _columns$key = columns[key],
107
+ align = _columns$key.align,
104
108
  colId = _columns$key.colId,
105
109
  type = _columns$key.type,
106
110
  label = _columns$key.label,
@@ -112,7 +116,7 @@ function (_React$PureComponent) {
112
116
  key: colId,
113
117
  className: classes.cell,
114
118
  sortDirection: orderBy === colId ? order : false,
115
- numeric: cst.ALIGN_RIGHT_TYPES.includes(type),
119
+ numeric: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right',
116
120
  title: headerTooltip
117
121
  }, sortable ? _react.default.createElement(_TableSortLabel.default, {
118
122
  active: orderBy === colId,
@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
-
24
22
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
23
 
24
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
+
26
26
  var _react = _interopRequireDefault(require("react"));
27
27
 
28
28
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -74,7 +74,7 @@ function (_React$PureComponent) {
74
74
 
75
75
  (0, _classCallCheck2.default)(this, HiTableRow);
76
76
  _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableRow).call(this, props));
77
- _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
77
+ _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
78
78
  return _this;
79
79
  }
80
80
 
package/README.md CHANGED
@@ -110,7 +110,7 @@ git flow init
110
110
  - Pour activer ESLint sur PHPStorm : File -> Settings -> Languages & Frameworks -> Code Qaulity Tools -> ESLint -> Enable
111
111
 
112
112
  #### Pour rajouter de la documentation dans les démos
113
- [Lire ce guide](https://github.com/callemall/material-ui/blob/v1-beta/CONTRIBUTING.md)
113
+ [Lire ce guide](https://github.com/mui-org/material-ui/blob/v3.0.1/CONTRIBUTING.md)
114
114
 
115
115
  #### Pour rajouter des composants dans la liste "API"
116
116
  Il faut les rajouter tout en haut du markdown de la page dans la liste des "components:"
@@ -16,6 +16,10 @@ export const styles = {
16
16
  wrapper: {
17
17
  maxWidth: '100%',
18
18
  display: 'inline-flex'
19
+ },
20
+ flexContent: {
21
+ display: 'flex',
22
+ justifyContent: 'flex-end'
19
23
  }
20
24
  };
21
25
  /**
@@ -26,6 +30,7 @@ export const styles = {
26
30
  class CellIcon extends React.PureComponent {
27
31
  render() {
28
32
  const {
33
+ align,
29
34
  classes,
30
35
  color,
31
36
  icon,
@@ -37,7 +42,7 @@ class CellIcon extends React.PureComponent {
37
42
 
38
43
  if (onClick) {
39
44
  return React.createElement("div", {
40
- className: classes.wrapper,
45
+ className: align === 'right' ? classes.flexContent : classes.wrapper,
41
46
  title: label
42
47
  }, React.createElement(HiIconButton, {
43
48
  color: 'inherit',
@@ -50,14 +55,15 @@ class CellIcon extends React.PureComponent {
50
55
  onClick: onClick
51
56
  }, React.createElement(HiIcon, {
52
57
  className: classes.icon,
53
- icon: icon
58
+ icon: icon,
59
+ color: color
54
60
  }), view !== 's' && label && React.createElement("span", {
55
61
  className: classes.label
56
62
  }, label)));
57
63
  }
58
64
 
59
65
  return React.createElement("div", {
60
- className: classes.wrapper,
66
+ className: align === 'right' ? classes.flexContent : classes.wrapper,
61
67
  title: label
62
68
  }, React.createElement(HiIcon, {
63
69
  color: 'inherit',
@@ -79,6 +85,11 @@ CellIcon.defaultProps = {
79
85
  color: 'neutral'
80
86
  };
81
87
  CellIcon.propTypes = process.env.NODE_ENV !== "production" ? {
88
+ /**
89
+ * Alignement de l'icône dans sa cellule
90
+ */
91
+ align: PropTypes.oneOf(['right']),
92
+
82
93
  /**
83
94
  * Useful to extend the style applied to components.
84
95
  */
@@ -181,7 +181,8 @@ class HiDatePicker extends React.Component {
181
181
  const yearPickerProps = {
182
182
  value: this.state.currentMonth,
183
183
  onChange: this.handleCurrentMonthChange,
184
- disableFutureDays: this.props.disableFutureDays
184
+ disableFutureDays: this.props.disableFutureDays,
185
+ minimumDate: this.props.minimumDate
185
186
  };
186
187
  return React.createElement(YearPickerOverlay, _extends({
187
188
  key: 'year-picker-overlay'
@@ -54,7 +54,7 @@ export const styles = theme => ({
54
54
  verticalAlign: 'middle',
55
55
  borderRadius: 2,
56
56
  position: 'relative',
57
- marginBottom: 8,
57
+ marginBottom: 22,
58
58
  fontWeight: theme.typography.fontWeightRegular
59
59
  }),
60
60
  arrowDown: {
@@ -69,7 +69,7 @@ export const styles = theme => ({
69
69
  left: 8
70
70
  },
71
71
  '&$arrowFullWidth': {
72
- right: 13
72
+ right: 12
73
73
  }
74
74
  },
75
75
  arrowNotFullWidth: {},
@@ -21,7 +21,7 @@ export const styles = theme => ({
21
21
  color: theme.palette.negative.main
22
22
  },
23
23
  display: 'flex',
24
- alignItems: 'center'
24
+ alignItems: 'baseline'
25
25
  }),
26
26
  optional: {
27
27
  fontSize: 11,
@@ -69,6 +69,7 @@ class HiTextField extends React.PureComponent {
69
69
  placeholder,
70
70
  value,
71
71
  HiInputProps,
72
+ HiInputLabelProps,
72
73
  name,
73
74
  rows,
74
75
  maxLength
@@ -88,7 +89,8 @@ class HiTextField extends React.PureComponent {
88
89
  helperIcon: helperIcon,
89
90
  multiline: multiline,
90
91
  maxLength: maxLength,
91
- nbChars: nbChars
92
+ nbChars: nbChars,
93
+ InputLabelProps: HiInputLabelProps
92
94
  }, React.createElement(HiInput, _extends({
93
95
  inputId: id,
94
96
  name: name,
@@ -168,6 +170,11 @@ HiTextField.propTypes = process.env.NODE_ENV !== "production" ? {
168
170
  */
169
171
  helperText: PropTypes.string,
170
172
 
173
+ /**
174
+ * Propriétés appliquées au composant HiFormLabel
175
+ */
176
+ HiInputLabelProps: PropTypes.object,
177
+
171
178
  /**
172
179
  * Propriétés appliquées au composant HiInput
173
180
  */
@@ -28,7 +28,7 @@ class HiUploadField extends React.PureComponent {
28
28
  if (value !== undefined) {
29
29
  empty = value.value !== null && !value.error ? false : empty;
30
30
  error = value.error || error;
31
- errorText = errorText || value.errorMessage;
31
+ errorText += `${value.errorMessage}`;
32
32
  }
33
33
  }
34
34
 
package/es/HiMap/HiMap.js CHANGED
@@ -4,6 +4,8 @@ import { withStyles } from '../styles';
4
4
  import HiButton from '../HiButton';
5
5
  import HiIcon from '../HiIcon';
6
6
  import HiLoader from '../HiLoader';
7
+ import L from 'leaflet';
8
+ import { Map, TileLayer, Marker } from 'react-leaflet';
7
9
  const apiUrl = 'https://nominatim.openstreetmap.org/search?q='; // The original CSS can be found here : https://unpkg.com/leaflet@1.3.1/dist/leaflet.css
8
10
 
9
11
  export const styles = theme => ({
@@ -88,10 +90,6 @@ export const styles = theme => ({
88
90
  }
89
91
  }
90
92
  });
91
- let L;
92
- let Map;
93
- let TileLayer;
94
- let Marker;
95
93
 
96
94
  var _ref = React.createElement(TileLayer, {
97
95
  url: "http://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png"
@@ -122,13 +120,6 @@ class HiMap extends React.PureComponent {
122
120
  componentDidMount() {
123
121
  this.mounted = true;
124
122
  this.findCoords();
125
- /* eslint-disable */
126
-
127
- L = require('leaflet');
128
- Map = require('react-leaflet').Map;
129
- Marker = require('react-leaflet').Marker;
130
- TileLayer = require('react-leaflet').TileLayer;
131
- /* eslint-enable */
132
123
  }
133
124
 
134
125
  componentWillUnmount() {
@@ -204,7 +195,7 @@ class HiMap extends React.PureComponent {
204
195
  let myIcon;
205
196
  if (notFound) element = translations.notFound;
206
197
 
207
- if (loaded) {
198
+ if (loaded && L && Map) {
208
199
  myIcon = L.divIcon({
209
200
  html: '<svg x="0px" y="0px" viewBox="0 0 365 560" enable-background="new 0 0 365 560" xml:space="preserve">\n' + '<path class="map_marker" ' + 'd="M182.9,551.7c0,0.1,0.2,0.3,0.2,0.3S358.3,283,358.3,194.6c0-130.1-88.8-186.7-175.4-186.9 ' + 'C96.3,7.9,7.5,64.5,7.5,194.6c0,88.4,175.3,357.4,175.3,357.4S182.9,551.7,182.9,551.7z' + ' M122.2,187.2c0-33.6,27.2-60.8,60.8-60.8 ' + 'c33.6,0,60.8,27.2,60.8,60.8S216.5,248,182.9,248C149.4,248,122.2,220.8,122.2,187.2z"/>\n' + '</svg>',
210
201
  iconSize: [24, 36],
@@ -208,8 +208,10 @@ class HiSelect extends React.PureComponent {
208
208
  if (this.props.onClick) this.props.onClick(); // Gestion du focus
209
209
 
210
210
  if (!this.props.searchable) {
211
- // Sinon focus sur l'élément sélectionné
212
- this.focusOnSelectedItem(this.props.value);
211
+ setTimeout(() => {
212
+ // Sinon focus sur l'élément sélectionné
213
+ this.focusOnSelectedItem(this.props.value);
214
+ }, 1);
213
215
  } else {
214
216
  if (this.searchField) {
215
217
  setTimeout(() => {
@@ -223,17 +225,19 @@ class HiSelect extends React.PureComponent {
223
225
  this.focusOnSelectedItem = selectedValue => {
224
226
  if (this.overlay && this.overlay.getElementsByTagName('li')[0]) {
225
227
  setTimeout(() => {
226
- // On initialise au premier élément pour être sûr de ne pas se retrouver avec un focus of undefined
227
- let item = this.overlay.getElementsByTagName('li')[0];
228
-
229
- if (selectedValue && typeof selectedValue === 'string') {
230
- item = this.overlay.getElementsByTagName('li')[selectedValue];
231
- } else if (selectedValue && typeof selectedValue === 'number') {
232
- item = this.overlay.getElementsByTagName('li')[selectedValue - 1];
233
- }
228
+ if (this.overlay) {
229
+ // On initialise au premier élément pour être sûr de ne pas se retrouver avec un focus of undefined
230
+ let item = this.overlay.getElementsByTagName('li')[0];
231
+
232
+ if (selectedValue && typeof selectedValue === 'string') {
233
+ item = this.overlay.getElementsByTagName('li')[selectedValue];
234
+ } else if (selectedValue && typeof selectedValue === 'number') {
235
+ item = this.overlay.getElementsByTagName('li')[selectedValue - 1];
236
+ }
234
237
 
235
- if (item) {
236
- item.focus();
238
+ if (item) {
239
+ item.focus();
240
+ }
237
241
  }
238
242
  }, 1);
239
243
  }
@@ -461,10 +465,10 @@ class HiSelect extends React.PureComponent {
461
465
  getLengthItemList(itemList) {
462
466
  let itemListLength = 0;
463
467
  itemList.forEach(parent => {
464
- if (parent.displayed && itemListLength < 10) {
468
+ if (parent.displayed !== false) {
465
469
  itemListLength += 1;
466
470
 
467
- if (parent.children && itemListLength < 10) {
471
+ if (parent.children) {
468
472
  itemListLength += this.getLengthItemList(parent.children);
469
473
  }
470
474
  }
@@ -97,6 +97,7 @@ class HiCellBuilder extends React.PureComponent {
97
97
 
98
98
  case cst.TYPE_ICON:
99
99
  return React.createElement(CellIcon, {
100
+ align: cell.align,
100
101
  color: datacell.color,
101
102
  icon: datacell.icon,
102
103
  label: datacell.label,
@@ -16,7 +16,10 @@ const styles = theme => ({
16
16
  cell: {
17
17
  border: 'none',
18
18
  paddingRight: '13px',
19
- paddingLeft: '13px'
19
+ paddingLeft: '13px',
20
+ overflow: 'hidden',
21
+ textOverflow: 'ellipsis',
22
+ whiteSpace: 'nowrap'
20
23
  },
21
24
  icon: {
22
25
  color: '#00ADE9'
@@ -50,6 +53,7 @@ class HiTableHeader extends React.PureComponent {
50
53
  }
51
54
  }, Object.keys(columns).map(key => {
52
55
  const {
56
+ align,
53
57
  colId,
54
58
  type,
55
59
  label,
@@ -62,7 +66,7 @@ class HiTableHeader extends React.PureComponent {
62
66
  key: colId,
63
67
  className: classes.cell,
64
68
  sortDirection: orderBy === colId ? order : false,
65
- numeric: cst.ALIGN_RIGHT_TYPES.includes(type),
69
+ numeric: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right',
66
70
  title: headerTooltip
67
71
  }, sortable ? React.createElement(TableSortLabel, {
68
72
  active: orderBy === colId,
package/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license HiPay-Material-UI v2.0.0-beta.70
1
+ /** @license HiPay-Material-UI v2.0.0-beta.72
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license HiPay-Material-UI v2.0.0-beta.70
1
+ /** @license HiPay-Material-UI v2.0.0-beta.72
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@hipay/hipay-material-ui",
3
3
  "private": false,
4
4
  "author": "HiPay PSYCHE Team",
5
- "version": "2.0.0-beta.70",
5
+ "version": "2.0.0-beta.72",
6
6
  "description": "React components that implement Google's Material Design.",
7
7
  "keywords": [
8
8
  "react",
@@ -47,7 +47,7 @@
47
47
  "jss-props-sort": "^6.0.0",
48
48
  "jss-vendor-prefixer": "^8.0.1",
49
49
  "keycode": "^2.1.9",
50
- "leaflet": "^1.3.4",
50
+ "leaflet": "^1.5.1",
51
51
  "mdi-material-ui": "^5.4.0",
52
52
  "moment": "^2.22.2",
53
53
  "moment-timezone": "^0.5.23",
@@ -59,7 +59,7 @@
59
59
  "react-event-listener": "^0.6.2",
60
60
  "react-jss": "^8.1.0",
61
61
  "react-lazyload": "^2.5.0",
62
- "react-leaflet": "^2.1.0",
62
+ "react-leaflet": "^2.3.0",
63
63
  "react-pdf": "^3.0.5",
64
64
  "react-spinners": "^0.4.5",
65
65
  "react-transition-group": "^2.2.1",
@@ -74,4 +74,4 @@
74
74
  },
75
75
  "main": "./index.js",
76
76
  "module": "./index.es.js"
77
- }
77
+ }