@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.
- package/CHANGELOG.md +76 -0
- package/HiAlertModal/HiAlertModal.js +3 -3
- package/HiAppBar/HiAppBar.js +3 -3
- package/HiBreadcrumb/HiStepConnector.js +3 -3
- package/HiCell/CellIcon.js +14 -3
- package/HiCell/CellText.js +3 -3
- package/HiCheckbox/HiCheckbox.js +3 -3
- package/HiChip/HiChipSwitch.js +5 -5
- package/HiDatePicker/HiDatePicker.js +19 -18
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -3
- package/HiDatePicker/Overlays/TimePickerOverlay.js +4 -4
- package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
- package/HiDotsStepper/HiDotsStepper.js +4 -4
- package/HiForm/HiAddressField.js +7 -7
- package/HiForm/HiEmailField.js +3 -3
- package/HiForm/HiFormControl.js +8 -8
- package/HiForm/HiFormLabel.js +1 -1
- package/HiForm/HiInput.js +11 -11
- package/HiForm/HiPasswordField.js +3 -3
- package/HiForm/HiSearchField.js +5 -5
- package/HiForm/HiTextField.js +13 -6
- package/HiForm/HiUploadField.js +1 -1
- package/HiMap/HiMap.js +15 -22
- package/HiMap/HiMapExpand.js +4 -4
- package/HiNotice/HiKPI.js +3 -3
- package/HiSelect/HiDynamicSelect.js +7 -7
- package/HiSelect/HiNestedSelect.js +12 -12
- package/HiSelect/HiNestedSelectContent.js +9 -9
- package/HiSelect/HiSelect.js +37 -33
- package/HiSelect/HiSelectContent.js +13 -13
- package/HiSelect/HiSelectInput.js +7 -7
- package/HiSelect/HiSuggestSelect.js +6 -6
- package/HiSelectableList/HiSelectableListItem.js +4 -4
- package/HiTable/HiCellBuilder.js +1 -0
- package/HiTable/HiTable.js +3 -3
- package/HiTable/HiTableHeader.js +6 -2
- package/HiTable/HiTableRow.js +3 -3
- package/README.md +1 -1
- package/es/HiCell/CellIcon.js +14 -3
- package/es/HiDatePicker/HiDatePicker.js +2 -1
- package/es/HiForm/HiFormControl.js +2 -2
- package/es/HiForm/HiFormLabel.js +1 -1
- package/es/HiForm/HiTextField.js +8 -1
- package/es/HiForm/HiUploadField.js +1 -1
- package/es/HiMap/HiMap.js +3 -12
- package/es/HiSelect/HiSelect.js +18 -14
- package/es/HiTable/HiCellBuilder.js +1 -0
- package/es/HiTable/HiTableHeader.js +6 -2
- package/index.es.js +1 -1
- package/index.js +1 -1
- package/package.json +4 -4
- package/umd/hipay-material-ui.development.js +0 -110216
- 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)
|
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
|
-
})] : [])
|
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
|
-
}] : [])
|
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
|
-
})] : [])
|
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)(
|
290
|
-
_this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)(
|
291
|
-
_this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(
|
292
|
-
_this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)(
|
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)(
|
233
|
-
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(
|
234
|
-
_this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(
|
235
|
-
_this.ref = _this.ref.bind((0, _assertThisInitialized2.default)(
|
236
|
-
_this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(
|
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)(
|
172
|
-
_this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(
|
173
|
-
_this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(
|
174
|
-
_this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(
|
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)(
|
246
|
-
_this.setHover = _this.setHover.bind((0, _assertThisInitialized2.default)(
|
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
|
|
package/HiTable/HiCellBuilder.js
CHANGED
package/HiTable/HiTable.js
CHANGED
@@ -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)(
|
60
|
+
_this.handleRequestSort = _this.handleRequestSort.bind((0, _assertThisInitialized2.default)(_this));
|
61
61
|
return _this;
|
62
62
|
}
|
63
63
|
|
package/HiTable/HiTableHeader.js
CHANGED
@@ -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,
|
package/HiTable/HiTableRow.js
CHANGED
@@ -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)(
|
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/
|
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:"
|
package/es/HiCell/CellIcon.js
CHANGED
@@ -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:
|
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:
|
72
|
+
right: 12
|
73
73
|
}
|
74
74
|
},
|
75
75
|
arrowNotFullWidth: {},
|
package/es/HiForm/HiFormLabel.js
CHANGED
package/es/HiForm/HiTextField.js
CHANGED
@@ -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
|
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],
|
package/es/HiSelect/HiSelect.js
CHANGED
@@ -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
|
-
|
212
|
-
|
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
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
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
|
-
|
236
|
-
|
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
|
468
|
+
if (parent.displayed !== false) {
|
465
469
|
itemListLength += 1;
|
466
470
|
|
467
|
-
if (parent.children
|
471
|
+
if (parent.children) {
|
468
472
|
itemListLength += this.getLengthItemList(parent.children);
|
469
473
|
}
|
470
474
|
}
|
@@ -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
package/index.js
CHANGED
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.
|
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.
|
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.
|
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
|
+
}
|