@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
@@ -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"));
|
@@ -15,12 +17,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
15
17
|
|
16
18
|
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
17
19
|
|
18
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
19
|
-
|
20
20
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
21
21
|
|
22
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
23
|
-
|
24
22
|
var _react = _interopRequireDefault(require("react"));
|
25
23
|
|
26
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
@@ -301,7 +299,8 @@ function (_React$Component) {
|
|
301
299
|
}
|
302
300
|
|
303
301
|
_this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiPaymentMeans)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
304
|
-
|
302
|
+
|
303
|
+
_this.buildPaymentLayoutByType = function () {
|
305
304
|
var _classNames;
|
306
305
|
|
307
306
|
var _this$props = _this.props,
|
@@ -524,8 +523,9 @@ function (_React$Component) {
|
|
524
523
|
}
|
525
524
|
|
526
525
|
return cardLayout;
|
527
|
-
}
|
528
|
-
|
526
|
+
};
|
527
|
+
|
528
|
+
_this.formatCardNumber = function (cardNumber) {
|
529
529
|
if (cardNumber.search(/X/g) >= 0) {
|
530
530
|
cardNumber = cardNumber.replace(/X/g, '*');
|
531
531
|
}
|
@@ -535,14 +535,16 @@ function (_React$Component) {
|
|
535
535
|
}
|
536
536
|
|
537
537
|
return cardNumber;
|
538
|
-
}
|
539
|
-
|
538
|
+
};
|
539
|
+
|
540
|
+
_this.formatIBANNumber = function (cardNumber) {
|
540
541
|
if (cardNumber.search(' ') < 0) {
|
541
542
|
cardNumber = "".concat(cardNumber.substring(0, 4), " ").concat(cardNumber.substring(4, 8), " ").concat(cardNumber.substring(8, 12), "\n ").concat(cardNumber.substring(12, 16), " ").concat(cardNumber.substring(16, 20), " ").concat(cardNumber.substring(20, 26));
|
542
543
|
}
|
543
544
|
|
544
545
|
return cardNumber;
|
545
|
-
}
|
546
|
+
};
|
547
|
+
|
546
548
|
return _this;
|
547
549
|
}
|
548
550
|
|
@@ -555,7 +557,7 @@ function (_React$Component) {
|
|
555
557
|
return HiPaymentMeans;
|
556
558
|
}(_react.default.Component);
|
557
559
|
|
558
|
-
|
560
|
+
HiPaymentMeans.defaultProps = {
|
559
561
|
cardUserGender: 'U',
|
560
562
|
credit: true,
|
561
563
|
translations: {
|
@@ -565,7 +567,7 @@ function (_React$Component) {
|
|
565
567
|
gender_female: 'Mrs',
|
566
568
|
gender_male: 'Mr'
|
567
569
|
}
|
568
|
-
}
|
570
|
+
};
|
569
571
|
|
570
572
|
var _default = (0, _styles.withStyles)(styles, {
|
571
573
|
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 _HiButton = _interopRequireDefault(require("../HiButton"));
|
@@ -116,39 +112,44 @@ function (_React$PureComponent) {
|
|
116
112
|
}
|
117
113
|
|
118
114
|
_this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiPdfReader)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
119
|
-
|
115
|
+
_this.state = {
|
120
116
|
numPages: null,
|
121
117
|
pageNumber: 1,
|
122
118
|
error: false,
|
123
119
|
width: 600
|
124
|
-
}
|
125
|
-
|
120
|
+
};
|
121
|
+
|
122
|
+
_this.handleLoadSuccess = function (_ref) {
|
126
123
|
var numPages = _ref.numPages;
|
127
124
|
|
128
125
|
_this.setState({
|
129
126
|
numPages: numPages,
|
130
127
|
error: false
|
131
128
|
});
|
132
|
-
}
|
133
|
-
|
129
|
+
};
|
130
|
+
|
131
|
+
_this.handleLoadError = function () {
|
134
132
|
_this.setState({
|
135
133
|
error: true
|
136
134
|
});
|
137
|
-
}
|
138
|
-
|
135
|
+
};
|
136
|
+
|
137
|
+
_this.handleClickNextPage = function () {
|
139
138
|
_this.setState(function (prevState) {
|
140
139
|
return {
|
141
140
|
pageNumber: prevState.pageNumber + 1
|
142
141
|
};
|
143
142
|
});
|
144
|
-
}
|
145
|
-
|
143
|
+
};
|
144
|
+
|
145
|
+
_this.handleClickPreviousPage = function () {
|
146
146
|
_this.setState(function (prevState) {
|
147
147
|
return {
|
148
148
|
pageNumber: prevState.pageNumber - 1
|
149
149
|
};
|
150
150
|
});
|
151
|
-
}
|
151
|
+
};
|
152
|
+
|
152
153
|
return _this;
|
153
154
|
}
|
154
155
|
|
@@ -232,10 +233,10 @@ function (_React$PureComponent) {
|
|
232
233
|
return HiPdfReader;
|
233
234
|
}(_react.default.PureComponent);
|
234
235
|
|
235
|
-
|
236
|
+
HiPdfReader.defaultProps = {
|
236
237
|
displayPagination: true,
|
237
238
|
displayNavigationButtons: true
|
238
|
-
}
|
239
|
+
};
|
239
240
|
|
240
241
|
var _default = (0, _styles.withStyles)(styles, {
|
241
242
|
name: 'HmuiHiPdfReader',
|
@@ -27,8 +27,6 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
27
27
|
|
28
28
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
29
29
|
|
30
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
31
|
-
|
32
30
|
var _react = _interopRequireDefault(require("react"));
|
33
31
|
|
34
32
|
var _HiSelect = _interopRequireDefault(require("./HiSelect"));
|
@@ -56,12 +54,14 @@ function (_React$PureComponent) {
|
|
56
54
|
|
57
55
|
(0, _classCallCheck2.default)(this, HiDynamicSelect);
|
58
56
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDynamicSelect).call(this, props));
|
59
|
-
|
57
|
+
|
58
|
+
_this.handleScrollReachBottom = function () {
|
60
59
|
if (!_this.props.loading && _this.props.nextPage === 'auto' && _this.props.onNextPage) {
|
61
60
|
_this.props.onNextPage();
|
62
61
|
}
|
63
|
-
}
|
64
|
-
|
62
|
+
};
|
63
|
+
|
64
|
+
_this.handleSelect = function (event, item) {
|
65
65
|
var _this$props = _this.props,
|
66
66
|
multiple = _this$props.multiple,
|
67
67
|
onChange = _this$props.onChange,
|
@@ -82,8 +82,9 @@ function (_React$PureComponent) {
|
|
82
82
|
} else {
|
83
83
|
onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
|
84
84
|
}
|
85
|
-
}
|
86
|
-
|
85
|
+
};
|
86
|
+
|
87
|
+
_this.buildSelectProps = function (options) {
|
87
88
|
var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
88
89
|
var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
89
90
|
var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
@@ -114,7 +115,8 @@ function (_React$PureComponent) {
|
|
114
115
|
return {
|
115
116
|
itemList: itemList
|
116
117
|
};
|
117
|
-
}
|
118
|
+
};
|
119
|
+
|
118
120
|
_this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)(_this));
|
119
121
|
_this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
|
120
122
|
return _this;
|
@@ -147,7 +149,7 @@ function (_React$PureComponent) {
|
|
147
149
|
return HiDynamicSelect;
|
148
150
|
}(_react.default.PureComponent);
|
149
151
|
|
150
|
-
|
152
|
+
HiDynamicSelect.defaultProps = {
|
151
153
|
loading: false,
|
152
154
|
multiple: false,
|
153
155
|
nextPage: 'none',
|
@@ -160,6 +162,6 @@ function (_React$PureComponent) {
|
|
160
162
|
one_child: '%s item',
|
161
163
|
next_page: 'Load more'
|
162
164
|
}
|
163
|
-
}
|
165
|
+
};
|
164
166
|
var _default = HiDynamicSelect;
|
165
167
|
exports.default = _default;
|
@@ -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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
@@ -233,7 +231,8 @@ function (_React$PureComponent) {
|
|
233
231
|
|
234
232
|
(0, _classCallCheck2.default)(this, HiNestedSelect);
|
235
233
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiNestedSelect).call(this, props));
|
236
|
-
|
234
|
+
|
235
|
+
_this.handleSelect = function (event, item) {
|
237
236
|
var _this$props = _this.props,
|
238
237
|
hasAll = _this$props.hasAll,
|
239
238
|
multiple = _this$props.multiple,
|
@@ -279,8 +278,9 @@ function (_React$PureComponent) {
|
|
279
278
|
} else {
|
280
279
|
onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
|
281
280
|
}
|
282
|
-
}
|
283
|
-
|
281
|
+
};
|
282
|
+
|
283
|
+
_this.buildSelectProps = function (options) {
|
284
284
|
var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
285
285
|
var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
286
286
|
var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
@@ -366,7 +366,8 @@ function (_React$PureComponent) {
|
|
366
366
|
itemList: itemList,
|
367
367
|
inputValue: inputValue
|
368
368
|
};
|
369
|
-
}
|
369
|
+
};
|
370
|
+
|
370
371
|
_this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
|
371
372
|
return _this;
|
372
373
|
}
|
@@ -418,7 +419,7 @@ function (_React$PureComponent) {
|
|
418
419
|
return HiNestedSelect;
|
419
420
|
}(_react.default.PureComponent);
|
420
421
|
|
421
|
-
|
422
|
+
HiNestedSelect.defaultProps = {
|
422
423
|
disabledParent: false,
|
423
424
|
displayAsChip: false,
|
424
425
|
hasAll: false,
|
@@ -435,7 +436,7 @@ function (_React$PureComponent) {
|
|
435
436
|
one_child: '%s item'
|
436
437
|
},
|
437
438
|
filterFunc: filterValue
|
438
|
-
}
|
439
|
+
};
|
439
440
|
|
440
441
|
var _default = (0, _styles.withStyles)(styles, {
|
441
442
|
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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
31
27
|
|
32
28
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
@@ -192,7 +188,8 @@ function (_React$PureComponent) {
|
|
192
188
|
}
|
193
189
|
|
194
190
|
_this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiNestedSelectContent)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
195
|
-
|
191
|
+
|
192
|
+
_this.handleSelect = function (event, item) {
|
196
193
|
var _this$props = _this.props,
|
197
194
|
hasAll = _this$props.hasAll,
|
198
195
|
multiple = _this$props.multiple,
|
@@ -238,8 +235,9 @@ function (_React$PureComponent) {
|
|
238
235
|
} else {
|
239
236
|
onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
|
240
237
|
}
|
241
|
-
}
|
242
|
-
|
238
|
+
};
|
239
|
+
|
240
|
+
_this.buildSelectProps = function (options) {
|
243
241
|
var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
244
242
|
var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
245
243
|
var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
@@ -291,7 +289,8 @@ function (_React$PureComponent) {
|
|
291
289
|
return {
|
292
290
|
itemList: itemList
|
293
291
|
};
|
294
|
-
}
|
292
|
+
};
|
293
|
+
|
295
294
|
return _this;
|
296
295
|
}
|
297
296
|
|
@@ -331,7 +330,7 @@ function (_React$PureComponent) {
|
|
331
330
|
return HiNestedSelectContent;
|
332
331
|
}(_react.default.PureComponent);
|
333
332
|
|
334
|
-
|
333
|
+
HiNestedSelectContent.defaultProps = {
|
335
334
|
disabledParent: false,
|
336
335
|
hasAll: false,
|
337
336
|
multiple: false,
|
@@ -345,6 +344,6 @@ function (_React$PureComponent) {
|
|
345
344
|
one_child: '%s item'
|
346
345
|
},
|
347
346
|
filterFunc: filterValue
|
348
|
-
}
|
347
|
+
};
|
349
348
|
var _default = HiNestedSelectContent;
|
350
349
|
exports.default = _default;
|
package/es/HiSelect/HiSelect.js
CHANGED
@@ -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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
13
15
|
|
14
16
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
@@ -19,12 +21,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
19
21
|
|
20
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
21
23
|
|
22
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
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"));
|
@@ -152,7 +150,8 @@ function (_React$PureComponent) {
|
|
152
150
|
|
153
151
|
(0, _classCallCheck2.default)(this, HiSelect);
|
154
152
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSelect).call(this, props));
|
155
|
-
|
153
|
+
|
154
|
+
_this.buildSelectProps = function (options) {
|
156
155
|
var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
157
156
|
var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
158
157
|
var loading = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
@@ -177,8 +176,9 @@ function (_React$PureComponent) {
|
|
177
176
|
itemList: itemList,
|
178
177
|
inputValue: _this.buildInputValue(options, value, loading)
|
179
178
|
};
|
180
|
-
}
|
181
|
-
|
179
|
+
};
|
180
|
+
|
181
|
+
_this.buildInputValue = function (options) {
|
182
182
|
var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
183
183
|
var loading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
184
184
|
var _this$props = _this.props,
|
@@ -232,8 +232,9 @@ function (_React$PureComponent) {
|
|
232
232
|
}
|
233
233
|
|
234
234
|
return inputValue;
|
235
|
-
}
|
236
|
-
|
235
|
+
};
|
236
|
+
|
237
|
+
_this.focusOnFirstItem = function () {
|
237
238
|
if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
|
238
239
|
setTimeout(function () {
|
239
240
|
var item = _this.overlay.getElementsByTagName('li')[0];
|
@@ -241,15 +242,17 @@ function (_React$PureComponent) {
|
|
241
242
|
item.focus();
|
242
243
|
}, 1);
|
243
244
|
}
|
244
|
-
}
|
245
|
-
|
245
|
+
};
|
246
|
+
|
247
|
+
_this.getInputElement = function (el) {
|
246
248
|
_this.searchField = el;
|
247
249
|
|
248
250
|
if (_this.props.inputRef) {
|
249
251
|
_this.props.inputRef(_this.searchField);
|
250
252
|
}
|
251
|
-
}
|
252
|
-
|
253
|
+
};
|
254
|
+
|
255
|
+
_this.handleBlur = function (event) {
|
253
256
|
_this.handleSearchReset();
|
254
257
|
|
255
258
|
_this.setState({
|
@@ -259,8 +262,9 @@ function (_React$PureComponent) {
|
|
259
262
|
if (_this.props.onBlur && !_this.inputEl.contains(event.relatedTarget) && !_this.state.open) {
|
260
263
|
_this.props.onBlur(event);
|
261
264
|
}
|
262
|
-
}
|
263
|
-
|
265
|
+
};
|
266
|
+
|
267
|
+
_this.handleClick = function () {
|
264
268
|
if (_this.state.open) {
|
265
269
|
_this.handleClose();
|
266
270
|
} else if (_this.props.alert && !_this.state.alertOpen) {
|
@@ -285,22 +289,27 @@ function (_React$PureComponent) {
|
|
285
289
|
}
|
286
290
|
}, 1);
|
287
291
|
}
|
288
|
-
}
|
289
|
-
|
292
|
+
};
|
293
|
+
|
294
|
+
_this.handleSubmitAlert = function () {
|
290
295
|
_this.handleClick();
|
291
|
-
}
|
292
|
-
|
296
|
+
};
|
297
|
+
|
298
|
+
_this.handleCancelAlert = function () {
|
293
299
|
_this.handleClose();
|
294
|
-
}
|
295
|
-
|
300
|
+
};
|
301
|
+
|
302
|
+
_this.handleExitedAlert = function () {
|
296
303
|
if (_this.searchField) {
|
297
304
|
_this.searchField.focus();
|
298
305
|
}
|
299
|
-
}
|
300
|
-
|
306
|
+
};
|
307
|
+
|
308
|
+
_this.handleCloseAlert = function () {
|
301
309
|
_this.handleClose();
|
302
|
-
}
|
303
|
-
|
310
|
+
};
|
311
|
+
|
312
|
+
_this.focusOnSelectedItem = function (selectedValue) {
|
304
313
|
if (_this.overlay && _this.overlay.getElementsByTagName('li')[0]) {
|
305
314
|
setTimeout(function () {
|
306
315
|
if (_this.overlay) {
|
@@ -319,14 +328,16 @@ function (_React$PureComponent) {
|
|
319
328
|
}
|
320
329
|
}, 1);
|
321
330
|
}
|
322
|
-
}
|
323
|
-
|
331
|
+
};
|
332
|
+
|
333
|
+
_this.handleClickAway = function (event) {
|
324
334
|
// Au clic sur le bouton, on laisse le handleClick fermer le select
|
325
335
|
if (!_this.inputEl.contains(event.target)) {
|
326
336
|
_this.handleClose(event);
|
327
337
|
}
|
328
|
-
}
|
329
|
-
|
338
|
+
};
|
339
|
+
|
340
|
+
_this.handleClose = function () {
|
330
341
|
_this.handleSearchReset();
|
331
342
|
|
332
343
|
_this.setState({
|
@@ -341,13 +352,15 @@ function (_React$PureComponent) {
|
|
341
352
|
if (_this.inputEl) {
|
342
353
|
_this.inputEl.focus();
|
343
354
|
}
|
344
|
-
}
|
345
|
-
|
355
|
+
};
|
356
|
+
|
357
|
+
_this.handleFocus = function () {
|
346
358
|
_this.setState({
|
347
359
|
focused: true
|
348
360
|
});
|
349
|
-
}
|
350
|
-
|
361
|
+
};
|
362
|
+
|
363
|
+
_this.handleKeyDownCapture = function (event) {
|
351
364
|
var key = (0, _keycode.default)(event);
|
352
365
|
|
353
366
|
if (key === 'enter') {
|
@@ -359,8 +372,9 @@ function (_React$PureComponent) {
|
|
359
372
|
}
|
360
373
|
}
|
361
374
|
}
|
362
|
-
}
|
363
|
-
|
375
|
+
};
|
376
|
+
|
377
|
+
_this.handleKeyDown = function (event) {
|
364
378
|
var key = (0, _keycode.default)(event);
|
365
379
|
|
366
380
|
if (!_this.state.alertOpen) {
|
@@ -382,8 +396,9 @@ function (_React$PureComponent) {
|
|
382
396
|
_this.handleClose();
|
383
397
|
}
|
384
398
|
}
|
385
|
-
}
|
386
|
-
|
399
|
+
};
|
400
|
+
|
401
|
+
_this.handleKeyDownSearch = function (event) {
|
387
402
|
var key = (0, _keycode.default)(event);
|
388
403
|
|
389
404
|
if (_this.overlay && (key === 'down' || key === 'up')) {
|
@@ -397,13 +412,15 @@ function (_React$PureComponent) {
|
|
397
412
|
open: false
|
398
413
|
});
|
399
414
|
}
|
400
|
-
}
|
401
|
-
|
415
|
+
};
|
416
|
+
|
417
|
+
_this.handleScroll = function (e) {
|
402
418
|
if (e.target.scrollHeight - e.target.clientHeight - e.target.scrollTop < 15) {
|
403
419
|
_this.props.onScrollReachBottom();
|
404
420
|
}
|
405
|
-
}
|
406
|
-
|
421
|
+
};
|
422
|
+
|
423
|
+
_this.handleSelect = function (event, item) {
|
407
424
|
var _this$props2 = _this.props,
|
408
425
|
hasAll = _this$props2.hasAll,
|
409
426
|
multiple = _this$props2.multiple,
|
@@ -439,8 +456,9 @@ function (_React$PureComponent) {
|
|
439
456
|
} else {
|
440
457
|
onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
|
441
458
|
}
|
442
|
-
}
|
443
|
-
|
459
|
+
};
|
460
|
+
|
461
|
+
_this.handleSuggestions = function (suggestions) {
|
444
462
|
var _this$props3 = _this.props,
|
445
463
|
hasAll = _this$props3.hasAll,
|
446
464
|
iconAll = _this$props3.iconAll,
|
@@ -471,8 +489,9 @@ function (_React$PureComponent) {
|
|
471
489
|
})] : []), (0, _toConsumableArray2.default)(suggestions))
|
472
490
|
});
|
473
491
|
}
|
474
|
-
}
|
475
|
-
|
492
|
+
};
|
493
|
+
|
494
|
+
_this.handleSearch = function (e, inputValue) {
|
476
495
|
var searchValue = inputValue && e.target.value ? inputValue : e.target.value;
|
477
496
|
|
478
497
|
if (_this.props.onSearch) {
|
@@ -482,15 +501,17 @@ function (_React$PureComponent) {
|
|
482
501
|
searchValue: searchValue
|
483
502
|
});
|
484
503
|
}
|
485
|
-
}
|
486
|
-
|
504
|
+
};
|
505
|
+
|
506
|
+
_this.handleSearchReset = function () {
|
487
507
|
_this.handleSearch({
|
488
508
|
target: {
|
489
509
|
value: ''
|
490
510
|
}
|
491
511
|
}, '');
|
492
|
-
}
|
493
|
-
|
512
|
+
};
|
513
|
+
|
514
|
+
_this.getLengthItemList = function (itemList) {
|
494
515
|
var itemListLength = 0;
|
495
516
|
itemList.forEach(function (parent) {
|
496
517
|
if (parent.displayed !== false) {
|
@@ -502,7 +523,8 @@ function (_React$PureComponent) {
|
|
502
523
|
}
|
503
524
|
});
|
504
525
|
return itemListLength;
|
505
|
-
}
|
526
|
+
};
|
527
|
+
|
506
528
|
_this.state = {
|
507
529
|
alertOpen: false,
|
508
530
|
open: false,
|
@@ -772,7 +794,7 @@ function (_React$PureComponent) {
|
|
772
794
|
return HiSelect;
|
773
795
|
}(_react.default.PureComponent);
|
774
796
|
|
775
|
-
|
797
|
+
HiSelect.defaultProps = {
|
776
798
|
align: 'left',
|
777
799
|
autoFocus: false,
|
778
800
|
disabled: false,
|
@@ -798,7 +820,7 @@ function (_React$PureComponent) {
|
|
798
820
|
type: 'text',
|
799
821
|
filterFunc: filterValue,
|
800
822
|
maxOptionsDisplayed: 12
|
801
|
-
}
|
823
|
+
};
|
802
824
|
|
803
825
|
var _default = (0, _styles.withStyles)(styles, {
|
804
826
|
hiComponent: true,
|