@synerise/ds-date-range-picker 0.11.2 → 0.11.3
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/CHANGELOG.md +8 -0
- package/dist/DateRangePicker.js +9 -24
- package/dist/DateRangePicker.styles.js +1 -1
- package/dist/Footer/Footer.js +3 -5
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +166 -204
- package/dist/RangeFilter/Filters/WeeklyFilter/WeeklyFilter.js +1 -1
- package/dist/RangeFilter/Filters/new/Daily/Daily.js +5 -17
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +17 -38
- package/dist/RangeFilter/Filters/new/Weekly/utils.js +6 -3
- package/dist/RangeFilter/Filters/new/hooks/useShiftAndControlKeys.js +6 -20
- package/dist/RangeFilter/RangeFilter.js +110 -138
- package/dist/RangeFilter/Shared/AddButton/AddButton.js +2 -4
- package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js +3 -3
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js +1 -1
- package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js +5 -19
- package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.js +1 -1
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +5 -20
- package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js +1 -1
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +8 -22
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +9 -22
- package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js +1 -1
- package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +148 -182
- package/dist/RangeFilter/Shared/TimeWindow/utils.js +2 -2
- package/dist/RangeFilter/constants.js +1 -1
- package/dist/RangeFilter/utils.js +43 -61
- package/dist/RangePicker/RangePicker.js +100 -118
- package/dist/RangePicker/utils.js +8 -3
- package/dist/RangePickerInput/RangePickerInput.js +5 -18
- package/dist/RangePickerInput/RangePickerInput.styles.js +1 -1
- package/dist/RawDateRangePicker.js +116 -139
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js +1 -1
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js +1 -1
- package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js +3 -16
- package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js +1 -1
- package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js +3 -16
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js +14 -30
- package/dist/RelativeRangePicker/RelativeRangePicker.js +80 -115
- package/dist/RelativeRangePicker/RelativeRangePicker.styles.js +3 -5
- package/dist/RelativeRangePicker/utils.js +1 -1
- package/dist/constants.js +1 -13
- package/dist/dateUtils/format.js +5 -2
- package/dist/dateUtils/getRelativePresetForRange.js +1 -1
- package/dist/utils.js +55 -55
- package/package.json +8 -8
|
@@ -5,34 +5,12 @@ var _excluded = ["start", "stop", "day"],
|
|
|
5
5
|
_excluded3 = ["restricted", "display"],
|
|
6
6
|
_excluded4 = ["restricted", "display"];
|
|
7
7
|
|
|
8
|
-
function
|
|
9
|
-
|
|
10
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
11
|
-
|
|
12
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
13
|
-
|
|
14
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
15
|
-
|
|
16
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
|
|
18
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
|
|
20
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
21
|
-
|
|
22
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
23
|
-
|
|
24
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
25
|
-
|
|
26
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
8
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
29
9
|
|
|
30
10
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
31
11
|
|
|
32
12
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
13
|
|
|
34
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
35
|
-
|
|
36
14
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
37
15
|
|
|
38
16
|
import { groupBy, omit, range } from 'lodash';
|
|
@@ -48,7 +26,7 @@ export var mapTimeSchema = function mapTimeSchema(item) {
|
|
|
48
26
|
var start = item.start,
|
|
49
27
|
stop = item.stop,
|
|
50
28
|
day = item.day,
|
|
51
|
-
rest =
|
|
29
|
+
rest = _objectWithoutPropertiesLoose(item, _excluded);
|
|
52
30
|
|
|
53
31
|
return _objectSpread({
|
|
54
32
|
from: start,
|
|
@@ -67,7 +45,7 @@ export var denormMapTimeSchema = function denormMapTimeSchema(item) {
|
|
|
67
45
|
var from = item.from,
|
|
68
46
|
to = item.to,
|
|
69
47
|
day = item.day,
|
|
70
|
-
rest =
|
|
48
|
+
rest = _objectWithoutPropertiesLoose(item, _excluded2);
|
|
71
49
|
|
|
72
50
|
return _objectSpread({
|
|
73
51
|
start: from,
|
|
@@ -88,7 +66,7 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
88
66
|
|
|
89
67
|
switch (type) {
|
|
90
68
|
case TYPES.DAILY:
|
|
91
|
-
return _objectSpread(
|
|
69
|
+
return _objectSpread({}, mapTimeSchema(definition), {}, result);
|
|
92
70
|
|
|
93
71
|
case TYPES.WEEKLY:
|
|
94
72
|
days = Object.values(definition).filter(function (day) {
|
|
@@ -106,7 +84,7 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
106
84
|
}).map(function (_ref2) {
|
|
107
85
|
var restricted = _ref2.restricted,
|
|
108
86
|
display = _ref2.display,
|
|
109
|
-
rest =
|
|
87
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded3);
|
|
110
88
|
|
|
111
89
|
return mapTimeSchema(rest);
|
|
112
90
|
});
|
|
@@ -114,14 +92,12 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
114
92
|
if (def.period === DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK) {
|
|
115
93
|
rules.push({
|
|
116
94
|
weeks: Object.entries(groupBy(days, 'week')).map(function (_ref3) {
|
|
117
|
-
var
|
|
118
|
-
|
|
119
|
-
daysArray = _ref4[1];
|
|
120
|
-
|
|
95
|
+
var week = _ref3[0],
|
|
96
|
+
daysArray = _ref3[1];
|
|
121
97
|
return {
|
|
122
98
|
week: +week + 1,
|
|
123
99
|
days: daysArray.map(function (day) {
|
|
124
|
-
return _objectSpread(
|
|
100
|
+
return _objectSpread({}, omit(day, ['week']), {
|
|
125
101
|
type: type
|
|
126
102
|
});
|
|
127
103
|
})
|
|
@@ -140,7 +116,7 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
140
116
|
|
|
141
117
|
return rules;
|
|
142
118
|
});
|
|
143
|
-
return _objectSpread(
|
|
119
|
+
return _objectSpread({}, result, {
|
|
144
120
|
rules: rules
|
|
145
121
|
});
|
|
146
122
|
|
|
@@ -151,10 +127,10 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
151
127
|
// @ts-ignore
|
|
152
128
|
|
|
153
129
|
|
|
154
|
-
result.days = days.map(function (
|
|
155
|
-
var restricted =
|
|
156
|
-
display =
|
|
157
|
-
rest =
|
|
130
|
+
result.days = days.map(function (_ref4) {
|
|
131
|
+
var restricted = _ref4.restricted,
|
|
132
|
+
display = _ref4.display,
|
|
133
|
+
rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
|
|
158
134
|
|
|
159
135
|
return rest;
|
|
160
136
|
});
|
|
@@ -162,17 +138,21 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
162
138
|
};
|
|
163
139
|
export var createWeeklyRange = function createWeeklyRange(days) {
|
|
164
140
|
return range(0, 8).reduce(function (acc, i) {
|
|
141
|
+
var _objectSpread2;
|
|
142
|
+
|
|
165
143
|
var day = days.find(function (d) {
|
|
166
144
|
return d.day === i;
|
|
167
145
|
});
|
|
168
|
-
return day ? _objectSpread(
|
|
146
|
+
return day ? _objectSpread({}, acc, (_objectSpread2 = {}, _objectSpread2[i - 1] = _objectSpread({}, denormMapTimeSchema(day), {
|
|
169
147
|
restricted: true,
|
|
170
148
|
display: true
|
|
171
|
-
}))) : acc;
|
|
149
|
+
}), _objectSpread2)) : acc;
|
|
172
150
|
}, {});
|
|
173
151
|
};
|
|
174
152
|
export var createMonthlyWeekDayRange = function createMonthlyWeekDayRange(rules) {
|
|
175
153
|
return range(0, 7 * 5 + 1).reduce(function (acc, i) {
|
|
154
|
+
var _objectSpread3;
|
|
155
|
+
|
|
176
156
|
var weekStartIndex = Math.floor(i / 7);
|
|
177
157
|
var week = weekStartIndex;
|
|
178
158
|
var dayOfWeek = i - weekStartIndex * 7; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
@@ -181,40 +161,42 @@ export var createMonthlyWeekDayRange = function createMonthlyWeekDayRange(rules)
|
|
|
181
161
|
var days = rules.weeks && rules.weeks.reduce( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
182
162
|
// @ts-ignore
|
|
183
163
|
function (prev, item) {
|
|
184
|
-
return [].concat(
|
|
185
|
-
return _objectSpread(
|
|
164
|
+
return [].concat(prev, item.days.map(function (day) {
|
|
165
|
+
return _objectSpread({}, denormMapTimeSchema(day), {
|
|
186
166
|
week: item.week - 1
|
|
187
167
|
});
|
|
188
|
-
}))
|
|
168
|
+
}));
|
|
189
169
|
}, []);
|
|
190
170
|
var day = days.find(function (d) {
|
|
191
171
|
return d.week === week && d.day === dayOfWeek;
|
|
192
172
|
});
|
|
193
|
-
return day ? _objectSpread(
|
|
173
|
+
return day ? _objectSpread({}, acc, (_objectSpread3 = {}, _objectSpread3[i] = _objectSpread({}, day, {
|
|
194
174
|
restricted: true,
|
|
195
175
|
display: true
|
|
196
|
-
}))) : acc;
|
|
176
|
+
}), _objectSpread3)) : acc;
|
|
197
177
|
}, {});
|
|
198
178
|
};
|
|
199
179
|
export var createMonthlyDayRange = function createMonthlyDayRange(rules) {
|
|
200
180
|
return range(0, 32).reduce(function (acc, i) {
|
|
181
|
+
var _objectSpread4;
|
|
182
|
+
|
|
201
183
|
var day = rules.days && rules.days.find(function (d) {
|
|
202
184
|
return d.day === i;
|
|
203
185
|
});
|
|
204
|
-
return day ? _objectSpread(
|
|
186
|
+
return day ? _objectSpread({}, acc, (_objectSpread4 = {}, _objectSpread4[i - 1] = _objectSpread({}, denormMapTimeSchema(day), {
|
|
205
187
|
restricted: true,
|
|
206
188
|
display: true
|
|
207
|
-
}))) : acc;
|
|
189
|
+
}), _objectSpread4)) : acc;
|
|
208
190
|
}, {});
|
|
209
191
|
};
|
|
210
|
-
export var denormalizers = (_denormalizers = {},
|
|
192
|
+
export var denormalizers = (_denormalizers = {}, _denormalizers[TYPES.DAILY] = function (values) {
|
|
211
193
|
return denormMapTimeSchema(values);
|
|
212
|
-
}
|
|
194
|
+
}, _denormalizers[TYPES.WEEKLY] = function (values) {
|
|
213
195
|
return createWeeklyRange(values.days);
|
|
214
|
-
}
|
|
196
|
+
}, _denormalizers[TYPES.MONTHLY] = function (values) {
|
|
215
197
|
var _monthlyDenormalizers;
|
|
216
198
|
|
|
217
|
-
var monthlyDenormalizers = (_monthlyDenormalizers = {},
|
|
199
|
+
var monthlyDenormalizers = (_monthlyDenormalizers = {}, _monthlyDenormalizers[DAYS_OF_PERIOD_ENUM.DAY_OF_MONTH] = createMonthlyDayRange, _monthlyDenormalizers[DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK] = createMonthlyWeekDayRange, _monthlyDenormalizers);
|
|
218
200
|
return values.rules.map(function (value) {
|
|
219
201
|
return {
|
|
220
202
|
period: value.type,
|
|
@@ -225,17 +207,17 @@ export var denormalizers = (_denormalizers = {}, _defineProperty(_denormalizers,
|
|
|
225
207
|
definition: monthlyDenormalizers[value.type](value)
|
|
226
208
|
};
|
|
227
209
|
});
|
|
228
|
-
}
|
|
210
|
+
}, _denormalizers); // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
229
211
|
|
|
230
|
-
export var validators = (_validators = {},
|
|
212
|
+
export var validators = (_validators = {}, _validators[TYPES.DAILY] = function (values) {
|
|
231
213
|
var _values$definition, _values$definition2;
|
|
232
214
|
|
|
233
|
-
return Boolean(!!(values
|
|
234
|
-
}
|
|
235
|
-
return Boolean((values
|
|
236
|
-
}
|
|
237
|
-
return Boolean((values
|
|
238
|
-
}
|
|
215
|
+
return Boolean(!!(values != null && (_values$definition = values.definition) != null && _values$definition.start) && !!(values != null && (_values$definition2 = values.definition) != null && _values$definition2.stop));
|
|
216
|
+
}, _validators[TYPES.WEEKLY] = function (values) {
|
|
217
|
+
return Boolean((values == null ? void 0 : values.definition) && !!Object.keys(values.definition).length);
|
|
218
|
+
}, _validators[TYPES.MONTHLY] = function (values) {
|
|
219
|
+
return Boolean((values == null ? void 0 : values.definition) && !!Object.keys(values.definition) && Object.keys(values.definition[0].definition).length > 0);
|
|
220
|
+
}, _validators);
|
|
239
221
|
export var denormalizeValue = function denormalizeValue(values) {
|
|
240
222
|
return {
|
|
241
223
|
type: values.type,
|
|
@@ -248,7 +230,7 @@ var alwaysValid = function alwaysValid() {
|
|
|
248
230
|
};
|
|
249
231
|
|
|
250
232
|
export var isValidValue = function isValidValue(value) {
|
|
251
|
-
var validator = typeof validators[value
|
|
233
|
+
var validator = typeof validators[value == null ? void 0 : value.type] === 'function' ? validators[value.type] : alwaysValid;
|
|
252
234
|
return validator(value);
|
|
253
235
|
};
|
|
254
236
|
export var isDuplicate = function isDuplicate(itemsList, item) {
|
|
@@ -261,8 +243,8 @@ export var addSuffixToDuplicate = function addSuffixToDuplicate(itemsList, edite
|
|
|
261
243
|
var newItem = editedItem;
|
|
262
244
|
|
|
263
245
|
while (isDuplicate(itemsList, newItem)) {
|
|
264
|
-
newItem = _objectSpread(
|
|
265
|
-
name:
|
|
246
|
+
newItem = _objectSpread({}, newItem, {
|
|
247
|
+
name: (newItem.name || DEFAULT_NAME) + " (1)"
|
|
266
248
|
});
|
|
267
249
|
}
|
|
268
250
|
|
|
@@ -1,30 +1,12 @@
|
|
|
1
|
-
function
|
|
2
|
-
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
4
2
|
|
|
5
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
6
4
|
|
|
7
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
|
-
|
|
9
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
10
|
-
|
|
11
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
12
|
-
|
|
13
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
14
|
-
|
|
15
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
16
|
-
|
|
17
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
18
|
-
|
|
19
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
20
|
-
|
|
21
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
22
|
-
|
|
23
5
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
24
6
|
|
|
25
|
-
function
|
|
7
|
+
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
|
|
26
8
|
|
|
27
|
-
function
|
|
9
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
28
10
|
|
|
29
11
|
import * as React from 'react';
|
|
30
12
|
import { DateUtils } from 'react-day-picker';
|
|
@@ -52,32 +34,28 @@ var NOOP = function NOOP() {};
|
|
|
52
34
|
var TOOLTIP_FORMAT = 'MMM d, yyyy, HH:mm';
|
|
53
35
|
|
|
54
36
|
var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var _super = _createSuper(RangePicker);
|
|
37
|
+
_inheritsLoose(RangePicker, _React$PureComponent);
|
|
58
38
|
|
|
59
39
|
function RangePicker(props) {
|
|
60
40
|
var _this;
|
|
61
41
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
_this = _super.call(this, props); // eslint-disable-next-line react/state-in-constructor
|
|
42
|
+
_this = _React$PureComponent.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
|
|
65
43
|
|
|
66
|
-
_this
|
|
44
|
+
_defineProperty(_assertThisInitialized(_this), "componentDidUpdate", NOOP);
|
|
67
45
|
|
|
68
|
-
_this
|
|
46
|
+
_defineProperty(_assertThisInitialized(_this), "handleDayMouseEnter", function (day) {
|
|
69
47
|
_this.setState({
|
|
70
48
|
enteredTo: day
|
|
71
49
|
});
|
|
72
|
-
};
|
|
50
|
+
});
|
|
73
51
|
|
|
74
|
-
_this
|
|
52
|
+
_defineProperty(_assertThisInitialized(_this), "handleDayMouseLeave", function () {
|
|
75
53
|
_this.setState({
|
|
76
54
|
enteredTo: null
|
|
77
55
|
});
|
|
78
|
-
};
|
|
56
|
+
});
|
|
79
57
|
|
|
80
|
-
_this
|
|
58
|
+
_defineProperty(_assertThisInitialized(_this), "handleDayClick", function (day, modifiers, e) {
|
|
81
59
|
e.preventDefault();
|
|
82
60
|
var _this$props = _this.props,
|
|
83
61
|
value = _this$props.value,
|
|
@@ -104,9 +82,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
104
82
|
from: from,
|
|
105
83
|
to: to
|
|
106
84
|
});
|
|
107
|
-
};
|
|
85
|
+
});
|
|
108
86
|
|
|
109
|
-
_this
|
|
87
|
+
_defineProperty(_assertThisInitialized(_this), "handleFromTimeChange", function (from) {
|
|
110
88
|
var _this$props2 = _this.props,
|
|
111
89
|
onChange = _this$props2.onChange,
|
|
112
90
|
value = _this$props2.value;
|
|
@@ -115,9 +93,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
115
93
|
from: from,
|
|
116
94
|
to: value.to
|
|
117
95
|
});
|
|
118
|
-
};
|
|
96
|
+
});
|
|
119
97
|
|
|
120
|
-
_this
|
|
98
|
+
_defineProperty(_assertThisInitialized(_this), "handleToTimeChange", function (to) {
|
|
121
99
|
var _this$props3 = _this.props,
|
|
122
100
|
onChange = _this$props3.onChange,
|
|
123
101
|
value = _this$props3.value;
|
|
@@ -126,14 +104,14 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
126
104
|
from: value.from,
|
|
127
105
|
to: to
|
|
128
106
|
});
|
|
129
|
-
};
|
|
107
|
+
});
|
|
130
108
|
|
|
131
|
-
_this
|
|
109
|
+
_defineProperty(_assertThisInitialized(_this), "handleAddDay", function (numberOfDays, side) {
|
|
132
110
|
if (side === COLUMNS.LEFT) {
|
|
133
111
|
var _this$props4 = _this.props,
|
|
134
112
|
onChange = _this$props4.onChange,
|
|
135
113
|
value = _this$props4.value;
|
|
136
|
-
onChange(_objectSpread(
|
|
114
|
+
onChange(_objectSpread({}, value, {
|
|
137
115
|
type: ABSOLUTE,
|
|
138
116
|
from: fnsAddDays(legacyParse(value.from), numberOfDays)
|
|
139
117
|
}));
|
|
@@ -144,14 +122,14 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
144
122
|
_onChange = _this$props5.onChange,
|
|
145
123
|
_value = _this$props5.value;
|
|
146
124
|
|
|
147
|
-
_onChange(_objectSpread(
|
|
125
|
+
_onChange(_objectSpread({}, _value, {
|
|
148
126
|
type: ABSOLUTE,
|
|
149
127
|
to: fnsAddDays(legacyParse(_value.to), numberOfDays)
|
|
150
128
|
}));
|
|
151
129
|
}
|
|
152
|
-
};
|
|
130
|
+
});
|
|
153
131
|
|
|
154
|
-
_this
|
|
132
|
+
_defineProperty(_assertThisInitialized(_this), "handleSideMonthChange", function (side, month, mode) {
|
|
155
133
|
var opposite = side === COLUMNS.LEFT ? COLUMNS.RIGHT : COLUMNS.LEFT;
|
|
156
134
|
|
|
157
135
|
var _assertThisInitialize = _assertThisInitialized(_this),
|
|
@@ -164,10 +142,12 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
164
142
|
var adjacentMonth = ADD.MONTHS(month, dir);
|
|
165
143
|
|
|
166
144
|
_this.setState(function (prevState) {
|
|
167
|
-
|
|
145
|
+
var _objectSpread2;
|
|
146
|
+
|
|
147
|
+
return _objectSpread({}, prevState, (_objectSpread2 = {}, _objectSpread2[side] = _objectSpread({}, state[side], {
|
|
168
148
|
adjacentMonth: adjacentMonth,
|
|
169
149
|
mode: mode
|
|
170
|
-
})));
|
|
150
|
+
}), _objectSpread2));
|
|
171
151
|
});
|
|
172
152
|
|
|
173
153
|
return;
|
|
@@ -179,34 +159,38 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
179
159
|
_this.setState(function (prevState) {
|
|
180
160
|
var _objectSpread3;
|
|
181
161
|
|
|
182
|
-
return _objectSpread(
|
|
162
|
+
return _objectSpread({}, prevState, (_objectSpread3 = {}, _objectSpread3[opposite] = _objectSpread({}, state[opposite], {
|
|
183
163
|
month: ADD.MONTHS(month, _dir)
|
|
184
|
-
})
|
|
164
|
+
}), _objectSpread3[side] = _objectSpread({}, state[side], {
|
|
185
165
|
month: month,
|
|
186
166
|
mode: mode
|
|
187
|
-
})
|
|
167
|
+
}), _objectSpread3));
|
|
188
168
|
});
|
|
189
169
|
|
|
190
170
|
return;
|
|
191
171
|
}
|
|
192
172
|
|
|
193
173
|
_this.setState(function (prevState) {
|
|
194
|
-
|
|
174
|
+
var _objectSpread4;
|
|
175
|
+
|
|
176
|
+
return _objectSpread({}, prevState, (_objectSpread4 = {}, _objectSpread4[side] = _objectSpread({}, state[side], {
|
|
195
177
|
month: month,
|
|
196
178
|
mode: mode
|
|
197
|
-
})));
|
|
179
|
+
}), _objectSpread4));
|
|
198
180
|
});
|
|
199
|
-
};
|
|
181
|
+
});
|
|
200
182
|
|
|
201
|
-
_this
|
|
183
|
+
_defineProperty(_assertThisInitialized(_this), "handleSideModeChange", function (side, mode) {
|
|
202
184
|
_this.setState(function (prevState) {
|
|
203
|
-
|
|
185
|
+
var _objectSpread5;
|
|
186
|
+
|
|
187
|
+
return _objectSpread({}, prevState, (_objectSpread5 = {}, _objectSpread5[side] = _objectSpread({}, prevState[side], {
|
|
204
188
|
mode: mode
|
|
205
|
-
})));
|
|
189
|
+
}), _objectSpread5));
|
|
206
190
|
});
|
|
207
|
-
};
|
|
191
|
+
});
|
|
208
192
|
|
|
209
|
-
_this
|
|
193
|
+
_defineProperty(_assertThisInitialized(_this), "renderDay", function (day) {
|
|
210
194
|
var text = day.getDate();
|
|
211
195
|
var _this$props6 = _this.props,
|
|
212
196
|
value = _this$props6.value,
|
|
@@ -219,28 +203,28 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
219
203
|
}, value.to && value.from && /*#__PURE__*/React.createElement(DayTooltip, null, fnsFormat(legacyParse(value.from), TOOLTIP_FORMAT, intl.locale), " -", ' ', fnsFormat(legacyParse(value.to), TOOLTIP_FORMAT, intl.locale)), text), /*#__PURE__*/React.createElement(DayForeground, {
|
|
220
204
|
className: "DayPicker-Day-FG"
|
|
221
205
|
}));
|
|
222
|
-
};
|
|
206
|
+
});
|
|
223
207
|
|
|
224
|
-
_this
|
|
208
|
+
_defineProperty(_assertThisInitialized(_this), "renderYearPicker", function (side) {
|
|
225
209
|
var currentSide = _this.state[side];
|
|
226
210
|
var month = currentSide.month;
|
|
227
211
|
return /*#__PURE__*/React.createElement(YearPicker, {
|
|
228
|
-
key: "year_picker_"
|
|
212
|
+
key: "year_picker_" + side,
|
|
229
213
|
value: month instanceof Date ? month : new Date(month),
|
|
230
214
|
onChange: function onChange(m) {
|
|
231
215
|
return _this.handleSideMonthChange(side, m, 'date');
|
|
232
216
|
}
|
|
233
217
|
});
|
|
234
|
-
};
|
|
218
|
+
});
|
|
235
219
|
|
|
236
|
-
_this
|
|
220
|
+
_defineProperty(_assertThisInitialized(_this), "renderMonthPicker", function (side) {
|
|
237
221
|
var opposite = side === COLUMNS.LEFT ? COLUMNS.RIGHT : COLUMNS.LEFT;
|
|
238
222
|
var _this$state = _this.state,
|
|
239
223
|
currentSide = _this$state[side],
|
|
240
224
|
oppositeSide = _this$state[opposite];
|
|
241
225
|
var oppositeMonth = legacyParse(oppositeSide.month);
|
|
242
226
|
return /*#__PURE__*/React.createElement(MonthPicker, {
|
|
243
|
-
key: "month_picker_"
|
|
227
|
+
key: "month_picker_" + opposite,
|
|
244
228
|
max: side === COLUMNS.LEFT ? ADD.MONTHS(oppositeMonth, -1) : undefined,
|
|
245
229
|
min: side === COLUMNS.RIGHT ? ADD.MONTHS(oppositeMonth, 1) : undefined,
|
|
246
230
|
value: currentSide.month instanceof Date ? currentSide.month : new Date(currentSide.month),
|
|
@@ -248,9 +232,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
248
232
|
return _this.handleSideMonthChange(side, month, 'date');
|
|
249
233
|
}
|
|
250
234
|
});
|
|
251
|
-
};
|
|
235
|
+
});
|
|
252
236
|
|
|
253
|
-
_this
|
|
237
|
+
_defineProperty(_assertThisInitialized(_this), "renderDatePicker", function (side) {
|
|
254
238
|
var _this$props7 = _this.props,
|
|
255
239
|
value = _this$props7.value,
|
|
256
240
|
disabledDate = _this$props7.disabledDate,
|
|
@@ -273,7 +257,7 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
273
257
|
var adjacentMonths = forceAdjacentMonths || fnsIsSameMonth(ADD.MONTHS(parsedLeft, 1), parsedRight);
|
|
274
258
|
var adjacentYears = forceAdjacentMonths || fnsDifferenceInYears(ADD.MONTHS(parsedLeft, 1), parsedRight) === 0;
|
|
275
259
|
return /*#__PURE__*/React.createElement(DayPicker, {
|
|
276
|
-
key: "day_picker_"
|
|
260
|
+
key: "day_picker_" + side,
|
|
277
261
|
className: type.toLowerCase(),
|
|
278
262
|
canChangeMonth: false,
|
|
279
263
|
disabledDays: disabledDate,
|
|
@@ -306,9 +290,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
306
290
|
,
|
|
307
291
|
selectedDays: selectedDays
|
|
308
292
|
});
|
|
309
|
-
};
|
|
293
|
+
});
|
|
310
294
|
|
|
311
|
-
_this
|
|
295
|
+
_defineProperty(_assertThisInitialized(_this), "renderTimePicker", function (side) {
|
|
312
296
|
var value = _this.props.value;
|
|
313
297
|
var from = value.from,
|
|
314
298
|
to = value.to;
|
|
@@ -323,7 +307,7 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
323
307
|
case COLUMNS.LEFT:
|
|
324
308
|
{
|
|
325
309
|
return /*#__PURE__*/React.createElement(TimePicker, {
|
|
326
|
-
key: "time-picker-"
|
|
310
|
+
key: "time-picker-" + side,
|
|
327
311
|
value: getDateFromString(from),
|
|
328
312
|
onChange: _this.handleFromTimeChange,
|
|
329
313
|
disabledHours: getDisabledTimeOptions(from, 'HOURS', null, to),
|
|
@@ -341,7 +325,7 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
341
325
|
case COLUMNS.RIGHT:
|
|
342
326
|
{
|
|
343
327
|
return /*#__PURE__*/React.createElement(TimePicker, {
|
|
344
|
-
key: "time-picker-"
|
|
328
|
+
key: "time-picker-" + side,
|
|
345
329
|
value: getDateFromString(to),
|
|
346
330
|
onChange: _this.handleToTimeChange,
|
|
347
331
|
disabledHours: getDisabledTimeOptions(to, 'HOURS', from, null),
|
|
@@ -359,9 +343,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
359
343
|
default:
|
|
360
344
|
return null;
|
|
361
345
|
}
|
|
362
|
-
};
|
|
346
|
+
});
|
|
363
347
|
|
|
364
|
-
_this
|
|
348
|
+
_defineProperty(_assertThisInitialized(_this), "renderSide", function (side) {
|
|
365
349
|
var mode = _this.props.mode;
|
|
366
350
|
var sideState = _this.state[side];
|
|
367
351
|
if (mode === MODES.TIME) return _this.renderTimePicker(side);
|
|
@@ -379,7 +363,7 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
379
363
|
default:
|
|
380
364
|
return null;
|
|
381
365
|
}
|
|
382
|
-
};
|
|
366
|
+
});
|
|
383
367
|
|
|
384
368
|
_this.state = _objectSpread({
|
|
385
369
|
enteredTo: null
|
|
@@ -387,56 +371,54 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
387
371
|
return _this;
|
|
388
372
|
}
|
|
389
373
|
|
|
390
|
-
|
|
391
|
-
key: "getSnapshotBeforeUpdate",
|
|
392
|
-
value: function getSnapshotBeforeUpdate(prevProps) {
|
|
393
|
-
var _prevProps$value, _prevProps$value2;
|
|
374
|
+
var _proto = RangePicker.prototype;
|
|
394
375
|
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
forceAdjacentMonths = _this$props8.forceAdjacentMonths;
|
|
398
|
-
var left = this.state.left;
|
|
376
|
+
_proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
|
|
377
|
+
var _prevProps$value, _prevProps$value2;
|
|
399
378
|
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
379
|
+
var _this$props8 = this.props,
|
|
380
|
+
value = _this$props8.value,
|
|
381
|
+
forceAdjacentMonths = _this$props8.forceAdjacentMonths;
|
|
382
|
+
var left = this.state.left;
|
|
403
383
|
|
|
404
|
-
|
|
384
|
+
if (!!(value != null && value.to) && (value == null ? void 0 : value.to) !== (prevProps == null ? void 0 : (_prevProps$value = prevProps.value) == null ? void 0 : _prevProps$value.to) && !fnsIsSameMonth(legacyParse(value.to), legacyParse(left.month)) || !!(value != null && value.from) && (value == null ? void 0 : value.from) !== (prevProps == null ? void 0 : (_prevProps$value2 = prevProps.value) == null ? void 0 : _prevProps$value2.from) && !fnsIsSameMonth(legacyParse(value.from), legacyParse(left.month)) || forceAdjacentMonths !== prevProps.forceAdjacentMonths) {
|
|
385
|
+
this.setState(getSidesState(value, forceAdjacentMonths));
|
|
405
386
|
}
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
387
|
+
|
|
388
|
+
return null;
|
|
389
|
+
};
|
|
390
|
+
|
|
391
|
+
_proto.render = function render() {
|
|
392
|
+
var _this$props9 = this.props,
|
|
393
|
+
mode = _this$props9.mode,
|
|
394
|
+
onChange = _this$props9.onChange,
|
|
395
|
+
value = _this$props9.value,
|
|
396
|
+
canSwitchMode = _this$props9.canSwitchMode,
|
|
397
|
+
dateOnly = _this$props9.dateOnly,
|
|
398
|
+
onSwitchMode = _this$props9.onSwitchMode,
|
|
399
|
+
texts = _this$props9.texts;
|
|
400
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Sides, null, /*#__PURE__*/React.createElement(S.Side, {
|
|
401
|
+
mode: mode
|
|
402
|
+
}, this.renderSide(COLUMNS.LEFT)), /*#__PURE__*/React.createElement(S.Side, {
|
|
403
|
+
mode: mode
|
|
404
|
+
}, this.renderSide(COLUMNS.RIGHT))), /*#__PURE__*/React.createElement(S.PickerFooter, null, /*#__PURE__*/React.createElement(Range, {
|
|
405
|
+
onClick: function onClick() {
|
|
406
|
+
onChange(_objectSpread({}, value, {
|
|
407
|
+
type: 'ABSOLUTE',
|
|
408
|
+
to: fnsAddMinutes(new Date(), 1),
|
|
409
|
+
from: new Date()
|
|
410
|
+
}));
|
|
411
|
+
}
|
|
412
|
+
}, texts.now), /*#__PURE__*/React.createElement(S.FooterSeparator, null), !dateOnly && /*#__PURE__*/React.createElement(S.DateTimeModeSwitch, {
|
|
413
|
+
type: "ghost",
|
|
414
|
+
mode: "label-icon",
|
|
415
|
+
disabled: !canSwitchMode,
|
|
416
|
+
onClick: onSwitchMode,
|
|
417
|
+
className: "ds-date-time-switch"
|
|
418
|
+
}, mode === MODES.TIME ? texts.selectDate : texts.selectTime, /*#__PURE__*/React.createElement(Icon, {
|
|
419
|
+
component: mode === MODES.TIME ? /*#__PURE__*/React.createElement(CalendarM, null) : /*#__PURE__*/React.createElement(ClockM, null)
|
|
420
|
+
}))));
|
|
421
|
+
};
|
|
440
422
|
|
|
441
423
|
return RangePicker;
|
|
442
424
|
}(React.PureComponent);
|