@hipay/hipay-material-ui 2.3.1-rc3 → 2.3.1-rc5
Sign up to get free protection for your applications and to get access to all the features.
- package/HiAlertModal/HiAlertModal.js +6 -6
- package/HiBreadcrumb/HiBreadcrumb.js +6 -8
- package/HiBreadcrumb/HiStep.js +11 -10
- package/HiBreadcrumb/HiStepConnector.js +4 -4
- package/HiBreadcrumb/HiStepContent.js +4 -4
- package/HiBreadcrumb/HiStepIcon.js +4 -4
- package/HiBreadcrumb/HiStepLabel.js +4 -4
- package/HiBreadcrumb/HiStepper.js +2 -4
- package/HiCell/CellAddress.js +2 -4
- package/HiCell/CellDate.js +3 -7
- package/HiCell/CellIcon.js +2 -4
- package/HiCell/CellImage.js +2 -4
- package/HiCell/CellNumeric.js +2 -4
- package/HiCell/CellRate.js +4 -4
- package/HiCell/CellSentinel.js +2 -4
- package/HiCell/CellSentinelScore.js +2 -4
- package/HiCell/CellText.js +1 -3
- package/HiCheckbox/HiCheckbox.js +4 -4
- package/HiChip/HiChipSwitch.js +12 -9
- package/HiDatePicker/HiDatePicker.js +55 -40
- package/HiDatePicker/HiDateRangePicker.js +64 -46
- package/HiDatePicker/HiDateRangeSelector.js +15 -13
- package/HiDatePicker/ListPicker.js +6 -8
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -5
- package/HiDatePicker/Overlays/TimePickerOverlay.js +4 -6
- package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -5
- package/HiDotsStepper/HiDot.js +2 -4
- package/HiDotsStepper/HiDotsStepper.js +7 -6
- package/HiExpansionPanel/HiExpansionPanel.js +4 -4
- package/HiForm/HiAddressField.js +4 -4
- package/HiForm/HiEmailField.js +4 -4
- package/HiForm/HiFormControl.js +17 -12
- package/HiForm/HiFormLabel.js +2 -4
- package/HiForm/HiInput.js +11 -8
- package/HiForm/HiSearchField.js +2 -4
- package/HiForm/HiSlider.js +9 -8
- package/HiForm/HiTextField.js +6 -6
- package/HiForm/HiUpload.js +28 -21
- package/HiForm/HiUploadField.js +2 -4
- package/HiForm/HiUploadInput.js +30 -23
- package/HiMap/HiMap.js +3 -5
- package/HiNotice/HiKPI.js +8 -6
- package/HiPaymentMeans/HiPaymentMeans.js +14 -12
- package/HiPdfReader/HiPdfReader.js +17 -16
- package/HiSelect/HiDynamicSelect.js +12 -10
- package/HiSelect/HiNestedSelect.js +9 -8
- package/HiSelect/HiNestedSelectContent.js +9 -10
- package/HiSelect/HiSelect.js +74 -52
- package/HiSelect/HiSelectContent.js +33 -24
- package/HiSelect/HiSelectInput.js +23 -16
- package/HiSelect/HiSelectMobile.js +12 -12
- package/HiSelect/HiSuggestSelect.js +23 -18
- package/HiSelectableList/HiSelectableList.js +17 -14
- package/HiSelectableList/HiSelectableListHierarchic.js +9 -10
- package/HiSelectableList/HiSelectableListItem.js +11 -8
- package/HiTable/HiCellBuilder.js +4 -6
- package/HiTable/HiTable.js +4 -4
- package/HiTable/HiTableHeader.js +4 -6
- package/es/HiAlertModal/HiAlertModal.js +6 -6
- package/es/HiBreadcrumb/HiBreadcrumb.js +6 -8
- package/es/HiBreadcrumb/HiStep.js +11 -10
- package/es/HiBreadcrumb/HiStepConnector.js +4 -4
- package/es/HiBreadcrumb/HiStepContent.js +4 -4
- package/es/HiBreadcrumb/HiStepIcon.js +4 -4
- package/es/HiBreadcrumb/HiStepLabel.js +4 -4
- package/es/HiBreadcrumb/HiStepper.js +2 -4
- package/es/HiCell/CellAddress.js +2 -4
- package/es/HiCell/CellDate.js +3 -7
- package/es/HiCell/CellIcon.js +2 -4
- package/es/HiCell/CellImage.js +2 -4
- package/es/HiCell/CellNumeric.js +2 -4
- package/es/HiCell/CellRate.js +4 -4
- package/es/HiCell/CellSentinel.js +2 -4
- package/es/HiCell/CellSentinelScore.js +2 -4
- package/es/HiCell/CellText.js +1 -3
- package/es/HiCheckbox/HiCheckbox.js +4 -4
- package/es/HiChip/HiChipSwitch.js +12 -9
- package/es/HiDatePicker/HiDatePicker.js +55 -40
- package/es/HiDatePicker/HiDateRangePicker.js +64 -46
- package/es/HiDatePicker/HiDateRangeSelector.js +15 -13
- package/es/HiDatePicker/ListPicker.js +6 -8
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -5
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +4 -6
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +3 -5
- package/es/HiDotsStepper/HiDot.js +2 -4
- package/es/HiDotsStepper/HiDotsStepper.js +7 -6
- package/es/HiExpansionPanel/HiExpansionPanel.js +4 -4
- package/es/HiForm/HiAddressField.js +4 -4
- package/es/HiForm/HiEmailField.js +4 -4
- package/es/HiForm/HiFormControl.js +17 -12
- package/es/HiForm/HiFormLabel.js +2 -4
- package/es/HiForm/HiInput.js +11 -8
- package/es/HiForm/HiSearchField.js +2 -4
- package/es/HiForm/HiSlider.js +9 -8
- package/es/HiForm/HiTextField.js +6 -6
- package/es/HiForm/HiUpload.js +28 -21
- package/es/HiForm/HiUploadField.js +2 -4
- package/es/HiForm/HiUploadInput.js +30 -23
- package/es/HiMap/HiMap.js +3 -5
- package/es/HiNotice/HiKPI.js +8 -6
- package/es/HiPaymentMeans/HiPaymentMeans.js +14 -12
- package/es/HiPdfReader/HiPdfReader.js +17 -16
- package/es/HiSelect/HiDynamicSelect.js +12 -10
- package/es/HiSelect/HiNestedSelect.js +9 -8
- package/es/HiSelect/HiNestedSelectContent.js +9 -10
- package/es/HiSelect/HiSelect.js +74 -52
- package/es/HiSelect/HiSelectContent.js +33 -24
- package/es/HiSelect/HiSelectInput.js +23 -16
- package/es/HiSelect/HiSelectMobile.js +12 -12
- package/es/HiSelect/HiSuggestSelect.js +23 -18
- package/es/HiSelectableList/HiSelectableList.js +17 -14
- package/es/HiSelectableList/HiSelectableListHierarchic.js +9 -10
- package/es/HiSelectableList/HiSelectableListItem.js +11 -8
- package/es/HiTable/HiCellBuilder.js +4 -6
- package/es/HiTable/HiTable.js +4 -4
- package/es/HiTable/HiTableHeader.js +4 -6
- package/es/styles/MuiThemeProvider.js +5 -7
- package/es/theme/typography.js +1 -1
- package/es/theme.js +2 -2
- package/package.json +2 -1
- package/styles/MuiThemeProvider.js +5 -7
- package/theme/typography.js +1 -1
- package/theme.js +2 -2
@@ -23,8 +23,6 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
23
23
|
|
24
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
25
25
|
|
26
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
27
|
-
|
28
26
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
29
27
|
|
30
28
|
var _react = _interopRequireDefault(require("react"));
|
@@ -106,7 +104,8 @@ function (_React$PureComponent) {
|
|
106
104
|
|
107
105
|
(0, _classCallCheck2.default)(this, HiSelectContent);
|
108
106
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectContent).call(this, props));
|
109
|
-
|
107
|
+
|
108
|
+
_this.handleKeyDown = function (event) {
|
110
109
|
var nextItem;
|
111
110
|
var key = (0, _keycode.default)(event);
|
112
111
|
|
@@ -137,8 +136,9 @@ function (_React$PureComponent) {
|
|
137
136
|
if (nextItem) {
|
138
137
|
nextItem.focus();
|
139
138
|
}
|
140
|
-
}
|
141
|
-
|
139
|
+
};
|
140
|
+
|
141
|
+
_this.handleKeyDownSearch = function (event) {
|
142
142
|
var key = (0, _keycode.default)(event);
|
143
143
|
|
144
144
|
if (_this.overlay && (key === 'down' || key === 'up')) {
|
@@ -148,8 +148,9 @@ function (_React$PureComponent) {
|
|
148
148
|
|
149
149
|
_this.handleClose();
|
150
150
|
}
|
151
|
-
}
|
152
|
-
|
151
|
+
};
|
152
|
+
|
153
|
+
_this.handleSelect = function (event, item) {
|
153
154
|
var _this$props = _this.props,
|
154
155
|
hasAll = _this$props.hasAll,
|
155
156
|
multiple = _this$props.multiple,
|
@@ -180,11 +181,13 @@ function (_React$PureComponent) {
|
|
180
181
|
} else {
|
181
182
|
onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
|
182
183
|
}
|
183
|
-
}
|
184
|
-
|
184
|
+
};
|
185
|
+
|
186
|
+
_this.handleClose = function () {
|
185
187
|
if (_this.props.onClose) _this.props.onClose();
|
186
|
-
}
|
187
|
-
|
188
|
+
};
|
189
|
+
|
190
|
+
_this.handleSuggestions = function (suggestions) {
|
188
191
|
var _this$props2 = _this.props,
|
189
192
|
hasAll = _this$props2.hasAll,
|
190
193
|
iconAll = _this$props2.iconAll,
|
@@ -215,13 +218,15 @@ function (_React$PureComponent) {
|
|
215
218
|
})] : []), (0, _toConsumableArray2.default)(suggestions))
|
216
219
|
});
|
217
220
|
}
|
218
|
-
}
|
219
|
-
|
221
|
+
};
|
222
|
+
|
223
|
+
_this.handleScroll = function (e) {
|
220
224
|
if (e.target.scrollHeight - e.target.clientHeight - e.target.scrollTop < 15) {
|
221
225
|
_this.props.onScrollReachBottom();
|
222
226
|
}
|
223
|
-
}
|
224
|
-
|
227
|
+
};
|
228
|
+
|
229
|
+
_this.handleSearch = function (e, inputValue) {
|
225
230
|
var searchValue = inputValue && e.target.value ? inputValue : e.target.value;
|
226
231
|
|
227
232
|
if (_this.props.onSearch) {
|
@@ -231,15 +236,17 @@ function (_React$PureComponent) {
|
|
231
236
|
searchValue: searchValue
|
232
237
|
});
|
233
238
|
}
|
234
|
-
}
|
235
|
-
|
239
|
+
};
|
240
|
+
|
241
|
+
_this.handleSearchReset = function () {
|
236
242
|
_this.handleSearch({
|
237
243
|
target: {
|
238
244
|
value: ''
|
239
245
|
}
|
240
246
|
}, '');
|
241
|
-
}
|
242
|
-
|
247
|
+
};
|
248
|
+
|
249
|
+
_this.buildSelectProps = function (options) {
|
243
250
|
var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
244
251
|
var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
245
252
|
var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
@@ -263,14 +270,16 @@ function (_React$PureComponent) {
|
|
263
270
|
return {
|
264
271
|
itemList: itemList
|
265
272
|
};
|
266
|
-
}
|
267
|
-
|
273
|
+
};
|
274
|
+
|
275
|
+
_this.getInputElement = function (el) {
|
268
276
|
_this.searchField = el;
|
269
277
|
|
270
278
|
if (_this.props.inputRef) {
|
271
279
|
_this.props.inputRef(_this.searchField);
|
272
280
|
}
|
273
|
-
}
|
281
|
+
};
|
282
|
+
|
274
283
|
_this.state = {
|
275
284
|
open: false,
|
276
285
|
focused: false,
|
@@ -373,7 +382,7 @@ function (_React$PureComponent) {
|
|
373
382
|
return HiSelectContent;
|
374
383
|
}(_react.default.PureComponent);
|
375
384
|
|
376
|
-
|
385
|
+
HiSelectContent.defaultProps = {
|
377
386
|
autoHeight: true,
|
378
387
|
height: 400,
|
379
388
|
disabled: false,
|
@@ -394,7 +403,7 @@ function (_React$PureComponent) {
|
|
394
403
|
},
|
395
404
|
type: 'text',
|
396
405
|
filterFunc: filterValue
|
397
|
-
}
|
406
|
+
};
|
398
407
|
|
399
408
|
var _default = (0, _styles.withStyles)(styles, {
|
400
409
|
hiComponent: true,
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
});
|
8
8
|
exports.default = exports.styles = void 0;
|
9
9
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
11
|
+
|
10
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
11
13
|
|
12
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
@@ -19,8 +21,6 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
19
21
|
|
20
22
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
21
23
|
|
22
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
23
|
-
|
24
24
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
25
25
|
|
26
26
|
var _react = _interopRequireDefault(require("react"));
|
@@ -170,7 +170,8 @@ function (_React$PureComponent) {
|
|
170
170
|
|
171
171
|
(0, _classCallCheck2.default)(this, HiSelectInput);
|
172
172
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectInput).call(this, props));
|
173
|
-
|
173
|
+
|
174
|
+
_this.handleKeyDown = function (event) {
|
174
175
|
var key = (0, _keycode.default)(event);
|
175
176
|
|
176
177
|
if (_this.props.onKeyDown) {
|
@@ -182,8 +183,9 @@ function (_React$PureComponent) {
|
|
182
183
|
|
183
184
|
_this.props.onSubmit(event);
|
184
185
|
}
|
185
|
-
}
|
186
|
-
|
186
|
+
};
|
187
|
+
|
188
|
+
_this.handleKeyDownReset = function (event) {
|
187
189
|
var key = (0, _keycode.default)(event);
|
188
190
|
|
189
191
|
if (key === 'enter' || key === 'space') {
|
@@ -192,8 +194,9 @@ function (_React$PureComponent) {
|
|
192
194
|
event.stopPropagation();
|
193
195
|
event.preventDefault();
|
194
196
|
}
|
195
|
-
}
|
196
|
-
|
197
|
+
};
|
198
|
+
|
199
|
+
_this.handleClick = function (event) {
|
197
200
|
// Do not open select if press on resetIcon
|
198
201
|
if ((!_this.resetIcon || !_this.resetIcon.contains(event.target)) && _this.props.onClick) {
|
199
202
|
// Do not open select if press enter on button => submit form
|
@@ -201,15 +204,17 @@ function (_React$PureComponent) {
|
|
201
204
|
_this.props.onClick(event);
|
202
205
|
}
|
203
206
|
}
|
204
|
-
}
|
205
|
-
|
207
|
+
};
|
208
|
+
|
209
|
+
_this.handleReset = function (event) {
|
206
210
|
_this.props.onReset(event);
|
207
211
|
|
208
212
|
if (_this.input) {
|
209
213
|
_this.input.focus();
|
210
214
|
}
|
211
|
-
}
|
212
|
-
|
215
|
+
};
|
216
|
+
|
217
|
+
_this.handleBlur = function (event) {
|
213
218
|
if ((!_this.input || !_this.input.contains(event.relatedTarget)) && _this.props.onBlur) {
|
214
219
|
_this.props.onBlur(event);
|
215
220
|
}
|
@@ -217,14 +222,16 @@ function (_React$PureComponent) {
|
|
217
222
|
this.input.focus();
|
218
223
|
}*/
|
219
224
|
|
220
|
-
}
|
221
|
-
|
225
|
+
};
|
226
|
+
|
227
|
+
_this.ref = function (el) {
|
222
228
|
_this.input = el;
|
223
229
|
|
224
230
|
if (_this.props.refElement) {
|
225
231
|
_this.props.refElement(el);
|
226
232
|
}
|
227
|
-
}
|
233
|
+
};
|
234
|
+
|
228
235
|
_this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
|
229
236
|
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
|
230
237
|
_this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
|
@@ -307,13 +314,13 @@ function (_React$PureComponent) {
|
|
307
314
|
return HiSelectInput;
|
308
315
|
}(_react.default.PureComponent);
|
309
316
|
|
310
|
-
|
317
|
+
HiSelectInput.defaultProps = {
|
311
318
|
disabled: false,
|
312
319
|
open: false,
|
313
320
|
focused: false,
|
314
321
|
noButton: false,
|
315
322
|
error: false
|
316
|
-
}
|
323
|
+
};
|
317
324
|
|
318
325
|
var _default = (0, _styles.withStyles)(styles, {
|
319
326
|
hiComponent: true,
|
@@ -21,12 +21,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
21
21
|
|
22
22
|
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
23
23
|
|
24
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
25
|
-
|
26
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
27
25
|
|
28
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
29
|
-
|
30
26
|
var _react = _interopRequireDefault(require("react"));
|
31
27
|
|
32
28
|
var _styles = require("@material-ui/core/styles");
|
@@ -61,7 +57,8 @@ function (_React$Component) {
|
|
61
57
|
}
|
62
58
|
|
63
59
|
_this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectMobile)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
64
|
-
|
60
|
+
|
61
|
+
_this.buildOptionList = function (itemList) {
|
65
62
|
var optionList = [];
|
66
63
|
|
67
64
|
if (itemList.length) {
|
@@ -97,8 +94,9 @@ function (_React$Component) {
|
|
97
94
|
}
|
98
95
|
|
99
96
|
return optionList;
|
100
|
-
}
|
101
|
-
|
97
|
+
};
|
98
|
+
|
99
|
+
_this.buildChildrenList = function (itemList) {
|
102
100
|
var group = itemList.shift();
|
103
101
|
return _react.default.createElement("optgroup", {
|
104
102
|
key: group.id,
|
@@ -110,8 +108,9 @@ function (_React$Component) {
|
|
110
108
|
value: item.id
|
111
109
|
}, item.label);
|
112
110
|
}));
|
113
|
-
}
|
114
|
-
|
111
|
+
};
|
112
|
+
|
113
|
+
_this.handleChange = function (event) {
|
115
114
|
if (!_this.props.multiple) {
|
116
115
|
var itemSelected = event.target[event.target.selectedIndex];
|
117
116
|
|
@@ -127,7 +126,8 @@ function (_React$Component) {
|
|
127
126
|
|
128
127
|
_this.props.onChange(event, optionsSelected);
|
129
128
|
}
|
130
|
-
}
|
129
|
+
};
|
130
|
+
|
131
131
|
return _this;
|
132
132
|
}
|
133
133
|
|
@@ -158,9 +158,9 @@ function (_React$Component) {
|
|
158
158
|
return HiSelectMobile;
|
159
159
|
}(_react.default.Component);
|
160
160
|
|
161
|
-
|
161
|
+
HiSelectMobile.defaultProps = {
|
162
162
|
itemList: []
|
163
|
-
}
|
163
|
+
};
|
164
164
|
|
165
165
|
var _default = (0, _styles.withStyles)(styles)(HiSelectMobile);
|
166
166
|
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
});
|
8
8
|
exports.default = exports.styles = void 0;
|
9
9
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
11
|
+
|
10
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
13
|
|
12
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
@@ -17,14 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
17
19
|
|
18
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
19
21
|
|
20
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
21
|
-
|
22
22
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
23
23
|
|
24
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
25
25
|
|
26
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
27
|
-
|
28
26
|
var _react = _interopRequireDefault(require("react"));
|
29
27
|
|
30
28
|
var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
|
@@ -97,14 +95,16 @@ function (_React$PureComponent) {
|
|
97
95
|
|
98
96
|
(0, _classCallCheck2.default)(this, HiSuggestSelect);
|
99
97
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSuggestSelect).call(this, props));
|
100
|
-
|
98
|
+
|
99
|
+
_this.getInputElement = function (el) {
|
101
100
|
_this.textInput = el;
|
102
101
|
|
103
102
|
if (_this.props.inputRef) {
|
104
103
|
_this.props.inputRef(_this.textInput);
|
105
104
|
}
|
106
|
-
}
|
107
|
-
|
105
|
+
};
|
106
|
+
|
107
|
+
_this.handleSelect = function (event, value) {
|
108
108
|
document.body.style.overflow = 'auto';
|
109
109
|
|
110
110
|
_this.props.onSelect(event, value);
|
@@ -117,8 +117,9 @@ function (_React$PureComponent) {
|
|
117
117
|
textInput.scrollLeft = textInput.scrollWidth;
|
118
118
|
}, 1);
|
119
119
|
}
|
120
|
-
}
|
121
|
-
|
120
|
+
};
|
121
|
+
|
122
|
+
_this.handleKeyDown = function (event) {
|
122
123
|
var nextItem;
|
123
124
|
var key = (0, _keycode.default)(event);
|
124
125
|
|
@@ -143,8 +144,9 @@ function (_React$PureComponent) {
|
|
143
144
|
if (nextItem) {
|
144
145
|
nextItem.focus();
|
145
146
|
}
|
146
|
-
}
|
147
|
-
|
147
|
+
};
|
148
|
+
|
149
|
+
_this.handleKeyDownSearch = function (event) {
|
148
150
|
if (event.key === 'ArrowDown') {
|
149
151
|
event.preventDefault();
|
150
152
|
|
@@ -175,8 +177,9 @@ function (_React$PureComponent) {
|
|
175
177
|
suggestionFocusIndex: -1
|
176
178
|
});
|
177
179
|
}
|
178
|
-
}
|
179
|
-
|
180
|
+
};
|
181
|
+
|
182
|
+
_this.handleFocus = function (event) {
|
180
183
|
_this.setState({
|
181
184
|
focused: true
|
182
185
|
});
|
@@ -184,8 +187,9 @@ function (_React$PureComponent) {
|
|
184
187
|
if (_this.props.onFocusInput) {
|
185
188
|
_this.props.onFocusInput(event);
|
186
189
|
}
|
187
|
-
}
|
188
|
-
|
190
|
+
};
|
191
|
+
|
192
|
+
_this.handleBlur = function (event) {
|
189
193
|
// Si on click sur un élément de HiInput, on garde le focus
|
190
194
|
// Par exemple sur l'icone reset
|
191
195
|
if (!event.relatedTarget || !_this.overlay || !_this.overlay.contains(event.relatedTarget)) {
|
@@ -199,7 +203,8 @@ function (_React$PureComponent) {
|
|
199
203
|
_this.props.onBlurInput(event);
|
200
204
|
}
|
201
205
|
}
|
202
|
-
}
|
206
|
+
};
|
207
|
+
|
203
208
|
_this.state = {
|
204
209
|
focused: false,
|
205
210
|
options: props.options,
|
@@ -294,7 +299,7 @@ function (_React$PureComponent) {
|
|
294
299
|
return HiSuggestSelect;
|
295
300
|
}(_react.default.PureComponent);
|
296
301
|
|
297
|
-
|
302
|
+
HiSuggestSelect.defaultProps = {
|
298
303
|
align: 'left',
|
299
304
|
showMinLength: false,
|
300
305
|
showNoResults: false,
|
@@ -303,7 +308,7 @@ function (_React$PureComponent) {
|
|
303
308
|
min_length: 'Veuillez saisir 3 caractères minimum'
|
304
309
|
},
|
305
310
|
options: []
|
306
|
-
}
|
311
|
+
};
|
307
312
|
|
308
313
|
var _default = (0, _styles.withStyles)(styles, {
|
309
314
|
hiComponent: true,
|
@@ -11,6 +11,8 @@ exports.default = exports.styles = void 0;
|
|
11
11
|
|
12
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
13
13
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
15
|
+
|
14
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
17
|
|
16
18
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
@@ -21,12 +23,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
21
23
|
|
22
24
|
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
23
25
|
|
24
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
25
|
-
|
26
26
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
27
27
|
|
28
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
29
|
-
|
30
28
|
var _react = _interopRequireDefault(require("react"));
|
31
29
|
|
32
30
|
var _List = _interopRequireDefault(require("@material-ui/core/List"));
|
@@ -81,12 +79,14 @@ function (_React$PureComponent) {
|
|
81
79
|
}
|
82
80
|
|
83
81
|
_this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableList)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
84
|
-
|
82
|
+
|
83
|
+
_this.handleSelect = function (item) {
|
85
84
|
return function (event) {
|
86
85
|
_this.props.onSelect(event, item);
|
87
86
|
};
|
88
|
-
}
|
89
|
-
|
87
|
+
};
|
88
|
+
|
89
|
+
_this.handleKeyDown = function (event) {
|
90
90
|
var nextItem;
|
91
91
|
var key = (0, _keycode.default)(event);
|
92
92
|
|
@@ -101,8 +101,9 @@ function (_React$PureComponent) {
|
|
101
101
|
if (nextItem) {
|
102
102
|
nextItem.focus();
|
103
103
|
}
|
104
|
-
}
|
105
|
-
|
104
|
+
};
|
105
|
+
|
106
|
+
_this.buildRecursiveListItem = function (item, index) {
|
106
107
|
var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
107
108
|
var _this$props = _this.props,
|
108
109
|
checkedIcon = _this$props.checkedIcon,
|
@@ -177,8 +178,9 @@ function (_React$PureComponent) {
|
|
177
178
|
}
|
178
179
|
|
179
180
|
return itemComponent;
|
180
|
-
}
|
181
|
-
|
181
|
+
};
|
182
|
+
|
183
|
+
_this.compareItem = function (a, b) {
|
182
184
|
if (_this.props.comparItemFunc) {
|
183
185
|
return _this.props.comparItemFunc(a, b);
|
184
186
|
}
|
@@ -198,7 +200,8 @@ function (_React$PureComponent) {
|
|
198
200
|
}
|
199
201
|
|
200
202
|
return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
|
201
|
-
}
|
203
|
+
};
|
204
|
+
|
202
205
|
return _this;
|
203
206
|
}
|
204
207
|
|
@@ -272,7 +275,7 @@ function (_React$PureComponent) {
|
|
272
275
|
return HiSelectableList;
|
273
276
|
}(_react.default.PureComponent);
|
274
277
|
|
275
|
-
|
278
|
+
HiSelectableList.defaultProps = {
|
276
279
|
allSelected: false,
|
277
280
|
disabled: false,
|
278
281
|
disabledItemIdList: [],
|
@@ -281,7 +284,7 @@ function (_React$PureComponent) {
|
|
281
284
|
selectedItemIdList: [],
|
282
285
|
sort: false,
|
283
286
|
sortAppendList: ['_all']
|
284
|
-
}
|
287
|
+
};
|
285
288
|
|
286
289
|
var _default = (0, _styles.withStyles)(styles, {
|
287
290
|
hiComponent: true,
|
@@ -19,12 +19,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
19
19
|
|
20
20
|
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
21
21
|
|
22
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
23
|
-
|
24
22
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
25
23
|
|
26
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
27
|
-
|
28
24
|
var _react = _interopRequireDefault(require("react"));
|
29
25
|
|
30
26
|
var _List = _interopRequireDefault(require("@material-ui/core/List"));
|
@@ -62,12 +58,14 @@ function (_React$PureComponent) {
|
|
62
58
|
}
|
63
59
|
|
64
60
|
_this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableListHierarchic)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
65
|
-
|
61
|
+
|
62
|
+
_this.handleSelect = function (item) {
|
66
63
|
return function (event) {
|
67
64
|
_this.props.onSelect(event, item);
|
68
65
|
};
|
69
|
-
}
|
70
|
-
|
66
|
+
};
|
67
|
+
|
68
|
+
_this.buildRecursiveListItem = function (item) {
|
71
69
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
72
70
|
var _this$props = _this.props,
|
73
71
|
checkedIcon = _this$props.checkedIcon,
|
@@ -94,7 +92,8 @@ function (_React$PureComponent) {
|
|
94
92
|
}).map(function (subItem) {
|
95
93
|
return _this.buildRecursiveListItem(subItem, level + 1);
|
96
94
|
}));
|
97
|
-
}
|
95
|
+
};
|
96
|
+
|
98
97
|
return _this;
|
99
98
|
}
|
100
99
|
|
@@ -157,13 +156,13 @@ function (_React$PureComponent) {
|
|
157
156
|
return HiSelectableListHierarchic;
|
158
157
|
}(_react.default.PureComponent);
|
159
158
|
|
160
|
-
|
159
|
+
HiSelectableListHierarchic.defaultProps = {
|
161
160
|
allSelected: false,
|
162
161
|
disabled: false,
|
163
162
|
disabledItemIdList: [],
|
164
163
|
hideCheckbox: false,
|
165
164
|
selectedItemIdList: []
|
166
|
-
}
|
165
|
+
};
|
167
166
|
|
168
167
|
var _default = (0, _styles.withStyles)(styles, {
|
169
168
|
hiComponent: true,
|
@@ -9,6 +9,8 @@ exports.default = exports.styles = void 0;
|
|
9
9
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
11
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
13
|
+
|
12
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
13
15
|
|
14
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
@@ -21,8 +23,6 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
21
23
|
|
22
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
23
25
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
25
|
-
|
26
26
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
27
27
|
|
28
28
|
var _react = _interopRequireDefault(require("react"));
|
@@ -216,14 +216,16 @@ function (_React$PureComponent) {
|
|
216
216
|
|
217
217
|
(0, _classCallCheck2.default)(this, HiSelectableListItem);
|
218
218
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelectableListItem).call(this, props));
|
219
|
-
|
219
|
+
|
220
|
+
_this.setHover = function (hover) {
|
220
221
|
return function () {
|
221
222
|
_this.setState({
|
222
223
|
hover: hover
|
223
224
|
});
|
224
225
|
};
|
225
|
-
}
|
226
|
-
|
226
|
+
};
|
227
|
+
|
228
|
+
_this.handleKeyDown = function (item) {
|
227
229
|
return function (event) {
|
228
230
|
var key = (0, _keycode.default)(event);
|
229
231
|
|
@@ -236,7 +238,8 @@ function (_React$PureComponent) {
|
|
236
238
|
}
|
237
239
|
}
|
238
240
|
};
|
239
|
-
}
|
241
|
+
};
|
242
|
+
|
240
243
|
_this.state = {
|
241
244
|
hover: false
|
242
245
|
};
|
@@ -403,7 +406,7 @@ function (_React$PureComponent) {
|
|
403
406
|
return HiSelectableListItem;
|
404
407
|
}(_react.default.PureComponent);
|
405
408
|
|
406
|
-
|
409
|
+
HiSelectableListItem.defaultProps = {
|
407
410
|
centered: false,
|
408
411
|
disabled: false,
|
409
412
|
hideCheckbox: false,
|
@@ -417,7 +420,7 @@ function (_React$PureComponent) {
|
|
417
420
|
secondaryInline: true,
|
418
421
|
selected: false,
|
419
422
|
thin: false
|
420
|
-
}
|
423
|
+
};
|
421
424
|
|
422
425
|
var _default = (0, _styles.withStyles)(styles, {
|
423
426
|
hiComponent: true,
|
@@ -17,12 +17,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
17
17
|
|
18
18
|
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
19
19
|
|
20
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
21
|
-
|
22
20
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
23
21
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
25
|
-
|
26
22
|
var _react = _interopRequireDefault(require("react"));
|
27
23
|
|
28
24
|
var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
|
@@ -67,7 +63,8 @@ function (_React$PureComponent) {
|
|
67
63
|
}
|
68
64
|
|
69
65
|
_this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiCellBuilder)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
70
|
-
|
66
|
+
|
67
|
+
_this.createCell = function (cell, rowdata, locale) {
|
71
68
|
if (rowdata.datas[cell.colId]) {
|
72
69
|
var datacell = rowdata.datas[cell.colId];
|
73
70
|
|
@@ -207,7 +204,8 @@ function (_React$PureComponent) {
|
|
207
204
|
}
|
208
205
|
|
209
206
|
return null;
|
210
|
-
}
|
207
|
+
};
|
208
|
+
|
211
209
|
return _this;
|
212
210
|
}
|
213
211
|
|