@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 = void 0;
|
9
9
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
11
|
+
|
10
12
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
|
11
13
|
|
12
14
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
@@ -23,12 +25,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
23
25
|
|
24
26
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
25
27
|
|
26
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
@@ -73,10 +71,12 @@ function (_React$Component) {
|
|
73
71
|
|
74
72
|
(0, _classCallCheck2.default)(this, HiDatePicker);
|
75
73
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDatePicker).call(this));
|
76
|
-
|
74
|
+
|
75
|
+
_this.handleInputChange = function (event) {
|
77
76
|
_this.props.onChange(event.target.value);
|
78
|
-
}
|
79
|
-
|
77
|
+
};
|
78
|
+
|
79
|
+
_this.handleKeyDown = function (name) {
|
80
80
|
return function (event) {
|
81
81
|
if (event.key === 'Escape' && !event.shiftKey) {
|
82
82
|
_this.datePickerInput.hideDayPicker();
|
@@ -84,15 +84,17 @@ function (_React$Component) {
|
|
84
84
|
event.stopPropagation();
|
85
85
|
}
|
86
86
|
};
|
87
|
-
}
|
88
|
-
|
87
|
+
};
|
88
|
+
|
89
|
+
_this.handleReset = function () {
|
89
90
|
var today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
|
90
91
|
|
91
92
|
_this.handleCurrentMonthChange(new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds()));
|
92
93
|
|
93
94
|
_this.props.onReset();
|
94
|
-
}
|
95
|
-
|
95
|
+
};
|
96
|
+
|
97
|
+
_this.handleDayChange = function (day, modifiers) {
|
96
98
|
if (day) {
|
97
99
|
if (modifiers.selected) {
|
98
100
|
// Deselect day
|
@@ -118,8 +120,9 @@ function (_React$Component) {
|
|
118
120
|
_this.openPanel('time');
|
119
121
|
}
|
120
122
|
}
|
121
|
-
}
|
122
|
-
|
123
|
+
};
|
124
|
+
|
125
|
+
_this.handleChangeMobile = function (event) {
|
123
126
|
var date;
|
124
127
|
|
125
128
|
if (event.target.value) {
|
@@ -127,45 +130,54 @@ function (_React$Component) {
|
|
127
130
|
}
|
128
131
|
|
129
132
|
_this.props.onChange(date);
|
130
|
-
}
|
131
|
-
|
133
|
+
};
|
134
|
+
|
135
|
+
_this.handleCalendarClick = function () {
|
132
136
|
_this.openPanel('calendar');
|
133
|
-
}
|
134
|
-
|
137
|
+
};
|
138
|
+
|
139
|
+
_this.handleClockClick = function () {
|
135
140
|
_this.openPanel('time');
|
136
|
-
}
|
137
|
-
|
141
|
+
};
|
142
|
+
|
143
|
+
_this.handleMonthClick = function () {
|
138
144
|
_this.openPanel('months');
|
139
|
-
}
|
140
|
-
|
145
|
+
};
|
146
|
+
|
147
|
+
_this.handleYearClick = function () {
|
141
148
|
_this.openPanel('years');
|
142
|
-
}
|
143
|
-
|
149
|
+
};
|
150
|
+
|
151
|
+
_this.handleCurrentMonthChange = function (day) {
|
144
152
|
_this.setState({
|
145
153
|
// Current Month can't be anterior to minimumDate
|
146
154
|
currentMonth: day < _this.props.minimumDate ? _this.props.minimumDate : day,
|
147
155
|
openedPanel: 'calendar'
|
148
156
|
});
|
149
|
-
}
|
150
|
-
|
157
|
+
};
|
158
|
+
|
159
|
+
_this.handleTimeChange = function (date, precision) {
|
151
160
|
_this.props.onChange(date);
|
152
161
|
|
153
162
|
if (date instanceof Date && precision === 'minute') {
|
154
163
|
document.activeElement.blur();
|
155
164
|
}
|
156
|
-
}
|
157
|
-
|
165
|
+
};
|
166
|
+
|
167
|
+
_this.openPanel = function (panel) {
|
158
168
|
_this.setState({
|
159
169
|
openedPanel: panel
|
160
170
|
});
|
161
|
-
}
|
162
|
-
|
171
|
+
};
|
172
|
+
|
173
|
+
_this.renderCaption = function (propsCaption) {
|
163
174
|
return _react.default.createElement(_Caption.default, (0, _extends2.default)({
|
164
175
|
onMonthClick: _this.handleMonthClick,
|
165
176
|
onYearClick: _this.handleYearClick
|
166
177
|
}, propsCaption));
|
167
|
-
}
|
168
|
-
|
178
|
+
};
|
179
|
+
|
180
|
+
_this.renderOverlay = function (propsOverlay) {
|
169
181
|
switch (_this.state.openedPanel) {
|
170
182
|
case 'time':
|
171
183
|
return _this.renderTimePickerOverlay(propsOverlay);
|
@@ -180,8 +192,9 @@ function (_React$Component) {
|
|
180
192
|
default:
|
181
193
|
return _react.default.createElement(_Overlay.default, propsOverlay);
|
182
194
|
}
|
183
|
-
}
|
184
|
-
|
195
|
+
};
|
196
|
+
|
197
|
+
_this.renderMonthPickerOverlay = function (propsOverlay) {
|
185
198
|
var monthPickerProps = {
|
186
199
|
value: _this.state.currentMonth,
|
187
200
|
onChange: _this.handleCurrentMonthChange
|
@@ -189,8 +202,9 @@ function (_React$Component) {
|
|
189
202
|
return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
|
190
203
|
key: 'month-picker-overlay'
|
191
204
|
}, monthPickerProps, propsOverlay));
|
192
|
-
}
|
193
|
-
|
205
|
+
};
|
206
|
+
|
207
|
+
_this.renderTimePickerOverlay = function (propsOverlay) {
|
194
208
|
var timePickerProps = {
|
195
209
|
value: _this.props.value,
|
196
210
|
onChange: _this.handleTimeChange,
|
@@ -199,8 +213,9 @@ function (_React$Component) {
|
|
199
213
|
return _react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
|
200
214
|
key: 'time-picker-overlay'
|
201
215
|
}, timePickerProps, propsOverlay));
|
202
|
-
}
|
203
|
-
|
216
|
+
};
|
217
|
+
|
218
|
+
_this.renderYearPickerOverlay = function (propsOverlay) {
|
204
219
|
var yearPickerProps = {
|
205
220
|
value: _this.state.currentMonth,
|
206
221
|
onChange: _this.handleCurrentMonthChange,
|
@@ -210,7 +225,7 @@ function (_React$Component) {
|
|
210
225
|
return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
|
211
226
|
key: 'year-picker-overlay'
|
212
227
|
}, yearPickerProps, propsOverlay));
|
213
|
-
}
|
228
|
+
};
|
214
229
|
|
215
230
|
var _today = (0, _momentTimezone.default)().tz(props.timezoneName);
|
216
231
|
|
@@ -334,7 +349,7 @@ function (_React$Component) {
|
|
334
349
|
return HiDatePicker;
|
335
350
|
}(_react.default.Component);
|
336
351
|
|
337
|
-
|
352
|
+
HiDatePicker.defaultProps = {
|
338
353
|
disabledDays: [],
|
339
354
|
disablePastDays: false,
|
340
355
|
disableFutureDays: false,
|
@@ -348,7 +363,7 @@ function (_React$Component) {
|
|
348
363
|
translations: {
|
349
364
|
today: 'today'
|
350
365
|
}
|
351
|
-
}
|
366
|
+
};
|
352
367
|
|
353
368
|
var _default = (0, _styles.withStyles)(_stylesheet.default, {
|
354
369
|
name: 'HmuiHiDatePicker'
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
});
|
8
8
|
exports.default = void 0;
|
9
9
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
11
|
+
|
10
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
11
13
|
|
12
14
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
@@ -21,12 +23,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
21
23
|
|
22
24
|
var _getPrototypeOf2 = _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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
@@ -75,7 +73,8 @@ function (_React$Component) {
|
|
75
73
|
|
76
74
|
(0, _classCallCheck2.default)(this, HiDateRangePicker);
|
77
75
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangePicker).call(this, props));
|
78
|
-
|
76
|
+
|
77
|
+
_this.handleDayChange = function (name, day) {
|
79
78
|
if (day) {
|
80
79
|
// if time disabled, focus TO input
|
81
80
|
// else focus current input
|
@@ -101,13 +100,15 @@ function (_React$Component) {
|
|
101
100
|
_this.openPanel('time');
|
102
101
|
}
|
103
102
|
}
|
104
|
-
}
|
105
|
-
|
103
|
+
};
|
104
|
+
|
105
|
+
_this.handleInputChange = function (inputName) {
|
106
106
|
return function (event) {
|
107
107
|
_this.handleChange(inputName, event.target.value);
|
108
108
|
};
|
109
|
-
}
|
110
|
-
|
109
|
+
};
|
110
|
+
|
111
|
+
_this.onDayToClick = function (day) {
|
111
112
|
var change = (0, _momentTimezone.default)(day) >= (0, _momentTimezone.default)(_this.props.from);
|
112
113
|
var today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
|
113
114
|
var todayDate = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
|
@@ -121,8 +122,9 @@ function (_React$Component) {
|
|
121
122
|
|
122
123
|
document.activeElement.blur();
|
123
124
|
}
|
124
|
-
}
|
125
|
-
|
125
|
+
};
|
126
|
+
|
127
|
+
_this.handleTimeChange = function (name, date, precision) {
|
126
128
|
_this.handleChange(name, date);
|
127
129
|
|
128
130
|
if (name === 'from' && precision === 'minute') {
|
@@ -138,8 +140,9 @@ function (_React$Component) {
|
|
138
140
|
|
139
141
|
document.activeElement.blur();
|
140
142
|
}
|
141
|
-
}
|
142
|
-
|
143
|
+
};
|
144
|
+
|
145
|
+
_this.handleChange = function (name, day) {
|
143
146
|
var _this$props = _this.props,
|
144
147
|
translations = _this$props.translations,
|
145
148
|
timezoneName = _this$props.timezoneName;
|
@@ -187,8 +190,9 @@ function (_React$Component) {
|
|
187
190
|
_this.props.onChange(name, date);
|
188
191
|
|
189
192
|
_this.props.onChange("".concat(name, "Error"), error);
|
190
|
-
}
|
191
|
-
|
193
|
+
};
|
194
|
+
|
195
|
+
_this.handleChangeMobile = function (inputName) {
|
192
196
|
return function (event) {
|
193
197
|
var date;
|
194
198
|
|
@@ -198,19 +202,22 @@ function (_React$Component) {
|
|
198
202
|
|
199
203
|
_this.props.onChange(inputName, date);
|
200
204
|
};
|
201
|
-
}
|
202
|
-
|
205
|
+
};
|
206
|
+
|
207
|
+
_this.handleCurrentMonthChange = function (day) {
|
203
208
|
_this.setState({
|
204
209
|
currentMonth: day,
|
205
210
|
openedPanel: 'calendar'
|
206
211
|
});
|
207
|
-
}
|
208
|
-
|
212
|
+
};
|
213
|
+
|
214
|
+
_this.handleDayPickerFocus = function (name) {
|
209
215
|
_this.setState({
|
210
216
|
focusedInput: name
|
211
217
|
});
|
212
|
-
}
|
213
|
-
|
218
|
+
};
|
219
|
+
|
220
|
+
_this.handleDayPickerBlur = function (name) {
|
214
221
|
_this.setState({
|
215
222
|
focusedInput: ''
|
216
223
|
});
|
@@ -226,11 +233,13 @@ function (_React$Component) {
|
|
226
233
|
});
|
227
234
|
}
|
228
235
|
}, 100);
|
229
|
-
}
|
230
|
-
|
236
|
+
};
|
237
|
+
|
238
|
+
_this.handleReset = function (name) {
|
231
239
|
_this.handleChange(name, undefined);
|
232
|
-
}
|
233
|
-
|
240
|
+
};
|
241
|
+
|
242
|
+
_this.handleKeyDown = function (name) {
|
234
243
|
return function (event) {
|
235
244
|
if (event.key === 'Tab' && !event.shiftKey) {
|
236
245
|
var nodeName = document.activeElement.nodeName;
|
@@ -266,13 +275,15 @@ function (_React$Component) {
|
|
266
275
|
event.stopPropagation();
|
267
276
|
}
|
268
277
|
};
|
269
|
-
}
|
270
|
-
|
278
|
+
};
|
279
|
+
|
280
|
+
_this.openPanel = function (panel) {
|
271
281
|
_this.setState({
|
272
282
|
openedPanel: panel
|
273
283
|
});
|
274
|
-
}
|
275
|
-
|
284
|
+
};
|
285
|
+
|
286
|
+
_this.renderCaption = function (propsCaption) {
|
276
287
|
return _react.default.createElement(_Caption.default, (0, _extends2.default)({
|
277
288
|
onMonthClick: function onMonthClick() {
|
278
289
|
return _this.openPanel('months');
|
@@ -281,16 +292,18 @@ function (_React$Component) {
|
|
281
292
|
return _this.openPanel('years');
|
282
293
|
}
|
283
294
|
}, propsCaption));
|
284
|
-
}
|
285
|
-
|
295
|
+
};
|
296
|
+
|
297
|
+
_this.renderNavBar = function (propsNavBar) {
|
286
298
|
return _react.default.createElement(_NavBar.default, (0, _extends2.default)({
|
287
299
|
showClockButton: _this.props.enableTime,
|
288
300
|
onClockClick: function onClockClick() {
|
289
301
|
return _this.openPanel('time');
|
290
302
|
}
|
291
303
|
}, propsNavBar));
|
292
|
-
}
|
293
|
-
|
304
|
+
};
|
305
|
+
|
306
|
+
_this.renderOverlay = function (name, propsOverlay, staticPosition) {
|
294
307
|
var rangeOverlayProps = (0, _objectSpread2.default)({}, propsOverlay, {
|
295
308
|
side: name,
|
296
309
|
staticPosition: staticPosition
|
@@ -310,14 +323,17 @@ function (_React$Component) {
|
|
310
323
|
default:
|
311
324
|
return _react.default.createElement(_Overlay.default, rangeOverlayProps);
|
312
325
|
}
|
313
|
-
}
|
314
|
-
|
326
|
+
};
|
327
|
+
|
328
|
+
_this.renderOverlayFrom = function (propsOverlay) {
|
315
329
|
return _this.renderOverlay('from', propsOverlay, _this.props.staticPosition);
|
316
|
-
}
|
317
|
-
|
330
|
+
};
|
331
|
+
|
332
|
+
_this.renderOverlayTo = function (propsOverlay) {
|
318
333
|
return _this.renderOverlay('to', propsOverlay, _this.props.staticPosition);
|
319
|
-
}
|
320
|
-
|
334
|
+
};
|
335
|
+
|
336
|
+
_this.renderMonthPickerOverlay = function (name, propsOverlay) {
|
321
337
|
var monthPickerProps = {
|
322
338
|
value: _this.state.currentMonth,
|
323
339
|
onChange: _this.handleCurrentMonthChange
|
@@ -325,8 +341,9 @@ function (_React$Component) {
|
|
325
341
|
return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
|
326
342
|
key: "".concat(name, "-month-picker-overlay")
|
327
343
|
}, monthPickerProps, propsOverlay));
|
328
|
-
}
|
329
|
-
|
344
|
+
};
|
345
|
+
|
346
|
+
_this.renderTimePickerOverlay = function (name, propsOverlay) {
|
330
347
|
var timePickerProps = {
|
331
348
|
value: _this.props[name],
|
332
349
|
onChange: function onChange(date, precision) {
|
@@ -339,8 +356,9 @@ function (_React$Component) {
|
|
339
356
|
return _react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
|
340
357
|
key: "".concat(name, "-time-picker-overlay")
|
341
358
|
}, timePickerProps, propsOverlay));
|
342
|
-
}
|
343
|
-
|
359
|
+
};
|
360
|
+
|
361
|
+
_this.renderYearPickerOverlay = function (name, propsOverlay) {
|
344
362
|
var yearPickerProps = {
|
345
363
|
value: _this.state.currentMonth,
|
346
364
|
onChange: _this.handleCurrentMonthChange,
|
@@ -349,7 +367,7 @@ function (_React$Component) {
|
|
349
367
|
return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
|
350
368
|
key: "".concat(name, "-year-picker-overlay")
|
351
369
|
}, yearPickerProps, propsOverlay));
|
352
|
-
}
|
370
|
+
};
|
353
371
|
|
354
372
|
var _today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
|
355
373
|
|
@@ -606,7 +624,7 @@ function (_React$Component) {
|
|
606
624
|
return HiDateRangePicker;
|
607
625
|
}(_react.default.Component);
|
608
626
|
|
609
|
-
|
627
|
+
HiDateRangePicker.defaultProps = {
|
610
628
|
disabledDays: {},
|
611
629
|
disableFutureDays: true,
|
612
630
|
staticPosition: false,
|
@@ -632,7 +650,7 @@ function (_React$Component) {
|
|
632
650
|
date_superior_max_date: 'Date from cannot be greater than %s',
|
633
651
|
date_inferior_min_date: 'Date from cannot be before than %s'
|
634
652
|
}
|
635
|
-
}
|
653
|
+
};
|
636
654
|
|
637
655
|
var _default = (0, _styles.withStyles)(_stylesheet.default, {
|
638
656
|
name: 'HmuiHiDateRangePicker'
|
@@ -15,6 +15,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/exten
|
|
15
15
|
|
16
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
17
17
|
|
18
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
19
|
+
|
18
20
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
19
21
|
|
20
22
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
@@ -23,12 +25,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
23
25
|
|
24
26
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
25
27
|
|
26
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
@@ -243,18 +241,21 @@ function (_React$Component) {
|
|
243
241
|
|
244
242
|
(0, _classCallCheck2.default)(this, HiDateRangeSelector);
|
245
243
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangeSelector).call(this));
|
246
|
-
|
247
|
-
|
244
|
+
_this.options = [];
|
245
|
+
|
246
|
+
_this.handleBlur = function (event) {
|
248
247
|
if (event instanceof Object && _this.props.onblur) {
|
249
248
|
_this.props.onBlur(event);
|
250
249
|
}
|
251
|
-
}
|
252
|
-
|
250
|
+
};
|
251
|
+
|
252
|
+
_this.handleReset = function (name) {
|
253
253
|
_this.props.onChange(name, undefined);
|
254
254
|
|
255
255
|
_this.props.onChange("".concat(name, "Error"), undefined);
|
256
|
-
}
|
257
|
-
|
256
|
+
};
|
257
|
+
|
258
|
+
_this.handleSelectChange = function (name) {
|
258
259
|
return function (event, value) {
|
259
260
|
_this.setState(function (prevState) {
|
260
261
|
var _ref;
|
@@ -264,7 +265,8 @@ function (_React$Component) {
|
|
264
265
|
|
265
266
|
_this.updateDates(value);
|
266
267
|
};
|
267
|
-
}
|
268
|
+
};
|
269
|
+
|
268
270
|
_this.options = props.availableOptionKeys.map(function (key) {
|
269
271
|
return buildDateRangeOptionByKey(key, props.translations, props.format, props.timezoneName);
|
270
272
|
});
|
@@ -433,7 +435,7 @@ function (_React$Component) {
|
|
433
435
|
return HiDateRangeSelector;
|
434
436
|
}(_react.default.Component);
|
435
437
|
|
436
|
-
|
438
|
+
HiDateRangeSelector.defaultProps = {
|
437
439
|
availableOptionKeys: ['cd', 'pd', 'cw', 'pw', 'cm', 'pm', 'cq', 'pq', 'cy', 'custom'],
|
438
440
|
enableTime: false,
|
439
441
|
returnSelectValue: false,
|
@@ -474,7 +476,7 @@ function (_React$Component) {
|
|
474
476
|
missing_date_from: 'Missing date from',
|
475
477
|
missing_date_to: 'Missing date to'
|
476
478
|
}
|
477
|
-
}
|
479
|
+
};
|
478
480
|
|
479
481
|
var _default = (0, _styles.withStyles)(styles, {
|
480
482
|
name: 'HmuiHiDateRangeSelector'
|
@@ -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"));
|
@@ -72,8 +70,8 @@ function (_React$PureComponent) {
|
|
72
70
|
}
|
73
71
|
|
74
72
|
_this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(ListPicker)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
75
|
-
|
76
|
-
|
73
|
+
_this.scrollbars = void 0;
|
74
|
+
_this.position = void 0;
|
77
75
|
return _this;
|
78
76
|
}
|
79
77
|
|
@@ -125,9 +123,9 @@ function (_React$PureComponent) {
|
|
125
123
|
return ListPicker;
|
126
124
|
}(_react.default.PureComponent);
|
127
125
|
|
128
|
-
|
126
|
+
ListPicker.defaultProps = {
|
129
127
|
initAtMiddleScroll: true
|
130
|
-
}
|
128
|
+
};
|
131
129
|
|
132
130
|
var _default = (0, _styles.withStyles)(styles, {
|
133
131
|
name: 'HmuiListPicker'
|
@@ -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 _react = _interopRequireDefault(require("react"));
|
29
27
|
|
30
28
|
var _CustomOverlayLayoutWithoutFooter = _interopRequireDefault(require("./CustomOverlayLayoutWithoutFooter"));
|
@@ -41,7 +39,7 @@ function (_React$Component) {
|
|
41
39
|
|
42
40
|
(0, _classCallCheck2.default)(this, MonthPickerOverlay);
|
43
41
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MonthPickerOverlay).call(this));
|
44
|
-
|
42
|
+
_this.months = [];
|
45
43
|
_this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)(_this));
|
46
44
|
_this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
|
47
45
|
return _this;
|
@@ -80,10 +78,10 @@ function (_React$Component) {
|
|
80
78
|
return MonthPickerOverlay;
|
81
79
|
}(_react.default.Component);
|
82
80
|
|
83
|
-
|
81
|
+
MonthPickerOverlay.defaultProps = {
|
84
82
|
translations: {
|
85
83
|
month: 'Month'
|
86
84
|
}
|
87
|
-
}
|
85
|
+
};
|
88
86
|
var _default = MonthPickerOverlay;
|
89
87
|
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 _react = _interopRequireDefault(require("react"));
|
@@ -135,8 +133,8 @@ function (_React$Component) {
|
|
135
133
|
|
136
134
|
(0, _classCallCheck2.default)(this, TimePickerOverlay);
|
137
135
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(TimePickerOverlay).call(this, props));
|
138
|
-
|
139
|
-
|
136
|
+
_this.hours = Array.from(Array(24).keys());
|
137
|
+
_this.minutes = Array.from(Array(60).keys());
|
140
138
|
_this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)(_this));
|
141
139
|
_this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)(_this));
|
142
140
|
return _this;
|
@@ -203,12 +201,12 @@ function (_React$Component) {
|
|
203
201
|
return TimePickerOverlay;
|
204
202
|
}(_react.default.Component);
|
205
203
|
|
206
|
-
|
204
|
+
TimePickerOverlay.defaultProps = {
|
207
205
|
translations: {
|
208
206
|
hour: 'Hour',
|
209
207
|
minute: 'Minute'
|
210
208
|
}
|
211
|
-
}
|
209
|
+
};
|
212
210
|
|
213
211
|
var _default = (0, _styles.withStyles)(styles, {
|
214
212
|
name: 'HmuiTimePickerOverlay'
|
@@ -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 _react = _interopRequireDefault(require("react"));
|
29
27
|
|
30
28
|
var _CustomOverlayLayoutWithoutFooter = _interopRequireDefault(require("./CustomOverlayLayoutWithoutFooter"));
|
@@ -41,7 +39,7 @@ function (_React$Component) {
|
|
41
39
|
|
42
40
|
(0, _classCallCheck2.default)(this, YearPickerOverlay);
|
43
41
|
_this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(YearPickerOverlay).call(this, props));
|
44
|
-
|
42
|
+
_this.years = [];
|
45
43
|
_this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)(_this));
|
46
44
|
var minDate = props.minimumDate;
|
47
45
|
|
@@ -101,10 +99,10 @@ function (_React$Component) {
|
|
101
99
|
return YearPickerOverlay;
|
102
100
|
}(_react.default.Component);
|
103
101
|
|
104
|
-
|
102
|
+
YearPickerOverlay.defaultProps = {
|
105
103
|
translations: {
|
106
104
|
year: 'Year'
|
107
105
|
}
|
108
|
-
}
|
106
|
+
};
|
109
107
|
var _default = YearPickerOverlay;
|
110
108
|
exports.default = _default;
|