@hipay/hipay-material-ui 2.3.1-rc3 → 2.3.1-rc5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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,
|