@hipay/hipay-material-ui 2.0.0-beta.65 → 2.0.0-beta.66
Sign up to get free protection for your applications and to get access to all the features.
- package/HiAlertModal/HiAlertModal.js +5 -5
- package/HiAppBar/HiAppBar.js +3 -3
- package/HiBreadcrumb/HiStepConnector.js +3 -3
- package/HiCell/CellText.js +3 -3
- package/HiCheckbox/HiCheckbox.js +3 -3
- package/HiChip/HiChipSwitch.js +5 -5
- package/HiDatePicker/HiDatePicker.js +17 -17
- 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 +6 -6
- package/HiForm/HiInput.js +11 -11
- package/HiForm/HiPasswordField.js +3 -3
- package/HiForm/HiSearchField.js +5 -5
- package/HiForm/HiTextField.js +5 -5
- package/HiMap/HiMap.js +6 -6
- 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 +23 -19
- package/HiSelect/HiSelectContent.js +13 -13
- package/HiSelect/HiSelectInput.js +7 -7
- package/HiSelect/HiSuggestSelect.js +6 -6
- package/HiSelectableList/HiSelectableList.js +3 -5
- package/HiSelectableList/HiSelectableListItem.js +4 -4
- package/HiTable/HiTable.js +3 -3
- package/HiTable/HiTableRow.js +3 -3
- package/README.md +8 -0
- package/es/HiSelect/HiSelect.js +4 -0
- package/es/HiSelectableList/HiSelectableList.js +3 -5
- package/package.json +2 -4
- package/umd/hipay-material-ui.development.js +45968 -40722
- package/umd/hipay-material-ui.production.min.js +1 -1
@@ -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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
@@ -47,12 +47,12 @@ var _helpers = require("../utils/helpers");
|
|
47
47
|
*/
|
48
48
|
function getRecursiveFinalItemIdList(itemList) {
|
49
49
|
var finalItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
50
|
-
return (0, _toConsumableArray2.default)(finalItemIdList)
|
50
|
+
return [].concat((0, _toConsumableArray2.default)(finalItemIdList), (0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
|
51
51
|
if (item.children) {
|
52
52
|
return getRecursiveFinalItemIdList(item.children, memo);
|
53
53
|
}
|
54
54
|
|
55
|
-
return (0, _toConsumableArray2.default)(memo)
|
55
|
+
return [].concat((0, _toConsumableArray2.default)(memo), [item.id]);
|
56
56
|
}, [])));
|
57
57
|
}
|
58
58
|
/**
|
@@ -128,7 +128,7 @@ function buildFilteredItemList(itemList) {
|
|
128
128
|
}
|
129
129
|
|
130
130
|
return {
|
131
|
-
l: (0, _toConsumableArray2.default)(memoItemList)
|
131
|
+
l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({}, item, disabledParent && {
|
132
132
|
disabled: true,
|
133
133
|
hideCheckbox: true // don't display checkbox on disabled parent
|
134
134
|
|
@@ -147,7 +147,7 @@ function buildFilteredItemList(itemList) {
|
|
147
147
|
|
148
148
|
var itemSelected = selectedItemIdList.includes(item.id);
|
149
149
|
return {
|
150
|
-
l: (0, _toConsumableArray2.default)(memoItemList)
|
150
|
+
l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({
|
151
151
|
displayed: itemVisible || visibleParent
|
152
152
|
}, item)]),
|
153
153
|
s: itemSelected && memoSelected,
|
@@ -266,9 +266,9 @@ function (_React$PureComponent) {
|
|
266
266
|
}), item);
|
267
267
|
} else {
|
268
268
|
// select parent > add each selectable child without duplicates.
|
269
|
-
onChange(event, (0, _toConsumableArray2.default)(value.filter(function (vid) {
|
269
|
+
onChange(event, [].concat((0, _toConsumableArray2.default)(value.filter(function (vid) {
|
270
270
|
return !parentSelectableItemIdList.includes(vid);
|
271
|
-
}))
|
271
|
+
})), (0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
|
272
272
|
}
|
273
273
|
} else if (value.includes(item.id)) {
|
274
274
|
// unselect item
|
@@ -276,7 +276,7 @@ function (_React$PureComponent) {
|
|
276
276
|
return id !== item.id;
|
277
277
|
}), item);
|
278
278
|
} else {
|
279
|
-
onChange(event, (0, _toConsumableArray2.default)(value)
|
279
|
+
onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
|
280
280
|
}
|
281
281
|
};
|
282
282
|
|
@@ -315,14 +315,14 @@ function (_React$PureComponent) {
|
|
315
315
|
centered: true,
|
316
316
|
hideCheckbox: true,
|
317
317
|
label: translations.no_result_match
|
318
|
-
}]) : (0, _toConsumableArray2.default)(loading ? [{
|
318
|
+
}]) : [].concat((0, _toConsumableArray2.default)(loading ? [{
|
319
319
|
id: '_loading',
|
320
320
|
type: 'loader',
|
321
321
|
disabled: true,
|
322
322
|
centered: true,
|
323
323
|
hideCheckbox: true,
|
324
324
|
label: 'loading'
|
325
|
-
}] : [])
|
325
|
+
}] : []), (0, _toConsumableArray2.default)(hasAll ? [{
|
326
326
|
id: '_all',
|
327
327
|
iconAll: iconAll,
|
328
328
|
label: translations.all,
|
@@ -368,7 +368,7 @@ function (_React$PureComponent) {
|
|
368
368
|
};
|
369
369
|
};
|
370
370
|
|
371
|
-
_this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(
|
371
|
+
_this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
|
372
372
|
return _this;
|
373
373
|
}
|
374
374
|
/**
|
@@ -43,12 +43,12 @@ var _helpers = require("../utils/helpers");
|
|
43
43
|
*/
|
44
44
|
function getRecursiveFinalItemIdList(itemList) {
|
45
45
|
var finalItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
46
|
-
return (0, _toConsumableArray2.default)(finalItemIdList)
|
46
|
+
return [].concat((0, _toConsumableArray2.default)(finalItemIdList), (0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
|
47
47
|
if (item.children) {
|
48
48
|
return getRecursiveFinalItemIdList(item.children, memo);
|
49
49
|
}
|
50
50
|
|
51
|
-
return (0, _toConsumableArray2.default)(memo)
|
51
|
+
return [].concat((0, _toConsumableArray2.default)(memo), [item.id]);
|
52
52
|
}, [])));
|
53
53
|
}
|
54
54
|
/**
|
@@ -124,7 +124,7 @@ function buildFilteredItemList(itemList) {
|
|
124
124
|
}
|
125
125
|
|
126
126
|
return {
|
127
|
-
l: (0, _toConsumableArray2.default)(memoItemList)
|
127
|
+
l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({}, item, disabledParent && {
|
128
128
|
disabled: true,
|
129
129
|
hideCheckbox: true // don't display checkbox on disabled parent
|
130
130
|
|
@@ -143,7 +143,7 @@ function buildFilteredItemList(itemList) {
|
|
143
143
|
|
144
144
|
var itemSelected = selectedItemIdList.includes(item.id);
|
145
145
|
return {
|
146
|
-
l: (0, _toConsumableArray2.default)(memoItemList)
|
146
|
+
l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({
|
147
147
|
displayed: itemVisible || visibleParent
|
148
148
|
}, item)]),
|
149
149
|
s: itemSelected && memoSelected,
|
@@ -223,9 +223,9 @@ function (_React$PureComponent) {
|
|
223
223
|
}), item);
|
224
224
|
} else {
|
225
225
|
// select parent > add each selectable child without duplicates.
|
226
|
-
onChange(event, (0, _toConsumableArray2.default)(value.filter(function (vid) {
|
226
|
+
onChange(event, [].concat((0, _toConsumableArray2.default)(value.filter(function (vid) {
|
227
227
|
return !parentSelectableItemIdList.includes(vid);
|
228
|
-
}))
|
228
|
+
})), (0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
|
229
229
|
}
|
230
230
|
} else if (value.includes(item.id)) {
|
231
231
|
// unselect item
|
@@ -233,7 +233,7 @@ function (_React$PureComponent) {
|
|
233
233
|
return id !== item.id;
|
234
234
|
}), item);
|
235
235
|
} else {
|
236
|
-
onChange(event, (0, _toConsumableArray2.default)(value)
|
236
|
+
onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
|
237
237
|
}
|
238
238
|
};
|
239
239
|
|
@@ -271,14 +271,14 @@ function (_React$PureComponent) {
|
|
271
271
|
centered: true,
|
272
272
|
hideCheckbox: true,
|
273
273
|
label: translations.no_result_match
|
274
|
-
}]) : (0, _toConsumableArray2.default)(loading ? [{
|
274
|
+
}]) : [].concat((0, _toConsumableArray2.default)(loading ? [{
|
275
275
|
id: '_loading',
|
276
276
|
type: 'loader',
|
277
277
|
disabled: true,
|
278
278
|
centered: true,
|
279
279
|
hideCheckbox: true,
|
280
280
|
label: 'loading'
|
281
|
-
}] : [])
|
281
|
+
}] : []), (0, _toConsumableArray2.default)(hasAll ? [{
|
282
282
|
id: '_all',
|
283
283
|
iconAll: iconAll,
|
284
284
|
label: translations.all,
|
package/HiSelect/HiSelect.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
27
27
|
|
28
28
|
var _react = _interopRequireDefault(require("react"));
|
@@ -149,22 +149,22 @@ function (_React$PureComponent) {
|
|
149
149
|
var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
150
150
|
var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
151
151
|
// build item list
|
152
|
-
var itemList = (0, _toConsumableArray2.default)(loading ? [{
|
152
|
+
var itemList = [].concat((0, _toConsumableArray2.default)(loading ? [{
|
153
153
|
id: '_loading',
|
154
154
|
type: 'loader',
|
155
155
|
disabled: true,
|
156
156
|
centered: true,
|
157
157
|
hideCheckbox: true,
|
158
158
|
label: 'loading'
|
159
|
-
}] : [])
|
159
|
+
}] : []), (0, _toConsumableArray2.default)(search !== '' ? (0, _toConsumableArray2.default)(options.filter(function (item) {
|
160
160
|
return _this.props.filterFunc(item, search);
|
161
|
-
})) : (0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
|
161
|
+
})) : [].concat((0, _toConsumableArray2.default)(_this.props.hasAll ? [(0, _extends2.default)({
|
162
162
|
id: '_all',
|
163
163
|
label: _this.props.translations.all
|
164
164
|
}, _this.props.iconAll && {
|
165
165
|
type: 'icon',
|
166
166
|
icon: _this.props.iconAll
|
167
|
-
})] : [])
|
167
|
+
})] : []), (0, _toConsumableArray2.default)(options))));
|
168
168
|
return {
|
169
169
|
itemList: itemList,
|
170
170
|
inputValue: _this.buildInputValue(options, value, loading)
|
@@ -271,6 +271,10 @@ function (_React$PureComponent) {
|
|
271
271
|
if (!_this.props.searchable) {
|
272
272
|
// Sinon focus sur l'élément sélectionné
|
273
273
|
_this.focusOnSelectedItem(_this.props.value);
|
274
|
+
} else {
|
275
|
+
setTimeout(function () {
|
276
|
+
_this.searchField.focus();
|
277
|
+
}, 1);
|
274
278
|
}
|
275
279
|
}
|
276
280
|
};
|
@@ -420,7 +424,7 @@ function (_React$PureComponent) {
|
|
420
424
|
return id !== item.id;
|
421
425
|
}), item);
|
422
426
|
} else {
|
423
|
-
onChange(event, (0, _toConsumableArray2.default)(value)
|
427
|
+
onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
|
424
428
|
}
|
425
429
|
};
|
426
430
|
|
@@ -446,13 +450,13 @@ function (_React$PureComponent) {
|
|
446
450
|
});
|
447
451
|
} else {
|
448
452
|
_this.setState({
|
449
|
-
suggestions: (0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
|
453
|
+
suggestions: [].concat((0, _toConsumableArray2.default)(hasAll ? [(0, _extends2.default)({
|
450
454
|
id: '_all',
|
451
455
|
label: translations.all
|
452
456
|
}, iconAll && {
|
453
457
|
type: 'icon',
|
454
458
|
icon: iconAll
|
455
|
-
})] : [])
|
459
|
+
})] : []), (0, _toConsumableArray2.default)(suggestions))
|
456
460
|
});
|
457
461
|
}
|
458
462
|
};
|
@@ -484,16 +488,16 @@ function (_React$PureComponent) {
|
|
484
488
|
suggestions: props.options,
|
485
489
|
openDown: true
|
486
490
|
};
|
487
|
-
_this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(
|
488
|
-
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(
|
489
|
-
_this.handleClose = _this.handleClose.bind((0, _assertThisInitialized2.default)(
|
490
|
-
_this.handleClickAway = _this.handleClickAway.bind((0, _assertThisInitialized2.default)(
|
491
|
-
_this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(
|
492
|
-
_this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(
|
493
|
-
_this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)(
|
494
|
-
_this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(
|
495
|
-
_this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)(
|
496
|
-
_this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(
|
491
|
+
_this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
|
492
|
+
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
|
493
|
+
_this.handleClose = _this.handleClose.bind((0, _assertThisInitialized2.default)(_this));
|
494
|
+
_this.handleClickAway = _this.handleClickAway.bind((0, _assertThisInitialized2.default)(_this));
|
495
|
+
_this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
|
496
|
+
_this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
|
497
|
+
_this.handleSearchReset = _this.handleSearchReset.bind((0, _assertThisInitialized2.default)(_this));
|
498
|
+
_this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
|
499
|
+
_this.handleSuggestions = _this.handleSuggestions.bind((0, _assertThisInitialized2.default)(_this));
|
500
|
+
_this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
|
497
501
|
return _this;
|
498
502
|
}
|
499
503
|
|
@@ -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"));
|
@@ -228,11 +228,11 @@ function (_React$PureComponent) {
|
|
228
228
|
}
|
229
229
|
};
|
230
230
|
|
231
|
-
_this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(
|
232
|
-
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(
|
233
|
-
_this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(
|
234
|
-
_this.ref = _this.ref.bind((0, _assertThisInitialized2.default)(
|
235
|
-
_this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(
|
231
|
+
_this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
|
232
|
+
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
|
233
|
+
_this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
|
234
|
+
_this.ref = _this.ref.bind((0, _assertThisInitialized2.default)(_this));
|
235
|
+
_this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
|
236
236
|
return _this;
|
237
237
|
}
|
238
238
|
|
@@ -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
|
|
@@ -165,9 +165,8 @@ function (_React$PureComponent) {
|
|
165
165
|
|
166
166
|
// Focus on last item selected
|
167
167
|
if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
|
168
|
-
|
169
|
-
|
170
|
-
if (this.props.value) {
|
168
|
+
if (Array.isArray(this.props.value) && this.props.value.length > 0 || !Array.isArray(this.props.value) && this.props.value) {
|
169
|
+
var item = this.props.overlay.getElementsByTagName('li')[0];
|
171
170
|
var lastSelectedValue = Array.isArray(this.props.value) ? this.props.value[this.props.value.length - 1] : this.props.value;
|
172
171
|
var index = 0;
|
173
172
|
this.props.itemList.forEach(function (option) {
|
@@ -187,9 +186,8 @@ function (_React$PureComponent) {
|
|
187
186
|
});
|
188
187
|
}
|
189
188
|
});
|
189
|
+
item && item.focus();
|
190
190
|
}
|
191
|
-
|
192
|
-
item.focus();
|
193
191
|
}
|
194
192
|
}
|
195
193
|
}, {
|
@@ -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/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/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"));
|
@@ -71,7 +71,7 @@ function (_React$PureComponent) {
|
|
71
71
|
|
72
72
|
(0, _classCallCheck2.default)(this, HiTableRow);
|
73
73
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableRow).call(this, props));
|
74
|
-
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(
|
74
|
+
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
|
75
75
|
return _this;
|
76
76
|
}
|
77
77
|
|
package/README.md
CHANGED
@@ -269,6 +269,14 @@ Ainsi les PATCH seront automatiquement pris en compte.
|
|
269
269
|
L'intégration d'une MINOR doit faire l'objet d'une recette (voir HI-CHANGELOG.md).
|
270
270
|
Le passage à une autre MAJOR doit faire l'objet d'une recette (voir HI-CHANGELOG.md BREAKING CHANGE).
|
271
271
|
|
272
|
+
## Importer la lib dans son projet React
|
273
|
+
|
274
|
+
Le package est publié sur un repo npm privé.
|
275
|
+
|
276
|
+
Il est donc nécessaire d'ajouter le token d'authentification dans le fichier ``.npmrc``.
|
277
|
+
|
278
|
+
Demander à l'équipe PSYCHE ou le copier depuis le projet [console](https://gitlab.hipay.org/backend/console/blob/feature/common-notice/.npmrc).
|
279
|
+
|
272
280
|
# Si ERR d'authentification
|
273
281
|
npm adduser
|
274
282
|
admin
|
package/es/HiSelect/HiSelect.js
CHANGED
@@ -209,6 +209,10 @@ class HiSelect extends React.PureComponent {
|
|
209
209
|
if (!this.props.searchable) {
|
210
210
|
// Sinon focus sur l'élément sélectionné
|
211
211
|
this.focusOnSelectedItem(this.props.value);
|
212
|
+
} else {
|
213
|
+
setTimeout(() => {
|
214
|
+
this.searchField.focus();
|
215
|
+
}, 1);
|
212
216
|
}
|
213
217
|
}
|
214
218
|
};
|
@@ -107,9 +107,8 @@ class HiSelectableList extends React.PureComponent {
|
|
107
107
|
componentDidMount() {
|
108
108
|
// Focus on last item selected
|
109
109
|
if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
|
110
|
-
|
111
|
-
|
112
|
-
if (this.props.value) {
|
110
|
+
if (Array.isArray(this.props.value) && this.props.value.length > 0 || !Array.isArray(this.props.value) && this.props.value) {
|
111
|
+
let item = this.props.overlay.getElementsByTagName('li')[0];
|
113
112
|
let lastSelectedValue = Array.isArray(this.props.value) ? this.props.value[this.props.value.length - 1] : this.props.value;
|
114
113
|
let index = 0;
|
115
114
|
this.props.itemList.forEach(option => {
|
@@ -129,9 +128,8 @@ class HiSelectableList extends React.PureComponent {
|
|
129
128
|
});
|
130
129
|
}
|
131
130
|
});
|
131
|
+
item && item.focus();
|
132
132
|
}
|
133
|
-
|
134
|
-
item.focus();
|
135
133
|
}
|
136
134
|
}
|
137
135
|
|
package/package.json
CHANGED
@@ -1,7 +1,8 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hipay/hipay-material-ui",
|
3
|
+
"private": false,
|
3
4
|
"author": "HiPay PSYCHE Team",
|
4
|
-
"version": "2.0.0-beta.
|
5
|
+
"version": "2.0.0-beta.66",
|
5
6
|
"description": "React components that implement Google's Material Design.",
|
6
7
|
"keywords": [
|
7
8
|
"react",
|
@@ -67,9 +68,6 @@
|
|
67
68
|
"warning": "^4.0.1"
|
68
69
|
},
|
69
70
|
"sideEffects": false,
|
70
|
-
"publishConfig": {
|
71
|
-
"access": "public"
|
72
|
-
},
|
73
71
|
"engines": {
|
74
72
|
"node": ">=6.0.0"
|
75
73
|
},
|