@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 = 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;
|